*{box-sizing:border-box;margin:0}body{font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;background:#111418;color:#e8eaed}.page{min-height:100vh;padding:16px;display:flex;flex-direction:column;gap:16px}.page.narrow{max-width:560px;margin:0 auto}.page.center,.center{align-items:center;justify-content:center;text-align:center;display:flex;flex-direction:column;gap:16px;flex:1}h1{font-size:22px}input{padding:12px;border-radius:8px;border:1px solid #3c4043;background:#1c2026;color:inherit;font-size:16px}select{padding:9px 10px;border-radius:8px;border:1px solid #3c4043;background:#1c2026;color:inherit;font-size:14px}button,a.button{padding:10px 18px;border-radius:8px;border:1px solid #3c4043;background:#2a2f36;color:inherit;font-size:15px;cursor:pointer;text-decoration:none;display:inline-block}button{position:relative}button.primary{background:#1a73e8;border-color:#1a73e8}button.big{padding:16px 48px;font-size:18px;border-radius:12px}button.danger{background:#b3261e;border-color:#b3261e}button.plain{border:0;background:transparent;padding:4px 8px}button.light{color:#8ab4f8}button:disabled{opacity:.5}.row{display:flex;gap:8px;margin-top:8px}.link-card{background:#1c2026;border:1px solid #2a2f36;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px}.link-card code{word-break:break-all;color:#8ab4f8;font-size:13px}.meeting-title{color:#9aa0a6}.hint{color:#9aa0a6;font-size:13px}.hint.strong{color:#e8eaed;font-weight:700}.error{color:#f28b82}.page.live{padding:0;min-height:0;height:100vh;height:100dvh;overflow:hidden}.page.live header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:#1c2026;font-size:15px}.head-right{display:flex;align-items:center;gap:10px;white-space:nowrap}.live-dot{color:#f28b82;font-size:13px}.players{flex:1;display:grid;gap:8px;padding:8px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-content:start}.meeting-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:minmax(0,1fr);gap:8px;padding:8px}.stage{min-width:0;min-height:0;display:flex;flex-direction:column;position:relative}.stage .players{padding:0}.stage:fullscreen{padding:0;background:#000}.stage:fullscreen .players{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.stage:fullscreen .player{width:100vw;height:100vh;border-radius:0;aspect-ratio:auto}.stage-fullscreen{position:absolute;right:12px;bottom:12px;z-index:10;background:#1c2026c7}.whiteboard-dock{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;min-height:320px;background:#0f1115}.host-whiteboard{position:fixed;top:56px;right:344px;bottom:calc(84px + env(safe-area-inset-bottom));left:8px;z-index:14;border:1px solid #2a2f36;border-radius:8px;overflow:hidden}.viewer-whiteboard{border:1px solid #2a2f36;border-radius:8px;overflow:hidden}.whiteboard{position:relative;width:100%;height:100%;min-height:320px;display:flex;flex-direction:column;background:#0f1115}.whiteboard-head{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid #2a2f36;background:#1c2026f5}.whiteboard-tools{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.whiteboard-tools button{padding:7px 10px;font-size:13px}.whiteboard-tools button.active{border-color:#8ab4f8;color:#8ab4f8}.swatches{display:flex;gap:5px}.swatches button{width:24px;height:24px;padding:0;border-radius:50%}.swatches button.selected{outline:2px solid #8ab4f8;outline-offset:2px}.size-slider{width:96px;padding:0}.whiteboard-services{display:grid;grid-template-columns:minmax(220px,1fr) 120px auto;gap:6px;width:min(680px,100%)}.whiteboard-services input,.whiteboard-services select{min-width:0;height:34px;padding:6px 8px;font-size:13px}.whiteboard-service-msg{max-width:280px;color:#9aa0a6;font-size:12px;line-height:1.35}.whiteboard-shot-link{color:#8ab4f8;font-size:13px}.whiteboard-page-controls{display:inline-flex;align-items:center;gap:8px;color:#dfe6f3;font-size:13px}.whiteboard-page-controls button{padding:6px 10px}.hidden-file-input{display:none}.whiteboard-sdk-view{flex:1;width:100%;min-height:0;position:relative;overflow:hidden;touch-action:none}.whiteboard-status{position:absolute;top:49px;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;background:#0f1115c7;color:#9aa0a6;font-size:14px}.viewer-panel{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid #2a2f36;border-radius:8px;background:#1c2026}.host-live .players{padding-right:336px;min-height:0;overflow-y:auto}.player{position:relative;background:#000;border-radius:8px;overflow:hidden;aspect-ratio:16 / 9}.players.video-portrait{grid-template-columns:repeat(auto-fit,minmax(180px,260px));justify-content:center}.players.video-portrait .player{aspect-ratio:9 / 16}.players.video-landscape .player,.players.video-auto .player,.players.video-fill .player{aspect-ratio:16 / 9}.players.video-fill .video{background:#000}.player .video{width:100%;height:100%}.player-label{position:absolute;left:8px;bottom:8px;background:#0009;padding:2px 8px;border-radius:4px;font-size:12px}.mic-meter{position:absolute;right:8px;bottom:8px;width:min(180px,42%);background:#0009;border-radius:4px;padding:5px 8px;font-size:12px;color:#e8eaed}.meter-track{height:4px;margin-top:5px;overflow:hidden;border-radius:999px;background:#ffffff2e}.meter-track i{display:block;height:100%;min-width:2px;border-radius:inherit;background:#34a853;transition:width .2s ease}.no-video{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#9aa0a6;font-size:14px}.waiting{flex:1;display:flex;align-items:center;justify-content:center;color:#9aa0a6}.controls{display:flex;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#1c2026;justify-content:center;flex-wrap:wrap}.badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#f9ab00;color:#111418;font-size:11px;line-height:18px;font-weight:700}.host-panel{position:fixed;top:48px;right:8px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:18;width:320px;display:flex;flex-direction:column;gap:14px;overflow:auto;padding:14px;border:1px solid #2a2f36;border-radius:8px;background:#1c2026f5;box-shadow:0 16px 40px #00000047}.panel-head,.section-title,.member-row,.member-actions{display:flex;align-items:center}.panel-head,.section-title,.member-row{justify-content:space-between;gap:10px}.panel-head strong{font-size:16px}.panel-section{display:flex;flex-direction:column;gap:8px}.recording-files{display:flex;min-width:0;flex-direction:column;gap:6px}.recording-files code{display:block;max-width:100%;padding:8px;border:1px solid #2a2f36;border-radius:6px;overflow-wrap:anywhere;color:#8ab4f8;background:#15191f;font-size:12px;line-height:1.4}.field-row{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:8px;color:#9aa0a6;font-size:13px}.field-row input,.field-row select{min-width:0;width:100%}.section-title{color:#e8eaed;font-size:14px;font-weight:700}.section-title button,.member-actions button{padding:6px 10px;border-radius:6px;font-size:13px}.member-row{min-height:42px;padding:8px;border:1px solid #2a2f36;border-radius:8px;background:#15191f}.member-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.member-row em{margin-left:6px;color:#9aa0a6;font-style:normal;font-size:12px}.member-actions{flex-shrink:0;gap:6px}.pill{min-width:22px;padding:2px 7px;border-radius:999px;background:#2a2f36;color:#cbd1d8;text-align:center;font-size:12px}.pill.recording{background:#b3261e;color:#fff}.empty{padding:12px;border:1px dashed #3c4043;border-radius:8px;color:#9aa0a6;text-align:center;font-size:13px}.chat-panel{position:fixed;right:8px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:25;width:min(360px,calc(100vw - 16px));height:min(520px,calc(100vh - 128px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #2a2f36;border-radius:8px;background:#1c2026;box-shadow:0 16px 40px #00000052}.chat-panel.inline{position:static;z-index:auto;width:100%;height:auto;min-height:0;flex:1;box-shadow:none}.host-panel .chat-panel.inline{min-height:320px}.chat-head,.chat-input{display:flex;align-items:center;gap:8px;padding:10px;background:#15191f}.chat-head{justify-content:space-between;font-weight:700}.chat-list{flex:1;min-height:0;overflow-y:auto;padding:10px}.chat-msg{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}.chat-msg.mine{align-items:flex-end}.chat-name{color:#9aa0a6;font-size:12px}.chat-text{max-width:88%;padding:8px 10px;border-radius:8px;background:#2a2f36;word-break:break-word;line-height:1.4;font-size:14px}.chat-msg.mine .chat-text{background:#1a73e8}.chat-input input{min-width:0;flex:1}.chat-input button{flex-shrink:0}.audio-status{position:fixed;left:12px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:20;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:8px 10px;border:1px solid #2a2f36;border-radius:8px;background:#1c2026eb;color:#9aa0a6;font-size:13px}.audio-status.blocked{border-color:#f9ab00;color:#fdd663}.banner{margin:8px;background:#f9ab00;border-color:#f9ab00;color:#111}.net{font-size:13px;color:#9aa0a6}.net-4,.net-5,.net-6{color:#f28b82}.sound-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#000000a3}.sound-mask-btn{padding:16px 22px;border-radius:8px;background:#e8eaed;color:#111418;font-size:17px;font-weight:700}.toast{position:fixed;left:50%;bottom:calc(86px + env(safe-area-inset-bottom));z-index:35;max-width:calc(100vw - 32px);transform:translate(-50%);padding:10px 14px;border-radius:8px;background:#e8eaedf0;color:#111418;font-size:14px}.guide-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;flex-direction:column;align-items:center;padding-top:18vh;text-align:center;line-height:2;font-size:17px;z-index:99}.guide-arrow{position:fixed;top:8px;right:24px;font-size:48px;animation:bounce 1s infinite alternate}@keyframes bounce{to{transform:translateY(10px)}}@media(max-width:760px){.page.live header{align-items:flex-start}.host-live .players{padding-right:8px}.meeting-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.stage{max-height:42vh}.viewer-panel{min-height:0}.mod-body{grid-template-rows:auto minmax(0,1fr)}.host-panel{left:8px;width:auto}.host-whiteboard{right:8px;bottom:calc(92px + env(safe-area-inset-bottom))}.whiteboard-head{align-items:flex-start;flex-direction:column}.whiteboard-tools{justify-content:flex-start}.whiteboard-services{grid-template-columns:1fr}.whiteboard-service-msg{max-width:100%}.size-slider{width:84px}.mic-meter{width:min(180px,52%)}.audio-status{right:12px}}.auth-card{width:min(360px,92vw);display:flex;flex-direction:column;gap:12px;padding:28px;background:#1c2026;border:1px solid #2a2f36;border-radius:14px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.row.wrap{flex-wrap:wrap}.create-box{display:flex;gap:8px;margin:16px 0 8px}.create-box.col{flex-direction:column}.create-box input{flex:1}.section-h{margin:22px 0 10px;font-size:16px;color:#c8ccd1}.meeting-item{background:#1c2026;border:1px solid #2a2f36;border-radius:12px;padding:14px;margin-bottom:10px;display:flex;flex-direction:column;gap:8px}.meeting-item-head{display:flex;align-items:center;gap:8px}.join-link{word-break:break-all;color:#8ab4f8;font-size:13px}.user-form{display:flex;flex-direction:column;gap:10px}.user-form .field-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.user-form .field-row input{width:120px}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50}.modal-card{width:min(360px,92vw);display:flex;flex-direction:column;gap:12px;padding:22px;background:#1c2026;border:1px solid #2a2f36;border-radius:14px}.modal-head{display:flex;align-items:center;justify-content:space-between}.divider{display:flex;align-items:center;gap:10px;margin:6px 0 2px;color:#9aa0a6;font-size:13px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#2a2f36}.join-by-id{display:flex;gap:8px}.join-by-id input{flex:1}.emoji-toggle{font-size:18px;padding:4px 6px}.emoji-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;padding:6px;background:#15181d;border:1px solid #2a2f36;border-radius:8px;max-height:140px;overflow-y:auto}.emoji-item{font-size:18px;padding:4px}.chat-msg{position:relative}.chat-recall{margin-left:8px;padding:0 6px;font-size:11px;color:#f28b82;border:1px solid #4a2a2a;background:transparent;border-radius:4px}.screen-stage{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px}.screen-stage>.player{flex:1;min-height:0;aspect-ratio:auto}.thumb-row{display:flex;gap:6px;height:90px;flex:0 0 auto}.thumb-row>.player{width:150px;height:90px;aspect-ratio:auto}.self-preview{position:fixed;left:8px;bottom:calc(64px + env(safe-area-inset-bottom));width:132px;height:80px;background:#000;border:1px solid #2a2f36;border-radius:8px;overflow:hidden;z-index:20}.self-preview .video{width:100%;height:100%}.self-preview-off{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#9aa0a6;font-size:12px}.word-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.word-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 6px 4px 10px;background:#1c2026;border:1px solid #2a2f36;border-radius:14px;font-size:13px}.word-chip .plain{color:#f28b82;padding:0 2px}.mod-body{flex:1;min-height:0;display:grid;grid-template-columns:360px minmax(0,1fr);gap:8px;padding:8px}.mod-left{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.mod-video{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:8px;overflow:hidden;flex:0 0 auto}.mod-video .player{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto}.mod-chat{min-height:0;display:flex;flex-direction:column;border:1px solid #2a2f36;border-radius:8px;background:#1c2026;overflow:hidden}.mod-chat .chat-panel.inline{min-height:0;height:100%}.mod-chat .chat-msg{margin-bottom:6px}@media(max-width:760px){.mod-body{grid-template-columns:1fr}.mod-left{overflow:visible}}