:root{--ink: #1e1e1e;--ink-muted: #888888;--paper: #fafaf9;--surface: #ffffff;--line: #dddddd;--line-soft: #ececec;--ok: #22aa77;--warn: #cc9900;--err: #cc3333;--font-ui: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--text-sm: 13px;--text: 15px;--text-lg: 18px;--text-xl: 24px;--leading: 1.5;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 40px;--r-sm: 4px;--r: 8px;--r-pill: 999px}@media(prefers-color-scheme:dark){:root{--ink: #eaeae8;--ink-muted: #999999;--paper: #161615;--surface: #1f1f1e;--line: #3a3a38;--line-soft: #2b2b2a}}:root[data-theme=light]{--ink: #1e1e1e;--ink-muted: #888888;--paper: #fafaf9;--surface: #ffffff;--line: #dddddd;--line-soft: #ececec}:root[data-theme=dark]{--ink: #eaeae8;--ink-muted: #999999;--paper: #161615;--surface: #1f1f1e;--line: #3a3a38;--line-soft: #2b2b2a}*{box-sizing:border-box}body{margin:0;font:var(--text) / var(--leading) var(--font-ui);color:var(--ink);background:var(--paper)}h1,h2,h3{line-height:1.25;margin:0 0 var(--s3)}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text)}p{margin:0 0 var(--s3)}a{color:inherit}code,pre,.mono{font-family:var(--font-mono);font-size:var(--text-sm)}button,.btn{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);padding:var(--s1) var(--s3);cursor:pointer}button:disabled,.btn:disabled{opacity:.4;cursor:default}button.primary,.btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}button.danger,.btn.danger{color:var(--err);border-color:var(--err)}input[type=text],input:not([type]),textarea,select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--s2) var(--s2);width:100%}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--s4)}.hairline{border:0;border-top:1px solid var(--line-soft);margin:var(--s4) 0}.muted{color:var(--ink-muted)}.small{font-size:var(--text-sm)}.ok{color:var(--ok)}.warn{color:var(--warn)}.err{color:var(--err)}.pill{display:inline-block;font-size:var(--text-sm);color:var(--ink-muted);border:1px solid var(--line);border-radius:var(--r-pill);padding:0 var(--s2)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:var(--s3) var(--s5);border-bottom:1px solid var(--line-soft);background:var(--surface)}.app-brand{font-weight:700;text-decoration:none;color:inherit}.app-main{padding:var(--s5);max-width:1080px;margin:0 auto}.grid{display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}composition-card a{display:block;text-decoration:none;color:inherit}composition-card .pill{float:right}.center-stage{padding:var(--s6);text-align:center}