:root{color:#f0f4fb;font-synthesis:none;background:#080b10;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}button{font:inherit}.landing{min-height:100svh;padding:max(24px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));background:linear-gradient(145deg,#080b10,#101827 62%,#0b1019);place-items:center;display:grid;position:relative;overflow:hidden}.ambient{filter:blur(80px);opacity:.22;pointer-events:none;border-radius:50%;width:360px;height:360px;position:absolute}.ambient-one{background:#78e5bc;top:-180px;right:-100px}.ambient-two{background:#4474ff;bottom:-220px;left:-140px}.hero-card{z-index:1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0d121bc7;border:1px solid #9baecd38;border-radius:24px;width:min(100%,460px);padding:30px 24px 20px;position:relative;box-shadow:0 24px 90px #0006}.eyebrow{color:#78e5bc;letter-spacing:.2em;margin:0 0 10px;font-size:10px;font-weight:700}.hero-copy h1{letter-spacing:-.02em;margin:0;font-size:clamp(28px,8vw,42px);font-weight:500}.intro{color:#94a2b7;margin:14px 0 24px;font-size:13px;line-height:1.75}.target-frame{aspect-ratio:1;background:#090d14;border-radius:16px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.target-frame img{object-fit:contain;width:100%;height:100%;display:block}.target-empty{text-align:center;color:#66738a}.target-empty span{font-size:32px}.target-empty p{margin:4px;font-size:12px}.corner{border-style:solid;border-color:#78e5bc;width:26px;height:26px;position:absolute}.top-left{border-width:2px 0 0 2px;top:10px;left:10px}.top-right{border-width:2px 2px 0 0;top:10px;right:10px}.bottom-left{border-width:0 0 2px 2px;bottom:10px;left:10px}.bottom-right{border-width:0 2px 2px 0;bottom:10px;right:10px}.actions{gap:10px;margin-top:20px;display:grid}.enter-button,.tracking-test-button,.preview-button,.precache-button{cursor:pointer;border-radius:12px;width:100%}.enter-button{color:#07110e;text-align:left;background:#78e5bc;border:0;justify-content:space-between;align-items:center;padding:15px 17px;display:flex}.enter-button span{opacity:.68;font-size:10px}.enter-button strong{font-size:16px}.enter-button:disabled,.tracking-test-button:disabled{cursor:not-allowed;filter:grayscale();opacity:.36}.tracking-test-button{color:#d7e6ff;text-align:left;background:#142039;border:1px solid #4d70a7;justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.tracking-test-button span{color:#8da8d3;font-size:10px}.tracking-test-button strong{font-size:12px}.preview-button{color:#cad3e1;background:#121925;border:1px solid #344259;padding:13px}.precache-button{color:#b8c5d7;text-align:left;background:0 0;border:1px solid #344259;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.precache-button span{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.precache-button strong{color:#d9e4f2;flex:none;font-size:11px}.precache-button:disabled{cursor:default;opacity:.55}.precache-progress{background:#101722;border-radius:7px;height:20px;margin-top:8px;position:relative;overflow:hidden}.precache-progress span{background:#78e5bc38;transition:width .15s;position:absolute;inset:0 auto 0 0}.precache-progress small{z-index:1;color:#a9b8cb;text-overflow:ellipsis;white-space:nowrap;padding:4px 8px;font-size:8px;display:block;position:relative;overflow:hidden}.cache-note{color:#82aa9b;margin:10px 0 0;font-size:9px;line-height:1.55}.tracking-note{color:#8294ae;margin:10px 0 0;font-size:9px;line-height:1.55}.notice{color:#eabf6d;margin:12px 0 0;font-size:10px;line-height:1.55}.hero-card footer{color:#66738a;border-top:1px solid #293345;justify-content:space-between;gap:14px;margin-top:20px;padding-top:14px;font-size:8px;display:flex}.experience-stage{background:#080b10;position:fixed;inset:0;overflow:hidden}.render-host,.render-host canvas{width:100%;height:100%;display:block}.ar-stage .render-host{position:absolute;inset:0}.tracking-camera-feed,.tracking-render-canvas{display:block;inset:0;width:100%!important;height:100%!important;position:fixed!important}.tracking-camera-feed{object-fit:cover}.benchmark-panel{z-index:8;right:12px;bottom:max(12px, env(safe-area-inset-bottom));color:#eef5ff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080f1be0;border:1px solid #97b1d859;border-radius:14px;gap:7px;width:min(280px,100vw - 24px);padding:12px;display:grid;position:fixed}.benchmark-panel strong{font-size:12px}.benchmark-panel input,.benchmark-panel select,.benchmark-panel button{color:#e9f1fd;background:#111d2e;border:1px solid #34455f;border-radius:8px;min-height:34px;padding:7px 9px}.benchmark-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.benchmark-panel button{cursor:pointer}.benchmark-panel button:disabled{cursor:not-allowed;opacity:.45}.benchmark-panel small{color:#9aaac0;font-size:9px;line-height:1.5}.benchmark-panel small.benchmark-error{color:#ffb1b1}.composition-overlay{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.composition-overlay line{vector-effect:non-scaling-stroke;stroke-width:2px}.composition-source-line{stroke:#ffdb60f2}.composition-projected-line{stroke:#5deec7f2;stroke-dasharray:7 5}.composition-marker{z-index:5;pointer-events:none;background:#060b0fb8;border:2px solid;border-radius:50%;place-items:center;width:24px;height:24px;margin:-12px 0 0 -12px;font:700 11px/1 system-ui,sans-serif;display:grid;position:absolute}.composition-marker-o{color:#ffdb60}.composition-marker-worker{color:#ff8a65;border-style:dotted}.composition-marker-three{color:#7eb6ff;border-style:dashed}.composition-marker-z{color:#5deec7}.composition-readout{color:#cfeee5;background:#040e12b3;border:1px solid #5deec752;border-radius:9px;gap:2px;padding:8px;font-size:10px;display:grid}.composition-readout b{color:#70f1cc;font-size:10px}.stage-bar{z-index:5;top:max(14px, env(safe-area-inset-top));pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute;left:14px;right:14px}.stage-bar button{color:#fff;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#06090ea3;border:1px solid #ffffff47;border-radius:50%;width:42px;height:42px;font-size:20px}.stage-bar span{color:#dce4ef;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#06090ea3;border-radius:100px;padding:9px 12px;font-size:11px}.stage-hint{z-index:5;left:50%;bottom:max(24px, env(safe-area-inset-bottom));color:#dce7e3;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#060b0fbd;border:1px solid #78e5bc59;border-radius:100px;width:max-content;max-width:calc(100% - 40px);padding:11px 15px;font-size:11px;position:absolute;transform:translate(-50%)}.stage-hint.error{color:#ffb1b1;border-color:#f1717180}.media-button{z-index:6;right:18px;bottom:max(76px, calc(env(safe-area-inset-bottom) + 66px));color:#78e5bc;background:#080d12cc;border:1px solid #78e5bc;border-radius:100px;padding:11px 14px;font-size:11px;position:absolute}.state-page{text-align:center;background:radial-gradient(circle,#182238,#080b10 62%);place-content:center;justify-items:center;min-height:100svh;padding:30px;display:grid}.state-mark{color:#78e5bc;border:1px solid #78e5bc;place-items:center;width:58px;height:58px;font-weight:700;display:grid}.state-mark.loading{animation:1.4s ease-in-out infinite breathe}.state-page h1{margin:22px 0 8px;font-size:22px}.state-page p{color:#8190a7;margin:0;font-size:12px}@keyframes breathe{50%{opacity:.4;transform:scale(.94)rotate(-3deg)}}@media (width>=700px){.hero-card{padding:38px 34px 24px}}