:root{--primary: #F5A623;--primary-d: #C86A12;--cream: #FFF7ED;--peach: #FEEAC8;--ink: #7A3E00;--ink-soft: #9A6B3A;--green: #27AE60;--red: #E84D4D;--line: #EAD9C0;--font: "LXGW WenKai TC", "PingFang TC", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:linear-gradient(180deg,#fff7ed,#feeac8);overscroll-behavior:none}button{font-family:var(--font);cursor:pointer;border:none}.screen{min-height:100%;display:flex;flex-direction:column;padding:16px;max-width:760px;margin:0 auto}.center{align-items:center;justify-content:center;text-align:center;gap:14px}.brand{font-size:42px;font-weight:700;letter-spacing:1px}.brand .dot{color:var(--primary)}.sub{color:var(--ink-soft);font-size:15px}.btn{display:block;width:100%;max-width:360px;padding:16px;border-radius:16px;font-size:18px;font-weight:700;background:var(--primary);color:#fff;box-shadow:0 4px 14px #f5a62359}.btn.ghost{background:#fff;color:var(--ink);border:2px solid var(--line);box-shadow:none}.btn.sm{font-size:15px;padding:12px}.btn:disabled{opacity:.5}.field{width:100%;max-width:360px;text-align:left}.field label{font-size:14px;color:var(--ink-soft)}.input{width:100%;padding:14px;font-size:18px;border:2px solid var(--line);border-radius:12px;font-family:var(--font);background:#fff;margin-top:4px}.err{color:var(--red);font-size:14px}.row{display:flex;gap:10px;width:100%;max-width:360px}.choice{width:100%;max-width:360px;text-align:left;padding:16px;border-radius:14px;border:2px solid var(--line);background:#fff;font-size:16px}.choice.on{border-color:var(--primary);background:#fff3df}.choice .t{font-weight:700}.choice .d{font-size:13px;color:var(--ink-soft)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 2px 12px}.topbar-l{display:flex;align-items:center;gap:8px;min-width:0}.topbar .room{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leave-btn{background:#fff;color:var(--ink);border:2px solid var(--line);border-radius:12px;padding:6px 12px;font-size:14px;font-weight:700;flex:none}.connpill{font-size:12px;padding:2px 8px;border-radius:10px;white-space:nowrap}.connpill.online{background:#d6f5d6;color:#1b7a3d}.connpill.reconnecting,.connpill.connecting{background:#fbe7c0;color:#9a6b12}.connpill.offline{background:#f0d6d6;color:#a33}.gear-btn{background:#fff;border:1px solid var(--line);border-radius:10px;font-size:16px;padding:4px 10px}.sheet-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:90;display:flex;align-items:flex-end}.sheet{background:var(--cream);width:100%;max-width:560px;margin:0 auto;border-radius:20px 20px 0 0;padding:18px 18px 28px}.sheet h3{margin:4px 0 12px}.seg{display:flex;gap:8px;margin:8px 0 16px}.seg button{flex:1;padding:12px;border-radius:12px;border:2px solid var(--line);background:#fff;font-size:15px;font-weight:700;color:var(--ink)}.seg button.on{border-color:var(--primary);background:#fff3df}.banner{background:#fbe7c0;color:#8a5a12;border-radius:12px;padding:10px 14px;font-size:14px;text-align:center;margin-bottom:8px}.dotline{display:flex;gap:8px;flex-wrap:wrap}.member{font-size:13px;padding:2px 8px;border-radius:10px;background:#fff;border:1px solid var(--line)}.member .led{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:middle}.led.on{background:var(--green)}.led.off{background:#bbb}.grid{display:grid;gap:10px;flex:1;align-content:center}.cell{border-radius:16px;padding:14px 8px;text-align:center;background:#fff;border:3px solid transparent;box-shadow:0 2px 8px #0000000f;transition:transform .12s,border-color .12s}.cell .zh{font-size:22px;font-weight:700;line-height:1.2}.cell .en{font-size:12px;color:var(--ink-soft)}.cell.hi{transform:scale(1.06);border-color:var(--accent, var(--primary));box-shadow:0 6px 18px #00000029}.bigcard{border-radius:24px;padding:28px 20px;text-align:center;color:#fff;box-shadow:0 8px 24px #0000002e}.bigcard .zh{font-size:40px;font-weight:700}.bigcard .en{font-size:16px;opacity:.9}.bigcard .meta{font-size:13px;opacity:.85;margin-top:6px}.cam{position:absolute;border-radius:12px;overflow:hidden;background:#1a1612;box-shadow:0 6px 18px #0000004d}.cam video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:block}.cam .ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;pointer-events:none}.cam .ear{position:absolute;left:6px;bottom:4px;color:#fff;font:700 12px monospace}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--ink);color:#fff;padding:10px 18px;border-radius:20px;font-size:15px;box-shadow:0 6px 18px #0000004d;z-index:100}.section-t{font-size:13px;color:var(--ink-soft);margin:14px 2px 6px}.histrow{display:flex;justify-content:space-between;padding:8px 12px;background:#fff;border-radius:10px;margin-bottom:6px}.histrow .time{color:var(--ink-soft);font-size:13px}.peek-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:95;display:flex;align-items:center;justify-content:center;padding:16px}.peek-box{background:#111;border-radius:16px;padding:12px;max-width:92vw;text-align:center}.peek-video{width:min(86vw,480px);height:auto;max-height:64vh;background:#000;border-radius:10px;transform:scaleX(-1)}.peek-hint{color:#fff;padding:24px;font-size:15px}.peek-badge{color:#fff;font-size:13px;margin-top:8px}.handcursor{position:fixed;width:26px;height:26px;border-radius:50%;background:#27ae60d9;border:3px solid #fff;transform:translate(-50%,-50%);pointer-events:none;z-index:60;transition:left .05s,top .05s}.handcursor.pinch{background:#e84d4de6}