@font-face{font-family:Atkinson Hyperlegible;src:url(../../../design/fonts/AtkinsonHyperlegible-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(../../../design/fonts/AtkinsonHyperlegible-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:SemeSeam Symbols;src:url(../../../design/fonts/Symbola-subset.woff2) format("woff2");font-display:swap}@font-face{font-family:SemeSeam Mono;src:url(../../../design/fonts/AdwaitaMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SemeSeam Mono;src:url(../../../design/fonts/AdwaitaMono-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--bg: #f3f6f3;--panel: #ffffff;--ink: #0e2417;--muted: #456150;--line: #d7e2da;--accent: #1b6d44;--accent-ink: #ffffff;--chip: #e5eee7;--me: #dbe8de;--warn: #8a4b00;--warn-bg: #fcf3e6;--bad: #a82424;--bad-bg: #fce8e8;--green-jade: #165435;--green-needle: #0d472b;--green-sage: #6c8c79;--green-wire: #25523b;--green-mist: #edf4ee;--neon-mint: #1b6d44;--neon-cyan: #165435;--neon-lime: #406822;--neon-glow: rgba(27, 109, 68, .15);--font-sans: "Atkinson Hyperlegible", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SemeSeam Mono", "SemeSeam Symbols", ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Monaco, Consolas, monospace;--font-pixel: "Silkscreen", "Pixelify Sans", monospace;--text-2xs: 10px;--text-xs: 11.5px;--text-sm: 13px;--text-base: 14.5px;--text-md: 16px;--text-lg: 19px;--text-xl: 24px;--text-2xl: 32px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-pill: 9999px;--border-width: 1px;--border-thick: 2px;--shadow-sm: 0 1px 2px rgba(14, 36, 23, .05);--shadow-md: 0 4px 12px rgba(14, 36, 23, .08);--shadow-lg: 0 10px 24px rgba(14, 36, 23, .12);--amber: #92400e;--accent-subtle: #2d8a59;--line-heavy: #a4b8ab;--radius-full: 9999px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #09140e;--panel: #102117;--ink: #dcf0de;--muted: #80a88d;--line: #1b3626;--accent: #2ee58b;--accent-ink: #051b0f;--chip: #152d1f;--me: #193825;--warn: #f59e0b;--warn-bg: #2b1c0b;--bad: #f87171;--bad-bg: #2e1212;--green-jade: #34d399;--green-needle: #10b981;--green-sage: #9ab8a5;--green-wire: #4ade80;--green-mist: #142b1e;--neon-mint: #2ee58b;--neon-cyan: #38efd4;--neon-lime: #b8f844;--neon-glow: rgba(46, 229, 139, .22);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35);--shadow-md: 0 6px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .6);--amber: #f59e0b;--accent-subtle: #1b9456;--line-heavy: #2d543c}}:root[data-theme=dark]{--bg: #09140e;--panel: #102117;--ink: #dcf0de;--muted: #80a88d;--line: #1b3626;--accent: #2ee58b;--accent-ink: #051b0f;--chip: #152d1f;--me: #193825;--warn: #f59e0b;--warn-bg: #2b1c0b;--bad: #f87171;--bad-bg: #2e1212;--green-jade: #34d399;--green-needle: #10b981;--green-sage: #9ab8a5;--green-wire: #4ade80;--green-mist: #142b1e;--neon-mint: #2ee58b;--neon-cyan: #38efd4;--neon-lime: #b8f844;--neon-glow: rgba(46, 229, 139, .22);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35);--shadow-md: 0 6px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .6);--amber: #f59e0b;--accent-subtle: #1b9456;--line-heavy: #2d543c}:root{--bg-app: var(--bg);--bg-card: var(--panel);--bg-subtle: var(--chip);--bg-input: var(--panel);--border: var(--line);--border-subtle: var(--line);--text-main: var(--ink);--text-muted: var(--muted);--text-faint: var(--muted);--primary: var(--accent);--primary-hover: var(--green-needle);--primary-fg: var(--accent-ink);--accent-resolved: var(--accent);--accent-resolved-bg: var(--accent-subtle);--accent-wall: var(--warn);--accent-wall-bg: var(--warn-bg);--accent-context: var(--green-sage);--accent-context-bg: var(--chip);--accent-affordance: var(--accent);--accent-affordance-bg: var(--chip);--hero-bg: var(--panel);--hero-fg: var(--ink);--hero-hover: var(--chip);--danger: var(--bad)}html.dark,:root[data-theme=dark]{--bg: #09140e;--panel: #102117;--ink: #dcf0de;--muted: #80a88d;--line: #1b3626;--accent: #2ee58b;--accent-ink: #051b0f;--chip: #152d1f;--me: #193825;--warn: #f59e0b;--warn-bg: #2b1c0b;--bad: #f87171;--bad-bg: #2e1212;--bg-app: var(--bg);--bg-card: var(--panel);--bg-subtle: var(--chip);--bg-input: var(--panel);--border: var(--line);--border-subtle: var(--line);--text-main: var(--ink);--text-muted: var(--muted);--text-faint: var(--muted);--primary: var(--accent);--primary-hover: #45f59e;--primary-fg: var(--accent-ink);--accent-resolved: var(--accent);--accent-resolved-bg: rgba(46, 229, 139, .15);--accent-wall: var(--warn);--accent-wall-bg: var(--warn-bg);--accent-context: #a3c4ae;--accent-context-bg: var(--chip);--accent-affordance: var(--accent);--accent-affordance-bg: var(--chip);--hero-bg: var(--panel);--hero-fg: var(--ink);--hero-hover: var(--chip);--danger: var(--bad)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease}a{color:var(--primary);text-decoration:none;transition:opacity .15s}a:hover{opacity:.85}button{font-family:inherit;cursor:pointer;border:none;background:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius-md);transition:all .15s ease}.header{position:sticky;top:0;z-index:50;background-color:var(--bg-card);border-bottom:1px solid var(--border);padding:12px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:10px}.brand a{font-size:18px;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:8px;letter-spacing:-.02em}.brand a:before{content:"";display:inline-block;width:24px;height:24px;background:url(../../../design/assets/mascot/mascot-idle.svg) no-repeat center;background-size:contain;image-rendering:pixelated}.nav-links{display:flex;align-items:center;gap:16px}.nav-links a{font-size:var(--text-sm);color:var(--text-muted);font-weight:500;padding:6px 10px;border-radius:var(--radius-sm);transition:color .15s,background-color .15s}.nav-links a:hover{color:var(--text-main);background-color:var(--bg-subtle)}.container{max-width:1200px;margin:0 auto;padding:32px 24px 80px}.card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease}.btn{padding:8px 16px;font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-md);text-decoration:none}.btn-primary{background-color:var(--primary);color:var(--primary-fg);border:1px solid var(--primary)}.btn-primary:hover{filter:brightness(1.08)}.btn-primary.disabled{opacity:.5;pointer-events:none}.btn-outline{background-color:transparent;color:var(--text-main);border:1px solid var(--border)}.btn-outline:hover{background-color:var(--bg-subtle);border-color:var(--primary);color:var(--primary)}.btn-danger{background-color:transparent;color:var(--danger);border:1px solid var(--danger)}.btn-danger:hover{background-color:var(--bad-bg)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:var(--radius-pill);font-family:var(--font-mono)}.badge-resolved,.badge-settled{background-color:var(--accent-resolved-bg);color:var(--accent-resolved);border:1px solid var(--accent-resolved)}.badge-wall{background-color:var(--accent-wall-bg);color:var(--accent-wall);border:1px solid var(--accent-wall)}.badge-context{background-color:var(--accent-context-bg);color:var(--accent-context);border:1px solid var(--border)}.badge-affordance,.badge-open-step{background-color:var(--accent-affordance-bg);color:var(--accent-affordance);border:1px solid var(--border)}input,textarea,select{font-family:inherit;color:inherit;background-color:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--neon-glow)}pre,code,.paste-block,.monospace{font-family:var(--font-mono)!important;font-variant-ligatures:none!important;letter-spacing:0!important;white-space:pre-wrap!important;overflow-wrap:anywhere}pre{background-color:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;font-size:var(--text-xs);line-height:1.55;color:var(--text-main)}.header.svelte-12qhfyh{background-color:var(--bg-card);border-bottom:1px solid var(--border)}.brand.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--text-main);font-weight:700}.brand.svelte-12qhfyh a:where(.svelte-12qhfyh):before{content:"";display:inline-block;width:20px;height:20px;background:url(../../../design/assets/mascot/mascot-idle.svg) no-repeat center;background-size:contain;image-rendering:pixelated;vertical-align:-3px;margin-right:6px}