:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f5f4ed;--muted:#aeb6af;--panel:#121a17;--line:#26342e;--lime:#cbff3d;--green:#39d98a;--gold:#d9a94f;--red:#ff7b6e}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 15% 0,#23352d 0,#0b100e 38%,#070a09 100%);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#18221e;border-radius:10px;padding:.7rem 1rem}button:hover{border-color:#60766c}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--lime);color:#0a100d;border-color:var(--lime);font-weight:800}.login-shell{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login-card{border:1px solid var(--line);background:#121a17eb;border-radius:24px;width:min(440px,100%);padding:2.5rem;box-shadow:0 30px 80px #0008}.brand-mark{border:2px solid var(--gold);width:64px;height:64px;color:var(--gold);border-radius:50%;place-items:center;margin-bottom:1.4rem;font-size:1.5rem;font-weight:900;display:grid}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:.6rem;font-size:clamp(2rem,5vw,3.2rem)}h2{margin-bottom:.4rem;font-size:1.25rem}.eyebrow{color:var(--lime);letter-spacing:.18em;margin-bottom:.55rem;font-size:.72rem;font-weight:900}.muted{color:var(--muted)}.login-form{gap:1rem;margin-top:2rem;display:grid}.login-form label{color:var(--muted);gap:.45rem;font-size:.85rem;font-weight:700;display:grid}.login-form input{border:1px solid var(--line);width:100%;color:var(--ink);background:#090e0c;border-radius:10px;padding:.85rem 1rem}.error{color:var(--red)}.dashboard-shell{width:min(1250px,100% - 2rem);margin:auto;padding:2rem 0 4rem}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:1.3rem;padding-bottom:1.2rem;display:flex}.topbar h1{margin:0;font-size:clamp(1.8rem,4vw,2.8rem)}.top-actions{align-items:center;gap:.8rem;display:flex}.connection{border-radius:999px;padding:.6rem .8rem;font-size:.8rem;font-weight:800}.connection.online{color:var(--green);background:#123225}.connection.offline{color:var(--red);background:#371c1a}.panel,.empty{border:1px solid var(--line);background:#121a17e8;border-radius:18px;padding:1.25rem}.empty{text-align:center;padding:4rem 1rem}.hero-grid{grid-template-columns:1.08fr .92fr;gap:1rem;display:grid}.panel-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.pulse{border-radius:50%;width:15px;height:15px;box-shadow:0 0 20px}.pulse.testing{background:var(--lime);color:var(--lime);animation:1.2s infinite pulse}.pulse.ready{background:var(--green);color:var(--green)}@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}.runtime{letter-spacing:-.06em;margin:.8rem 0;font-size:clamp(2.5rem,7vw,5.2rem);font-weight:900}.details{grid-template-columns:repeat(2,1fr);gap:.7rem;margin:1rem 0 0;display:grid}.details div{background:#0b110e;border-radius:10px;min-width:0;padding:.8rem}dt{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}dd{overflow-wrap:anywhere;margin:.3rem 0 0;font-weight:700}.meter-row{grid-template-columns:24px 1fr 42px;align-items:center;gap:.7rem;margin:1.2rem 0;display:grid}.meter{border:1px solid var(--line);background:#070a09;border-radius:999px;height:22px;padding:3px;overflow:hidden}.meter span{background:linear-gradient(90deg,var(--green),var(--lime),var(--gold));border-radius:999px;height:100%;transition:width .18s linear;display:block}.listen-box{grid-template-columns:max-content 1fr;align-items:center;gap:.8rem;margin-top:1.4rem;display:grid}.listen-box span{color:var(--muted);font-size:.8rem}.listen-box audio{grid-column:1/-1;width:100%}.summary-grid{grid-template-columns:repeat(4,1fr);gap:.7rem;margin:1rem 0;display:grid}.summary-grid div{color:#0c120f;background:#e8eee8;border-radius:13px;padding:1rem}.summary-grid strong{font-size:1.8rem;display:block}.summary-grid span{font-size:.75rem}.events-panel,.history-panel{margin-top:1rem}.event-list{gap:.75rem;display:grid}.event{background:#0b110e;border-radius:12px;grid-template-columns:minmax(210px,1fr) minmax(220px,1fr) auto;align-items:center;gap:1rem;padding:1rem;display:grid}.event p{color:var(--muted);margin:.3rem 0 0;font-size:.8rem}.event audio{width:100%}.review-actions{gap:.5rem;display:flex}.review-actions .selected.good{border-color:var(--green);background:#17462f}.review-actions .selected.bad{border-color:var(--red);background:#4b2420}.history-list{display:grid}.history-list div{border-top:1px solid var(--line);grid-template-columns:1fr 1fr auto;gap:1rem;padding:.85rem 0;display:grid}.history-list span,.history-list time{color:var(--muted);font-size:.85rem}footer{color:#6f7d76;text-align:center;padding-top:2rem;font-size:.75rem}.banner{background:#381d1b;border-radius:10px;margin-bottom:1rem;padding:1rem}@media (max-width:850px){.hero-grid,.event{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,1fr)}.history-list div{grid-template-columns:1fr;gap:.25rem}}@media (max-width:560px){.dashboard-shell{width:min(100% - 1rem,1250px);padding-top:1rem}.topbar{align-items:flex-start}.top-actions{flex-direction:column;align-items:flex-end}.summary-grid{grid-template-columns:1fr 1fr}.details,.listen-box{grid-template-columns:1fr}}