:root{--c-bg: #ffffff;--c-surface: #ffffff;--c-surface-2: #fafafa;--c-border: rgba(0, 0, 0, .1);--c-border-strong: rgba(0, 0, 0, .16);--c-text: #0b0c0e;--c-text-2: rgba(11, 12, 14, .78);--c-text-3: rgba(11, 12, 14, .62);--c-accent: #111111;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Apple Color Emoji", "Segoe UI Emoji";--font-serif: ui-serif, Georgia, "Times New Roman", Times, serif;--font-display: var(--font-serif);--font-body: var(--font-sans);--fs-1: 12px;--fs-2: 14px;--fs-3: 16px;--fs-4: 18px;--fs-5: 22px;--fs-6: 28px;--fs-7: 36px;--fs-8: 48px;--fs-9: 64px;--lh-tight: 1.1;--lh-normal: 1.55;--lh-reading: 1.85;--sp-0: 0;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 40px;--sp-9: 56px;--sp-10: 72px;--r-1: 10px;--r-2: 14px;--r-3: 18px;--r-pill: 999px;--sh-1: 0 1px 0 rgba(0,0,0,.08);--sh-2: 0 8px 24px rgba(0,0,0,.08);--wrap: 1040px;--wrap-reading: 780px;--focus-ring: 0 0 0 4px rgba(0,0,0,.12)}:root[data-theme=dark]{--c-bg: #0b0c0e;--c-surface: #0f1115;--c-surface-2: #11141a;--c-border: rgba(255,255,255,.1);--c-border-strong: rgba(255,255,255,.16);--c-text: #f5f6f7;--c-text-2: rgba(245,246,247,.8);--c-text-3: rgba(245,246,247,.62);--c-accent: #ffffff;--sh-1: 0 1px 0 rgba(255,255,255,.06);--sh-2: 0 10px 30px rgba(0,0,0,.45);--focus-ring: 0 0 0 4px rgba(255,255,255,.14)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:var(--font-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img,svg,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}::selection{background:#0000001f}:root[data-theme=dark] ::selection{background:#ffffff29}.h1{font-family:var(--font-display);font-size:var(--fs-8);line-height:var(--lh-tight);letter-spacing:-.02em;margin:0 0 var(--sp-4)}.h2{font-family:var(--font-display);font-size:var(--fs-6);line-height:1.2;letter-spacing:-.015em;margin:0 0 var(--sp-3)}.p{font-size:var(--fs-4);line-height:var(--lh-normal);color:var(--c-text-2);margin:0 0 var(--sp-4)}.muted{color:var(--c-text-3)}.small{font-size:var(--fs-2)}.reading{font-size:var(--fs-4);line-height:var(--lh-reading);color:var(--c-text-2)}.reading p{margin:0 0 var(--sp-5)}.reading h1,.reading h2,.reading h3{color:var(--c-text)}.reading h2{margin-top:var(--sp-8)}.reading ul,.reading ol{margin:0 0 var(--sp-5) var(--sp-6)}.container{max-width:var(--wrap);margin:0 auto;padding:0 var(--sp-6)}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--c-bg) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--c-border)}.topbar__inner{max-width:var(--wrap);margin:0 auto;padding:0 var(--sp-6);height:64px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:var(--font-display);font-size:var(--fs-5);letter-spacing:-.02em}.nav{display:flex;align-items:center;gap:var(--sp-2)}.nav a{padding:8px 10px;border-radius:var(--r-2);color:var(--c-text-2)}.nav a.active{color:var(--c-text);background:var(--c-surface-2);border:1px solid var(--c-border)}.main{flex:1;padding:var(--sp-9) 0}.footer{border-top:1px solid var(--c-border);padding:var(--sp-6) 0;color:var(--c-text-3)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5)}@media (max-width: 900px){.grid-2{grid-template-columns:1fr}}.hr{border:0;border-top:1px solid var(--c-border);margin:var(--sp-7) 0}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-3);box-shadow:var(--sh-1);padding:var(--sp-6)}.card--soft{background:var(--c-surface-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:42px;padding:0 16px;border-radius:var(--r-pill);border:1px solid var(--c-border);background:var(--c-text);color:var(--c-bg);font-weight:650;letter-spacing:.01em;cursor:pointer;transition:transform .14s ease,opacity .14s ease,box-shadow .14s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0);opacity:.92}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn--ghost{background:transparent;color:var(--c-text);border:1px solid var(--c-border)}.btn--ghost:hover{background:var(--c-surface-2)}.btn--link{height:auto;padding:0;border:0;background:transparent;color:var(--c-text);border-radius:0;text-decoration:underline;text-underline-offset:4px}.input,.textarea,.select{width:100%;border:1px solid var(--c-border);background:transparent;border-radius:var(--r-2);padding:12px 14px;color:var(--c-text);outline:none}.input:focus,.textarea:focus,.select:focus{outline:none;box-shadow:var(--focus-ring)}.textarea{min-height:140px;resize:vertical}.badge{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--r-pill);border:1px solid var(--c-border);color:var(--c-text-2);font-size:var(--fs-2)}.list{display:grid;gap:var(--sp-4)}.item-link{display:block;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.item-link:hover{transform:translateY(-1px);box-shadow:var(--sh-2)}.mt-2{margin-top:var(--sp-2)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mt-8{margin-top:var(--sp-8)}.mb-2{margin-bottom:var(--sp-2)}.mb-4{margin-bottom:var(--sp-4)}.mb-6{margin-bottom:var(--sp-6)}.center{text-align:center}.reading-wrap{max-width:var(--wrap-reading);margin:0 auto}.kbd{font-size:var(--fs-2);padding:2px 8px;border-radius:var(--r-1);border:1px solid var(--c-border);background:var(--c-surface-2)}