:root{--bg:#f4f8f5;--panel:#fff;--line:#dbe5de;--ink:#22302a;--muted:#6b7d70;--accent:#1f7a4d;--accent2:#c0392b;font-family:ui-sans-serif,system-ui,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-size:13px}.loading,.fatal{text-align:center;color:var(--muted);padding:48px}.fatal{color:var(--accent2)}.app{max-width:1420px;margin:0 auto;padding:18px 20px 60px}header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:14px;display:flex}h1{margin:0 0 4px;font-size:20px}.fixed-info{color:var(--muted);margin:0;font-size:12px}.lock{background:#e6ece8;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:11px}.base{color:var(--muted);text-align:right;font-size:12px}.base b{color:var(--ink);font-size:15px}.base span{font-size:11px;display:block}.stage{grid-template-columns:1fr 250px;align-items:start;gap:14px;display:grid}canvas{border:1px solid var(--line);background:#eaf1ec}.live{background:var(--panel);border:1px solid var(--line);border-radius:10px;max-height:520px;padding:10px 12px;overflow:auto}.live h3{margin:0 0 8px;font-size:13px}.live ol{margin:0;padding:0;list-style:none}.live li{grid-template-columns:20px 22px 1fr auto;align-items:center;gap:6px;padding:2px 0;font-size:12px;display:grid}.live .pos{color:var(--muted);text-align:right}.live .gap{color:var(--muted);font-variant-numeric:tabular-nums}.hint{color:var(--muted);font-size:12px}.num{border:1px solid #2b3a3244;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:inline-flex}.num.sm{width:18px;height:18px;font-size:10px}.controls{flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0;display:flex}button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;padding:7px 14px;font-size:13px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.ghost{padding:4px 10px;font-size:12px}.seek{flex:220px;min-width:160px}.clock{font-variant-numeric:tabular-nums;color:var(--muted)}.speed{color:var(--muted);align-items:center;gap:5px;display:inline-flex}.speed select,.speed input{border:1px solid var(--line);border-radius:6px;width:70px;padding:4px 6px}.spacer{flex:20px}.prog{background:#e6ece8;border-radius:10px;align-items:center;width:160px;height:20px;display:inline-flex;position:relative;overflow:hidden}.prog i{background:var(--accent);transition:width .12s;position:absolute;top:0;bottom:0;left:0}.prog b{text-align:center;color:#123;width:100%;font-size:11px;position:relative}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-top:14px;padding:12px 14px}.panel-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.panel h2{margin:0;font-size:14px}.meta{color:var(--muted);font-size:12px}.note{color:var(--muted);margin:8px 0 0;font-size:11px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:right;border-bottom:1px solid var(--line);white-space:nowrap;padding:4px 6px}th{color:var(--muted);font-size:11px;font-weight:600}td.name,th.name{text-align:left}tr.top5 td{background:#f2f8f4}.pass{font-variant-numeric:tabular-nums;color:var(--muted)}.params input[type=number]{border:1px solid var(--line);text-align:right;border-radius:6px;width:74px;padding:3px 5px;font-size:12px}.params .pi{justify-content:flex-end;align-items:center;gap:6px;display:flex}.params .pi input{width:90px}.params .pi b{font-variant-numeric:tabular-nums;width:34px}.pace-row{flex-wrap:wrap;gap:24px;margin-bottom:10px;display:flex}.pace-row label{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:inline-flex}.pace-row input{width:180px}.pace-row b{color:var(--ink);font-variant-numeric:tabular-nums;width:72px}.top5{margin:0 0 12px;padding:0;list-style:none}.top5 li{grid-template-columns:22px 22px 130px 1fr 56px 40px;align-items:center;gap:8px;padding:4px 0;display:grid}.top5 .rank{color:var(--muted);text-align:center;font-weight:700}.top5 .hname{font-weight:600}.top5 .bar{background:#e6ece8;border-radius:6px;height:12px;overflow:hidden}.top5 .bar i{background:var(--accent);height:100%;display:block}.top5 .pct{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.top5 .ci{color:var(--muted);font-size:11px}.hist{width:190px}.spark{align-items:flex-end;gap:1px;width:180px;height:22px;display:inline-flex}.spark i{background:var(--accent);opacity:.75;border-radius:1px 1px 0 0;flex:1;min-height:1px}.fixed-info.src{opacity:.8;margin-top:2px;font-size:11px}.speed.pin{gap:3px}.speed.pin input{width:auto}td.late{color:#c0392b;font-weight:600}