:root{--teal-700: #0f766e;--teal-600: #0d9488;--teal-500: #14b8a6;--teal-400: #2dd4bf;--teal-100: #ccfbf1;--teal-50: #f0fdfa;--amber: #d97706;--amber-100: #fde68a;--amber-50: #fffbeb;--blue: #1d4ed8;--blue-50: #eff6ff;--violet: #6d28d9;--violet-50: #f5f3ff;--rose: #be123c;--rose-50: #fff1f2;--hl: #fef3c7;--ink: #14181f;--ink-2: #374151;--muted: #6b7280;--faint: #9ca3af;--line: #e7e5e4;--line-2: #efedea;--surface: #ffffff;--canvas: #fafaf9;--sans: "Inter", system-ui, sans-serif;--serif: "Fraunces", Georgia, serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--maxw: 1320px;--focus: #0d9488}@media(prefers-color-scheme:dark){:root{--teal-700: #5eead4;--teal-600: #0d9488;--teal-500: #2dd4bf;--teal-400: #2dd4bf;--teal-100: rgba(45, 212, 191, .24);--teal-50: rgba(45, 212, 191, .1);--amber: #f59e0b;--amber-100: rgba(245, 158, 11, .32);--amber-50: rgba(245, 158, 11, .12);--blue: #93c5fd;--blue-50: rgba(59, 130, 246, .14);--violet: #c4b5fd;--violet-50: rgba(139, 92, 246, .16);--rose: #fda4af;--rose-50: rgba(244, 63, 94, .14);--hl: rgba(254, 243, 199, .2);--ink: #e9ebef;--ink-2: #c4c9d2;--muted: #9aa1ac;--faint: #6b7280;--line: #2a2f37;--line-2: #23272f;--surface: #161a20;--canvas: #0e1116;--focus: #2dd4bf}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--sans);background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5;min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--teal-600);color:#fff;padding:10px 16px;border-radius:0 0 8px;font-size:14px;font-weight:600}.skip-link:focus{left:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:var(--maxw);margin-inline:auto}.topbar{display:flex;align-items:center;gap:20px;padding:14px clamp(16px,4vw,36px);background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap}.brand{font-family:var(--serif);font-weight:600;font-size:21px;letter-spacing:-.3px;color:var(--ink);white-space:nowrap}.brand .w{color:var(--teal-600)}@media(prefers-color-scheme:dark){.brand .w{color:var(--teal-500)}}.nav{display:flex;gap:3px;flex-wrap:wrap}.nav a{font-size:13.5px;color:var(--muted);padding:7px 12px;border-radius:8px;font-weight:500}.nav a:hover{color:var(--ink-2);background:var(--line-2)}.nav a[aria-current=page]{color:var(--teal-700);background:var(--teal-50);font-weight:600}.spacer{flex:1}.seg{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;font-size:12.5px}.seg button{padding:6px 12px;color:var(--muted);font-weight:500;background:transparent;border:none}.seg button[aria-pressed=true]{background:var(--ink);color:var(--surface)}.badge-portable{font-family:var(--mono);font-size:11px;color:var(--teal-700);background:var(--teal-50);border:1px solid var(--teal-100);padding:5px 10px;border-radius:7px;display:inline-flex;align-items:center;gap:6px}.btn{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;padding:9px 16px;border-radius:9px;border:1px solid transparent;line-height:1}.btn-primary{color:#fff;background:var(--teal-600)}.btn-primary:hover{background:var(--teal-700)}@media(prefers-color-scheme:dark){.btn-primary{color:#06201d}.btn-primary:hover{background:var(--teal-500)}}.btn-ghost{color:var(--ink);background:var(--surface);border-color:var(--line)}.btn-ghost:hover{border-color:var(--teal-400)}.signin{font-size:13.5px;color:var(--ink-2);font-weight:600}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--teal-500),var(--teal-700));flex:none}.site-footer{font-family:var(--mono);font-size:11px;color:var(--faint);text-align:center;padding:28px 24px 40px;border-top:1px solid var(--line);margin-top:8px;line-height:1.7}.site-footer a{color:var(--teal-700)}.site-footer a:hover{text-decoration:underline}.preview-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-2);background:var(--amber-50);border:1px solid var(--amber-100);border-radius:10px;padding:10px 14px;margin:0 clamp(16px,4vw,36px)}.preview-note .tag{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--amber);background:var(--surface);border:1px solid var(--amber-100);padding:3px 8px;border-radius:99px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}