@import"https://fonts.googleapis.com/css2?family=Cormorant+Gainsborough:wght@300;400;500&family=JetBrains+Mono:wght@300;400;500&family=IBM+Plex+Sans:wght@400;500&display=swap";:root{--void-pure: #020204;--void-indigo: #030308;--void-warm: #040305;--surface-0: rgba(255, 255, 255, .015);--surface-1: rgba(255, 255, 255, .03);--surface-2: rgba(255, 255, 255, .05);--surface-3: rgba(255, 255, 255, .08);--text-bright: rgba(255, 255, 255, .95);--text-primary: rgba(255, 255, 255, .8);--text-secondary: rgba(255, 255, 255, .5);--text-muted: rgba(255, 255, 255, .25);--text-ghost: rgba(255, 255, 255, .12);--accent-morning: #ffa857;--accent-morning-glow: rgba(255, 168, 87, .4);--accent-work: #57c4ff;--accent-work-glow: rgba(87, 196, 255, .3);--accent-refocus: #7affb8;--accent-refocus-glow: rgba(122, 255, 184, .3);--accent-winddown: #c4a7ff;--accent-winddown-glow: rgba(196, 167, 255, .35);--accent-sleep: #7a8fff;--accent-sleep-glow: rgba(122, 143, 255, .35);--accent-idle: rgba(255, 255, 255, .4);--accent-idle-glow: rgba(255, 255, 255, .15);--color-warning: #ffc857;--color-warning-glow: rgba(255, 200, 87, .35);--color-stop: #ff6b6b;--color-stop-glow: rgba(255, 107, 107, .25);--font-display: "Cormorant Gainsborough", "Palatino Linotype", serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--font-body: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: .625rem;--text-sm: .75rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.25rem;--text-2xl: 1.75rem;--text-3xl: 2.5rem;--text-4xl: 3.5rem;--text-5xl: 5rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-instant: 80ms ease;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1);--transition-glacial: 1.2s cubic-bezier(.4, 0, .2, 1);--accent: var(--accent-idle);--accent-glow: var(--accent-idle-glow);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;background:var(--void-pure)}body{margin:0;min-height:100%;background:var(--void-pure);font-family:var(--font-mono);font-weight:400;color:var(--text-primary);overflow-x:hidden;letter-spacing:.01em}#root{min-height:100vh;min-height:100dvh}::selection{background:var(--accent-glow);color:var(--text-bright)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--surface-3)}:focus-visible{outline:1px solid var(--accent);outline-offset:2px}button:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.app[data-state=IDLE]{--accent: var(--accent-idle);--accent-glow: var(--accent-idle-glow)}.app[data-state=MORNING]{--accent: var(--accent-morning);--accent-glow: var(--accent-morning-glow)}.app[data-state=WORK_BROWN]{--accent: var(--accent-work);--accent-glow: var(--accent-work-glow)}.app[data-state=AFTERNOON_REFOCUS]{--accent: var(--accent-refocus);--accent-glow: var(--accent-refocus-glow)}.app[data-state=EVENING_WINDDOWN]{--accent: var(--accent-winddown);--accent-glow: var(--accent-winddown-glow)}.app[data-state=SLEEP_MODE]{--accent: var(--accent-sleep);--accent-glow: var(--accent-sleep-glow)}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:background-color var(--transition-glacial)}.app:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 80% at 50% 50%,transparent 0%,var(--void-pure) 70%);opacity:.6;pointer-events:none;z-index:0;transition:background var(--transition-glacial)}.app:after{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 40% 70%,rgba(255,255,255,.2) 0%,transparent 100%),radial-gradient(1px 1px at 60% 20%,rgba(255,255,255,.25) 0%,transparent 100%),radial-gradient(1px 1px at 80% 60%,rgba(255,255,255,.2) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 10% 80%,rgba(255,255,255,.15) 0%,transparent 100%),radial-gradient(1px 1px at 90% 40%,rgba(255,255,255,.2) 0%,transparent 100%),radial-gradient(1px 1px at 30% 90%,rgba(255,255,255,.18) 0%,transparent 100%),radial-gradient(1px 1px at 70% 10%,rgba(255,255,255,.22) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 50% 50%,rgba(255,255,255,.1) 0%,transparent 100%),radial-gradient(1px 1px at 15% 45%,rgba(255,255,255,.15) 0%,transparent 100%),radial-gradient(1px 1px at 85% 85%,rgba(255,255,255,.12) 0%,transparent 100%);opacity:.8;pointer-events:none;z-index:0;animation:starTwinkle 8s ease-in-out infinite alternate}@keyframes starTwinkle{0%,to{opacity:.6}50%{opacity:.9}}.app>*{position:relative;z-index:1}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) var(--space-8);gap:var(--space-6)}.top-bar__volume{display:flex;align-items:center;gap:var(--space-4)}.top-bar__volume label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted)}.top-bar__slider{-webkit-appearance:none;appearance:none;width:120px;height:2px;background:var(--surface-2);border-radius:var(--radius-full);outline:none;cursor:pointer;transition:background var(--transition-fast)}.top-bar__slider:hover{background:var(--surface-3)}.top-bar__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--text-secondary);border-radius:50%;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 0 0 0 var(--accent-glow)}.top-bar__slider::-webkit-slider-thumb:hover{background:var(--text-bright);box-shadow:0 0 20px var(--accent-glow);transform:scale(1.2)}.top-bar__slider::-moz-range-thumb{width:12px;height:12px;background:var(--text-secondary);border:none;border-radius:50%;cursor:pointer}.top-bar__mute{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;text-transform:uppercase;letter-spacing:.1em;padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--surface-2);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.top-bar__mute:hover{background:var(--surface-1);border-color:var(--text-ghost);color:var(--text-secondary)}.app__main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-16);padding:var(--space-8);padding-bottom:var(--space-20)}.progress-ring{position:relative;width:280px;height:280px;display:flex;align-items:center;justify-content:center}.progress-ring:before{content:"";position:absolute;inset:-15px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);opacity:.35;animation:coreGlow 4s ease-in-out infinite;pointer-events:none;transition:opacity .8s ease-out}.progress-ring:after{content:"";position:absolute;inset:-30px;border-radius:50%;border:1px solid var(--accent);opacity:0;animation:rippleOut 3s ease-out infinite;pointer-events:none;transition:opacity .5s ease-out}@keyframes coreGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.06)}}@keyframes rippleOut{0%{transform:scale(.6);opacity:.3}to{transform:scale(1.1);opacity:0}}.progress-ring__svg{display:block;overflow:visible;filter:drop-shadow(0 0 30px var(--accent-glow));transition:filter .6s ease-out,opacity .6s ease-out}.progress-ring__track{transition:stroke .4s ease-out}.progress-ring__progress{filter:drop-shadow(0 0 12px var(--accent));transition:stroke var(--transition-slow),filter .4s ease-out}.progress-ring__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:230px;height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);text-align:center;background:transparent;border:none;color:inherit;cursor:pointer;border-radius:50%;transition:all var(--transition-fast)}.progress-ring__content:hover{background:var(--surface-0)}.progress-ring__content:hover .progress-ring__state{color:var(--accent)}.progress-ring__content--paused .progress-ring__time{opacity:.6}.progress-ring__mode{font-family:var(--font-mono);font-size:.65rem;font-weight:400;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted)}.progress-ring__timer{display:flex;align-items:center;justify-content:center}.progress-ring__time{font-family:var(--font-display);font-size:4rem;font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--text-bright);line-height:1;text-shadow:0 0 40px var(--accent-glow);transition:color .15s ease,text-shadow .15s ease}.progress-ring__time--forward{color:var(--accent)}.progress-ring__time--backward{color:#ffffffe6;text-shadow:0 0 20px rgba(255,255,255,.3)}.progress-ring__meta{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-1)}.progress-ring__brainwave{font-family:var(--font-display);font-size:var(--text-lg);font-weight:400;color:var(--accent);text-shadow:0 0 16px var(--accent-glow);opacity:.8}.progress-ring__state{font-size:var(--text-sm);color:var(--text-muted);transition:color var(--transition-fast);letter-spacing:.1em}.progress-ring__mode-large{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;text-transform:uppercase;letter-spacing:.2em;color:var(--text-secondary)}.progress-ring__state-large{font-size:var(--text-2xl);color:var(--text-muted);margin-top:var(--space-3);transition:color var(--transition-fast);letter-spacing:.1em}.progress-ring__content:hover .progress-ring__state-large{color:var(--accent)}.progress-ring__marker-tick{transition:stroke 50ms ease-out,stroke-width 50ms ease-out,opacity 50ms ease-out}.progress-ring__marker--near .progress-ring__marker-tick{stroke:#ffffff80;stroke-width:2px;opacity:.7}.progress-ring__marker--hover .progress-ring__marker-tick{stroke:var(--accent);stroke-width:4px;opacity:1}.progress-ring__marker-dot{transition:r 50ms ease-out,fill 50ms ease-out,opacity 50ms ease-out}.progress-ring__marker--near .progress-ring__marker-dot{r:3;fill:#fff6;opacity:.8}.progress-ring__marker--hover .progress-ring__marker-dot{r:4;fill:var(--accent);opacity:1}.progress-ring__marker-tooltip,.mode-button__tooltip{position:absolute;background:#000000d9;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:6px 8px;border-radius:6px;font-size:13px;font-weight:500;color:#fff;pointer-events:none;white-space:nowrap;opacity:0;scale:.95;transition:opacity 60ms ease-out,scale 60ms ease-out}.progress-ring__marker-tooltip{z-index:10;transform:translate(-50%,-50%)}.progress-ring__marker-tooltip--visible{opacity:1;scale:1}.mode-button-wrapper{position:relative}.mode-button__tooltip{bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:1000}.mode-button-wrapper:hover .mode-button__tooltip{opacity:1;scale:1}.entrainment-toggle{display:flex;align-items:center;gap:var(--space-1);background:var(--surface-0);border-radius:var(--radius-full);padding:var(--space-1);border:1px solid var(--surface-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.entrainment-toggle__option{position:relative;padding:var(--space-2) var(--space-5);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;letter-spacing:.08em;text-transform:uppercase;background:transparent;border:none;border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.entrainment-toggle__option:hover:not(.entrainment-toggle__option--active){color:var(--text-secondary)}.entrainment-toggle__option--active{background:var(--surface-2);color:var(--text-primary);box-shadow:0 2px 12px #0000004d}.entrainment-toggle--hidden{opacity:0;pointer-events:none}.entrainment-toggle__kbd{margin-left:var(--space-2);padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-muted);background:var(--surface-1);border-radius:var(--radius-sm);opacity:.6}.mode-buttons{display:flex;align-items:center;justify-content:center;gap:var(--space-5);flex-wrap:wrap;max-width:500px}.mode-button{position:relative;padding:var(--space-4) var(--space-8);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;letter-spacing:.1em;text-transform:uppercase;background:var(--surface-0);border:1px solid var(--surface-1);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);overflow:hidden}.mode-button:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 100%,var(--accent-glow) 0%,transparent 70%);opacity:0;transition:opacity var(--transition-fast)}.mode-button:hover{background:var(--surface-1);border-color:var(--surface-3);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 8px 24px -8px #0006}.mode-button:hover:before{opacity:.5}.mode-button:active{transform:translateY(0);transition-duration:50ms}.mode-button--active{background:var(--surface-2);border-color:var(--accent);color:var(--text-bright);box-shadow:0 0 0 1px var(--accent) inset,0 0 30px -5px var(--accent-glow),0 8px 24px -8px #0006}.mode-button--active:before{opacity:.6}.mode-button--stop{background:#ff6b6b0d;border-color:#ff6b6b26;color:var(--color-stop)}.mode-button--stop:before{background:radial-gradient(circle at 50% 100%,var(--color-stop-glow) 0%,transparent 70%)}.mode-button--stop:hover:not(:disabled){background:#ff6b6b1a;border-color:#ff6b6b4d;box-shadow:0 0 30px -5px var(--color-stop-glow),0 8px 24px -8px #0006}.mode-button--disabled{opacity:.3;cursor:not-allowed}.mode-button--disabled:hover{transform:none;box-shadow:none}.mode-button--has-warning{border-color:#ffc85733}.mode-button--has-warning:after{content:"";position:absolute;top:8px;right:8px;width:5px;height:5px;background:var(--color-warning);border-radius:50%;box-shadow:0 0 8px var(--color-warning-glow);animation:warningDot 2s ease-in-out infinite}@keyframes warningDot{0%,to{opacity:.6}50%{opacity:1}}@media(max-width:540px){.top-bar{padding:var(--space-4) var(--space-5)}.top-bar__slider{width:80px}.app__main{gap:var(--space-12);padding:var(--space-6);padding-bottom:var(--space-16)}.progress-ring{width:240px;height:240px}.progress-ring__content{width:200px;height:200px}.progress-ring__time{font-size:3rem}.mode-buttons{gap:var(--space-2)}.mode-button{padding:var(--space-3) var(--space-5);font-size:var(--text-xs);letter-spacing:.08em}.shortcuts-hint{display:none}.idle-prompt{top:var(--space-4)}}@media(max-width:380px){.progress-ring{width:200px;height:200px}.progress-ring__content{width:170px;height:170px}.progress-ring__time{font-size:2.5rem}.progress-ring__mode{font-size:.55rem}.mode-button{padding:var(--space-2) var(--space-4);font-size:.65rem}}.app:not(.app--init) .progress-ring__svg{animation:neuralPulse 4s ease-in-out infinite}@keyframes neuralPulse{0%,to{filter:drop-shadow(0 0 15px var(--accent-glow))}50%{filter:drop-shadow(0 0 40px var(--accent-glow))}}.app--paused .progress-ring:before{opacity:.15;animation:none}.app--paused .progress-ring:after{opacity:0;animation:none}.app--paused .progress-ring__svg{animation:none;filter:drop-shadow(0 0 12px var(--accent-glow));opacity:.7;transition:all .8s ease-out}.app--paused .progress-ring__progress{filter:drop-shadow(0 0 6px var(--accent))}*:focus{outline:none}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px var(--accent-glow)}.app__chrome{transition:opacity .6s ease-out .4s,transform .6s ease-out .4s}.app__chrome--hidden{opacity:0;transform:translateY(-20px);pointer-events:none;transition:opacity .2s ease-out,transform .2s ease-out}.app__controls{display:flex;flex-direction:column;align-items:center;gap:var(--space-16);transition:opacity .6s ease-out .4s,transform .6s ease-out .4s}.app__controls--hidden{opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .2s ease-out,transform .2s ease-out}.idle-prompt{position:absolute;top:var(--space-8);left:50%;transform:translate(-50%);text-align:center;animation:idlePulse 3s ease-in-out infinite}.idle-prompt__text{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted)}@keyframes idlePulse{0%,to{opacity:.5}50%{opacity:.8}}.app[data-state=IDLE] .progress-ring__track{stroke:#ffffff14;animation:idleRingPulse 4s ease-in-out infinite}@keyframes idleRingPulse{0%,to{stroke:#ffffff0f}50%{stroke:#ffffff1a}}.progress-ring__content--idle{cursor:default}.progress-ring__idle{display:flex;align-items:center;justify-content:center}.progress-ring__idle-icon{font-size:var(--text-4xl);color:var(--text-muted);opacity:.4;animation:idleIconPulse 3s ease-in-out infinite}@keyframes idleIconPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.shortcuts-hint{position:fixed;bottom:var(--space-8);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-6);padding:var(--space-3) var(--space-5);background:var(--surface-0);border:1px solid var(--surface-1);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .6s ease-out .4s,transform .6s ease-out .4s,visibility .6s ease-out .4s;z-index:50}.shortcuts-hint--hidden{opacity:0;transform:translate(-50%) translateY(20px);pointer-events:none}.shortcuts-hint__item{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.shortcuts-hint__item kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-2);background:var(--surface-1);border:1px solid var(--surface-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.6rem;font-weight:500;color:var(--text-secondary)}.focus-mode-toggle{position:fixed;top:var(--space-6);left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-4);background:var(--surface-1);border:1px solid var(--surface-2);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);cursor:pointer;transition:all .3s ease-out;z-index:100}.focus-mode-toggle:hover{background:var(--surface-2);border-color:var(--surface-3);color:var(--text-primary)}.focus-mode-toggle--hidden{opacity:0;transform:translate(-50%) translateY(-10px);pointer-events:none}.app--focus{cursor:none}.app--focus *{cursor:none!important}.app--focus-active .shortcuts-hint,.app--focus-active .info-toggle,.app--focus-active .idle-prompt{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease-out,visibility .2s ease-out}.info-toggle{position:fixed;bottom:var(--space-8);right:var(--space-8);z-index:100;width:48px;height:48px;border-radius:50%;background:var(--surface-2);border:1px solid var(--surface-3);color:var(--text-secondary);font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),opacity .6s ease-out .4s,visibility .6s ease-out .4s;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #0006}.info-toggle:hover{background:var(--surface-2);border-color:var(--surface-3);color:var(--text-secondary);transform:scale(1.05)}.info-toggle--active{background:var(--accent);border-color:var(--accent);color:var(--void-pure)}.info-toggle--active:hover{background:var(--accent);color:var(--void-pure);opacity:.9}.info-toggle__icon{line-height:1}.info-backdrop{position:fixed;inset:0;z-index:98;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:backdropFadeIn .2s ease-out}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.info-sidebar{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:calc(100vw - 40px);z-index:99;background:linear-gradient(135deg,#080810fa,#04040cfc);border-left:1px solid var(--surface-1);display:flex;flex-direction:column;transform:translate(0);transition:transform var(--transition-base),opacity var(--transition-base);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);box-shadow:-20px 0 60px #00000080,inset 1px 0 #ffffff08}.info-sidebar--collapsed{transform:translate(100%);pointer-events:none}.info-sidebar__header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-8) var(--space-6);border-bottom:1px solid var(--surface-1);background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 100%)}.info-sidebar__title-group{display:flex;flex-direction:column;gap:var(--space-1)}.info-sidebar__eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;text-transform:uppercase;letter-spacing:.25em;color:var(--accent);opacity:.8}.info-sidebar__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:300;color:var(--text-bright);letter-spacing:.02em;margin:0}.info-sidebar__close{width:28px;height:28px;border-radius:50%;background:transparent;border:1px solid var(--surface-2);color:var(--text-muted);font-size:var(--text-lg);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;line-height:1;margin-top:var(--space-1)}.info-sidebar__close:hover{background:var(--surface-1);border-color:var(--surface-3);color:var(--text-secondary)}.info-sidebar__scroll{flex:1;overflow-y:auto;padding:var(--space-4) 0}.info-section{border-bottom:1px solid var(--surface-1)}.info-section__header{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-6);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left}.info-section__header:hover{background:var(--surface-0);color:var(--text-primary)}.info-section--open .info-section__header{color:var(--text-bright)}.info-section__icon{font-size:var(--text-lg);opacity:.6;width:20px;text-align:center}.info-section--open .info-section__icon{opacity:1;color:var(--accent)}.info-section__title{flex:1;font-family:var(--font-mono);font-size:var(--text-base);font-weight:400;text-transform:uppercase;letter-spacing:.1em}.info-section__chevron{font-family:var(--font-mono);font-size:var(--text-sm);opacity:.4;transition:transform var(--transition-fast)}.info-section__content{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-base)}.info-section--open .info-section__content{grid-template-rows:1fr}.info-section__inner{overflow:hidden;padding:0 var(--space-6)}.info-section--open .info-section__inner{padding-bottom:var(--space-6)}.sessions-list{display:flex;flex-direction:column;gap:var(--space-2)}.session-info{display:block;width:100%;text-align:left;background:var(--surface-0);border-radius:var(--radius-md);padding:var(--space-4);border:1px solid var(--surface-1);transition:all var(--transition-fast);position:relative;overflow:hidden;cursor:pointer}.session-info:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--session-color);opacity:.6;transition:opacity var(--transition-fast)}.session-info:hover{background:var(--surface-1);border-color:var(--surface-2)}.session-info:hover:before{opacity:1}.session-info--expanded{background:var(--surface-1)}.session-info--expanded:before{opacity:1}.session-info__row{display:flex;align-items:center;gap:var(--space-3)}.session-info__name{font-family:var(--font-body);font-size:var(--text-base);font-weight:500;color:var(--text-bright);letter-spacing:.01em}.session-info__frequency{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--session-color);flex:1}.session-info__meta{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:.05em}.session-info__chevron{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);width:16px;text-align:center}.session-info__details{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-base)}.session-info--expanded .session-info__details{grid-template-rows:1fr}.session-info__description{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);line-height:1.65;margin:0;overflow:hidden;padding-top:0;transition:padding-top var(--transition-base)}.session-info--expanded .session-info__description{padding-top:var(--space-3)}.method-comparison{display:flex;flex-direction:column;gap:var(--space-2)}.method{display:block;width:100%;text-align:left;background:var(--surface-0);border-radius:var(--radius-md);padding:var(--space-4);border:1px solid var(--surface-1);cursor:pointer;transition:all var(--transition-fast)}.method:hover{background:var(--surface-1);border-color:var(--surface-2)}.method--expanded{background:var(--surface-1)}.method__row{display:flex;align-items:center;gap:var(--space-3)}.method__name{font-family:var(--font-body);font-size:var(--text-base);font-weight:500;color:var(--text-bright)}.method__badge{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;text-transform:uppercase;letter-spacing:.06em;padding:var(--space-1) var(--space-2);background:#ffa8571a;border:1px solid rgba(255,168,87,.2);border-radius:var(--radius-full);color:var(--accent-morning);flex:1}.method__badge--alt{background:#7affb81a;border-color:#7affb833;color:var(--accent-refocus)}.method__chevron{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);width:16px;text-align:center}.method__content{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-base)}.method--expanded .method__content{grid-template-rows:1fr}.method__description{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);line-height:1.65;margin:0;overflow:hidden;padding-top:0;transition:padding-top var(--transition-base)}.method--expanded .method__description{padding-top:var(--space-3)}.method__details{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);margin-top:var(--space-3);border-top:1px solid var(--surface-2)}.method__detail{display:flex;justify-content:space-between;gap:var(--space-2)}.method__label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.method__value{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);text-align:right}.method-notes{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.method-note{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3);background:var(--surface-1);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin:0}.method-note:before{content:"→";font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0}.method-note--warning{background:#ffc85714;border:1px solid rgba(255,200,87,.15)}.method-note--warning:before{content:"!";color:var(--color-warning)}.frequency-guide{display:flex;flex-direction:column;gap:var(--space-2)}.frequency-band{display:block;width:100%;text-align:left;background:var(--surface-0);border-radius:var(--radius-md);padding:var(--space-4);border:1px solid var(--surface-1);position:relative;overflow:hidden;cursor:pointer;transition:all var(--transition-fast)}.frequency-band:after{content:"";position:absolute;top:0;right:0;width:60px;height:100%;background:linear-gradient(90deg,transparent 0%,var(--band-color) 100%);opacity:.05;pointer-events:none;transition:opacity var(--transition-fast)}.frequency-band:hover{background:var(--surface-1);border-color:var(--surface-2)}.frequency-band:hover:after{opacity:.1}.frequency-band--expanded{background:var(--surface-1)}.frequency-band--expanded:after{opacity:.1}.frequency-band__row{display:flex;align-items:center;gap:var(--space-3)}.frequency-band__name{font-family:var(--font-body);font-size:var(--text-base);font-weight:500;color:var(--band-color)}.frequency-band__range{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:.05em;flex:1}.frequency-band__chevron{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);width:16px;text-align:center}.frequency-band__content{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-base)}.frequency-band--expanded .frequency-band__content{grid-template-rows:1fr}.frequency-band__description{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);line-height:1.65;margin:0;overflow:hidden;padding-top:0;transition:padding-top var(--transition-base)}.frequency-band--expanded .frequency-band__description{padding-top:var(--space-3)}.tips-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.tip{display:flex;gap:var(--space-3);align-items:flex-start}.tip__marker{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent);opacity:.8;flex-shrink:0;width:24px}.tip__text{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);line-height:1.65}@media(max-width:540px){.info-toggle{bottom:var(--space-6);right:var(--space-6);width:44px;height:44px;font-size:var(--text-lg)}.info-sidebar{width:100%;max-width:none}.info-sidebar__header{padding:var(--space-6) var(--space-5)}.info-sidebar__title{font-size:var(--text-xl)}.info-section__header{padding:var(--space-4) var(--space-5)}.info-section__inner{padding:0 var(--space-5)}.info-section--open .info-section__inner{padding-bottom:var(--space-5)}}.toast{position:fixed;bottom:var(--space-20);left:50%;transform:translate(-50%) translateY(20px);padding:var(--space-3) var(--space-5);background:var(--surface-1);border:1px solid var(--surface-2);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);opacity:0;pointer-events:none;transition:opacity .3s ease-out,transform .3s ease-out;z-index:250}.toast--visible{opacity:1;transform:translate(-50%) translateY(0)}.welcome-backdrop{position:fixed;inset:0;z-index:90;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.welcome-backdrop--exiting{animation:welcomeFadeOut .3s ease-in forwards}@keyframes welcomeFadeIn{0%{opacity:0}to{opacity:1}}@keyframes welcomeFadeOut{0%{opacity:1}to{opacity:0}}.welcome-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:91;max-width:640px;width:calc(100% - 48px);padding:48px;background:linear-gradient(135deg,#161620f2,#12121cf7);border:1px solid rgba(255,255,255,.22);border-radius:16px;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff14,0 0 40px #64648c26,inset 0 1px #ffffff0d}.welcome-modal--exiting{animation:welcomeModalFadeOut .3s ease-in forwards}@keyframes welcomeModalFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes welcomeModalFadeOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.98)}}.welcome-modal__title{margin:0 0 32px;font-size:32px;font-weight:500;color:var(--text-primary);text-shadow:0 0 20px rgba(255,255,255,.1);line-height:1.2}.welcome-modal__content{display:flex;flex-direction:column;gap:32px;margin-bottom:40px}.welcome-section__header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.welcome-section__icon{font-size:20px;opacity:.7;color:var(--accent-idle)}.welcome-section__heading{margin:0;font-size:18px;font-weight:500;color:var(--text-primary)}.welcome-section__body{margin:0;font-size:15px;line-height:1.6;color:var(--text-secondary)}.welcome-modes-list{margin:12px 0 0;padding:0;list-style:none;font-size:15px;line-height:1.8;color:var(--text-secondary)}.welcome-modes-list li{padding-left:16px;position:relative}.welcome-modes-list li:before{content:"•";position:absolute;left:0;color:var(--accent-idle);opacity:.5}.welcome-modes-list strong{color:var(--text-primary);font-weight:500}.welcome-modal__button{width:100%;height:48px;padding:0 24px;background:var(--text-primary);color:var(--void-pure);border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:filter .15s ease}.welcome-modal__button:hover{filter:brightness(1.08)}.welcome-modal__button:active{filter:brightness(.95)}@media(max-width:640px){.welcome-modal{padding:32px 24px}.welcome-modal__title{font-size:28px;margin-bottom:24px}.welcome-section__heading{font-size:16px}.welcome-modal__content{gap:24px;margin-bottom:32px}}.progress-ring-wrapper{position:relative;z-index:1}.app--focus-active .progress-ring-wrapper{z-index:50}.focus-overlay{position:fixed;top:calc(50% + 180px);left:50%;transform:translate(-50%) translateY(8px);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);opacity:0;pointer-events:none;transition:none;z-index:200}.focus-overlay--visible{opacity:1;transform:translate(-50%) translateY(0);transition:opacity .6s ease-out .6s,transform .6s ease-out .6s}.focus-overlay__title{font-family:var(--font-mono);font-size:var(--text-base);font-weight:400;text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary)}.focus-overlay__subtitle{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;letter-spacing:.1em;color:var(--text-muted)}