:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#eaf5f7;background:#071820;color-scheme:dark;font-synthesis:none;--mint:#66e7c8;--muted:#8ca9b6;--line:#203e4b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% -15%,#12433e66,transparent 54%),#071820}a{color:inherit;text-decoration:none}button,input,textarea{-webkit-tap-highlight-color:transparent}button,a,input,textarea{outline-offset:5px}button:focus-visible,a:focus-visible{outline:2px solid var(--mint)}header{min-height:96px;border-bottom:1px solid #203e4b99;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 5vw;background:#081c26b3}.brand{display:flex;gap:13px;align-items:center;font-size:19px;letter-spacing:.2px;font-weight:700;white-space:nowrap}.logo{position:relative;display:grid;place-items:center;background:var(--mint);color:#08332e;width:46px;height:46px;border-radius:15px;font-weight:900;font-size:25px;overflow:hidden;box-shadow:0 4px 24px #5be1c214}.logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#8ca9b6;font-weight:400;margin-top:6px}.header-actions{display:flex;gap:24px;align-items:center}.download{font-size:12px;color:#b4cdd7}.download:hover{color:var(--mint)}.download span{color:var(--mint);margin-left:6px}.badge{color:#9eb6c0;font-size:12px;border:1px solid #31505d;border-radius:20px;padding:8px 14px;white-space:nowrap}.badge.online{color:var(--mint);border-color:#327463;background:#153b33}.badge.waiting{color:#f3cd89;border-color:#64543a;background:#352c1b}main{max-width:1500px;padding:42px 5vw;margin:auto;display:grid;grid-template-columns:330px minmax(0,1fr);gap:48px}.panel{padding-top:8px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--mint);margin-bottom:20px;display:flex;align-items:center;gap:7px}.eyebrow span{display:block;width:17px;height:1px;background:var(--mint)}h1{font-size:35px;font-weight:600;line-height:1.5;letter-spacing:-.5px;margin:0 0 16px}.intro{font-size:13px;line-height:1.95;color:var(--muted);margin:0 0 26px}label{display:block;font-size:12px;color:#b3c9d2;margin-bottom:10px}input,textarea{font:inherit;background:#0e2632;color:#edfaff;border:1px solid #2c4a58;border-radius:11px;padding:15px;width:100%;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus{border-color:var(--mint);box-shadow:0 0 0 3px #66e7c812}input{letter-spacing:5px;font-size:26px;font-weight:600;height:65px;text-align:center;font-variant-numeric:tabular-nums}input::placeholder{color:#557682}input:disabled{opacity:.55}textarea{height:84px;resize:vertical;font-size:12px;line-height:1.7;padding:12px}textarea::placeholder{color:#64808e}.input-hint{font-size:10px;color:#7e9ca9;margin:9px 0 0;letter-spacing:.3px}button{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:13px 14px;background:var(--mint);color:#07392e;font-size:13px;font-weight:650;transition:opacity .15s,background .15s}button:hover:not(:disabled){filter:brightness(1.06)}button:disabled{opacity:.35;cursor:default}#connect{width:100%;margin-top:15px;display:flex;justify-content:space-between;align-items:center;height:48px}#connect span{font-size:20px;line-height:1}.session-notice{display:flex;gap:9px;align-items:center;font-size:11px;line-height:1.7;padding:11px 12px;border:1px solid #66583a;background:#3b321d66;color:#edce93;border-radius:10px;margin-top:13px}.notice-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.session-notice.approved{border-color:#28594b;background:#14392e77;color:var(--mint)}[hidden]{display:none!important}.divider{height:1px;background:var(--line);margin:28px 0 23px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.section-heading h2{font-size:14px;font-weight:600;margin:0}.section-heading>span{font-size:10px;color:#7d9aa8}.secondary{background:#1a3b49;color:#d9edf2;width:100%;margin-top:10px}.hint,#message{font-size:11px;line-height:1.85;color:#7f9eac}.hint{margin:12px 0 0}#message{min-height:42px;margin:13px 0 0}.controls{display:flex;gap:8px;margin-top:18px}.controls button{background:#102e3b;color:#c0d6df;flex:1;padding:10px 0;font-size:11px;display:flex;align-items:center;justify-content:center;gap:7px;min-height:41px}.controls button span{font-size:18px;line-height:1;font-weight:400}.danger{width:100%;margin-top:12px;background:transparent;border:1px solid #62444b;color:#efb0b4;font-weight:500;padding:11px}.viewer{min-width:0;border:1px solid #274653;border-radius:19px;background:#0c2430;overflow:hidden;display:flex;flex-direction:column;min-height:790px;box-shadow:0 18px 70px #0002}.viewerbar{height:56px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:0 22px;font-size:11px;color:#9cbac7;background:#0f2935}.viewerbar span:first-child{display:flex;align-items:center;gap:8px}i{width:6px;height:6px;border-radius:50%;background:#597984}i.online{background:var(--mint);box-shadow:0 0 10px #66e7c855}i.waiting{background:#e3bd78}#stage{min-height:640px;flex:1;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at center,#153b464d,transparent 65%),linear-gradient(135deg,#0b2330,#081c25);padding:14px;overflow:hidden}#empty{text-align:center;color:#7c9caa;padding:30px;max-width:420px}#empty h2{font-size:19px;color:#d9ebf0;font-weight:550;margin:15px 0 12px}#empty p{font-size:12px;line-height:2;white-space:pre-line;margin:0}.empty-label{font-size:10px;letter-spacing:2.3px;color:#5ca895}.phone-icon{position:relative;margin:0 auto 36px;width:91px;height:151px;border:2px solid #3a6676;border-radius:20px;font-size:36px;font-weight:700;display:grid;place-items:center;color:var(--mint);background:linear-gradient(150deg,#1b4a4b,#0c2a36);box-shadow:0 0 65px #36d8b414,10px 16px 35px #0003;transform:rotate(-6deg)}.phone-speaker{position:absolute;top:10px;width:24px;height:4px;border-radius:4px;background:#426875}.phone-line{position:absolute;bottom:9px;width:25px;height:3px;border-radius:4px;background:#426875}.phone-icon>span{width:51px;height:51px;display:grid;place-items:center;border:1px solid #41796d;border-radius:16px;background:#245c5055;font-size:29px}#screen{max-width:100%;max-height:680px;width:auto;height:auto;object-fit:contain;touch-action:none;user-select:none;cursor:crosshair;box-shadow:0 16px 70px #0008}footer{font-size:10px;color:#7896a3;text-align:center;padding:15px;border-top:1px solid var(--line);margin-top:auto;display:flex;justify-content:center;align-items:center;gap:7px}.footer-dot{height:5px;width:5px;display:inline-block;background:#438473;border-radius:50%}@media(min-width:1600px){main{padding-left:60px;padding-right:60px}}@media(max-width:1100px){main{gap:28px;grid-template-columns:300px minmax(0,1fr)}h1{font-size:31px}.header-actions{gap:15px}.brand{font-size:17px}.viewerbar{padding:0 15px}}@media(max-width:850px){main{grid-template-columns:1fr;gap:28px;padding-top:28px}.panel{max-width:550px;width:100%;margin:auto;padding-top:0}h1 br{display:none}h1{font-size:27px}.intro{margin-bottom:20px}.viewer{min-height:540px}#stage{min-height:440px}#screen{max-height:72vh}header{min-height:78px;padding:14px 5vw}.brand{font-size:15px;gap:10px}.brand small{font-size:9px;letter-spacing:1px}.logo{width:40px;height:40px;border-radius:13px}.download{display:none}.badge{font-size:10px;padding:7px 10px}.header-actions{gap:8px}.eyebrow{margin-bottom:14px}.viewerbar{font-size:10px}footer{font-size:9px;padding:13px 9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}