:root{
  color-scheme:dark;
  --bg:#0a0d12;--surface:#111720;--surface-2:#171f2a;--border:#273241;--text:#edf3fb;--muted:#91a0b4;
  --accent:#5aa7ff;--good:#61d79b;--warn:#ffc86b;--bad:#ff7b87;--radius:14px;--shadow:0 14px 38px rgba(0,0,0,.22)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button,input{font:inherit}.page{width:min(1120px,100%);margin:0 auto;padding:14px}.topbar,.panel-head,.brand,.scenario,.scenario-title,.scenario-meta,.history-row{display:flex;align-items:center}.topbar{justify-content:space-between;gap:10px;margin-bottom:12px}.brand{gap:10px;min-width:0}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(145deg,var(--surface-2),var(--surface));font-weight:900;letter-spacing:-.04em}.brand h1{font-size:1.05rem;line-height:1.1;margin:0}.brand p{margin:3px 0 0;color:var(--muted);font-size:.75rem}.status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}.status-card,.panel,.auth-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.status-card{padding:10px 11px;border-radius:12px;min-width:0}.status-card span,.result-item span{display:block;color:var(--muted);font-size:.69rem;text-transform:uppercase;letter-spacing:.055em}.status-card strong{display:block;margin-top:4px;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-card small{display:block;color:var(--muted);font-size:.7rem;margin-top:3px}.panel{border-radius:var(--radius);margin-top:10px;overflow:hidden}.panel-head{justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid var(--border)}.panel-head h2{margin:0;font-size:.94rem}.panel-head p{margin:3px 0 0;color:var(--muted);font-size:.74rem;line-height:1.35}.scenario-list{display:grid}.scenario{align-items:stretch;gap:9px;padding:10px 12px;border-bottom:1px solid var(--border)}.scenario:last-child{border-bottom:0}.scenario-main{min-width:0;flex:1}.scenario-title{gap:7px;flex-wrap:wrap}.scenario-title strong{font-size:.84rem}.group{font-size:.67rem;color:var(--muted)}.scenario p{font-size:.74rem;line-height:1.35;color:#c4cedc;margin:6px 0}.scenario-meta{align-items:flex-start;gap:6px;flex-wrap:wrap}.scenario-meta code{max-width:100%;overflow-wrap:anywhere;background:var(--surface-2);border:1px solid var(--border);padding:4px 6px;border-radius:7px;color:#cfe3ff;font-size:.67rem}.scenario-meta span{color:var(--muted);font-size:.67rem;padding-top:4px}.scenario-action{display:flex;align-items:center}.sev{font-size:.6rem;font-weight:800;padding:2px 5px;border-radius:6px;border:1px solid var(--border)}.sev-critical{color:#ffb2ba;background:rgba(255,123,135,.08)}.sev-high{color:#ffd18d;background:rgba(255,200,107,.07)}.sev-medium{color:#a9d2ff;background:rgba(90,167,255,.07)}.sev-none{color:#95e9bd;background:rgba(97,215,155,.07)}.btn{border:1px solid var(--border);border-radius:10px;padding:9px 11px;color:var(--text);background:var(--surface-2);cursor:pointer;font-weight:750;font-size:.76rem}.btn:hover{filter:brightness(1.08)}.btn.primary{border-color:#386da9;background:#183c65}.btn.secondary{border-color:#4e6e53;background:#173b2a}.btn.ghost{background:transparent}.btn.danger{border-color:#75404a;background:#3b1b22}.btn.small{padding:7px 9px}.callout{display:flex;gap:5px;flex-direction:column;border:1px solid var(--border);border-radius:11px;padding:9px 11px;margin:9px 0;font-size:.75rem}.callout.ok{border-color:#2f674a;background:#102b20}.callout.bad{border-color:#76414a;background:#35191e}.callout.warn{border-color:#775f35;background:#342812}.callout.info{border-color:#335b83;background:#10263c}.callout span{color:#c2cedd}.result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px}.result-item{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:9px}.result-item strong{display:block;margin-top:4px;font-size:.79rem;overflow-wrap:anywhere}.excerpt{margin:0 12px 12px;padding:10px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border)}.excerpt strong{font-size:.72rem}.excerpt p{font-size:.72rem;color:var(--muted);margin:5px 0 0;line-height:1.4;overflow-wrap:anywhere}.result-panel>.callout{margin:0 12px 12px}.history-row{justify-content:space-between;gap:10px;padding:9px 12px;border-bottom:1px solid var(--border)}.history-row:last-child{border-bottom:0}.history-row>div{min-width:0}.history-row strong,.history-row span{display:block}.history-row strong{font-size:.76rem}.history-row span{font-size:.65rem;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.history-right{text-align:right;flex:0 0 auto}.history-right b{font-size:.72rem}.empty{padding:18px;text-align:center;color:var(--muted);font-size:.76rem}footer{font-size:.67rem;color:var(--muted);padding:13px 4px 20px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:16px}.auth-card{width:min(430px,100%);padding:16px;border-radius:16px}.stack{display:grid;gap:11px;margin-top:14px}.stack label{font-size:.73rem;font-weight:700}.stack input{display:block;width:100%;margin-top:5px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text);padding:11px;outline:none}.stack input:focus{border-color:var(--accent)}.stack small,.footnote{color:var(--muted);font-size:.67rem;line-height:1.4}.footnote{margin:12px 0 0}.footnote code{color:#cfe3ff}
@media(max-width:720px){.status-grid,.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-head{align-items:flex-start;flex-direction:column}.panel-head form,.panel-head .btn{width:100%}.scenario{padding:9px}.scenario-action{align-items:flex-start}.scenario-meta{display:grid}.scenario-meta span{padding:0}.topbar{padding-top:2px}}
@media(max-width:390px){.page{padding:9px}.status-grid{gap:6px}.status-card{padding:8px}.brand-mark{width:36px;height:36px}.scenario{display:grid}.scenario-action,.scenario-action .btn{width:100%}.scenario-action .btn{padding:9px}.scenario-title{gap:5px}.result-grid{grid-template-columns:1fr 1fr}}
.sev-info{color:#c3d0df;background:rgba(145,160,180,.08)}