:root{--primary: #1677ff;--primary-soft: #e8f2ff;--success: #52c41a;--error: #ff4d4f;--text: rgba(0, 0, 0, .88);--text-2: rgba(0, 0, 0, .55);--text-3: rgba(0, 0, 0, .38);--border: #d9d9d9;--border-soft: #e8e8e8;--bg: #f5f6f8;--card: #ffffff}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}.page{max-width:420px;margin:0 auto;min-height:100%;padding:18px 18px 24px;display:flex;flex-direction:column;gap:14px}.page.center{align-items:center;justify-content:center;text-align:center;gap:16px}.brand{font-size:34px;font-weight:800;color:var(--primary);letter-spacing:-.5px}.brand-sm{font-size:19px;font-weight:800;color:var(--primary)}.tagline{font-size:16px;color:var(--text-2);line-height:1.5}.login-box{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:8px}.login-hint{max-width:280px;line-height:1.5}.login-hint-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.fineprint{font-size:12px;color:var(--text-2);margin-top:24px}.login-page{width:min(1120px,100%);max-width:100%;min-height:100dvh;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:24px}.login-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.login-top-link{color:var(--primary);font-size:14px;font-weight:700;text-decoration:none}.login-shell{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:28px;align-items:stretch;width:100%}.login-hero,.login-panel{background:var(--card);border:1px solid var(--border-soft);box-shadow:0 14px 36px #18274b14}.login-hero{min-height:520px;border-radius:18px;padding:clamp(28px,5vw,56px);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.login-kicker{width:fit-content;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:13px;font-weight:800;line-height:1;padding:9px 12px}.login-hero h1{max-width:620px;margin:22px 0 0;color:var(--text);font-size:clamp(40px,6vw,66px);font-weight:850;line-height:1.02;letter-spacing:0;white-space:pre-line}html[lang=zh] .login-hero h1{max-width:520px;font-size:clamp(48px,5vw,60px);line-height:1.08}html[lang=th] .login-hero h1,html[lang=fil] .login-hero h1,html[lang=ms] .login-hero h1,html[lang=id] .login-hero h1{font-size:clamp(36px,5vw,56px);line-height:1.08}.login-hero p{max-width:560px;margin:20px 0 0;color:var(--text-2);font-size:18px;line-height:1.55}.login-trial-strip{width:min(100%,520px);margin-top:22px;padding:14px 16px;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;column-gap:16px;border-radius:16px;background:linear-gradient(135deg,#e8f2ff,#f0fff8);border:1px solid rgba(22,119,255,.18)}.login-trial-strip>strong{color:var(--primary);font-size:30px;font-weight:900;line-height:1;text-align:center;white-space:nowrap}.login-trial-strip b,.login-trial-strip small{display:block}.login-trial-strip b{color:var(--text);font-size:16px;line-height:1.3}.login-trial-strip small{margin-top:4px;color:var(--text-2);font-size:13px;line-height:1.4;max-width:320px}.login-panel{min-height:520px;border-radius:18px;overflow:hidden}.login-visual{display:block;width:100%;height:220px;object-fit:cover;object-position:center;background:var(--primary-soft)}.login-panel-body{min-height:300px;padding:26px 24px 24px;display:flex;flex-direction:column;justify-content:space-between;gap:22px}.login-panel-title{color:var(--text);font-size:24px;font-weight:850;line-height:1.15}.login-panel-subtitle{margin-top:8px;color:var(--text-2);font-size:15px;line-height:1.45}.login-panel .login-box{align-items:center;margin-top:0}.login-panel .google-official{width:min(100%,320px);min-height:44px;display:flex;justify-content:center}.login-signing-status{width:min(100%,320px);min-height:78px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;gap:13px;border-radius:14px;background:linear-gradient(135deg,#1677ff,#20b7b0);color:#fff}.login-signing-spinner{width:34px;height:34px;flex:0 0 34px;border-radius:50%;border:3px solid rgba(255,255,255,.36);border-top-color:#fff;animation:login-signing-spin .8s linear infinite}.login-signing-status strong,.login-signing-status small{display:block}.login-signing-status strong{font-size:16px;line-height:1.25}.login-signing-status small{margin-top:4px;color:#ffffffd1;font-size:12px;line-height:1.4}.login-panel .fineprint{width:min(100%,320px);margin:0 auto;line-height:1.45;text-align:center}@keyframes login-signing-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.login-signing-spinner{animation:none}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0 20px}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}.language-switch{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);font-size:12px;font-weight:700;white-space:nowrap}.language-switch select{max-width:132px;height:32px;border:1px solid var(--border-soft);border-radius:8px;background:var(--card);color:var(--text);font:inherit;padding:0 8px}.link{background:none;border:none;color:var(--primary);font-size:15px;cursor:pointer;padding:4px}@media (min-width: 861px) and (min-height: 760px){.login-page{justify-content:center;gap:22px;padding-top:32px;padding-bottom:32px}}.balance-card{background:var(--card);border:1px solid var(--border-soft);border-radius:18px;padding:14px;box-shadow:0 14px 36px #18274b14}.card-visual{display:block;width:100%;height:126px;border-radius:14px;object-fit:cover;object-position:center;background:var(--primary-soft);margin-bottom:16px}.balance-body{padding:4px 8px 0}.balance-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.balance-controls{display:flex;align-items:center;gap:10px}.balance-label{font-size:14px;color:var(--text-2);font-weight:600}.balance-amount{color:var(--text);font-size:46px;font-weight:800;line-height:1.08;margin-top:16px}.status-pill{flex:0 0 auto;border-radius:999px;background:#f0f0f0;color:var(--text-2);font-size:12px;font-weight:700;line-height:1;padding:7px 10px}.status-pill.ready{background:#f0f9eb;color:#389e0d}.status-pill.live{background:#fff7e6;color:#d46b08}.meeting-hero{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:14px 14px 18px;text-align:center;display:flex;flex-direction:column;gap:12px;box-shadow:0 14px 36px #18274b14}.meeting-status{color:var(--success);font-size:14px;font-weight:700}.meeting-status.standby{color:var(--primary)}.meeting-id{font-size:32px;font-weight:800;margin:8px 0}.meeting-sub{color:var(--text-2);font-size:14px}.meeting-live-card{background:var(--card);border:1px solid var(--border-soft);border-radius:18px;padding:14px;box-shadow:0 14px 36px #18274b14}.meeting-live-card .live-visual{height:112px}.meeting-live-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.live-pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:#f0f9eb;color:#389e0d;font-size:12px;font-weight:700;line-height:1;padding:7px 10px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px #52c41a1f}.live-sync{color:var(--text-3);font-size:12px;font-weight:600}.meeting-live-number{margin-top:18px}.meeting-live-number span,.meeting-live-metrics span{display:block;color:var(--text-2);font-size:12px;font-weight:600}.meeting-live-number strong{display:block;color:var(--text);font-size:36px;font-weight:800;line-height:1.1;margin-top:6px;overflow-wrap:anywhere}.meeting-live-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.meeting-live-metrics div{background:#fafafa;border:1px solid var(--border-soft);border-radius:12px;padding:12px}.meeting-live-metrics strong{display:block;color:var(--text);font-size:18px;font-weight:800;line-height:1.2;margin-top:6px}.meeting-live-actions{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:18px}.meeting-live-actions.single{grid-template-columns:1fr}.monitor-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.monitor-grid.single{grid-template-columns:1fr}.monitor-item{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px}.monitor-item span{color:var(--text-2);font-size:12px}.monitor-item strong{font-size:18px}.standby-actions,.action-stack{display:flex;flex-direction:column;gap:10px}.home-actions{display:block;margin-top:22px}.btn{width:100%;min-height:48px;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:16px;font-weight:600;cursor:pointer}.btn.compact{width:auto;min-width:136px;padding-left:18px;padding-right:18px}.home-actions .btn{min-height:50px}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 8px 18px #1677ff2e}.btn.danger{background:var(--card);border-color:#ffccc7;color:#cf1322;box-shadow:none}.btn:disabled{opacity:.5;cursor:not-allowed}.text-action{border:none;background:transparent;color:var(--text-2);font-size:13px;font-weight:600;padding:6px 0;cursor:pointer;white-space:nowrap}.text-action:active{color:var(--primary)}.balance-buy{line-height:1}.pkg-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pkg{padding:22px 0;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--primary);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:104px;justify-content:center}.pkg:disabled{opacity:.5}.pkg-title{font-size:24px;font-weight:800}.pkg-sub{font-size:14px;color:var(--text-2);font-weight:600}.section-title{font-size:15px;font-weight:700;color:var(--text-2);margin-top:6px}.section-title.inline{margin-top:0}.meeting-info{background:var(--card);border:1px solid var(--border-soft);border-radius:14px;padding:16px}.meeting-info-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.meeting-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.meeting-info-grid div{display:flex;flex-direction:column;gap:4px;min-width:0}.meeting-info-grid span{color:var(--text-2);font-size:12px}.meeting-info-grid strong{color:var(--text);font-size:17px;overflow-wrap:anywhere}.join-link-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border-soft)}.join-link-row>div:first-child{min-width:0;display:flex;flex-direction:column;gap:4px}.join-link-row span{color:var(--text-2);font-size:12px}.join-link-row strong{color:var(--text);font-size:15px}.join-link-actions{flex:0 0 auto;display:flex;align-items:center;gap:12px}.join-link-actions a{color:var(--primary);font-size:13px;font-weight:700;text-decoration:none}.history{display:flex;flex-direction:column;gap:10px;margin-top:6px}.history-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.history-list{background:var(--card);border:1px solid var(--border-soft);border-radius:14px;overflow:hidden}.history-list.empty{padding:16px}.hist-row{display:flex;align-items:center;gap:12px;min-height:52px;padding:14px 16px;background:transparent;border:none;border-radius:0;font-size:15px}.hist-row.detailed{align-items:flex-start;padding:16px}.hist-icon{flex:0 0 auto;width:34px;height:34px;border-radius:11px;background:#f0f0f0;box-shadow:inset 0 0 0 1px #0000000a;display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;line-height:1}.hist-row.credit .hist-icon{background:linear-gradient(135deg,#f0f9eb,#d9f7be);color:#389e0d}.hist-row.debit .hist-icon{background:linear-gradient(135deg,#eef4ff,#d6e4ff);color:#1677ff}.hist-row+.hist-row{border-top:1px solid var(--border-soft)}.hist-main{flex:1;min-width:0}.hist-line,.hist-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.hist-type{flex:1;color:var(--text);font-weight:700}.hist-detail{color:var(--text-2);font-size:13px;line-height:1.35;margin-top:5px;overflow-wrap:anywhere}.hist-meta{color:var(--text-3);font-size:12px;line-height:1.35;margin-top:8px}.hist-meta span:last-child{text-align:right;white-space:nowrap}.pos{color:var(--success);font-weight:800;white-space:nowrap}.neg{color:var(--text);font-weight:800;white-space:nowrap}.hint{font-size:14px;color:var(--text-2)}.center-text{text-align:center}.notice{border-radius:12px;padding:12px 14px;font-size:15px;font-weight:700;line-height:1.35}.notice.success{background:#f0f9eb;border:1px solid #b7eb8f;color:#237804}.notice.warning{background:#fff7e6;border:1px solid #ffd591;color:#ad6800}.error{font-size:14px;color:var(--error)}.big-check{width:72px;height:72px;border-radius:50%;background:var(--success);color:#fff;font-size:40px;line-height:72px;text-align:center}.success-msg{font-size:20px;font-weight:700}.legal{text-align:left;line-height:1.6}.legal-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.legal h1{font-size:24px;margin:8px 0 4px}.legal h2{font-size:16px;margin:20px 0 6px}.legal p,.legal li{font-size:14px;color:var(--text)}.legal ul{padding-left:20px}.legal a,.fineprint a{color:var(--primary)}@media (max-width: 860px){.login-page{padding:18px;gap:18px}.topbar,.login-topbar{gap:10px}.login-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto}.brand-sm{min-width:0}.topbar-actions{gap:8px;min-width:0;max-width:210px}.language-switch span{display:none}.language-switch select{width:96px;max-width:96px}.login-shell{grid-template-columns:1fr}.login-hero,.login-panel{min-height:auto}.login-hero{padding:26px 22px}.login-hero h1{font-size:38px}html[lang=zh] .login-hero h1{font-size:42px;line-height:1.08}html[lang=th] .login-hero h1,html[lang=fil] .login-hero h1,html[lang=ms] .login-hero h1,html[lang=id] .login-hero h1{font-size:36px}.login-hero p{font-size:16px}.login-trial-strip{margin-top:18px;padding:12px 13px;grid-template-columns:72px minmax(0,1fr);column-gap:12px}.login-trial-strip>strong{font-size:24px}.login-trial-strip b{font-size:14px}.login-trial-strip small{font-size:12px}.login-visual{height:168px}.login-panel-body{padding:22px 18px}}@media (max-width: 430px){.login-page{padding:14px}.login-topbar{padding:2px 2px 0}.topbar-actions{max-width:160px}.language-switch select{width:76px;max-width:76px}.login-hero{padding:24px 18px}.login-hero h1{font-size:34px}html[lang=th] .login-hero h1,html[lang=fil] .login-hero h1,html[lang=ms] .login-hero h1,html[lang=id] .login-hero h1{font-size:32px}.login-panel-title{font-size:22px}.login-panel .google-official{overflow:hidden}}