:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#07100f;--panel:#0c1818c7;--panel-strong:#12201ff2;--line:#b9d6cd29;--text:#edf5ed;--muted:#9fb2a8;--sea:#77f0c3;--amber:#ffcf73;--red:#ff6b65;--blue:#89a8ff;--brass:#b3915d;--shadow:#00000061;background:var(--ink);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-height:100%}body{background:radial-gradient(circle at 12% 8%,#77f0c324,#0000 28rem),radial-gradient(circle at 88% 18%,#ffcf731a,#0000 24rem),linear-gradient(135deg,#06100f 0%,#0b1518 48%,#080b10 100%);min-height:100vh;margin:0}button,input{font:inherit}button{color:#06100f;cursor:pointer;background:linear-gradient(135deg,#97f5cc,#ffcf73);border:1px solid #77f0c357;border-radius:999px;min-height:46px;padding:0 18px;font-weight:800;box-shadow:0 14px 34px #77f0c329}button:disabled{cursor:not-allowed;opacity:.58}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.control-room{width:min(1180px,100%);margin:0 auto;padding:22px 16px 48px}.hero-panel{grid-template-columns:minmax(0,1fr) minmax(220px,320px);align-items:stretch;gap:18px;margin-top:10px;display:grid}.hero-copy,.breaker-rail,.session-card,.auth-panel,.state-card,.metric-card,.wide-card{border:1px solid var(--line);box-shadow:0 22px 70px var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#0e1d1cf0,#080d12d6)}.hero-copy{border-radius:34px;min-height:360px;padding:clamp(26px,6vw,66px);position:relative;overflow:hidden}.hero-copy:after{content:"";opacity:.56;background:repeating-linear-gradient(90deg,#77f0c329 0 2px,#0000 2px 18px);border:1px solid #77f0c324;border-radius:999px;width:min(340px,54vw);height:110px;position:absolute;inset:auto 28px 28px auto;transform:rotate(-7deg)}.eyebrow,.panel-kicker{color:var(--sea);letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px;font-size:.74rem;font-weight:850}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.075em;max-width:880px;margin-bottom:24px;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:clamp(2.8rem,9vw,7.4rem);line-height:.86}h2{letter-spacing:-.06em;margin-bottom:12px;font-size:clamp(2rem,5vw,4.2rem);line-height:.95}h3{letter-spacing:-.04em;margin-bottom:0;font-size:clamp(1.4rem,4vw,2.4rem)}p{color:var(--muted);line-height:1.7}.breaker-rail{background:linear-gradient(#ffcf731f,#ff6b6514),repeating-linear-gradient(135deg,#ffcf7329 0 12px,#0000 12px 24px),#101513f5;border-radius:34px;flex-direction:column;justify-content:space-between;min-height:360px;padding:24px;display:flex}.breaker-rail span{color:var(--amber);letter-spacing:.26em;font-weight:900}.breaker-rail strong{writing-mode:vertical-rl;letter-spacing:-.08em;color:#fff0cc;align-self:center;font-size:clamp(3.5rem,12vw,7rem);line-height:.8}.breaker-rail small{color:#dac8a2;line-height:1.55}.session-card{border-radius:24px;gap:8px;margin:18px 0;padding:16px 18px;display:grid}.session-card>div{color:#dce8df;align-items:center;gap:10px;display:flex}.status-dot{background:var(--muted);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 6px #9fb2a814}.status-dot[data-tone=safe]{background:var(--sea);box-shadow:0 0 0 6px #77f0c31a}.status-dot[data-tone=warn]{background:var(--amber);box-shadow:0 0 0 6px #ffcf731f}.status-dot[data-tone=halted]{background:var(--red);box-shadow:0 0 0 6px #ff6b651f}.error-text{color:#ffd2cf;margin:0}.auth-panel{border-radius:30px;grid-template-columns:minmax(0,.92fr) minmax(280px,.58fr);align-items:start;gap:28px;padding:clamp(22px,4vw,42px);display:grid}.stacked-form{gap:16px;display:grid}.stacked-form label{color:#dfe9e3;gap:8px;font-size:.92rem;font-weight:760;display:grid}.stacked-form input{width:100%;color:var(--text);background:#ffffff0e;border:1px solid #edf5ed2e;border-radius:18px;padding:14px 15px}.secret-box{background:#ffcf730f;border:1px dashed #ffcf7375;border-radius:20px;gap:10px;margin-top:18px;padding:14px;display:grid}.secret-box span{color:var(--amber);text-transform:uppercase;letter-spacing:.14em;font-size:.76rem}.secret-box code{overflow-wrap:anywhere;color:#fff2cf}.secret-box a{color:var(--sea)}.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.state-card,.metric-card,.wide-card{border-radius:28px;padding:22px}.state-card{flex-direction:column;grid-column:span 6;justify-content:space-between;min-height:250px;display:flex}.state-card[data-tone=safe]{border-color:#77f0c35c}.state-card[data-tone=warn]{border-color:#ffcf735c}.state-card[data-tone=halted]{border-color:#ff6b656b}.metric-card{grid-column:span 2;min-height:250px}.metric-card span,.pill{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.metric-card strong{letter-spacing:-.055em;overflow-wrap:anywhere;margin:18px 0 14px;font-size:clamp(1.55rem,4vw,2.3rem);line-height:1.02;display:block}.metric-card small,.timeline small{color:var(--muted);line-height:1.55}.wide-card{grid-column:span 6}.card-header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:flex}.pill{white-space:nowrap;border:1px solid #ffffff1f;border-radius:999px;align-items:center;min-height:30px;padding:0 10px;display:inline-flex}.action-row{flex-wrap:wrap;gap:10px;display:flex}.ghost-button{color:var(--text);box-shadow:none;background:0 0;border-color:#ffffff2e}.timeline{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.timeline li{background:#ffffff0b;border-left:3px solid #9fb2a852;border-radius:14px;gap:3px;padding:10px 12px;display:grid}.timeline li[data-active=true]{border-left-color:var(--amber)}.timeline span{color:var(--sea);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:900}.timeline strong{color:var(--text);overflow-wrap:anywhere}.empty-text{margin:10px 0 0}.skeleton{min-height:220px}.skeleton div{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);border-radius:22px;min-height:140px}@media (max-width:900px){.hero-panel,.auth-panel{grid-template-columns:1fr}.breaker-rail{min-height:170px}.breaker-rail strong{writing-mode:initial;align-self:flex-start}.state-card,.metric-card,.wide-card{grid-column:span 12}.metric-card{min-height:auto}}@media (max-width:560px){.control-room{padding:12px 10px 34px}.hero-copy,.breaker-rail,.auth-panel,.state-card,.metric-card,.wide-card{border-radius:22px}.hero-copy{min-height:300px}.card-header{flex-direction:column}.action-row button{width:100%}}@media (prefers-reduced-motion:no-preference){button,.timeline li{transition:transform .18s,border-color .18s,opacity .18s}button:hover:not(:disabled),.timeline li:hover{transform:translateY(-1px)}}