:root{--clr-text: #e0f2fe;--clr-accent: #6ee7b7;--clr-accent2: #818cf8;--clr-track: rgba(255,255,255,.1);--clr-btn-bg: rgba(110,231,183,.16);--clr-btn-fg: #6ee7b7;--clr-pill: rgba(255,255,255,.07);--clr-panel: rgba(10,8,22,.96);--font-main: "Orbitron", monospace;--glow: 0 0 55px rgba(110,231,183,.32), 0 0 120px rgba(129,140,248,.12);--btn-radius: 99px;--lb-h: 0px;--panel-h: 0px;--glass: rgba(255,255,255,.06);--glass-border:rgba(255,255,255,.1);--radius-lg: 18px;--radius-md: 12px;--radius-sm: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#000;overscroll-behavior:none;-webkit-touch-callout:none}#bgCanvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;will-change:contents}#transCanvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;pointer-events:none;width:100%;height:100%;display:none}#overlay,#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:background .7s}#overlay{z-index:1}#vignette{z-index:3}#scanlines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);transition:opacity .8s}#grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;opacity:0;transition:opacity .8s}#hdrBloom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:0;mix-blend-mode:screen;transition:opacity 1s,background .8s}#letterboxTop,#letterboxBot{position:fixed;left:0;right:0;z-index:7;background:#000;height:var(--lb-h);pointer-events:none;transition:height .9s cubic-bezier(.4,0,.2,1)}#letterboxTop{top:0}#letterboxBot{bottom:0}.topbar{position:fixed;top:0;left:0;right:0;z-index:100;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 14px;background:#0003;backdrop-filter:blur(32px) saturate(1.6);-webkit-backdrop-filter:blur(32px) saturate(1.6);border-bottom:1px solid rgba(255,255,255,.07)}.topbar-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.topbar-themes-btn{display:flex;align-items:center;gap:5px;flex-shrink:0;background:var(--clr-btn-bg);color:var(--clr-btn-fg);border:1px solid rgba(255,255,255,.12);border-radius:99px;cursor:pointer;font-family:inherit;font-weight:700;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px 5px 10px;transition:background .18s,transform .12s,box-shadow .18s,color .4s;box-shadow:0 2px 10px #0003}.topbar-themes-btn:hover{transform:scale(1.05);box-shadow:0 3px 14px #0000004d}.topbar-themes-btn:active{transform:scale(.96)}.topbar-pill{display:flex;align-items:center;gap:5px;flex-shrink:0;font-size:.72rem;font-weight:600;letter-spacing:.03em;color:var(--clr-text);opacity:0;transition:opacity .5s}.topbar-pill.loaded{opacity:.7}.info-strip{flex:1;min-width:0;max-width:340px;height:28px;overflow:hidden;position:relative}.info-slide{display:flex;align-items:center;gap:7px;font-size:.68rem;font-weight:500;letter-spacing:.04em;color:var(--clr-text);opacity:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:infoFadeIn .6s ease forwards}.info-dot{width:5px;height:5px;border-radius:50%;background:var(--clr-accent);flex-shrink:0;box-shadow:0 0 6px var(--clr-accent);animation:dotPulse 2.4s ease-in-out infinite}@keyframes infoFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:.62;transform:translateY(0)}}@keyframes infoSlideOut{0%{opacity:.62;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.7)}}.info-slide.leaving{animation:infoSlideOut .4s ease forwards}.showbadge{position:absolute;left:50%;transform:translate(-50%) translateY(-60px);font-size:.58rem;letter-spacing:.28em;text-transform:uppercase;font-weight:700;padding:4px 16px;border-radius:3px;opacity:0;transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .6s;white-space:nowrap;pointer-events:none;color:var(--clr-text);font-family:var(--font-main);border:1px solid rgba(255,255,255,.14);background:#ffffff12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.showbadge.visible{transform:translate(-50%) translateY(0);opacity:1}.topbar-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.utc-pill{font-size:.64rem;letter-spacing:.09em;font-weight:600;color:var(--clr-text);opacity:.42;font-variant-numeric:tabular-nums;padding:4px 10px;border-radius:99px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);transition:background .4s,color .4s}.topbar-icon-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;border:none;cursor:pointer;background:#ffffff0f;color:var(--clr-text);opacity:.5;transition:opacity .18s,background .18s,transform .15s;text-decoration:none}.topbar-icon-btn:hover{opacity:1;background:#ffffff1f;transform:scale(1.08)}.main{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(5px,1.4vh,16px);width:100%;padding:60px 16px 20px;padding-bottom:max(20px,calc(var(--panel-h, 0px) + 20px));text-align:center}.greeting{font-size:clamp(.68rem,1.2vw,.84rem);letter-spacing:.32em;text-transform:uppercase;opacity:.5;font-weight:600;color:var(--clr-text);animation:fadeUp .8s cubic-bezier(.16,1,.3,1) both}.clock-block{display:flex;flex-direction:column;align-items:center;animation:fadeUp .8s cubic-bezier(.16,1,.3,1) .08s both}.clock-row{display:flex;align-items:center;justify-content:center;gap:0;line-height:1;width:100%;max-width:min(96vw,780px)}.digit-pair{font-family:var(--font-main);font-size:clamp(3.2rem,min(12.5vw,9vh),10rem);font-weight:900;letter-spacing:-.04em;font-variant-numeric:tabular-nums;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";-webkit-user-select:none;user-select:none;color:var(--clr-text);text-shadow:var(--glow);display:inline-block;width:2ch;text-align:center;transform:translateZ(0);contain:layout style;will-change:contents;backface-visibility:hidden}.digit-pair.tick{animation:digitTick .14s ease-out}@keyframes digitTick{0%{opacity:1}30%{opacity:.15}to{opacity:1}}.seconds-ms{display:inline-block;width:3ch;overflow:hidden;vertical-align:baseline}.clock-colon{font-family:var(--font-main);font-size:clamp(2.4rem,min(9vw,6.5vh),7.5rem);font-weight:300;letter-spacing:0;color:var(--clr-text);opacity:.5;padding:0 clamp(1px,.5vw,6px);display:inline-block;margin-bottom:.06em}.ampm-stack{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;padding-left:clamp(3px,1vw,10px);padding-bottom:.1em}.ampm{font-size:clamp(.6rem,min(2vw,1.6vh),1.4rem);font-weight:700;letter-spacing:.1em;opacity:.5;color:var(--clr-text);line-height:1.2}.date-display{font-size:clamp(.68rem,1.3vw,.92rem);letter-spacing:.18em;text-transform:uppercase;font-weight:600;opacity:.46;color:var(--clr-text);animation:fadeUp .8s cubic-bezier(.16,1,.3,1) .14s both}.progress-wrap{width:min(360px,76vw);display:flex;flex-direction:column;gap:5px}.progress-labels{display:flex;justify-content:space-between;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;opacity:.38;font-weight:700;color:var(--clr-text)}.progress-track{height:3px;border-radius:99px;overflow:hidden;background:#ffffff17}.progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--clr-accent),var(--clr-accent2));width:0%;transition:width .08s linear}.session-card{display:flex;flex-direction:column;align-items:center;gap:8px;background:#ffffff0e;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:18px 24px 16px;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);width:min(380px,88vw);transition:background .4s,border-color .4s}.session-label{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;opacity:.38;color:var(--clr-text)}.session-timer{font-size:clamp(1.1rem,3vw,2.1rem);font-weight:800;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--clr-text);font-family:var(--font-main)}.session-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:2px}#pomRingSvg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.pom-mode-pill{font-size:.52rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;padding:3px 10px;border-radius:99px;background:var(--clr-btn-bg);color:var(--clr-btn-fg);opacity:.75;display:none}.pom-mode-pill.visible{display:inline-block}#focusInputWrap{display:flex;gap:6px;align-items:center;width:100%;opacity:0;transition:opacity .35s,max-height .35s;max-height:0;overflow:hidden}#focusInputWrap.visible{opacity:1;max-height:48px}#focusInput{flex:1;background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:var(--clr-text);font-family:inherit;font-size:.74rem;padding:7px 12px;border-radius:var(--radius-sm);outline:none;letter-spacing:.03em}#focusInput::placeholder{opacity:.3;color:var(--clr-text)}#focusInput:focus{border-color:var(--clr-accent);background:#ffffff1a;box-shadow:0 0 0 3px #6ee7b72e}#focusTag{font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;opacity:.38;color:var(--clr-text);white-space:nowrap}.sync-pill{display:inline-flex;align-items:center;gap:6px;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;padding:4px 12px;border-radius:99px;opacity:.4;background:#ffffff0d;color:var(--clr-text);border:1px solid rgba(255,255,255,.07)}.sync-dot{width:5px;height:5px;border-radius:50%;background:#888;transition:background .5s;flex-shrink:0}.quote-area{max-width:min(480px,82vw);text-align:center}.quote-text{font-size:clamp(.68rem,1.3vw,.88rem);line-height:1.9;opacity:.35;font-style:italic;color:var(--clr-text);transition:opacity .5s}.lit-meta{font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;opacity:.2;margin-top:5px;color:var(--clr-text);font-style:normal}.btn{border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:.7rem;letter-spacing:.08em;padding:8px 18px;border-radius:var(--btn-radius);outline:none;display:inline-flex;align-items:center;gap:6px;transition:transform .12s,opacity .18s,box-shadow .18s}.btn:hover{transform:scale(1.05)}.btn:active{transform:scale(.95)}.btn-primary{background:var(--clr-accent);color:#000;font-weight:800;box-shadow:0 2px 12px #00000040}.btn-primary:hover{box-shadow:0 4px 18px #00000059}.btn-ghost{background:#ffffff12;color:var(--clr-text);border:1px solid rgba(255,255,255,.1)}.btn-ghost:hover{background:#ffffff21}.btn-icon{background:#ffffff12;color:var(--clr-text);border:1px solid rgba(255,255,255,.1);padding:8px 12px;font-size:.95rem;letter-spacing:0}.btn-icon:hover{background:#ffffff21}.btn.active-btn{box-shadow:0 0 0 2px var(--clr-accent)}.colon{animation:blinkColon 1s step-end infinite;display:inline-block}@keyframes blinkColon{0%,to{opacity:1}50%{opacity:.1}}.main>*{animation:fadeUp .9s cubic-bezier(.16,1,.3,1) both}.main>*:nth-child(1){animation-delay:.04s}.main>*:nth-child(2){animation-delay:.1s}.main>*:nth-child(3){animation-delay:.16s}.main>*:nth-child(4){animation-delay:.22s}.main>*:nth-child(5){animation-delay:.28s}.main>*:nth-child(6){animation-delay:.34s}.main>*:nth-child(7){animation-delay:.4s}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}body.theme-flash:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#ffffff0a;pointer-events:none;animation:themeFlash .45s ease forwards}@keyframes themeFlash{0%{opacity:1}to{opacity:0}}#themePanel{position:fixed;bottom:62px;left:50%;transform:translate(-50%) translateY(0);z-index:200;width:min(640px,96vw);max-height:52vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;border-radius:18px;background:color-mix(in srgb,var(--clr-panel, #0a0816) 85%,#000 15%);-webkit-backdrop-filter:blur(28px) saturate(1.6);backdrop-filter:blur(28px) saturate(1.6);border:1px solid rgba(255,255,255,.1);box-shadow:0 -2px #ffffff0d inset,0 24px 64px #000000b3,0 0 0 1px #ffffff0a;transition:transform .38s cubic-bezier(.16,1,.3,1),opacity .28s ease;display:flex;flex-direction:column;align-items:center;will-change:transform,opacity}@supports not (background: color-mix(in srgb,red 50%,blue)){#themePanel{background:#080614f7!important}}#themePanel.collapsed{transform:translate(-50%) translateY(calc(100% + 80px));opacity:0;pointer-events:none}#panelToggle{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;color:var(--clr-text);font-family:inherit;font-weight:700;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;padding:10px 20px 6px;opacity:.55;transition:opacity .2s;width:100%;justify-content:center}#panelToggle:hover{opacity:1}#panelChevron{font-size:.7rem;opacity:.6;transition:transform .35s cubic-bezier(.4,0,.2,1);display:inline-block}#themePanel.collapsed #panelChevron{transform:rotate(180deg)}.panel-body{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 16px 14px}.theme-row{display:flex;align-items:center;justify-content:center;gap:7px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;width:100%;max-width:960px}.theme-row::-webkit-scrollbar{display:none}.row-label{font-size:.48rem;letter-spacing:.26em;text-transform:uppercase;font-weight:800;opacity:.28;white-space:nowrap;min-width:40px;color:var(--clr-text);flex-shrink:0}.row-divider{height:1px;background:#ffffff12;margin:0;width:100%;max-width:960px;flex-shrink:0}.nat-btn{width:24px;height:24px;border-radius:50%;border:2.5px solid transparent;cursor:pointer;outline:none;flex-shrink:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1),border-color .25s,box-shadow .25s}.nat-btn:hover{transform:scale(1.3)}.nat-btn.active{border-color:#ffffffe6;box-shadow:0 0 0 2px #ffffff2e,0 0 10px #ffffff1f;transform:scale(1.2)}.media-card{display:flex;align-items:center;gap:7px;padding:5px 12px 5px 7px;border-radius:10px;border:1px solid rgba(255,255,255,.08);cursor:pointer;outline:none;flex-shrink:0;background:#ffffff0a;transition:background .2s,border-color .2s,transform .15s,box-shadow .2s}.media-card.active{border-color:#ffffff73;box-shadow:0 0 0 1px #ffffff26,0 4px 16px #0000004d}.media-logo{width:32px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.media-logo svg{width:100%;height:100%}.media-name{font-size:.62rem;font-weight:700;letter-spacing:.03em;white-space:nowrap;line-height:1.2;text-align:left;color:#ffffffd1}.media-sub{font-size:.47rem;font-weight:500;letter-spacing:.07em;opacity:.45;white-space:nowrap;line-height:1.2;text-transform:uppercase}.feat-dock{display:flex;gap:2px;justify-content:center;align-items:stretch;padding:6px 8px 8px;background:#00000038;border-top:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.feat-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;font-family:inherit;padding:8px 4px 7px;border-radius:12px;min-width:0;background:transparent;color:var(--clr-text);border:none;opacity:.55;transition:opacity .18s,background .15s,transform .14s;position:relative;overflow:hidden}.feat-btn:hover{opacity:.9;background:#ffffff12}.feat-btn.on{opacity:1;color:var(--clr-accent)}.feat-icon{font-size:1.35rem;line-height:1;display:block}.feat-label{font-size:.52rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:3px}#themesRevealBtn{position:fixed;bottom:18px;left:50%;transform:translate(-50%) translateY(80px);z-index:199;border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;padding:9px 20px 9px 15px;border-radius:99px;background:#0a0816d1;color:var(--clr-text);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;gap:7px;opacity:0;pointer-events:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s,box-shadow .2s;box-shadow:0 4px 24px #00000073}#themesRevealBtn:hover{box-shadow:0 6px 30px #0009;filter:brightness(1.1)}.sc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .22s}.sc-overlay.open{opacity:1;pointer-events:all}.sc-modal{background:var(--clr-panel, rgba(14,12,30,.92));border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:0;width:min(540px,94vw);max-height:88vh;overflow-y:auto;scrollbar-width:thin;position:relative;color:var(--clr-text);transform:translateY(20px) scale(.98);transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .22s;box-shadow:0 24px 80px #0009,0 0 0 1px #ffffff0d}.sc-overlay.open .sc-modal{transform:translateY(0) scale(1)}.sc-modal--narrow{width:min(400px,94vw)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 0;margin-bottom:16px}.sc-modal h2{font-size:.95rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--clr-accent);font-family:var(--font-main)}.sc-modal h3{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--clr-text);opacity:.42;margin:16px 22px 8px}.sc-modal>*:not(.modal-header):not(h3){padding-left:22px;padding-right:22px}.sc-modal>*:last-child{padding-bottom:22px}.modal-close{background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#ffffff80;cursor:pointer;transition:color .15s,background .15s,transform .12s;flex-shrink:0}.modal-close:hover{color:#fff;background:#ffffff24;transform:scale(1.1)}.modal-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;padding-left:22px;padding-right:22px}.pill-group{display:flex;gap:6px;flex-wrap:wrap;padding-left:22px;padding-right:22px}.pill-group .btn{padding:6px 14px;font-size:.68rem}.pom-today{font-size:.7rem;opacity:.32;color:var(--clr-text);margin-top:14px;padding-left:22px;padding-right:22px}#logEntries{padding-left:22px;padding-right:22px}.log-date-hdr{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;opacity:.35;color:var(--clr-text);margin:12px 0 6px}.log-entry{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.72rem;color:var(--clr-text)}.log-entry:last-child{border-bottom:none}.log-time{opacity:.38;white-space:nowrap;font-family:var(--font-main);font-size:.6rem;min-width:76px}.log-task{flex:1;opacity:.8;line-height:1.5}.log-dur{opacity:.3;white-space:nowrap;font-family:var(--font-main);font-size:.57rem}.log-empty{text-align:center;opacity:.25;font-size:.76rem;padding:26px 0;color:var(--clr-text)}.log-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px;padding:0 22px 22px}#colorRows{padding-left:22px;padding-right:22px}.color-row{display:flex;align-items:center;gap:12px;margin-bottom:11px}.color-label{font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;opacity:.5;color:var(--clr-text);min-width:84px;font-weight:700}.color-picker-wrap{position:relative;width:30px;height:30px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.15);cursor:pointer;flex-shrink:0}.color-picker-wrap input[type=color]{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;width:calc(100% + 12px);height:calc(100% + 12px);border:none;cursor:pointer}.color-hex{font-size:.64rem;font-family:var(--font-main);color:var(--clr-text);opacity:.65;letter-spacing:.06em;min-width:60px}.saved-theme-row{display:flex;gap:6px;flex-wrap:wrap;padding:0 22px 22px;margin-top:6px}.saved-swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .18s,border-color .18s;flex-shrink:0}.saved-swatch:hover{transform:scale(1.22)}.kb-grid{display:grid;grid-template-columns:auto 1fr;gap:7px 18px;align-items:center;padding:0 22px 22px}kbd{background:#ffffff17;border:1px solid rgba(255,255,255,.16);border-radius:6px;padding:3px 9px;font-family:var(--font-main);font-size:.62rem;color:var(--clr-text);display:inline-block;line-height:1.7}.kb-desc{font-size:.72rem;color:var(--clr-text);opacity:.55}.sound-mixer{display:flex;flex-direction:column;gap:12px;padding:0 22px 22px}.sound-tracks{display:flex;flex-direction:column;gap:6px}.sound-track{display:flex;align-items:center;gap:11px;padding:10px 13px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);transition:background .15s,border-color .2s}.sound-track.active{background:#ffffff17;border-color:var(--clr-accent)}.sound-track-icon{font-size:1.2rem;width:26px;text-align:center;flex-shrink:0}.sound-track-info{flex:1;min-width:0}.sound-track-name{font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--clr-text);opacity:.85}.sound-track-desc{font-size:.57rem;opacity:.35;color:var(--clr-text);margin-top:1px}.sound-track-vol{display:flex;align-items:center;gap:7px;flex-shrink:0;width:120px}.sound-vol-pct{font-size:.57rem;font-family:var(--font-main);color:var(--clr-text);opacity:.4;min-width:28px;text-align:right}.track-vol-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:3px;border-radius:99px;background:#ffffff24;outline:none;cursor:pointer}.track-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--clr-accent);cursor:pointer;transition:transform .15s}.track-vol-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.track-vol-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--clr-accent);cursor:pointer;border:none}.track-toggle{width:34px;height:19px;border-radius:99px;border:none;cursor:pointer;background:#ffffff1f;position:relative;transition:background .2s;flex-shrink:0}.track-toggle.on{background:var(--clr-accent)}.track-toggle:after{content:"";position:absolute;top:2.5px;left:2.5px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s}.track-toggle.on:after{transform:translate(15px)}.sound-master{padding:12px 14px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.sound-master-row{display:flex;align-items:center;gap:9px}.sound-master-lbl{font-size:.6rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:var(--clr-text);opacity:.38;min-width:64px}.master-vol-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:4px;border-radius:99px;background:#ffffff29;outline:none;cursor:pointer}.master-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:var(--clr-accent);cursor:pointer;transition:transform .15s;box-shadow:0 0 6px #0000004d}.master-vol-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.master-vol-slider::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--clr-accent);cursor:pointer;border:none}.log-tabs{display:flex;gap:4px;padding:0 22px 14px}.log-tab{border:1px solid rgba(255,255,255,.08);cursor:pointer;font-family:inherit;font-weight:700;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 14px;border-radius:99px;background:#ffffff0f;color:var(--clr-text);opacity:.55;transition:background .15s,opacity .15s}.log-tab:hover{opacity:.85;background:#ffffff1a}.log-tab.active{opacity:1;background:var(--clr-btn-bg);color:var(--clr-btn-fg);border-color:transparent}.heatmap-months{display:grid;grid-template-columns:repeat(52,1fr);padding:0 22px 4px;font-size:.54rem;letter-spacing:.05em;text-transform:uppercase;color:var(--clr-text);opacity:.32}.heatmap-months span{grid-row:1;white-space:nowrap;overflow:hidden}.heatmap-grid{display:grid;grid-template-columns:repeat(52,1fr);grid-template-rows:repeat(7,1fr);gap:2px;padding:0 22px;grid-auto-flow:column}.heatmap-cell{width:100%;aspect-ratio:1;border-radius:2px;background:#ffffff0f;cursor:default;transition:transform .1s;position:relative}.heatmap-cell.has-data{background:var(--clr-accent);opacity:calc(.14 + var(--heat) * .86)}.heatmap-cell:hover{transform:scale(1.5);z-index:2}.heatmap-stats{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;padding:10px 22px 0;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--clr-text);opacity:.38;font-weight:700}.focus-lock-bar{position:fixed;bottom:0;left:0;right:0;z-index:9999;height:3px;background:#ffffff14;pointer-events:none}.focus-lock-fill{height:100%;width:0%;background:var(--clr-accent);box-shadow:0 0 8px var(--clr-accent)}.focus-lock-label{position:fixed;bottom:8px;left:50%;transform:translate(-50%);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--clr-text);opacity:.5;white-space:nowrap;pointer-events:none}#btnFocusLock.on{background:#fbbf2424;color:#fcd34d;border-color:#fbbf2438}.sound-section-header{display:flex;align-items:center;justify-content:space-between;padding:10px 0 4px;margin-top:6px;border-top:1px solid rgba(255,255,255,.07)}.sound-section-title{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--clr-text);opacity:.7}.sound-section-note{font-size:.58rem;font-weight:500;color:var(--clr-accent);opacity:.7;letter-spacing:.06em}.binaural-track .sound-track-vol{display:none}#btnPrivacy.on{background:#ef444424;color:#fca5a5;border-color:#ef444438}input[type=range].sc-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;border-radius:99px;background:#ffffff1f;outline:none;flex:1;cursor:pointer}input[type=range].sc-range::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--clr-accent);cursor:pointer;transition:transform .15s}input[type=range].sc-range::-webkit-slider-thumb:hover{transform:scale(1.3)}input[type=range].sc-range::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--clr-accent);cursor:pointer;border:none}body.kiosk #themePanel{display:none}body.kiosk .topbar{background:transparent;border-color:transparent}body.kiosk #weatherPill{opacity:.25!important}body.kiosk .sync-pill{opacity:.15}body.kiosk .session-controls{opacity:.2}body.present #themePanel{display:none}body.present .topbar{opacity:0;pointer-events:none}body.present .progress-wrap,body.present .session-card,body.present .sync-pill,body.present .quote-area,body.present .greeting{display:none}body.present .date-display{opacity:.25}body.kiosk #themesRevealBtn,body.present #themesRevealBtn{opacity:1;transform:translate(-50%) translateY(0);pointer-events:all}body:has(#themePanel.collapsed) #themesRevealBtn{opacity:1;transform:translate(-50%) translateY(0);pointer-events:all}#kbHint{position:fixed;bottom:14px;right:16px;z-index:99;font-size:.52rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;opacity:.18;color:var(--clr-text);pointer-events:none;transition:opacity .3s}#kbHint kbd{background:#ffffff12;border-color:#ffffff1f;padding:2px 5px;font-size:.52rem}@media(max-width:600px){.topbar{height:46px;padding:0 12px}.info-strip{max-width:160px}.media-name{font-size:.56rem}.media-logo{width:26px;height:18px}.digit-pair{font-size:clamp(2.6rem,16vw,5rem)}.clock-colon{font-size:clamp(2rem,12vw,3.8rem)}.session-card{padding:14px 16px 12px;width:min(340px,94vw)}.sc-modal h3{margin-left:16px;margin-right:16px}.sc-modal>*:not(.modal-header):not(h3){padding-left:16px;padding-right:16px}.kb-grid,.sound-mixer,#logEntries,#colorRows,.pill-group,.log-actions,.modal-actions,.saved-theme-row{padding-left:16px;padding-right:16px}}body.light-theme{background:#f1f5f9}body.light-theme .sc-modal{background:#f2f6fcf5}body.light-theme .sc-modal h2{color:var(--clr-accent)}body.light-theme .sc-modal h3{color:var(--clr-text)}body.light-theme kbd{background:#0000000f;border-color:#00000024;color:var(--clr-text)}body.light-theme .kb-desc{color:var(--clr-text)}body.light-theme .sound-track{background:#0000000a;border-color:#00000014}body.light-theme .sound-track.active{background:#00000014}body.light-theme .sound-master{background:#00000008;border-color:#00000012}body.light-theme .log-entry{border-color:#00000012}body.light-theme .modal-close{background:#0000000f;border-color:#0000001a;color:#0006}body.light-theme .modal-close:hover{color:#000;background:#0000001a}body.light-theme .btn-ghost,body.light-theme .btn-icon{background:#0000000f;border-color:#0000001a;color:var(--clr-text)}body.light-theme #themePanel{background:#e6ecf5e0;border-color:#00000017}body.light-theme #panelToggle{color:var(--clr-text)}body.light-theme .feat-btn{background:#0000000d;border-color:#0000001a;color:var(--clr-text)}body.light-theme .media-card{background:#0000000a;border-color:#00000017}body.light-theme .topbar{background:#f0f4fcb3;border-color:#00000014}body.light-theme .topbar-icon-btn{background:#0000000d;color:var(--clr-text)}body.light-theme .utc-pill{background:#0000000d;border-color:#00000017}body.light-theme .session-card{background:#0000000a;border-color:#00000017}body.light-theme .sync-pill{background:#0000000a;border-color:#00000012}body.light-theme #focusInput{background:#0000000f;border-color:#0000001f}body.light-theme .btn-primary{color:#fff}body.light-theme .topbar-themes-btn{box-shadow:0 2px 8px #0000001f;border-color:#0000001a}body.light-theme .info-strip{color:var(--clr-text)}body.light-theme .info-strip .info-dot{box-shadow:0 0 4px var(--clr-accent)}#analogueClock{display:block;border-radius:50%;filter:drop-shadow(0 0 20px color-mix(in srgb,var(--clr-accent) 30%,transparent));animation:fadeUp .6s cubic-bezier(.16,1,.3,1) both}.flip-clock-wrap{display:flex;align-items:center;gap:clamp(4px,1vw,12px);animation:fadeUp .6s cubic-bezier(.16,1,.3,1) both}.flip-sep{font-size:clamp(2rem,6.5vw,5rem);font-weight:300;color:var(--clr-text);opacity:.4;font-family:var(--font-main);line-height:1;margin-bottom:.12em;-webkit-user-select:none;user-select:none}.flip-card{position:relative;width:clamp(54px,11.5vw,108px);height:clamp(76px,16.5vw,150px);perspective:600px;font-family:var(--font-main);font-weight:900;font-size:clamp(2rem,7vw,6rem);font-variant-numeric:tabular-nums;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";contain:layout style;flex-shrink:0}.flip-top,.flip-bot,.flip-top-back{position:absolute;left:0;right:0;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--clr-text);text-shadow:var(--glow);border-radius:8px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform;transform:translateZ(0)}.flip-top,.flip-top-back{top:0;height:50%;align-items:flex-end;padding-bottom:1px;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:1px solid rgba(0,0,0,.35)}.flip-bot{top:50%;height:50%;align-items:flex-start;padding-top:1px;border-top-left-radius:0;border-top-right-radius:0}.flip-top-back{transform-origin:bottom center;transform:rotateX(90deg)}.flip-card.flipping .flip-top{animation:flipTopDown .2s cubic-bezier(.4,0,1,1) forwards}.flip-card.flipping .flip-top-back{animation:flipTopReveal .2s .19s cubic-bezier(0,0,.2,1) forwards}@keyframes flipTopDown{to{transform:rotateX(-90deg)}}@keyframes flipTopReveal{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.word-clock-grid{display:grid;grid-template-columns:repeat(11,1fr);gap:clamp(2px,.6vw,7px);width:min(min(92vw,92vh),520px);max-width:100%;animation:fadeUp .6s cubic-bezier(.16,1,.3,1) both;contain:layout}.wc-char{font-family:var(--font-main);font-size:clamp(.55rem,2.2vw,1.5rem);font-weight:700;letter-spacing:.02em;color:var(--clr-text);opacity:.1;text-align:center;aspect-ratio:1;display:flex;align-items:center;justify-content:center;transition:opacity .5s cubic-bezier(.16,1,.3,1),text-shadow .5s;-webkit-user-select:none;user-select:none}.wc-char.wc-lit{opacity:1;text-shadow:0 0 14px var(--clr-accent),var(--glow)}.minimal-clock-wrap{display:flex;align-items:baseline;gap:12px;animation:fadeUp .6s cubic-bezier(.16,1,.3,1) both}.minimal-hr{font-family:var(--font-main);font-size:clamp(7rem,26vw,20rem);font-weight:900;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--clr-text);text-shadow:var(--glow);-webkit-user-select:none;user-select:none}.minimal-ap{font-size:clamp(1rem,3.5vw,2.8rem);font-weight:600;opacity:.4;color:var(--clr-text);letter-spacing:.1em;align-self:flex-end;padding-bottom:.2em}#segmentClock{display:block;filter:drop-shadow(0 0 12px var(--clr-accent));animation:fadeUp .6s cubic-bezier(.16,1,.3,1) both}.sc-modal--settings{width:min(600px,96vw)}#settingsContent{padding:0 22px 22px}.settings-section{margin-bottom:22px}.settings-section-title{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--clr-accent);opacity:.85;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.07)}.clock-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.clock-mode-btn{border:1px solid rgba(255,255,255,.09);cursor:pointer;font-family:inherit;border-radius:12px;padding:10px 8px;background:#ffffff0a;color:var(--clr-text);display:flex;flex-direction:column;align-items:center;gap:3px;transition:background .15s,border-color .15s,transform .12s}.clock-mode-btn:hover{background:#ffffff1a;transform:translateY(-1px)}.clock-mode-btn.active{background:var(--clr-btn-bg);border-color:var(--clr-accent)}.cmb-icon{font-size:1.4rem;line-height:1}.cmb-label{font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.cmb-desc{font-size:.55rem;opacity:.45;letter-spacing:.04em;text-align:center}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.settings-row:last-child{border-bottom:none}.settings-row-info{display:flex;flex-direction:column;gap:2px;flex:1}.settings-row-label{font-size:.74rem;font-weight:600;color:var(--clr-text)}.settings-row-desc{font-size:.62rem;opacity:.42;color:var(--clr-text)}.settings-toggle{width:44px;height:26px;border-radius:99px;border:none;cursor:pointer;background:#ffffff24;flex-shrink:0;position:relative;transition:background .25s}.settings-toggle.on{background:var(--clr-accent)}.settings-toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 4px #0000004d}.settings-toggle.on:after{transform:translate(18px)}body.light-theme .settings-section-title{opacity:.7}body.light-theme .settings-row{border-color:#00000012}body.light-theme .clock-mode-btn{background:#0000000a;border-color:#00000017}body.light-theme .clock-mode-btn:hover{background:#00000017}.qr-body{display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 22px 22px}#qrCanvas{border-radius:12px;display:block;box-shadow:0 4px 24px #00000080;image-rendering:pixelated}.qr-label{font-size:.74rem;font-weight:500;color:var(--clr-text);opacity:.6;text-align:center;max-width:280px;line-height:1.5}.qr-url{font-size:.58rem;font-family:var(--font-main);color:var(--clr-accent);opacity:.55;text-align:center;word-break:break-all;max-width:280px}.theater-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:800;display:flex;align-items:center;justify-content:center;background:#000000eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.16,1,.3,1)}.theater-overlay.visible{opacity:1;pointer-events:all}.theater-content{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;max-width:420px;padding:40px 24px;transform:translateY(24px);transition:transform .5s cubic-bezier(.16,1,.3,1)}.theater-overlay.visible .theater-content{transform:translateY(0)}.theater-icon{font-size:4rem;line-height:1}.theater-title{font-size:clamp(1.4rem,4vw,2.4rem);font-weight:800;letter-spacing:-.02em;color:var(--clr-text);font-family:var(--font-main)}.theater-subtitle{font-size:1rem;color:var(--clr-text);opacity:.75}.theater-desc{font-size:.82rem;color:var(--clr-text);opacity:.45;line-height:1.7;font-style:italic;max-width:320px}.theater-timer{font-size:clamp(2.4rem,8vw,4.5rem);font-weight:900;font-family:var(--font-main);font-variant-numeric:tabular-nums;color:var(--clr-accent);text-shadow:var(--glow);letter-spacing:.04em}.theater-actions{margin-top:8px}body:has([data-theme=terminal]) .btn,.terminal-btn-style .btn{border-radius:0;font-family:Orbitron,monospace;letter-spacing:.16em}[data-theme-id=smpte] .seconds-ms{font-size:clamp(.85rem,1.8vw,1.4rem);letter-spacing:.02em;opacity:.65}.smpte-strip{width:min(480px,90vw);height:40px;position:relative;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);overflow:visible}.smpte-playhead{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--clr-accent);box-shadow:0 0 8px var(--clr-accent);transition:left .1s linear;pointer-events:none}.smpte-playhead:before{content:"";position:absolute;top:-6px;left:-5px;border:6px solid transparent;border-top:6px solid var(--clr-accent)}.panel-tabs{display:flex;align-items:center;justify-content:center;gap:2px;padding:8px 16px 0;width:100%;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:8px}.panel-tab{display:flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;font-family:inherit;font-weight:600;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--clr-text);opacity:.38;padding:7px 14px;border-radius:8px 8px 0 0;transition:opacity .2s,background .2s,color .2s;position:relative;white-space:nowrap}.panel-tab:hover{opacity:.7;background:#ffffff0d}.panel-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--clr-accent);border-radius:2px 2px 0 0;box-shadow:0 0 8px var(--clr-accent)}.tab-icon{font-size:.9rem}.tab-label{display:none}@media(min-width:480px){.tab-label{display:inline}}.tab-content{display:none;width:100%}.tab-content.active{display:block;animation:tabFadeIn .22s ease}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.nat-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:6px 8px 4px;max-width:600px;margin:0 auto}.nat-btn{width:28px;height:28px;border-radius:50%;border:2.5px solid transparent;cursor:pointer;outline:none;flex-shrink:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1),border-color .2s,box-shadow .2s;position:relative}.nat-btn:hover{transform:scale(1.35)}.nat-btn.active{border-color:#ffffffe6;box-shadow:0 0 0 2px #ffffff2e,0 0 12px #ffffff24;transform:scale(1.2)}.nat-tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#000000d1;color:#fff;font-size:.56rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:3px 7px;border-radius:5px;pointer-events:none;opacity:0;transition:opacity .15s;font-family:inherit}.nat-btn:hover .nat-tip{opacity:1}.tab-sub-label{font-size:.5rem;letter-spacing:.22em;text-transform:uppercase;font-weight:800;opacity:.3;color:var(--clr-text);padding:8px 0 4px 4px}.media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:4px 8px 8px;max-width:600px;margin:0 auto}@media(min-width:600px){.media-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:800px){.media-grid{grid-template-columns:repeat(4,1fr)}}.media-card{display:flex;align-items:center;gap:7px;padding:7px 10px 7px 7px;border-radius:10px;border:1px solid rgba(255,255,255,.08);cursor:pointer;outline:none;background:#ffffff0a;transition:background .18s,border-color .18s,transform .14s,box-shadow .18s;text-align:left;width:100%}.media-card:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.media-card.active{border-color:#ffffff73;box-shadow:0 0 0 1px #ffffff26}.media-card-text{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.media-logo{width:32px;height:22px;border-radius:4px;flex-shrink:0;overflow:hidden}.media-logo svg{width:100%;height:100%;display:block}.media-name{font-size:.6rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ffffffd1;line-height:1.2}.media-sub{font-size:.46rem;font-weight:500;letter-spacing:.07em;opacity:.42;text-transform:uppercase;line-height:1.2}.feat-tokens{opacity:.55;font-size:.56rem;margin-left:2px}@keyframes shopShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes tokenPop{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1.2)}60%{opacity:1;transform:translate(-50%) translateY(-16px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-28px) scale(.8)}}body.flow-state #mainUI{transition:transform .8s cubic-bezier(.16,1,.3,1)}body.flow-state .digit-pair{text-shadow:var(--glow),0 0 80px var(--clr-accent)}body.flow-state .session-card{background:#ffffff08;border-color:#ffffff0f}.flow-badge{position:fixed;top:60px;left:50%;transform:translate(-50%) translateY(-8px);z-index:150;pointer-events:none;font-size:.58rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;padding:5px 16px;border-radius:99px;background:var(--clr-btn-bg);color:var(--clr-accent);border:1px solid var(--clr-accent);opacity:0;transition:opacity .5s,transform .5s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 20px var(--clr-accent) 33}.flow-badge.visible{opacity:1;transform:translate(-50%) translateY(0);animation:flowPulse 3s ease-in-out infinite 1s}@keyframes flowPulse{0%,to{box-shadow:0 0 20px var(--clr-accent) 33}50%{box-shadow:0 0 35px var(--clr-accent) 66}}.sync-pill.break-hint{animation:breakPulse 2s ease-in-out infinite}@keyframes breakPulse{0%,to{background:#ffffff0a;border-color:#ffffff12}50%{background:#f59e0b1f;border-color:#f59e0b59}}.sc-toast{position:fixed;bottom:88px;left:50%;transform:translate(-50%) translateY(16px) scale(.92);z-index:9999;opacity:0;pointer-events:none;font-size:.74rem;font-weight:700;letter-spacing:.04em;padding:11px 24px;border-radius:99px;background:var(--clr-panel, rgba(12,10,26,.96));color:var(--clr-text);border:1.5px solid transparent;background-clip:padding-box;white-space:nowrap;transition:opacity .28s,transform .38s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 0 1.5px var(--clr-accent),0 8px 32px #0000008c,0 0 24px rgba(var(--clr-accent-rgb, 110,231,183),.2)}.sc-toast.visible{opacity:1;transform:translate(-50%) translateY(0) scale(1);animation:toastEntrance .42s cubic-bezier(.16,1,.3,1) forwards,toastGlow 2s ease-in-out infinite .42s}@keyframes toastEntrance{0%{opacity:0;transform:translate(-50%) translateY(14px) scale(.88)}60%{opacity:1;transform:translate(-50%) translateY(-3px) scale(1.02)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes toastGlow{0%,to{box-shadow:0 0 0 1.5px var(--clr-accent),0 8px 32px #00000080,0 0 20px rgba(var(--clr-accent-rgb,110,231,183),.18)}50%{box-shadow:0 0 0 1.5px var(--clr-accent),0 8px 40px #0009,0 0 40px rgba(var(--clr-accent-rgb,110,231,183),.35)}}body.light-theme .sc-toast{background:#f0f4fcf7;color:var(--clr-text);box-shadow:0 0 0 1.5px var(--clr-accent),0 8px 32px #0003}#pwaInstallBtn{display:none;position:fixed;bottom:80px;right:16px;z-index:150;background:var(--clr-btn-bg);color:var(--clr-btn-fg);border:1px solid rgba(255,255,255,.18);border-radius:99px;padding:8px 18px;font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-family:inherit;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 4px 20px #0006;transition:transform .2s,box-shadow .2s;animation:fadeUp .5s cubic-bezier(.16,1,.3,1)}#pwaInstallBtn:hover{transform:scale(1.05);box-shadow:0 6px 28px #00000080}#pwaInstallBtn.show{display:flex;align-items:center;gap:6px}body.drag-over:after{content:"Drop image to create wallpaper theme";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:var(--clr-text);background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.04em;pointer-events:none}.sound-presets{display:flex;gap:6px;flex-wrap:wrap;padding:10px 0 6px;border-top:1px solid rgba(255,255,255,.07);margin-top:8px}.preset-chip{font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:99px;cursor:pointer;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:var(--clr-text);font-family:inherit;transition:background .15s,border-color .15s}.preset-chip:hover{background:#ffffff1f;border-color:var(--clr-accent)}.preset-chip.save-btn{border-color:var(--clr-accent);color:var(--clr-accent)}.master-vol-slider{--boost-pct: 50%;background:linear-gradient(to right,var(--clr-accent) 0%,var(--clr-accent) var(--boost-pct),rgba(255,100,100,.5) var(--boost-pct),rgba(255,100,100,.5) 100%)!important}.sound-track.spatial-active .sound-track-icon:after{content:"↔";font-size:.5rem;position:absolute;bottom:-2px;right:-2px;background:var(--clr-accent);color:#000;border-radius:50%;width:10px;height:10px;display:flex;align-items:center;justify-content:center}.settings-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff12;color:var(--clr-text);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:6px 28px 6px 10px;font-size:.72rem;font-family:inherit;font-weight:600;cursor:pointer;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='rgba(255,255,255,.4)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:border-color .18s,background-color .18s}.settings-select:hover{border-color:var(--clr-accent)}.settings-select option{background:#0e0c1e}body.light-theme .settings-select{background-color:#0000000f;color:var(--clr-text);border-color:#00000024}body.light-theme .settings-select option{background:#f1f5f9}.data-summary{padding:16px 22px 8px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:4px}.data-total{font-size:.72rem;color:var(--clr-text);opacity:.5;margin-bottom:12px;line-height:1.5}.data-cat-row{display:flex;align-items:center;justify-content:space-between;padding:11px 22px;gap:12px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s}.data-cat-row:hover{background:#ffffff08}.data-cat-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.data-cat-icon{font-size:1.3rem;flex-shrink:0}.data-cat-name{display:flex;align-items:center;gap:6px;font-size:.74rem;font-weight:600;color:var(--clr-text)}.data-cat-desc{font-size:.62rem;color:var(--clr-text);opacity:.38;margin-top:2px}.data-cat-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.data-cat-size{font-size:.62rem;font-weight:600;opacity:.4;color:var(--clr-text);min-width:44px;text-align:right}.data-sensitive-badge{font-size:.48rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#ef444426;color:#fca5a5;border-radius:99px;padding:2px 7px;border:1px solid rgba(239,68,68,.2)}.data-del-btn{font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:99px;cursor:pointer;font-family:inherit;background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.2);transition:background .15s}.data-del-btn:hover:not(:disabled){background:#ef444438}.data-del-btn:disabled{opacity:.25;cursor:not-allowed}.data-actions{display:flex;gap:8px;padding:14px 22px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.07);margin-top:4px}.data-nuke-btn{color:#fca5a5!important;border-color:#ef444440!important}#btnPiP.on{background:var(--clr-btn-bg);color:var(--clr-accent);border-color:var(--clr-accent)}.sc-modal--settings{width:min(640px,96vw);max-height:84vh;overflow:hidden;display:flex;flex-direction:column;padding:0}.sc-modal--settings .modal-header{flex-shrink:0;padding:16px 22px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.sc-modal--settings .modal-header h2{margin:0}#settingsTabBar{flex-shrink:0}#settingsContent{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}#settingsContent::-webkit-scrollbar{width:4px}#settingsContent::-webkit-scrollbar-track{background:transparent}#settingsContent::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}.settings-tab-bar{display:flex;gap:0;align-items:stretch;background:#0000002e;border-bottom:1px solid rgba(255,255,255,.08);padding:0 6px;flex-shrink:0}.settings-tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 4px 9px;background:transparent;border:none;cursor:pointer;font-family:inherit;color:var(--clr-text);opacity:.38;transition:opacity .18s;position:relative}.settings-tab-btn:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:var(--clr-accent);border-radius:2px 2px 0 0;transform:scaleX(0);transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.settings-tab-btn.active{opacity:1}.settings-tab-btn.active:after{transform:scaleX(1)}.settings-tab-btn:hover:not(.active){opacity:.65}.stb-icon{font-size:1.15rem;line-height:1}.stb-label{font-size:.5rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.settings-pane-wrap{padding:6px 0 20px;animation:paneFadeIn .18s ease}@keyframes paneFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.settings-section{margin-bottom:6px}.settings-section-title{font-size:.56rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--clr-accent);opacity:.65;padding:14px 22px 6px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 22px;transition:background .12s}.settings-row:hover{background:#ffffff06}.settings-row-top{display:flex;align-items:center;gap:7px;margin-bottom:2px}.settings-row-info{flex:1;min-width:0}.settings-row-label{font-size:.76rem;font-weight:600;color:var(--clr-text)}.settings-row-desc{font-size:.62rem;opacity:.4;color:var(--clr-text);line-height:1.4}.settings-badge{font-size:.5rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:2px 7px;border-radius:99px;background:var(--clr-accent)22;color:var(--clr-accent);border:1px solid var(--clr-accent)44;flex-shrink:0}.settings-toggle{width:48px;height:28px;border-radius:99px;border:none;cursor:pointer;background:#ffffff21;flex-shrink:0;position:relative;overflow:hidden;transition:background .28s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 0 0 1px #ffffff1a}.settings-toggle.on{background:var(--clr-accent);box-shadow:0 0 12px var(--clr-accent) 55}.settings-toggle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--clr-accent);opacity:0;transition:opacity .28s}.settings-toggle.on:before{opacity:1}.settings-toggle:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .28s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 6px #00000059,0 0 0 .5px #00000014;z-index:1}.settings-toggle.on:after{transform:translate(20px)}.toggle-ripple{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#ffffff59;animation:toggleRipple .5s ease-out forwards;pointer-events:none;z-index:0}@keyframes toggleRipple{0%{opacity:.6;transform:scale(.4)}to{opacity:0;transform:scale(2.2)}}.settings-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 22px 8px}.settings-action-btn{padding:11px 16px;border-radius:12px;cursor:pointer;font-family:inherit;font-size:.7rem;font-weight:700;text-align:left;background:#ffffff0f;color:var(--clr-text);border:1px solid rgba(255,255,255,.1);transition:background .15s,transform .12s;letter-spacing:.02em}.settings-action-btn:hover{background:#ffffff1f;transform:translateY(-1px)}.settings-action-btn:active{transform:scale(.97)}.settings-action-btn--full{grid-column:1 / -1;text-align:center}body.light-theme .settings-tab-bar{background:#f0f4fce6;border-color:#00000014}body.light-theme .settings-tab-btn{color:var(--clr-text)}body.light-theme .settings-row:hover{background:#00000006}body.light-theme .settings-toggle{background:#0000001f;box-shadow:inset 0 0 0 1px #0000001a}body.light-theme .settings-action-btn{background:#0000000a;border-color:#00000017}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body.reduced-motion .feat-btn:hover,body.reduced-motion .media-card:hover,body.reduced-motion .clock-mode-btn:hover{transform:none}@keyframes privacyLockdown{0%{filter:none}15%{filter:brightness(.7) saturate(.3)}30%{filter:brightness(.85) saturate(.6)}to{filter:none}}body.privacy-activating{animation:privacyLockdown .7s cubic-bezier(.16,1,.3,1) forwards}body.privacy-activating:after{content:"🔒";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;z-index:9999;pointer-events:none;animation:lockPop .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes lockPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}40%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}body.light-theme .feat-dock{background:#f0f4fce6;border-color:#00000014}body.light-theme .feat-btn{color:var(--clr-text)}@keyframes eggFlash{0%{opacity:.9}to{opacity:0}}body.hyperfocus{transition:filter .8s ease}body.hyperfocus:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000d1;pointer-events:none;animation:hypnoFade .8s ease forwards}@keyframes hypnoFade{0%{opacity:0}to{opacity:1}}body.hyperfocus #themePanel{opacity:0;pointer-events:none;transition:opacity .6s}body.hyperfocus .topbar{opacity:.08;transition:opacity .6s}body.hyperfocus .topbar:hover{opacity:.6}body.hyperfocus .session-card,body.hyperfocus #clock-block-wrap{position:relative;z-index:201}body.hyperfocus .digit-pair,body.hyperfocus #minimalHr,body.hyperfocus #analogueClock,body.hyperfocus #segmentClock,body.hyperfocus #wordClockGrid{filter:brightness(1.4)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}#devConsole{-webkit-user-select:text;user-select:text;cursor:text}[data-theme="8bit"] .digit-pair,body.theme-8bit .digit-pair{font-family:"Press Start 2P",monospace!important;font-size:clamp(1.2rem,6vw,5rem)!important;image-rendering:pixelated}body.theme-phoenix .digit-pair{text-shadow:0 0 20px #ff6600,0 0 40px #ff3300,0 0 60px #ff6600;animation:emberPulse 2s ease-in-out infinite}@keyframes emberPulse{0%,to{text-shadow:0 0 20px #ff6600,0 0 40px #ff3300}50%{text-shadow:0 0 30px #ffaa00,0 0 60px #ff6600,0 0 80px #ff2200}}body.theme-mrrobot .digit-pair{animation:mrGlitch 8s ease infinite}@keyframes mrGlitch{0%,88%,to{transform:none;filter:none}89%{transform:translate(-2px) skew(-1deg);filter:hue-rotate(90deg)}90%{transform:translate(2px) skew(1deg);filter:hue-rotate(-90deg)}91%{transform:none;filter:none}92%{transform:translate(-1px);filter:brightness(1.5)}93%{transform:none;filter:none}}body.theme-oppenheimer{filter:sepia(.15) contrast(1.05)}body.reduced-motion .digit-pair{animation:none!important;filter:none!important}body.theme-cyberpunk .digit-pair{text-shadow:-2px 0 #ff0090,2px 0 #00eeff,0 0 30px #ff0090,0 0 60px rgba(255,0,144,.4);animation:cyberAberration 6s ease infinite}@keyframes cyberAberration{0%,90%,to{text-shadow:-2px 0 #ff0090,2px 0 #00eeff,0 0 30px #ff0090}91%{text-shadow:-5px 0 #ff0090,5px 0 #00eeff,0 0 40px #ff0090;filter:brightness(1.4)}92%{text-shadow:-1px 0 #ff0090,1px 0 #00eeff,0 0 20px #ff0090}93%{text-shadow:-4px 0 #ff0090,4px 0 #00eeff,0 0 35px #ff0090}94%{text-shadow:-2px 0 #ff0090,2px 0 #00eeff,0 0 30px #ff0090;filter:none}}body.theme-hal9000 .digit-pair{color:#e8d0f0;text-shadow:0 0 20px rgba(200,0,0,.5),0 0 50px rgba(200,0,0,.25);animation:halPulse 3s ease-in-out infinite}@keyframes halPulse{0%,to{text-shadow:0 0 20px rgba(200,0,0,.5),0 0 50px rgba(200,0,0,.25)}50%{text-shadow:0 0 35px rgba(220,0,0,.8),0 0 70px rgba(200,0,0,.4)}}body.tenet-reverse .digit-pair{transform:scaleX(-1);transition:transform .3s}body.tenet-reverse #mainUI{filter:invert(.06) hue-rotate(180deg);transition:filter .4s}body.theme-dragonfire .digit-pair{text-shadow:0 0 20px #ff4400,0 0 40px #ff2200,0 0 80px rgba(255,60,0,.4);animation:dragonGlow 2.5s ease-in-out infinite}@keyframes dragonGlow{0%,to{text-shadow:0 0 20px #ff4400,0 0 40px #ff2200}40%{text-shadow:0 0 30px #ff6600,0 0 60px #ff3300,0 0 90px rgba(255,80,0,.5)}80%{text-shadow:0 0 15px #ff2200,0 0 35px #ee1100}}body.theme-moonknight .digit-pair{color:#eef2ff;text-shadow:0 0 25px rgba(200,216,255,.6),0 0 50px rgba(180,200,255,.25);animation:moonShimmer 4s ease-in-out infinite}@keyframes moonShimmer{0%,to{text-shadow:0 0 25px rgba(200,216,255,.6),0 0 50px rgba(180,200,255,.25)}50%{text-shadow:0 0 35px rgba(220,235,255,.9),0 0 70px rgba(200,220,255,.4),0 0 100px rgba(180,200,255,.15)}}@keyframes halFadeIn{0%{opacity:0}to{opacity:1}}body.reduced-motion .digit-pair{animation:none!important}body.theme-onepiece .digit-pair{color:#fff8e6;text-shadow:0 0 20px rgba(255,204,0,.7),0 0 45px rgba(255,180,0,.35),0 0 80px rgba(0,61,143,.2);animation:luffy-glow 3s ease-in-out infinite}@keyframes luffy-glow{0%,to{text-shadow:0 0 20px rgba(255,204,0,.7),0 0 45px rgba(255,180,0,.35)}50%{text-shadow:0 0 35px rgba(255,220,30,1),0 0 70px rgba(255,200,0,.55),0 0 110px rgba(0,61,143,.3)}}body.theme-attackontitan .digit-pair{color:#f0e8d0;text-shadow:0 0 15px rgba(200,160,0,.5),0 0 35px rgba(200,140,0,.2);animation:aot-pulse 4s ease-in-out infinite}@keyframes aot-pulse{0%,85%,to{text-shadow:0 0 15px rgba(200,160,0,.5);opacity:1}87%{text-shadow:0 0 8px rgba(200,160,0,.3);opacity:.85}90%{text-shadow:0 0 25px rgba(200,160,0,.8),0 0 50px rgba(200,140,0,.4);opacity:1}93%{text-shadow:0 0 10px rgba(200,160,0,.4);opacity:.9}}body.theme-deathnote .digit-pair{color:#f0d8f0;text-shadow:0 0 18px rgba(200,0,200,.6),0 0 40px rgba(160,0,160,.3);animation:kira-pulse 5s ease-in-out infinite}@keyframes kira-pulse{0%,to{text-shadow:0 0 18px rgba(200,0,200,.6),0 0 40px rgba(160,0,160,.3)}30%{text-shadow:0 0 28px rgba(220,0,220,.9),0 0 60px rgba(180,0,180,.5),0 0 90px rgba(100,0,100,.2)}60%{text-shadow:0 0 12px rgba(160,0,160,.4),0 0 30px rgba(120,0,120,.2)}}.panel-tab[data-tab=anime].active{color:var(--clr-accent)}.cmd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;opacity:0;pointer-events:none;transition:opacity .18s}.cmd-overlay.open{opacity:1;pointer-events:all}.cmd-modal{width:min(640px,94vw);background:var(--clr-panel, rgba(12,10,26,.96));border:1px solid rgba(255,255,255,.13);border-radius:16px;box-shadow:0 32px 80px #000000b3,0 0 0 1px #ffffff0d;overflow:hidden;transform:scale(.97) translateY(-8px);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.cmd-overlay.open .cmd-modal{transform:scale(1) translateY(0)}.cmd-input-wrap{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.cmd-search-icon{color:#fff6;flex-shrink:0}.cmd-input{flex:1;background:transparent;border:none;outline:none;font-family:inherit;font-size:.9rem;font-weight:500;color:var(--clr-text, #e0f2fe);caret-color:var(--clr-accent, #6ee7b7)}.cmd-input::placeholder{color:#ffffff47}.cmd-esc-hint{font-size:.58rem;font-weight:700;letter-spacing:.08em;padding:3px 7px;border-radius:5px;flex-shrink:0;background:#ffffff14;color:#fff6;border:1px solid rgba(255,255,255,.1)}.cmd-results{max-height:380px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent;padding:6px 0}.cmd-results::-webkit-scrollbar{width:4px}.cmd-results::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}.cmd-section{font-size:.52rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--clr-accent, #6ee7b7);opacity:.6;padding:10px 18px 4px}.cmd-item{display:flex;align-items:center;gap:12px;padding:9px 18px;cursor:pointer;transition:background .1s;border-radius:0;position:relative}.cmd-item:hover,.cmd-item.active{background:#ffffff12}.cmd-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:2.5px;border-radius:0 2px 2px 0;background:var(--clr-accent, #6ee7b7)}.cmd-item-icon{width:32px;height:22px;border-radius:5px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffffff12;font-size:.85rem;overflow:hidden}.cmd-item-icon img{width:100%;height:100%;object-fit:cover}.cmd-item-text{flex:1;min-width:0}.cmd-item-name{font-size:.76rem;font-weight:600;color:var(--clr-text, #e0f2fe);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd-item-name mark{background:transparent;color:var(--clr-accent, #6ee7b7);font-weight:800}.cmd-item-desc{font-size:.6rem;opacity:.4;color:var(--clr-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd-item-tag{font-size:.52rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:2px 8px;border-radius:99px;flex-shrink:0;background:#ffffff12;color:#fff6;border:1px solid rgba(255,255,255,.09)}.cmd-item-tag.tag-egg{background:#ffc8001a;color:#ffd060;border-color:#ffc80033}.cmd-item-tag.tag-theme{background:#6ee7b714;color:var(--clr-accent, #6ee7b7);border-color:#6ee7b726}.cmd-item-tag.tag-action{background:#8282ff1a;color:#aaf;border-color:#8282ff33}.cmd-item-tag.tag-setting{background:#c864c81a;color:#c8c;border-color:#c864c833}.cmd-empty{padding:32px 18px;text-align:center;font-size:.72rem;opacity:.3;color:var(--clr-text)}.cmd-empty-icon{font-size:2rem;margin-bottom:8px}.cmd-footer{display:flex;gap:16px;align-items:center;padding:9px 18px;border-top:1px solid rgba(255,255,255,.07);font-size:.58rem;color:#ffffff47}.cmd-footer kbd{padding:1px 5px;border-radius:4px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);font-family:inherit;font-size:.58rem;color:#fff6}.cmd-footer code{padding:1px 5px;border-radius:4px;background:#ffc8001a;color:#ffd060;font-size:.58rem}.cmd-footer-tip{margin-left:auto}body.light-theme .cmd-modal{background:#f0f4fcf7;border-color:#0000001a}body.light-theme .cmd-input{color:var(--clr-text)}body.light-theme .cmd-item:hover,body.light-theme .cmd-item.active{background:#0000000d}body.light-theme .cmd-item-desc{color:var(--clr-text)}body.light-theme .cmd-item-icon{background:#0000000d}.cmd-btn-label{font-size:.6rem;font-family:monospace;opacity:.55;margin-left:4px;letter-spacing:.02em;color:var(--clr-text)}.cmd-trigger-btn{display:flex;align-items:center;gap:2px;padding:5px 8px}.cmd-secrets-btn{flex-shrink:0;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:var(--clr-text);font-size:.72rem;padding:3px 10px;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.cmd-secrets-btn:hover{background:#ffffff21;border-color:#ffffff38}.cmd-item-tag.tag-egg{background:#ffc8001f;color:#fc4;border-color:#ffc80033}.cmd-item-desc{font-size:.68rem;opacity:.55;margin-top:1px;font-family:inherit}#cmdModal{width:min(640px,96vw)}.cmd-footer-tip{margin-left:auto;opacity:.45;font-size:.68rem}.cmd-footer code{background:#ffffff14;border-radius:3px;padding:1px 5px;font-size:.65rem}.session-status-line{font-size:.62rem;color:var(--clr-text);opacity:.42;text-align:center;padding:5px 12px 2px;min-height:1.6em;transition:opacity .4s;letter-spacing:.01em;line-height:1.5}.session-status-line.urgent{opacity:.7;color:var(--clr-accent2)}.distraction-row{display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 0 2px}.distraction-btn{display:flex;align-items:center;gap:5px;font-size:.6rem;font-weight:600;letter-spacing:.04em;padding:4px 12px;border-radius:99px;background:#ffa0001a;border:1px solid rgba(255,160,0,.2);color:#ffb020;cursor:pointer;transition:background .15s,transform .1s}.distraction-btn:hover{background:#ffa0002e;transform:scale(1.04)}.distraction-btn svg{opacity:.8}.distraction-count{font-size:.58rem;opacity:.4;color:var(--clr-text)}.utc-pill{cursor:default;transition:color .3s}.utc-pill:hover{opacity:1!important}.template-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);cursor:pointer;color:var(--clr-text);transition:background .15s,border-color .15s,transform .15s;text-align:center}.template-card:hover{background:#ffffff1a;border-color:var(--clr-accent);transform:translateY(-2px)}.template-icon{font-size:1.6rem}.template-name{font-size:.72rem;font-weight:700}.template-desc{font-size:.58rem;opacity:.45;line-height:1.4}.template-meta{font-size:.55rem;opacity:.35;margin-top:2px}.sc-modal--rating{width:min(440px,94vw);max-height:90vh;overflow-y:auto}.rating-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 12px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);cursor:pointer;color:var(--clr-text);transition:background .15s,transform .15s;min-width:58px}.rating-btn:hover{background:#ffffff1f;border-color:var(--clr-accent);transform:scale(1.08)}.break-suggestion{margin:0 24px 20px;padding:12px 16px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);font-size:.66rem;opacity:.55;line-height:1.6;text-align:center}.break-suggestion:before{content:"💡 "}.sc-modal--onboard{width:min(480px,94vw);max-height:92vh;overflow-y:auto}.sc-modal--onboard .template-card{padding:12px 8px}.sc-modal--templates{width:min(560px,96vw);max-height:88vh;overflow-y:auto}.sc-modal--countdown{width:min(400px,94vw)}.sc-modal--worldclock{width:min(420px,94vw);max-height:88vh;overflow-y:auto}body.light-theme .template-card{background:#0000000a;border-color:#00000017;color:var(--clr-text)}body.light-theme .template-card:hover{background:#00000014}body.light-theme .distraction-btn{background:#c8640014;border-color:#c8640033;color:#b05000}body.light-theme .rating-btn{background:#0000000a;border-color:#00000017}body.light-theme .break-suggestion{background:#00000008;border-color:#00000012}body.clock-top .main{justify-content:flex-start;padding-top:40px}body.clock-center .main{justify-content:center;min-height:calc(100svh - 52px);padding-top:0;padding-bottom:max(36px,calc(var(--panel-h, 0px) + 36px));gap:clamp(4px,1.5vh,14px)}body.clock-center #mainUI{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100svh - 52px)}body.clock-center .digit-pair{font-size:clamp(5rem,min(18vw,14vh),16rem)}body.clock-center .clock-colon{font-size:clamp(3.5rem,min(13vw,10vh),12rem)}body.clock-center .greeting,body.clock-center #dateDisplay,body.clock-center #dayPctRow,body.clock-center #infoStrip{display:none}body.clock-center .session-card{max-width:min(480px,90vw);margin:0 auto}body.clock-center #panelToggle{opacity:.3}body.clock-center #panelToggle:hover{opacity:.8}.clock-pos-pill{display:inline-flex;align-items:center;gap:5px;font-size:.58rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:4px 10px;border-radius:99px;cursor:pointer;background:#ffffff12;border:1px solid rgba(255,255,255,.1);color:#ffffff80;transition:background .15s,color .15s;-webkit-user-select:none;user-select:none}.clock-pos-pill:hover{background:#ffffff1f;color:#fffc}.clock-pos-pill.center-active{background:rgba(var(--clr-accent-rgb, 110,231,183),.15);border-color:rgba(var(--clr-accent-rgb, 110,231,183),.3);color:var(--clr-accent)}.feat-dock{display:flex;align-items:flex-start;justify-content:center;gap:0;padding:8px 4px 4px;width:100%;max-width:480px;border-top:1px solid rgba(255,255,255,.06)}.feat-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px 4px;background:none;border:none;cursor:pointer;color:var(--clr-text);font-family:inherit;opacity:.52;transition:opacity .18s,transform .15s;min-width:0;border-radius:10px;-webkit-tap-highlight-color:transparent}.feat-btn:hover{opacity:1}.feat-btn:active{transform:scale(.93)}.feat-btn.active-tab{opacity:1}.feat-icon{font-size:.95rem;line-height:1}.feat-label{font-size:.5rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;opacity:.7}.session-card{border-radius:20px;padding:20px 22px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:background .3s,border-color .3s;width:100%;max-width:min(440px,92vw)}body.light-theme .session-card{background:#ffffffa6;border-color:#00000012}.session-label{font-size:.6rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;opacity:.3;margin-bottom:8px;color:var(--clr-text)}.btn-primary{background:var(--clr-accent);color:var(--clr-btn-fg, #000);border-radius:99px;padding:10px 22px;font-weight:700;box-shadow:0 2px 16px #0003;transition:filter .15s,transform .12s,box-shadow .15s}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 24px #00000047}.btn-primary:active{transform:scale(.96) translateY(0)}.btn-ghost{background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:99px;padding:9px 18px;font-weight:600;transition:background .15s,transform .12s}.btn-ghost:hover{background:#ffffff21;transform:translateY(-1px)}.btn-ghost:active{transform:scale(.96)}body.light-theme .btn-ghost{background:#0000000d;border-color:#00000017}.btn-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;background:#ffffff12;border:1px solid rgba(255,255,255,.09);transition:background .15s,transform .12s}.btn-icon:hover{background:#ffffff24;transform:scale(1.08)}.btn-icon:active{transform:scale(.93)}.topbar{height:52px}.settings-seg{display:flex;gap:3px;padding:3px;background:#ffffff0f;border-radius:10px;flex-shrink:0}.settings-seg-btn{padding:6px 14px;border-radius:8px;border:none;background:transparent;color:var(--clr-text);font-size:.65rem;font-weight:600;cursor:pointer;transition:background .18s,color .18s;opacity:.5}.settings-seg-btn.active{background:var(--clr-accent);color:#000;opacity:1}.sc-modal--onboard{width:min(480px,96vw);height:min(620px,90svh);max-height:90svh;overflow:hidden;display:flex;flex-direction:column;padding:0}.sc-modal--onboard .modal-header{display:none}body.light-theme .sc-modal--onboard button[style]{color:var(--clr-text)}#clockPosPill{font-size:.55rem;padding:4px 10px}.sc-modal,.cmd-modal{color:var(--clr-text)}.sc-modal{border-color:#ffffff17}.sc-modal--language button{color:var(--clr-text)!important}#integrationsContent,#integrationsContent *{color:var(--clr-text)}#integrationsContent input{background:var(--clr-pill, rgba(255,255,255,.07));border-color:#ffffff1f;color:var(--clr-text)}#integrationsContent input::placeholder{opacity:.4}#integrationsContent button[style*=clr-accent],#integrationsContent button[style*="background:var"]{background:var(--clr-accent)!important;color:var(--clr-btn-fg, #000)!important}.template-card{background:var(--clr-pill, rgba(255,255,255,.05));border-color:#ffffff17;color:var(--clr-text)}.template-card:hover{background:var(--clr-btn-bg, rgba(255,255,255,.1));border-color:var(--clr-accent)}.rating-btn{background:var(--clr-pill, rgba(255,255,255,.05));border-color:#ffffff17;color:var(--clr-text)}.rating-btn:hover{background:var(--clr-btn-bg);border-color:var(--clr-accent)}.break-suggestion{background:var(--clr-pill, rgba(255,255,255,.04));border-color:#ffffff12;color:var(--clr-text)}.distraction-btn{background:#ffffff12;border-color:#ffffff1f;color:var(--clr-accent)}.distraction-btn:hover{background:var(--clr-btn-bg)}.settings-seg{background:var(--clr-pill, rgba(255,255,255,.06))}.settings-seg-btn.active{background:var(--clr-accent);color:var(--clr-btn-fg, #000)}#worldClockDisplay>div{background:var(--clr-pill, rgba(255,255,255,.04));color:var(--clr-text)}#worldClockDisplay [style*=clr-accent]{color:var(--clr-accent)!important}#countdownContent input,#countdownContent select{background:var(--clr-pill, rgba(255,255,255,.07));border-color:#ffffff1f;color:var(--clr-text)}#countdownContent input::placeholder{opacity:.4}#countdownContent button[style*="rgba(255,255,255,.07)"]{background:var(--clr-pill)!important;border-color:#ffffff1a;color:var(--clr-text)!important}body.light-theme .sc-modal{background:var(--clr-panel, rgba(242,246,252,.97));border-color:#00000012;color:var(--clr-text)}body.light-theme .cmd-modal{background:var(--clr-panel, rgba(240,244,252,.97));border-color:#00000017;color:var(--clr-text)}body.light-theme .template-card,body.light-theme .rating-btn{background:#0000000a;border-color:#00000014;color:var(--clr-text)}body.light-theme .template-card:hover,body.light-theme .rating-btn:hover{background:#00000014;border-color:var(--clr-accent)}body.light-theme .break-suggestion{background:#00000008;border-color:#0000000f}body.light-theme #integrationsContent input,body.light-theme #countdownContent input,body.light-theme #countdownContent select{background:#0000000a;border-color:#0000001a;color:var(--clr-text)}body.light-theme .settings-seg{background:#0000000f}body.light-theme #worldClockDisplay>div{background:#0000000a}.lang-btn{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;border:1.5px solid rgba(255,255,255,.09);background:var(--clr-pill, rgba(255,255,255,.04));cursor:pointer;color:var(--clr-text);text-align:left;width:100%;transition:border-color .15s,background .15s,transform .1s}.lang-btn:hover{background:var(--clr-btn-bg);border-color:var(--clr-accent);transform:translateY(-1px)}.lang-btn:active{transform:scale(.97)}.lang-btn--active{border-color:var(--clr-accent);background:var(--clr-btn-bg)}.lang-flag{font-size:1.3rem;flex-shrink:0}.lang-name{font-size:.74rem;font-weight:700;color:var(--clr-text)}.lang-code{font-size:.55rem;opacity:.4;letter-spacing:.04em}.lang-check{margin-left:auto;color:var(--clr-accent);font-size:.8rem;font-weight:700}.lang-note{font-size:.6rem;opacity:.3;margin:12px 0 0;line-height:1.6;color:var(--clr-text)}body.light-theme .lang-btn{background:#00000008;border-color:#00000014}body.light-theme .lang-btn:hover{background:#00000012}body.light-theme .lang-btn--active{background:var(--clr-btn-bg)}.int-connect-btn{width:100%;padding:10px 0;border-radius:10px;background:var(--clr-accent);color:var(--clr-btn-fg, #000);font-weight:700;font-size:.74rem;border:none;cursor:pointer;transition:filter .15s,transform .1s}.int-connect-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.int-connect-btn:active{transform:scale(.97)}.int-badge{font-size:.55rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:99px;flex-shrink:0;background:var(--clr-pill, rgba(255,255,255,.07));color:var(--clr-text);opacity:.5;border:1px solid rgba(255,255,255,.1)}.int-badge--on{background:var(--clr-btn-bg, rgba(110,231,183,.15));color:var(--clr-accent);border-color:var(--clr-accent);opacity:1}body.light-theme .int-badge{background:#0000000f}body.light-theme .int-badge--on{background:var(--clr-btn-bg)}.topbar{background:#0000002e;backdrop-filter:blur(28px) saturate(1.6);-webkit-backdrop-filter:blur(28px) saturate(1.6);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 1px #ffffff0a,0 4px 24px #00000026}.digit-pair{text-shadow:0 1px 0 rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.3),var(--glow, none);transition:text-shadow .4s ease}.session-card{background:var(--clr-panel, rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.09);box-shadow:0 1px #ffffff12 inset,0 -1px #00000026 inset,0 8px 32px #00000047,0 2px 8px #0000002e;transition:box-shadow .35s ease,background .35s ease}.session-card:hover{box-shadow:0 1px #ffffff1a inset,0 -1px #0003 inset,0 12px 40px #00000059,0 2px 10px #00000038}.btn-primary{letter-spacing:.04em;box-shadow:0 1px #fff3 inset,0 -1px #0003 inset,0 4px 16px #00000040,0 1px 4px #00000026}.btn-primary:hover{box-shadow:0 1px #ffffff40 inset,0 -1px #00000040 inset,0 6px 24px #00000052,0 2px 8px #0003}.sc-modal{box-shadow:0 1px #ffffff14 inset,0 32px 80px #000000b3,0 8px 32px #0006,0 0 0 1px #ffffff0f}.feat-dock{background:#00000024;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.utc-pill{font-variant-numeric:tabular-nums;letter-spacing:.05em;font-weight:600;font-size:.62rem;text-shadow:0 1px 3px rgba(0,0,0,.3)}.session-status-line{font-size:.64rem;letter-spacing:.02em;line-height:1.6;transition:opacity .5s ease,color .4s ease;text-shadow:0 1px 4px rgba(0,0,0,.4)}.greeting{letter-spacing:.38em;text-shadow:0 1px 4px rgba(0,0,0,.3)}.panel-tab{position:relative;transition:color .2s,opacity .2s}.panel-tab.active:after{content:"";position:absolute;bottom:-2px;left:20%;right:20%;height:2px;border-radius:99px;background:var(--clr-accent);animation:tabUnderline .25s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes tabUnderline{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.media-card{transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,border-color .2s}.media-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px #00000059}.media-card.active{box-shadow:0 0 0 2px var(--clr-accent),0 8px 24px #0000004d}.nat-btn{transition:transform .2s cubic-bezier(.34,1.56,.64,1),border-color .2s,box-shadow .2s}.nat-btn.active{box-shadow:0 0 0 3px var(--clr-accent),0 4px 12px #0000004d}#focusInput{border-bottom:1px solid rgba(255,255,255,.1);transition:border-color .25s ease;text-shadow:0 1px 4px rgba(0,0,0,.2)}#focusInput:focus{border-bottom-color:var(--clr-accent)}#pomRingArc{filter:drop-shadow(0 0 4px var(--clr-accent))}.cmd-modal{box-shadow:0 1px #ffffff14 inset,0 32px 80px #000000bf,0 0 0 1px #ffffff0f}.cmd-item.active{background:linear-gradient(90deg,#ffffff0f,#ffffff08)}.topbar-icon-btn{transition:background .15s ease,transform .12s ease}.topbar-icon-btn:hover{background:#ffffff1a;transform:scale(1.08)}.topbar-icon-btn:active{transform:scale(.93)}.info-item{transition:opacity .3s ease}.showbadge{transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;mix-blend-mode:overlay;animation:grainShift .5s steps(1) infinite}@keyframes grainShift{0%{background-position:0 0}25%{background-position:-40px -20px}50%{background-position:20px 40px}75%{background-position:-20px 10px}to{background-position:40px -40px}}body.reduced-motion:after{animation:none}body.light-theme:after{opacity:.012;mix-blend-mode:multiply}body.light-theme .session-card{box-shadow:0 1px #ffffffe6 inset,0 -1px #0000000f inset,0 4px 20px #0000001a,0 1px 4px #00000014}body.clock-center .digit-pair{text-shadow:0 2px 0 rgba(0,0,0,.5),0 4px 16px rgba(0,0,0,.4),0 0 80px rgba(var(--clr-accent-rgb, 110,231,183),.15),var(--glow, none)}body.clock-center .session-card{background:#0000002e;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border-color:#ffffff12}.sc-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.btn,.btn-primary,.btn-ghost,.btn-icon,.feat-btn,.nat-btn,.template-card,.media-card,.panel-tab{position:relative;overflow:hidden}.btn:after,.btn-primary:after,.btn-ghost:after,.feat-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--rx,50%) var(--ry,50%),rgba(255,255,255,.18) 0%,transparent 70%);opacity:0;border-radius:inherit;transform:scale(0);transition:opacity .4s,transform .4s;pointer-events:none}.btn:active:after,.btn-primary:active:after,.btn-ghost:active:after,.feat-btn:active:after{opacity:1;transform:scale(1);transition:opacity 0s,transform 0s}.settings-toggle{transition:background .25s cubic-bezier(.34,1.56,.64,1)}.settings-toggle .toggle-thumb{transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .2s ease}.settings-toggle.on .toggle-thumb{transform:translate(18px)}@keyframes toastIn{0%{opacity:0;transform:translate(24px) scale(.94)}60%{opacity:1;transform:translate(-4px) scale(1.01)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(16px) scale(.95)}}.toast{animation:toastIn .32s cubic-bezier(.16,1,.3,1) forwards}.toast.hiding{animation:toastOut .22s ease forwards}.sc-overlay.open .sc-modal{animation:modalSpring .38s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalSpring{0%{opacity:0;transform:translateY(28px) scale(.95)}60%{opacity:1;transform:translateY(-3px) scale(1.005)}to{opacity:1;transform:translateY(0) scale(1)}}.digit-pair.tick{animation:digitFlipCinematic .2s cubic-bezier(.4,0,.2,1)}@keyframes digitFlipCinematic{0%{opacity:1;transform:translateY(0) scaleY(1);filter:blur(0)}30%{opacity:0;transform:translateY(-6px) scaleY(.75);filter:blur(1px)}70%{opacity:0;transform:translateY(6px) scaleY(.75);filter:blur(1px)}to{opacity:1;transform:translateY(0) scaleY(1);filter:blur(0)}}body.session-running .session-card{animation:sessionBreathe 4s ease-in-out infinite}@keyframes sessionBreathe{0%,to{box-shadow:0 1px #ffffff12 inset,0 8px 32px #00000047}50%{box-shadow:0 1px #ffffff1a inset,0 8px 40px #00000059,0 0 0 1px rgba(var(--clr-accent-rgb,110,231,183),.08)}}.feat-btn:active{transform:scale(.88);transition:transform .08s cubic-bezier(.4,0,.2,1)}.nat-btn{transition:transform .22s cubic-bezier(.34,1.56,.64,1),border-color .2s,box-shadow .2s}.media-card{transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease,border-color .2s}.media-card:hover{transform:translateY(-4px) scale(1.025);box-shadow:0 12px 32px #0006,0 0 0 1px #ffffff0f}.settings-row{transition:background .15s ease;border-radius:10px}.settings-row:hover{background:#ffffff08}.tab-content{animation:tabFadeSlide .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes tabFadeSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}#kbHint{animation:hintFade 6s ease forwards}@keyframes hintFade{0%,70%{opacity:.3}to{opacity:0;pointer-events:none}}.clock-pos-pill{transition:background .2s,color .2s,transform .15s}.clock-pos-pill:active{transform:scale(.93)}.topbar-icon-btn:active{transform:scale(.88)!important}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--clr-accent-rgb,110,231,183),.35);transition:box-shadow .18s ease}@keyframes badgePop{0%{opacity:0;transform:translate(-50%) scale(.6) translateY(8px)}70%{transform:translate(-50%) scale(1.08) translateY(-2px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}.streak-pop{animation:streakCelebrate .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes streakCelebrate{0%{transform:scale(1)}40%{transform:scale(1.3) rotate(-5deg)}70%{transform:scale(.95) rotate(3deg)}to{transform:scale(1) rotate(0)}}.log-entry{animation:logEntryIn .3s cubic-bezier(.16,1,.3,1) both}.log-entry:nth-child(1){animation-delay:.02s}.log-entry:nth-child(2){animation-delay:.05s}.log-entry:nth-child(3){animation-delay:.08s}.log-entry:nth-child(4){animation-delay:.11s}.log-entry:nth-child(5){animation-delay:.14s}@keyframes logEntryIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}body.reduced-motion *{animation-duration:.01ms!important;transition-duration:.01ms!important}.color-swatch-pill{display:flex;align-items:center;gap:7px;padding:5px 12px;border-radius:99px;background:var(--clr-pill, rgba(255,255,255,.06));border:1.5px solid rgba(255,255,255,.08);cursor:pointer;color:var(--clr-text);font-family:inherit;transition:background .15s,border-color .15s,transform .15s}.color-swatch-pill:hover{background:var(--clr-btn-bg);transform:translateY(-1px)}.color-swatch-pill.active{border-color:var(--clr-accent);background:var(--clr-btn-bg);box-shadow:0 0 0 1px var(--clr-accent)}.color-swatch-pill:active{transform:scale(.95)}body.light-theme .color-swatch-pill{background:#0000000d;border-color:#00000017}body.light-theme .color-swatch-pill.active{background:var(--clr-btn-bg)}.btn-primary{position:relative;overflow:hidden;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease,filter .15s ease}.btn-primary:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:conic-gradient(from var(--spin-angle, 0deg),var(--clr-accent),var(--clr-accent2, #818cf8),var(--clr-accent),transparent 60%);opacity:0;transition:opacity .3s;z-index:-1;border-radius:99px}.btn-primary:hover:before{opacity:0}.btn-primary:active{transform:scale(.93);transition:transform .08s cubic-bezier(.4,0,.2,1)}body.session-running .btn-primary:before{opacity:.6;animation:spinBorder 3s linear infinite}@keyframes spinBorder{0%{--spin-angle: 0deg}to{--spin-angle: 360deg}}@property --spin-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@supports not (background: conic-gradient(from 0deg,red,blue)){body.session-running .btn-primary:before{background:var(--clr-accent);animation:spinBorderFF 3s linear infinite}@keyframes spinBorderFF{0%,to{opacity:.4}50%{opacity:.7}}}.feat-btn{transition:transform .18s cubic-bezier(.34,1.56,.64,1),opacity .18s ease,color .18s ease}.feat-btn:hover{opacity:1;filter:drop-shadow(0 0 6px var(--clr-accent))}.feat-btn:active{transform:scale(.82) translateY(2px)!important}body.session-running .btn-primary{animation:dialedBreath 3s ease-in-out infinite}@keyframes dialedBreath{0%,to{box-shadow:0 1px #fff3 inset,0 4px 16px #00000040,0 0 rgba(var(--clr-accent-rgb,110,231,183),.4)}50%{box-shadow:0 1px #ffffff40 inset,0 6px 24px #00000052,0 0 0 8px rgba(var(--clr-accent-rgb,110,231,183),0)}}.topbar{height:48px}.topbar-icon-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .15s,transform .15s cubic-bezier(.34,1.56,.64,1),background .15s}.topbar-icon-btn:hover{opacity:1;background:#ffffff14}.topbar-icon-btn:active{transform:scale(.85)!important}.clock-row{gap:clamp(0px,.3vw,4px)}.digit-pair{font-feature-settings:"tnum" 1;letter-spacing:-.05em}.session-label{text-transform:uppercase;letter-spacing:.22em;font-size:.5rem;font-weight:800;opacity:.22}#focusInputWrap{padding-top:8px}#focusInput{font-size:.82rem;font-weight:500;letter-spacing:.01em;opacity:.75;transition:opacity .2s}#focusInput:focus{opacity:1}#focusTag{font-size:.52rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.28}.session-status-line{opacity:.38;font-weight:500}body.session-running .session-status-line{opacity:.55;color:var(--clr-accent)}.greeting{letter-spacing:.35em;opacity:.32;font-size:clamp(.52rem,.9vw,.7rem);font-weight:800}.utc-pill{font-size:.6rem;letter-spacing:.06em;opacity:.45;background:none;border:none;padding:0;transition:opacity .2s}.utc-pill:hover{opacity:.8}#panelToggle{font-size:.58rem;letter-spacing:.18em;opacity:.32;padding:8px 20px 5px}#panelToggle:hover{opacity:.7}.cmd-modal{border-radius:16px;border:1px solid rgba(255,255,255,.08)}.cmd-input{font-size:.88rem;font-weight:500;letter-spacing:.01em}.cmd-input::placeholder{letter-spacing:.02em}.cmd-item-name{font-size:.78rem;font-weight:600;letter-spacing:-.005em}.cmd-item-desc{opacity:.36}@keyframes dialedRipple{0%{box-shadow:0 0 rgba(var(--clr-accent-rgb,110,231,183),.4)}to{box-shadow:0 0 0 12px rgba(var(--clr-accent-rgb,110,231,183),0)}}.btn-primary:focus-visible{animation:dialedRipple .5s ease;outline:none}body.light-theme .utc-pill,body.light-theme .greeting,body.light-theme #focusTag,body.light-theme .session-label{color:var(--clr-text)}.info-item{font-size:.56rem;font-weight:600;letter-spacing:.06em;opacity:.38;padding:2px 8px;border-radius:99px;border:1px solid transparent;transition:opacity .2s,border-color .2s,background .2s}.info-item:hover{opacity:.65;border-color:#ffffff1a;background:#ffffff0a}#clockPosPill{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--clr-text);opacity:.4;transition:opacity .2s,background .2s,color .2s,transform .15s}#clockPosPill:hover{opacity:.8;background:#ffffff1a}#clockPosPill.center-active{color:var(--clr-accent);border-color:rgba(var(--clr-accent-rgb,110,231,183),.35);background:rgba(var(--clr-accent-rgb,110,231,183),.1);opacity:1}#pomRingWrap{position:relative;display:flex;align-items:center;justify-content:center}#pomRingSvg{position:absolute;filter:drop-shadow(0 0 8px rgba(var(--clr-accent-rgb,110,231,183),.35));transition:filter .5s ease}body.session-running #pomRingSvg{filter:drop-shadow(0 0 12px rgba(var(--clr-accent-rgb,110,231,183),.6))}.session-timer{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:.04em;transition:color .3s ease,text-shadow .3s ease}body.session-running .session-timer{color:var(--clr-accent);text-shadow:0 0 20px rgba(var(--clr-accent-rgb,110,231,183),.3)}.distraction-btn{font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.pom-mode-pill{transition:background .3s,color .3s,opacity .3s}#flowBadge{animation:flowBadgePulse 2s ease-in-out infinite}@keyframes flowBadgePulse{0%,to{box-shadow:0 0 rgba(var(--clr-accent-rgb,110,231,183),.4)}50%{box-shadow:0 0 0 6px rgba(var(--clr-accent-rgb,110,231,183),0)}}.nat-btn.active{border-color:var(--clr-accent)!important;box-shadow:0 0 0 2px var(--clr-accent),0 0 12px rgba(var(--clr-accent-rgb,110,231,183),.4)}.media-card.active{border-color:var(--clr-accent);box-shadow:0 0 0 1px var(--clr-accent),0 8px 24px #00000059,0 0 20px rgba(var(--clr-accent-rgb,110,231,183),.15)}.panel-tabs{gap:0;border-bottom:1px solid rgba(255,255,255,.06)}.panel-tab{font-size:.56rem;padding:8px 14px 6px;opacity:.38;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.panel-tab.active{opacity:1;color:var(--clr-accent)}.settings-section-label{color:var(--clr-accent);opacity:.55}.settings-row-label{font-weight:600}.settings-row-desc{opacity:.4}body{transition:filter .4s ease}body.theme-switching{filter:brightness(.85) saturate(.7)}:focus-visible{outline:2px solid rgba(var(--clr-accent-rgb,110,231,183),.6);outline-offset:2px;border-radius:4px}::-webkit-scrollbar-thumb{background:rgba(var(--clr-accent-rgb,110,231,183),.15)}::-webkit-scrollbar-thumb:hover{background:rgba(var(--clr-accent-rgb,110,231,183),.3)}body.light-theme .session-timer{color:var(--clr-text)}body.light-theme .info-item:hover{border-color:#0000001a;background:#0000000a}body.light-theme #themePanel{box-shadow:0 -1px #0000000f,0 -4px 24px #00000014}body.light-theme .panel-tab{color:var(--clr-text)}body.light-theme .panel-tab.active{color:var(--clr-accent)}body.zen-mode .topbar,body.zen-mode #themePanel,body.zen-mode .session-card .session-controls,body.zen-mode .session-card .progress-wrap,body.zen-mode .session-card .session-status-line,body.zen-mode .distraction-row,body.zen-mode #infoStrip,body.zen-mode #dateDisplay,body.zen-mode #dayPctRow,body.zen-mode .greeting,body.zen-mode .feat-dock,body.zen-mode #themesRevealBtn{opacity:0;pointer-events:none;transition:opacity 1.2s ease}body.zen-mode .clock-block{opacity:1!important}body.zen-mode #focusInputWrap{opacity:.35!important;transition:opacity 1.2s}body.zen-mode #focusInputWrap:hover{opacity:.7!important}body.zen-mode .session-timer{opacity:1!important}.zen-ring{position:absolute;width:min(70vw,70vh);height:min(70vw,70vh);border-radius:50%;border:1px solid rgba(var(--clr-accent-rgb, 110,231,183),.08);animation:zenRingBreath 8s ease-in-out infinite}.zen-ring:nth-child(2){width:min(82vw,82vh);height:min(82vw,82vh);border-color:rgba(var(--clr-accent-rgb, 110,231,183),.04);animation-delay:1s}.zen-ring:nth-child(3){width:min(58vw,58vh);height:min(58vw,58vh);border-color:rgba(var(--clr-accent-rgb, 110,231,183),.06);animation-delay:2s}@keyframes zenRingBreath{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.04);opacity:1}}#zenExitHint{position:fixed;bottom:28px;left:50%;transform:translate(-50%);font-size:.54rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--clr-text);opacity:0;pointer-events:none;transition:opacity .4s ease;z-index:201}body.zen-mode.zen-hinting #zenExitHint{opacity:.28}#voiceBtn{transition:opacity .15s,transform .15s,color .2s,background .2s}#voiceBtn.active{color:var(--clr-accent);background:rgba(var(--clr-accent-rgb,110,231,183),.12);animation:voicePulse 1.2s ease-in-out infinite}@keyframes voicePulse{0%,to{box-shadow:0 0 rgba(var(--clr-accent-rgb,110,231,183),.4)}50%{box-shadow:0 0 0 6px rgba(var(--clr-accent-rgb,110,231,183),0)}}#voiceBtn svg path{stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round}body.zen-mode{cursor:none}body.zen-mode *{cursor:none!important}body.zen-mode .topbar,body.zen-mode #themePanel,body.zen-mode .session-controls,body.zen-mode .progress-wrap,body.zen-mode .session-status-line,body.zen-mode .distraction-row,body.zen-mode #infoStrip,body.zen-mode #dateDisplay,body.zen-mode #dayPctRow,body.zen-mode .greeting,body.zen-mode .feat-dock,body.zen-mode #themesRevealBtn{opacity:0!important;pointer-events:none!important;transition:opacity 1.4s ease!important}body.zen-mode .clock-block,body.zen-mode .session-timer{opacity:1!important}body.zen-mode #focusInputWrap{opacity:.28!important;transition:opacity 1.2s!important}body.zen-mode #focusInputWrap:hover{opacity:.65!important}body.zen-mode .session-card{background:transparent!important;border-color:transparent!important;box-shadow:none!important}#zenOverlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:199;pointer-events:none;align-items:center;justify-content:center}body.zen-mode #zenOverlay{display:flex}.zen-ring{position:absolute;width:min(68vw,68vh);height:min(68vw,68vh);border-radius:50%;border:1px solid rgba(var(--clr-accent-rgb,110,231,183),.07);animation:zenRingBreath 8s ease-in-out infinite}.zen-ring:nth-child(2){width:min(82vw,82vh);height:min(82vw,82vh);border-color:rgba(var(--clr-accent-rgb,110,231,183),.035);animation-delay:1.2s}.zen-ring:nth-child(3){width:min(55vw,55vh);height:min(55vw,55vh);border-color:rgba(var(--clr-accent-rgb,110,231,183),.055);animation-delay:2.4s}@keyframes zenRingBreath{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.045);opacity:1}}#zenExitHint{position:fixed;bottom:26px;left:50%;transform:translate(-50%);font-size:.52rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--clr-text);opacity:0;pointer-events:none;transition:opacity .4s ease;z-index:201}body.zen-mode.zen-hinting #zenExitHint{opacity:.22}body.zen-mode.zen-hinting{cursor:default}body.zen-mode.zen-hinting *{cursor:default!important}body.reduced-motion .zen-ring{animation:none}#bgCanvas,#transCanvas{transform:translateZ(0);will-change:contents;contain:strict;image-rendering:optimizeSpeed}#mainUI{contain:layout style;will-change:auto}#themePanel{will-change:transform;contain:layout style}.sc-modal{will-change:transform,opacity}.sc-overlay{contain:layout style paint}.btn-primary{will-change:transform,box-shadow}.feat-btn{will-change:transform,opacity}.nat-btn{will-change:transform}.media-card{will-change:transform,box-shadow}.sc-toast{will-change:transform,opacity}.zen-ring{will-change:transform,opacity;contain:strict}#voiceBtn{will-change:transform,color,background}.clock-pos-pill{will-change:transform,background,color}.sc-modal:not(.sc-overlay.open *){will-change:auto}.topbar{contain:layout style;will-change:auto}.digit-pair{transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased}.session-card{contain:layout style;isolation:isolate}.cmd-modal{contain:layout style paint;isolation:isolate}body.reduced-motion *{will-change:auto!important}#flowBar{position:fixed;bottom:0;left:0;z-index:9998;height:2px;background:var(--clr-accent);width:0%;opacity:0;transition:width .8s cubic-bezier(.4,0,.2,1),opacity .6s ease,box-shadow .6s ease;pointer-events:none;box-shadow:0 0 8px rgba(var(--clr-accent-rgb,110,231,183),.4)}body.session-running #flowBar{opacity:1}body.flow-deep #flowBar{animation:flowBarPulse 2.5s ease-in-out infinite}@keyframes flowBarPulse{0%,to{box-shadow:0 0 8px rgba(var(--clr-accent-rgb,110,231,183),.4)}50%{box-shadow:0 0 20px rgba(var(--clr-accent-rgb,110,231,183),.8)}}.flow-badge{position:fixed;top:60px;right:16px;z-index:500;font-size:.55rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:5px 12px;border-radius:99px;background:rgba(var(--clr-accent-rgb,110,231,183),.12);border:1px solid rgba(var(--clr-accent-rgb,110,231,183),.35);color:var(--clr-accent);opacity:0;transform:translate(20px) scale(.9);transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);pointer-events:none}.flow-badge.visible{opacity:1;transform:translate(0) scale(1)}body.flow-state #themePanel{opacity:.4;transition:opacity .8s ease}body.flow-state #themePanel:hover{opacity:1}body.flow-deep .topbar{opacity:.55;transition:opacity .8s ease}body.flow-deep .topbar:hover{opacity:1}body.flow-deep .session-card{background:#00000038!important}body.flow-peak .feat-dock{opacity:.2;transition:opacity 1s ease}body.flow-peak .feat-dock:hover{opacity:1}body.flow-peak .greeting,body.flow-peak #infoStrip{opacity:0!important;transition:opacity 1s ease}body.flow-peak .session-timer{text-shadow:0 0 30px rgba(var(--clr-accent-rgb,110,231,183),.5),0 2px 0 rgba(0,0,0,.5),var(--glow)}body.reduced-motion #flowBar{transition:width .1s;animation:none!important}.seconds-ms{font-size:clamp(.52rem,min(1.6vw,1.3vh),1.1rem);letter-spacing:.04em;opacity:.3;font-weight:400;color:var(--clr-text);font-family:var(--font-main);line-height:1.2;font-variant-numeric:tabular-nums;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum"}#panelToggle{border-radius:14px 14px 0 0;padding:12px 24px 8px}.panel-body{padding:4px 14px 14px}body:not(.clock-center) #mainUI{padding-bottom:70px}#btnThemes{position:fixed;bottom:10px;left:50%;transform:translate(-50%);z-index:210;display:flex;align-items:center;gap:6px;padding:8px 20px;border-radius:99px;background:var(--clr-pill, rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.12);color:var(--clr-text);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:background .18s,transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s;box-shadow:0 4px 16px #0000004d}#btnThemes:hover{background:var(--clr-btn-bg);box-shadow:0 0 0 1px var(--clr-accent),0 6px 20px #00000059;transform:translate(-50%) translateY(-2px)}#btnThemes:active{transform:translate(-50%) scale(.93)}body.light-theme #themePanel{background:#f0f4fcf5;border-color:#00000014;box-shadow:0 -2px #fffc inset,0 20px 60px #0003}body.clock-center #themePanel{bottom:70px}body.clock-center #themePanel.collapsed{transform:translate(-50%) translateY(calc(100% + 80px));opacity:0}body.kiosk #themePanel,body.present #themePanel,body.zen-mode #themePanel,body.hyperfocus #themePanel{display:none!important}.panel-tabs{width:100%;border-radius:14px 14px 0 0;overflow:hidden}.motivation-widget{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);z-index:8000;pointer-events:none;opacity:0;transition:opacity .4s ease,transform .5s cubic-bezier(.16,1,.3,1);text-align:center}.motivation-widget.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.motivation-widget.hiding{opacity:0;transform:translate(-50%,-60%) scale(.9);transition:opacity .6s ease,transform .6s ease}.motivation-text{font-size:clamp(1.4rem,3.5vw,2.8rem);font-weight:900;letter-spacing:-.02em;color:var(--clr-accent);text-shadow:0 0 40px rgba(var(--clr-accent-rgb, 110,231,183),.5),0 2px 8px rgba(0,0,0,.4);display:block;margin-bottom:6px}.motivation-sub{font-size:clamp(.6rem,1.5vw,.85rem);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--clr-text);opacity:.5;display:block}.confetti-dot{position:fixed;width:7px;height:7px;border-radius:2px;pointer-events:none;z-index:7999;animation:confettifall 2.2s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes confettifall{0%{opacity:1;transform:translateY(0) rotate(0) scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(60vh) rotate(720deg) scale(.3)}}@keyframes milestonePulse{0%,to{opacity:0}15%{opacity:1}85%{opacity:1}}.milestone-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7990;pointer-events:none;background:radial-gradient(ellipse at center,rgba(var(--clr-accent-rgb,110,231,183),.08) 0%,transparent 70%);animation:milestonePulse 3s ease forwards}@supports (padding: env(safe-area-inset-bottom)){.feat-dock,#btnThemes{padding-bottom:max(8px,env(safe-area-inset-bottom))}#themePanel{bottom:calc(62px + env(safe-area-inset-bottom))}.sc-toast{bottom:calc(88px + env(safe-area-inset-bottom))}}@-moz-document url-prefix(){.sc-modal,#themePanel,.topbar,.feat-dock{background-color:var(--clr-panel, rgba(6,3,18,.97))!important}}@media(forced-colors:active){.digit-pair,.clock-colon{forced-color-adjust:none}.btn-primary{forced-color-adjust:none;background:ButtonText;color:ButtonFace}#themePanel{border:2px solid ButtonText}}@media(prefers-reduced-data:reduce){body:after{display:none}#bgCanvas{image-rendering:optimizeSpeed}}@media print{body>*:not(.clock-block){display:none!important}body{background:#fff}.digit-pair{color:#000;text-shadow:none}}@media(max-width:360px){.digit-pair{font-size:clamp(2.6rem,18vw,4rem)}.clock-colon{font-size:clamp(2rem,13vw,3rem)}#themePanel{width:98vw}.panel-tab{font-size:.48rem;padding:6px 8px}}@media(min-width:2560px){.digit-pair{font-size:clamp(8rem,6vw,14rem)}.clock-colon{font-size:clamp(6rem,4.5vw,10rem)}#themePanel{width:min(760px,80vw)}}@media(hover:none){.feat-btn{min-height:52px}.nat-btn{min-height:48px;min-width:48px}.panel-tab{padding:10px 16px}.media-card:hover{transform:none;box-shadow:none}.nat-btn:hover{transform:none}}@media(pointer:coarse){#panelToggle{min-height:44px}.settings-toggle{transform:scale(1.1);transform-origin:right center}.btn-primary{min-height:48px}}