:root{color-scheme:dark;--bg: #0d1014;--panel: #161b22;--line: #262d38;--fg: #e6e9ee;--muted: #8b94a3;--pos: #3fb68b;--neg: #e5674b;--accent: #5b8def}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}.status{padding:24px max(16px,env(safe-area-inset-left))}.app{display:flex;flex-direction:column;height:100%}.bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px max(16px,env(safe-area-inset-left));border-bottom:1px solid var(--line);background:var(--panel)}.bar nav{display:flex;gap:4px;align-items:center}.bar button{background:transparent;color:var(--fg);border:1px solid var(--line);border-radius:6px;padding:4px 10px;font:inherit;cursor:pointer}.bar button.on{background:var(--accent);border-color:var(--accent);color:#fff}.muted{color:var(--muted)}.stage{position:relative;flex:1;min-height:0}.label-below,.label-tilted,.label-corner{color:var(--muted);font-size:11px;white-space:nowrap;pointer-events:none}.label-below>div{transform:translate(-50%)}.label-tilted>div{transform:translate(-100%) rotate(-50deg);transform-origin:right top}.label-corner>div{color:var(--fg);font-size:12px;font-weight:600;text-shadow:0 1px 3px #000c}.tip{position:fixed;pointer-events:none;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 10px;max-width:320px;font-size:13px;box-shadow:0 6px 20px #0008;z-index:5}.tip-title{font-weight:600}.tip .pos{color:var(--pos)}.tip .neg{color:var(--neg)}.tip-group{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:6px;padding-top:6px;border-top:1px solid var(--line)}.bar button.ar{background:#8b5cf6;border-color:#8b5cf6;color:#fff;font-weight:700}.ar-overlay{position:fixed;inset:auto 0 0 0;pointer-events:none}.ar-bar{pointer-events:auto;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin:0 max(12px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-bottom));padding:10px;border-radius:12px;background:#161b22cc;color:var(--fg);font:14px system-ui,sans-serif}.ar-bar nav{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.ar-bar button{background:transparent;color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font:inherit}.ar-bar button.on{background:var(--accent);border-color:var(--accent);color:#fff}.ar-hint{flex:1 1 100%;font-weight:600;text-shadow:0 1px 3px #000c}.bar a.home{color:var(--fg);text-decoration:none;border:1px solid var(--line);border-radius:6px;padding:4px 10px}.bar a.home:hover{border-color:var(--accent)}.label-left{color:var(--muted);font-size:11px;white-space:nowrap;pointer-events:none}.label-left>div{transform:translate(-100%,-50%)}