:root{--y:#f4ad00;--glass:#0e141c9e;--line:#ffffff1a;--text:#e9eef3;--dim:#8d99a6;--cyan:#5fd4ff}*{box-sizing:border-box}html,body{height:100%;color:var(--text);background:#0b0f14;margin:0;font:13px/1.5 PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;overflow:hidden}#stage{place-items:center;display:grid;position:fixed;inset:0}#gl,#calib{touch-action:none;display:block;position:absolute}#calib{cursor:crosshair}#calib[hidden]{display:none}#topbar{pointer-events:none;background:linear-gradient(#05080cb3,#0000);justify-content:space-between;align-items:center;height:52px;padding:0 18px;display:flex;position:fixed;top:0;left:0;right:0}#topbar>*{pointer-events:auto}.brand{align-items:center;gap:10px;display:flex}.brand .mark{background:#d7261e;border-radius:2px;width:22px;height:22px;box-shadow:inset 0 0 0 4px #d7261e,inset 0 0 0 6px #fff}.brand b{letter-spacing:2px;font-size:16px}.brand i{color:var(--dim);font-style:normal}.modes{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;padding:3px;display:flex}.modes button{color:var(--dim);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:999px;padding:6px 16px}.modes button.on{background:var(--y);color:#111;font-weight:600}#panel{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:12px;width:236px;max-height:calc(100% - 80px);padding:10px 14px 14px;transition:transform .3s;position:fixed;top:64px;left:14px;overflow:auto}#panel.collapsed{transform:translate(-250px)}#panelToggle{border:1px solid var(--line);background:var(--glass);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:50%;display:none;position:fixed;bottom:14px;left:14px}#panel section{border-bottom:1px solid var(--line);padding:8px 0}#panel section:last-of-type{border:0}#panel h4{color:var(--y);letter-spacing:1px;margin:0 0 6px;font-size:12px;font-weight:600}#panel label{color:var(--dim);margin:6px 0;font-size:12px;display:block}#panel label output{float:right;color:var(--text);font-variant-numeric:tabular-nums}#panel label.chk{color:var(--text);cursor:pointer;align-items:center;gap:6px;display:flex}#panel select,#panel input[type=range]{width:100%;accent-color:var(--y);margin-top:4px}#panel select{color:var(--text);border:1px solid var(--line);font:inherit;background:#121821;border-radius:6px;padding:5px}.row{gap:6px;display:flex}button{font:inherit}#panel button,#calibBar button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:8px;flex:1;padding:7px 8px}#panel button:hover{background:#ffffff1f}button.primary{width:100%;font-weight:600;background:var(--y)!important;color:#111!important;border:0!important}body:not(.photo) .photo-only{display:none!important}#hud{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-variant-numeric:tabular-nums;border-radius:12px;width:248px;padding:12px 14px;position:fixed;top:64px;right:14px}#hud .title{margin-bottom:8px;font-size:14px;font-weight:600}#hud .title small{color:var(--dim);font-size:11px;font-weight:400;display:block}#hud .grid{grid-template-columns:auto 1fr;gap:3px 10px;display:grid}#hud .grid span{color:var(--dim)}#hud .grid b{text-align:right;font-weight:500}#hud .live b{color:var(--cyan)}#hud .sep{background:var(--line);height:1px;margin:9px 0}#hud .foot{color:var(--dim);margin-top:8px;font-size:10.5px;line-height:1.4}#chips{gap:10px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}#chips div{background:var(--glass);border:1px solid var(--line);text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;padding:6px 14px}#chips b{color:var(--y);font-variant-numeric:tabular-nums;font-size:20px;line-height:1.1;display:block}#chips span{color:var(--dim);font-size:11px}#callouts{pointer-events:none;position:fixed;inset:0}.callout{white-space:nowrap;transition:opacity .4s;position:absolute;top:0;left:0}.callout .dot{background:var(--y);border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;box-shadow:0 0 0 4px #f4ad0040,0 0 12px #f4ad00cc}.callout .stem{transform-origin:0 0;background:#ffffffb3;height:1px;position:absolute}.callout .tag{border-left:3px solid var(--y);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e14c7;border-radius:4px;padding:4px 10px;position:absolute}.callout .tag b{font-size:13px;display:block}.callout .tag span{color:var(--dim);font-size:11px}#calibBar{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:8px 14px;width:min(560px,100% - 24px);padding:12px 14px;display:grid;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}#calibBar[hidden]{display:none}#calibBar .steps{color:var(--dim);grid-column:1/-1}#calibBar .steps span{color:var(--y);font-weight:600}#calibBar .steps b{color:var(--text)}#calibBar label{color:var(--dim)}#calibBar input{width:80px;color:var(--text);border:1px solid var(--line);font:inherit;background:#121821;border-radius:6px;margin-left:6px;padding:4px 6px}#calibBar .msg{color:var(--cyan);font-size:12px}#calibBar button{grid-area:2/2/span 3;padding:10px 18px}#calibBar #depthMsg{color:var(--dim)}#toast{border:1px solid var(--line);background:#0a0e14d9;border-radius:8px;padding:8px 16px;position:fixed;top:70px;left:50%;transform:translate(-50%)}body.intro #chips,body.intro #callouts{opacity:0}#chips,#callouts{transition:opacity .6s}@media (width<=760px){#panel{max-height:50%;top:auto;bottom:60px}#panelToggle{display:block}#hud{width:190px;padding:8px 10px;font-size:11px;top:56px;right:8px}#hud .foot,.brand i{display:none}#chips{flex-direction:column;gap:4px;bottom:60px;left:auto;right:8px;transform:none}#chips b{font-size:15px}}