: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}.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%);min-height:100%;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}.login-hero,.login-panel,.login-step{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}.login-hero p{max-width:560px;margin:20px 0 0;color:var(--text-2);font-size:18px;line-height:1.55}.login-feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px}.login-feature{min-height:86px;border:1px solid var(--border-soft);border-radius:12px;background:#fafafa;padding:14px}.login-feature span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#f0f9eb;color:#389e0d;font-size:14px;font-weight:900}.login-feature strong{display:block;margin-top:12px;color:var(--text);font-size:14px;line-height:1.3}.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:stretch;margin-top:0}.login-panel .google-official{min-height:44px;display:flex;justify-content:center}.login-panel .fineprint{margin-top:0;line-height:1.45}.login-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.login-step{min-height:120px;border-radius:14px;padding:18px;display:flex;gap:14px}.login-step>span{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:11px;background:var(--primary);color:#fff;font-size:15px;font-weight:850}.login-step strong{display:block;color:var(--text);font-size:16px}.login-step p{margin:7px 0 0;color:var(--text-2);font-size:14px;line-height:1.45}.login-footer{display:flex;justify-content:center;gap:18px;padding-bottom:6px}.login-footer a{color:var(--text-2);font-size:13px;font-weight:700;text-decoration:none}.topbar{display:flex;align-items:center;justify-content:space-between;padding:6px 0 20px}.link{background:none;border:none;color:var(--primary);font-size:15px;cursor:pointer;padding:4px}.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 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}.login-shell,.login-steps,.login-feature-list{grid-template-columns:1fr}.login-hero,.login-panel{min-height:auto}.login-hero{padding:26px 22px}.login-hero h1{font-size:38px}.login-hero p{font-size:16px}.login-feature-list{gap:10px;margin-top:24px}.login-feature{min-height:68px;display:flex;align-items:center;gap:12px}.login-feature strong{margin-top:0}.login-visual{height:168px}.login-panel-body{padding:22px 18px}.login-step{min-height:auto}}@media (max-width: 430px){.login-page{padding:14px}.login-topbar{padding:2px 2px 0}.login-hero{padding:24px 18px}.login-hero h1{font-size:34px}.login-panel-title{font-size:22px}.login-panel .google-official{overflow:hidden}}