/* light/home.css — СГЕНЕРИРОВАН site-src/build.mjs (lib/theme-light.mjs): светлый слой для aura + nav + chrome + fonts + home + theme-light.css. Руками не править. */
:root:where([data-theme="light"]){--au-ink:#f3f5fb;--au-ink-2:#f0f3fa;--au-fg:#10162b;--au-muted:#505d8d;--au-dim:#8790b4;--au-card:rgba(241,243,250,0.62);--au-card-solid:rgba(241,243,250,0.96);--au-card-line:rgba(18,28,64,0.081);--au-glass:rgba(18,28,64,0.054);--au-glass-2:rgba(18,28,64,0.108);--au-line:rgba(18,28,64,0.09);--au-on-accent:#f2f5fb;--au-bar:color-mix(in srgb,var(--au-ink) 74%,transparent);--au-bar-solid:color-mix(in srgb,var(--au-ink) 96%,transparent);--au-accent:#18a4f3;--au-go:#10a5f2;--au-in:#18a4f3;--au-hold:#6f21f3;--au-out:#3ad289;--au-rest:#314780;--au-warn:#f0940d;--au-bad:#f31735;--au-ok:#28d293;--au-sos:#f31b38;--au-noise:#f31b85;--au-display:"Unbounded","Arial Black",system-ui,sans-serif;--au-body:"Onest","Segoe UI",system-ui,sans-serif;--au-ease:cubic-bezier(.4,0,.2,1);--au-spring:cubic-bezier(.32,.72,0,1);--au-bg:radial-gradient(1200px 800px at 50% 0%,var(--au-ink-2),var(--au-ink) 70%);--ink:var(--au-ink);--ink-2:var(--au-ink-2);--fg:var(--au-fg);--muted:var(--au-muted);--dim:var(--au-dim);--card:var(--au-card);--card-solid:var(--au-card-solid);--card-line:var(--au-card-line);--glass:var(--au-glass);--glass-2:var(--au-glass-2);--line:var(--au-line);--on-accent:var(--au-on-accent);--f-display:var(--au-display);--f-body:var(--au-body);--accent:var(--au-accent);--accent-soft:rgba(24,164,243,0.14);--accent-border:rgba(24,164,243,0.3);--accent-fg:var(--au-on-accent);--bg-1:var(--au-ink);--bg-2:var(--au-ink-2);--bg-elev:var(--au-glass);--bg-elev-2:var(--au-glass-2);--border:var(--au-line);--border-soft:rgba(18,28,64,0.054);--inhale:var(--au-in);--hold:var(--au-hold);--exhale:var(--au-out);--ok:var(--au-ok);--warn:var(--au-warn);--danger:var(--au-bad);--shadow:0 30px 80px -20px rgba(28,38,84,0.256);--radius-sm:10px;--radius:16px;--radius-lg:22px;--nav-h:54px;color-scheme:dark}
:where(html[data-theme="light"]) body[data-page="content"],:where(html[data-theme="light"]) body[data-page="programs"],:where(html[data-theme="light"]) body[data-page="contacts"],:where(html[data-theme="light"]) body[data-page="privacy"],:where(html[data-theme="light"]) body[data-page="auth"],:where(html[data-theme="light"]) body[data-page="offline"]{--mood:var(--au-go);--phase:var(--au-in);--body-fs:16px;--body-lh:1.6}
:where(html[data-theme="light"]) body[data-type="onboarding"]::before,:where(html[data-theme="light"]) body[data-type="course"]::before,:where(html[data-theme="light"]) body[data-type="courses"]::before{background:var(--au-bg);background-color:var(--au-ink)}
html:where([data-theme="light"]):has(body.aura-app){background:var(--au-ink)}
:where(html[data-theme="light"]) body.aura-app{--bg-elev:rgba(18,28,64,0.045);--bg-elev-2:rgba(18,28,64,0.09);--border:var(--au-line);--border-soft:rgba(18,28,64,0.063);--card-solid:#f1f4fa;--radius-sm:12px;--radius:16px;--radius-lg:24px}
:where(html[data-theme="light"]) .toast{background:rgba(240,242,250,0.96);border:1px solid var(--au-line);color:var(--au-fg);border-radius:16px;box-shadow:0 14px 40px rgba(28,38,84,0.144)}
:where(html[data-theme="light"]) .toast-ach-icon{border-radius:50%;background:var(--au-glass-2);box-shadow:inset 0 0 0 1.5px currentColor;color:#f0ab0d}
:where(html[data-theme="light"]) .toast-ach-icon svg{fill:currentColor}
:where(html[data-theme="light"]) .toast-ach-icon svg path[fill="none"]{fill:none}
:where(html[data-theme="light"]) .toast-ach-bronze   .toast-ach-icon{color:#b47543}
:where(html[data-theme="light"]) .toast-ach-silver   .toast-ach-icon{color:#354153}
:where(html[data-theme="light"]) .toast-ach-gold     .toast-ach-icon{color:#f0ab0d}
:where(html[data-theme="light"]) .toast-ach-platinum .toast-ach-icon{color:#16acf3}
:where(html[data-theme="light"]) .toast-ach-kicker{color:var(--au-dim)}
:where(html[data-theme="light"]) .toast.toast-update button{border:0;border-radius:999px;background:var(--accent);color:var(--accent-fg)}
:where(html[data-theme="light"]) .toast.toast-update button:hover{background:var(--accent);filter:brightness(1.08)}
:where(html[data-theme="light"]) .app-nav{background:rgba(243,245,251,0.82);border-top:1px solid rgba(18,28,64,0.063)}
:where(html[data-theme="light"]) .app-nav a{text-decoration:none;color:var(--au-dim);border-radius:14px}
:where(html[data-theme="light"]) .app-nav a svg{border-radius:999px;fill:none;stroke:currentColor}
:where(html[data-theme="light"]) .app-nav a[aria-current="page"]{color:var(--au-fg)}
:where(html[data-theme="light"]) .app-nav a[aria-current="page"] svg{color:var(--au-on-accent);background:var(--au-accent)}
@media (hover:hover){:where(html[data-theme="light"]) .app-nav a:hover{color:var(--au-fg)}
}
:where(html[data-theme="light"]) .app-footer.af-inline .af-inner{color:var(--muted);border-top:1px solid var(--border-soft)}
:where(html[data-theme="light"]) .app-footer a{color:inherit;text-decoration:underline;text-decoration-color:rgba(18,28,64,0.18)}
:where(html[data-theme="light"]) .app-footer a:hover{color:var(--accent);text-decoration-color:currentColor}
:where(html[data-theme="light"]) .copyright-btn{background:rgba(18,28,64,0.054);border:1px solid rgba(18,28,64,0.108);border-radius:11px;color:var(--muted)}
:where(html[data-theme="light"]) .copyright-btn svg{fill:none;stroke:currentColor}
:where(html[data-theme="light"]) .copyright-btn:hover{color:var(--fg)}
:where(html[data-theme="light"]) .copyright-btn:focus-visible{outline:2px solid var(--accent)}
:where(html[data-theme="light"]) .cr-backdrop{background:rgba(244,245,251,0.62)}
:where(html[data-theme="light"]) .cr-pop{background:var(--au-card-solid);border:1px solid var(--au-card-line);border-radius:24px;box-shadow:0 30px 80px -20px rgba(28,38,84,0.256)}
:where(html[data-theme="light"]) .cr-close{background:var(--au-glass);border:1px solid var(--au-line);border-radius:12px;color:var(--au-muted)}
:where(html[data-theme="light"]) .cr-close::before{background:currentColor}
:where(html[data-theme="light"]) .cr-close:hover{color:var(--au-fg);background:var(--au-glass-2)}
:where(html[data-theme="light"]) .cr-close:focus-visible{outline:2px solid var(--accent)}
:where(html[data-theme="light"]) .cr-text{color:var(--au-dim)}
:where(html[data-theme="light"]) .cr-safe{color:var(--au-fg);border-bottom:1px solid rgba(18,28,64,0.063)}
:where(html[data-theme="light"]) .cr-safe::before{border-radius:50%;background:var(--au-warn);box-shadow:0 0 10px var(--au-warn)}
:where(html[data-theme="light"]) .cr-safe a{color:var(--au-muted);text-decoration:underline;text-decoration-color:rgba(18,28,64,0.225)}
:where(html[data-theme="light"]) .cr-safe a:hover{color:var(--accent)}
:where(html[data-theme="light"]) .cr-text a{color:var(--au-muted);text-decoration:underline;text-decoration-color:rgba(18,28,64,0.225)}
:where(html[data-theme="light"]) .cr-text a:hover{color:var(--accent);text-decoration-color:currentColor}
:where(html[data-theme="light"]) .sh-brand{border-radius:var(--radius-sm)}
:where(html[data-theme="light"]) .sh-cta,:where(html[data-theme="light"]) .sh-menu,:where(html[data-theme="light"]) .sh-my{border-radius:12px;text-decoration:none}
:where(html[data-theme="light"]) .sh-cta{color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-border)}
:where(html[data-theme="light"]) .sh-cta:hover{background:rgba(24,164,243,0.24)}
:where(html[data-theme="light"]) .sh-menu{color:var(--fg);background:var(--bg-elev);border:1px solid var(--border)}
:where(html[data-theme="light"]) .sh-menu:hover{background:var(--bg-elev-2)}
:where(html[data-theme="light"]) .sh-menu svg,:where(html[data-theme="light"]) .sh-my svg{fill:none;stroke:currentColor}
@media (min-width:900px){:where(html[data-theme="light"]) .sh-nav a{color:var(--muted);text-decoration:none;border-radius:var(--radius-sm)}
:where(html[data-theme="light"]) .sh-nav a:hover,:where(html[data-theme="light"]) .sh-nav a[aria-current]{color:var(--fg);background:var(--bg-elev)}
:where(html[data-theme="light"]) .site-header .sh-nav a.sh-lead{border-radius:999px;color:#fff;background:rgba(242,244,251,0.72)}
:where(html[data-theme="light"]) .site-header .sh-nav a.sh-lead::before,:where(html[data-theme="light"]) .site-header .sh-nav a.sh-lead::after{border-radius:inherit;background:conic-gradient(from var(--sl-a,0deg),#f31f90,#f3a816,#3ad289,#1879f3,#6f21f3,#f31f90)}
:where(html[data-theme="light"]) .site-header .sh-nav a.sh-lead::after{filter:blur(10px)}
:where(html[data-theme="light"]) .site-header .sh-nav a.sh-lead:hover,:where(html[data-theme="light"]) .site-header .sh-nav a.sh-lead[aria-current]{color:#fff;background:rgba(240,243,250,0.82)}
:where(html[data-theme="light"]) .sh-my{color:var(--fg);background:var(--bg-elev);border:1px solid var(--border)}
:where(html[data-theme="light"]) .sh-my:hover,:where(html[data-theme="light"]) .sh-my[aria-current]{border-color:var(--accent-border);background:var(--accent-soft)}
:where(html[data-theme="light"]) .sh-my svg{stroke:var(--accent)}
}
:where(html[data-theme="light"]) body:not([data-page="timer"]) .sh-cta{border-radius:999px;background:var(--au-glass);border:1px solid var(--au-line);color:var(--au-fg)}
:where(html[data-theme="light"]) body:not([data-page="timer"]) .sh-cta:hover{background:var(--au-glass-2)}
:where(html[data-theme="light"]) body:not([data-page="timer"]) .sh-my,:where(html[data-theme="light"]) body:not([data-page="timer"]) .sh-menu{border-radius:999px;background:var(--au-glass);border:1px solid var(--au-line);color:var(--au-fg)}
:where(html[data-theme="light"]) body:not([data-page="timer"]) .sh-my:hover,:where(html[data-theme="light"]) body:not([data-page="timer"]) .sh-menu:hover{background:var(--au-glass-2);border-color:var(--au-line)}
:where(html[data-theme="light"]) body:not([data-page="timer"]) .sh-my[aria-current]{border-color:color-mix(in srgb,var(--au-in) 45%,transparent);background:var(--au-glass-2)}
:where(html[data-theme="light"]) body:not([data-page="timer"]) .sh-my svg,:where(html[data-theme="light"]) body:not([data-page="timer"]) .sh-menu svg{stroke:currentColor}
@media (min-width:900px){:where(html[data-theme="light"]) body:not([data-page="timer"]) .sh-nav a{color:var(--au-muted);border-radius:999px}
:where(html[data-theme="light"]) body:not([data-page="timer"]) .sh-nav a:hover,:where(html[data-theme="light"]) body:not([data-page="timer"]) .sh-nav a[aria-current]{color:var(--au-fg);background:none}
:where(html[data-theme="light"]) body:not([data-page="timer"]) .site-header .sh-nav a.sh-lead{color:#fff}
}
@media (min-width:900px) and (max-width:1099px){:where(html[data-theme="light"]) body:not([data-page="timer"]) .sh-theme{--w:68px}
}
@media (min-width:1280px){:where(html[data-theme="light"]) body:not([data-page="timer"]) .sh-my svg{stroke:var(--au-in)}
}
html:where([data-theme="light"]):not(.is-app) body:not([data-page="timer"]) .site-header{--sh-full:56px;--sh-dy:0px;--sh-pad:16px}
html:where([data-theme="light"]):not(.is-app) body:not([data-page="timer"]) .site-header.is-stuck{background:var(--au-bar);box-shadow:0 1px 0 var(--au-line)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html:where([data-theme="light"]):not(.is-app) body:not([data-page="timer"]) .site-header.is-stuck{background:var(--au-bar-solid)}
}
html:where([data-theme="light"]):not(.is-app) body:not([data-page="timer"]) .site-header.is-hidden:not(:focus-within){box-shadow:none}
@media (min-width:900px){html:where([data-theme="light"]):not(.is-app) body:not([data-page="timer"]) .site-header{--sh-full:72px;--sh-dy:8px;--sh-pad:clamp(16px,2.4vw,36px)}
}
@media (min-width:1280px){html:where([data-theme="light"]):not(.is-app) body:not([data-page="timer"]) .site-header{--sh-full:76px;--sh-dy:10px}
}
html:where([data-theme="light"]).is-app .sh-app .sh-copy{background:none;border:0;border-radius:12px;color:rgba(74,106,148,0.45)}
html:where([data-theme="light"]).is-app .sh-app .sh-copy:hover{color:var(--muted)}
:where(html[data-theme="light"]) .menu-sheet{background:rgba(244,245,251,0.62)}
:where(html[data-theme="light"]) .ms-panel{background:var(--au-card-solid);border:1px solid var(--au-card-line);border-top:0;border-radius:0 0 26px 26px;box-shadow:0 30px 80px -20px rgba(28,38,84,0.256);color:var(--au-fg)}
@media (min-width:900px){:where(html[data-theme="light"]) .ms-panel{border:1px solid var(--au-card-line);border-radius:26px}
}
:where(html[data-theme="light"]) .ms-close{border-radius:12px;border:1px solid var(--au-line);background:var(--au-glass);color:var(--au-fg)}
:where(html[data-theme="light"]) .ms-close:hover{background:var(--au-glass-2)}
:where(html[data-theme="light"]) .ms-close svg{fill:none;stroke:currentColor}
:where(html[data-theme="light"]) .ms-h{color:var(--au-fg)}
:where(html[data-theme="light"]) .ms-goal{border-radius:22px;background:var(--au-glass);border:1px solid var(--au-card-line);color:var(--au-fg);text-decoration:none}
:where(html[data-theme="light"]) .ms-goal:hover{background:var(--au-glass-2)}
:where(html[data-theme="light"]) .ms-goal small{color:color-mix(in srgb,var(--au-fg) 70%,transparent)}
:where(html[data-theme="light"]) .ms-goal svg{fill:none;stroke:var(--gc,var(--au-fg))}
:where(html[data-theme="light"]) .ms-goal[data-mi="sleep"]{--gc:var(--au-hold)}
:where(html[data-theme="light"]) .ms-goal[data-mi="kak"]{--gc:var(--au-in)}
:where(html[data-theme="light"]) .ms-goal[data-mi="kursy"]{--gc:var(--au-out)}
:where(html[data-theme="light"]) .ms-goal.ms-sos{border-color:rgba(243,27,56,0.5);background:linear-gradient(160deg,rgba(243,27,56,0.2),rgba(18,28,64,0.027))}
:where(html[data-theme="light"]) .ms-goal.ms-sos:hover{background:linear-gradient(160deg,rgba(243,27,56,0.28),rgba(18,28,64,0.045))}
:where(html[data-theme="light"]) .ms-app{border-radius:20px;color:var(--au-fg);text-decoration:none;background:linear-gradient(120deg,rgba(24,164,243,0.18),rgba(111,33,243,0.14));border:1px solid rgba(24,164,243,0.35)}
:where(html[data-theme="light"]) .ms-app:hover{background:linear-gradient(120deg,rgba(24,164,243,0.26),rgba(111,33,243,0.2))}
:where(html[data-theme="light"]) .ms-app > svg{fill:none;stroke:var(--au-in)}
:where(html[data-theme="light"]) .ms-app small{color:color-mix(in srgb,var(--au-fg) 70%,transparent)}
:where(html[data-theme="light"]) .ms-app-btn{border-radius:999px;background:var(--au-accent);color:var(--au-on-accent)}
:where(html[data-theme="light"]) .ms-label{color:var(--au-dim)}
:where(html[data-theme="light"]) .ms-my a{border-radius:999px;background:var(--au-glass);border:1px solid var(--au-card-line);color:var(--au-fg);text-decoration:none}
:where(html[data-theme="light"]) .ms-my a:hover{background:var(--au-glass-2)}
:where(html[data-theme="light"]) .ms-my svg{fill:none;stroke:currentColor}
:where(html[data-theme="light"]) .ms-chips > a,:where(html[data-theme="light"]) .ms-all > summary{border-radius:999px;background:var(--au-glass);border:1px solid var(--au-line);color:var(--au-fg);text-decoration:none}
:where(html[data-theme="light"]) .ms-chips > a:hover{background:var(--au-glass-2);border-color:var(--au-in)}
:where(html[data-theme="light"]) .ms-all > summary{color:var(--au-accent)}
:where(html[data-theme="light"]) .ms-all > summary svg{fill:none;stroke:currentColor}
:where(html[data-theme="light"]) .ms-all > summary:hover{background:var(--au-glass-2)}
:where(html[data-theme="light"]) .ms-all[open] > summary{border-color:rgba(24,164,243,0.35);background:rgba(24,164,243,0.08)}
:where(html[data-theme="light"]) .ms-group{border-radius:20px;background:var(--au-glass);border:1px solid var(--au-card-line)}
:where(html[data-theme="light"]) .ms-group .ms-label::before{border-radius:50%;background:var(--dot);box-shadow:0 0 8px var(--dot)}
:where(html[data-theme="light"]) .ms-practice{--dot:var(--au-in)}
:where(html[data-theme="light"]) .ms-rest{--dot:var(--au-hold)}
:where(html[data-theme="light"]) .ms-know{--dot:var(--au-out)}
:where(html[data-theme="light"]) .ms-group a{border-top:1px solid var(--au-line);color:var(--au-fg);text-decoration:none}
:where(html[data-theme="light"]) .ms-group .ms-label + a{border-top:0}
:where(html[data-theme="light"]) .ms-group a::after{color:var(--au-dim)}
:where(html[data-theme="light"]) .ms-group a:hover{color:var(--au-accent)}
:where(html[data-theme="light"]) .ms-crs{border-radius:24px;color:var(--au-fg);text-decoration:none;background:linear-gradient(150deg,color-mix(in srgb,var(--c) 24%,transparent),rgba(24,164,243,0.08));border:1px solid color-mix(in srgb,var(--c) 45%,transparent)}
:where(html[data-theme="light"]) .ms-crs:hover{background:linear-gradient(150deg,color-mix(in srgb,var(--c) 32%,transparent),rgba(24,164,243,0.1))}
:where(html[data-theme="light"]) .ms-crs-k{color:color-mix(in srgb,var(--c) 55%,var(--au-fg))}
:where(html[data-theme="light"]) .ms-crs small{color:color-mix(in srgb,var(--au-fg) 78%,transparent)}
:where(html[data-theme="light"]) .ms-crs-play{border-radius:50%;background:var(--c);color:var(--au-on-accent)}
:where(html[data-theme="light"]) .ms-crs-play svg{fill:currentColor}
:where(html[data-theme="light"]) .ms-crs-bar > i{border-radius:99px;background:var(--au-glass-2)}
:where(html[data-theme="light"]) .ms-crs-bar > i > i{border-radius:inherit;background:var(--c)}
:where(html[data-theme="light"]) .ms-crs-done{border-radius:18px;border:1px solid var(--au-line);color:color-mix(in srgb,var(--au-fg) 78%,transparent);text-decoration:none}
:where(html[data-theme="light"]) .ms-crs-done:hover{background:var(--au-glass)}
:where(html[data-theme="light"]) .ms-crs-done i{border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}
:where(html[data-theme="light"]) .ms-crs-done b{color:var(--au-fg)}
:where(html[data-theme="light"]) .sos-blob{--c0:#ffe6ea;--c1:#ff8f9e;--c2:#ff3d6e;border-radius:58% 42% 55% 45%/48% 60% 40% 52%;background:radial-gradient(circle at 34% 30%,var(--c0) 0,var(--c1) 42%,var(--c2) 100%);box-shadow:inset -4px -5px 10px rgba(28,38,84,0.08),0 6px 18px -6px var(--c1)}
:where(html[data-theme="light"]) .sos-cardline{border-radius:20px;text-decoration:none !important;border:1px solid rgba(243,27,56,0.45);background:linear-gradient(140deg,rgba(243,27,56,0.16),rgba(241,243,250,0.6));color:var(--au-fg) !important}
:where(html[data-theme="light"]) .sos-cardline:hover{background:linear-gradient(140deg,rgba(243,27,56,0.24),rgba(241,243,250,0.6))}
:where(html[data-theme="light"]) .sos-cardline b{color:var(--au-fg)}
:where(html[data-theme="light"]) .sos-cardline small{color:var(--au-muted)}
:where(html[data-theme="light"]) .sos-cardline i.ar{color:var(--au-sos)}
:where(html[data-theme="light"]) .sos-cardline:focus-visible{outline:2px solid var(--au-sos)}
:where(html[data-theme="light"]) .sos-line{color:var(--muted)}
:where(html[data-theme="light"]) .sos-line a{color:var(--fg);text-decoration:underline;text-decoration-color:rgba(18,28,64,0.27)}
:where(html[data-theme="light"]) .sos-line a:hover{text-decoration-color:currentColor}
:where(html[data-theme="light"]) .crs-line{color:var(--muted)}
:where(html[data-theme="light"]) .crs-line::before{border-radius:50%;background:var(--c,#18a4f3);box-shadow:0 0 10px var(--c,#18a4f3)}
:where(html[data-theme="light"]) .crs-line a{color:var(--fg);text-decoration:underline;text-decoration-color:rgba(18,28,64,0.27)}
:where(html[data-theme="light"]) .crs-line a:hover{text-decoration-color:currentColor}
:where(html[data-theme="light"]) .site-footer{--sf-link:#1a2346;color:var(--fg)}
:where(html[data-theme="light"]) .site-footer::before{background:radial-gradient(closest-side,rgba(16,165,242,0.15),transparent) 22% 32%/46% 70% no-repeat, radial-gradient(closest-side,rgba(51,23,243,0.16),transparent) 50% 24%/46% 70% no-repeat, radial-gradient(closest-side,rgba(41,210,147,0.11),transparent) 78% 34%/46% 70% no-repeat}
:where(html[data-theme="light"]) .hn-group{border-radius:26px;background:var(--card);border:1px solid var(--card-line)}
:where(html[data-theme="light"]) .hn-group::before{background:radial-gradient(260px 120px at 20% 0%,color-mix(in srgb,var(--c1) 22%,transparent),transparent 75%)}
:where(html[data-theme="light"]) .hn-blob{border-radius:58% 42% 55% 45%/48% 60% 40% 52%;background:radial-gradient(circle at 34% 30%,var(--c0) 0,var(--c1) 42%,var(--c2) 100%);box-shadow:inset -4px -6px 12px rgba(28,38,84,0.08),0 8px 22px -8px var(--c1)}
:where(html[data-theme="light"]) .hn-label{color:var(--fg)}
:where(html[data-theme="light"]) .hn-label small{color:var(--muted)}
:where(html[data-theme="light"]) .hub-nav a{border-radius:14px;color:var(--sf-link);text-decoration:none}
:where(html[data-theme="light"]) .hub-nav a::before{border-radius:50%;background:var(--c1)}
:where(html[data-theme="light"]) .hub-nav a::after{color:var(--c1)}
:where(html[data-theme="light"]) .hub-nav a:hover,:where(html[data-theme="light"]) .hub-nav a:focus-visible{background:color-mix(in srgb,var(--c1) 13%,transparent);color:var(--fg)}
:where(html[data-theme="light"]) .hn-practice{--c0:#e3f8ff;--c1:#5ec8ff;--c2:#5a63ff;--dl:0s}
:where(html[data-theme="light"]) .hn-rest{--c0:#efe6ff;--c1:#8c7bff;--c2:#3a2aa8;--dl:-3s}
:where(html[data-theme="light"]) .hn-know{--c0:#e2fff3;--c1:#5fe0b0;--c2:#2b8cff;--dl:-6s}
:where(html[data-theme="light"]) .sf-brand{border-radius:28px;background:linear-gradient(120deg,rgba(16,165,242,0.12),rgba(51,23,243,0.1) 55%,rgba(41,210,147,0.08)),var(--card);border:1px solid var(--card-line)}
:where(html[data-theme="light"]) .sf-about p{color:var(--muted)}
:where(html[data-theme="light"]) .sf-go,:where(html[data-theme="light"]) .sf-crs{border-radius:999px;text-decoration:none}
:where(html[data-theme="light"]) .sf-go svg,:where(html[data-theme="light"]) .sf-crs svg{fill:none;stroke:currentColor}
:where(html[data-theme="light"]) .sf-go{background:var(--au-go);color:var(--on-accent);box-shadow:0 14px 40px -14px var(--au-go)}
:where(html[data-theme="light"]) .sf-go:hover{box-shadow:0 16px 46px -10px var(--au-go)}
:where(html[data-theme="light"]) .sf-crs{color:var(--fg);background:linear-gradient(120deg,color-mix(in srgb,var(--au-hold) 16%,transparent),color-mix(in srgb,var(--au-hold) 6%,transparent)),var(--glass);border:1px solid color-mix(in srgb,var(--au-hold) 34%,transparent)}
:where(html[data-theme="light"]) .sf-crs svg{color:var(--au-hold)}
:where(html[data-theme="light"]) .sf-crs:hover{border-color:color-mix(in srgb,var(--au-hold) 60%,transparent);background:color-mix(in srgb,var(--au-hold) 20%,transparent)}
:where(html[data-theme="light"]) .site-footer :focus-visible{outline:2px solid var(--au-go)}
:where(html[data-theme="light"]) .sf-legal{color:var(--dim)}
:where(html[data-theme="light"]) .sf-legal a{color:var(--muted);text-decoration:underline;text-decoration-color:rgba(18,28,64,0.162)}
:where(html[data-theme="light"]) .sf-legal a:hover{color:var(--fg)}
@media (max-width:560px){:where(html[data-theme="light"]) .sf-brand{border-radius:24px}
}
:where(html[data-theme="light"]) .cookie-bar{border-radius:16px;background:var(--au-card-solid);border:1px solid var(--au-card-line);box-shadow:0 -10px 40px -16px rgba(28,38,84,0.256);color:var(--au-muted)}
:where(html[data-theme="light"]) .cookie-bar a{color:var(--au-fg)}
:where(html[data-theme="light"]) .cookie-bar button{border-radius:999px;border:1px solid var(--au-line);background:var(--au-glass-2);color:var(--au-fg)}
:where(html[data-theme="light"]) .cookie-bar button:hover{background:rgba(18,28,64,0.162)}
@media (min-width:1000px){:where(html[data-theme="light"]) .cookie-bar{border-radius:18px}
}
:where(html[data-theme="light"]) .chat-dock,:where(html[data-theme="light"]) .chat-panel,:where(html[data-theme="light"]) .chat-ask{--c-aura:conic-gradient(from 200deg,#f31f90,#f3a816,#3ad289,#1879f3,#6f21f3,#f31f90);--c-ink:var(--au-ink);--c-solid:#f1f4fa;--c-fg:var(--au-fg);--c-muted:var(--au-muted);--c-dim:var(--au-dim);--c-line:var(--au-line);--c-glass:var(--au-glass);--c-glass-2:var(--au-glass-2);--c-accent:var(--au-accent);--c-go:var(--au-go);--c-card:var(--au-card);--c-card-line:var(--au-card-line);--c-display:var(--au-display);--c-body:var(--au-body);--c-pink:#f31b85;--c-on:#f2f5fb;--c-spring:cubic-bezier(.32,.72,0,1);--c-ease:cubic-bezier(.4,0,.2,1)}
@media (min-width:1000px){:where(html[data-theme="light"]) body:has(.page-article.has-timer) .chat-bubble{border-radius:20px 20px 20px 6px}
}
:where(html[data-theme="light"]) .chat-x{border-radius:50%;border:1px solid var(--c-line);background:var(--c-solid);color:var(--c-muted);box-shadow:0 4px 10px -4px rgba(28,38,84,0.192)}
:where(html[data-theme="light"]) .chat-x::before{border-radius:50%}
:where(html[data-theme="light"]) .chat-x:hover{color:var(--c-fg)}
:where(html[data-theme="light"]) .chat-x:focus-visible{outline:2px solid var(--c-accent)}
:where(html[data-theme="light"]) .chat-launch{border-radius:999px;background:rgba(241,243,250,0.78);border:1px solid var(--c-line);color:var(--c-fg);box-shadow:0 10px 30px -10px rgba(28,38,84,0.192)}
:where(html[data-theme="light"]) .chat-launch .cl-ph::before{border-radius:50%;background:var(--c-aura);filter:blur(13px)}
:where(html[data-theme="light"]) .chat-launch .cl-ph::after{border-radius:50%;background:var(--c-aura)}
:where(html[data-theme="light"]) .chat-ava{border-radius:50%;background:#eef1f8 url(/assets/img/chat/danil.jpg) center/cover;filter:grayscale(1) contrast(1.05);border:2px solid var(--c-ink)}
:where(html[data-theme="light"]) .chat-launch .cl-tx small{color:var(--c-muted)}
:where(html[data-theme="light"]) .chat-launch .cl-ai{border-radius:999px;background:var(--c-fg);color:var(--c-on);border:2px solid var(--c-ink)}
:where(html[data-theme="light"]) .chat-launch .cl-dot{border-radius:999px;background:var(--c-pink);color:var(--c-on);border:2px solid var(--c-ink)}
:where(html[data-theme="light"]) .chat-launch.is-orb{background-color:transparent;border-color:transparent;box-shadow:none}
:where(html[data-theme="light"]) .chat-launch.is-orb .chat-ava{border-width:3px}
:where(html[data-theme="light"]) .chat-launch:focus-visible{outline:2px solid var(--c-accent)}
:where(html[data-theme="light"]) .chat-bubble{border-radius:20px 20px 6px 20px;background:var(--c-fg);color:var(--c-on);box-shadow:0 14px 34px -12px rgba(28,38,84,0.24)}
:where(html[data-theme="light"]) .chat-bubble:focus-visible{outline:2px solid var(--c-accent)}
:where(html[data-theme="light"]) .chat-bubble .cb-from{color:#9199bb}
:where(html[data-theme="light"]) .chat-bubble .cb-x{border:0;background:none;border-radius:50%;color:#9199bb}
:where(html[data-theme="light"]) .cb-typing i,:where(html[data-theme="light"]) .chat-typing i{border-radius:50%;background:#65729e}
:where(html[data-theme="light"]) .chat-bubble .cb-reply button{border:0;border-radius:999px;background:#17203c;color:var(--c-on)}
:where(html[data-theme="light"]) .chat-bubble .cb-reply button:hover{background:#1c274b}
:where(html[data-theme="light"]) .chat-ask button{border-radius:999px;background:var(--c-glass);border:1px solid var(--c-line);color:var(--c-fg)}
:where(html[data-theme="light"]) .chat-ask button:hover{background:var(--c-glass-2)}
:where(html[data-theme="light"]) .chat-ask .ca-ph::before{border-radius:50%;background:var(--c-aura)}
:where(html[data-theme="light"]) .chat-ask b{color:var(--c-accent)}
:where(html[data-theme="light"]) .sh-theme{border-radius:999px;-webkit-tap-highlight-color:transparent;--w:78px;--k:30px;--pad:5px;--x:calc(var(--w) - var(--k) - var(--pad) * 2);box-shadow:inset 0 2px 6px rgba(8,16,48,.38),inset 0 -1px 0 rgba(255,255,255,.35),0 0 0 1px var(--au-line),0 6px 16px -10px rgba(8,16,48,.5)}
:where(html[data-theme="light"]) .sh-theme:focus-visible{outline:2px solid var(--au-accent)}
:where(html[data-theme="light"]) .sh-theme .tt-day{background:radial-gradient(circle at calc(var(--pad) + var(--k) / 2) 50%,transparent 0 19px,rgba(255,255,255,.2) 19px 26px,transparent 26px 32px,rgba(255,255,255,.13) 32px 40px,transparent 40px 47px,rgba(255,255,255,.08) 47px 56px,transparent 56px), linear-gradient(170deg,#3fa9f5 0%,#6fc6ff 55%,#a8e0ff 100%)}
:where(html[data-theme="light"]) .sh-theme .tt-night{background:radial-gradient(circle at calc(100% - var(--pad) - var(--k) / 2) 50%,transparent 0 19px,rgba(160,175,255,.12) 19px 26px,transparent 26px 32px,rgba(160,175,255,.08) 32px 40px,transparent 40px 47px,rgba(160,175,255,.05) 47px 56px,transparent 56px), linear-gradient(170deg,#060a18 0%,#121b3d 60%,#26305e 100%)}
:where(html[data-theme="light"]) .sh-theme .tt-knob{border-radius:50%}
:where(html[data-theme="light"]) .sh-theme .tt-sun,:where(html[data-theme="light"]) .sh-theme .tt-moon{border-radius:50%}
:where(html[data-theme="light"]) .sh-theme .tt-sun{background:radial-gradient(circle at 34% 30%,#fff3c4 0,#ffd14a 45%,#ffad1f 100%);box-shadow:0 0 0 3px rgba(255,255,255,.32),0 0 12px 2px rgba(255,236,170,.75),inset -2px -3px 4px rgba(214,120,0,.35)}
:where(html[data-theme="light"]) .sh-theme .tt-moon{background:radial-gradient(circle at 64% 30%,#a9b0d2 0 3.2px,transparent 3.8px),radial-gradient(circle at 36% 58%,#aab1d4 0 4.6px,transparent 5.2px), radial-gradient(circle at 70% 70%,#b3b9da 0 2.6px,transparent 3.2px),radial-gradient(circle at 34% 28%,#ffffff 0,#e4e8f8 50%,#c3c9e4 100%);box-shadow:0 0 0 3px rgba(200,208,255,.12),0 0 14px 1px rgba(170,185,255,.35),inset -2px -3px 4px rgba(80,90,140,.35)}
@media (max-width:899px){:where(html[data-theme="light"]) .sh-theme{--w:66px;--k:26px}
}
:where(html[data-theme="light"]) .vh-home::before{border-top:1px solid var(--line)}
:where(html[data-theme="light"]) .vh-home + .home-more{border-top:0}
:where(html[data-theme="light"]) .vh-k{color:var(--au-in)}
:where(html[data-theme="light"]) .vh-t{color:var(--fg)}
:where(html[data-theme="light"]) .prv .prv-box{border-radius:2.9%/5.5%;background:#060a18;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 34px 90px -36px rgba(0,0,0,.85),0 0 70px -24px rgba(94,200,255,.28)}
:where(html[data-theme="light"]) .prv video{background:#060a18}
:where(html[data-theme="light"]) .prv .prv-play{border:0;border-radius:50%;color:#f1f4ff;background:radial-gradient(closest-side,rgba(5,9,22,.5) 55%,rgba(5,9,22,.22) 100%);box-shadow:inset 1.5px 1.5px 0 -.5px rgba(255,255,255,.6),inset -1px -1px 0 -.5px rgba(255,255,255,.25),0 14px 40px -12px rgba(0,0,0,.7)}
:where(html[data-theme="light"]) .prv .prv-play::after{border-radius:50%;border:1.5px solid rgba(127,209,255,.55)}
:where(html[data-theme="light"]) .prv .prv-play svg{fill:currentColor;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}
:where(html[data-theme="light"]) .prv .prv-play:focus-visible{outline:2px solid #7fd1ff}
:where(html[data-theme="light"]) .prv .prv-dur{border-radius:99px;background:rgba(5,9,22,.6);color:#c7cfea}
:where(html[data-theme="light"]) .prv .prv-ctl{background:linear-gradient(transparent,rgba(3,5,12,.7))}
:where(html[data-theme="light"]) .prv .prv-b{border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(8,12,28,.72);color:#f1f4ff}
:where(html[data-theme="light"]) .prv .prv-b:hover{background:rgba(30,40,80,.85)}
:where(html[data-theme="light"]) .prv .prv-b:focus-visible,:where(html[data-theme="light"]) .prv .prv-bar:focus-visible{outline:2px solid #7fd1ff}
:where(html[data-theme="light"]) .prv .prv-b svg{fill:none;stroke:currentColor}
:where(html[data-theme="light"]) .prv .prv-b svg .f{fill:currentColor;stroke:none}
:where(html[data-theme="light"]) .prv .prv-bar::before{border-radius:4px;background:rgba(255,255,255,.18)}
:where(html[data-theme="light"]) .prv .prv-bar i{border-radius:4px;background:linear-gradient(90deg,#7fd1ff,#c8a8ff 60%,#9ee9c5)}
:where(html[data-theme="light"]) .prv .prv-time{color:#c7cfea}
:where(html[data-theme="light"]) .prv .prv-box:fullscreen{border-radius:0}
:where(html[data-theme="light"]) .vh-tr{border-radius:16px;background:var(--card);border:1px solid var(--card-line)}
:where(html[data-theme="light"]) .vh-tr summary{color:var(--fg)}
:where(html[data-theme="light"]) .vh-kd .prv .prv-box{border-radius:2.5%/4.6%}
:where(html[data-theme="light"]) .vh-ch button{border-radius:99px;border:1px solid var(--card-line);background:var(--card);color:var(--fg)}
:where(html[data-theme="light"]) .vh-ch button:hover{border-color:var(--au-in)}
:where(html[data-theme="light"]) .vh-ch button:focus-visible{outline:2px solid var(--au-in)}
:where(html[data-theme="light"]) .vh-ch button span{color:var(--muted)}
:where(html[data-theme="light"]) body[data-page="timer"]{--noise:var(--au-noise);--mood:var(--au-go);--phase:var(--au-in);--accent:var(--au-accent);--accent-soft:rgba(24,164,243,0.16);--accent-border:rgba(24,164,243,0.32);--bg-elev:var(--au-glass);--bg-elev-2:var(--au-glass-2);--border:var(--au-line);--gut:16px;--ease:var(--au-ease);--sheet-ease:var(--au-spring);--vh:calc(100svh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));color-scheme:dark;background:radial-gradient(1000px 800px at 50% 40%,var(--ink-2),var(--ink) 70%) no-repeat;background-color:var(--ink);color:var(--fg);-webkit-tap-highlight-color:transparent}
html:where([data-theme="light"]):has(body[data-page="timer"]){background:var(--au-ink)}
:where(html[data-theme="light"]) :where(body[data-page="timer"]) a{color:inherit}
:where(html[data-theme="light"]) :where(body[data-page="timer"]) button{color:inherit}
:where(html[data-theme="light"]) :where(body[data-page="timer"]) :focus-visible{outline:2px solid var(--mood);border-radius:10px}
:where(html[data-theme="light"]) svg.i,:where(html[data-theme="light"]) .fb svg,:where(html[data-theme="light"]) .go svg{fill:none;stroke:currentColor}
:where(html[data-theme="light"]) body[data-page="timer"] .sh-my,:where(html[data-theme="light"]) body[data-page="timer"] .sh-menu{border-radius:999px;background:var(--glass);border:1px solid var(--line);color:var(--fg)}
:where(html[data-theme="light"]) body[data-page="timer"] .sh-my svg,:where(html[data-theme="light"]) body[data-page="timer"] .sh-menu svg{stroke:currentColor}
html:where([data-theme="light"]).is-app body[data-page="timer"] .sh-copy{border:0;background:none;color:rgba(74,106,148,0.45)}
:where(html[data-theme="light"]) .sh-float{background:var(--au-bar);box-shadow:0 1px 0 var(--au-line)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:where(html[data-theme="light"]) .sh-float{background:var(--au-bar-solid)}
}
:where(html[data-theme="light"]) .np{border-radius:999px;background:linear-gradient(100deg,rgba(243,27,133,0.22),rgba(15,39,242,0.22));border:1px solid rgba(243,27,133,0.35)}
:where(html[data-theme="light"]) .np button{background:none;border:0}
:where(html[data-theme="light"]) .np .np-pp{border-radius:50%;background:rgba(18,28,64,0.108);color:var(--fg)}
:where(html[data-theme="light"]) .np .np-pp svg{fill:currentColor}
:where(html[data-theme="light"]) .np .np-stop{color:var(--muted)}
:where(html[data-theme="light"]) .np.paused{background:var(--glass);border-color:var(--line)}
:where(html[data-theme="light"]) .np.paused .np-pp{background:var(--noise);color:#f1f2fa}
:where(html[data-theme="light"]) .np.paused .np-txt{color:var(--muted)}
@media (hover:hover){:where(html[data-theme="light"]) .np:not(.paused):hover .np-pp{background:rgba(18,28,64,0.198)}
}
@media (hover:none){:where(html[data-theme="light"]) .np:not(.paused) .np-pp::after{border-radius:50%;border:1.5px solid var(--noise)}
}
:where(html[data-theme="light"]) .eq i{background:var(--noise);border-radius:2px}
:where(html[data-theme="light"]) .seg{border-radius:999px;background:var(--glass);border:1px solid var(--line)}
:where(html[data-theme="light"]) .seg .knob{border-radius:999px;background:var(--glass-2)}
:where(html[data-theme="light"]) .seg button{border:0;background:none;border-radius:999px;color:var(--muted)}
:where(html[data-theme="light"]) .seg button[aria-pressed="true"]{color:var(--fg)}
:where(html[data-theme="light"]) .nzb{border-radius:50%;border:0;background:conic-gradient(from 200deg,#f31f90,#f3a816,#3ad289,#1879f3,#6f21f3,#f31f90);color:#f1f3fa;box-shadow:0 6px 18px -8px #f31f90}
:where(html[data-theme="light"]) .chev{border:0;background:none;color:#1a3144}
:where(html[data-theme="light"]) .chev svg{fill:none;stroke:currentColor}
:where(html[data-theme="light"]) .cm{border-radius:20px;border:1px solid var(--card-line);background:var(--card)}
:where(html[data-theme="light"]) .cm[aria-current="true"]{border-color:color-mix(in srgb,var(--c1) 65%,transparent);background:rgba(239,241,249,0.78)}
:where(html[data-theme="light"]) .crs-ring circle{fill:none}
:where(html[data-theme="light"]) .crs-ring .r0{stroke:color-mix(in srgb,var(--c1) 26%,transparent)}
:where(html[data-theme="light"]) .crs-ring .r1{stroke:var(--c1)}
:where(html[data-theme="light"]) .crs-ring text{fill:var(--fg)}
:where(html[data-theme="light"]) .cm.crs{border-color:color-mix(in srgb,var(--c1) 55%,transparent);background:linear-gradient(150deg,color-mix(in srgb,var(--c1) 22%,transparent),rgba(241,243,250,0.72))}
:where(html[data-theme="light"]) .cm.crs .cm-sub{color:var(--c1)}
:where(html[data-theme="light"]) .cm.crs .cm-name{color:var(--fg)}
:where(html[data-theme="light"]) .item.crs .i-sub{color:var(--c1)}
:where(html[data-theme="light"]) .item.crs .i-name{color:var(--fg)}
:where(html[data-theme="light"]) .cm-sub{color:var(--dim)}
:where(html[data-theme="light"]) .cm-name{color:var(--muted)}
:where(html[data-theme="light"]) .cm[aria-current="true"] .cm-name{color:var(--fg)}
:where(html[data-theme="light"]) .cm[aria-current="true"] .cm-sub{color:var(--c1)}
:where(html[data-theme="light"]) .ic-o{border-radius:50%;border:1.5px solid var(--dim);color:var(--muted)}
:where(html[data-theme="light"]) .cm[aria-current="true"] .ic-o{border-color:var(--c1);color:var(--fg)}
:where(html[data-theme="light"]) .cm.noise{background:linear-gradient(140deg,rgba(243,27,133,0.16),rgba(15,39,242,0.16)),var(--card);border-color:rgba(243,27,133,0.3)}
:where(html[data-theme="light"]) .cm.noise .ic-o,:where(html[data-theme="light"]) .tool.noise .ic-o{border:0;background:conic-gradient(from 200deg,#f31f90,#f3a816,#3ad289,#1879f3,#6f21f3,#f31f90);color:#f1f3fa}
:where(html[data-theme="light"]) .cm.noise .cm-name{color:var(--fg)}
:where(html[data-theme="light"]) .blob{border-radius:58% 42% 55% 45%/48% 60% 40% 52%;background:radial-gradient(circle at 34% 30%,var(--c0) 0,var(--c1) 42%,var(--c2) 100%);box-shadow:inset -5px -7px 14px rgba(28,38,84,0.08),0 8px 22px -8px var(--c1)}
:where(html[data-theme="light"]) .blob.vz{border-radius:50%;background:none;box-shadow:0 6px 20px -8px var(--c1),0 0 14px -6px var(--c1)}
:where(html[data-theme="light"]) .blob.vz::after{border-radius:50%;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.5),rgba(255,255,255,.08) 45%,rgba(255,255,255,0) 70%)}
:where(html[data-theme="light"]) .program-banner{border-radius:16px;background:linear-gradient(100deg,rgba(16,165,242,0.14),rgba(51,23,243,0.12));border:1px solid rgba(24,164,243,0.3)}
:where(html[data-theme="light"]) .pb-sub{color:var(--muted)}
:where(html[data-theme="light"]) .pb-close{border-radius:50%;border:1px solid var(--line);background:var(--glass)}
:where(html[data-theme="light"]) .pb-warn{color:#f39c1a}
:where(html[data-theme="light"]) .ring circle{fill:none}
:where(html[data-theme="light"]) .ring .fill{filter:drop-shadow(0 0 3px currentColor)}
:where(html[data-theme="light"]) .ring .base{stroke:rgba(18,28,64,0.054)}
:where(html[data-theme="light"]) .head{border-radius:50%;background:#fff;box-shadow:0 0 0 4px var(--phase),0 0 18px 4px var(--phase)}
:where(html[data-theme="light"]) .lens{border-radius:50%;background:radial-gradient(closest-side,rgba(243,245,251,0.58) 52%,rgba(243,245,251,0.16) 100%);box-shadow:inset 1.5px 1.5px 0 -.5px rgba(18,28,64,0.495),inset -1px -1px 0 -.5px rgba(18,28,64,0.198),inset 0 0 22px rgba(18,28,64,0.054),0 20px 50px -20px rgba(28,38,84,0.192)}
:where(html[data-theme="light"]) .lens::after{border-radius:inherit;background:linear-gradient(135deg,rgba(18,28,64,0.234),rgba(18,28,64,0) 36%,rgba(18,28,64,0) 72%,rgba(18,28,64,0.072))}
:where(html[data-theme="light"]) .lens>*{text-shadow:0 1px 12px rgba(28,38,84,0.144)}
:where(html[data-theme="light"]) .l-label{color:var(--phase)}
:where(html[data-theme="light"]) .l-next{color:var(--muted)}
:where(html[data-theme="light"]) .seq span{border-radius:999px;background:var(--card);border:1px solid var(--card-line);color:var(--muted)}
:where(html[data-theme="light"]) .seq span i{border-radius:50%;background:var(--c)}
:where(html[data-theme="light"]) .seq span.on{background:var(--c);color:var(--on-accent);border-color:transparent}
:where(html[data-theme="light"]) .seq span.on i{background:var(--on-accent)}
:where(html[data-theme="light"]) .seq b{color:var(--dim)}
:where(html[data-theme="light"]) .status{border-radius:999px;background:var(--card);border:1px solid var(--card-line)}
:where(html[data-theme="light"]) .status #stTxt span{color:var(--muted)}
:where(html[data-theme="light"]) .status .bar{background:var(--mood)}
:where(html[data-theme="light"]) .plus{border-radius:999px;border:1px solid var(--line);background:var(--card)}
:where(html[data-theme="light"]) .plus.skip svg{fill:currentColor}
:where(html[data-theme="light"]) .card{background:var(--card);border:1px solid var(--card-line);border-radius:24px}
:where(html[data-theme="light"]) .c-val b small{color:var(--muted)}
:where(html[data-theme="light"]) .c-unit{border-radius:999px;border:1px solid var(--line);background:none;color:var(--muted)}
:where(html[data-theme="light"]) .c-unit svg{fill:none;stroke:currentColor}
:where(html[data-theme="light"]) .sum{border-radius:14px;border:1px solid var(--line);background:rgba(18,28,64,0.036)}
:where(html[data-theme="light"]) .sum small{color:var(--dim)}
:where(html[data-theme="light"]) .sum::after{border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted)}
:where(html[data-theme="light"]) .sum:active{background:rgba(18,28,64,0.081)}
:where(html[data-theme="light"]) .c-txt small{color:var(--dim)}
:where(html[data-theme="light"]) .c-hint{color:var(--muted)}
:where(html[data-theme="light"]) .ms{border-radius:14px;background:rgba(18,28,64,0.036);border:1px solid var(--line)}
:where(html[data-theme="light"]) .ms small{color:var(--c)}
:where(html[data-theme="light"]) .ms button{border-radius:10px;border:1px solid var(--line);background:var(--glass)}
:where(html[data-theme="light"]) .go{border:0;border-radius:999px;background:var(--mood);color:var(--on-accent);box-shadow:0 14px 40px -14px var(--mood)}
:where(html[data-theme="light"]) .go svg{fill:currentColor;stroke:none}
:where(html[data-theme="light"]) .go.ghost{background:var(--card);color:var(--fg);border:1px solid var(--line);box-shadow:none}
:where(html[data-theme="light"]) .gtick{border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--muted)}
:where(html[data-theme="light"]) .gtick svg{fill:none;stroke:currentColor}
:where(html[data-theme="light"]) .gtick[aria-pressed="false"]::after{background:currentColor;border-radius:2px}
:where(html[data-theme="light"]) .gtick[aria-pressed="true"]{color:var(--fg);border-color:color-mix(in srgb,var(--mood) 70%,transparent);box-shadow:0 0 18px -4px var(--mood)}
:where(html[data-theme="light"]) .fb{background:none;border:0;color:var(--muted)}
:where(html[data-theme="light"]) .fb .o{border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--muted)}
:where(html[data-theme="light"]) .fb[aria-pressed="true"] .o{color:var(--fg);border-color:rgba(18,28,64,0.27)}
:where(html[data-theme="light"]) .fb.tg[aria-pressed="false"] .o::after{background:currentColor;border-radius:2px}
:where(html[data-theme="light"]) .fb.big{color:var(--fg)}
:where(html[data-theme="light"]) .fb.big .o{border:0;background:var(--mood);color:var(--on-accent);box-shadow:0 14px 40px -12px var(--mood)}
:where(html[data-theme="light"]) .fb.big svg{fill:currentColor;stroke:none}
:where(html[data-theme="light"]) .keys{color:var(--dim)}
:where(html[data-theme="light"]) .safe{color:var(--dim)}
:where(html[data-theme="light"]) .safe a{color:var(--muted);text-decoration:underline;text-decoration-color:rgba(18,28,64,0.225)}
:where(html[data-theme="light"]) body.prep .safe,:where(html[data-theme="light"]) body.prep .safe a{color:var(--fg)}
:where(html[data-theme="light"]) .safe-tip{border-radius:10px;background:rgba(241,243,250,0.55);border:1px solid rgba(18,28,64,0.054);color:var(--dim)}
:where(html[data-theme="light"]) .safe-tip a{color:var(--dim);text-decoration:underline;text-decoration-color:rgba(18,28,64,0.135)}
:where(html[data-theme="light"]) .down{border-radius:50%;color:var(--dim);text-decoration:none !important}
:where(html[data-theme="light"]) .p-head p{color:var(--muted)}
:where(html[data-theme="light"]) .p-close{border-radius:50%;border:1px solid var(--line);background:var(--glass)}
:where(html[data-theme="light"]) .s-hint{color:var(--muted)}
:where(html[data-theme="light"]) .s-hint b{color:var(--fg)}
:where(html[data-theme="light"]) .tabs{border-radius:12px;background:rgba(18,28,64,0.045);border:1px solid var(--line)}
:where(html[data-theme="light"]) .tabs button{border:0;background:none;border-radius:9px;color:var(--muted)}
:where(html[data-theme="light"]) .tabs button[aria-pressed="true"]{background:var(--glass-2);color:var(--fg)}
:where(html[data-theme="light"]) .st-btn{border-radius:15px;border:1px solid var(--line);background:var(--glass)}
:where(html[data-theme="light"]) .st-btn:active{background:var(--glass-2)}
:where(html[data-theme="light"]) .st-val small{color:var(--muted)}
:where(html[data-theme="light"]) .st-val em{color:var(--muted)}
:where(html[data-theme="light"]) .q{border-radius:12px;border:1px solid var(--line);background:none;color:var(--muted)}
:where(html[data-theme="light"]) .q[aria-pressed="true"]{background:var(--fg);color:#f1f3fa;border-color:transparent}
:where(html[data-theme="light"]) .result{color:var(--muted)}
:where(html[data-theme="light"]) .result b{color:var(--fg)}
:where(html[data-theme="light"]) .cc{border-radius:14px;background:rgba(18,28,64,0.036);border:1px solid var(--line)}
:where(html[data-theme="light"]) .cc .cn{color:var(--c)}
:where(html[data-theme="light"]) .cc .cu{color:var(--muted)}
:where(html[data-theme="light"]) .cc .cb button{border-radius:11px;border:1px solid var(--line);background:var(--glass)}
:where(html[data-theme="light"]) .tb{border-radius:14px;border:1px solid var(--line);background:rgba(18,28,64,0.027);color:var(--muted)}
:where(html[data-theme="light"]) .tb svg{fill:none;stroke:currentColor}
:where(html[data-theme="light"]) .tb[aria-pressed="true"]{color:var(--fg);background:rgba(18,28,64,0.081);border-color:color-mix(in srgb,var(--mood) 60%,transparent)}
:where(html[data-theme="light"]) .tb[aria-pressed="true"] svg{color:var(--mood)}
:where(html[data-theme="light"]) .tb-one{border-radius:14px;border:1px solid var(--line);background:rgba(18,28,64,0.027)}
:where(html[data-theme="light"]) .tb-one small{color:var(--muted)}
:where(html[data-theme="light"]) .tb-one .tb-inline{color:var(--mood)}
:where(html[data-theme="light"]) .tb-one svg{fill:none;stroke:currentColor}
:where(html[data-theme="light"]) .vol svg{fill:none;stroke:var(--muted)}
:where(html[data-theme="light"]) .chip-tg{border-radius:12px;border:1px solid var(--line);background:none;color:var(--muted)}
:where(html[data-theme="light"]) .chip-tg i{border-radius:50%;border:1.5px solid var(--dim)}
:where(html[data-theme="light"]) .chip-tg[aria-pressed="true"]{color:var(--fg);border-color:rgba(18,28,64,0.198);background:rgba(18,28,64,0.054)}
:where(html[data-theme="light"]) .chip-tg[aria-pressed="true"] i{background:var(--mood);border-color:var(--mood);box-shadow:0 0 8px var(--mood)}
:where(html[data-theme="light"]) .ck{border-radius:16px;background:var(--card-solid);border:1px solid var(--card-line);color:var(--muted)}
:where(html[data-theme="light"]) .ck a{color:var(--fg);text-decoration:underline;text-decoration-color:rgba(18,28,64,0.27)}
:where(html[data-theme="light"]) .ck button{border-radius:12px;border:0;background:var(--fg);color:#f1f3fa}
:where(html[data-theme="light"]) #tChime svg{fill:currentColor}
:where(html[data-theme="light"]) .toggle{border-radius:14px;border:1px solid var(--line);background:rgba(18,28,64,0.027)}
:where(html[data-theme="light"]) .toggle small{color:var(--muted)}
:where(html[data-theme="light"]) .toggle i{border-radius:999px;background:rgba(18,28,64,0.126)}
:where(html[data-theme="light"]) .toggle i::after{border-radius:50%;background:#fff}
:where(html[data-theme="light"]) .toggle[aria-pressed="true"] i{background:var(--mood)}
:where(html[data-theme="light"]) .note{color:var(--muted);border-radius:12px;background:rgba(18,28,64,0.036)}
:where(html[data-theme="light"]) .tip{border-radius:14px;background:linear-gradient(100deg,rgba(243,27,133,0.14),rgba(15,39,242,0.14));border:1px solid rgba(243,27,133,0.28)}
:where(html[data-theme="light"]) .tip svg{fill:none;stroke:var(--noise)}
:where(html[data-theme="light"]) .linkb{background:none;border:0;color:var(--mood)}
:where(html[data-theme="light"]) .panel input[type=range],:where(html[data-theme="light"]) .card input[type=range]{background:none;--p:50%;--rc:var(--mood)}
:where(html[data-theme="light"]) .panel input[type=range]::-webkit-slider-runnable-track{border-radius:3px;background:linear-gradient(90deg,var(--rc) var(--p),rgba(18,28,64,0.126) var(--p))}
:where(html[data-theme="light"]) .panel input[type=range]::-webkit-slider-thumb{border-radius:50%;background:#fff;border:0;box-shadow:0 2px 10px rgba(28,38,84,0.144)}
:where(html[data-theme="light"]) .panel input[type=range]::-moz-range-track{border-radius:3px;background:rgba(18,28,64,0.126)}
:where(html[data-theme="light"]) .panel input[type=range]::-moz-range-progress{border-radius:3px;background:var(--rc)}
:where(html[data-theme="light"]) .panel input[type=range]::-moz-range-thumb{border-radius:50%;background:#fff;border:0;box-shadow:0 2px 10px rgba(28,38,84,0.144)}
:where(html[data-theme="light"]) .acc{border-radius:16px;border:1px solid var(--line);background:rgba(18,28,64,0.027)}
:where(html[data-theme="light"]) .acc > summary{border-radius:16px}
:where(html[data-theme="light"]) .acc > summary::after{border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted)}
:where(html[data-theme="light"]) .bg-chip{border-radius:14px;border:1px solid var(--line);background:rgba(18,28,64,0.027);color:var(--muted)}
:where(html[data-theme="light"]) .bg-chip svg{fill:none;stroke:currentColor}
:where(html[data-theme="light"]) .bg-chip[aria-pressed="true"]{color:var(--fg);background:rgba(18,28,64,0.09);border-color:rgba(18,28,64,0.27)}
:where(html[data-theme="light"]) .bg-chip[aria-pressed="true"] svg{color:var(--noise)}
:where(html[data-theme="light"]) .mix-row{border-radius:14px;background:rgba(18,28,64,0.054);border:1px solid color-mix(in srgb,var(--c) 35%,transparent)}
:where(html[data-theme="light"]) .mix-row svg{fill:none;stroke:var(--c)}
:where(html[data-theme="light"]) .mix-row input{--rc:var(--c)}
:where(html[data-theme="light"]) .mix-x{border-radius:12px;border:0;background:none;color:var(--muted)}
@supports not selector(::-webkit-scrollbar){:where(html[data-theme="light"]) .tabs.cat{scrollbar-color:rgba(18,28,64,0.252) transparent}
}
:where(html[data-theme="light"]) .tabs.cat::-webkit-scrollbar-track{background:transparent}
:where(html[data-theme="light"]) .tabs.cat::-webkit-scrollbar-thumb{background:rgba(18,28,64,0.252);border-radius:4px}
:where(html[data-theme="light"]) .tabs.cat::-webkit-scrollbar-thumb:hover{background:rgba(18,28,64,0.405)}
:where(html[data-theme="light"]) .tabs.cat i{border-radius:9px;background:var(--noise);color:#f1f3fa}
:where(html[data-theme="light"]) .cat-it{border-radius:16px;border:1px solid var(--line);background:rgba(18,28,64,0.027);color:var(--muted)}
:where(html[data-theme="light"]) .cat-it svg{fill:none;stroke:currentColor}
:where(html[data-theme="light"]) .cat-it small{color:var(--dim)}
:where(html[data-theme="light"]) .cat-it[aria-pressed="true"]{color:var(--fg);background:rgba(18,28,64,0.081);border-color:color-mix(in srgb,var(--c) 55%,transparent)}
:where(html[data-theme="light"]) .cat-it[aria-pressed="true"] svg{color:var(--c);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--c) 60%,transparent))}
:where(html[data-theme="light"]) .cat-note{color:var(--muted)}
:where(html[data-theme="light"]) .dark-screen{background:#000}
:where(html[data-theme="light"]) .dark-screen .ds-hint{border-radius:999px;border:1px solid #f0f2f7;color:#5c6791}
:where(html[data-theme="light"]) .dark-screen.dim .ds-hint{color:#a9afc7;border-color:#f1f3f8}
:where(html[data-theme="light"]) .dark-screen .ds-hint svg{fill:none;stroke:currentColor}
:where(html[data-theme="light"]) .scrim{background:rgba(244,245,251,0.55)}
:where(html[data-theme="light"]) .sheet{background:var(--card-solid);border:1px solid var(--card-line);border-bottom:0;border-radius:26px 26px 0 0;box-shadow:0 -30px 80px -20px rgba(28,38,84,0.24);color:var(--fg)}
:where(html[data-theme="light"]) .grab i{border-radius:3px;background:rgba(18,28,64,0.198)}
:where(html[data-theme="light"]) .confirm-back{background:rgba(244,245,251,0.62)}
:where(html[data-theme="light"]) .confirm-card{border-radius:24px;background:var(--card-solid);border:1px solid var(--card-line);box-shadow:0 30px 80px -20px rgba(28,38,84,0.256)}
:where(html[data-theme="light"]) .rc-text{color:var(--muted)}
:where(html[data-theme="light"]) .ar-kicker{color:var(--mood)}
:where(html[data-theme="light"]) .ar-warn{border-radius:12px;background:rgba(240,148,13,0.1);border:1px solid rgba(240,148,13,0.25);color:#f39c1a}
:where(html[data-theme="light"]) .confirm-card .primary{border:0;border-radius:999px;background:var(--mood);color:var(--on-accent)}
:where(html[data-theme="light"]) .rc-reset,:where(html[data-theme="light"]) .ar-setup{border-radius:999px;border:1px solid var(--line);background:var(--glass)}
:where(html[data-theme="light"]) .ar-back{color:var(--muted);text-decoration:none}
:where(html[data-theme="light"]) .home-more{border-top:1px solid var(--line)}
:where(html[data-theme="light"]) .hm-label{color:var(--dim)}
:where(html[data-theme="light"]) .hm-grid a{border-radius:16px;background:var(--card);border:1px solid var(--card-line);text-decoration:none}
:where(html[data-theme="light"]) .hm-grid a:hover{background:rgba(18,28,64,0.063)}
:where(html[data-theme="light"]) .hm-grid svg{fill:none}
:where(html[data-theme="light"]) .seo-home{color:var(--muted)}
:where(html[data-theme="light"]) .seo-home h1{color:var(--fg)}
:where(html[data-theme="light"]) .seo-home h2{color:var(--fg)}
:where(html[data-theme="light"]) .seo-home strong{color:var(--fg)}
:where(html[data-theme="light"]) .seo-home a{color:var(--fg);text-decoration-color:rgba(18,28,64,0.27)}
@media (min-width:700px) and (min-height:860px){:where(html[data-theme="light"]) body[data-page="timer"]{--gut:28px}
:where(html[data-theme="light"]) .slot .panel{background:var(--card);border:1px solid var(--card-line);border-radius:26px}
}
@media (min-width:900px) and (orientation:landscape) and (min-height:600px){:where(html[data-theme="light"]) body[data-page="timer"]{--gut:24px}
:where(html[data-theme="light"]) .slot .panel{background:var(--card);border:1px solid var(--card-line);border-radius:24px}
:where(html[data-theme="light"]) .lbl{color:var(--dim)}
:where(html[data-theme="light"]) .item button{background:none;border:0;border-radius:16px}
:where(html[data-theme="light"]) .item button:hover{background:rgba(18,28,64,0.036)}
:where(html[data-theme="light"]) .i-sub{color:var(--dim)}
:where(html[data-theme="light"]) .i-name{color:var(--muted)}
:where(html[data-theme="light"]) .item[aria-current="true"] .i-name{color:var(--fg)}
:where(html[data-theme="light"]) .item[aria-current="true"] .i-sub{color:var(--mood)}
:where(html[data-theme="light"]) .tool[aria-current="true"] .ic-o{border-color:var(--mood);color:var(--fg)}
:where(html[data-theme="light"]) .tool.noise .i-name{color:var(--fg)}
:where(html[data-theme="light"]) .sheet{border-radius:26px 0 0 26px;border:1px solid var(--card-line);border-right:0}
}
@media (min-width:1000px) and (orientation:landscape) and (min-height:600px){:where(html[data-theme="light"]) body[data-page="timer"] .sh-nav a{color:var(--muted)}
}
@media (min-width:1181px) and (orientation:landscape) and (min-height:600px){:where(html[data-theme="light"]) body[data-page="timer"]{--gut:clamp(16px,2.4vw,36px);--d:clamp(260px,calc(100svh - 330px),470px)}
:where(html[data-theme="light"]) body.focus[data-page="timer"]{--d:clamp(260px,calc(100svh - 300px),680px)}
:where(html[data-theme="light"]) body[data-page="timer"] .sh-nav a:hover{color:var(--fg);background:none}
:where(html[data-theme="light"]) .item button{border-radius:18px}
:where(html[data-theme="light"]) .slot .panel{border-radius:26px}
:where(html[data-theme="light"]) .ck{border-radius:18px;box-shadow:0 20px 50px -18px rgba(28,38,84,0.224)}
}
:where(html[data-theme="light"]) .seq small.w{color:inherit}
:where(html[data-theme="light"]) .seq .tp{border-radius:999px;background:var(--card);border:1px solid var(--card-line);color:var(--muted)}
:where(html[data-theme="light"]) .seq .tp i{border-radius:50%;background:var(--c)}
:where(html[data-theme="light"]) .seq .tp .tcar{fill:none;stroke:currentColor}
@media (hover:hover){:where(html[data-theme="light"]) .seq .tp:hover{color:var(--fg);border-color:color-mix(in srgb,var(--c) 45%,transparent)}
}
:where(html[data-theme="light"]) .seq .tp-open{border-radius:999px;background:color-mix(in srgb,var(--c) 14%,var(--card));border:1px solid color-mix(in srgb,var(--c) 60%,transparent);color:var(--fg)}
:where(html[data-theme="light"]) .seq .tp-open i{border-radius:50%;background:var(--c)}
:where(html[data-theme="light"]) .seq .tp-open .tw{color:var(--muted)}
:where(html[data-theme="light"]) .tst{border-radius:50%;border:0;background:rgba(18,28,64,0.081);color:var(--fg)}
:where(html[data-theme="light"]) .tst svg{fill:none;stroke:currentColor}
:where(html[data-theme="light"]) .tst:active{background:rgba(18,28,64,0.162)}
@media (hover:hover){:where(html[data-theme="light"]) .tst:hover{background:rgba(18,28,64,0.144)}
}
:where(html[data-theme="light"]) .seq .tlock{border-radius:50%;border:1px solid var(--card-line);background:var(--card);color:var(--dim)}
:where(html[data-theme="light"]) .seq .tlock.on{color:#3ad289;border-color:rgba(58,210,137,0.4)}
:where(html[data-theme="light"]) .seq .tlock svg{fill:none;stroke:currentColor}
:where(html[data-theme="light"]) .seq.slim .tp,:where(html[data-theme="light"]) .seq.slim>span:not(.tp-open){border-color:color-mix(in srgb,var(--c) 45%,transparent)}
:where(html[data-theme="light"]) .mini{border-radius:20px;background:var(--card);border:1px solid var(--card-line)}
:where(html[data-theme="light"]) .mini>small{color:var(--dim)}
:where(html[data-theme="light"]) .mini b small{color:var(--muted)}
:where(html[data-theme="light"]) .card.bare{background:none;border:0}
:where(html[data-theme="light"]) .pill{border-radius:999px;border:1px solid var(--line);background:none;color:var(--muted)}
:where(html[data-theme="light"]) .pill svg{fill:none;stroke:currentColor}
@media (hover:hover){:where(html[data-theme="light"]) .pill:hover{color:var(--fg);border-color:rgba(18,28,64,0.198)}
}
:where(html[data-theme="light"]) .cm.myr .star{fill:var(--c1);stroke:none}
:where(html[data-theme="light"]) .cm.myr-all{border-style:dashed;text-decoration:none;color:inherit}
:where(html[data-theme="light"]) .cm.myr-all .cm-name{color:var(--fg)}
:where(html[data-theme="light"]) .pill.pstar svg{fill:none}
:where(html[data-theme="light"]) .pill.pstar.on{color:#f2fbf8;background:var(--mood);border-color:transparent}
:where(html[data-theme="light"]) .pill.pstar.on svg{fill:currentColor}
:where(html[data-theme="light"]) .my-sec .s-name .star{fill:var(--mood);stroke:none}
:where(html[data-theme="light"]) .my-ed label{color:var(--muted)}
:where(html[data-theme="light"]) .my-ed input{border-radius:12px;border:1px solid var(--line);background:rgba(18,28,64,0.045);color:var(--fg)}
:where(html[data-theme="light"]) .my-ed input:focus{outline:none;border-color:color-mix(in srgb,var(--mood) 70%,transparent)}
:where(html[data-theme="light"]) .my-ed .my-del{color:#f31f1f}
:where(html[data-theme="light"]) .my-save{border-radius:14px;border:1px dashed color-mix(in srgb,var(--mood) 55%,transparent);background:color-mix(in srgb,var(--mood) 8%,transparent);color:var(--fg)}
:where(html[data-theme="light"]) .my-save .star{fill:none;stroke:var(--mood)}
:where(html[data-theme="light"]) .my-save small{color:var(--muted)}
:where(html[data-theme="light"]) .mx-save{border-radius:999px;border:1px solid color-mix(in srgb,var(--noise) 50%,transparent);background:none;color:var(--noise)}
:where(html[data-theme="light"]) .mx-save .star{fill:none;stroke:currentColor}
:where(html[data-theme="light"]) .mx-save.on{background:color-mix(in srgb,var(--noise) 16%,transparent)}
:where(html[data-theme="light"]) .mx-save.on .star{fill:currentColor}
:where(html[data-theme="light"]) .cat-lbl{color:var(--dim)}
:where(html[data-theme="light"]) .cat-lbl .star{fill:var(--noise);stroke:none}
:where(html[data-theme="light"]) .cat-it.mymix{border-color:color-mix(in srgb,var(--noise) 30%,transparent);background:color-mix(in srgb,var(--noise) 6%,transparent)}
:where(html[data-theme="light"]) .ar-save{color:var(--mood);border-color:color-mix(in srgb,var(--mood) 45%,transparent)}
:where(html[data-theme="light"]) .ar-save .star{fill:none;stroke:currentColor}
:where(html[data-theme="light"]) .ar-save:disabled{border-style:dashed}
:where(html[data-theme="light"]) .htoast{border-radius:16px;background:rgba(240,242,250,0.96);border:1px solid var(--line);box-shadow:0 14px 40px rgba(28,38,84,0.144);color:var(--fg)}
:where(html[data-theme="light"]) .htoast button{background:none;border:0;color:var(--mood)}
:where(html[data-theme="light"]) .mx-grp button{border-radius:999px;border:1px solid var(--line);background:rgba(18,28,64,0.027);color:var(--muted)}
:where(html[data-theme="light"]) .mx-grp button[aria-pressed="true"]{color:var(--fg);border-color:color-mix(in srgb,var(--noise) 60%,transparent);background:color-mix(in srgb,var(--noise) 16%,transparent)}
:where(html[data-theme="light"]) .mx-share .shr{fill:none;stroke:currentColor}
:where(html[data-theme="light"]) .b478{border-radius:999px;border:1px solid color-mix(in srgb,var(--noise) 45%,var(--line));background:var(--card);color:var(--fg)}
:where(html[data-theme="light"]) .b478 svg{fill:none;stroke:var(--noise)}
:where(html[data-theme="light"]) .b478 small{color:var(--muted)}
:where(html[data-theme="light"]) .hold-overlay{background:#f5f6fc;color:var(--fg);outline:none;-webkit-tap-highlight-color:transparent}
:where(html[data-theme="light"]) .eyd::before{border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,#22d5be 55%,transparent),color-mix(in srgb,#22d5be 14%,transparent) 55%,transparent)}
:where(html[data-theme="light"]) .eyd b{border-radius:50%;background:#131c31;box-shadow:0 0 2px 1px rgba(19,28,49,0.6)}
:where(html[data-theme="light"]) .eyv button{border-radius:16px;border:1px solid var(--line);background:var(--card);color:var(--muted)}
:where(html[data-theme="light"]) .eyv small{color:var(--dim)}
:where(html[data-theme="light"]) .eyv button[aria-pressed="true"]{color:var(--fg);border-color:color-mix(in srgb,var(--mood) 70%,transparent);background:color-mix(in srgb,var(--mood) 14%,var(--card));box-shadow:0 0 22px -8px var(--mood)}
:where(html[data-theme="light"]) .eyv button[aria-pressed="true"] small{color:var(--mood)}
@media (hover:hover){:where(html[data-theme="light"]) .eyv button:hover{color:var(--fg)}
}
:where(html[data-theme="light"]) .eyask-ch .q{background:var(--card)}
:where(html[data-theme="light"]) .eyask-ch .q[aria-pressed="true"],:where(html[data-theme="light"]) .eyask-ch .q.active{background:var(--mood);color:var(--on-accent);border-color:transparent}
:where(html[data-theme="light"]) .eyask-n{color:var(--muted)}
:where(html[data-theme="light"]) .rm-note a,:where(html[data-theme="light"]) .rm-pomo{color:var(--fg);text-decoration:underline}
:where(html[data-theme="light"]) .rm-pomo{background:none;border:0}
:where(html[data-theme="light"]) .pill.pvoice:not(.on)::after{background:currentColor;border-radius:2px}
:where(html[data-theme="light"]) .pill.pvoice.on{color:var(--fg);border-color:color-mix(in srgb,var(--mood) 55%,transparent)}
:where(html[data-theme="light"]) .pill.p-remind.on{color:var(--fg);border-color:color-mix(in srgb,var(--mood) 55%,transparent)}
:where(html[data-theme="light"]) .pill.p-remind.on svg{color:var(--mood)}
:where(html[data-theme="light"]) .pill.p-remind.fired{color:#f3a816;border-color:color-mix(in srgb,#f3a816 60%,transparent)}
:where(html[data-theme="light"]) .gtick.eproj{color:#f0cb0d;border-color:color-mix(in srgb,#f0cb0d 45%,transparent)}
:where(html[data-theme="light"]) .eyo button{border-radius:14px;border:1px solid var(--line);background:rgba(18,28,64,0.027);color:var(--fg)}
:where(html[data-theme="light"]) .eyo small{color:var(--muted)}
:where(html[data-theme="light"]) .eyo i{border-radius:50%;border:1.6px solid var(--line)}
:where(html[data-theme="light"]) .eyo button[aria-pressed="true"]{border-color:color-mix(in srgb,var(--mood) 60%,transparent);background:color-mix(in srgb,var(--mood) 10%,transparent)}
:where(html[data-theme="light"]) .eyo button[aria-pressed="true"] i{border-color:var(--mood);background:radial-gradient(circle,var(--mood) 0 4px,transparent 5px)}
:where(html[data-theme="light"]) .eyl li{color:var(--muted)}
:where(html[data-theme="light"]) .eyl li i{border-radius:50%;background:var(--c)}
:where(html[data-theme="light"]) .eyl li span{color:var(--fg)}
:where(html[data-theme="light"]) .eyl li span::before{color:var(--dim)}
:where(html[data-theme="light"]) .eyl li small{color:var(--dim)}
:where(html[data-theme="light"]) .rq .q.active{background:var(--fg);color:#f1f3fa;border-color:transparent}
:where(html[data-theme="light"]) .plus.eyb{color:var(--fg);border-color:color-mix(in srgb,#22d5be 55%,transparent);box-shadow:0 0 18px -6px #22d5be}
:where(html[data-theme="light"]) .plus.eyb svg{fill:none;stroke:#22d5be}
:where(html[data-theme="light"]) .nv-r-nauka{--rc:var(--au-in)}
:where(html[data-theme="light"]) .nv-r-trend{--rc:var(--au-warn)}
:where(html[data-theme="light"]) .nv-r-sajt{--rc:var(--au-out)}
:where(html[data-theme="light"]) .nv-r-data{--rc:var(--au-noise)}
:where(html[data-theme="light"]) .nv-dot{border-radius:50%;background:var(--rc,var(--au-in));box-shadow:0 0 10px var(--rc,var(--au-in))}
:where(html[data-theme="light"]) .nv-meta{color:var(--muted)}
:where(html[data-theme="light"]) .nv-ev{border-radius:999px;border:1px solid var(--line);color:var(--muted)}
:where(html[data-theme="light"]) .nv-ev::before{border-radius:50%;background:var(--ec,var(--au-warn))}
:where(html[data-theme="light"]) .nv-ev.is-nadezhno{--ec:var(--au-ok)}
:where(html[data-theme="light"]) .nv-ev.is-ostorozhno{--ec:var(--au-warn)}
:where(html[data-theme="light"]) .home-news{border-top:1px solid var(--line)}
:where(html[data-theme="light"]) .vh-home + .home-news{border-top:0}
:where(html[data-theme="light"]) .hn-all{color:var(--accent);text-decoration:none}
:where(html[data-theme="light"]) .hn-all:hover{text-decoration:underline}
:where(html[data-theme="light"]) .hn-main{border-radius:20px;text-decoration:none;color:var(--fg);background:radial-gradient(300px 180px at 100% 0%,color-mix(in srgb,var(--rc) 16%,transparent),transparent 70%),var(--card);border:1px solid var(--card-line)}
:where(html[data-theme="light"]) .hn-main:hover{background:radial-gradient(300px 180px at 100% 0%,color-mix(in srgb,var(--rc) 22%,transparent),transparent 70%),rgba(18,28,64,0.063)}
:where(html[data-theme="light"]) .hn-d{color:var(--muted)}
:where(html[data-theme="light"]) .hn-go{color:var(--accent)}
:where(html[data-theme="light"]) .hn-list{border-radius:20px;background:var(--card);border:1px solid var(--card-line)}
:where(html[data-theme="light"]) .hn-row{text-decoration:none;color:var(--fg)}
:where(html[data-theme="light"]) .hn-row + .hn-row{border-top:1px solid var(--line)}
:where(html[data-theme="light"]) .hn-row:hover .hn-t{text-decoration:underline}
:where(html[data-theme="light"]) .hvh-label{color:var(--au-in)}
:where(html[data-theme="light"]) .hvh-t{color:var(--fg)}
:where(html[data-theme="light"]) .hvh-t em{background:linear-gradient(100deg,var(--au-in),var(--au-hold) 50%,var(--au-out));background-size:200% 100%;background-clip:text;color:transparent}
:where(html[data-theme="light"]) .hvh-sub{color:var(--muted)}
:where(html[data-theme="light"]) .hv-tl{border-radius:22px;text-decoration:none;color:#f1f4ff;background:#0b1430;box-shadow:0 20px 50px -30px rgba(0,0,0,.9)}
:where(html[data-theme="light"]) .hv-tl::before{border-radius:inherit;background:radial-gradient(260px 260px at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--c) 90%,#fff),transparent 60%),linear-gradient(rgba(255,255,255,.09),rgba(255,255,255,.09))}
:where(html[data-theme="light"]) .hv-tl::after{background:linear-gradient(180deg,rgba(6,10,24,0) 30%,rgba(6,10,24,.55) 62%,rgba(6,10,24,.94)),radial-gradient(400px 300px at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--c) 18%,transparent),transparent 70%)}
:where(html[data-theme="light"]) .hv-k{color:color-mix(in srgb,var(--c) 80%,#fff)}
:where(html[data-theme="light"]) .hv-k::before{border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c)}
:where(html[data-theme="light"]) .hv-d{color:#c3cbe6}
:where(html[data-theme="light"]) .hv-top{border-radius:999px;color:#071022;background:linear-gradient(110deg,#ffd27a,#fff2c9 40%,#ffb547 60%,#ffd27a);background-size:250% 100%;box-shadow:0 6px 24px -6px rgba(255,181,71,.7)}
:where(html[data-theme="light"]) .hv-top svg{fill:currentColor}
:where(html[data-theme="light"]) .hv-go{border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.1);color:#f1f4ff}
:where(html[data-theme="light"]) .hv-go svg{fill:none;stroke:currentColor}
:where(html[data-theme="light"]) .hv-tl:hover{box-shadow:0 30px 70px -30px color-mix(in srgb,var(--c) 55%,#000)}
:where(html[data-theme="light"]) .hv-tl:hover .hv-media img{filter:saturate(1.15) brightness(1.08)}
:where(html[data-theme="light"]) .hv-tl:hover .hv-go{background:#f1f4ff;color:#071022}
:where(html[data-theme="light"]) .hv-tl:focus-visible{outline:2px solid #7fd1ff}
:where(html[data-theme="light"]) .hv-art{background:radial-gradient(120% 90% at 50% 110%,color-mix(in srgb,var(--c) 30%,transparent),transparent 60%),linear-gradient(160deg,#0d1636,#060a18)}
:where(html[data-theme="light"]) .hv-art::before{border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 32%,transparent),transparent)}
:where(html[data-theme="light"]) .hv-art svg{fill:none;stroke:var(--c);filter:drop-shadow(0 0 8px var(--c))}
:where(html[data-theme="light"]) .hv-art .hv-fill{fill:var(--c);stroke:none}
@media (min-width:760px){:where(html[data-theme="light"]) .home-news.mk,:where(html[data-theme="light"]) .home-more.mk{border-top:0}
}
/* theme-light.css — ручная доводка светлой темы (20.10.2026, прототип marketing/light-theme/, артефакт XqgPhuRDtYDgDcwTcN8TbQ).
   Сборка (site-src/lib/theme-light.mjs) дописывает этот файл в конец каждого assets/css/light/*.css — после автоперекраски.
   Здесь только то, что автоматом не выходит: точные токены «Светлой ауры», логотип, фон главной, схемы-картинки.
   Всё — под html[data-theme="light"]: в тёмной теме не действует. */

:root[data-theme="light"]{
  --au-ink:#eef1f8; --au-ink-2:#ffffff;
  --au-fg:#141a33; --au-muted:#545e82; --au-dim:#8790b0;
  --au-card:rgba(255,255,255,.72); --au-card-solid:rgba(255,255,255,.97); --au-card-line:rgba(20,32,80,.1);
  --au-glass:rgba(20,32,80,.045); --au-glass-2:rgba(20,32,80,.085); --au-line:rgba(20,32,80,.12);
  --au-on-accent:#ffffff;
  --au-accent:#1688d8; --au-go:#1688d8;
  --au-in:#1f95e0; --au-hold:#8a63e6; --au-out:#1fae7a; --au-rest:#6a7cb6;
  --au-warn:#c47a06; --au-bad:#d93d58; --au-ok:#14a273; --au-sos:#d94d63; --au-noise:#cc4a95;
  --au-bg:radial-gradient(1200px 800px at 50% 0%,#ffffff,#eef1f8 70%);
  --accent-soft:rgba(22,136,216,.1); --accent-border:rgba(22,136,216,.3);
  --border-soft:rgba(20,32,80,.07);
  --shadow:0 24px 60px -24px rgba(28,38,84,.28);
  color-scheme:light;
}
html[data-theme="light"]{background:var(--au-ink)}

/* логотип — белый PNG: на светлом делаем тёмным */
html[data-theme="light"] img[src*="/assets/logo"]{filter:brightness(0) saturate(0);opacity:.86}

/* главная */
html[data-theme="light"] body[data-page="timer"]{
  --accent-soft:rgba(22,136,216,.1); --accent-border:rgba(22,136,216,.3);
  background:radial-gradient(1000px 800px at 50% 40%,#ffffff,#eef1f8 70%) no-repeat;background-color:var(--au-ink);
}
html[data-theme="light"] body.aura-app{--bg-elev:rgba(20,32,80,.04);--bg-elev-2:rgba(20,32,80,.08);--border-soft:rgba(20,32,80,.07);--card-solid:#ffffff}

/* «Как дышать?» в шапке: тёмная подложка стала белой — текст тёмный */
html[data-theme="light"] .site-header .sh-nav a.sh-lead{color:var(--au-fg)!important}
html[data-theme="light"] .site-header .sh-nav a.sh-lead:hover,
html[data-theme="light"] .site-header .sh-nav a.sh-lead[aria-current]{background:rgba(255,255,255,.9)}

/* схемы техник, мудры, точки, глаза нарисованы под ночь: светлые копии (перекраска сборкой) — /assets/img/light/…,
   подставляет site-chrome.js (swapImgs) */

/* /kursy/: полоса под названием на обложке курса — ночная иллюстрация не меняется, поэтому и надпись на ней как в тёмной */
html[data-theme="light"] .crs-cov-head{background:linear-gradient(180deg,rgba(6,10,24,.85),rgba(6,10,24,0))}
html[data-theme="light"] .crs-cov-head b{color:#f1f4ff}
html[data-theme="light"] .crs-cov-k{color:color-mix(in srgb,var(--c) 45%,#fff)}
html[data-theme="light"] .crs-cov{box-shadow:0 0 0 1px var(--card-line),0 24px 50px -28px rgba(28,38,84,.35)}

/* Прелендинг и занятия курса (course-lp.css, kursy-dostup этап 3, 27.10.2026). Акцент курса и недели — палитра прототипа
   «Светлой ауры» (автоперекраска делала фиолетовый ярко-синим). В начале страницы шапка лежит на ночной картинке героя —
   светлая на тёмном, как в тёмной теме; прилипнув (.is-stuck), шапка снова обычная. То же — герой /prilozhenie/ (.pa-n.pa-hero). */
html[data-theme="light"] .lp{--lp-m:#7562f0;--lp-mt:#5b48d6;--lp-on:#ffffff;--lp-ms:rgba(117,98,240,.1);--lp-ml:rgba(117,98,240,.36);
  --lp-w1:#1f95e0;--lp-w2:#8a63e6;--lp-w3:#1fae7a;--lp-bad:#d93d58}
html[data-theme="light"] body:has(.lp-n.lp-hero,.lp-n.lp-ihero,.pa-n.pa-hero,.md-n.md-hero) .site-header:not(.is-stuck){
  --au-fg:#f1f4ff;--au-muted:#a9b2d6;--au-glass:rgba(255,255,255,.08);--au-glass-2:rgba(255,255,255,.16);--au-line:rgba(255,255,255,.18);
  --fg:#f1f4ff;--muted:#a9b2d6;--line:rgba(255,255,255,.18);color:#f1f4ff;color-scheme:dark}
html[data-theme="light"] body:has(.lp-n.lp-hero,.lp-n.lp-ihero,.pa-n.pa-hero,.md-n.md-hero) .site-header:not(.is-stuck) img[src*="/assets/logo"]{filter:none;opacity:1}
/* Раздел «Медитация» (medit.css, этап 5, 30.10.2026): огромный заголовок хаба на светлом — тёмный перелив, текст настроения темнее;
   ночной герой подстраницы — как шапка выше */
html[data-theme="light"] .md,html[data-theme="light"] .md-hero:not(.md-n){--mood:color-mix(in srgb,var(--md-m,#8c7bff) 80%,#1d2152)}
html[data-theme="light"] .md{--md-mt:color-mix(in srgb,var(--mood) 75%,#141a33);--md-on:#ffffff}
html[data-theme="light"] .md-hero:not(.md-n){--g1:#141a33;--g2:color-mix(in srgb,var(--mood) 55%,#141a33);--g3:#2a3570}
html[data-theme="light"] .md-hero:not(.md-n) .md-sky i{opacity:.4}
html[data-theme="light"] .md-hero:not(.md-n) .md-stars{display:none}
html[data-theme="light"] .md-hero:not(.md-n) .md-giant{filter:drop-shadow(0 8px 30px color-mix(in srgb,var(--mood) 25%,transparent))}
html[data-theme="light"] .ca-go{background:#7562f0;color:#ffffff;box-shadow:0 18px 50px -14px rgba(117,98,240,.6),inset 0 1px 0 rgba(255,255,255,.35)}
html[data-theme="light"] .ca-eb{color:#5b48d6}
html[data-theme="light"] .ca-code:focus,html[data-theme="light"] .ca-fld:focus{border-color:#7562f0;box-shadow:0 0 0 3px rgba(117,98,240,.1)}