@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap";:root{--bg-page:#f5f5f3;--bg-panel:#fff;--bg-inset:#f0efed;--bg-muted:#e8e7e4;--ink-primary:#111;--ink-secondary:#555;--ink-tertiary:#999;--border-strong:#111;--border-mid:#ccc;--border-light:#e2e2e2;--phase-tokenize:#111;--phase-build:#444;--phase-layout:#777;--phase-paint:#aaa;--phase-done:#111;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", "Fira Code", "Menlo", "Consolas", monospace;--radius-sm:2px;--radius-md:4px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background-color:var(--bg-page);color:var(--ink-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--ink-tertiary)}.sketch-panel{background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--radius-md)}.btn{font-family:var(--font-sans);letter-spacing:.04em;cursor:pointer;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-panel);color:var(--ink-primary);text-transform:uppercase;padding:7px 14px;font-size:12px;font-weight:600;transition:background .12s,color .12s}.btn:hover{background:var(--ink-primary);color:var(--bg-panel)}.btn-primary{background:var(--ink-primary);color:var(--bg-panel);letter-spacing:.08em;width:100%;padding:13px 14px;font-size:13px}.btn-primary:hover{color:var(--bg-panel);background:#333}code{font-family:var(--font-mono);background:var(--bg-muted);border:1px solid var(--border-mid);border-radius:var(--radius-sm);padding:1px 4px;font-size:.85em}.phase-chip{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--ink-secondary);background:var(--bg-inset);padding:2px 7px;font-size:10px;font-weight:500}.phase-chip.active{background:var(--ink-primary);color:var(--bg-panel);border-color:var(--ink-primary)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.animate-in{animation:.25s ease-out forwards fadeSlideIn}.canvas-bg{background-color:#fafafa;background-image:linear-gradient(var(--border-light) 1px, transparent 1px), linear-gradient(90deg, var(--border-light) 1px, transparent 1px);background-size:20px 20px}.btn-blog{background:var(--bg-panel);align-items:center;gap:8px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;border-style:dashed!important}.btn-blog:hover{border-color:var(--ink-primary);background:#11111108;transform:translateY(-1px);box-shadow:0 4px 10px #0000000d;border-style:solid!important}.btn-blog:active{transform:translateY(0)}