:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e2e8f0;background:#070c15;font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -20%,#13233d 0%,#070c15 60%);min-height:100vh;margin:0}.app{flex-direction:column;gap:16px;max-width:760px;margin:0 auto;padding:24px 16px 48px;display:flex}header h1{letter-spacing:.02em;margin:0 0 6px;font-size:22px}.sub,.hint{color:#94a3b8;margin:0;font-size:13px;line-height:1.6}.readout{text-align:center;background:#0f1a2b;border:1px solid #1e293b;border-radius:18px;padding:18px 12px}.readout .note{color:#f8fafc;font-size:64px;font-weight:700;line-height:1.05}.readout .cents{color:#38bdf8;margin-top:4px;font-size:18px}.readout .hz{color:#cbd5e1;margin-top:8px;font-size:15px}.readout .dim{color:#64748b;margin-top:4px;font-size:12px;display:block}.curve{border:1px solid #1e293b;border-radius:16px;width:100%;height:220px;display:block}.metrics{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.metrics div{text-align:center;background:#0f1a2b;border:1px solid #1e293b;border-radius:12px;padding:10px}.metrics span{color:#64748b;font-size:11px;display:block}.metrics strong{color:#e2e8f0;margin-top:3px;font-size:14px;display:block}.actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}button{color:#e2e8f0;cursor:pointer;background:#16233a;border:1px solid #334155;border-radius:12px;width:100%;min-width:0;padding:13px 10px;font-size:15px;font-weight:600}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:#2563eb;border-color:#2563eb}button.stop{background:#7f1d1d;border-color:#991b1b}.error{color:#fecaca;background:#450a0a;border-radius:10px;margin:0;padding:10px 12px;font-size:13px}.panel{background:#0f1a2b;border:1px solid #1e293b;border-radius:16px;padding:14px}.panel h2{color:#cbd5e1;margin:0 0 8px;font-size:15px}.result{color:#e2e8f0;margin:10px 0 0;font-size:14px}.result.dim,.dim{color:#64748b}table{border-collapse:collapse;width:100%;margin-top:10px;font-size:13px}th,td{text-align:left;border-bottom:1px solid #1e293b;padding:6px 8px}th{color:#64748b;font-weight:500}td.good{color:#4ade80}td.bad{color:#f87171}footer{color:#64748b;font-size:12px;line-height:1.7}.meter{gap:8px;display:grid}.meter-bar{background:#1e293b;border-radius:999px;height:10px;overflow:hidden}.meter-fill{background:#4ade80;width:0;height:100%;transition:width 80ms linear}.meter-bar.weak .meter-fill{background:#fbbf24}.meter-bar.silent .meter-fill{background:#475569}.meter-bar.hot .meter-fill{background:#f87171}.meter-row{flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.meter-row strong{font-size:13px}.dot{background:#475569;border-radius:50%;width:8px;height:8px}.dot.ok{background:#4ade80}.dot.weak{background:#fbbf24}.dot.hot{background:#f87171}.hintline{color:#94a3b8;margin:0;font-size:13px;line-height:1.6}.hintline.good{color:#4ade80}.hintline.warn{color:#fbbf24}.hintline.bad{color:#f87171}.microw{gap:12px;display:grid}.microw label{color:#94a3b8;gap:6px;font-size:12px;display:grid}.microw .check{color:#cbd5e1;align-items:center;gap:8px;font-size:13px;display:flex}select{color:#e2e8f0;background:#16233a;border:1px solid #334155;border-radius:10px;width:100%;padding:10px;font-size:14px}input[type=checkbox]{accent-color:#2563eb;width:16px;height:16px}.kv{gap:6px;margin:0;font-size:13px;display:grid}.kv div{justify-content:space-between;gap:12px;display:flex}.kv dt{color:#64748b}.kv dd{text-align:right;margin:0}.spaced{margin-top:10px}details summary{cursor:pointer;color:#cbd5e1;font-size:14px;font-weight:600}details ol{color:#94a3b8;margin:10px 0 0;padding-left:20px;font-size:13px;line-height:1.8}@media (width<=520px){.metrics{grid-template-columns:repeat(2,1fr)}.actions{grid-template-columns:1fr}.readout .note{font-size:52px}}
