@property --accent{syntax:"<color>";inherits:true;initial-value:#adf91a}@property --accent-hi{syntax:"<color>";inherits:true;initial-value:#c1fc24}@property --accent-deep{syntax:"<color>";inherits:true;initial-value:#8cf409}:root{--bg:#070f22;--surface:#0d1a36;--surface-2:#12234a;--line:#1d2e55;--line-2:#2a3f6e;--text:#e9eef8;--muted:#97a5c0;--faint:#6b7a99;--glass:#070f2266;--glass-strong:#070f22bf;--glass-line:#e9eef829;--brand:#adf91a;--brand-ink:#0b1b00;--danger:#fb7185;--ok:#4ade80;--radius:18px;--font:"Inter", "Hind Siliguri", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Space Grotesk", "Hind Siliguri", system-ui, sans-serif;--font-num:"Space Grotesk", system-ui, sans-serif;--serif:"Fraunces", Georgia, serif;--mono:"JetBrains Mono", ui-monospace, monospace;--ease:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[lang=bn]{--font:"Hind Siliguri", "Inter", system-ui, sans-serif;--font-display:"Hind Siliguri", "Space Grotesk", system-ui, sans-serif;--serif:"Hind Siliguri", "Fraunces", serif}.app,.pip-root{--accent:#adf91a;--accent-hi:#c1fc24;--accent-deep:#8cf409;--on-accent:#0b1b00;transition:--accent .9s var(--ease), --accent-hi .9s var(--ease), --accent-deep .9s var(--ease)}[data-mode=short]{--accent:#5eead4;--accent-hi:#99f6e4;--accent-deep:#2dd4bf;--on-accent:#042f2e}[data-mode=long]{--accent:#7cb4ff;--accent-hi:#bfdbfe;--accent-deep:#60a5fa;--on-accent:#0b1b3a}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55;overflow-x:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:10px}a{color:var(--accent-hi)}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;line-height:1.2}p{margin:0}.muted{color:var(--muted)}.small{font-size:.86rem}.center{text-align:center}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bg{z-index:0;background:#070f22;height:100lvh;position:fixed;inset:0;overflow:hidden}.bg-scene{animation:fade-in 1.2s var(--ease);position:absolute;inset:0}.bg-canvas{width:100%;height:100%;display:block}.bg-photo{background-position:50%;background-size:cover;animation:60s ease-in-out infinite alternate ken-burns;position:absolute;inset:-4%}.bg-dim{background:#040a18;transition:opacity .4s;position:absolute;inset:0}.bg-vignette{pointer-events:none;background:radial-gradient(at 50% 45%,#0000 45%,#0308148c 100%),linear-gradient(#03081459,#0000 22% 70%,#03081499);position:absolute;inset:0}@keyframes ken-burns{0%{transform:scale(1)translate(0)}to{transform:scale(1.1)translate(-1.5%,1%)}}@keyframes fade-in{0%{opacity:0}}.aurora{background:radial-gradient(at 50% 115%,#12234a 0%,#0b1b3a 40%,#050b1a 100%);position:absolute;inset:0}.blob{mix-blend-mode:screen;opacity:.55;will-change:transform;border-radius:50%;width:75vmax;height:75vmax;position:absolute}.b1{background:radial-gradient(circle,#8cf4096b,#0000 62%);animation:26s ease-in-out infinite alternate drift1;top:-30vmax;left:-20vmax}.b2{background:radial-gradient(circle,#2dd4bf80,#0000 62%);animation:32s ease-in-out infinite alternate drift2;top:-10vmax;right:-30vmax}.b3{background:radial-gradient(circle,#6366f161,#0000 62%);animation:38s ease-in-out infinite alternate drift3;bottom:-40vmax;left:10vmax}.b4{background:radial-gradient(circle,#3b82f673,#0000 62%);animation:44s ease-in-out infinite alternate-reverse drift1;bottom:-35vmax;right:-15vmax}.aurora-stars{opacity:.5;background-image:radial-gradient(1px 1px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 90px 120px,#fffc,#0000),radial-gradient(1.5px 1.5px at 160px 60px,#fff,#0000),radial-gradient(1px 1px at 230px 180px,#ffffffb3,#0000),radial-gradient(1px 1px at 50px 210px,#fff9,#0000);background-size:260px 240px;animation:5s ease-in-out infinite alternate twinkle;position:absolute;inset:0}@keyframes drift1{to{transform:translate(18vmax,12vmax)scale(1.15)}}@keyframes drift2{to{transform:translate(-22vmax,16vmax)scale(.9)}}@keyframes drift3{to{transform:translate(12vmax,-18vmax)scale(1.2)}}@keyframes twinkle{to{opacity:.2}}.app{position:relative}.hero{z-index:1;min-height:100svh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;display:flex;position:relative}@media (width>=900px){.hero{padding:28px 40px}}.topbar{animation:slide-down .8s var(--ease) both;justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.logo{font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;display:inline-flex}.logo em{color:var(--accent-hi);font-style:normal;transition:color .9s}.logo-mark{flex:none;animation:14s linear infinite spin}.status-running .logo-mark{animation-duration:4s}.streak-chip{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(14px);height:40px;font-weight:700;font-family:var(--font-num);transition:transform .2s var(--spring), background .2s;border-radius:14px;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.streak-chip:hover{background:#ffffff1f;transform:translateY(-1px)}.flame{filter:grayscale()opacity(.6);display:inline-block}.flame.lit{filter:none;transform-origin:50% 90%;animation:1.6s ease-in-out infinite flicker}@keyframes flicker{0%,to{transform:scale(1)rotate(-3deg)}50%{transform:scale(1.12)rotate(3deg)}}.actions{gap:8px;display:flex}.icon-btn{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(14px);width:44px;height:44px;transition:transform .25s var(--spring), background .2s, border-color .2s;border-radius:14px;place-items:center;display:inline-grid}.icon-btn:hover{background:#ffffff21;transform:translateY(-2px)}.icon-btn:active{transform:scale(.94)}.icon-btn.small{border-radius:11px;width:36px;height:36px}.icon-btn.playing{border-color:color-mix(in srgb, var(--accent) 60%, transparent);box-shadow:0 0 18px -4px var(--accent)}.icon-btn.avatar span{background:linear-gradient(135deg, var(--accent-hi), var(--accent-deep));width:28px;height:28px;color:var(--on-accent);border-radius:50%;place-items:center;font-size:.9rem;font-weight:700;display:grid}.lang-btn{gap:6px;width:auto;padding:0 12px;font-size:.82rem;font-weight:700;display:inline-flex}.eq{align-items:flex-end;gap:2.5px;height:16px;display:inline-flex}.eq i{background:var(--accent-hi);border-radius:2px;width:3px;animation:.9s ease-in-out infinite alternate eq}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}.eq i:nth-child(4){animation-delay:-.15s}.eq.small{height:12px}@keyframes eq{0%{height:20%}to{height:100%}}.hero-center{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(12px,2.2vh,26px);padding:12px 0;display:flex}.mode-tabs{--n:3;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(18px);width:min(100%,540px);animation:rise .9s .1s var(--ease) both;border-radius:20px;grid-template-columns:repeat(3,1fr);padding:6px;display:grid;position:relative}.mode-indicator{background:color-mix(in srgb, var(--accent) 34%, #ffffff0f);width:calc(33.3333% - 4px);box-shadow:inset 0 1px 0 #fff3, 0 6px 24px -8px var(--accent);transform:translateX(calc(var(--i) * 100%));transition:transform .55s var(--spring);border-radius:15px;position:absolute;top:6px;bottom:6px;left:6px}.mode-tabs button{z-index:1;color:#ffffffb8;white-space:nowrap;border-radius:15px;justify-content:center;align-items:center;gap:8px;padding:11px 8px;font-size:.98rem;font-weight:600;transition:color .3s;display:inline-flex;position:relative}.mode-tabs button.active{color:#fff}.count{min-width:22px;height:22px;font-size:.75rem;font-weight:700;font-family:var(--font-num);animation:pop .5s var(--spring);background:#ffffff1f;border-radius:999px;place-items:center;padding:0 6px;display:inline-grid}.active .count{background:color-mix(in srgb, var(--accent-deep) 70%, #000)}@keyframes pop{0%{transform:scale(.4)}}.dial{--size:min(78vw, 400px, 43svh);width:var(--size);height:var(--size);animation:dial-in 1.1s .15s var(--ease) both;place-items:center;display:grid;position:relative}@media (height>=900px){.dial{--size:min(78vw, 440px, 48svh)}}@keyframes dial-in{0%{opacity:0;transform:scale(.86)rotate(-12deg)}}.dial-glow{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 22%, transparent) 0%, transparent 70%);filter:blur(8px);opacity:.6;border-radius:50%;transition:opacity .6s;position:absolute;inset:8%}.dial.running .dial-glow{opacity:1;animation:4.5s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.55;transform:scale(1.1)}}.dial-flash{border:3px solid var(--accent-hi);animation:flash-ring 1.4s var(--ease) forwards;pointer-events:none;border-radius:50%;position:absolute;inset:0}@keyframes flash-ring{0%{opacity:1;box-shadow:0 0 60px var(--accent);transform:scale(.92)}to{opacity:0;transform:scale(1.35)}}.dial-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dial-track{fill:#070f2252;stroke:#ffffff1a;stroke-width:5px}.dial-orbit{fill:none;stroke:#ffffff29;stroke-width:.6px;stroke-dasharray:1 5;transform-origin:100px 100px;animation:90s linear infinite spin}.dial.running .dial-orbit{stroke:color-mix(in srgb, var(--accent) 45%, transparent);animation-duration:30s}.dial-progress{fill:none;stroke-width:5px;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--accent));transition:stroke-dashoffset .35s linear}.dial-head{transform-origin:100px 100px;transition:transform .35s linear}.dial-head circle{fill:#fff;filter:drop-shadow(0 0 6px var(--accent-hi))}.dial.idle .dial-head{opacity:0}.dial-center{flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.digits{font-family:var(--font-num);font-weight:700;font-size:calc(var(--size) * .2);letter-spacing:-.03em;text-shadow:0 4px 30px #00000059;font-variant-numeric:tabular-nums;line-height:1;display:flex}.digit{text-align:center;width:.62em;animation:digit-in .45s var(--ease);display:inline-block}@keyframes digit-in{0%{opacity:0;filter:blur(4px);transform:translateY(-.28em)}}.colon{text-align:center;opacity:.55;width:.3em;transform:translateY(-.06em)}.dial.running .colon{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:.18}}.dial-status{background:color-mix(in srgb, var(--accent) 14%, #070f2273);border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);color:var(--accent-hi);-webkit-backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.92rem;font-weight:500;display:inline-flex}.dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 10px var(--accent);border-radius:50%}.dial.running .dot{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.6;transform:scale(1.6)}}.active-task{color:#ffffffc7;max-width:min(100%,460px);animation:rise .9s .25s var(--ease) both;background:#070f2240;border:1px dashed #fff3;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:.92rem;transition:background .2s,border-color .2s;display:inline-flex}.active-task.has{border-style:solid;border-color:var(--glass-line)}.active-task:hover{background:#ffffff1a}.at-label{color:var(--muted);white-space:nowrap}.at-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.at-count{font-family:var(--font-num);background:#ffffff1f;border-radius:999px;padding:1px 8px;font-size:.8rem}.controls{animation:rise .9s .3s var(--ease) both;align-items:center;gap:18px;display:flex}.ctrl-side{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(14px);width:60px;height:60px;transition:transform .3s var(--spring), background .2s;border-radius:50%;place-items:center;display:grid}.ctrl-side:not(:disabled):hover{background:#ffffff24;transform:translateY(-2px)rotate(-8deg)}.ctrl-side:not(:disabled):active{transform:scale(.92)}.start-btn{letter-spacing:.16em;text-transform:uppercase;min-width:230px;height:72px;color:var(--on-accent);font-size:1.3rem;font-weight:700;font-family:var(--font-display);background:linear-gradient(135deg, var(--accent-hi), var(--accent-deep));box-shadow:0 14px 40px -12px var(--accent), inset 0 1px 0 #ffffff73, inset 0 -8px 20px -10px #00000059;transition:transform .35s var(--spring), box-shadow .3s;border:1px solid #ffffff59;border-radius:999px;justify-content:center;align-items:center;gap:14px;padding:0 36px;display:inline-flex;position:relative;overflow:hidden}.start-btn.running{color:var(--text)}html[lang=bn] .start-btn{letter-spacing:.02em}.start-btn:before{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff59 50%,#0000 70%);animation:5s ease-in-out infinite shine;position:absolute;inset:0;transform:translate(-100%)}.start-btn.running:before{animation:none}@keyframes shine{0%,60%{transform:translate(-100%)}to{transform:translate(100%)}}.start-btn:hover{box-shadow:0 20px 50px -12px var(--accent), inset 0 1px 0 #ffffff73;transform:translateY(-3px)scale(1.02)}.start-btn:active{transform:scale(.96)}.start-btn.running{-webkit-backdrop-filter:blur(14px);border-color:color-mix(in srgb, var(--accent) 60%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent), 0 14px 40px -18px var(--accent);background:#14102473}.start-icon{animation:pop .4s var(--spring);place-items:center;display:grid}.start-icon svg{width:22px;height:22px}.ripple{width:20px;height:20px;animation:ripple .7s var(--ease) forwards;pointer-events:none;background:#ffffff80;border-radius:50%;margin:-10px;position:absolute;top:50%;left:50%}@keyframes ripple{to{opacity:0;transform:scale(18)}}.hero-foot{animation:rise 1s .45s var(--ease) both;grid-template-columns:1fr auto 1fr;align-items:end;gap:16px;display:grid}.hero-mid{flex-direction:column;align-items:center;gap:8px;max-width:720px;display:flex}.quote{font-family:var(--serif);text-align:center;color:#ffffffe0;text-shadow:0 2px 20px #00000080;animation:quote-in 1.2s var(--ease);text-wrap:balance;margin:0;font-size:clamp(1.05rem,1.8vw,1.45rem);font-style:italic;line-height:1.4}html[lang=bn] .quote{font-style:normal}@keyframes quote-in{0%{opacity:0;filter:blur(6px);transform:translateY(10px)}}.scroll-hint{font-family:var(--mono);letter-spacing:.25em;text-transform:uppercase;color:var(--muted);flex-direction:column;align-items:center;font-size:.66rem;display:inline-flex}.scroll-hint svg{animation:1.8s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(5px)}}.challenge{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(14px);text-align:left;transition:transform .25s var(--spring);border-radius:18px;justify-self:start;align-items:center;gap:12px;padding:10px 18px 10px 10px;display:inline-flex;position:relative}.challenge:hover{transform:translateY(-2px)}.challenge.complete{border-color:#fde68a8c;box-shadow:0 0 30px -8px #fde68ab3}.challenge-ring{width:44px;height:44px}.cr-track{fill:none;stroke:#ffffff24;stroke-width:3.5px}.cr-fill{fill:none;stroke:var(--accent);stroke-width:3.5px;stroke-linecap:round;transition:stroke-dashoffset .8s var(--ease)}.complete .cr-fill{stroke:#fde68a}.challenge-emoji{text-align:center;width:44px;font-size:1.05rem;position:absolute;left:10px}.challenge-text{flex-direction:column;line-height:1.2;display:flex}.challenge-label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:.64rem}html[lang=bn] .challenge-label{font-family:var(--font);letter-spacing:0;font-size:.8rem}.challenge-text b{font-family:var(--font-num);font-size:1.05rem}.view-btns{justify-self:end;gap:8px;display:flex}.glass-btn{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(14px);width:48px;height:48px;transition:transform .25s var(--spring), background .2s;border-radius:50%;place-items:center;display:grid}.glass-btn:hover{background:#ffffff21;transform:translateY(-2px)}.glass-btn.on{border-color:var(--accent);box-shadow:0 0 18px -4px var(--accent)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-14px)}}@keyframes spin{to{transform:rotate(360deg)}}.drawer-root{z-index:50;pointer-events:none;position:fixed;inset:0}.drawer-root.open{pointer-events:auto}.drawer-backdrop{-webkit-backdrop-filter:blur(3px);opacity:0;background:#03081480;transition:opacity .35s;position:absolute;inset:0}.open .drawer-backdrop{opacity:1}.drawer{border:1px solid var(--line-2);-webkit-backdrop-filter:blur(28px)saturate(1.3);width:min(430px,100vw - 24px);transition:transform .5s var(--ease);background:#0d1a36e0;border-radius:24px;outline:none;flex-direction:column;display:flex;position:absolute;top:12px;bottom:12px;right:12px;transform:translate(calc(100% + 24px));box-shadow:0 30px 80px -20px #000000b3}.open .drawer{transform:none}.drawer-grip{display:none}.drawer-head{justify-content:space-between;align-items:center;padding:18px 18px 10px 22px;display:flex}.drawer-head h2{font-size:1.25rem}.drawer-body{overscroll-behavior:contain;flex:1;padding:8px 22px 24px;overflow-y:auto}.drawer-body>*>*{animation:none}.open .drawer-body>*>*{animation:rise .5s var(--ease) both}.open .drawer-body>*>:nth-child(2){animation-delay:50ms}.open .drawer-body>*>:nth-child(3){animation-delay:.1s}.open .drawer-body>*>:nth-child(4){animation-delay:.15s}.open .drawer-body>*>:nth-child(n+5){animation-delay:.2s}@media (width<=640px){.drawer{width:100%;max-height:88svh;padding-bottom:env(safe-area-inset-bottom);border-bottom:0;border-radius:24px 24px 0 0;inset:auto 0 0;transform:translateY(105%)}.drawer-grip{background:#ffffff40;border-radius:4px;width:40px;height:4px;margin:10px auto 0;display:block}.drawer-head{padding:8px 14px 6px 18px}.drawer-body{padding:6px 16px 24px}}.drawer-body section{border-bottom:1px solid var(--line);flex-direction:column;gap:12px;padding:16px 0;display:flex}.drawer-body section:last-of-type{border-bottom:0}.section-title{align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.field{border:1px solid var(--line-2);background:#ffffff0f;border-radius:13px;outline:none;width:100%;height:46px;padding:0 14px;transition:border-color .2s,background .2s}.field:focus{border-color:var(--accent);background:#ffffff17}.field::placeholder{color:var(--faint)}.btn{border:1px solid var(--line-2);height:44px;transition:transform .2s var(--spring), background .2s;white-space:nowrap;background:#ffffff14;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:inline-flex}.btn:not(:disabled):hover{background:#ffffff24}.btn:not(:disabled):active{transform:scale(.97)}.btn.primary{background:linear-gradient(135deg, var(--accent-hi), var(--accent-deep));color:var(--on-accent);box-shadow:0 8px 24px -10px var(--accent);border-color:#ffffff4d}.btn.primary:not(:disabled):hover{filter:brightness(1.08)}.btn.ghost{background:0 0}.btn.small{height:36px;padding:0 12px;font-size:.86rem}.btn.lg{border-radius:999px;height:56px;padding:0 28px;font-size:1.05rem}.btn.full{width:100%}.btn.danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, transparent);margin-top:16px}.btn.google{color:#1f1f1f;background:#fff}.stepper{border:1px solid var(--line-2);background:#ffffff0f;border-radius:12px;align-items:center;height:40px;display:inline-flex;overflow:hidden}.stepper button{width:36px;height:100%;color:var(--muted);place-items:center;transition:background .2s,color .2s;display:grid}.stepper button:hover{color:#fff;background:#ffffff14}.stepper span,.stepper input{text-align:center;width:40px;font-weight:700;font-family:var(--font-num);background:0 0;border:0;outline:none;padding:0}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.row-gap{flex-wrap:wrap;gap:10px;display:flex}.toggle-row{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;display:flex}.switch{appearance:none;cursor:pointer;background:#ffffff26;border-radius:999px;flex:none;width:46px;height:27px;margin:0;transition:background .25s;position:relative}.switch:after{content:"";width:21px;height:21px;transition:transform .35s var(--spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0000004d}.switch:checked{background:var(--accent-deep)}.switch:checked:after{transform:translate(19px)}.slider-row{color:var(--muted);align-items:center;gap:12px;display:flex}.slider-row.labeled span{min-width:90px;color:var(--text)}input[type=range]{appearance:none;outline-offset:6px;background:#ffffff24;border-radius:6px;flex:1;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 45%, transparent);cursor:pointer;background:#fff;border-radius:50%}input[type=range]::-moz-range-thumb{width:18px;height:18px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 45%, transparent);background:#fff;border:0;border-radius:50%}input[type=range]:disabled{opacity:.35}.segmented{border:1px solid var(--line);background:#ffffff0d;border-radius:14px;flex-wrap:wrap;gap:6px;padding:5px;display:flex}.segmented button{min-width:max-content;height:36px;color:var(--muted);border-radius:10px;flex:1;padding:0 12px;font-size:.9rem;font-weight:600;transition:background .25s,color .25s}.segmented button.on{background:color-mix(in srgb, var(--accent) 30%, #ffffff0d);color:#fff}.notice{border:1px solid var(--line-2);color:var(--muted);background:#ffffff0d;border-radius:14px;padding:14px 16px;font-size:.92rem}.notice.ok{border-color:color-mix(in srgb, var(--ok) 40%, transparent);color:#d1fae5;background:color-mix(in srgb, var(--ok) 8%, transparent)}.notice.inline{margin-top:18px;display:inline-block}.error{color:var(--danger)}.empty{text-align:center;color:var(--muted);padding:28px 12px}.badge{background:color-mix(in srgb, var(--accent) 30%, transparent);color:var(--accent-hi);border-radius:999px;flex:none;padding:2px 8px;font-size:.7rem;font-weight:700}kbd{min-width:26px;height:24px;font-family:var(--mono);border:1px solid var(--line-2);background:#ffffff14;border-bottom-width:2px;border-radius:7px;place-items:center;margin-right:4px;padding:0 6px;font-size:.75rem;display:inline-grid}.tasks{flex-direction:column;gap:14px;display:flex}.task-form{border:1px solid var(--line);background:#ffffff0a;border-radius:18px;flex-direction:column;gap:10px;padding:14px;display:flex}.task-form-row{align-items:center;gap:10px;display:flex}.task-form-row .btn{margin-left:auto}.task-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.task{border:1px solid var(--line);animation:rise .4s var(--ease);background:#ffffff0b;border-left:3px solid #0000;border-radius:15px;align-items:center;gap:10px;padding:8px 8px 8px 12px;transition:border-color .25s,background .25s;display:flex}.task.active{border-left-color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, #ffffff08)}.task-check{color:#0000;width:26px;height:26px;transition:all .3s var(--spring);border:2px solid #ffffff4d;border-radius:50%;flex:none;place-items:center;display:grid}.task-check:hover{border-color:var(--accent)}.task.done .task-check{background:var(--accent);border-color:var(--accent);color:var(--on-accent);transform:scale(1.05)}.task-main{text-align:left;flex:1;align-items:center;gap:8px;min-width:0;padding:6px 0;display:flex}.task-title{text-overflow:ellipsis;white-space:nowrap;transition:color .3s;overflow:hidden}.task.done .task-title{color:var(--faint);text-decoration:line-through}.task-count{font-family:var(--font-num);color:var(--muted);flex:none;font-size:.85rem}.task-del{width:34px;height:34px;color:var(--faint);border-radius:10px;flex:none;place-items:center;transition:color .2s,background .2s;display:grid}.task-del:hover{color:var(--danger);background:#fb71851a}.tasks-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.stations{flex-direction:column;gap:8px;display:flex}.station{text-align:left;border:1px solid var(--line);background:#ffffff0d;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;transition:border-color .25s,background .25s;display:flex}.station:hover{background:#ffffff17}.station.on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.station-icon{background:#ffffff14;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.station-name{font-size:.93rem;font-weight:600}.yt-form{gap:8px;display:flex}.mixer{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mix{border:1px solid var(--line);background:#ffffff0b;border-radius:16px;flex-direction:column;gap:10px;padding:12px;transition:border-color .3s,background .3s;display:flex}.mix.on{border-color:color-mix(in srgb, var(--accent) 70%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.mix-toggle{text-align:left;align-items:center;gap:10px;font-size:.92rem;font-weight:600;display:flex}.mix-emoji{transition:transform .4s var(--spring);font-size:1.35rem}.mix.on .mix-emoji{animation:2.4s ease-in-out infinite wiggle}@keyframes wiggle{50%{transform:scale(1.15)rotate(-6deg)}}.yt-host{opacity:0;pointer-events:none;z-index:-1;border:0;width:200px;height:113px;position:fixed;bottom:0;left:0}.stats{flex-direction:column;gap:18px;display:flex}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat{border:1px solid var(--line);background:#ffffff0b;border-radius:16px;flex-direction:column;gap:4px;padding:14px;display:flex}.stat-label{color:var(--muted);font-size:.8rem}.stat-value{font-size:1.45rem;font-family:var(--font-num);letter-spacing:-.02em}.stat-value small{color:var(--muted);font-size:.8rem;font-weight:500;font-family:var(--font)}.stat-sub{color:var(--faint);font-size:.78rem}.meter{background:#ffffff1a;border-radius:6px;height:6px;margin-top:4px;overflow:hidden}.meter span{background:linear-gradient(90deg, var(--accent-deep), var(--accent));height:100%;transition:width .8s var(--ease);border-radius:6px;display:block}.chart{border:1px solid var(--line);background:#ffffff09;border-radius:18px;margin:0;padding:16px 14px 12px}.chart figcaption{margin-bottom:14px;font-size:.88rem;font-weight:600}.chart-plot{height:170px;margin-bottom:22px;margin-left:28px;position:relative}.chart-grid{position:absolute;inset:0}.chart-gridline{border-top:1px solid #ffffff12;position:absolute;left:0;right:0}.chart-gridline span{font-size:.68rem;font-family:var(--font-num);color:var(--faint);position:absolute;top:-8px;right:calc(100% + 6px)}.chart-bars{grid-template-columns:repeat(7,1fr);gap:2px;display:grid;position:absolute;inset:0}.chart-col{border-radius:6px;justify-content:center;align-items:flex-end;height:100%;display:flex;position:relative}.chart-col.hover{background:#ffffff0a}.chart-bar{background:color-mix(in srgb, var(--accent) 55%, transparent);width:min(26px,62%);min-height:2px;transition:height .9s var(--ease), background .2s;animation:grow .9s var(--ease) both;transform-origin:bottom;border-radius:4px 4px 0 0}.chart-col.today .chart-bar,.chart-col.hover .chart-bar{background:var(--accent)}@keyframes grow{0%{transform:scaleY(0)}}.chart-x{color:var(--muted);font-size:.72rem;position:absolute;top:calc(100% + 6px)}.chart-col.today .chart-x{color:var(--text);font-weight:700}.chart-tip{color:#151221;white-space:nowrap;z-index:2;pointer-events:none;background:#fff;border-radius:8px;padding:4px 8px;font-size:.75rem;position:absolute;bottom:calc(100% + 4px)}.top-tasks{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.top-tasks li{background:#ffffff0a;border-radius:12px;justify-content:space-between;gap:12px;padding:10px 12px;display:flex}.top-tasks span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dur-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.dur{flex-direction:column;gap:6px;display:flex}.dur .stepper{justify-content:space-between;width:100%}.dur .stepper button{width:32px}.scene-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;display:grid}.scene-tile{text-shadow:0 1px 6px #000000b3;height:74px;transition:transform .3s var(--spring), border-color .25s;background-position:50%;background-size:cover;border:2px solid #0000;border-radius:14px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:4px;padding:8px 10px;font-size:.8rem;font-weight:600;display:flex;position:relative;overflow:hidden}.scene-tile:hover{transform:translateY(-2px)}.scene-tile.on{box-shadow:0 0 20px -6px var(--accent);border-color:#fff}.scene-tile svg{opacity:.8;position:absolute;top:10px;right:10px}.scene-aurora{background:radial-gradient(circle at 20% 20%,#8cf40988,#0000 55%),radial-gradient(circle at 90% 30%,#2dd4bf88,#0000 50%),radial-gradient(circle at 50% 100%,#6366f177,#0000 55%),#0b1b3a}.scene-dusk{background:linear-gradient(#2a2854,#6a5b93 45%,#e7b0ab 75%,#3a2f5c 76%,#2a2246)}.scene-rain{background:repeating-linear-gradient(100deg,#0000 0 9px,#becdff2e 9px 10px),linear-gradient(#05070f,#1a1a40 70%,#090a19 71%)}.scene-stars{background:radial-gradient(1px 1px at 20% 30%,#fff,#0000),radial-gradient(1px 1px at 60% 20%,#fff,#0000),radial-gradient(1.5px 1.5px at 80% 40%,#fff,#0000),linear-gradient(160deg,#0000 60%,#130f2a 61%),linear-gradient(#03040c,#241d4f)}.scene-fireflies{background:radial-gradient(3px 3px at 30% 60%,#eaff9a,#0000),radial-gradient(3px 3px at 70% 45%,#d4ff80,#0000),radial-gradient(2px 2px at 55% 75%,#eaff9a,#0000),linear-gradient(#02070a,#0c302a 70%,#030b0a 71%)}.scene-ocean{background:radial-gradient(circle at 70% 25%,#f4f1e6 0 6px,#dce1ff4d 7px,#0000 22px),repeating-linear-gradient(#0000 0 5px,#96aceb26 5px 6px) 0 58%/100% 42% no-repeat,linear-gradient(#040716,#27336a 58%,#0b1230 58%)}.scene-custom{border:2px dashed var(--line-2);background-color:#ffffff0f}.shortcuts{color:var(--muted);gap:8px;margin:0;padding:0;font-size:.9rem;list-style:none;display:grid}@media (hover:none){.hide-touch{display:none!important}}.account{flex-direction:column;gap:14px;display:flex}.account-hero{text-align:center;color:var(--accent-hi);flex-direction:column;align-items:center;gap:8px;padding:18px 8px 6px;display:flex}.account-hero h3{color:var(--text);font-size:1.2rem}.account-hero svg{animation:4s ease-in-out infinite float}@keyframes float{50%{transform:translateY(-6px)}}.email-form,.code-form{flex-direction:column;gap:10px;display:flex}.code-form .field{letter-spacing:.3em;min-width:140px;font-family:var(--mono);flex:1}.or{color:var(--faint);align-items:center;gap:12px;font-size:.8rem;display:flex}.or:before,.or:after{content:"";background:var(--line-2);flex:1;height:1px}.account-card{border:1px solid var(--line);background:#ffffff0d;border-radius:18px;align-items:center;gap:14px;padding:16px;display:flex}.account-card>div{flex-direction:column;min-width:0;display:flex}.account-email{text-overflow:ellipsis;overflow:hidden}.avatar-lg{width:48px;height:48px;color:var(--on-accent);background:linear-gradient(135deg, var(--accent-hi), var(--accent-deep));border-radius:50%;flex:none;place-items:center;font-size:1.2rem;font-weight:700;display:grid}.sync-status{color:var(--muted);align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.sync-dot{background:var(--faint);border-radius:50%;width:8px;height:8px}.sync-status.ok .sync-dot{background:var(--ok);box-shadow:0 0 8px var(--ok)}.sync-status.syncing .sync-dot{background:var(--accent);animation:1s infinite pulse}.sync-status.error .sync-dot{background:var(--danger)}.toasts{left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:80;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 32px);display:flex;position:fixed;transform:translate(-50%)}.toast{border:1px solid var(--line-2);-webkit-backdrop-filter:blur(16px);text-align:center;animation:toast-in .5s var(--spring), toast-out .4s 3.8s ease-in forwards;background:#0d1a36e6;border-radius:16px;padding:12px 20px;font-weight:600;box-shadow:0 16px 40px -12px #0009}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)scale(.9)}}@keyframes toast-out{to{opacity:0;transform:translateY(10px)}}.confetti{z-index:90;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.landing{z-index:2;background:radial-gradient(ellipse 80% 40% at 50% 0%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 70%), var(--bg);border-top:1px solid var(--line);position:relative;box-shadow:0 -40px 80px #030814cc}.l-section{text-align:center;max-width:1120px;margin:0 auto;padding:clamp(64px,10vw,120px) 20px 0}.kicker{font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--accent-hi);margin-bottom:14px;font-size:.72rem;display:inline-block}html[lang=bn] .kicker{font-family:var(--font);letter-spacing:.05em;font-size:.9rem}.l-title{text-wrap:balance;font-size:clamp(1.7rem,3.6vw,2.6rem);font-weight:700}.l-title.big{letter-spacing:-.03em;font-size:clamp(2.1rem,5.5vw,3.8rem)}.l-lead{max-width:660px;color:var(--muted);text-wrap:pretty;margin:18px auto 0;font-size:1.06rem}.feature-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:44px;display:grid}.feature{border:1px solid var(--line);transition:transform .4s var(--ease), border-color .3s;background:linear-gradient(160deg,#ffffff0e,#ffffff04);border-radius:22px;padding:24px;position:relative;overflow:hidden}.feature:after{content:"";border-radius:inherit;background:radial-gradient(400px circle at 30% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 50%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:-1px}.feature:hover{border-color:var(--line-2);transform:translateY(-4px)}.feature:hover:after{opacity:1}.feature-icon{border:1px solid var(--line);width:46px;height:46px;transition:transform .5s var(--spring);background:#ffffff12;border-radius:14px;place-items:center;margin-bottom:18px;font-size:1.4rem;display:inline-grid}.feature:hover .feature-icon{transform:rotate(-8deg)scale(1.1)}.feature h3{margin-bottom:8px;font-size:1.08rem}.feature p,.step p{color:var(--muted);font-size:.95rem}.what{border:1px solid var(--line);background:#ffffff08;border-radius:22px;max-width:760px;margin:40px auto 0;padding:26px}.what h3{margin-bottom:10px}.what p{color:var(--muted)}.steps{text-align:left;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:28px 0 0;padding:0;list-style:none;display:grid}.step{border:1px solid var(--line);background:#ffffff09;border-radius:20px;padding:22px}.step-num{font-family:var(--mono);color:var(--accent);margin-bottom:18px;font-size:.8rem;display:block}.step h3{margin-bottom:6px;font-size:1.05rem}.cycle-viz{justify-content:center;gap:6px;max-width:560px;margin:36px auto 0;display:flex}.cv{transform-origin:0;border-radius:7px;height:14px}.in .cv{animation:grow-x .7s var(--d) var(--ease) both}.cv-f{background:linear-gradient(90deg,#8cf409,#c1fc24);flex:5}.cv-s{background:#5eead4;flex:1}.cv-l{background:#7cb4ff;flex:3}@keyframes grow-x{0%{opacity:0;transform:scaleX(0)}}.btn.lg.primary{margin-top:26px}.faq{text-align:left;flex-direction:column;gap:10px;max-width:800px;margin:40px auto 0;display:flex}.faq-item{border:1px solid var(--line);background:#ffffff09;border-radius:18px;transition:border-color .3s,background .3s}.faq-item[open]{border-color:var(--line-2);background:#ffffff0e}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary svg{transition:transform .4s var(--spring);color:var(--muted);flex:none}.faq-item[open] summary svg{transform:rotate(180deg)}.faq-item p{color:var(--muted);animation:rise .4s var(--ease);padding:0 22px 20px}.l-cta{padding-bottom:40px}.footer{max-width:1120px;padding:36px 20px max(36px, env(safe-area-inset-bottom));border-top:1px solid var(--line);text-align:center;flex-direction:column;align-items:center;gap:14px;margin:80px auto 0;display:flex}.footer nav{flex-wrap:wrap;justify-content:center;gap:8px 22px;display:flex}.footer nav a{color:var(--muted);font-size:.92rem;text-decoration:none}.footer nav a:hover{color:var(--text)}.reveal{opacity:0;transition:opacity .9s var(--ease) var(--d,0s), transform .9s var(--ease) var(--d,0s);transform:translateY(28px)}.reveal.in{opacity:1;transform:none}.pip-body{background:#070f22;height:100vh;margin:0;overflow:hidden}.pip-root{height:100vh;font-family:var(--font);color:var(--text);background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--accent) 25%, transparent), transparent 70%), #070f22;flex-direction:column;justify-content:center;gap:8px;padding:14px 18px;display:flex}.pip-top{align-items:center;gap:8px;min-width:0;font-size:.8rem;display:flex}.pip-mode{background:color-mix(in srgb, var(--accent) 30%, transparent);border-radius:999px;flex:none;padding:2px 10px;font-weight:700}.pip-task{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pip-time{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:3.2rem;font-weight:700;line-height:1}.pip-bar{background:#ffffff1a;border-radius:5px;height:5px;overflow:hidden}.pip-bar span{background:linear-gradient(90deg, var(--accent-deep), var(--accent));height:100%;transition:width .3s linear;display:block}.pip-ctrls{gap:8px;display:flex}.pip-main{height:38px;color:var(--on-accent);background:linear-gradient(135deg, var(--accent-hi), var(--accent-deep));border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.pip-skip{background:#ffffff1a;border-radius:12px;place-items:center;width:44px;height:38px;display:grid}.segmented.tabs button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.tab-count{min-width:18px;height:18px;font-size:.7rem;font-family:var(--font-num);background:#ffffff24;border-radius:999px;place-items:center;padding:0 5px;display:inline-grid}.tab-body{animation:rise .35s var(--ease)}.hist-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hist{border:1px solid var(--line);animation:rise .4s var(--ease) both;background:#ffffff0b;border-radius:15px;align-items:center;gap:6px;padding:6px;transition:border-color .25s,background .25s;display:flex}.hist.on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.hist-main{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.hist-thumb{background:#ffffff14;border-radius:10px;flex:none;width:80px;height:45px;position:relative;overflow:hidden}.hist-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease);display:block}.hist-thumb{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 40%, #12234a), #070f22);place-items:center;display:grid}.hist-fallback{opacity:.6}.hist-main:hover .hist-thumb img{transform:scale(1.08)}.hist-play{opacity:0;background:#070f2273;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.hist-main:hover .hist-play,.hist.on .hist-play,.hist-main:focus-visible .hist-play{opacity:1}@media (hover:none){.hist-play{opacity:1;background:#070f224d}}.hist-text{flex-direction:column;min-width:0;line-height:1.3;display:flex}.hist-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;font-weight:600;display:-webkit-box;overflow:hidden}.hist-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.qr-login{border:1px solid var(--line);background:#ffffff08;border-radius:18px;flex-direction:column;gap:12px;padding:16px;display:flex}.qr-row{align-items:center;gap:16px;display:flex}.qr-box{width:168px;height:168px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 35%, transparent), 0 12px 30px -12px var(--accent);animation:pop .5s var(--spring);background:#fff;border-radius:16px;flex:none;position:relative;overflow:hidden}.qr-img,.qr-img svg{width:100%;height:100%;display:block}.qr-placeholder{color:#0b1b3a;background:#eef2f8;place-items:center;width:100%;height:100%;display:grid}.qr-box.expired .qr-img,.qr-box.rejected .qr-img{filter:blur(4px);opacity:.4}.qr-overlay{color:#fff;background:#070f22d1;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:.9rem;font-weight:600;display:flex;position:absolute;inset:0}.qr-scanline{background:var(--accent);height:2px;box-shadow:0 0 12px var(--accent);opacity:.8;border-radius:2px;animation:2.4s ease-in-out infinite scanline;position:absolute;left:8%;right:8%}@keyframes scanline{0%,to{top:8%}50%{top:90%}}.spinner{border:3px solid #0b1b3a33;border-top-color:#0b1b3a;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.qr-steps{color:var(--muted);flex-direction:column;gap:8px;margin:0;padding-left:1.2em;font-size:.9rem;display:flex}.qr-steps li::marker{color:var(--accent);font-weight:700}.qr-status{min-height:1.2em}@media (width<=480px){.qr-row{flex-direction:column}.qr-box{width:200px;height:200px}}.scanner{z-index:70;background:#000;animation:.3s fade-in;position:fixed;inset:0}.scanner-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scanner-ui{padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.scanner-ui>*{pointer-events:auto}.scanner-top{justify-content:space-between;align-items:center;display:flex}.scanner-top h2{text-shadow:0 2px 10px #0009;font-size:1.15rem}.scanner-hint{text-align:center;-webkit-backdrop-filter:blur(10px);background:#070f22bf;border-radius:14px;align-self:center;max-width:340px;padding:12px 16px}.scanner-hint.err{color:var(--danger)}.scan-region-highlight-svg,.code-outline-highlight{stroke:var(--brand)!important}.link-approve{flex-direction:column;gap:14px;display:flex}.link-from{border:1px solid var(--line);background:#ffffff0d;border-radius:18px;align-items:center;gap:14px;padding:16px;display:flex}.link-from>div{flex-direction:column;display:flex}.link-device{width:52px;height:52px;color:var(--on-accent);background:linear-gradient(135deg, var(--accent-hi), var(--accent-deep));border-radius:14px;flex:none;place-items:center;display:grid}.link-warn{color:#fde68a;background:#fde68a14;border:1px solid #fde68a33;border-radius:12px;padding:10px 12px;font-size:.86rem}.field-label{color:var(--muted);flex-direction:column;gap:6px;font-size:.86rem;display:flex}.type-pick button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.btn.lg-ish{height:52px;font-size:1rem}.device-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.device-list li{border:1px solid var(--line);animation:rise .4s var(--ease) both;background:#ffffff0a;border-radius:14px;align-items:center;gap:12px;padding:10px 10px 10px 12px;display:flex}.device-list li.me{border-color:color-mix(in srgb, var(--accent) 50%, transparent)}.device-icon{background:#ffffff12;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.me .device-icon{color:var(--on-accent);background:var(--accent)}.device-text{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.device-text b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dock{display:none}@media (width<=720px){.dock{left:12px;right:12px;bottom:max(10px, env(safe-area-inset-bottom));z-index:45;border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(22px)saturate(1.3);animation:dock-in .8s .4s var(--ease) both;background:#0d1a369e;border-radius:22px;grid-template-columns:repeat(3,1fr);padding:6px;display:grid;position:fixed;box-shadow:0 16px 40px -14px #000000bf}.dock-btn{color:#ffffffb3;transition:background .25s, color .25s, transform .25s var(--spring);border-radius:16px;flex-direction:column;align-items:center;gap:3px;padding:7px 4px 6px;display:flex}.dock-btn:active{transform:scale(.92)}.dock-btn.on,.dock-btn.playing{color:#fff;background:color-mix(in srgb, var(--accent) 22%, transparent)}.dock-icon{place-items:center;height:22px;display:grid;position:relative}.dock-icon svg{width:21px;height:21px}.dock-badge{min-width:17px;height:17px;font-size:.66rem;font-weight:700;font-family:var(--font-num);color:var(--on-accent);background:var(--accent);animation:pop .4s var(--spring);border-radius:999px;place-items:center;padding:0 4px;display:grid;position:absolute;top:-5px;right:-11px}.dock-label{white-space:nowrap;font-size:.7rem;font-weight:600}.hero{padding-bottom:calc(max(10px, env(safe-area-inset-bottom)) + 84px)}.dial{--size:min(76vw, 360px, 39svh)}.hero-center{gap:clamp(10px,1.8vh,18px);padding:10px 0 6px}.scroll-hint{display:none}.hero-foot{gap:10px}.footer{padding-bottom:calc(max(10px, env(safe-area-inset-bottom)) + 96px)}.toasts{bottom:calc(max(10px, env(safe-area-inset-bottom)) + 84px)}}@keyframes dock-in{0%{opacity:0;transform:translateY(30px)}}@media (width<=720px){.hide-sm{display:none!important}.logo-text{font-size:1.05rem}.actions{gap:6px}.icon-btn{border-radius:12px;width:40px;height:40px}.streak-chip{border-radius:12px;height:36px;padding:0 10px}.mode-tabs button{gap:6px;padding:10px 4px;font-size:.86rem}.count{min-width:19px;height:19px;font-size:.68rem}.start-btn{flex:1;min-width:0;height:64px;padding:0 30px;font-size:1.1rem}.controls{gap:12px;width:min(100%,400px)}.ctrl-side{flex:none;width:54px;height:54px}.hero-foot{grid-template-columns:1fr auto;grid-template-areas:"quote quote""chal view";align-items:center;gap:14px}.hero-mid{grid-area:quote;justify-self:center}.challenge{grid-area:chal}.view-btns{grid-area:view}.glass-btn{width:44px;height:44px}.quote{font-size:1rem}}@media (width<=480px){.mode-tabs button{padding:12px 2px;font-size:.84rem}.mode-tabs .count{min-width:17px;height:17px;padding:0 4px;font-size:.62rem;position:absolute;top:1px;right:3px}}@media (width<=400px){.logo-text{font-size:.98rem}.mode-tabs button{font-size:.8rem}}@media (width<=720px) and (height<=760px){.quote{display:none}}@media (height<=640px) and (width>=721px){.quote{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}