@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200;12..96,400;12..96,600;12..96,800&family=Instrument+Sans:wght@400;500;600&family=Literata:ital,opsz,wght@0,7..72,400;0,7..72,500;0,7..72,600;1,7..72,400;1,7..72,500&family=Geist+Mono:wght@300;400;500;700&display=swap";:root{--vermillion: #CC2F2F;--vermillion-dark: #B82525;--green: #2D7D46;--green-light: #4CAF6A;--green-dark: #1E6B38;--teal: #2D7D7B;--teal-light: #5AADAB;--teal-dark: #1E6B68;--slate: #5A6577;--slate-light: #7B8BA0;--slate-dark: #4A5568;--amber: #C49030;--color-error: var(--vermillion);--color-success: var(--green);--color-warning: var(--amber);--color-info: var(--teal)}[data-surface=stage]{--bg: #0C0C0F;--surface: #141418;--elevated: #1C1C22;--text: #FFFFFF;--text-secondary: #B0ABB3;--text-muted: #8C8890;--vermillion-text: #E05050;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--accent: var(--vermillion);--accent-green: var(--green-light);background-color:var(--bg);color:var(--text)}[data-surface=manual]{--bg: #FAF7F4;--surface: #FFFFFF;--elevated: #FFFFFF;--text: #1A1A1F;--text-secondary: #4A484D;--text-muted: #706D6D;--border: #E8E3DC;--border-hover: #D0C8BC;--accent: var(--vermillion-dark);--accent-green: var(--green-dark);--accent-slate: var(--slate-dark);background-color:var(--bg);color:var(--text)}[data-surface=forum]{--bg: #0A2424;--surface: #0F2E2E;--elevated: #143838;--text: #E0F0EF;--text-secondary: #A0C8C7;--text-muted: #5AADAB;--vermillion-text: #E85555;--border: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .18);--accent: var(--vermillion);--accent-green: var(--green-light);background-color:var(--bg);color:var(--text)}html:not([data-theme=dark]) [data-surface=stage]{--bg: #FAF7F4;--surface: #FFFFFF;--elevated: #FFFFFF;--text: #1A1A1F;--text-secondary: #4A484D;--text-muted: #706D6D;--border: #E8E3DC;--border-hover: #D0C8BC;--accent: var(--vermillion-dark);--accent-green: var(--green-dark);--accent-slate: var(--slate-dark);--vermillion-text: var(--vermillion-dark);background-color:var(--bg);color:var(--text)}::selection{background:#cc2f2f40;color:inherit}:root{--font-display: "Bricolage Grotesque", serif;--font-body: "Instrument Sans", sans-serif;--font-reading: "Literata", Georgia, serif;--font-mono: "Geist Mono", monospace;--text-hero: clamp(56px, 8vw, 100px);--text-h1: clamp(32px, 4vw, 48px);--text-h2: clamp(24px, 3vw, 32px);--text-h3: clamp(20px, 2.5vw, 24px);--text-body: 17px;--text-body-sm: 15px;--text-mono-label: 11px;--text-mono-annotation: 13px;--text-mono-data: 14px;--text-mono-large: clamp(28px, 3vw, 36px);--leading-tight: 1.1;--leading-heading: 1.2;--leading-body: 1.7;--leading-mono: 1.5}body{font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:var(--font-display);line-height:var(--leading-heading)}h1{font-size:var(--text-h1);font-weight:800}h2{font-size:var(--text-h2);font-weight:600}h3{font-size:var(--text-h3);font-weight:600}code,pre,.mono{font-family:var(--font-mono)}del,s,.strikethrough{text-decoration:line-through;text-decoration-color:var(--accent, var(--vermillion))}:root{--space-2xs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 80px;--space-5xl: 120px;--max-content: 1100px;--max-reading: 640px;--max-studio: 760px;--sidebar-width: 280px}.annotation-card{border-left:2px solid var(--accent, var(--vermillion));background:#cc2f2f0f;padding:20px 24px}.annotation-card .prefix{font-family:var(--font-mono);font-size:var(--text-mono-label);color:var(--accent, var(--vermillion));text-transform:lowercase;letter-spacing:.05em;margin-bottom:var(--space-sm);display:block}.annotation-card.guidance{border-left-color:var(--accent-green, var(--green));background:#2d7d460f}.annotation-card.guidance .prefix{color:var(--accent-green, var(--green))}.btn-primary{background:var(--vermillion);color:#fff;border:none;border-radius:0;padding:12px 24px;font-family:var(--font-display);font-weight:600;font-size:15px;cursor:pointer;transition:background .15s ease-out}.btn-primary:hover{background:#b82525}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--text-secondary);border-radius:0;padding:12px 24px;font-family:var(--font-body);font-weight:500;font-size:15px;cursor:pointer;transition:background .15s ease-out}.btn-ghost:hover{background:var(--elevated)}.card{border-radius:0;border:1px solid var(--border);background:var(--elevated);padding:var(--space-lg)}.card:hover{border-color:var(--border-hover)}.input{border:none;border-bottom:1px solid var(--text-secondary);background:transparent;color:var(--text);font-family:var(--font-body);font-size:var(--text-body);padding:var(--space-sm) 0;width:100%;outline:none;transition:border-color .2s ease-out}.input:focus{border-bottom-color:var(--vermillion)}.input-label{font-family:var(--font-mono);font-size:var(--text-mono-label);text-transform:lowercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--space-xs);display:block}.code-block{background:#0c0c0f;color:#e5e3e8;font-family:var(--font-mono);font-size:14px;border:1px solid rgba(255,255,255,.08);padding:16px 20px;overflow-x:auto}.code-block .keyword{color:#cc2f2f}.code-block .string{color:#4caf6a}.code-block .comment{color:#5aadab}.code-block .number{color:#b0abb3}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}a:hover{color:var(--text)}img{max-width:100%;display:block}.prose{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><text x="0" y="16" font-family="monospace" font-size="18" font-weight="700" fill="%23CC2F2F">//</text></svg>') 4 16,text}html{scroll-behavior:smooth}:focus-visible{outline:2px solid var(--text-secondary);outline-offset:2px}.skip-link{position:absolute;top:-100%;left:0;background:var(--text);color:var(--bg);padding:8px 16px;z-index:9999;font-family:var(--font-mono);font-size:13px;text-decoration:none}.skip-link:focus{top:0}
