:root{--clr-text:#e0f2fe;--clr-accent:#6ee7b7;--clr-accent2:#818cf8;--clr-track:#ffffff1a;--clr-btn-bg:#6ee7b729;--clr-btn-fg:#6ee7b7;--clr-pill:#ffffff0f;--clr-panel:#040312b3;--font-main:"Orbitron", monospace;--glow:0 0 55px #6ee7b759, 0 0 130px #818cf826;--btn-radius:99px;--lb-h:0px;--panel-h:120px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-family:Nunito,sans-serif;display:flex}#bgCanvas{z-index:0;will-change:contents;width:100%;height:100%;position:fixed;inset:0}#transCanvas{z-index:300;pointer-events:none;width:100%;height:100%;display:none;position:fixed;inset:0}#overlay,#vignette{pointer-events:none;transition:background .6s;position:fixed;inset:0}#overlay{z-index:1}#vignette{z-index:3}#scanlines{z-index:4;pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);transition:opacity .8s;position:fixed;inset:0}#grain{z-index:5;pointer-events:none;opacity:0;transition:opacity .8s;position:fixed;inset:0}#hdrBloom{z-index:2;pointer-events:none;opacity:0;mix-blend-mode:screen;transition:opacity 1s,background .8s;position:fixed;inset:0}#letterboxTop,#letterboxBot{z-index:7;height:var(--lb-h);pointer-events:none;background:#000;transition:height .9s cubic-bezier(.4,0,.2,1);position:fixed;left:0;right:0}#letterboxTop{top:0}#letterboxBot{bottom:0}#showBadge{z-index:50;letter-spacing:.28em;text-transform:uppercase;opacity:0;white-space:nowrap;pointer-events:none;color:var(--clr-text);font-size:.6rem;font-weight:700;font-family:var(--font-main);border-radius:2px;padding:5px 18px;transition:transform .7s cubic-bezier(.34,1.56,.64,1),opacity .7s;position:fixed;top:20px;left:50%;transform:translate(-50%)translateY(-90px)}#showBadge.visible{opacity:1;transform:translate(-50%)translateY(0)}.utc-pill{z-index:100;letter-spacing:.13em;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:.48;background:var(--clr-pill);color:var(--clr-text);font-variant-numeric:tabular-nums;border-radius:99px;padding:5px 12px;font-size:.64rem;font-weight:700;transition:background .4s,color .4s;position:fixed;top:16px;right:16px}#weatherPill{z-index:100;letter-spacing:.1em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;background:var(--clr-pill);color:var(--clr-text);border-radius:99px;align-items:center;gap:5px;padding:5px 12px;font-size:.64rem;font-weight:700;transition:opacity .6s,background .4s;display:flex;position:fixed;top:16px;left:16px}#weatherPill.loaded{opacity:.55}.main{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,1.8vh,20px);width:100%;padding:20px;transition:opacity .4s;display:flex;position:relative}.greeting{letter-spacing:.28em;text-transform:uppercase;opacity:.65;color:var(--clr-text);font-size:clamp(.72rem,1.4vw,.9rem);font-weight:600}.clock-wrap{align-items:baseline;display:inline-flex}.time-display{letter-spacing:-.02em;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;color:var(--clr-text);text-shadow:var(--glow);font-size:clamp(4.5rem,15vw,12rem);font-weight:900;line-height:1;font-family:var(--font-main)}.ampm{opacity:.5;letter-spacing:.1em;color:var(--clr-text);align-self:flex-end;margin-left:10px;padding-bottom:.22em;font-size:clamp(.9rem,2.6vw,2rem);font-weight:700}.seconds-ms{letter-spacing:.08em;opacity:.4;color:var(--clr-text);font-size:clamp(.8rem,1.6vw,1.3rem);font-weight:300;font-family:var(--font-main);margin-top:-4px}.date-display{letter-spacing:.22em;text-transform:uppercase;opacity:.55;color:var(--clr-text);font-size:clamp(.72rem,1.5vw,1rem);font-weight:600}.progress-wrap{flex-direction:column;gap:5px;width:min(360px,74vw);display:flex}.progress-labels{letter-spacing:.14em;text-transform:uppercase;opacity:.42;color:var(--clr-text);justify-content:space-between;font-size:.6rem;font-weight:700;display:flex}.progress-track{background:var(--clr-track);border-radius:99px;height:3px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--clr-accent), var(--clr-accent2));border-radius:99px;width:0%;height:100%;transition:width 80ms linear}.session-area{flex-direction:column;align-items:center;gap:7px;display:flex}.session-label{letter-spacing:.22em;text-transform:uppercase;opacity:.4;color:var(--clr-text);font-size:.6rem;font-weight:700}.session-timer{letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--clr-text);font-size:clamp(1.1rem,3vw,2.2rem);font-weight:800;font-family:var(--font-main)}.session-controls{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}#pomRingWrap{justify-content:center;align-items:center;margin:-2px;display:flex;position:relative}#pomRingSvg{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pom-mode-pill{letter-spacing:.18em;text-transform:uppercase;background:var(--clr-btn-bg);color:var(--clr-btn-fg);opacity:.7;border-radius:99px;margin-bottom:2px;padding:3px 9px;font-size:.52rem;font-weight:800;display:none}.pom-mode-pill.visible{display:inline-block}#focusInputWrap{opacity:0;align-items:center;gap:6px;width:min(340px,80vw);max-height:0;transition:opacity .4s,max-height .4s;display:flex;overflow:hidden}#focusInputWrap.visible{opacity:1;max-height:50px}#focusInput{color:var(--clr-text);letter-spacing:.05em;background:#ffffff12;border:1px solid #ffffff1f;border-radius:5px;outline:none;flex:1;padding:6px 11px;font-family:inherit;font-size:.72rem}#focusInput::placeholder{opacity:.35;color:var(--clr-text)}#focusInput:focus{background:#ffffff1a;border-color:#ffffff47}#focusTag{letter-spacing:.15em;text-transform:uppercase;opacity:.42;color:var(--clr-text);white-space:nowrap;font-size:.58rem;font-weight:700}.sync-pill{letter-spacing:.14em;text-transform:uppercase;opacity:.42;background:var(--clr-pill);color:var(--clr-text);border-radius:99px;align-items:center;gap:6px;padding:4px 11px;font-size:.58rem;font-weight:700;display:flex}.sync-dot{background:#888;border-radius:50%;width:5px;height:5px;transition:background .5s}.quote-area{text-align:center;max-width:min(460px,78vw)}.quote-text{opacity:.38;color:var(--clr-text);font-size:clamp(.68rem,1.3vw,.86rem);font-style:italic;line-height:1.8;transition:opacity .5s}.lit-meta{letter-spacing:.14em;text-transform:uppercase;opacity:.22;color:var(--clr-text);margin-top:4px;font-size:.56rem;font-style:normal}.btn{cursor:pointer;letter-spacing:.14em;text-transform:uppercase;border-radius:var(--btn-radius);background:var(--clr-btn-bg);color:var(--clr-btn-fg);border:none;outline:none;padding:7px 15px;font-family:inherit;font-size:.68rem;font-weight:700;transition:transform .12s,opacity .2s}.btn:hover{transform:scale(1.07)}.btn:active{transform:scale(.95)}.btn.active-btn{box-shadow:0 0 0 2px var(--clr-accent)}.colon{animation:1s step-end infinite blinkColon;display:inline-block}@keyframes blinkColon{0%,to{opacity:1}50%{opacity:.1}}.main>*{animation:.85s both fadeUp}.main>:first-child{animation-delay:40ms}.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}.main>:nth-child(8){animation-delay:.46s}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}#themePanel{z-index:200;background:var(--clr-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid #ffffff12;flex-direction:column;gap:8px;padding:10px 16px 12px;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:0;left:0;right:0}#themePanel.collapsed{transform:translateY(calc(100% - 28px))}#panelToggle{background:var(--clr-panel);color:var(--clr-text);cursor:pointer;opacity:.7;z-index:1;border:1px solid #ffffff1a;border-bottom:none;border-radius:6px 6px 0 0;padding:3px 16px;font-size:.55rem;transition:opacity .2s;position:absolute;top:-18px;left:50%;transform:translate(-50%)}#panelToggle:hover{opacity:1}#featBar{flex-wrap:wrap;gap:6px;display:flex}.feat-btn{cursor:pointer;letter-spacing:.12em;text-transform:uppercase;color:var(--clr-text);background:#ffffff0f;border:none;border-radius:99px;padding:5px 12px;font-family:inherit;font-size:.6rem;font-weight:700;transition:background .15s,transform .12s}.feat-btn:hover{background:#ffffff1f;transform:scale(1.05)}.feat-btn.on{background:var(--clr-btn-bg);color:var(--clr-btn-fg)}.theme-row{scrollbar-width:none;align-items:center;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.theme-row::-webkit-scrollbar{display:none}.row-label{letter-spacing:.24em;text-transform:uppercase;opacity:.32;white-space:nowrap;min-width:42px;color:var(--clr-text);font-size:.48rem;font-weight:800}.row-divider{background:#ffffff0f;flex-shrink:0;height:1px;margin:0 -16px}.nat-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;outline:none;flex-shrink:0;width:22px;height:22px;transition:transform .2s,border-color .25s,box-shadow .25s}.nat-btn:hover{transform:scale(1.25)}.nat-btn.active{border-color:#ffffffe6;transform:scale(1.18);box-shadow:0 0 0 2px #fff3}.media-card{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;outline:none;flex-shrink:0;align-items:center;gap:7px;padding:5px 11px 5px 8px;transition:background .2s,border-color .2s,transform .15s,box-shadow .2s;display:flex}.media-card:hover{background:#ffffff1a;transform:translateY(-2px)}.media-card.active{border-color:#ffffff80;box-shadow:0 0 12px #ffffff1f}.media-logo{border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:22px;display:flex;overflow:hidden}.media-logo svg{width:100%;height:100%}.media-name{letter-spacing:.04em;white-space:nowrap;text-align:left;color:#ffffffd1;font-size:.62rem;font-weight:700;line-height:1.2}.media-sub{letter-spacing:.08em;opacity:.5;white-space:nowrap;text-transform:uppercase;font-size:.48rem;font-weight:400;line-height:1.2}.sc-overlay{z-index:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#000000b8;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.sc-overlay.open{opacity:1;pointer-events:all}.sc-modal{scrollbar-width:thin;background:#0c0a1cf2;border:1px solid #ffffff1a;border-radius:14px;width:min(520px,92vw);max-height:85vh;padding:24px 28px;transition:transform .3s;position:relative;overflow-y:auto;transform:translateY(16px)}.sc-overlay.open .sc-modal{transform:translateY(0)}.sc-modal h2{letter-spacing:.18em;text-transform:uppercase;color:var(--clr-accent);font-size:1rem;font-weight:700;font-family:var(--font-main);margin-bottom:16px}.sc-modal h3{letter-spacing:.16em;text-transform:uppercase;color:var(--clr-text);opacity:.5;margin:16px 0 8px;font-size:.72rem;font-weight:700}.modal-close{color:#fff6;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.2rem;line-height:1;transition:color .15s;position:absolute;top:14px;right:16px}.modal-close:hover{color:#fff}.log-date-hdr{letter-spacing:.16em;text-transform:uppercase;opacity:.4;color:var(--clr-text);margin:12px 0 6px;font-size:.62rem;font-weight:700}.log-entry{color:var(--clr-text);border-bottom:1px solid #ffffff0f;align-items:flex-start;gap:10px;padding:8px 0;font-size:.72rem;display:flex}.log-entry:last-child{border-bottom:none}.log-time{opacity:.4;white-space:nowrap;font-family:var(--font-main);min-width:80px;font-size:.62rem}.log-task{opacity:.8;flex:1;line-height:1.5}.log-dur{opacity:.35;white-space:nowrap;font-family:var(--font-main);font-size:.58rem}.log-empty{text-align:center;opacity:.28;color:var(--clr-text);padding:24px 0;font-size:.76rem}.log-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.color-row{align-items:center;gap:12px;margin-bottom:10px;display:flex}.color-label{letter-spacing:.12em;text-transform:uppercase;opacity:.55;color:var(--clr-text);min-width:80px;font-size:.65rem;font-weight:700}.color-picker-wrap{cursor:pointer;border:1px solid #ffffff2e;border-radius:6px;flex-shrink:0;width:32px;height:32px;position:relative;overflow:hidden}.color-picker-wrap input[type=color]{cursor:pointer;border:none;width:calc(100% + 12px);height:calc(100% + 12px);position:absolute;inset:-6px}.color-hex{font-size:.65rem;font-family:var(--font-main);color:var(--clr-text);opacity:.7;letter-spacing:.06em;min-width:62px}.saved-theme-row{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.saved-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:28px;height:28px;transition:transform .18s,border-color .18s}.saved-swatch:hover{transform:scale(1.2)}.kb-grid{grid-template-columns:auto 1fr;align-items:center;gap:6px 16px;display:grid}kbd{font-family:var(--font-main);color:var(--clr-text);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:4px;padding:3px 8px;font-size:.62rem;line-height:1.6;display:inline-block}.kb-desc{color:var(--clr-text);opacity:.6;font-size:.7rem}.sound-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sound-card{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:7px;padding:10px 12px;transition:background .15s,border-color .15s}.sound-card:hover{background:#ffffff17}.sound-card.playing{border-color:var(--clr-accent);background:var(--clr-btn-bg)}.sound-name{letter-spacing:.08em;text-transform:uppercase;color:var(--clr-text);opacity:.8;font-size:.68rem;font-weight:700}.sound-icon{margin-bottom:4px;font-size:1.1rem;display:block}.vol-row{align-items:center;gap:10px;margin-top:12px;display:flex}.vol-label{letter-spacing:.14em;text-transform:uppercase;color:var(--clr-text);opacity:.4;font-size:.6rem;font-weight:700}input[type=range].sc-range{appearance:none;background:var(--clr-track);cursor:pointer;border-radius:99px;outline:none;flex:1;height:3px}input[type=range].sc-range::-webkit-slider-thumb{appearance:none;background:var(--clr-accent);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .15s}input[type=range].sc-range::-webkit-slider-thumb:hover{transform:scale(1.3)}input[type=range].sc-range::-moz-range-thumb{background:var(--clr-accent);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}body.kiosk #themePanel{display:none}body.kiosk #weatherPill{opacity:.3}body.kiosk .sync-pill,body.kiosk .session-controls{opacity:.2}body.present #themePanel,body.present .progress-wrap,body.present .session-area,body.present .sync-pill,body.present .quote-area,body.present .greeting{display:none}body.present .date-display{opacity:.3}#kbHint{bottom:calc(var(--panel-h) + 10px);z-index:99;letter-spacing:.12em;text-transform:uppercase;opacity:.2;color:var(--clr-text);pointer-events:none;font-size:.52rem;font-weight:700;transition:opacity .3s;position:fixed;right:14px}@media (max-width:600px){#themePanel{gap:6px;padding:9px 10px 11px}.media-name{font-size:.56rem}.media-logo{width:26px;height:18px}.sound-grid{grid-template-columns:1fr}.time-display{font-size:clamp(3.5rem,18vw,7rem)}}body.light-theme .sc-modal{background:#f0f4faf7;border-color:#0000001a}body.light-theme .sc-modal h2{color:var(--clr-accent)}body.light-theme .sc-modal h3{color:var(--clr-text)}body.light-theme kbd{color:var(--clr-text);background:#00000012;border-color:#00000026}body.light-theme .kb-desc{color:var(--clr-text)}