:root{color-scheme:dark;--bg: #05070d;--panel: rgba(12, 16, 26, .78);--panel-strong: rgba(16, 22, 36, .96);--line: rgba(255, 255, 255, .12);--line-strong: rgba(255, 255, 255, .22);--text: #f7f8fb;--muted: #9aa2b8;--soft: #c8d0e4;--blue: #6fb8ff;--cyan: #69e0d4;--green: #99d783;--violet: #b38cff;--rose: #f3a7c9;--gold: #f1c96b;--danger: #ff7777;--radius: 8px;--shadow: 0 24px 70px rgba(0, 0, 0, .46);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-height:100%;margin:0;color:var(--text);background:linear-gradient(120deg,rgba(105,224,212,.1),transparent 32%),linear-gradient(240deg,rgba(241,201,107,.08),transparent 30%),linear-gradient(150deg,#05070d,#09111b 46%,#07080e)}button,input{font:inherit}button{color:inherit}.app-shell{width:min(1180px,100%);min-height:100svh;margin:0 auto;padding:calc(env(safe-area-inset-top) + 18px) 16px 28px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.topbar>div:first-child{min-width:0}.eyebrow{margin:0 0 4px;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin:0}.topbar h1{font-size:1.55rem;line-height:1;letter-spacing:0}.title-note{width:min(680px,100%);margin-top:12px;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:10px 12px;background:#ffffff14;color:var(--text);font-size:.82rem;font-weight:700;line-height:1.6;box-shadow:0 12px 34px #00000038}.session-pill,.mini-status{min-width:76px;border:1px solid var(--line);border-radius:999px;padding:9px 11px;background:#ffffff0f;color:var(--soft);text-align:center;font-size:.72rem;font-weight:800}.session-pill.playing{border-color:#69e0d480;color:#dffefa;background:#69e0d41f}main{display:grid;gap:16px}.help-stack{display:grid;gap:10px;margin-bottom:16px}.guide-panel{border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(105,224,212,.1),transparent 44%),#ffffff0d;overflow:hidden}.guide-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:66px;padding:13px 16px;cursor:pointer;list-style:none;user-select:none}.guide-trigger::-webkit-details-marker{display:none}.guide-trigger strong{display:block;font-size:1.08rem;line-height:1.2;letter-spacing:0}.guide-action{min-width:58px;border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--cyan);text-align:center;font-size:0;font-weight:900}.guide-action:before{content:"\958b\304f";font-size:.72rem}.guide-panel[open] .guide-action:before{content:"\9589\3058\308b"}.guide-content{border-top:1px solid var(--line);padding:14px 16px 16px}.guide-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.guide-steps article{min-height:132px;border:1px solid rgba(255,255,255,.11);border-radius:var(--radius);padding:12px;background:#ffffff0e}.guide-steps strong{display:block;color:var(--text);font-size:.84rem;line-height:1.35}.guide-steps p{margin-top:9px;color:var(--soft);font-size:.74rem;line-height:1.55}.guide-note{margin-top:12px;color:var(--cyan);font-size:.78rem;font-weight:800;line-height:1.55}.quickstart-lead{margin-bottom:12px;color:var(--text);font-size:.86rem;font-weight:800;line-height:1.6}.quickstart-steps,.quickstart-patterns{display:grid;gap:8px}.quickstart-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.quickstart-patterns{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px}.quickstart-steps article,.quickstart-patterns article{min-height:126px;border:1px solid rgba(255,255,255,.11);border-radius:var(--radius);padding:12px;background:#ffffff0d}.quickstart-patterns article{background:linear-gradient(135deg,rgba(243,167,201,.1),transparent 52%),#ffffff0b}.quickstart-steps strong,.quickstart-patterns strong{display:block;color:var(--text);font-size:.84rem;line-height:1.35}.quickstart-steps p,.quickstart-patterns p{margin-top:9px;color:var(--soft);font-size:.74rem;line-height:1.55}.glossary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.glossary-grid article{min-height:120px;border:1px solid rgba(255,255,255,.11);border-radius:var(--radius);padding:12px;background:#ffffff0b}.glossary-grid strong{display:block;color:var(--text);font-size:.82rem;line-height:1.35}.glossary-grid p{margin-top:8px;color:var(--soft);font-size:.72rem;line-height:1.52}.player-surface{position:relative;min-width:0;min-height:560px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:linear-gradient(180deg,#0c121ed1,#06080ef2),linear-gradient(135deg,rgba(111,184,255,.14),transparent 46%);box-shadow:var(--shadow);isolation:isolate}#waveCanvas{position:absolute;inset:0;width:100%;height:100%;opacity:.72;z-index:-2}.player-content{min-height:560px;display:flex;flex-direction:column;justify-content:flex-end;padding:22px}.mode-row,.tab-row,.option-row,.timer-strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mode-row::-webkit-scrollbar,.tab-row::-webkit-scrollbar,.option-row::-webkit-scrollbar,.timer-strip::-webkit-scrollbar{display:none}.mode-chip,.tab-button,.option-button,.ambient-button,.timer-option,.text-button{min-height:42px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff12;color:var(--soft);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.mode-chip{min-width:88px;padding:10px 12px;text-align:left;font-size:.78rem;font-weight:800;white-space:nowrap}.mode-chip.active,.tab-button.active,.option-button.active,.ambient-button.active,.timer-option.active{border-color:#69e0d485;color:#f7fffe;background:linear-gradient(135deg,#69e0d43b,#6fb8ff2b)}.mode-chip.sleep{background:linear-gradient(135deg,#6fb8ff33,#b38cff1f)}.mode-chip.relax{background:linear-gradient(135deg,#99d78338,#69e0d41a)}.mode-chip.focus{background:linear-gradient(135deg,#f1c96b38,#6fb8ff1a)}.mode-chip.tinnitus{background:linear-gradient(135deg,#f3a7c933,#b38cff1f)}.mode-chip.solfege{background:linear-gradient(135deg,#69e0d42e,#99d7831f)}.frequency-readout{display:flex;align-items:baseline;gap:10px;margin-top:64px}.frequency-readout span{font-size:6.2rem;font-weight:200;line-height:.88;letter-spacing:0;text-shadow:0 0 34px rgba(255,255,255,.2)}.frequency-readout small{color:#ffffffc7;font-size:1.35rem;font-weight:300}.player-content h2{margin-top:20px;font-size:1.55rem;line-height:1.2;letter-spacing:0}.player-content p{width:min(440px,100%);margin-top:8px;color:var(--muted);font-size:.96rem;line-height:1.55}.safety-note{width:max-content;max-width:100%;margin-top:14px;border:1px solid rgba(241,201,107,.34);border-radius:999px;padding:8px 12px;background:#f1c96b1a;color:#ffe7a3;font-size:.78rem;font-weight:800}.transport-row{display:flex;align-items:center;gap:12px;margin-top:28px}.icon-button{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#ffffff14;box-shadow:0 10px 26px #00000038;cursor:pointer}.icon-button.primary{width:68px;height:68px;border-color:#69e0d499;background:linear-gradient(135deg,#69e0d457,#6fb8ff3d);font-size:1.35rem}.icon-button:active,.mode-chip:active,.tab-button:active,.option-button:active,.ambient-button:active,.timer-option:active,.text-button:active,.preset-card:active{transform:scale(.98)}.timer-strip{margin-top:24px}.timer-option{min-width:56px;padding:8px 14px;font-weight:800}.countdown{min-height:20px;margin-top:10px;color:var(--muted);font-size:.82rem;font-weight:700}.control-panel,.preset-section,.band-section{min-width:0;border:1px solid var(--line);border-radius:18px;background:var(--panel);backdrop-filter:blur(18px);box-shadow:0 16px 42px #0003}.control-panel{padding:16px}.control-grid{display:grid;min-width:0;gap:16px}.slider-control{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center}.slider-control span{color:var(--soft);font-size:.84rem;font-weight:800}.slider-control output{color:var(--muted);font-size:.78rem;font-weight:800}.slider-control input{grid-column:1 / -1;width:100%;accent-color:var(--cyan)}.option-row{margin-top:16px}.option-button,.ambient-button,.therapy-button,.shape-button,.tab-button,.text-button{min-width:max-content;padding:9px 12px;font-size:.78rem;font-weight:800}.shape-button,.therapy-button{min-height:42px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff12;color:var(--soft);cursor:pointer}.shape-button.active,.therapy-button.active{border-color:#f3a7c98c;color:#fff8fb;background:linear-gradient(135deg,#f3a7c933,#6fb8ff24)}.therapy-panel{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.therapy-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.therapy-heading h2{font-size:1rem}.therapy-heading span{border:1px solid rgba(243,167,201,.38);border-radius:999px;padding:7px 10px;color:#ffdceb;font-size:.72rem;font-weight:900}.therapy-grid{margin-top:16px}.preset-section,.band-section{padding:18px 16px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-heading h2{font-size:1.08rem;letter-spacing:0}.text-button{min-height:34px;color:var(--muted)}.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;gap:10px;margin-top:14px}.preset-card{min-height:156px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:var(--radius);padding:14px;background:linear-gradient(160deg,#ffffff1c,#ffffff08),var(--accent, rgba(111, 184, 255, .12));color:var(--text);text-align:left;cursor:pointer;overflow:hidden}.preset-card.active{border-color:#69e0d4bd;box-shadow:0 0 0 1px #69e0d42e,0 18px 36px #0000003d}.preset-card .hz{display:flex;align-items:baseline;gap:5px;font-size:2.4rem;font-weight:250}.preset-card .hz small{color:#ffffffb8;font-size:.95rem}.preset-card strong{display:block;margin-top:10px;font-size:.98rem;line-height:1.25}.preset-card p{margin-top:6px;color:#ffffffab;font-size:.76rem;line-height:1.45}.preset-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#ffffff9e;font-size:.7rem;font-weight:800;text-transform:uppercase}.band-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-width:0;gap:8px}.medical-note{margin:-4px 0 14px;color:var(--muted);font-size:.78rem;line-height:1.6}.band-list article{min-height:112px;border:1px solid var(--line);border-radius:var(--radius);padding:12px;background:#ffffff0d}.band-list strong{display:block;font-size:.95rem}.band-list span{display:block;margin-top:8px;color:var(--cyan);font-size:.72rem;font-weight:800}.band-list p{margin-top:10px;color:var(--muted);font-size:.74rem;line-height:1.45}@media(min-width:860px){main{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:start}.player-surface{grid-row:span 3;min-height:calc(100svh - 92px)}.player-content{min-height:calc(100svh - 92px)}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-steps{grid-template-columns:repeat(5,minmax(0,1fr))}.glossary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.quickstart-steps,.quickstart-patterns{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.app-shell{padding-inline:12px}.topbar h1{font-size:1.35rem}.title-note{font-size:.76rem}.guide-trigger{min-height:58px;padding:12px 13px}.guide-content{padding:12px 13px 13px}.guide-steps{grid-template-columns:1fr}.guide-steps article{min-height:0}.quickstart-steps,.quickstart-patterns{grid-template-columns:1fr}.quickstart-steps article,.quickstart-patterns article{min-height:0}.glossary-grid{grid-template-columns:1fr}.glossary-grid article{min-height:0}.player-surface{min-height:530px;border-radius:24px}.player-content{min-height:530px;padding:18px}.frequency-readout{margin-top:54px}.frequency-readout span{font-size:5.35rem}.player-content h2{font-size:1.32rem}.preset-grid{grid-template-columns:1fr 1fr}.band-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:380px){.frequency-readout span{font-size:4.7rem}.preset-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;scroll-behavior:auto!important}}