:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-display:"Bricolage Grotesque", "Figtree", system-ui, sans-serif;--font-body:"Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-md:.9375rem;--fs-lg:1.0625rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:1.875rem;--fs-4xl:2.375rem;--fs-5xl:3rem;--lh-tight:1.15;--lh-snug:1.3;--lh-body:1.55;--bg:oklch(97.5% .006 250);--surface:#fff;--surface-2:oklch(95.2% .008 250);--surface-3:oklch(92.5% .01 250);--ink:oklch(22% .03 262);--ink-2:oklch(42% .025 262);--ink-3:oklch(58% .02 262);--line:oklch(89.5% .01 250);--line-strong:oklch(80% .012 250);--overlay:oklch(15% .03 262/.45);--brand:oklch(30% .06 262);--brand-hover:oklch(36% .07 262);--brand-ink:#fff;--gold:oklch(80% .16 84);--gold-deep:oklch(64% .15 76);--gold-soft:oklch(96% .05 90);--wise:oklch(54% .13 178);--good:oklch(58% .15 152);--good-bg:oklch(95.5% .04 152);--warn:oklch(66% .15 70);--warn-bg:oklch(96% .05 85);--bad:oklch(56% .19 26);--bad-bg:oklch(95.5% .03 26);--info:oklch(56% .13 242);--info-bg:oklch(95.5% .03 242);--sp-hue:262;--sp:oklch(54% .17 var(--sp-hue));--sp-strong:oklch(44% .17 var(--sp-hue));--sp-soft:oklch(93.5% .045 var(--sp-hue));--sp-tint:oklch(97% .02 var(--sp-hue));--sp-line:oklch(86% .06 var(--sp-hue));--sp-ink:#fff;--status-stable:var(--good);--status-guarded:var(--warn);--status-unstable:oklch(62% .19 40);--status-critical:var(--bad);--status-improving:var(--info);--r-sm:8px;--r-md:14px;--r-lg:22px;--r-pill:999px;--shadow-1:0 1px 2px oklch(20% .03 262/.06), 0 1px 3px oklch(20% .03 262/.05);--shadow-2:0 4px 14px oklch(20% .03 262/.08), 0 1px 3px oklch(20% .03 262/.05);--shadow-3:0 18px 44px oklch(20% .03 262/.16);--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.14s;--dur:.24s;--dur-slow:.42s;--gutter-l:max(16px, env(safe-area-inset-left,0px));--gutter-r:max(16px, env(safe-area-inset-right,0px));--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--tabbar-h:64px;--rail-w:240px;--content-max:1120px;--reading-max:68ch}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(17% .016 262);--surface:oklch(22% .018 262);--surface-2:oklch(26% .02 262);--surface-3:oklch(31% .022 262);--ink:oklch(95% .008 262);--ink-2:oklch(76% .015 262);--ink-3:oklch(62% .015 262);--line:oklch(31% .02 262);--line-strong:oklch(40% .022 262);--overlay:oklch(8% .02 262/.6);--brand:oklch(93% .02 262);--brand-hover:oklch(98% .01 262);--brand-ink:oklch(20% .03 262);--gold:oklch(84% .15 86);--gold-deep:oklch(74% .15 80);--gold-soft:oklch(30% .06 85);--wise:oklch(80% .12 178);--good:oklch(74% .15 152);--good-bg:oklch(27% .05 152);--warn:oklch(80% .14 78);--warn-bg:oklch(29% .06 80);--bad:oklch(72% .17 26);--bad-bg:oklch(28% .06 26);--info:oklch(74% .12 242);--info-bg:oklch(27% .05 242);--sp:oklch(76% .14 var(--sp-hue));--sp-strong:oklch(85% .12 var(--sp-hue));--sp-soft:oklch(30% .06 var(--sp-hue));--sp-tint:oklch(24% .03 var(--sp-hue));--sp-line:oklch(40% .08 var(--sp-hue));--sp-ink:oklch(16% .05 var(--sp-hue));--status-unstable:oklch(76% .16 45);--shadow-1:0 1px 2px oklch(0% 0 0/.3);--shadow-2:0 4px 14px oklch(0% 0 0/.35);--shadow-3:0 18px 44px oklch(0% 0 0/.5)}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(17% .016 262);--surface:oklch(22% .018 262);--surface-2:oklch(26% .02 262);--surface-3:oklch(31% .022 262);--ink:oklch(95% .008 262);--ink-2:oklch(76% .015 262);--ink-3:oklch(62% .015 262);--line:oklch(31% .02 262);--line-strong:oklch(40% .022 262);--overlay:oklch(8% .02 262/.6);--brand:oklch(93% .02 262);--brand-hover:oklch(98% .01 262);--brand-ink:oklch(20% .03 262);--gold:oklch(84% .15 86);--gold-deep:oklch(74% .15 80);--gold-soft:oklch(30% .06 85);--wise:oklch(80% .12 178);--good:oklch(74% .15 152);--good-bg:oklch(27% .05 152);--warn:oklch(80% .14 78);--warn-bg:oklch(29% .06 80);--bad:oklch(72% .17 26);--bad-bg:oklch(28% .06 26);--info:oklch(74% .12 242);--info-bg:oklch(27% .05 242);--sp:oklch(76% .14 var(--sp-hue));--sp-strong:oklch(85% .12 var(--sp-hue));--sp-soft:oklch(30% .06 var(--sp-hue));--sp-tint:oklch(24% .03 var(--sp-hue));--sp-line:oklch(40% .08 var(--sp-hue));--sp-ink:oklch(16% .05 var(--sp-hue));--status-unstable:oklch(76% .16 45);--shadow-1:0 1px 2px oklch(0% 0 0/.3);--shadow-2:0 4px 14px oklch(0% 0 0/.35);--shadow-3:0 18px 44px oklch(0% 0 0/.5)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-md);line-height:var(--lh-body);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:var(--lh-tight);letter-spacing:-.01em;text-wrap:balance;margin:0}h1{font-size:var(--fs-3xl);font-variation-settings:"opsz" 48, "wdth" 95}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg);font-family:var(--font-body);font-weight:650}p{margin:0}p+p{margin-top:.75em}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}img,svg{max-width:100%;display:block}:focus-visible{outline:3px solid var(--sp);outline-offset:2px;border-radius:var(--r-sm)}::selection{background:var(--sp-soft)}.num,.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tabular{font-variant-numeric:tabular-nums}.eyebrow{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:700}.muted{color:var(--ink-2)}.subtle{color:var(--ink-3)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stack{gap:var(--gap,12px);flex-direction:column;min-width:0;display:flex}.row{align-items:center;gap:var(--gap,12px);min-width:0;display:flex}.row.wrap{flex-wrap:wrap}.grow{flex:auto;min-width:0}.page{padding-inline:var(--gutter-l) var(--gutter-r);padding-block:20px calc(var(--tabbar-h) + var(--safe-bottom) + 24px);max-width:var(--content-max);width:100%;margin-inline:auto}@media (width>=900px){.page{padding-block:32px 48px;padding-inline:40px max(40px, env(safe-area-inset-right,0px))}}.reading{max-width:var(--reading-max)}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}:root[data-motion=reduced] *,:root[data-motion=reduced] :before,:root[data-motion=reduced] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.app-loading{min-height:40vh;color:var(--ink-3);place-items:center;display:grid}[style*=--sp-hue]{--sp:oklch(54% .17 var(--sp-hue));--sp-strong:oklch(44% .17 var(--sp-hue));--sp-soft:oklch(93.5% .045 var(--sp-hue));--sp-tint:oklch(97% .02 var(--sp-hue));--sp-line:oklch(86% .06 var(--sp-hue))}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) [style*=--sp-hue]{--sp:oklch(76% .14 var(--sp-hue));--sp-strong:oklch(85% .12 var(--sp-hue));--sp-soft:oklch(30% .06 var(--sp-hue));--sp-tint:oklch(24% .03 var(--sp-hue));--sp-line:oklch(40% .08 var(--sp-hue));--sp-ink:oklch(16% .05 var(--sp-hue))}}:root[data-theme=dark] [style*=--sp-hue]{--sp:oklch(76% .14 var(--sp-hue));--sp-strong:oklch(85% .12 var(--sp-hue));--sp-soft:oklch(30% .06 var(--sp-hue));--sp-tint:oklch(24% .03 var(--sp-hue));--sp-line:oklch(40% .08 var(--sp-hue));--sp-ink:oklch(16% .05 var(--sp-hue))}.rm{color:inherit;align-items:center;gap:10px;display:inline-flex}.rm__tile{background:var(--brand);color:var(--brand-ink);box-shadow:var(--shadow-1);flex:none;place-items:center;display:inline-grid}.rm__word{font-family:var(--font-display);letter-spacing:-.02em;font-variation-settings:"opsz" 48, "wdth" 92;color:var(--ink);font-weight:750;line-height:1}.rm__wise{font-family:var(--font-body);letter-spacing:-.015em;color:var(--wise);padding-right:.04em;font-style:italic;font-weight:800}.ob-pin{font-size:var(--fs-4xl);letter-spacing:.18em;text-align:center;border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink);padding:14px 12px;font-weight:600}.shell{flex-direction:column;min-height:100%;display:flex}.shell-main{min-width:0;padding-top:var(--safe-top);outline:none;flex:auto}.shell:before{content:"";height:var(--safe-top);background:var(--brand);z-index:45;pointer-events:none;position:fixed;inset:0 0 auto}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .shell:before{background:var(--bg)}}:root[data-theme=dark] .shell:before{background:var(--bg)}.shell-skip{top:calc(var(--safe-top) + 8px);z-index:100;border-radius:var(--r-pill);background:var(--brand);color:var(--brand-ink);padding:10px 14px;font-weight:650;text-decoration:none;position:fixed;left:8px;transform:translateY(-200%)}.shell-skip:focus{transform:none}.shell-tabbar{z-index:40;height:calc(var(--tabbar-h) + var(--safe-bottom));padding:0 var(--gutter-r) var(--safe-bottom) var(--gutter-l);background:color-mix(in oklch, var(--surface) 92%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(16px);border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.shell-tabbar a{min-height:44px;color:var(--ink-2);font-size:var(--fs-xs);border-radius:var(--r-md);transition:color var(--dur-fast) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-weight:650;text-decoration:none;display:flex}.shell-tabbar a svg{transition:transform var(--dur) var(--ease-spring)}.shell-tabbar a.is-active{color:var(--brand)}.shell-tabbar a.is-active svg{transform:translateY(-1px)scale(1.06)}:root[data-theme=dark] .shell-tabbar a.is-active{color:var(--ink)}.shell-rail{display:none}@media (width>=900px){.shell{flex-direction:row}.shell-tabbar{display:none}.shell-rail{width:var(--rail-w);height:100dvh;padding:max(20px, var(--safe-top)) 16px 20px max(16px, env(safe-area-inset-left,0px));border-right:1px solid var(--line);background:var(--surface);overscroll-behavior:contain;flex-direction:column;flex:none;gap:24px;display:flex;position:sticky;top:0;overflow-y:auto}.shell-rail__brand{border-radius:var(--r-md);padding:6px 8px;text-decoration:none;display:inline-flex}.shell-rail__nav{flex-direction:column;gap:2px;display:flex}.shell-rail__nav a{border-radius:var(--r-sm);min-height:44px;color:var(--ink-2);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);align-items:center;gap:12px;padding:0 12px;font-weight:600;text-decoration:none;display:flex}.shell-rail__nav a:hover{background:var(--surface-2);color:var(--ink)}.shell-rail__nav a.is-active{background:var(--surface-3);color:var(--ink)}.shell-rail__nav a.is-active svg{color:var(--brand)}.shell-rail__foot{margin-top:auto}}.shell-rank{border-radius:var(--r-md);border:1px solid var(--line);background:var(--bg);color:inherit;align-items:center;gap:10px;min-width:0;padding:10px;text-decoration:none;display:flex}a.shell-rank:hover{border-color:var(--line-strong)}.shell-rank--empty{font-size:var(--fs-sm);flex-direction:column;align-items:flex-start}.shell-rank__text{flex-direction:column;min-width:0;display:flex}.shell-rank__name{white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.shell-rank__meta{font-size:var(--fs-xs);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.shell-rank__meta .num{color:color-mix(in oklch, var(--gold-deep) 70%, var(--ink));font-weight:600}.shell-demo{top:var(--safe-top);z-index:30;padding:6px var(--gutter-r) 6px var(--gutter-l);background:var(--info-bg);color:var(--ink);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky}.shell-demo__text{min-width:0;font-weight:600;font-size:var(--fs-sm);line-height:var(--lh-snug);flex:auto;align-items:center;gap:8px;display:flex}.shell-demo .ui-btn{flex:none}.shell-demo__icon{color:var(--info);flex:none}@media (width>=900px){.shell-demo{padding-inline:40px max(40px, env(safe-area-inset-right,0px))}}