:root{--bg: #120e1a;--panel: #1d1729;--ink: #efe9f4;--muted: #a99bb8;--accent: #b05f8a}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.sts-wrap{max-width:700px;margin:0 auto;padding:18px 16px 40px;display:flex;flex-direction:column;align-items:center;gap:12px}.sts-head{text-align:center}.sts-head h1{margin:0;font-size:28px;letter-spacing:.5px;color:var(--accent)}.sts-sub{margin:4px 0 0;color:var(--muted);font-size:14px;max-width:460px}.sts-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}.seg{display:inline-flex;background:var(--panel);border-radius:10px;overflow:hidden;border:1px solid #2c2440}.seg button{border:none;background:transparent;color:var(--muted);padding:8px 16px;cursor:pointer;font-size:14px}.seg button.on{background:var(--accent);color:#fff}button{font-family:inherit}.sts-bar button:not(.seg button){border:1px solid #2c2440;background:var(--panel);color:var(--ink);padding:8px 16px;border-radius:10px;cursor:pointer;font-size:14px}.sts-bar button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.sts-bar button:hover{filter:brightness(1.1)}.sts-stats{display:flex;gap:18px;font-size:14px;color:var(--muted)}.sts-stats span{font-variant-numeric:tabular-nums}.gaze{width:100%;max-width:640px;height:8px;background:#2c2440;border-radius:6px;overflow:hidden}.gazefill{height:100%;width:100%;background:var(--accent);transition:width 80ms linear}canvas{width:100%;max-width:640px;height:auto;background:#1a1424;border-radius:14px;border:1px solid #2c2440;touch-action:manipulation;cursor:pointer}.status{min-height:20px;margin:2px 0 0;color:var(--ink);font-size:15px;text-align:center}