*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;background:#000;height:100%;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#root{height:100%}.app{flex-direction:column;height:100%;padding:16px;display:flex}.bg-normal{background-color:#000}.bg-alert{background-color:#c00}@keyframes flash{0%{background-color:#c00}50%{background-color:#000}to{background-color:#c00}}.bg-flash{animation:1.5s step-end infinite flash}.app-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.app-title{color:#555;text-transform:uppercase;letter-spacing:.12em;font-size:.9rem;font-weight:600}.current-dba{font-variant-numeric:tabular-nums;text-align:right;color:#fff;min-width:8ch;font-size:2.8rem;font-weight:700;line-height:1}.current-dba--alert{color:#fff}.graph-area{flex:1;min-height:0;margin-bottom:16px}.controls{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.slider-row{grid-template-columns:100px 1fr 80px;align-items:center;gap:12px;display:grid}.slider-label{color:#666;text-align:right;white-space:nowrap;font-size:.8rem}.slider-value{font-variant-numeric:tabular-nums;text-align:right;color:#aaa;font-size:.8rem}input[type=range]{accent-color:#f59e0b;cursor:pointer;width:100%}.button-row{justify-content:flex-end;margin-top:6px;display:flex}.start-button{color:#000;cursor:pointer;letter-spacing:.04em;background:#f59e0b;border:none;border-radius:8px;padding:10px 36px;font-size:1rem;font-weight:600}.start-button:hover{background:#fbbf24}.start-button:active{background:#d97706}