@font-face{font-family: "Tiro Devanagari Hindi";font-style: normal;font-weight: 400;font-display: swap;src: url(/assets/fonts/tiro-devanagari-hindi-deva.woff2) format("woff2");unicode-range: U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family: "Tiro Devanagari Hindi";font-style: normal;font-weight: 400;font-display: swap;src: url(/assets/fonts/tiro-devanagari-hindi-latin-ext.woff2) format("woff2");unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: "Tiro Devanagari Hindi";font-style: normal;font-weight: 400;font-display: swap;src: url(/assets/fonts/tiro-devanagari-hindi-latin.woff2) format("woff2");unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme: light;--bg: #fbf7f0;--bg-2: #f6eee1;--surface: #ffffff;--surface-2: #fbf4ea;--surface-3: #f3e8d7;--ink: #2a1c14;--ink-2: #5a4435;--ink-3: #85705e;--line: #eee2d0;--line-2: #e1d0b7;--gold: #d4a017;--gold-ink: #8a5c00;--gold-soft: #fbe7b0;--ok: #2e7d32;--danger: #b3261e;--glow-1: rgba(246,178,52,0.2);--glow-2: rgba(214,60,60,0.07);--shadow-1: 0 1px 2px rgba(70,40,15,0.05),0 6px 20px rgba(70,40,15,0.06);--shadow-2: 0 2px 6px rgba(70,40,15,0.06),0 18px 50px rgba(70,40,15,0.12);--shadow-ring: 0 20px 60px -20px rgba(120,60,10,0.35);--accent-base: #b42318;--accent: var(--accent-base);--on-accent: #ffffff;--accent-soft: color-mix(in oklab,var(--accent) 9%,var(--surface));--accent-soft-2: color-mix(in oklab,var(--accent) 16%,var(--surface));--accent-line: color-mix(in oklab,var(--accent) 28%,var(--surface));--font-display: "Tiro Devanagari Hindi","Noto Serif Devanagari","Nirmala UI",Georgia,serif;--font-ui: system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Noto Sans Devanagari","Nirmala UI","Helvetica Neue",Arial,sans-serif;--r-sm: 12px;--r-md: 18px;--r-lg: 26px;--r-pill: 999px;--wrap: 1160px;--gutter: 16px;--topbar-h: 60px;--ease: cubic-bezier(0.2,0.7,0.2,1)}html[data-accent="radha"]{--accent-base: #be185d}html[data-accent="krishna"]{--accent-base: #0e7490}html[data-accent="shiva"]{--accent-base: #4338ca}html[data-accent="ram"]{--accent-base: #c2410c}html[data-accent="gayatri"]{--accent-base: #b45309}html[data-accent="mrityunjaya"]{--accent-base: #1e40af}html[data-accent="om"]{--accent-base: #9a3412}html[data-accent="vasudeva"]{--accent-base: #1d4ed8}html[data-accent="hanuman"]{--accent-base: #b91c1c}html[data-accent="ganesh"]{--accent-base: #9f1239}html[data-accent="brand"]{--accent-base: #b42318}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){color-scheme: dark;--bg: #14100d;--bg-2: #1a140f;--surface: #1e1712;--surface-2: #251c16;--surface-3: #2f241c;--ink: #f7ede0;--ink-2: #d8c7b1;--ink-3: #a9937d;--line: #372a20;--line-2: #4a3a2c;--gold: #e9b949;--gold-ink: #f2c86b;--gold-soft: #4a3714;--ok: #81c784;--danger: #f28b82;--glow-1: rgba(233,160,40,0.12);--glow-2: rgba(200,60,60,0.08);--shadow-1: 0 1px 2px rgba(0,0,0,0.3),0 8px 24px rgba(0,0,0,0.25);--shadow-2: 0 2px 8px rgba(0,0,0,0.35),0 24px 60px rgba(0,0,0,0.45);--shadow-ring: 0 24px 70px -20px rgba(0,0,0,0.7);--accent: color-mix(in oklab,var(--accent-base) 62%,#ffffff);--on-accent: #1a0f0a}}:root[data-theme="dark"]{color-scheme: dark;--bg: #14100d;--bg-2: #1a140f;--surface: #1e1712;--surface-2: #251c16;--surface-3: #2f241c;--ink: #f7ede0;--ink-2: #d8c7b1;--ink-3: #a9937d;--line: #372a20;--line-2: #4a3a2c;--gold: #e9b949;--gold-ink: #f2c86b;--gold-soft: #4a3714;--ok: #81c784;--danger: #f28b82;--glow-1: rgba(233,160,40,0.12);--glow-2: rgba(200,60,60,0.08);--shadow-1: 0 1px 2px rgba(0,0,0,0.3),0 8px 24px rgba(0,0,0,0.25);--shadow-2: 0 2px 8px rgba(0,0,0,0.35),0 24px 60px rgba(0,0,0,0.45);--shadow-ring: 0 24px 70px -20px rgba(0,0,0,0.7);--accent: color-mix(in oklab,var(--accent-base) 62%,#ffffff);--on-accent: #1a0f0a}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: calc(var(--topbar-h) + 12px)}body{margin: 0;min-height: 100vh;font-family: var(--font-ui);font-size: 1.0625rem;line-height: 1.65;color: var(--ink);background-color: var(--bg);background-image: radial-gradient(900px 520px at 8% -8%,var(--glow-1),transparent 60%),radial-gradient(800px 500px at 105% 10%,var(--glow-2),transparent 60%);background-repeat: no-repeat;-webkit-font-smoothing: antialiased;-webkit-tap-highlight-color: transparent;overflow-x: hidden}img,svg,video{display: block;max-width: 100%;height: auto}a{color: var(--accent);text-underline-offset: 3px;text-decoration-thickness: 1px}a:hover{text-decoration-thickness: 2px}button,input,select,textarea{font: inherit;color: inherit}button{cursor: pointer}h1,h2,h3,h4{line-height: 1.2;margin: 0 0 0.5em;color: var(--ink);text-wrap: balance}p{margin: 0 0 1em}ul,ol{margin: 0 0 1em;padding-left: 1.25em}:focus-visible{outline: 3px solid color-mix(in oklab,var(--accent) 70%,transparent);outline-offset: 2px;border-radius: 6px}.deva{font-family: var(--font-display);font-weight: 400}.sr-only{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.skip{position: absolute;left: 12px;top: -60px;z-index: 100;background: var(--ink);color: var(--bg);padding: 10px 16px;border-radius: 10px;text-decoration: none}.skip:focus{top: 12px}.wrap{width: 100%;max-width: var(--wrap);margin: 0 auto;padding-left: var(--gutter);padding-right: var(--gutter)}.icon{width: 22px;height: 22px;flex: none;fill: none;stroke: currentColor;stroke-width: 1.9;stroke-linecap: round;stroke-linejoin: round}.icon.fill{fill: currentColor;stroke: none}[hidden]{display: none !important}.topbar{position: sticky;top: 0;z-index: 40;background: color-mix(in oklab,var(--bg) 82%,transparent);backdrop-filter: saturate(1.4) blur(14px);-webkit-backdrop-filter: saturate(1.4) blur(14px);border-bottom: 1px solid color-mix(in oklab,var(--line) 70%,transparent)}.topbar__in{height: var(--topbar-h);display: flex;align-items: center;gap: 12px}.brand{display: flex;align-items: center;gap: 10px;text-decoration: none;color: var(--ink);min-width: 0}.brand__mark{width: 36px;height: 36px;flex: none}.brand__text{display: flex;flex-direction: column;line-height: 1.05;min-width: 0}.brand__name{font-family: var(--font-display);font-size: 1.22rem;letter-spacing: 0.01em;white-space: nowrap}.brand__sub{font-size: 0.68rem;letter-spacing: 0.16em;text-transform: uppercase;color: var(--ink-3);font-weight: 600}.topnav{display: none;margin-left: auto;gap: 4px}.topnav a{color: var(--ink-2);text-decoration: none;font-weight: 600;font-size: 0.95rem;padding: 8px 12px;border-radius: var(--r-pill)}.topnav a:hover,.topnav a[aria-current="page"]{background: var(--surface-3);color: var(--ink)}.topbar__actions{margin-left: auto;display: flex;gap: 6px;align-items: center}.topnav + .topbar__actions{margin-left: 8px}.iconbtn{width: 44px;height: 44px;display: inline-grid;place-items: center;border-radius: var(--r-pill);border: 1px solid var(--line);background: var(--surface);color: var(--ink-2);transition: background 0.2s,color 0.2s,transform 0.15s}.iconbtn:hover{color: var(--ink);background: var(--surface-2)}.iconbtn:active{transform: scale(0.94)}.theme-toggle .i-moon{display: none}:root[data-theme="dark"] .theme-toggle .i-sun{display: none}:root[data-theme="dark"] .theme-toggle .i-moon{display: block}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .theme-toggle .i-sun{display: none}:root:not([data-theme="light"]) .theme-toggle .i-moon{display: block}}@media (min-width: 1000px){.topnav{display: flex}.topbar__actions .menu-btn{display: none}}.drawer{position: fixed;inset: 0;z-index: 80;display: flex;justify-content: flex-end;visibility: hidden;pointer-events: none}.drawer.is-open{visibility: visible;pointer-events: auto}.drawer__scrim{position: absolute;inset: 0;background: rgba(20,10,5,0.45);opacity: 0;transition: opacity 0.25s}.drawer.is-open .drawer__scrim{opacity: 1}.drawer__panel{position: relative;width: min(360px,88vw);height: 100%;overflow-y: auto;overscroll-behavior: contain;background: var(--surface);box-shadow: var(--shadow-2);padding: 14px 16px 32px;transform: translateX(100%);transition: transform 0.3s var(--ease)}.drawer.is-open .drawer__panel{transform: none}.drawer__head{display: flex;align-items: center;justify-content: space-between;margin-bottom: 8px}.drawer__title{font-size: 0.78rem;letter-spacing: 0.14em;text-transform: uppercase;color: var(--ink-3);font-weight: 700;margin: 18px 4px 8px}.drawer__list{list-style: none;padding: 0;margin: 0;display: grid;gap: 2px}.drawer__list a{display: flex;align-items: center;gap: 12px;padding: 10px 10px;border-radius: 14px;text-decoration: none;color: var(--ink);font-weight: 600}.drawer__list a:hover,.drawer__list a[aria-current="page"]{background: var(--surface-3)}.drawer__list .dot{width: 30px;height: 30px;border-radius: 50%;flex: none;display: grid;place-items: center;font-family: var(--font-display);font-size: 0.95rem;color: #fff}.drawer__list .hi{margin-left: auto;font-family: var(--font-display);font-weight: 400;color: var(--ink-3);font-size: 0.95rem}.drawer__install{margin-top: 18px;width: 100%}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 46px;padding: 10px 20px;border-radius: var(--r-pill);border: 1px solid var(--line-2);background: var(--surface);color: var(--ink);font-weight: 700;font-size: 0.98rem;text-decoration: none;line-height: 1.2;transition: transform 0.15s,background 0.2s,box-shadow 0.2s,border-color 0.2s}.btn:hover{background: var(--surface-2);text-decoration: none}.btn:active{transform: scale(0.97)}.btn--primary{background: var(--accent);border-color: transparent;color: var(--on-accent);box-shadow: 0 8px 24px -10px var(--accent)}.btn--primary:hover{background: color-mix(in oklab,var(--accent) 88%,#000)}.btn--gold{background: linear-gradient(180deg,#f5cf6b,#e0a826);color: #3a2400;border-color: #d39b1c}.btn--ghost{background: transparent}.btn--wa{background: #1fa855;color: #fff;border-color: transparent}.btn--wa:hover{background: #178a45}.btn--sm{min-height: 38px;padding: 6px 14px;font-size: 0.9rem}.btn--block{width: 100%}.btn--danger{color: var(--danger)}.btn .icon{width: 20px;height: 20px}.crumbs{font-size: 0.85rem;color: var(--ink-3);margin: 16px 0 4px}.crumbs ol{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;gap: 4px}.crumbs li{display: flex;align-items: center;gap: 4px}.crumbs li + li::before{content: "›";color: var(--line-2)}.crumbs a{color: var(--ink-3);text-decoration: none}.crumbs a:hover{color: var(--accent);text-decoration: underline}.tool{padding: 14px 0 28px}.tool__grid{display: grid;gap: 16px}.tool__intro{min-width: 0}.eyebrow{display: inline-flex;align-items: center;gap: 8px;font-size: 0.78rem;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: var(--accent);margin-bottom: 6px}.eyebrow::before{content: "";width: 18px;height: 2px;border-radius: 2px;background: currentColor}.tool h1{font-size: clamp(1.45rem,5.4vw,2.6rem);margin: 0 0 2px;letter-spacing: -0.01em}.tool h1 .h1-hi{display: block;font-family: var(--font-display);font-weight: 400;font-size: 0.62em;color: var(--ink-3);margin-top: 4px;letter-spacing: 0}.tool__lede{color: var(--ink-2);margin: 10px 0 0;font-size: 1rem;max-width: 52ch}.tool__points{display: none;list-style: none;padding: 0;margin: 18px 0 0;gap: 10px}.tool__points li{display: flex;gap: 10px;align-items: flex-start;color: var(--ink-2);font-size: 0.97rem}.tool__points .icon{color: var(--accent);width: 20px;height: 20px;margin-top: 3px}.switcher{position: relative;margin: 12px calc(var(--gutter) * -1) 0;padding: 2px var(--gutter) 6px;display: flex;gap: 8px;overflow-x: auto;scrollbar-width: none;-webkit-overflow-scrolling: touch;scroll-snap-type: x proximity}.switcher::-webkit-scrollbar{display: none}.switcher a{flex: none;scroll-snap-align: start;display: inline-flex;align-items: center;gap: 8px;padding: 7px 14px 7px 8px;border-radius: var(--r-pill);background: var(--surface);border: 1px solid var(--line);text-decoration: none;color: var(--ink-2);font-weight: 600;font-size: 0.92rem;white-space: nowrap;transition: border-color 0.2s,background 0.2s}.switcher a:hover{border-color: var(--line-2);color: var(--ink)}.switcher a[aria-current="page"]{background: var(--accent);color: var(--on-accent);border-color: transparent}.switcher .dot{width: 24px;height: 24px;border-radius: 50%;display: grid;place-items: center;font-family: var(--font-display);font-size: 0.8rem;color: #fff;flex: none}.switcher a[aria-current="page"] .dot{background: rgba(255,255,255,0.22) !important;color: var(--on-accent)}.plate{margin-top: 12px;padding: 14px 16px;border-radius: var(--r-md);background: linear-gradient(180deg,var(--accent-soft),color-mix(in oklab,var(--accent) 4%,var(--surface)));border: 1px solid var(--accent-line);text-align: center;position: relative;overflow: hidden}.plate__deva{font-family: var(--font-display);color: var(--accent);font-size: clamp(1.15rem,4.6vw,1.6rem);line-height: 1.55;margin: 0}.plate__roman{color: var(--ink-3);font-size: 0.86rem;font-style: italic;margin: 4px 0 0;line-height: 1.5}.plate--long .plate__deva{font-size: clamp(1.05rem,4.2vw,1.35rem)}.plate__toggle{position: absolute;top: 6px;right: 6px;border: 0;background: transparent;color: var(--ink-3);font-size: 0.72rem;font-weight: 700;letter-spacing: 0.06em;padding: 6px 8px;border-radius: 8px}.plate__toggle:hover{background: var(--surface)}.plate.no-roman .plate__roman{display: none}.plate--short{display: none}.plate--custom{text-align: left}.plate__label{display: block;font-size: 0.85rem;font-weight: 700;color: var(--ink-2);margin-bottom: 6px}.custom-input{font-family: var(--font-display);font-size: 1.25rem;color: var(--accent);text-align: center;min-height: 52px}.presets{display: flex;flex-wrap: wrap;gap: 6px;margin-top: 10px}.presets button{border: 1px solid var(--accent-line);background: var(--surface);color: var(--ink-2);border-radius: var(--r-pill);padding: 5px 12px;font-size: 0.9rem;font-family: var(--font-display);min-height: 34px}.presets button:hover{color: var(--accent);border-color: var(--accent)}@media (min-width: 1000px){.plate--short{display: block}}.counter{position: relative;background: var(--surface);border: 1px solid var(--line);border-radius: var(--r-lg);box-shadow: var(--shadow-2);padding: 14px 14px 16px;overflow: hidden}.counter::before{content: "";position: absolute;inset: 0;pointer-events: none;opacity: 0.55;background: radial-gradient(420px 300px at 50% 40%,var(--accent-soft),transparent 70%)}.counter > *{position: relative}.goal{display: flex;align-items: center;gap: 10px;font-size: 0.86rem;color: var(--ink-2);width: 100%;border: 0;background: transparent;padding: 2px 4px;text-align: left;border-radius: 10px}.goal:hover{background: var(--surface-2)}.goal__label{white-space: nowrap;font-weight: 600}.goal__label b{color: var(--ink)}.goal__bar{flex: 1;height: 8px;border-radius: 8px;background: var(--surface-3);overflow: hidden}.goal__fill{display: block;height: 100%;width: 0;border-radius: inherit;background: linear-gradient(90deg,var(--gold),var(--accent));transition: width 0.4s var(--ease)}.goal.is-done .goal__label::after{content: " ✓";color: var(--ok)}.ringbtn{display: block;position: relative;width: min(100%,360px);margin: 8px auto 0;padding: 0;border: 0;background: transparent;border-radius: 50%;touch-action: manipulation;user-select: none;-webkit-user-select: none;-webkit-touch-callout: none;aspect-ratio: 320 / 340;transition: transform 0.12s var(--ease)}.ringbtn:active{transform: scale(0.985)}.ringbtn:focus-visible{outline-offset: -6px}.ring{width: 100%;height: 100%;overflow: visible}.ring__glow{fill: var(--accent-soft)}.ring__disc{fill: var(--surface);stroke: var(--line);stroke-width: 1}.ring__thread{fill: none;stroke: var(--line-2);stroke-width: 1.4}.ring__arc{fill: none;stroke: var(--accent);stroke-opacity: 0.16;stroke-width: 18;stroke-linecap: round;transition: stroke-dashoffset 0.25s var(--ease)}.ring__arc--big{stroke-opacity: 0.9;stroke-width: 10}.ring .b{opacity: 0.4;transition: opacity 0.2s,transform 0.2s;transform-box: fill-box;transform-origin: center}.ring .b.on{opacity: 1}.ring .b.cur{transform: scale(1.45)}.ring .b{fill: url(#g-tulsi)}.ring[data-bead="rudraksha"] .b{fill: url(#g-rudraksha)}.ring[data-bead="sphatik"] .b{fill: url(#g-sphatik)}.ring[data-bead="chandan"] .b{fill: url(#g-chandan)}.ring[data-bead="sphatik"] .b{stroke: rgba(90,120,150,0.35);stroke-width: 0.5}.ring__halo{fill: var(--accent);fill-opacity: 0.16;stroke: var(--accent);stroke-width: 1.6;transition: cx 0.18s var(--ease),cy 0.18s var(--ease)}.ring__sumeru{stroke: rgba(0,0,0,0.12);stroke-width: 0.6}.ring__tassel{fill: var(--accent)}.ring__tassel-lines{stroke: color-mix(in oklab,var(--accent) 60%,#000);stroke-width: 0.6;opacity: 0.5;fill: none}.ring__center{position: absolute;left: 50%;top: 47.06%;transform: translate(-50%,-50%);width: 64%;text-align: center;pointer-events: none;display: flex;flex-direction: column;align-items: center}.ring__mantra{font-family: var(--font-display);color: var(--accent);font-size: clamp(1rem,4.4vw,1.3rem);line-height: 1.3;max-width: 100%}.ring__mantra.is-long{font-size: clamp(0.82rem,3.4vw,1rem)}.ring__count{font-size: clamp(3.4rem,17vw,5.2rem);font-weight: 800;line-height: 1;letter-spacing: -0.03em;font-variant-numeric: tabular-nums;color: var(--ink);margin: 4px 0 2px}.ring__of{font-size: 0.86rem;color: var(--ink-3);font-weight: 600}.ring__mala{margin-top: 8px;font-size: 0.78rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--gold-ink);background: var(--gold-soft);padding: 3px 10px;border-radius: var(--r-pill)}.ring__hint{margin-top: 6px;font-size: 0.8rem;color: var(--ink-3)}.ringbtn.pulse .ring__disc{animation: disc-pulse 0.35s var(--ease)}@keyframes disc-pulse{50%{fill: var(--accent-soft)}}.floater{position: absolute;pointer-events: none;font-family: var(--font-display);color: var(--accent);font-size: 1.15rem;white-space: nowrap;transform: translate(-50%,-50%);animation: floatup 1.1s var(--ease) forwards;z-index: 5;text-shadow: 0 1px 0 var(--surface)}@keyframes floatup{0%{opacity: 0;transform: translate(-50%,-30%) scale(0.8)}15%{opacity: 1}100%{opacity: 0;transform: translate(-50%,-190%) scale(1.1)}}.controls{display: grid;grid-template-columns: repeat(6,1fr);gap: 4px;margin: 12px 0 0}.ctrl{display: flex;flex-direction: column;align-items: center;gap: 3px;padding: 8px 2px 6px;border: 0;background: transparent;color: var(--ink-2);font-size: 0.7rem;font-weight: 700;letter-spacing: 0.02em;border-radius: 14px;min-height: 58px;transition: background 0.2s,color 0.2s}.ctrl .icon{width: 24px;height: 24px}.ctrl__ic{width: 42px;height: 34px;display: grid;place-items: center;border-radius: 12px;transition: background 0.2s}.ctrl:hover .ctrl__ic{background: var(--surface-3)}.ctrl[aria-pressed="true"]{color: var(--accent)}.ctrl[aria-pressed="true"] .ctrl__ic{background: var(--accent-soft-2)}.ctrl .icon.off{display: none}.ctrl[aria-pressed="false"] .icon.on{display: none}.ctrl[aria-pressed="false"] .icon.off{display: block}.session{text-align: center;font-size: 0.8rem;color: var(--ink-3);margin: 6px 0 0;min-height: 1.3em;font-variant-numeric: tabular-nums}.quick{display: grid;grid-template-columns: repeat(3,1fr);gap: 8px;margin-top: 12px}.quick__item{display: flex;flex-direction: column;align-items: flex-start;gap: 0;padding: 10px 12px;border-radius: 16px;background: var(--surface-2);border: 1px solid var(--line);text-align: left;min-width: 0}.quick__v{font-size: 1.2rem;font-weight: 800;font-variant-numeric: tabular-nums;line-height: 1.2;display: flex;align-items: center;gap: 4px;white-space: nowrap}.quick__v .icon{width: 18px;height: 18px;color: #e8590c}.quick__l{font-size: 0.78rem;color: var(--ink-3);font-weight: 600;line-height: 1.25}.progress-btn{margin-top: 10px}.kbd-hint{display: none;text-align: center;font-size: 0.78rem;color: var(--ink-3);margin: 10px 0 0}kbd{font-family: inherit;font-size: 0.75rem;font-weight: 700;padding: 1px 6px;border-radius: 6px;border: 1px solid var(--line-2);border-bottom-width: 2px;background: var(--surface-2)}@media (min-width: 600px){.counter{padding: 18px 22px 22px}.quick__v{font-size: 1.35rem}}@media (min-width: 1000px){.tool{padding: 28px 0 44px}.tool__grid{grid-template-columns: minmax(0,1fr) 460px;gap: 44px;align-items: start}.tool__intro{padding-top: 18px}.tool__points{display: grid}.switcher{flex-wrap: wrap;overflow: visible;margin: 18px 0 0;padding: 0}.kbd-hint{display: block}.counter{position: sticky;top: calc(var(--topbar-h) + 16px)}.plate{margin-top: 18px;padding: 18px 20px}}dialog.sheet{border: 0;padding: 0;margin: auto auto 0;width: 100%;max-width: 560px;max-height: 92vh;max-height: 92dvh;background: var(--surface);color: var(--ink);border-radius: 26px 26px 0 0;box-shadow: var(--shadow-2);overflow: hidden;display: flex;flex-direction: column}dialog.sheet:not([open]){display: none}dialog.sheet::backdrop{background: rgba(20,10,5,0.5);backdrop-filter: blur(2px)}dialog.sheet[open]{animation: sheet-in 0.32s var(--ease)}@keyframes sheet-in{from{transform: translateY(40px);opacity: 0}}.sheet__head{display: flex;align-items: center;gap: 12px;padding: 14px 16px 10px;border-bottom: 1px solid var(--line)}.sheet__head h2{font-size: 1.2rem;margin: 0;flex: 1}.sheet__body{padding: 16px;overflow-y: auto;overscroll-behavior: contain}.sheet__grab{width: 44px;height: 5px;border-radius: 5px;background: var(--line-2);margin: 8px auto 0}@media (min-width: 700px){dialog.sheet{margin: auto;border-radius: 26px;max-height: 88vh}.sheet__grab{display: none}}.set-group{margin: 0 0 20px}.set-group > h3{font-size: 0.78rem;letter-spacing: 0.12em;text-transform: uppercase;color: var(--ink-3);margin: 0 0 8px}.set-card{background: var(--surface-2);border: 1px solid var(--line);border-radius: 18px;overflow: hidden}.set-row{display: flex;align-items: center;gap: 12px;padding: 12px 14px;min-height: 56px}.set-row + .set-row{border-top: 1px solid var(--line)}.set-row__text{flex: 1;min-width: 0}.set-row__title{font-weight: 650;font-size: 0.98rem;line-height: 1.3}.set-row__desc{font-size: 0.82rem;color: var(--ink-3);line-height: 1.35;margin-top: 2px}.switch{position: relative;width: 50px;height: 30px;flex: none}.switch input{position: absolute;inset: 0;opacity: 0;margin: 0;cursor: pointer;z-index: 1}.switch span{position: absolute;inset: 0;border-radius: 30px;background: var(--line-2);transition: background 0.2s}.switch span::after{content: "";position: absolute;top: 3px;left: 3px;width: 24px;height: 24px;border-radius: 50%;background: #fff;box-shadow: 0 1px 3px rgba(0,0,0,0.3);transition: transform 0.2s var(--ease)}.switch input:checked + span{background: var(--accent)}.switch input:checked + span::after{transform: translateX(20px)}.switch input:focus-visible + span{outline: 3px solid color-mix(in oklab,var(--accent) 60%,transparent);outline-offset: 2px}.seg{display: flex;flex-wrap: wrap;gap: 6px}.seg button{border: 1px solid var(--line-2);background: var(--surface);padding: 7px 13px;border-radius: var(--r-pill);font-weight: 650;font-size: 0.88rem;color: var(--ink-2);min-height: 38px}.seg button[aria-pressed="true"]{background: var(--accent);color: var(--on-accent);border-color: transparent}.swatches{display: grid;grid-template-columns: repeat(4,1fr);gap: 8px}.swatch{border: 2px solid var(--line);background: var(--surface);border-radius: 16px;padding: 10px 4px 8px;display: flex;flex-direction: column;align-items: center;gap: 6px;font-size: 0.78rem;font-weight: 700;color: var(--ink-2)}.swatch i{width: 30px;height: 30px;border-radius: 50%;display: block;box-shadow: inset -3px -4px 8px rgba(0,0,0,0.3),inset 3px 3px 6px rgba(255,255,255,0.35)}.swatch[aria-pressed="true"]{border-color: var(--accent);color: var(--ink);background: var(--accent-soft)}.stepper{display: flex;align-items: center;gap: 4px}.stepper button{width: 36px;height: 36px;border-radius: 50%;border: 1px solid var(--line-2);background: var(--surface);font-weight: 800;font-size: 1.1rem;line-height: 1}.stepper output,.stepper input{min-width: 48px;width: 64px;text-align: center;font-weight: 800;font-variant-numeric: tabular-nums;border: 1px solid transparent;background: transparent;border-radius: 8px;padding: 4px}.stepper input:focus{border-color: var(--line-2);background: var(--surface);outline: none}.field{width: 100%;border: 1px solid var(--line-2);background: var(--surface);border-radius: 12px;padding: 10px 12px;min-height: 44px}.field:focus{outline: none;border-color: var(--accent);box-shadow: 0 0 0 3px var(--accent-soft-2)}.set-actions{display: flex;flex-wrap: wrap;gap: 8px}.tiles{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px}.tile{background: var(--surface-2);border: 1px solid var(--line);border-radius: 18px;padding: 12px 14px;min-width: 0}.tile__l{font-size: 0.74rem;text-transform: uppercase;letter-spacing: 0.08em;color: var(--ink-3);font-weight: 700;display: flex;align-items: center;gap: 6px}.tile__l .icon{width: 16px;height: 16px}.tile__v{font-size: 1.6rem;font-weight: 800;font-variant-numeric: tabular-nums;line-height: 1.15;margin-top: 2px}.tile__s{font-size: 0.82rem;color: var(--ink-3)}.tile--streak .icon{color: #e8590c}.stat-sec{margin-top: 22px}.stat-sec > h3{font-size: 1rem;margin: 0 0 10px;display: flex;align-items: center;justify-content: space-between;gap: 8px}.stat-sec > h3 small{font-weight: 600;color: var(--ink-3);font-size: 0.8rem}.bars{display: grid;grid-template-columns: repeat(7,1fr);gap: 8px;align-items: end;height: 150px;padding: 0 2px}.bars__col{display: flex;flex-direction: column;align-items: center;justify-content: flex-end;gap: 4px;height: 100%;min-width: 0}.bars__val{font-size: 0.68rem;font-weight: 700;color: var(--ink-3);font-variant-numeric: tabular-nums}.bars__bar{width: 100%;max-width: 34px;min-height: 3px;border-radius: 8px 8px 3px 3px;background: linear-gradient(180deg,var(--accent),color-mix(in oklab,var(--accent) 55%,var(--gold)));transition: height 0.4s var(--ease)}.bars__bar.is-zero{background: var(--surface-3)}.bars__day{font-size: 0.72rem;color: var(--ink-3);font-weight: 600}.bars__col.is-today .bars__day{color: var(--accent);font-weight: 800}.heat{display: grid;grid-auto-flow: column;grid-template-rows: repeat(7,1fr);gap: 3px;overflow-x: auto;padding-bottom: 4px}.heat i{width: 14px;height: 14px;border-radius: 4px;background: var(--surface-3);display: block}.heat i[data-l="1"]{background: color-mix(in oklab,var(--accent) 25%,var(--surface-3))}.heat i[data-l="2"]{background: color-mix(in oklab,var(--accent) 50%,var(--surface-3))}.heat i[data-l="3"]{background: color-mix(in oklab,var(--accent) 75%,var(--surface-3))}.heat i[data-l="4"]{background: var(--accent)}.heat i.is-future{visibility: hidden}.heat-legend{display: flex;align-items: center;gap: 3px;justify-content: flex-end;font-size: 0.72rem;color: var(--ink-3);margin-top: 6px}.heat-legend i{width: 11px;height: 11px;border-radius: 3px;display: block}.mlist{list-style: none;margin: 0;padding: 0;display: grid;gap: 8px}.mlist li{display: grid;grid-template-columns: 1fr auto;gap: 4px 10px;align-items: center;font-size: 0.92rem}.mlist .mlist__name{font-weight: 650}.mlist .mlist__n{font-variant-numeric: tabular-nums;color: var(--ink-2);font-weight: 700}.mlist .mlist__bar{grid-column: 1 / -1;height: 6px;background: var(--surface-3);border-radius: 6px;overflow: hidden}.mlist .mlist__bar i{display: block;height: 100%;background: var(--accent);border-radius: inherit}.chal{background: var(--surface-2);border: 1px solid var(--line);border-radius: 18px;padding: 14px}.chal + .chal{margin-top: 10px}.chal__top{display: flex;align-items: flex-start;gap: 10px;justify-content: space-between}.chal__title{font-weight: 800;font-size: 1rem;line-height: 1.3}.chal__sub{font-size: 0.84rem;color: var(--ink-3)}.chal__big{font-size: 1.3rem;font-weight: 800;font-variant-numeric: tabular-nums;margin-top: 8px}.pbar{height: 10px;border-radius: 10px;background: var(--surface-3);overflow: hidden;margin-top: 8px}.pbar i{display: block;height: 100%;width: 0;border-radius: inherit;background: linear-gradient(90deg,var(--gold),var(--accent));transition: width 0.5s var(--ease)}.days7{display: grid;grid-template-columns: repeat(7,1fr);gap: 5px;margin-top: 10px}.days7 span{height: 30px;border-radius: 8px;background: var(--surface-3);display: grid;place-items: center;font-size: 0.7rem;font-weight: 800;color: var(--ink-3);position: relative;overflow: hidden}.days7 span i{position: absolute;left: 0;bottom: 0;width: 100%;background: color-mix(in oklab,var(--accent) 35%,transparent)}.days7 span b{position: relative}.days7 span.is-done{background: var(--accent);color: var(--on-accent)}.dots21{display: grid;grid-template-columns: repeat(7,1fr);gap: 6px;margin-top: 10px}.dots21 span{aspect-ratio: 1;border-radius: 50%;background: var(--surface-3);display: grid;place-items: center;font-size: 0.66rem;font-weight: 800;color: var(--ink-3);max-width: 38px;justify-self: center;width: 100%}.dots21 span.is-done{background: var(--accent);color: var(--on-accent)}.dots21 span.is-miss{background: color-mix(in oklab,var(--danger) 20%,var(--surface-3));color: var(--danger)}.dots21 span.is-today{outline: 2px solid var(--accent);outline-offset: 1px}.badge{display: inline-block;font-size: 0.72rem;font-weight: 800;letter-spacing: 0.04em;padding: 3px 9px;border-radius: var(--r-pill);background: var(--surface-3);color: var(--ink-2);white-space: nowrap}.badge--ok{background: color-mix(in oklab,var(--ok) 18%,var(--surface));color: var(--ok)}.badge--live{background: var(--accent-soft-2);color: var(--accent)}dialog.celebrate{text-align: center}.celebrate .sheet__body{padding: 20px 18px 22px}.cel__om{font-family: var(--font-display);font-size: 3rem;line-height: 1;color: var(--accent);margin: 6px 0 4px}.cel__title{font-size: 1.5rem;margin: 4px 0}.cel__sub{color: var(--ink-2);margin: 0 0 14px}.cel__stats{display: flex;justify-content: center;gap: 10px;margin: 0 0 16px;flex-wrap: wrap}.cel__stats span{background: var(--surface-2);border: 1px solid var(--line);padding: 6px 12px;border-radius: var(--r-pill);font-size: 0.86rem;font-weight: 700}.cel__actions{display: grid;gap: 8px}.cel__actions .row{display: grid;grid-template-columns: 1fr 1fr;gap: 8px}.cel__name{margin-bottom: 10px;text-align: center}.petals{position: fixed;inset: 0;pointer-events: none;z-index: 200;overflow: hidden}.petal{position: absolute;top: -40px;width: 16px;height: 22px;border-radius: 80% 0 80% 0;animation: petal-fall linear forwards;opacity: 0.95}@keyframes petal-fall{to{transform: translate3d(var(--dx,40px),110vh,0) rotate(var(--rot,540deg));opacity: 0.85}}.toast{position: fixed;left: 50%;bottom: calc(18px + env(safe-area-inset-bottom));transform: translate(-50%,30px);z-index: 300;background: var(--ink);color: var(--bg);padding: 11px 18px;border-radius: 14px;font-weight: 650;font-size: 0.94rem;box-shadow: var(--shadow-2);opacity: 0;pointer-events: none;transition: opacity 0.25s,transform 0.25s var(--ease);max-width: calc(100vw - 32px);text-align: center}.toast.is-on{opacity: 1;transform: translate(-50%,0)}.focus{position: fixed;inset: 0;z-index: 150;background: radial-gradient(120% 80% at 50% 40%,#2a1a12,#0c0806 70%);color: #f7ede0;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;touch-action: manipulation;user-select: none;-webkit-user-select: none;padding: 24px;text-align: center}.focus__mantra{font-family: var(--font-display);font-size: clamp(1.6rem,7vw,3rem);color: #f2c86b;line-height: 1.4}.focus__count{font-size: clamp(5rem,30vw,12rem);font-weight: 800;line-height: 1;font-variant-numeric: tabular-nums;letter-spacing: -0.04em}.focus__meta{color: #bfa98f;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;font-size: 0.86rem}.focus__bar{width: min(420px,80vw);height: 6px;background: rgba(255,255,255,0.1);border-radius: 6px;overflow: hidden}.focus__bar i{display: block;height: 100%;width: 0;background: linear-gradient(90deg,#e9b949,#f28b5b);border-radius: inherit;transition: width 0.2s}.focus__hint{position: absolute;bottom: calc(24px + env(safe-area-inset-bottom));color: #8c7866;font-size: 0.86rem}.focus__tools{position: absolute;top: calc(14px + env(safe-area-inset-top));right: 14px;display: flex;gap: 8px}.focus__tools button{width: 46px;height: 46px;border-radius: 50%;border: 1px solid rgba(255,255,255,0.14);background: rgba(255,255,255,0.06);color: #f7ede0;display: grid;place-items: center}.focus.flash{animation: focus-flash 0.3s}@keyframes focus-flash{50%{background-color: #3a2416}}.content{padding: 8px 0 24px}.sec{padding: 28px 0}.sec + .sec{border-top: 1px solid var(--line)}.sec__head{max-width: 760px;margin-bottom: 18px}.sec h2{font-family: var(--font-display);font-weight: 400;font-size: clamp(1.55rem,4.6vw,2.25rem);letter-spacing: -0.005em}.sec h3{font-size: 1.15rem;margin-top: 1.4em}.sec__kicker{font-size: 0.78rem;font-weight: 800;letter-spacing: 0.12em;text-transform: uppercase;color: var(--accent);margin-bottom: 6px;display: block}.prose{max-width: 760px}.prose p,.prose li{color: var(--ink-2)}.prose strong{color: var(--ink)}.prose h3:first-child{margin-top: 0}.prose ul li,.prose ol li{margin-bottom: 0.4em}.prose ul li::marker{color: var(--accent)}.prose ol li::marker{color: var(--accent);font-weight: 800}.lead{font-size: 1.12rem;color: var(--ink-2)}.grid-2{display: grid;gap: 16px}.grid-3{display: grid;gap: 14px}@media (min-width: 760px){.grid-2{grid-template-columns: 1fr 1fr;gap: 22px}.grid-3{grid-template-columns: repeat(3,1fr)}}.card{background: var(--surface);border: 1px solid var(--line);border-radius: var(--r-md);padding: 18px;box-shadow: var(--shadow-1)}.card h3{margin-top: 0;font-size: 1.08rem}.card p:last-child{margin-bottom: 0}.card p{color: var(--ink-2)}.feature{display: flex;gap: 14px;align-items: flex-start}.feature__ic{width: 44px;height: 44px;flex: none;border-radius: 14px;display: grid;place-items: center;background: var(--accent-soft-2);color: var(--accent)}.feature h3{margin: 2px 0 4px;font-size: 1.02rem}.feature p{margin: 0;font-size: 0.95rem;color: var(--ink-2)}.mantra-box{text-align: center;padding: 22px 18px;border-radius: var(--r-lg);margin: 20px 0;background: radial-gradient(120% 120% at 50% 0%,var(--accent-soft-2),var(--surface) 70%);border: 1px solid var(--accent-line)}.mantra-box .deva{font-size: clamp(1.25rem,5vw,1.8rem);color: var(--accent);line-height: 1.7;margin: 0}.mantra-box .roman{color: var(--ink-3);font-style: italic;margin: 8px 0 0;font-size: 0.95rem}.mantra-box .meaning{color: var(--ink-2);margin: 12px auto 0;max-width: 56ch;font-size: 0.98rem}.mantra-box cite{display: block;font-style: normal;font-size: 0.82rem;font-weight: 700;color: var(--gold-ink);margin-top: 10px;letter-spacing: 0.04em}.facts{width: 100%;border-collapse: separate;border-spacing: 0;border: 1px solid var(--line);border-radius: var(--r-md);overflow: hidden;background: var(--surface);font-size: 0.95rem}.facts th,.facts td{text-align: left;padding: 11px 14px;vertical-align: top}.facts th{width: 38%;color: var(--ink-3);font-weight: 700;background: var(--surface-2)}.facts tr + tr th,.facts tr + tr td{border-top: 1px solid var(--line)}.table-wrap{overflow-x: auto}.data{width: 100%;border-collapse: collapse;font-size: 0.93rem;background: var(--surface);border-radius: var(--r-md);overflow: hidden;border: 1px solid var(--line)}.data th,.data td{padding: 10px 12px;text-align: left;border-bottom: 1px solid var(--line)}.data thead th{background: var(--surface-2);font-size: 0.8rem;text-transform: uppercase;letter-spacing: 0.06em;color: var(--ink-3)}.data tr:last-child td{border-bottom: 0}.quote{margin: 20px 0;padding: 18px 20px 18px 22px;border-left: 4px solid var(--gold);background: var(--surface-2);border-radius: 0 var(--r-md) var(--r-md) 0}.quote p{font-family: var(--font-display);font-size: 1.15rem;color: var(--ink);margin: 0;line-height: 1.6}.quote footer{margin-top: 8px;font-size: 0.86rem;color: var(--ink-3);font-weight: 700}.callout{display: flex;gap: 12px;padding: 14px 16px;border-radius: var(--r-md);background: var(--accent-soft);border: 1px solid var(--accent-line);margin: 18px 0}.callout .icon{color: var(--accent);margin-top: 3px}.callout p{margin: 0;color: var(--ink-2)}.steps{list-style: none;padding: 0;margin: 0;counter-reset: step;display: grid;gap: 12px}.steps li{counter-increment: step;position: relative;padding: 14px 16px 14px 60px;background: var(--surface);border: 1px solid var(--line);border-radius: var(--r-md);color: var(--ink-2)}.steps li::before{content: counter(step);position: absolute;left: 14px;top: 13px;width: 32px;height: 32px;border-radius: 50%;background: var(--accent);color: var(--on-accent);display: grid;place-items: center;font-weight: 800;font-size: 0.95rem}.steps li strong{color: var(--ink)}.steps .steps__t{display: block;margin-bottom: 2px}.split{display: grid;gap: 22px;align-items: center}.split__media{margin: 0;border-radius: var(--r-lg);overflow: hidden;background: linear-gradient(180deg,var(--gold-soft),var(--surface-2));border: 1px solid var(--line)}.split__media img{width: 100%;height: auto}.split__media figcaption{padding: 12px 16px;font-size: 0.9rem;color: var(--ink-2)}@media (min-width: 860px){.split{grid-template-columns: 0.9fr 1.1fr;gap: 36px}}.timeline{list-style: none;margin: 0;padding: 0;position: relative;display: grid;gap: 10px}.timeline::before{content: "";position: absolute;left: 21px;top: 10px;bottom: 10px;width: 2px;background: linear-gradient(var(--gold),var(--accent));opacity: 0.4}.timeline > li{position: relative;padding-left: 56px}.timeline__n{position: absolute;left: 0;top: 8px;width: 44px;height: 44px;border-radius: 50%;display: grid;place-items: center;background: var(--surface);border: 2px solid var(--gold);color: var(--gold-ink);font-weight: 800;font-size: 0.85rem;line-height: 1;text-align: center}.timeline details{background: var(--surface);border: 1px solid var(--line);border-radius: var(--r-md)}.timeline summary{padding: 14px 16px;font-weight: 750;cursor: pointer;list-style: none;display: flex;justify-content: space-between;gap: 10px;align-items: center}.timeline summary::-webkit-details-marker{display: none}.timeline summary::after{content: "+";font-size: 1.3rem;color: var(--ink-3);line-height: 1}.timeline details[open] summary::after{content: "–"}.timeline summary small{display: block;font-weight: 500;color: var(--ink-3);font-size: 0.86rem;margin-top: 2px}.timeline details > p{padding: 0 16px 16px;margin: 0;color: var(--ink-2)}.faq{display: grid;gap: 10px;max-width: 820px}.faq details{background: var(--surface);border: 1px solid var(--line);border-radius: var(--r-md);transition: box-shadow 0.2s}.faq details[open]{box-shadow: var(--shadow-1)}.faq summary{cursor: pointer;list-style: none;padding: 16px 18px;font-weight: 700;display: flex;gap: 12px;justify-content: space-between;align-items: flex-start}.faq summary::-webkit-details-marker{display: none}.faq summary::after{content: "";flex: none;width: 10px;height: 10px;margin-top: 7px;border-right: 2px solid var(--ink-3);border-bottom: 2px solid var(--ink-3);transform: rotate(45deg);transition: transform 0.2s}.faq details[open] summary::after{transform: rotate(-135deg);margin-top: 11px}.faq .faq__a{padding: 0 18px 16px;color: var(--ink-2)}.faq .faq__a p:last-child{margin-bottom: 0}.links{display: grid;gap: 12px;grid-template-columns: repeat(auto-fill,minmax(230px,1fr))}.lcard{display: flex;gap: 12px;align-items: center;padding: 14px;border-radius: var(--r-md);background: var(--surface);border: 1px solid var(--line);text-decoration: none;color: var(--ink);transition: transform 0.2s var(--ease),box-shadow 0.2s,border-color 0.2s}.lcard:hover{transform: translateY(-2px);box-shadow: var(--shadow-1);border-color: var(--line-2);text-decoration: none}.lcard__dot{width: 46px;height: 46px;border-radius: 14px;flex: none;display: grid;place-items: center;font-family: var(--font-display);color: #fff;font-size: 1.05rem}.lcard__t{font-weight: 750;line-height: 1.3;display: block}.lcard__s{font-size: 0.86rem;color: var(--ink-3);display: block;line-height: 1.35;margin-top: 2px}.lcard__s.deva{font-size: 0.95rem}.big-cards{display: grid;gap: 14px;grid-template-columns: repeat(auto-fill,minmax(280px,1fr))}.bcard{display: flex;flex-direction: column;border-radius: var(--r-lg);overflow: hidden;background: var(--surface);border: 1px solid var(--line);text-decoration: none;color: var(--ink);transition: transform 0.2s var(--ease),box-shadow 0.2s}.bcard:hover{transform: translateY(-3px);box-shadow: var(--shadow-2);text-decoration: none}.bcard__top{padding: 22px 18px;color: #fff;min-height: 120px;display: flex;flex-direction: column;justify-content: flex-end;position: relative;overflow: hidden}.bcard__top .deva{font-size: 1.5rem;line-height: 1.35;position: relative}.bcard__top::after{content: "";position: absolute;right: -30px;top: -30px;width: 140px;height: 140px;border-radius: 50%;border: 2px dashed rgba(255,255,255,0.35)}.bcard__body{padding: 16px 18px 18px}.bcard__body h2,.bcard__body h3{font-size: 1.08rem;margin: 0 0 4px;font-family: var(--font-ui);font-weight: 750}.bcard__body p{font-size: 0.93rem;color: var(--ink-2);margin: 0}.bcard__go{margin-top: 10px;font-weight: 750;color: var(--accent);font-size: 0.92rem}.article-hero{padding: 10px 0 8px}.article-hero h1{font-family: var(--font-display);font-weight: 400;font-size: clamp(1.9rem,6.4vw,3rem);letter-spacing: -0.01em;margin: 8px 0 10px;max-width: 22ch}.article-hero .lead{max-width: 62ch}.meta{font-size: 0.86rem;color: var(--ink-3);display: flex;gap: 14px;flex-wrap: wrap;margin-top: 8px}.article{display: grid;gap: 28px;padding-bottom: 30px}.toc{background: var(--surface);border: 1px solid var(--line);border-radius: var(--r-md);padding: 14px 16px;font-size: 0.95rem}.toc strong{display: block;font-size: 0.78rem;letter-spacing: 0.12em;text-transform: uppercase;color: var(--ink-3);margin-bottom: 6px}.toc ol{margin: 0;padding-left: 1.2em}.toc li{margin: 4px 0}.toc a{color: var(--ink-2);text-decoration: none}.toc a:hover{color: var(--accent);text-decoration: underline}.article__body > section{padding: 6px 0 14px}.article__body h2{font-family: var(--font-display);font-weight: 400;font-size: clamp(1.45rem,4.4vw,1.9rem);margin-top: 0.8em}.cta-band{margin: 26px 0;padding: 22px;border-radius: var(--r-lg);color: #fff;position: relative;overflow: hidden;background: linear-gradient(135deg,color-mix(in oklab,var(--accent-base) 92%,#000),color-mix(in oklab,var(--accent-base) 70%,#e9b949))}.cta-band h2,.cta-band h3{color: #fff;margin: 0 0 6px;font-family: var(--font-display);font-weight: 400;font-size: 1.5rem}.cta-band p{color: rgba(255,255,255,0.9);margin: 0 0 14px}.cta-band .btn{background: #fff;color: #2a1c14;border-color: transparent}.cta-band::after{content: "";position: absolute;right: -60px;bottom: -60px;width: 220px;height: 220px;border-radius: 50%;border: 18px solid rgba(255,255,255,0.08)}@media (min-width: 1000px){.article{grid-template-columns: minmax(0,1fr) 280px;gap: 44px}.article aside{position: sticky;top: calc(var(--topbar-h) + 18px);align-self: start;display: grid;gap: 14px}}.page-simple{max-width: 800px;padding: 10px 0 40px}.page-simple h1{font-family: var(--font-display);font-weight: 400;font-size: clamp(1.9rem,6vw,2.7rem);margin: 10px 0 12px}.page-simple h2{font-size: 1.2rem;margin-top: 1.8em}.page-simple p,.page-simple li{color: var(--ink-2)}.hub-hero{padding: 18px 0 8px}.hub-hero h1{font-family: var(--font-display);font-weight: 400;font-size: clamp(2rem,6.5vw,3.1rem);margin: 6px 0 8px}.footer{margin-top: 30px;background: var(--surface);border-top: 1px solid var(--line);padding: 36px 0 calc(28px + env(safe-area-inset-bottom));font-size: 0.95rem}.footer__grid{display: grid;gap: 26px;grid-template-columns: 1fr 1fr}.footer__brand{grid-column: 1 / -1}.footer__brand p{color: var(--ink-3);margin: 10px 0 14px;max-width: 42ch;font-size: 0.93rem}.footer h2{font-size: 0.78rem;letter-spacing: 0.12em;text-transform: uppercase;color: var(--ink-3);margin: 0 0 10px;font-family: var(--font-ui)}.footer ul{list-style: none;padding: 0;margin: 0;display: grid;gap: 7px}.footer a{color: var(--ink-2);text-decoration: none}.footer a:hover{color: var(--accent);text-decoration: underline}.social{display: flex;gap: 8px}.social a{width: 42px;height: 42px;border-radius: 50%;display: grid;place-items: center;border: 1px solid var(--line);color: var(--ink-2)}.social a:hover{color: var(--accent);border-color: var(--accent-line);text-decoration: none}.social .icon{width: 19px;height: 19px}.footer__bottom{margin-top: 28px;padding-top: 18px;border-top: 1px solid var(--line);display: flex;flex-wrap: wrap;gap: 8px 18px;justify-content: space-between;color: var(--ink-3);font-size: 0.86rem}@media (min-width: 900px){.footer__grid{grid-template-columns: 1.4fr 1fr 1fr 1fr}.footer__brand{grid-column: auto}}.nf{text-align: center;padding: 60px 0 40px}.nf__big{font-family: var(--font-display);font-size: 5rem;color: var(--accent);line-height: 1}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.001ms !important;animation-iteration-count: 1 !important;transition-duration: 0.001ms !important;scroll-behavior: auto !important}}@media print{.topbar,.footer,.tool,dialog,.drawer{display: none !important}body{background: #fff}}