:root{--color-paper-top:#e8eaed;--color-paper-bottom:#dde0e5;--color-rail-top:#dde0e5;--color-rail-bottom:#d1d5db;--color-accent:#f59e0b;--color-accent-soft:#fbbf24;--color-accent-deep:#92400e;--color-accent-ink:#15110a;--color-accent-rgb:245,158,11;--pattern-blueprint:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2736%27 height=%2736%27 viewBox=%270 0 36 36%27%3E%3Cg stroke=%27%233f6680%27 stroke-opacity=%270.14%27 stroke-width=%270.55%27 stroke-linecap=%27round%27 fill=%27none%27%3E%3Cpath d=%27M6 6h5M6 6v5%27/%3E%3Cpath d=%27M26 7h4M30 7v4%27/%3E%3Cpath d=%27M8 27h6M8 27v4%27/%3E%3Cpath d=%27M24 25h6M30 25v5%27/%3E%3Cpath d=%27M17 11h3M18.5 9.5v3%27/%3E%3Cpath d=%27M16 29h3M17.5 27.5v3%27/%3E%3C/g%3E%3Cg fill=%27%233f6680%27 fill-opacity=%270.12%27%3E%3Ccircle cx=%274%27 cy=%2720%27 r=%270.45%27/%3E%3Ccircle cx=%2713%27 cy=%2717%27 r=%270.38%27/%3E%3Ccircle cx=%2722%27 cy=%2718%27 r=%270.42%27/%3E%3Ccircle cx=%2732%27 cy=%2718%27 r=%270.34%27/%3E%3C/g%3E%3C/svg%3E") repeat;--surface-page:#eef1f5;--surface-card:#ffffff;--surface-card-hover:#f8fafc;--surface-elevated:#ffffff;--surface-white:#ffffff;--surface-amber:#fbf3df;--surface-code:#fffaf0;--surface-overlay:rgba(15,13,8,0.42);--brand-strip-background:#ffffff;--brand-strip-wash:linear-gradient(180deg,rgba(var(--color-accent-rgb),0.08),rgba(var(--color-accent-rgb),0.02));--brand-strip-border:#f2e8d8;--border:#d0d7de;--border-bright:#c0c9d2;--border-subtle:#e5e7eb;--border-accent:rgba(var(--color-accent-rgb),0.32);--text-primary:#0d1116;--text-secondary:#57606a;--text-tertiary:#656d76;--text-inverse:#fffaf0;--status-ok:#059669;--status-ok-bg:rgba(22,163,74,0.10);--status-ok-border:rgba(22,163,74,0.24);--status-bad:#dc2626;--status-bad-bg:rgba(185,28,28,0.07);--status-bad-border:rgba(185,28,28,0.28);--danger:var(--status-bad);--danger-bg:var(--status-bad-bg);--danger-border:var(--status-bad-border);--action-primary-bg:#0d1116;--action-primary-bg-hover:#262c33;--action-primary-border:var(--action-primary-bg);--action-primary-text:#ffffff;--info:#0e7490;--info-rgb:14,116,144;--info-bg:#e6f7fb;--info-border:rgba(var(--info-rgb),0.24);--attention:var(--color-accent);--attention-bg:rgba(var(--color-accent-rgb),0.10);--attention-border:var(--border-accent);--warning:#8a5a00;--warning-bg:#fff6d6;--warning-border:#ead083;--color-tokenframe-blue:#4cb7d2;--color-tokenframe-blue-soft:#8bdff0;--color-tokenframe-blue-rgb:76,183,210;--surface-tokenframe-blue:#17313a;--surface-tokenframe-blue-hover:#1e3a44;--border-tokenframe-blue:rgba(76,183,210,0.34);--color-surface-blue:#4cb7d2;--color-surface-blue-soft:#8bdff0;--color-surface-blue-rgb:76,183,210;--surface-blue-tint:#17313a;--surface-blue-tint-hover:#1e3a44;--border-surface-blue:rgba(76,183,210,0.34);--text-display:clamp(2.75rem,5vw,3.65rem);--text-page-title:clamp(1.625rem,2.5vw,2rem);--text-section-title:clamp(1.125rem,1.5vw,1.25rem);--text-card-title:1rem;--text-body:0.9375rem;--text-caption:0.8125rem;--text-eyebrow:0.6875rem;--space-card-padding:clamp(0.875rem,1.4vw,1.25rem);--space-section-gap:clamp(1.25rem,2.5vw,2rem);--space-page-padding:clamp(1.5rem,3vw,2.25rem);--radius-card:8px;--radius-control:8px;--radius-tile:14px;--radius-pill:9999px;--shadow-card:0 1px 3px rgba(15,13,8,0.06);--shadow-lift:0 4px 16px rgba(15,13,8,0.08);--shadow-accent:0 0 0 1px rgba(var(--color-accent-rgb),0.25),0 8px 24px rgba(var(--color-accent-rgb),0.08);--ease-entrance:cubic-bezier(0.16,1,0.3,1);--ease-hover:ease;--font-display:'Outfit',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--font-heading:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--font-body:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--font-mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;--background-page:var(--surface-page);--background-app:var(--surface-page);--background-workspace:var(--surface-page);--background-rail:linear-gradient(180deg,var(--color-rail-top) 0%,var(--color-rail-bottom) 100%);--bg-pattern:none;--bg:var(--surface-page);--bg-base:var(--surface-page);--text:var(--text-primary);--surface:var(--surface-card);--surface-raised:var(--surface-card-hover);--surface-hover:var(--surface-card-hover);--raised:var(--surface-elevated);--featured:var(--surface-amber);--accent:var(--color-accent);--accent-soft:var(--color-accent-soft);--accent-deep:var(--color-accent-deep);--accent-rgb:var(--color-accent-rgb);--status-warn:var(--warning);--status-warn-bg:var(--warning-bg);--status-warn-border:var(--warning-border);--radius-sm:6px;--radius-md:10px;--radius-lg:14px}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;max-width:100%}html{background-color:var(--surface-page);color-scheme:light;-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-body);font-size:14.5px;line-height:1.55;color:var(--text-secondary);background:var(--background-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:600;letter-spacing:0;line-height:1.2;margin:0 0 0.5em}h1{font-size:var(--text-page-title);font-weight:700;line-height:1.15}h2{font-size:var(--text-section-title)}h3{font-size:var(--text-card-title)}p{margin:0 0 0.875em}a{color:var(--info);text-decoration:none;transition:color 0.2s var(--ease-hover)}a:hover{color:var(--text-primary)}strong{color:var(--text-primary);font-weight:700}code{font-family:var(--font-mono);font-size:0.875em;padding:0.1em 0.375em;border-radius:4px;background:var(--surface-code);color:var(--text-primary)}::selection{background:rgba(var(--info-rgb),0.22);color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(15,13,8,0.18);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(15,13,8,0.3)}*{scrollbar-width:thin;scrollbar-color:rgba(15,13,8,0.18) transparent}:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--info-rgb),0.18)}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:0.01ms !important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.45rem;min-height:2.25rem;padding:0.55rem 0.875rem;border:1px solid transparent;border-radius:var(--radius-control);font-family:var(--font-body);font-size:0.875rem;font-weight:700;line-height:1.2;letter-spacing:0;text-decoration:none;cursor:pointer;transition:background 0.16s var(--ease-hover),border-color 0.16s var(--ease-hover),color 0.16s var(--ease-hover),transform 0.16s var(--ease-hover)}.btn:hover{text-decoration:none}.btn:disabled,.btn[aria-disabled='true']{cursor:not-allowed;opacity:0.45}.btn--commit,.btn--primary{background:var(--action-primary-bg);border-color:var(--action-primary-border);color:var(--action-primary-text)}.btn--commit:hover,.btn--primary:hover{background:var(--action-primary-bg-hover);border-color:var(--action-primary-bg-hover);color:var(--action-primary-text)}.btn--info{background:var(--surface-elevated);border-color:var(--info-border);color:var(--info)}.btn--info:hover{background:var(--info-bg);border-color:var(--info-border);color:var(--info)}.btn--danger{background:var(--surface-elevated);border-color:var(--danger-border);color:var(--danger)}.btn--danger:hover{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.btn--secondary{background:var(--surface-elevated);border-color:var(--border);color:var(--text-primary)}.btn--secondary:hover{background:var(--surface-white);border-color:var(--border-bright);color:var(--text-primary)}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn--ghost:hover{background:rgba(15,13,8,0.04);color:var(--text-primary)}.btn--sm{min-height:1.875rem;padding:0.35rem 0.625rem;font-size:0.75rem}.btn--block{width:100%}.form-field{display:grid;gap:0.375rem;min-width:0}.form-label{color:var(--text-secondary);font-family:var(--font-body);font-size:0.8125rem;font-weight:600;line-height:1.35}.form-control{width:100%;min-height:2.625rem;padding:0.625rem 0.75rem;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-elevated);color:var(--text-primary);font:inherit;font-family:var(--font-body);font-size:0.9375rem;line-height:1.4;transition:background 0.16s var(--ease-hover),border-color 0.16s var(--ease-hover),box-shadow 0.16s var(--ease-hover)}textarea.form-control{min-height:6.5rem;resize:vertical}.form-control::placeholder{color:var(--text-tertiary)}.form-control:hover:not(:disabled):not([readonly]){border-color:var(--border-bright)}.form-control:focus,.form-control:focus-visible{outline:none;border-color:var(--info);background:var(--surface-white);box-shadow:0 0 0 3px rgba(var(--info-rgb),0.18)}.form-control[aria-invalid='true']{border-color:var(--danger)}.form-control[aria-invalid='true']:focus,.form-control[aria-invalid='true']:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 18%,transparent)}.form-control:disabled,.form-control[aria-disabled='true']{cursor:not-allowed;opacity:0.55}.form-control[readonly]{background:var(--surface-card-hover);color:var(--text-secondary)}.form-help,.form-error{margin:0;font-family:var(--font-body);font-size:0.75rem;line-height:1.45}.form-help{color:var(--text-tertiary)}.form-error{color:var(--danger)}.alert{display:block;padding:0.75rem 0.875rem;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-elevated);color:var(--text-secondary);font-family:var(--font-body);font-size:0.8125rem;line-height:1.5}.alert__title{display:block;margin-bottom:0.125rem;color:var(--text-primary);font-weight:700}.alert--info{border-color:var(--info-border);background:var(--info-bg);color:var(--info)}.alert--success{border-color:var(--status-ok-border);background:var(--status-ok-bg);color:var(--status-ok)}.alert--warning{border-color:var(--warning-border);background:var(--warning-bg);color:var(--warning)}.alert--error{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger)}.card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);color:var(--text-secondary);padding:var(--space-card-padding)}.card--elevated{background:var(--surface-elevated)}.card--featured{background:var(--surface-amber);border-color:var(--border-accent)}.card--interactive{transition:background 0.16s var(--ease-hover),border-color 0.16s var(--ease-hover),box-shadow 0.16s var(--ease-hover),transform 0.16s var(--ease-hover)}.card--interactive:hover,.card--interactive:focus-within{background:var(--surface-elevated);border-color:var(--border-bright);box-shadow:var(--shadow-card)}.badge{display:inline-flex;align-items:center;justify-content:center;gap:0.3rem;min-height:1.5rem;padding:0.25rem 0.5rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-elevated);color:var(--text-secondary);font-family:var(--font-body);font-size:0.75rem;font-weight:700;line-height:1;white-space:nowrap}.badge--ok{background:var(--status-ok-bg);border-color:var(--status-ok-border);color:var(--status-ok)}.badge--warn{background:var(--status-warn-bg);border-color:var(--status-warn-border);color:var(--status-warn)}.badge--bad{background:var(--status-bad-bg);border-color:var(--status-bad-border);color:var(--status-bad)}.badge--accent{background:var(--attention-bg);border-color:var(--attention-border);color:var(--color-accent-deep)}.icon-tile{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;flex:0 0 auto;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-elevated);color:var(--text-secondary)}.icon-tile svg{width:1.125rem;height:1.125rem;stroke-width:1.75}.icon-tile--lg{width:3rem;height:3rem;border-radius:var(--radius-tile)}.icon-tile--lg svg{width:1.5rem;height:1.5rem}.icon-tile--accent{background:var(--attention-bg);border-color:var(--attention-border);color:var(--color-accent-deep)}.brand-mark{display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary)}.brand-mark img,.brand-mark svg{display:block;width:100%;height:auto}.brand-mark--tile{width:2.75rem;height:2.75rem;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-elevated)}.brand-wordmark{display:inline-flex;align-items:baseline;font-family:var(--font-display);font-size:1.85rem;font-weight:700;line-height:1;letter-spacing:0;color:var(--text-primary);text-decoration:none}.brand-wordmark__dot{color:var(--color-accent)}