:root{color-scheme:dark;--bg:#07111f;--panel:#0c1929;--panel2:#101f31;--line:#20354b;--text:#f1f6fb;--muted:#8fa5b9;--cyan:#36d9c4;--blue:#4f8cff;--amber:#ffbf5c;--bad:#ff6b75;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 72% -20%,#173758 0,transparent 42%),var(--bg);color:var(--text);min-height:100vh}.shell{width:min(1180px,calc(100% - 36px));margin:auto;padding:26px 0 38px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}.brand{font-size:.82rem;font-weight:800;letter-spacing:.14em;display:flex;align-items:center;gap:10px}.pulse{width:11px;height:11px;border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 0 5px #36d9c419}.status{font-size:.8rem;color:var(--muted);display:flex;gap:8px;align-items:center}.status span{width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan)}.intro{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:end;padding:56px 0 42px}.eyebrow,.label{font-size:.73rem;font-weight:800;letter-spacing:.14em;color:var(--cyan)}h1{font-size:clamp(2.4rem,6vw,5.1rem);line-height:.98;letter-spacing:-.055em;margin:12px 0 0;font-weight:720}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #8cb3d4}.lede{color:var(--muted);font-size:1rem;line-height:1.7;margin:0 0 5px}.tabs{display:flex;border-bottom:1px solid var(--line)}.tab{border:0;background:transparent;color:var(--muted);font:inherit;font-weight:700;padding:15px 20px;cursor:pointer;border-bottom:2px solid transparent}.tab small{font-weight:500;margin-left:8px}.tab.active{color:var(--text);border-color:var(--cyan)}.workspace{display:grid;grid-template-columns:360px 1fr;background:linear-gradient(145deg,#0c1929,#0a1624);border:1px solid var(--line);border-radius:3px;margin-top:22px;overflow:hidden;box-shadow:0 25px 70px #0005}.control-panel{padding:30px;border-right:1px solid var(--line)}.controls+.controls{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0 24px}.choice,.target-choice{background:#0a1624;border:1px solid var(--line);color:var(--muted);padding:11px 4px;border-radius:4px;cursor:pointer;font-weight:700}.choice span{display:block;font-size:.7rem;font-weight:500;margin-top:3px}.choice.selected,.target-choice.selected{border-color:var(--cyan);color:var(--text);background:#36d9c410}.target-row{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:12px 0}.target-choice{font-size:.77rem;padding:9px 2px}.custom-target,.stream-time{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.75rem;margin:10px 0}.custom-target input{width:65px;background:#07111f;border:1px solid var(--line);border-radius:3px;color:var(--text);padding:6px}.stream-time strong{color:var(--text);font-size:1rem}.stream-time span{font-size:.72rem}.start,.stop{width:100%;border:0;border-radius:4px;padding:15px 17px;font:inherit;font-weight:800;cursor:pointer}.start{display:flex;justify-content:space-between;background:var(--cyan);color:#041612}.start:hover{filter:brightness(1.08)}.start:disabled{opacity:.45;cursor:not-allowed}.stop{background:#ff6b7518;color:#ff9299;border:1px solid #ff6b7544;margin-top:10px}.privacy,.hint{font-size:.75rem;line-height:1.5;color:#6f879b}.privacy{margin:16px 0 0}.meter-panel{padding:28px 30px;min-width:0}.meter-head{display:flex;justify-content:space-between;font-size:.72rem;letter-spacing:.12em;color:var(--muted)}.big-number{display:flex;align-items:baseline;gap:10px;margin-top:4px}.big-number strong{font-size:clamp(3rem,7vw,6rem);letter-spacing:-.06em}.big-number span{color:var(--muted)}.chart-wrap{position:relative}canvas{width:100%;height:170px;display:block;touch-action:pan-y}.chart-tip{position:absolute;top:8px;background:#06101ddd;border:1px solid var(--line);border-radius:3px;padding:6px 8px;font-size:.72rem;pointer-events:none}.chart-key{display:flex;gap:16px;color:var(--muted);font-size:.66rem;margin:4px 0 12px}.chart-key span:before{content:"";display:inline-block;width:14px;margin-right:5px;vertical-align:middle}.key-target:before{border-top:1px dashed var(--amber)}.key-recommended:before{border-top:1px dashed var(--blue)}.key-low:before{height:7px;background:#ff6b752d}.progress{height:3px;background:#182d42}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:width .2s}.metrics{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-top:0}.metrics.secondary,.metrics.connection{margin-top:14px;border-top:1px solid var(--line)}.metrics.connection{grid-template-columns:repeat(4,1fr)}.metrics article{padding:21px 17px;border-right:1px solid var(--line);min-width:0}.metrics article:last-child{border:0}.metrics article.emphasis{background:#36d9c408}.metrics span{display:block;font-size:.65rem;letter-spacing:.1em;color:var(--muted);min-height:28px}.metrics strong{font-size:1.7rem}.metrics small{color:var(--muted);margin-left:4px}.metrics p{font-size:.7rem;color:#668095;line-height:1.35;margin:8px 0 0}.verdict{margin-top:20px;border:1px solid var(--line);border-left:4px solid var(--cyan);background:var(--panel2);padding:18px 22px}.verdict-marginal{border-left-color:var(--amber)}.verdict-unstable{border-left-color:var(--bad)}.verdict strong{display:block;margin-bottom:5px;letter-spacing:.08em}.verdict p{margin:0;color:var(--muted)}.report-actions{display:flex;align-items:center;gap:12px;margin-top:14px;min-height:38px}.copy-report{background:transparent;border:1px solid var(--line);color:var(--text);border-radius:4px;padding:10px 14px;font-weight:700;cursor:pointer}.copy-report:hover{border-color:var(--cyan)}#copyStatus{font-size:.75rem;color:var(--cyan)}footer{color:#647b90;font-size:.72rem;text-align:center;margin-top:28px}.hidden{display:none!important}@media(max-width:850px){.intro{grid-template-columns:1fr;padding:38px 0 30px;gap:20px}.workspace{grid-template-columns:1fr}.control-panel{border-right:0;border-bottom:1px solid var(--line)}.metrics,.metrics.connection{grid-template-columns:repeat(3,1fr)}.metrics article:nth-child(3n){border-right:0}.metrics article:nth-child(-n+3){border-bottom:1px solid var(--line)}.metrics.connection article{border-bottom:0}.metrics.connection article:nth-child(3){border-right:0}.metrics.connection article:last-child{border-top:1px solid var(--line)}}@media(max-width:520px){.shell{width:min(100% - 22px,1180px);padding-top:16px}.status{font-size:0}.status:after{content:"online";font-size:.75rem}.intro{padding-top:32px}.tab{padding:13px 10px;font-size:.85rem}.tab small{display:none}.meter-panel,.control-panel{padding:23px 18px}.metrics,.metrics.connection{grid-template-columns:repeat(2,1fr)}.metrics article:nth-child(2n){border-right:0}.metrics article:nth-child(3n){border-right:1px solid var(--line)}.metrics article{border-bottom:1px solid var(--line)}.metrics article:nth-last-child(-n+2){border-bottom:0}.big-number span{font-size:.72rem}.chart-key{gap:10px;flex-wrap:wrap}}