:root{--yellow: #FFD60A;--yellow-deep: #F5B700;--ink: #0A0A0A;--ink-2: #141414;--ink-3: #1E1E1E;--line: #2A2A2A;--paper: #F6F2E7;--muted: #9A968C;--danger: #FF5A4E;--ok: #3DDC84;--radius: 14px;--font-display: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--bg-page: #0A0A0A;--bg-raised: #141414;--bg-raised-2: #1E1E1E;--bg-sunken: #0A0A0A;--fg: #F6F2E7;--fg-2: #CFCBC0;--dim: #57544D;--line-strong: #3A3A3A;--grid: #141414;--nav-bg: rgba(10, 10, 10, .8);--overlay: rgba(10, 10, 10, .92);--pop: #F6F2E7;--accent-text: #FFD60A;--inv-bg: #F6F2E7;--inv-fg: #0A0A0A;--inv-fg-2: #4A4740;--inv-accent: #8A6D00;color-scheme:dark}:root:not([data-theme=dark]){--bg-page: #FAF7EF;--bg-raised: #FFFFFF;--bg-raised-2: #F1ECDF;--bg-sunken: #F6F2E7;--fg: #0A0A0A;--fg-2: #3F3C35;--muted: #6B675F;--dim: #B3AC9C;--line: #E3DCCB;--line-strong: #C9C0AA;--grid: #EFE9DB;--nav-bg: rgba(250, 247, 239, .82);--overlay: rgba(250, 247, 239, .94);--pop: #0A0A0A;--accent-text: #8A6D00;--inv-bg: #0A0A0A;--inv-fg: #F6F2E7;--inv-fg-2: #B8B3A6;--inv-accent: #FFD60A;color-scheme:light}.force-dark{--bg-raised: #141414;--bg-raised-2: #1E1E1E;--bg-sunken: #0A0A0A;--fg: #F6F2E7;--fg-2: #CFCBC0;--muted: #9A968C;--line: #2A2A2A;--line-strong: #3A3A3A;--pop: #F6F2E7;--accent-text: #FFD60A;color:var(--fg)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg-page);color:var(--fg);transition:background-color .25s ease,color .25s ease;font-family:var(--font-display);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:inherit}button,input,textarea,select{font:inherit;color:inherit}::selection{background:var(--yellow);color:var(--ink)}:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.container{width:min(1180px,100% - 32px);margin-inline:auto}.mono{font-family:var(--font-mono)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;letter-spacing:-.02em}.logo-mark{width:32px;height:32px;border-radius:9px;background:var(--yellow);color:var(--ink);display:grid;place-items:center;box-shadow:3px 3px 0 var(--pop)}.logo-mark svg{width:18px;height:18px}.logo span b{color:var(--accent-text);font-weight:700}.btn{--btn-bg: var(--yellow);--btn-fg: var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:999px;border:2px solid var(--btn-bg);background:var(--btn-bg);color:var(--btn-fg);font-weight:700;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;white-space:nowrap}.btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--pop)}.btn:active{transform:none;box-shadow:none}.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{--btn-bg: transparent;--btn-fg: var(--fg);border-color:var(--line)}.btn-ghost:hover{border-color:var(--fg);box-shadow:none;transform:none}.btn-sm{padding:8px 14px;font-size:14px}.btn-danger{--btn-bg: transparent;--btn-fg: var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.btn-danger:hover{box-shadow:none;transform:none;border-color:var(--danger)}.btn .arrow{transition:transform .2s ease}.btn:hover .arrow{transform:translate(3px)}.tag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.tag .dot{width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 4px #ffd60a26}.toast-wrap{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:1000;display:grid;gap:8px;width:min(420px,calc(100% - 32px))}.toast{background:var(--inv-bg);color:var(--inv-fg);border-radius:12px;padding:12px 16px;font-weight:600;box-shadow:4px 4px 0 var(--yellow);animation:toast-in .25s ease}.toast.error{background:var(--danger);color:#fff;box-shadow:4px 4px 0 var(--bg-raised-2)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.theme-toggle{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 10px;border-radius:999px;border:1.5px solid var(--line);background:var(--bg-raised);color:var(--fg);cursor:pointer;font-weight:600;font-size:13.5px;transition:border-color .15s,background .15s}.theme-toggle:hover{border-color:var(--fg)}.theme-toggle .tt-track{position:relative;width:44px;height:24px;border-radius:999px;background:var(--bg-raised-2);flex-shrink:0}.theme-toggle .tt-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--yellow);color:var(--ink);display:grid;place-items:center;transition:transform .25s cubic-bezier(.3,1.4,.5,1)}.theme-toggle svg{width:13px;height:13px}.theme-toggle .i-sun{display:none}[data-theme-effective=light] .theme-toggle .tt-knob{transform:translate(20px)}[data-theme-effective=light] .theme-toggle .i-sun{display:block}[data-theme-effective=light] .theme-toggle .i-moon{display:none}.theme-toggle.icon-only{padding:0 6px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}