:root{color-scheme:dark;--bg:#05080c;--panel:rgba(8,13,19,.88);--line:rgba(191,225,255,.18);--text:#f4f8fb;--muted:#9baab6;--cyan:#64dcff;--blue:#178fcb;--danger:#ff6d75;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text)}button,input{font:inherit}.hidden{display:none!important}button{color:inherit;border:0;cursor:pointer}.muted{color:var(--muted)}
.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 18%,rgba(23,143,203,.22),transparent 34%),linear-gradient(160deg,#07111b,#030507 70%)}
.auth-card{width:min(400px,100%);padding:30px;border:1px solid var(--line);border-radius:24px;background:rgba(8,13,19,.82);box-shadow:0 24px 80px #0008;backdrop-filter:blur(18px)}.eyebrow{color:var(--cyan);font-size:12px;letter-spacing:.18em}.auth-card h1{margin:8px 0 6px;font-size:30px}.auth-card>.muted{margin:0 0 24px;font-size:14px}.tabs{display:grid;grid-template-columns:1fr 1fr;padding:3px;background:#111820;border-radius:12px;margin-bottom:18px}.tab{padding:10px;background:transparent;border-radius:9px;color:var(--muted)}.tab.active{background:#26323d;color:#fff}.auth-card label{display:grid;gap:7px;margin:13px 0;color:#cbd5dc;font-size:13px}.auth-card input{width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;background:#0c1218;color:#fff;outline:0}.auth-card input:focus{border-color:var(--cyan)}.primary{width:100%;padding:14px;margin-top:10px;border-radius:12px;background:#eef7fa;color:#071017;font-weight:700}.error{min-height:20px;color:var(--danger);font-size:13px;margin:12px 0 0}
.experience{position:relative;width:100%;height:100dvh;background:#000}.stage,.stage video,.shade{position:absolute;inset:0;width:100%;height:100%}.stage video{object-fit:cover}.stage #camera{transform:scaleX(-1)}.stage #camera.camera-sampling{width:2px;height:2px;opacity:0;pointer-events:none}#effects{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;opacity:0;transition:opacity .5s;mix-blend-mode:screen;filter:saturate(.88) brightness(.78)}body.live #effects{opacity:.68}.shade{pointer-events:none;background:linear-gradient(#0007 0,transparent 22%,transparent 68%,#000b 100%)}
.topbar{position:absolute;z-index:4;top:0;left:0;right:0;padding:max(18px,env(safe-area-inset-top)) 18px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.topbar>div{display:grid;gap:3px}.topbar strong{font-size:16px}.topbar span{font-size:12px;color:#b8c6cf}.topbar nav{display:flex;gap:7px}.topbar button{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:#071017aa;font-size:13px;backdrop-filter:blur(12px)}
.controls{position:absolute;z-index:4;left:50%;bottom:max(22px,calc(env(safe-area-inset-bottom) + 10px));transform:translateX(-50%);width:min(520px,calc(100% - 28px));display:grid;justify-items:center}.status{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#061018c7;border:1px solid var(--line);font-size:13px}.status span:first-child{width:7px;height:7px;border-radius:50%;background:#84dd9a;box-shadow:0 0 10px #84dd9a}.controls>p{margin:10px 0 14px;color:#dbe5ea;font-size:14px;text-shadow:0 1px 8px #000}.actions{display:flex;align-items:center;gap:16px}.circle{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#071017cc}.start{min-width:164px;height:58px;border-radius:999px;background:linear-gradient(135deg,#eaf8fb,#9ee8fb);color:#061219;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;box-shadow:0 10px 40px #009ed944}.start.running{background:#151e26;color:#fff;border:1px solid var(--line);box-shadow:none}.start .play{font-size:18px}
.circle.needs-audio{border-color:var(--cyan);box-shadow:0 0 0 5px #64dcff33;animation:audio-pulse 1.8s ease-in-out infinite}@keyframes audio-pulse{50%{box-shadow:0 0 0 11px #64dcff11}}
.controls .motion-state{margin:0 0 12px;color:#8ce8ef;font-size:12px;text-align:center;letter-spacing:.02em}.voice-monitor{margin-top:10px;padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:#061018c7;color:#dbe5ea;font-size:12px}
.sync-control{margin-top:8px;display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:999px;background:#061018c7;color:#dbe5ea;font-size:11px}.sync-control input{width:90px;accent-color:#64dcff}.sync-control output{min-width:48px;text-align:right}.sync-control button{padding:4px 7px;border:1px solid var(--line);border-radius:999px;background:#17303b;white-space:nowrap}.controls .calibration-status{margin:5px 0 0;color:#8ce8ef;font-size:11px;text-align:center}
dialog{width:min(720px,calc(100% - 24px));max-height:calc(100dvh - 30px);padding:22px;border:1px solid var(--line);border-radius:22px;background:#0a1016;color:#fff;box-shadow:0 30px 90px #000c}dialog::backdrop{background:#010407c9;backdrop-filter:blur(8px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.dialog-head h2{margin:0 0 4px}.dialog-head p{margin:0;font-size:13px}.close{width:38px;height:38px;border-radius:50%;background:#18212a;font-size:24px}.works{display:grid;gap:14px;overflow:auto}.work{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#080d12}.work video{width:100%;max-height:340px;background:#000;display:block}.work-meta{padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px}.work-actions{display:flex;gap:8px}.work-actions a,.work-actions button,.admin-row button{padding:8px 11px;border-radius:9px;background:#1a252f;color:#fff;text-decoration:none;font-size:13px}.work-actions .delete{color:#ffafb4}.empty{padding:40px;text-align:center;color:var(--muted)}.admin-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.metric{padding:16px;border:1px solid var(--line);border-radius:14px}.metric b{display:block;font-size:23px;margin-top:5px}.admin-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.admin-row small{display:block;color:var(--muted)}.admin-row input{width:90px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#101820;color:#fff}
@media(max-width:560px){.auth-card{padding:24px 20px}.topbar{padding-left:12px;padding-right:12px}.topbar strong{font-size:14px}.topbar nav{gap:4px}.topbar button{padding:7px 9px}.controls>p{font-size:13px}.circle{width:42px;height:42px}.start{height:54px;min-width:154px}dialog{padding:17px}.admin-summary{grid-template-columns:1fr}.admin-row{grid-template-columns:1fr auto}.admin-row input{grid-column:1}}

.admin-dialog{width:min(920px,calc(100% - 24px));overflow:auto}.admin-tabs{display:flex;gap:6px;margin:-2px 0 16px;padding:4px;background:#111820;border-radius:12px;overflow:auto}.admin-tabs button{flex:1;min-width:max-content;padding:10px 14px;border-radius:9px;background:transparent;color:var(--muted)}.admin-tabs button.active{background:#26323d;color:#fff}.admin-message{min-height:20px;margin:0 0 10px;color:#9edff2;font-size:13px}.admin-filters{display:flex;gap:10px;margin-bottom:12px}.admin-filters label{display:grid;gap:5px;color:var(--muted);font-size:12px}.admin-filters select,.admin-budget input,.credit-tools input{padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#0e161e;color:#fff}.admin-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.admin-stats article{min-width:0;padding:14px;border:1px solid var(--line);border-radius:13px;background:#0c1319}.admin-stats span,.admin-stats small{display:block;color:var(--muted);font-size:12px}.admin-stats strong{display:block;margin:7px 0 2px;font-size:20px;white-space:nowrap}.admin-stats .accent{border-color:#64dcff66;background:#0a1a22}.admin-budget{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin-top:12px;padding:15px;border:1px solid var(--line);border-radius:14px}.admin-budget>div>span{display:block;color:var(--muted);font-size:12px}.admin-budget>div>strong{font-size:26px}.admin-budget form{display:flex;gap:7px}.admin-budget button,.credit-tools button,.topup-list button{padding:9px 12px;border-radius:9px;background:#e7f7fb;color:#071017;font-weight:700}.admin-budget details{grid-column:1/-1}.topup-list{display:grid;gap:8px;margin-top:10px}.topup-list>div{display:flex;justify-content:space-between;align-items:center;padding:9px;border-top:1px solid var(--line);font-size:12px}.topup-list button{padding:6px 9px;background:#1a252f;color:#fff}.admin-trend{margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:14px}.trend-bars{height:145px;display:flex;align-items:stretch;gap:3px;margin-top:14px;overflow:auto}.trend-bars button{height:100%;min-width:17px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;background:transparent}.trend-bars i{width:70%;max-width:15px;min-height:0;border-radius:5px 5px 2px 2px;background:linear-gradient(#64dcff,#157eb2)}.trend-bars span{margin-top:6px;color:#70808c;font-size:8px;writing-mode:vertical-rl}.admin-list{display:grid;gap:9px}.user-card,.usage-card,.auth-row{padding:14px;border:1px solid var(--line);border-radius:13px;background:#0c1319}.user-card{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.user-card span,.usage-card span,.auth-row span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.credit-tools{grid-column:1/-1;display:flex;gap:7px;justify-content:flex-end}.credit-tools .ghost{background:#18232c;color:#dce8ed}.usage-card{display:grid;grid-template-columns:1fr auto;gap:12px}.usage-card dl{display:flex;gap:20px;margin:0}.usage-card dl div{display:grid;gap:4px}.usage-card dt{color:var(--muted);font-size:11px}.usage-card dd{margin:0;font-weight:700}.auth-row{display:flex;justify-content:space-between;align-items:center;gap:12px}
@media(max-width:700px){.admin-dialog{padding:15px}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-stats .accent{grid-column:1/-1}.admin-budget{grid-template-columns:1fr}.admin-budget form,.admin-budget details{grid-column:1}.admin-budget input{min-width:0;width:100%}.usage-card{grid-template-columns:1fr}.usage-card dl{justify-content:space-between;gap:8px}.auth-row{align-items:flex-start}.credit-tools{justify-content:stretch}.credit-tools input{min-width:0;flex:1}}
body.live #hint,body.live #flipButton{display:none!important}