@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&family=Space+Grotesk:wght@500;700&display=swap";:root{color:#fff8e8;font-synthesis:none;background:#100d13;font-family:Noto Sans SC,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}button,input{font:inherit}.entrance{background:linear-gradient(#100d132e,#100d13b8),repeating-linear-gradient(90deg,#0000 0 119px,#ffffff05 120px),radial-gradient(circle at 20% 20%,#ff525b47,#0000 35%),radial-gradient(circle at 80% 70%,#495bff38,#0000 35%),#100d13;place-items:center;min-height:100%;padding:24px;display:grid}.door-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#19141bdb;border:1px solid #fff8e81f;border-radius:24px;width:min(480px,100%);padding:48px;animation:.48s cubic-bezier(.22,1,.36,1) both arrive;box-shadow:0 36px 100px #00000073}.eyebrow,.brand{letter-spacing:.22em;color:#ff705d;font-family:Space Grotesk,sans-serif;font-weight:700}h1{margin:16px 0;font-size:clamp(36px,8vw,58px);line-height:1.08}.intro{color:#fff8e89e;max-width:390px;line-height:1.8}.entrance-features{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.entrance-features span{color:#fff8e88c;background:#ffffff09;border:1px solid #fff8e81a;border-radius:999px;padding:7px 10px;font-size:12px}form{gap:12px;margin-top:36px;display:grid}label{color:#fff8e8b3;font-size:14px}input{color:#fff8e8;background:#ffffff0d;border:1px solid #fff8e82e;border-radius:12px;outline:none;width:100%;padding:14px 16px}input:focus{border-color:#ff705d}button{color:#171116;cursor:pointer;background:#ff8068;border:0;border-radius:12px;padding:14px 18px;font-weight:700}button:disabled{opacity:.45;cursor:wait}.error{color:#ff8d8d}.bar-app{width:100%;height:100%;position:relative;overflow:hidden}.bar-app:after{z-index:1;pointer-events:none;content:"";background:radial-gradient(circle,#0000 52%,#04030747 100%);position:absolute;inset:0}.bar-app canvas{cursor:grab}.bar-app canvas.is-dragging{cursor:grabbing}.topbar{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:18px;left:20px;right:20px}.brand{align-items:center;gap:12px;display:flex}.brand small{color:#fff8e861;letter-spacing:.08em;font:500 11px Noto Sans SC,sans-serif}.status{color:#fff8e8ad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e0b1294;border:1px solid #fff8e81a;border-radius:999px;align-items:center;gap:8px;padding:8px 11px;font-size:12px;display:flex}.status i{background:#69e2a0;border-radius:50%;width:7px;height:7px;box-shadow:0 0 9px #69e2a0}.controls{z-index:3;color:#fff8e885;gap:8px;font-size:12px;display:flex;position:absolute;bottom:22px;left:22px}.controls span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0a0f8a;border-radius:8px;padding:7px 9px}kbd{color:#fff8e8d1;margin-right:4px;font:600 11px Space Grotesk,sans-serif}.mic{z-index:3;align-items:center;gap:8px;padding:11px 14px;display:flex;position:absolute;bottom:20px;right:22px;box-shadow:0 10px 30px #ff705d2e}.mic__icon{color:#7d2e25;font-size:10px}.mic--muted{color:#fff1e8;box-shadow:none;background:#2c242ce6}.mic--muted .mic__icon{color:#ff8068;font-size:16px}.voice-status{z-index:3;color:#fff8e8b8;background:#0f0c13d1;border:1px solid #fff8e826;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex;position:absolute;bottom:76px;right:22px}.voice-status:before{content:"";background:#8f8a91;border-radius:50%;width:8px;height:8px}.voice-status--ready:before{background:#69e2a0;box-shadow:0 0 10px #69e2a0}.voice-status--blocked:before,.voice-status--error:before{background:#ff8068}.voice-status button{padding:7px 9px;font-size:12px}.audio-note{z-index:3;color:#ffc36e;font-size:13px;position:absolute;bottom:76px;right:22px}.tab-hint{z-index:3;color:#fff8e86b;pointer-events:none;font-size:12px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.latency-panel{z-index:10;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#100d13f0;border:1px solid #fff8e833;border-radius:18px;width:min(560px,100% - 40px);max-height:min(640px,100% - 80px);padding:24px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 30px 100px #000000a6}.latency-panel header,.latency-panel__columns,.latency-row{justify-content:space-between;align-items:center;display:flex}.latency-panel h2{margin:4px 0 18px;font-size:28px}.latency-panel__eyebrow{color:#ff98bc;letter-spacing:.18em;font:700 11px Space Grotesk,sans-serif}.fps{border-radius:8px;padding:7px 10px;font:700 13px Space Grotesk,sans-serif}.fps--good{color:#69e2a0;background:#69e2a01a}.fps--medium{color:#ffd36e;background:#ffd36e1a}.fps--bad{color:#ff8068;background:#ff80681a}.latency-panel__columns{color:#fff8e861;text-transform:uppercase;padding:10px 12px;font-size:11px}.latency-panel__players{max-height:380px;overflow-y:auto}.latency-row{border-top:1px solid #fff8e814;min-height:48px;padding:0 12px}.latency-row>span{align-items:center;gap:9px;display:flex}.latency-row small{color:#ff98bc;background:#ff98bc1a;border-radius:4px;padding:2px 5px}.latency-row strong{color:#fff8e8c7;font:500 13px Space Grotesk,sans-serif}.latency-dot{background:#77717b;border-radius:50%;width:8px;height:8px}.latency-dot--good{background:#69e2a0}.latency-dot--medium{background:#ffd36e}.latency-dot--bad{background:#ff8068}.latency-panel footer{color:#fff8e859;text-align:center;padding-top:16px;font-size:11px}@keyframes arrive{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=700px){.door-card{padding:34px 26px}.brand small{display:none}.controls{flex-wrap:wrap;max-width:220px}.controls span:nth-child(3){display:none}.voice-status{max-width:calc(100% - 44px)}.tab-hint{display:none}}