:root{--bg-page: #eceae5;--bg-surface: #ffffff;--bg-soft: #fbfaf8;--bg-hover: #fcfbf9;--bg-tag: #f4f3ef;--bg-placeholder: #f7f6f3;--bg-highlight: #fdf4f3;--text-primary: #26241f;--text-secondary: #4c4940;--text-body: #5b5850;--text-subdued: #6f6b62;--text-muted: #7c7870;--text-meta: #8d8a82;--text-hint: #87837b;--text-placeholder-label: #a39f96;--brand-red: #c1332f;--brand-red-hover: #a62a27;--highlight-border: #e3b9b7;--border-card: #e0ddd6;--border-panel: #dcd9d2;--border-field: #d2cfc7;--border-divider: #e6e3dc;--border-row: #ebe8e2;--border-outline: #d8d5ce;--border-placeholder: #ddd9d1;--dark: #26241f;--radius-sm: 3px;--radius-btn: 4px;--radius-field: 5px;--radius-card: 6px;--radius-panel: 8px;--radius-pill: 20px;--font-body: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--content-max-width: 1180px}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;background:var(--bg-page);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased}app-root{display:flex;flex-direction:column;min-height:100%}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button{font-family:var(--font-body);cursor:pointer}.eyebrow{font:600 10px/1 var(--font-mono);letter-spacing:.12em;color:var(--text-meta);text-transform:uppercase}.pill{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--radius-pill);border:1px solid var(--border-panel);background:var(--bg-soft);font:400 13px/1 var(--font-body);color:var(--text-secondary);cursor:pointer;transition:border-color .15s,color .15s,background-color .15s}.pill:hover{border-color:var(--brand-red);color:var(--brand-red)}.pill--active{background:var(--dark);color:#fff;border-color:var(--dark)}.pill--active:hover{border-color:var(--dark);color:#fff}.tag{display:inline-flex;padding:5px 8px;border-radius:var(--radius-sm);background:var(--bg-tag);color:var(--text-muted);font:400 11.5px/1 var(--font-body)}.tag--compound{opacity:.7;transition:opacity .15s,color .15s}.tag--compound:hover,.tag--compound:focus-visible{opacity:1;color:var(--brand-red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius-btn);border:1px solid transparent;padding:11px 16px;font:600 13px/1 var(--font-body);transition:background-color .15s,border-color .15s,color .15s}.btn--primary{background:var(--brand-red);color:#fff}.btn--primary:hover{background:var(--brand-red-hover)}.btn--outline{background:#fff;border-color:var(--border-outline);color:var(--text-secondary);font-weight:500}.btn--outline:hover{border-color:var(--dark)}.btn--dark{background:var(--dark);color:#fff}.btn--dark:hover{opacity:.9}.card{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-card)}.placeholder{display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed var(--border-placeholder);border-radius:var(--radius-sm);background-image:repeating-linear-gradient(45deg,#f8f7f4 0 8px,#f1f0eb 8px 16px);color:var(--text-placeholder-label);font:600 10.5px/1.3 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:10px}