:root{--panel:#121316d1;--text:#ece8de;--muted:#a7a399;--accent:#e2ac1c;--line:#ffffff1f}*{box-sizing:border-box}html,body{height:100%;color:var(--text);overscroll-behavior:none;background:#111;margin:0;font:14px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.stage{position:fixed;inset:0;overflow:hidden}.view{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.card{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px}.center{text-align:center;min-width:240px;padding:16px 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bar{background:var(--line);border-radius:3px;height:6px;margin-top:10px;overflow:hidden}.bar>div{background:var(--accent);height:100%;transition:width .2s}.hint{background:var(--panel);color:var(--muted);pointer-events:none;white-space:nowrap;border-radius:999px;padding:6px 12px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.hud{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;width:300px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:12px 14px;position:absolute;top:12px;left:12px;overflow-y:auto}.hud h1{letter-spacing:.02em;margin:0;font-size:18px}.sub,.note{color:var(--muted);margin:2px 0 10px;font-size:12px}.row{flex-wrap:wrap;gap:4px;margin:6px 0;display:flex}button{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:6px;padding:4px 8px}button:hover{background:#ffffff1f}button.on{background:var(--accent);border-color:var(--accent);color:#1a1a1a}details{margin-top:8px}summary{cursor:pointer;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.views{margin:6px 0 0;padding:0;list-style:none}.views button{text-align:left;width:100%;margin-bottom:3px}.help{margin:6px 0 0}.help div{gap:8px;display:flex}.help dt{width:92px;color:var(--accent);flex:none}.help dd{margin:0}.show-hud{font-size:18px;position:absolute;top:12px;left:12px}.measure-tag{color:#1a1a1a;pointer-events:none;white-space:nowrap;font-variant-numeric:tabular-nums;background:#ffd23f;border-radius:6px;padding:2px 8px;font-weight:600;position:absolute;transform:translate(-50%,-140%)}.crosshair{pointer-events:none;border:2px solid #ffd23f;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:50%;left:50%}.label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:10px 0 0;font-size:12px}.readout{border:1px solid var(--line);font-variant-numeric:tabular-nums;background:#ffd23f14;border-radius:8px;margin:6px 0;padding:8px 10px}.readout .big{color:#ffd23f;font-size:20px;font-weight:600}.flash{background:var(--accent);color:#1a1a1a;pointer-events:none;border-radius:999px;padding:6px 14px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.pause{background:#121316a8;width:340px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:12px 12px 6px;position:absolute;top:50%;right:16px;overflow-y:auto;transform:translateY(-50%)}.pause h2{letter-spacing:.04em;margin:0 4px 8px;font-size:16px}.pause ul{margin:0;padding:0;list-style:none}.pause .item{text-align:left;background:0 0;border-color:#0000;justify-content:space-between;gap:10px;width:100%;margin:2px 0;padding:7px 10px;display:flex}.pause li.sel .item{background:var(--accent);color:#1a1a1a}.pause .val{white-space:nowrap;opacity:.9}.pause .arrow{opacity:.6;padding:0 6px}.pad-tip{background:var(--panel);color:var(--muted);pointer-events:none;border-radius:999px;padding:4px 10px;font-size:12px;position:absolute;bottom:18px;right:18px}.sound{overscroll-behavior:contain;touch-action:pan-y;width:300px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 80px);padding:10px 12px;position:absolute;top:12px;right:12px;overflow-y:auto}.sound h2{margin:0 0 6px;font-size:15px}.settings{margin:0}.settings div{justify-content:space-between;align-items:center;gap:8px;padding:1px 0;display:flex}.settings dt{color:var(--muted)}.settings dd{font-variant-numeric:tabular-nums;align-items:center;gap:4px;margin:0;display:flex}.settings .arrow{padding:0 5px;font-size:10px;line-height:18px}.scale{border:1px solid var(--line);border-radius:4px;height:8px;margin:10px 0 2px}.scale.waves{background:linear-gradient(90deg,#2a78d6,#2a78d600 50%,#e34948)}.scale.level{background:linear-gradient(90deg,#2a78d6,#2a78d640 50%,#e3494840 50%,#e34948)}.scale-labels{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.decay{margin:6px 0}.decay .grid{stroke:#ffffff1a;stroke-width:1px}.decay .tick{fill:#898781;font-variant-numeric:tabular-nums;font-size:9px}.decay path{fill:none;stroke-width:2px;stroke-linejoin:round}.decay path.now{stroke:#3987e5}.decay path.ghost{stroke:#d95926;stroke-dasharray:4 3}.decay figcaption{color:var(--text);font-size:11px}.decay .key{vertical-align:middle;border-top:2px solid #3987e5;width:14px;height:0;display:inline-block}.decay .key.ghost{border-top:2px dashed #d95926}.sound-hint{white-space:normal;text-align:center;max-width:calc(100vw - 32px);font-size:12px}.page-over{background:#111;flex-direction:column;display:flex;position:absolute;inset:0}.page-bar{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:8px 12px;display:flex}.page-bar .note{flex:1;margin:0}.page-bar a{color:var(--accent)}.page-frame{background:#fff;border:0;flex:1;width:100%}