:root{color-scheme:dark;--bg: #000000;--surface: #151515;--text-primary: #ffffff;--text-secondary: #a1a1a1;--accent: #ffffff;--surface-raised: #1e1e1e;--surface-pressed: #0b0b0b;--text-on-accent: #000000;--text-disabled: #6d6d6d;--border: #2a2a2a;--border-strong: #3d3d3d;--danger: #ff6b6b;--overlay: rgba(0, 0, 0, .72);--viz-good: #0ca30c;--viz-warning: #fab219;--viz-critical: #d03b3b;--viz-muted: #898781;--viz-emphasis: #ffffff;--viz-context: #6d6d6d;--viz-track: #2a2a2a;--viz-grid: #2c2c2a;--space-xxs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-xxl: 32px;--gutter: 28px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-pill: 999px;--control-height: 36px;--hairline: 1px;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--size-display: 30px;--size-title: 20px;--size-heading: 16px;--size-body: 14px;--size-caption: 12px;--size-label: 11px;--z-modal: 100;--z-toast: 200}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--size-body);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,figure{margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--text-primary);text-decoration-color:var(--border-strong);text-underline-offset:3px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}::placeholder{color:var(--text-disabled)}.t-display{font-size:var(--size-display);line-height:1.15;letter-spacing:-.01em;font-weight:300}.t-title{font-size:var(--size-title);line-height:1.25;font-weight:600}.t-heading{font-size:var(--size-heading);font-weight:600}.t-body{font-size:var(--size-body)}.t-caption{font-size:var(--size-caption);color:var(--text-secondary)}.t-label{font-size:var(--size-label);font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-secondary)}.t-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.t-secondary{color:var(--text-secondary)}.t-danger{color:var(--danger)}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100%}.sidebar{border-right:var(--hairline) solid var(--border);padding:var(--space-xl) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xl);position:sticky;top:0;height:100vh}.wordmark{font-family:var(--font-mono);font-size:15px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-primary)}.wordmark small{display:block;font-family:var(--font-ui);font-size:var(--size-label);letter-spacing:.09em;color:var(--text-secondary);margin-top:var(--space-xs)}.nav{display:flex;flex-direction:column;gap:var(--space-xxs)}.nav a{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-height:var(--control-height);padding:0 var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none}.nav a:hover{background:var(--surface);color:var(--text-primary)}.nav a[aria-current=page]{background:var(--surface-raised);color:var(--text-primary);font-weight:600}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-sm);border-top:var(--hairline) solid var(--border);padding-top:var(--space-lg)}.main{padding:var(--space-xl) var(--gutter) 64px;max-width:1180px;min-width:0}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-xl);flex-wrap:wrap}.page-head p{color:var(--text-secondary);max-width:64ch;margin-top:var(--space-xs)}.card{background:var(--surface);border:var(--hairline) solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg)}.card+.card,.stack>*+*{margin-top:var(--space-lg)}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.row-tight{display:flex;align-items:center;gap:var(--space-xs)}.spread{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-lg)}.grid-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:var(--control-height);padding:0 var(--space-lg);border-radius:var(--radius-md);border:var(--hairline) solid var(--border-strong);background:var(--surface-raised);color:var(--text-primary);font-size:var(--size-body);font-weight:600;cursor:pointer;white-space:nowrap}.btn:hover:not(:disabled){background:var(--border)}.btn:disabled{color:var(--text-disabled);cursor:not-allowed;opacity:.7}.btn-primary{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--text-secondary);border-color:var(--text-secondary)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary);padding:0 var(--space-md)}.btn-ghost:hover:not(:disabled){background:var(--surface-raised);color:var(--text-primary)}.btn-danger{color:var(--danger);border-color:var(--border-strong);background:transparent}.btn-danger:hover:not(:disabled){background:var(--surface-raised)}.btn-icon{min-width:var(--control-height);padding:0 var(--space-sm);font-family:var(--font-mono)}.btn-sm{min-height:28px;font-size:var(--size-caption);padding:0 var(--space-md)}.field{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-lg);min-width:0}.field label{font-size:var(--size-label);font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-secondary)}.field input:not([type=checkbox]):not([type=file]),.row input[type=text],.field select,.field textarea{min-height:var(--control-height);padding:var(--space-sm) var(--space-md);background:var(--bg);border:var(--hairline) solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);width:100%}.field textarea{resize:vertical;min-height:72px;line-height:1.5}.field[data-invalid=true] input,.field[data-invalid=true] select,.field[data-invalid=true] textarea{border-color:var(--danger)}.field-help{font-size:var(--size-caption);color:var(--text-secondary)}.field-error{font-size:var(--size-caption);color:var(--danger)}.field-inline{flex-direction:row;align-items:center;gap:var(--space-sm)}.field-inline label{text-transform:none;letter-spacing:0;font-size:var(--size-body);font-weight:400;color:var(--text-primary)}.field-inline input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.field input[type=file]{color:var(--text-secondary);font-size:var(--size-caption);padding:var(--space-sm) 0}.field input[type=file]::file-selector-button{min-height:28px;margin-right:var(--space-md);padding:0 var(--space-md);border-radius:var(--radius-md);border:var(--hairline) solid var(--border-strong);background:var(--surface-raised);color:var(--text-primary);font-weight:600;cursor:pointer}.field input[readonly]{color:var(--text-secondary)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 var(--space-lg)}.table-wrap{overflow-x:auto;border:var(--hairline) solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:var(--size-body)}thead th{text-align:left;font-size:var(--size-label);font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-secondary);padding:var(--space-md) var(--space-lg);border-bottom:var(--hairline) solid var(--border);white-space:nowrap}tbody td{padding:var(--space-md) var(--space-lg);border-bottom:var(--hairline) solid var(--border);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-raised)}td.numeric,th.numeric{text-align:right;font-variant-numeric:tabular-nums}td.shrink{width:1%;white-space:nowrap}.pill{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px var(--space-sm);border-radius:var(--radius-pill);border:var(--hairline) solid var(--border-strong);font-size:var(--size-label);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap}.pill[data-tone=published]{color:var(--text-on-accent);background:var(--accent);border-color:var(--accent)}.pill[data-tone=draft]{color:var(--text-secondary)}.pill[data-tone=free]{color:var(--text-primary);border-color:var(--text-primary)}.pip{width:9px;height:9px;border-radius:50%;flex:none;display:inline-block}.banner{display:flex;gap:var(--space-md);align-items:flex-start;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border:var(--hairline) solid var(--border-strong);background:var(--surface-raised);margin-bottom:var(--space-lg)}.banner[data-tone=error]{border-color:var(--danger)}.banner[data-tone=warning]{border-color:var(--viz-warning)}.banner[data-tone=success]{border-color:var(--viz-good)}.banner strong{display:block;margin-bottom:var(--space-xxs)}.banner-icon{font-family:var(--font-mono);font-weight:700}.tile{background:var(--surface);border:var(--hairline) solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.tile-value{font-size:32px;line-height:1.1;font-weight:600}.tile-value.hero{font-size:48px}.tile-note{font-size:var(--size-caption);color:var(--text-secondary)}.meter{height:10px;border-radius:var(--radius-pill);background:var(--viz-track);overflow:hidden}.meter-fill{height:100%;border-radius:var(--radius-pill);background:var(--viz-emphasis)}.stack-bar{display:flex;gap:2px;height:14px;border-radius:var(--radius-sm);overflow:hidden;background:var(--viz-track)}.stack-seg{height:100%;border-radius:2px;min-width:2px}.legend{display:flex;flex-wrap:wrap;gap:var(--space-md);font-size:var(--size-caption);color:var(--text-secondary)}.legend span.row-tight{gap:var(--space-xs)}.bar-row{display:grid;grid-template-columns:minmax(120px,160px) minmax(0,1fr) 72px;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0}.modal-backdrop{position:fixed;inset:0;background:var(--overlay);z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding:48px var(--space-lg);overflow-y:auto}.modal{background:var(--surface);border:var(--hairline) solid var(--border-strong);border-radius:var(--radius-lg);width:min(720px,100%);padding:var(--space-xl)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-lg)}.modal-foot{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:var(--hairline) solid var(--border)}.code{font-family:var(--font-mono);font-size:var(--size-caption);line-height:1.6;background:var(--bg);border:var(--hairline) solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);overflow:auto;max-height:520px;white-space:pre;color:var(--text-secondary);tab-size:2}.signin{min-height:100%;display:grid;place-items:center;padding:var(--space-xl)}.signin-card{width:min(400px,100%)}.state{padding:48px var(--space-lg);text-align:center;color:var(--text-secondary)}.muted-list{list-style:none;padding:0;margin:var(--space-sm) 0 0;display:flex;flex-direction:column;gap:var(--space-xs);color:var(--text-secondary);font-size:var(--size-caption)}.divider{border:none;border-top:var(--hairline) solid var(--border);margin:var(--space-lg) 0}.drag-handle{display:flex;flex-direction:column;gap:2px}