:root{font-family:system-ui,'Microsoft YaHei',sans-serif;color:#e2e8df;background:#111815;font-size:15px;line-height:1.6;--muted:#a7b6ad;--accent:#b7d49a;--line:#35433b}*{box-sizing:border-box}body{margin:0}header,nav,main,footer{max-width:1180px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:24px 18px;gap:20px}h1{font-size:38px;margin:0;letter-spacing:.18em}h2{font-size:20px;margin:0 0 12px}h3{font-size:16px;margin:8px 0}p{margin:7px 0}small,.muted{color:var(--muted)}nav{display:flex;flex-wrap:wrap;padding:8px 12px;gap:6px;position:sticky;top:0;background:#111815f5;z-index:5;border-bottom:1px solid var(--line)}nav a{color:#dce4d7;text-decoration:none;padding:7px 12px;border-radius:6px;background:#263029}main{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}section{background:#1b251f;border:1px solid var(--line);border-radius:10px;padding:18px;min-width:0;scroll-margin-top:115px}.wide{grid-column:1/-1}.notice{border-left:4px solid var(--accent);padding:12px;background:#293727;color:#e9f3df}.row{border-top:1px solid var(--line);padding:11px 0;overflow-wrap:anywhere}.row:first-of-type{border-top:0}button,select{font:inherit;color:#ecf0e9;background:#314236;border:1px solid #647958;border-radius:6px;min-height:44px;padding:8px 12px;cursor:pointer;margin:4px 4px 4px 0;max-width:100%;touch-action:manipulation}button:hover{background:#466046}button:disabled{opacity:.38;cursor:not-allowed}button.primary{background:#b7d49a;color:#172214;font-weight:700}button.danger{background:#553731;border-color:#ad7164}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #e3c878;outline-offset:2px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:#26392c;padding:4px 8px;border-radius:4px}.bar{height:16px;border-radius:8px;background:#101612;overflow:hidden;margin:8px 0}.bar span{display:block;height:100%;background:var(--accent)}.track{position:relative;height:42px;background:#0c120f;border-radius:8px;margin:12px 0;overflow:hidden}.target{position:absolute;height:100%;background:#72894b}.perfect{position:absolute;height:100%;background:#d2ca6b}.marker{position:absolute;width:4px;top:0;bottom:0;background:white;box-shadow:0 0 7px white;transform:translateX(-2px)}#qte-hit{min-width:170px;min-height:60px;font-size:20px}#error{max-width:1148px;margin:12px auto;padding:16px;background:#63382e;border:2px solid #c49472;border-radius:8px;position:sticky;top:58px;z-index:6}dl{display:grid;grid-template-columns:100px 1fr;gap:4px;margin:8px 0}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}details{margin-top:8px}summary{cursor:pointer;color:#c4d9ae}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;background:#111a14;padding:10px}footer{text-align:center;padding:28px 16px;color:var(--muted)}.success{color:#c0e7a0}.fail{color:#f1ad8e}select{background:#202e24}#qte-panel{border:2px solid #9cac6d}#save-note{font-size:12px}progress{width:100%}@media(max-width:700px){main{grid-template-columns:1fr;padding:10px;gap:10px}header{padding:16px 12px;align-items:start}header p{max-width:220px;font-size:12px}h1{font-size:31px}nav{gap:3px;padding:6px}nav a{padding:6px 8px;font-size:13px}section{padding:14px}.wide{grid-column:auto}dl{grid-template-columns:80px 1fr}#error{margin:8px;top:80px}.row button{font-size:14px}}