.hero{align-items:center;min-height:82svh;display:flex}.hero__inner{max-width:56rem}.hero__sub{font-size:var(--text-body-lg);line-height:var(--text-body-lg--line-height);margin-top:1.75rem}.hero__cta{flex-wrap:wrap;align-items:center;gap:28px;margin-top:2.25rem;display:flex}.hero-caret{background:var(--color-bs-violet-bright);vertical-align:baseline;width:.09em;height:.82em;margin-left:.08em;animation:1.1s step-end infinite hero-blink;display:inline-block;transform:translateY(.08em)}@keyframes hero-blink{50%{opacity:0}}.hero-scrollcue{font-family:var(--font-data);color:var(--color-fg-muted);align-items:center;gap:8px;font-size:13px;text-decoration:none;display:inline-flex}.hero-scrollcue:hover{color:var(--color-fg-primary)}.hero-scrollcue:after{content:"↓";transition:transform var(--dur-base) var(--ease-standard)}.hero-scrollcue:hover:after{transform:translateY(3px)}.viz-split{grid-template-columns:1fr;align-items:center;gap:1.75rem;display:grid}.viz-split__center{justify-content:center;display:flex}@media (width>=48rem){.viz-split{grid-template-columns:1fr 1fr;gap:3.5rem}.viz-split--flip>:first-child{order:1}}.dg{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-top:2rem;overflow:hidden}.dg__head{border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-inset);font-family:var(--font-data);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-muted);justify-content:space-between;align-items:baseline;padding:14px 22px;font-size:12px;display:flex}.dg__count b{color:var(--color-accent-ink);font-weight:400}.dg-list{grid-template-columns:1fr;margin:0;padding:10px 8px;list-style:none;display:grid}@media (width>=48rem){.dg-list{grid-template-columns:1fr 1fr;column-gap:8px}}.dg-item label{border-radius:var(--radius-md);cursor:pointer;color:var(--color-fg-secondary);transition:color var(--dur-fast) var(--ease-standard), background var(--dur-fast) var(--ease-standard);align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.dg-item label:hover{color:var(--color-fg-primary);background:var(--wash-violet)}.dg-item input{appearance:none;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-xs);background:var(--color-surface-card);cursor:pointer;width:20px;height:20px;transition:all var(--dur-fast) var(--ease-standard);flex:none;margin-top:2px;position:relative}.dg-item input:checked{background:var(--color-accent-primary);border-color:var(--color-accent-primary)}.dg-item input:checked:after{content:"";border:solid var(--color-fg-inverse);border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.dg-item input:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.dg-item__num{font-family:var(--font-data);color:var(--color-fg-muted);flex:none;margin-top:3px;font-size:12px}.dg-item input:checked~span{color:var(--color-fg-primary)}.dg-item input:checked~.dg-item__num{color:var(--color-accent-ink)}.dg-reveal{transition:grid-template-rows var(--dur-slow) var(--ease-emphasized);grid-template-rows:0fr;display:grid}.dg-reveal.is-open,html.no-js .dg-reveal{grid-template-rows:1fr}.dg-reveal__inner{overflow:hidden}.dg-reveal__band{background:var(--wash-violet-strong);border-top:1px solid light-dark(#5c4e8d4d,#a78bfa66);padding:20px 24px 22px}.dg-reveal__title{font-family:var(--font-display);font-weight:700;font-size:var(--text-h4);color:var(--color-fg-primary)}.confetti{pointer-events:none;z-index:60;width:7px;height:11px;animation:confetti-fall .9s var(--ease-standard) forwards;border-radius:1px;position:fixed;top:0;left:0}@keyframes confetti-fall{0%{transform:translate(var(--cx0), var(--cy0)) rotate(0deg);opacity:1}to{transform:translate(var(--cx1), var(--cy1)) rotate(var(--cr));opacity:0}}.sb{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);font-family:var(--font-data);color:var(--color-fg-primary);padding-bottom:10px;font-size:13.5px;overflow:hidden}.sb__head{border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-inset);color:var(--color-fg-muted);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:baseline;margin-bottom:8px;padding:13px 22px;font-size:12px;display:flex}.sb__row{align-items:center;gap:12px;padding:9px 22px;display:flex}.sb__row+.sb__row{border-top:1px solid var(--color-hairline)}.sb__dot{border-radius:var(--radius-pill);background:var(--color-bs-green);flex:none;width:8px;height:8px}.sb__row--unknown .sb__dot{background:var(--color-bs-amber);animation:2.4s ease-in-out infinite sb-blink}@keyframes sb-blink{50%{opacity:.25}}.sb__name{flex:1}.sb__status{color:var(--color-bs-green);letter-spacing:.06em;font-size:12px}.sb__row--unknown .sb__status{color:var(--color-bs-amber)}.sb__meta{color:var(--color-fg-muted);font-size:12px}.tg{font-family:var(--font-data);color:var(--color-fg-muted);background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);box-shadow:var(--shadow-card);align-items:center;gap:12px;padding:8px 16px;font-size:13px;display:inline-flex}.tg__switch{appearance:none;border-radius:var(--radius-pill);background:var(--color-accent-primary);cursor:pointer;width:40px;height:22px;transition:background var(--dur-base) var(--ease-standard);flex:none;position:relative}.tg__switch:after{content:"";border-radius:var(--radius-pill);background:var(--color-fg-inverse);width:18px;height:18px;transition:left var(--dur-base) var(--ease-emphasized);position:absolute;top:2px;left:20px}.tg__switch:not(:checked){background:var(--color-accent-emphasis)}.tg__switch:not(:checked):after{left:2px}.tg__switch:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.tg__state{min-width:44px}.tg-parody,.tg-on .tg-real{display:none}.tg-on .tg-parody{display:block}.tg-anim .tg-real,.tg-anim .tg-parody{animation:tg-swap .28s var(--ease-standard)}.tg-state-swap{animation:tg-swap .24s var(--ease-standard);display:inline-block}@keyframes tg-swap{0%{opacity:0;transform:translateY(5px)}}.tg-parody__text{font-size:var(--text-body-lg);color:var(--color-accent-emphasis);font-weight:600}.repo{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);font-family:var(--font-data);font-size:13px;overflow:hidden}.repo__bar{border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-inset);color:var(--color-fg-muted);align-items:center;gap:8px;padding:12px 16px;font-size:12px;display:flex}.repo__bar:before{content:"";border-radius:var(--radius-pill);background:var(--color-border-strong);width:9px;height:9px;box-shadow:16px 0 0 var(--color-border-strong), 32px 0 0 var(--color-border-strong);margin-right:32px}.repo__commits{border-bottom:1px solid var(--color-border-subtle);padding:8px 0}.repo__commit{color:var(--color-fg-secondary);white-space:nowrap;gap:12px;padding:6px 16px;display:flex}.repo__hash{color:var(--color-fg-muted)}.repo__msg{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.repo__commit--kill .repo__msg{color:var(--color-bs-red)}.repo__date{color:var(--color-fg-muted);margin-left:auto;font-size:12px}.repo__diff{border-bottom:1px solid var(--color-border-subtle);padding:10px 0}.repo__diffline{white-space:pre-wrap;padding:3px 16px;display:block}.repo__diffline--del{color:var(--color-bs-red);background:light-dark(#b7182414,#f1707021)}.repo__diffline--add{color:var(--color-bs-green);background:light-dark(#00774b14,#56d29821)}.repo__checks{color:var(--color-fg-muted);flex-wrap:wrap;gap:16px;padding:12px 16px;font-size:12px;display:flex}.repo__check--pass:before{content:"✓ ";color:var(--color-bs-green)}.spec{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);max-width:54rem;box-shadow:var(--shadow-card);overflow:hidden}.spec__bar{border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-inset);font-family:var(--font-data);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-muted);justify-content:space-between;align-items:baseline;padding:13px 22px;font-size:12px;display:flex}.spec__row{grid-template-columns:200px 1fr;align-items:baseline;gap:24px;padding:16px 22px;display:grid}.spec__row+.spec__row{border-top:1px solid var(--color-hairline)}.spec__key{font-family:var(--font-data);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-muted);font-size:12px}.spec__val{color:var(--color-fg-secondary);font-size:15px}.spec__val strong{color:var(--color-fg-primary);font-weight:600}.spec__row--price{background:var(--wash-violet)}.spec__price{font-family:var(--font-display);font-weight:700;font-size:var(--text-h3);color:var(--color-fg-primary);letter-spacing:-.01em;display:block}@media (width<=40rem){.spec__row{grid-template-columns:1fr;gap:4px;padding:14px 18px}}.kb{font-family:var(--font-data);grid-template-columns:repeat(4,1fr);gap:12px;font-size:12.5px;display:grid}@media (width<=48rem){.kb{grid-template-columns:repeat(2,1fr)}}.kb__col{background:var(--color-surface-inset);border-radius:var(--radius-md);flex-direction:column;gap:8px;min-height:180px;padding:10px;display:flex}.kb__title{letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-muted);justify-content:space-between;padding:2px 4px 6px;font-size:11px;display:flex}.kb__card{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-fg-secondary);align-items:flex-start;gap:8px;padding:9px 10px;line-height:1.4;display:flex}.kb__body{flex:1;min-width:0}.kb__box{border:1.5px solid var(--color-border-strong);border-radius:var(--radius-xs);background:var(--color-surface-card);flex:none;width:14px;height:14px;margin-top:2px}.kb__box--done{background:var(--color-bs-green);border-color:var(--color-bs-green);position:relative}.kb__box--done:after{content:"";border:solid var(--color-fg-inverse);border-width:0 1.5px 1.5px 0;width:4px;height:7px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.kb__who{border-radius:var(--radius-pill);letter-spacing:.02em;background:var(--wash-violet-strong);width:22px;height:22px;color:var(--color-accent-ink);flex:none;justify-content:center;align-items:center;font-size:9.5px;font-weight:400;display:inline-flex}.kb__who--none{border:1.5px dashed var(--color-border-strong);color:var(--color-fg-muted);background:0 0}.kb__age{color:var(--color-bs-amber);margin-top:4px;font-size:11px;display:block}.kb__card--biz{background:light-dark(#eab3081a,#fbbf241f);border-color:light-dark(#9a641847,#fbbf244d)}.kb__card--done{color:var(--color-fg-muted)}.kb__card--drag{color:var(--color-fg-primary);background:var(--color-surface-card);cursor:grab;touch-action:none;user-select:none;transition:box-shadow var(--dur-fast) var(--ease-standard);border-color:light-dark(#5c4e8d80,#a78bfa8c);animation:4s ease-in-out infinite kb-wiggle}@keyframes kb-wiggle{0%,90%,to{transform:none}92%{transform:rotate(-1.4deg)}94%{transform:rotate(1.2deg)}96%{transform:rotate(-.7deg)}98%{transform:rotate(.4deg)}}.kb__card--drag:hover{box-shadow:var(--shadow-card)}.kb__card--drag:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.kb__card--drag.is-lifted{z-index:40;box-shadow:var(--shadow-card-hover);cursor:grabbing;animation:none;position:relative}.kb__hint{color:var(--color-fg-muted);padding:0 4px;font-size:11px}.kb__slot{border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-sm);min-height:44px;color:var(--color-fg-muted);transition:border-color var(--dur-fast) var(--ease-standard), background var(--dur-fast) var(--ease-standard);justify-content:center;align-items:center;font-size:11px;display:flex}.kb__slot.is-target{border-color:var(--color-border-focus);background:var(--wash-violet)}.kb__note{background:var(--color-accent-primary);color:var(--color-fg-inverse);border-radius:var(--radius-sm);padding:9px 11px;font-weight:400;display:none}.kb__note:hover{color:var(--color-fg-inverse);background:var(--color-accent-primary-hover)}.kb.is-moved .kb__note{animation:kb-note-pop .32s var(--ease-emphasized);display:block}@keyframes kb-note-pop{0%{opacity:0;transform:scale(.88)}}.kb.is-moved .kb__slot,.kb.is-moved .kb__hint{display:none}.atmo{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.atmo__blob{width:var(--bsize);aspect-ratio:1;filter:blur(42px);transform:rotate(var(--brot));animation:atmo-drift var(--bdur) ease-in-out infinite alternate;position:absolute}.atmo__blob:before{content:"";background:light-dark(#5c4e8d1c,#8b5cf61a);width:100%;height:100%;display:block}.atmo__blob--circle:before{border-radius:var(--radius-pill)}.atmo__blob--square:before{border-radius:18%}.atmo__blob--triangle:before{clip-path:polygon(50% 4%,97% 95%,3% 95%)}@keyframes atmo-drift{0%{transform:rotate(var(--brot)) translateY(-16px)}to{transform:rotate(var(--brot)) translateY(16px)}}.xp-label{font-family:var(--font-data);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-muted);font-size:12px}.xp{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.xp__item{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:box-shadow var(--dur-fast) var(--ease-standard);align-items:center;gap:13px;padding:13px 15px;display:flex}.xp__item:hover{box-shadow:var(--shadow-card-hover)}.xp__logo{border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);object-fit:contain;background:var(--color-white);flex:none;width:42px;height:42px;padding:6px}.xp__logo--full{object-fit:cover;padding:0}.xp__text{flex-direction:column;gap:3px;min-width:0;display:flex}.xp__name{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-fg-primary);font-size:15px;font-weight:700}.xp__role{font-family:var(--font-data);color:var(--color-fg-muted);font-size:11.5px}.api{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);max-width:44rem;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.api__overlay{z-index:2;text-align:center;background:color-mix(in oklab, var(--color-fg-primary) 78%, transparent);color:var(--color-fg-inverse);opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.375rem;padding:1.5rem;transition:opacity .35s;display:flex;position:absolute;inset:0}.api__overlay.is-visible{opacity:1;pointer-events:auto}.api__overlay strong{font-size:var(--text-h4,1.25rem)}.api__bar{border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-inset);font-family:var(--font-data);color:var(--color-fg-secondary);justify-content:space-between;align-items:baseline;padding:13px 22px;font-size:12.5px;display:flex}.api__bar>span:last-child{color:var(--color-fg-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.api__body{flex-direction:column;gap:18px;padding:22px;display:flex}.api__body .bs-input,.api__body .bs-textarea{background:var(--color-surface-base)}.api__resp{border-top:1px solid var(--color-border-subtle);background:var(--color-surface-inset);font-size:var(--text-body-sm);color:var(--color-fg-secondary);align-items:baseline;gap:12px;padding:14px 22px;display:flex}.api__code{font-family:var(--font-data);color:var(--color-bs-amber);flex:none;font-size:12px}.closer{font-family:var(--font-data);color:var(--color-fg-secondary);text-wrap:balance;margin-top:5rem;font-size:1.1875rem;line-height:1.6}.closer:before{content:"// ";color:var(--color-bs-violet-bright)}.site-footer{border-top:1px solid var(--color-border-subtle);background:var(--color-surface-card)}.site-footer__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-block:2.5rem 1.5rem;display:flex}.site-footer__social{gap:8px;display:inline-flex}.site-footer__social a,.site-footer__social .is-pending{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-fg-muted);transition:color var(--dur-fast) var(--ease-standard), background var(--dur-fast) var(--ease-standard);justify-content:center;align-items:center;display:inline-flex}.site-footer__social a:hover{color:var(--color-accent-ink);background:var(--wash-violet)}.site-footer__social .is-pending{opacity:.35;cursor:default}.site-footer__bottom{border-top:1px solid var(--color-hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:1.25rem 2rem;display:flex}.theme-toggle{border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);background:var(--color-surface-inset);gap:2px;padding:3px;display:inline-flex}.theme-toggle button{font-family:var(--font-data);color:var(--color-fg-muted);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background:0 0;border:none;padding:5px 12px;font-size:11.5px}.theme-toggle button:hover{color:var(--color-fg-primary)}.theme-toggle button[aria-pressed=true]{background:var(--color-surface-card);color:var(--color-fg-primary);box-shadow:var(--shadow-card)}.theme-toggle button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.pc{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);width:100%;max-width:340px;overflow:hidden}@media (width<=48rem){.pc{max-width:260px}}.pc__photo{aspect-ratio:4/4.6;font-family:var(--font-display);color:var(--color-accent-primary);background:linear-gradient(165deg,#d9d4e8 0%,#b4abd0 100%);justify-content:center;align-items:center;font-size:56px;font-weight:700;display:flex}.pc__photo img{object-fit:cover;width:100%;height:100%;display:block}.pc__rows{font-size:13px}.pc__row{justify-content:space-between;align-items:baseline;gap:16px;padding:13px 18px;display:flex}.pc__row+.pc__row{border-top:1px solid var(--color-border-subtle)}.pc__key{font-family:var(--font-display);color:var(--color-fg-primary);white-space:nowrap;font-size:15px;font-weight:700}.pc__val{color:var(--color-fg-muted);text-align:right}