@font-face{font-family:Roboto Slab;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/roboto-slab-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Slab;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/roboto-slab-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tinos;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tinos-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tinos;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/tinos-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--base: #15151f;--surface: #1e1e2e;--elevated: #292940;--border: #313146;--text-primary: #c9d1e4;--text-secondary: #a6adc8;--text-muted: #7a7f96;--success: #88c9a1;--error: #eb8a9c;--accent: #b39ae0;--accent-quiet: #2c2542;--hairline: #232336;--text-dim: #565676;--dropped: var(--text-muted);--font-display: "Tinos", Georgia, serif;--font-body: "Roboto Slab", Georgia, serif;--font-mono: ui-monospace, "DejaVu Sans Mono", Menlo, monospace;--type-hero: 56px;--type-display: 40px;--type-heading: 28px;--type-title: 22px;--type-body: 16px;--type-meta: 13px;--type-micro: 11px;--step: 8px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius: var(--radius-md);--column: 720px;--dur-1: 80ms;--dur-2: .14s;--dur-3: .22s;--dur-4: .32s;--ease: cubic-bezier(.2, .7, .2, 1)}:root[data-theme=light]{color-scheme:light;--base: #eceff3;--surface: #fbfcfd;--elevated: #ffffff;--border: #dce1e7;--text-primary: #1c2433;--text-secondary: #565f6e;--text-muted: #8a94a3;--success: #1a7f4f;--error: #c2364a;--accent: #6d4aa8;--accent-quiet: #efeaf9;--hairline: #dce1e7;--text-dim: #a8b0bb}@media(prefers-color-scheme:light){:root:not([data-theme]){color-scheme:light;--base: #eceff3;--surface: #fbfcfd;--elevated: #ffffff;--border: #dce1e7;--text-primary: #1c2433;--text-secondary: #565f6e;--text-muted: #8a94a3;--success: #1a7f4f;--error: #c2364a;--accent: #6d4aa8;--accent-quiet: #efeaf9;--hairline: #dce1e7;--text-dim: #a8b0bb}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--base);color:var(--text-primary);font-family:var(--font-body);font-size:var(--type-body);line-height:1.6;-webkit-font-smoothing:antialiased;text-wrap:pretty}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}input,textarea,select{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:calc(var(--step) * 1.5);width:100%}input::placeholder,textarea::placeholder{color:var(--text-dim)}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-quiet);color:var(--text-primary)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.surface{animation:surface-in var(--dur-3) var(--ease)}@keyframes surface-in{0%{opacity:0}}.rule{display:flex;align-items:center;gap:calc(var(--step) * 1.25);margin:0 0 calc(var(--step) * 1.5)}.rule:after{content:"";flex:1;height:1px;background:var(--hairline)}.rule-label,.micro{font-family:var(--font-mono);font-size:var(--type-micro);color:var(--text-dim)}.rule-label,.caps{letter-spacing:.16em;text-transform:uppercase}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:13px 15px;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.card-anchor{border-top:2px solid var(--accent);padding-top:12px}.card-selected{background:var(--elevated);border-color:var(--text-dim)}.card-dashed{background:var(--base);border-style:dashed}.btn{display:inline-block;font-family:var(--font-mono);font-size:var(--type-meta);letter-spacing:.08em;color:var(--text-secondary);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 12px;text-decoration:none;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.btn:hover:not(:disabled){border-color:var(--text-dim);color:var(--text-primary)}.btn:disabled{opacity:.45;cursor:default}.btn-strong{color:var(--text-primary);background:var(--elevated);border-color:var(--text-dim)}.btn-strong:hover:not(:disabled){background:var(--border)}.btn-danger{color:var(--error);border-color:var(--error)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--error) 12%,transparent);border-color:var(--error);color:var(--error)}.btn-key{color:var(--text-dim);margin-right:.6em}.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--type-meta);color:var(--text-secondary);background:var(--base);border:1px solid var(--border);border-radius:999px;padding:6px 13px;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.pill:hover{border-color:var(--text-dim);color:var(--text-primary)}.pill-on,.pill-on:hover{background:var(--accent-quiet);border-color:var(--accent);color:var(--accent)}.nav{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin-top:calc(var(--step) * 3);padding-bottom:calc(var(--step) * 1.5);border-bottom:1px solid var(--hairline)}.nav-item{font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:6px 10px;transition:border-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.nav-item:hover{border-color:var(--border);color:var(--text-secondary)}.nav-item-on,.nav-item-on:hover{color:var(--text-primary)}.meta{font-family:var(--font-mono);font-size:var(--type-meta);color:var(--text-muted)}.hint{font-size:var(--type-meta);color:var(--text-muted);margin:6px 0 0}.ask{display:block;font-size:var(--type-body);color:var(--text-secondary)}.linkish{font-size:var(--type-meta);color:var(--text-muted);background:none;border:none;padding:0;text-decoration:underline;text-underline-offset:3px;transition:color var(--dur-1) var(--ease)}.linkish:hover{color:var(--text-secondary)}.palette-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:start center;padding:14vh calc(var(--step) * 3) 0;background:color-mix(in srgb,var(--base) 82%,transparent)}.palette-dialog{width:min(620px,100%);max-height:calc(100vh - var(--step) * 16);overflow:auto;padding:var(--step);background:var(--elevated);border:1px solid var(--text-dim);border-radius:var(--radius-lg);box-shadow:0 calc(var(--step) * 3) calc(var(--step) * 7.5) #0000007f}.palette-dialog>input{background:transparent;border:none;border-bottom:1px solid var(--hairline);border-radius:0;padding:calc(var(--step) * 2);font-family:var(--font-body);font-size:17px;color:var(--text-primary);margin-bottom:var(--step)}.palette-dialog>input:focus{outline-offset:-2px}.palette-row{width:100%;min-height:calc(var(--step) * 6);display:grid;grid-template-columns:calc(var(--step) * 2) 1fr auto;gap:var(--step);align-items:center;padding:calc(var(--step) * 1.25);text-align:left;border:1px solid transparent;border-radius:var(--radius-sm);transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.palette-row-active{background:var(--surface);border-color:var(--border)}.palette-marker{color:var(--accent);font-family:var(--font-mono)}.palette-row-copy{min-width:0;display:grid}.palette-primary,.palette-secondary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-primary{font-size:var(--type-body);color:var(--text-primary)}.palette-secondary,.palette-kind,.palette-message,.palette-footer{font-family:var(--font-mono);color:var(--text-muted);font-size:var(--type-meta)}.palette-secondary{margin-top:4px}.palette-kind{background:var(--accent-quiet);color:var(--accent);border-radius:999px;padding:2px calc(var(--step) * 1.25);font-size:var(--type-micro)}.palette-message{margin:0;padding:calc(var(--step) * 2)}.palette-footer{padding:calc(var(--step) * 1.5) calc(var(--step) * 1.5) calc(var(--step) * .5);text-align:right;color:var(--text-dim);font-size:var(--type-micro)}@media(max-width:640px){.palette-backdrop{padding:0}.palette-dialog{width:100%;height:100%;max-height:none;border:none;border-radius:0}}