:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Arial,sans-serif}body{color:#111827;background:#f8fafc;margin:0}a{color:inherit}main{max-width:1180px;margin:0 auto;padding:24px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin:12px 0;padding:16px}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}button,select,input,textarea{font:inherit}button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px}button.primary{color:#fff;background:#111827}input,select,textarea{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:8px}pre{color:#e5e7eb;background:#111827;border-radius:8px;padding:12px;overflow:auto}.small{color:#6b7280;font-size:12px}.demo-root{--ink:#0e1b2c;--ink-2:#172338;--rule:#1f2d44;--vellum:#f5f1e8;--paper:#fbf9f3;--surface:#fffdf7;--seal:#8c2f2f;--seal-on-dark:#a6423d;--seal-ink:#682020;--bronze:#a68a56;--bronze-text:#6e5724;--quiet:#566071;--whisper:#8d92a0;--line:#d7d0c1;--line-strong:#b8ab91;--st-ontrack:#2f6b3e;--st-ontrack-bg:#e8f0e6;--st-duesoon:#7a5a18;--st-duesoon-bg:#f3ebd6;--st-overdue:#8c2f2f;--st-overdue-bg:#f1e1de;--st-blocked:#5b4a74;--st-blocked-bg:#e9e4f0;--st-awaiting:#315e70;--st-awaiting-bg:#e1edf1;--st-closed:#47614d;--st-closed-bg:#e3ece4;--font-display:"Newsreader", Georgia, "Times New Roman", serif;--font-ui:"Inter Tight", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;--focus:0 0 0 3px #a68a566b;--shadow-1:0 1px 1px #0e1b2c0d, 0 8px 28px #0e1b2c0f;--shadow-2:0 12px 40px #0e1b2c1f;background:var(--vellum);min-height:100vh;color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;grid-template-columns:236px minmax(0,1fr);font-size:15px;display:grid}.demo-root :focus-visible{box-shadow:var(--focus);outline:none}.demo-sidebar{background:var(--ink);color:var(--vellum);box-sizing:border-box;flex-direction:column;gap:4px;height:100vh;padding:22px 18px;display:flex;position:sticky;top:0}.demo-sidebar-logo{margin:2px 4px 10px;display:block}.demo-sidebar-logo img{width:138px;height:auto;display:block}.demo-sidebar-tag{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#f5f1e88c;margin:0 4px 18px;font-size:10px;line-height:1.5}.demo-nav-group{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#f5f1e873;margin:14px 4px 6px;font-size:10.5px}.demo-nav-link{color:#f5f1e8c7;border-left:2px solid #0000;padding:8px 10px;font-size:14.5px;font-weight:500;text-decoration:none;display:block}.demo-nav-link:hover{color:var(--vellum);background:#f5f1e80f}.demo-nav-link.active{color:var(--vellum);border-left-color:var(--bronze);background:#f5f1e814}.demo-sidebar-spacer{flex:1}.demo-sidebar-persona{border-top:1px solid #f5f1e824;margin-top:14px;padding:14px 4px 0}.demo-sidebar-persona .who{color:var(--vellum);font-size:13.5px;font-weight:600}.demo-sidebar-persona .role{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#f5f1e88c;margin-top:2px;font-size:10px}.demo-signout{color:#f5f1e8cc;cursor:pointer;font-size:12.5px;font-family:var(--font-ui);background:0 0;border:1px solid #f5f1e84d;border-radius:2px;margin-top:10px;padding:6px 10px}.demo-signout:hover{color:var(--vellum);border-color:#f5f1e8b3}.demo-root main.demo-main{min-width:0;max-width:1240px;margin:0;padding:28px 34px 64px}.demo-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--quiet);font-size:11px}.demo-page-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:4px 0 2px;font-size:30px;font-weight:500}.demo-page-sub{color:var(--quiet);margin:0 0 6px;font-size:14px}.demo-section-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--bronze-text);margin:26px 0 8px;font-size:11px;font-weight:600}.demo-section-label:first-child{margin-top:0}.demo-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-1);border-radius:2px;margin:10px 0 14px;padding:18px 22px}.demo-card h2{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 4px;font-size:22px;font-weight:500}.demo-tiles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:12px 0 4px;display:grid}.demo-tile{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-1);text-align:left;cursor:pointer;font-family:var(--font-ui);width:100%;color:var(--ink);border-radius:2px;padding:14px 16px 12px;text-decoration:none;display:block}.demo-tile:hover{border-color:var(--line-strong)}.demo-tile.active{border-color:var(--bronze);box-shadow:0 0 0 1px var(--bronze), var(--shadow-1)}.demo-tile .demo-tile-n{font-family:var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;font-size:32px;font-weight:500;line-height:1}.demo-tile .demo-tile-n.alert{color:var(--seal)}.demo-tile .demo-tile-label{margin-top:6px;font-size:13px;font-weight:600}.demo-tile .demo-tile-sub{color:var(--quiet);margin-top:1px;font-size:12px}.demo-chip{white-space:nowrap;border-radius:2px;padding:2.5px 9px;font-size:12px;font-weight:600;line-height:1.45;display:inline-block}.demo-chip.pass{background:var(--st-ontrack-bg);color:var(--st-ontrack)}.demo-chip.warn{background:var(--st-duesoon-bg);color:var(--st-duesoon)}.demo-chip.fail{background:var(--st-overdue-bg);color:var(--st-overdue)}.demo-chip.muted{color:var(--quiet);background:#0e1b2c0f}.demo-risk{white-space:nowrap;border-radius:2px;padding:2.5px 9px;font-size:12px;font-weight:650;line-height:1.45;display:inline-block}.demo-risk.on-track{color:var(--st-ontrack);background:var(--st-ontrack-bg)}.demo-risk.due-soon{color:var(--st-duesoon);background:var(--st-duesoon-bg)}.demo-risk.overdue{color:var(--st-overdue);background:var(--st-overdue-bg)}.demo-risk.blocked{color:var(--st-blocked);background:var(--st-blocked-bg)}.demo-risk.awaiting{color:var(--st-awaiting);background:var(--st-awaiting-bg)}.demo-risk.closed{color:var(--st-closed);background:var(--st-closed-bg)}.demo-stage{border:1px solid var(--line-strong);color:var(--rule);font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;border-radius:2px;padding:2.5px 8px;font-size:10.5px;line-height:1.5;display:inline-block}.demo-table{border-collapse:collapse;background:0 0;width:100%}.demo-table th{text-align:left;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--quiet);border-bottom:1px solid var(--ink);background:var(--paper);padding:10px 12px;font-size:10.5px;font-weight:500}.demo-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:11px 12px;font-size:14px}.demo-table tr:last-child td{border-bottom:none}.demo-table tr.demo-clickable{cursor:pointer}.demo-table tr.demo-clickable:hover td{background:#0e1b2c06}.demo-table .mono{font-family:var(--font-mono);color:var(--quiet);white-space:nowrap;font-size:12.5px}.demo-mono{font-family:var(--font-mono);font-size:12.5px}.demo-id{font-family:var(--font-mono);color:var(--whisper);margin-top:2px;font-size:11px}.demo-root button,.demo-access-root button{border:1px solid var(--line-strong,#b8ab91);background:var(--surface,#fffdf7);color:var(--ink,#0e1b2c);cursor:pointer;font-family:var(--font-ui,"Inter Tight", sans-serif);border-radius:2px;padding:7px 13px;font-size:13.5px;font-weight:600}.demo-root button:hover{border-color:var(--ink);background:#0e1b2c0a}.demo-root button.primary,.demo-access-root button.primary{background:var(--ink,#0e1b2c);color:var(--vellum,#f5f1e8);border-color:var(--ink,#0e1b2c)}.demo-root button.primary:hover,.demo-access-root button.primary:hover{background:var(--rule,#1f2d44)}.demo-root button:disabled{opacity:.45;cursor:default}.demo-root button.primary:disabled{background:var(--ink)}.demo-root input,.demo-root select,.demo-root textarea,.demo-access-root input{border:1px solid var(--line-strong,#b8ab91);background:var(--surface,#fffdf7);color:var(--ink,#0e1b2c);box-sizing:border-box;width:100%;font-family:var(--font-ui,"Inter Tight", sans-serif);border-radius:2px;padding:9px 11px;font-size:14px}.demo-root input::placeholder,.demo-root textarea::placeholder{color:var(--whisper);letter-spacing:normal}.demo-root label{font-size:13px;display:block}.demo-field{display:block}.demo-field .demo-field-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--quiet);margin-bottom:5px;font-size:10.5px;display:block}.demo-root button.demo-basis-btn{border:1px solid var(--line);background:var(--paper);cursor:pointer;color:var(--bronze-text);font-size:12px;font-weight:600;font-family:var(--font-ui);border-radius:2px;padding:1px 8px}.demo-root button.demo-basis-btn:hover{background:var(--vellum);border-color:var(--line-strong)}.demo-stagestrip{flex-wrap:wrap;gap:3px;margin:16px 0 2px;display:flex}.demo-stagestrip .seg{text-align:center;min-width:92px;color:var(--quiet);background:#0e1b2c0d;border-radius:2px;flex:1;padding:7px 4px;font-size:11.5px;font-weight:500}.demo-stagestrip .seg.done{background:var(--st-ontrack-bg);color:var(--st-ontrack)}.demo-stagestrip .seg.current{background:var(--ink);color:var(--vellum);font-weight:650}.demo-kv-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:12px 0 2px;display:grid}.demo-kv{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-1);border-radius:2px;padding:12px 14px 10px}.demo-kv .k{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--quiet);font-size:10px}.demo-kv .v{margin-top:4px;font-size:15.5px;font-weight:600;line-height:1.35}.demo-kv .s{color:var(--quiet);margin-top:2px;font-size:12px}.demo-alert{background:var(--st-overdue-bg);color:var(--seal-ink);border:1px solid #dfb9b2;border-radius:2px;margin-top:10px;padding:10px 12px;font-size:13px}.demo-note{color:var(--quiet);font-size:12.5px}.demo-tools{border:1px dashed var(--line-strong);background:repeating-linear-gradient(-45deg, #a68a560a, #a68a560a 8px, transparent 8px, transparent 16px), var(--paper);border-radius:2px;margin:10px 0 14px;padding:14px 18px}.demo-tools .demo-tools-tag{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--bronze-text);font-size:10px;font-weight:600}.demo-root .small{color:var(--quiet);font-size:12.5px}.demo-access-root{--ink:#0e1b2c;--vellum:#f5f1e8;--paper:#fbf9f3;--surface:#fffdf7;--quiet:#566071;--whisper:#8d92a0;--line:#d7d0c1;--line-strong:#b8ab91;--font-display:"Newsreader", Georgia, serif;--font-ui:"Inter Tight", Inter, system-ui, sans-serif;--font-mono:"JetBrains Mono", Consolas, monospace;background:var(--vellum);min-height:100vh;color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;padding:24px;display:flex}.demo-access-card{background:var(--paper);border:1px solid var(--line);text-align:center;border-radius:2px;width:100%;max-width:400px;padding:40px 36px 32px;box-shadow:0 1px 1px #0e1b2c0d,0 8px 28px #0e1b2c0f}.demo-access-card img{width:170px;height:auto;display:inline-block}.demo-access-tag{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--quiet);margin:14px 0 26px;font-size:10.5px;line-height:1.6}.demo-access-root input[name=code]{text-align:center;letter-spacing:.28em;font-family:var(--font-mono);font-size:15px}.demo-access-root input[name=code]::placeholder{letter-spacing:normal;font-family:var(--font-ui);color:var(--whisper);font-size:14px}.demo-access-error{color:#8c2f2f;margin:10px 0 0;font-size:13px}.demo-access-foot{color:var(--quiet);margin-top:18px;font-size:12.5px}@media (max-width:920px){.demo-root{grid-template-columns:1fr}.demo-sidebar{flex-flow:wrap;align-items:center;gap:10px;height:auto;padding:12px 16px;position:static}.demo-sidebar-logo{margin:0}.demo-sidebar-logo img{width:110px}.demo-sidebar-tag,.demo-nav-group{display:none}.demo-sidebar nav{gap:2px;display:flex}.demo-nav-link{border-bottom:2px solid #0000;border-left:none;padding:6px 8px}.demo-nav-link.active{border-left:none;border-bottom-color:var(--bronze)}.demo-sidebar-spacer{display:none}.demo-sidebar-persona{border-top:none;align-items:center;gap:10px;margin:0 0 0 auto;padding:0;display:flex}.demo-root main.demo-main{padding:18px 16px 48px}}