:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#2c3432;background:#fafbf9;font-size:14px;--accent:#38675a;--ink:#283b34;--muted:#849089;--line:#e5e9e3;--paper:#fff;--soft:#f0f4ef}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .18s,transform .18s;border:0}button:disabled{opacity:.45;cursor:not-allowed}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid #528e78;outline-offset:3px}a{color:var(--accent)}[hidden]{display:none!important}.sidebar{width:232px;flex-shrink:0;background:#f1f3ed;border-right:1px solid #e0e5dc;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:34px 20px 22px;z-index:10}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#273f34;font-weight:700;font-size:24px;letter-spacing:3px;padding:0 9px}.brand small{display:block;font-size:10px;letter-spacing:1px;font-weight:400;color:#7c8c80;margin-top:5px}.brand-mark{display:flex;align-items:center;gap:4px;height:35px}.brand-mark i{width:4px;border-radius:4px;background:var(--accent);height:17px}.brand-mark i:nth-child(2){height:33px}.brand-mark i:nth-child(3){height:26px}.brand-mark i:nth-child(4){height:13px}.primary{background:var(--accent);color:white;border-radius:8px;padding:11px 19px;font-weight:500}.primary:hover{background:#2e594d}.new-meeting{margin:36px 0 32px;width:100%;text-align:left;display:flex;gap:15px;align-items:center}.new-meeting span{font-size:20px}.side-label{color:#8b958b;font-size:11px;letter-spacing:1px;padding:0 9px;display:flex;justify-content:space-between;margin-bottom:14px}.meeting-list{overflow:auto;flex:1}.meeting-item{display:block;width:100%;text-align:left;border-radius:8px;background:transparent;padding:12px 10px;margin-bottom:5px;color:#5a695e}.meeting-item.active{background:#e2e9de;color:#2d503e}.meeting-item:hover{background:#e7ece3}.meeting-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500}.meeting-item small{display:block;font-size:10px;color:#8a9689;margin-top:7px}.empty-list{font-size:12px;color:#939d92;padding:12px 8px;line-height:1.9}.side-bottom{border-top:1px solid #dce3d6;padding:22px 3px 0;display:flex;gap:9px;font-size:11px;color:#6f806f;align-items:center}.side-bottom small{display:block;font-size:10px;color:#97a092;margin-top:5px}.local-dot{height:7px;width:7px;background:#739478;border-radius:50%}main{margin-left:232px;width:calc(100% - 232px)}.topbar{height:77px;padding:0 38px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#fafbf9}.breadcrumb{font-size:12px;color:#8a948e}.breadcrumb span{padding:0 14px;color:#c1c8c1}.breadcrumb b{font-weight:500;color:#59665d}.top-actions{display:flex;gap:18px;align-items:center}.subtle,.text-button{background:transparent;color:#718279;padding:6px;font-size:12px}.subtle:hover,.text-button:hover{color:var(--accent);background:#eef2eb;border-radius:5px}.status-pill{font-size:11px;border:1px solid #dce4d9;background:#f6f8f3;color:#65806b;border-radius:20px;padding:8px 11px;display:flex;gap:7px;align-items:center}.dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#b3bbb1;flex-shrink:0}.dot.green{background:#689175}.dot.amber{background:#c4a363}.dot.red{background:#bd6a60}.dot.pulse{animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.3}}.welcome{max-width:990px;margin:0 auto;padding:66px 56px 38px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:#8a9b86}.welcome h1{font-size:45px;font-weight:500;letter-spacing:-1.5px;line-height:1.4;margin:22px 0 20px;color:#304435}.welcome h1 span{color:#759078}.intro{color:#889185;line-height:1.95;font-size:14px;margin-bottom:38px}.welcome-modes{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mode-card{background:#fff;border:1px solid #e1e7dd;border-radius:12px;text-align:left;padding:25px 25px 0;color:var(--ink);box-shadow:0 6px 24px #25332003}.mode-card:hover{border-color:#99b09a;background:#fdfefb;transform:translateY(-2px)}.mode-icon{display:flex;width:41px;height:41px;border-radius:10px;background:#eff4ec;color:#68856a;font-size:25px;align-items:center;justify-content:center}.mode-card h3{font-size:18px;font-weight:500;margin:23px 0 8px}.mode-card p{font-size:12px;color:#8b9589;margin:0 0 28px}.mode-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0e9;padding:17px 0;font-size:10px;color:#8d9a88}.mode-footer b{font-size:18px;font-weight:400;color:#658468}.flow-strip{display:flex;gap:24px;align-items:center;margin-top:33px;font-size:11px;color:#7e8b7b}.flow-strip b{font-family:monospace;color:#a7b59f;font-size:10px;margin-right:8px}.flow-strip i{color:#c3ccbd;font-style:normal}.welcome-health{margin-top:35px;border-top:1px solid var(--line);padding-top:20px;color:#9aa492;font-size:11px;display:flex;gap:25px;flex-wrap:wrap}.welcome-health span{display:flex;align-items:center;gap:7px}.workspace{padding:29px 32px 25px}.meeting-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.meeting-heading h1{font-size:26px;font-weight:600;margin:9px 0 8px;letter-spacing:-.6px}.meeting-heading p{margin:0;font-size:12px;max-width:650px;line-height:1.6}.muted{color:#8c968f;font-size:11px}.secondary{padding:9px 14px;background:#fff;border:1px solid #dce4d9;border-radius:7px;font-size:12px;color:#607664;white-space:nowrap}.secondary:hover{background:#f2f5ef}.danger{color:#a26459;border-color:#e5d7d2}.recording-bar{padding:13px 16px;background:#f0f4ed;border:1px solid #e0e7da;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.recording-state,.record-actions{display:flex;gap:12px;align-items:center}.recording-state b{font-size:12px;font-weight:500;color:#687b63}.timer{font-variant-numeric:tabular-nums;font-family:Consolas,monospace;font-size:14px;color:#55754f}.meter{height:4px;width:48px;background:#dce5d6;border-radius:3px;overflow:hidden}.meter i{display:block;width:0;height:100%;background:#71946b}.record-actions .primary{font-size:12px;padding:9px 15px}.meeting-grid{display:grid;grid-template-columns:minmax(300px,1.15fr) minmax(330px,.85fr);gap:23px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden}.panel-heading{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #edf0eb}.panel-heading h2{font-size:13px;font-weight:600;margin:0;white-space:nowrap;color:#52654f}.badge{margin-left:6px;color:#99a494;font-size:10px;font-weight:400}.transcript-controls{display:flex;align-items:center;gap:8px}.transcript-controls .muted{font-size:10px}.transcript{height:calc(100vh - 456px);min-height:230px;max-height:650px;overflow:auto;padding:8px 22px 16px;scroll-behavior:smooth}.empty-transcript{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#9ba496;padding:32px 10px;line-height:1.9}.empty-wave{display:flex;align-items:center;gap:5px;height:40px;margin-bottom:19px}.empty-wave i{width:4px;background:#d8e2d2;border-radius:3px;height:13px}.empty-wave i:nth-child(2),.empty-wave i:nth-child(4){height:28px}.empty-wave i:nth-child(3){height:39px}.empty-transcript b{font-weight:500;color:#84927d;font-size:13px}.empty-transcript p{font-size:11px;max-width:275px;margin-top:7px}.transcript-entry{padding:16px 0;border-bottom:1px solid #f0f2ed}.entry-meta{display:flex;align-items:center;gap:10px;font-size:10px;color:#9ba592;margin-bottom:8px}.entry-meta b{font-weight:500;color:#7c8f73}.entry-text{background:transparent;text-align:left;color:#586052;font-size:13px;line-height:1.9;padding:0;display:block;width:100%;white-space:pre-wrap}.entry-text:hover{color:#2e593a}.transcript-foot{border-top:1px solid #edf0eb;padding:12px 18px;font-size:10px;color:#a0aa99;display:flex;justify-content:space-between;align-items:center;min-height:40px}.notes-panel{margin-top:19px}.notes-panel .panel-heading{border:0;padding-bottom:6px}.notes-panel textarea{border:0;resize:vertical;width:100%;padding:12px 20px 18px;min-height:95px;font-size:12px;line-height:1.9;background:transparent;outline:none;color:#65745e}.notes-panel textarea::placeholder{color:#b1b9ab;font-size:11px}.auto-toggle{font-size:10px;color:#899980;display:flex;gap:4px;align-items:center}.auto-toggle input{accent-color:var(--accent);width:12px;height:12px}.spark{color:#708e62;margin-right:5px}.copilot-body{padding:0 19px 17px}.assistant-status{display:flex;gap:7px;align-items:center;font-size:10px;color:#a0ab98;min-height:41px}.assistant-status button{margin-left:auto}.reply-button{width:100%;background:#edf3e7;border:1px solid #dce7d2;border-radius:8px;color:#5c7b4d;font-size:13px;padding:13px 14px;text-align:left}.reply-button:hover{background:#e3eddc}.reply-button span{float:right;font-size:17px}.empty-insight{padding:40px 14px;text-align:center;color:#a2ae9a}.empty-insight .circle{margin:auto auto 16px;border:1px solid #e8eee1;width:53px;height:53px;border-radius:50%;display:grid;place-items:center;font-size:22px;color:#94ad7f}.empty-insight h3{font-size:13px;font-weight:500;color:#839773}.empty-insight p{font-size:11px;line-height:1.95}.insight-block{margin-top:22px}.insight-block h3{font-size:11px;letter-spacing:.4px;color:#809171;font-weight:600;margin:0 0 10px}.insight-block p{font-size:12px;line-height:1.85;color:#65745b;white-space:pre-wrap;margin:0}.insight-block ul{padding-left:16px;margin:0;font-size:12px;line-height:1.9;color:#67765e}.reply-card{margin-top:18px;background:#f5f7f0;border-left:3px solid #9cb186;padding:15px;border-radius:0 7px 7px 0}.reply-card p{color:#4e6343;font-size:13px;line-height:1.9;margin:0;white-space:pre-wrap}.reply-card small{display:block;color:#93a086;font-size:10px;line-height:1.8;margin-top:10px}.copy-reply{display:block;margin:9px 0 0 auto}.action-item{padding:10px 0;border-bottom:1px solid #f0f2ec;font-size:12px;color:#647759;line-height:1.7}.action-item small{display:block;font-size:10px;color:#99a88d;margin-top:3px}.evidence{font-size:10px;color:#a1af97;margin-top:17px}.ask-form{display:flex;margin-top:25px;border:1px solid #e2e9da;border-radius:8px;overflow:hidden;background:#fafcf8;align-items:center}.ask-form input{border:0;background:transparent;width:100%;padding:13px 11px;font-size:11px;outline:none;min-width:0}.ask-form input::placeholder{color:#a2af98}.ask-form button{margin-right:7px;width:27px;height:27px;border-radius:6px;background:#eaf0e1;color:#799464;font-size:18px;flex-shrink:0}.notice{padding:11px 15px;border-radius:7px;font-size:12px;line-height:1.7;margin-bottom:15px}.notice.error{background:#faf0e9;border:1px solid #ebd9c9;color:#a47b54}dialog{border:1px solid #e2e7db;border-radius:15px;width:500px;max-width:calc(100vw - 32px);padding:28px;box-shadow:0 25px 100px #25392230;color:var(--ink)}dialog::backdrop{background:#25352655;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:23px;gap:10px}.dialog-head h2{font-size:21px;font-weight:500;margin:9px 0 0}.icon-btn{background:transparent;color:#9aa591;font-size:24px;line-height:1}dialog label{display:block;font-size:12px;color:#7b8c70;margin-bottom:18px}dialog label input:not([type=radio]),dialog textarea{display:block;width:100%;padding:11px 12px;border:1px solid #dfe7d7;border-radius:7px;margin-top:8px;background:#fbfcf9;color:#526347;font-size:13px}dialog textarea{min-height:91px;resize:vertical}dialog input::placeholder,dialog textarea::placeholder{color:#a6b19b;font-size:12px}.mode-picker{display:flex;gap:12px;margin-bottom:18px}.mode-picker label{flex:1;border:1px solid #e2e8db;border-radius:7px;padding:11px;margin:0;font-size:12px}.mode-picker input{accent-color:#648352;margin-right:6px}.form-help{font-size:11px;line-height:1.9;color:#9aa68f;margin:18px 0}.full{width:100%}.dialog-actions{display:flex;gap:10px;margin-top:24px}.setting-row{padding:14px 0;border-bottom:1px solid #edf0e6;display:flex;justify-content:space-between;font-size:12px;gap:20px}.setting-row small{display:block;font-size:10px;margin-top:7px;color:#9cac8e}.setting-detail{font-size:11px;color:#a18564;line-height:1.8;word-break:break-word;margin-top:12px}#login-link{font-size:12px;line-height:1.8;margin-top:16px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:80vw;padding:13px 22px;background:#344932;color:#f4f7ef;border-radius:9px;box-shadow:0 7px 25px #293b2a20;z-index:100;font-size:12px;line-height:1.7}.compact .sidebar,.compact .left-pane,.compact .meeting-heading,.compact .breadcrumb{display:none}.compact main{margin:0;width:100%}.compact .topbar{height:53px;justify-content:flex-end;padding:0 16px}.compact .workspace{padding:17px}.compact .meeting-grid{grid-template-columns:1fr;max-width:660px;margin:auto}.compact .recording-bar{max-width:660px;margin:0 auto 17px}.compact #source-label,.compact .meter{display:none}.compact .welcome{padding-top:30px}@media(min-width:1600px){.workspace{padding:35px 45px}.meeting-grid{gap:27px}.transcript{height:calc(100vh - 480px)}}@media(max-width:1120px){.sidebar{width:198px;padding-left:15px;padding-right:15px}main{margin-left:198px;width:calc(100% - 198px)}.workspace{padding:24px 21px}.meeting-grid{grid-template-columns:minmax(280px,1fr) minmax(290px,.9fr);gap:16px}.panel-heading{padding:16px 14px}.copilot-body{padding:0 14px 14px}.transcript{padding-left:16px;padding-right:16px}.recording-state{gap:8px}#source-label,.meter{display:none}.welcome{padding:50px 40px}.topbar{padding:0 24px}.transcript-controls .muted{display:none}}@media(max-width:850px){.sidebar{width:180px}main{margin-left:180px;width:calc(100% - 180px)}.meeting-grid{grid-template-columns:1fr}.transcript{height:300px}.welcome{padding:35px 25px}.welcome h1{font-size:35px}.welcome-modes{grid-template-columns:1fr}.flow-strip{gap:8px;font-size:10px}.recording-bar{flex-wrap:wrap}.topbar{padding:0 18px}.breadcrumb{display:none}.topbar{justify-content:flex-end}.mode-card{padding-top:20px}.mode-card h3{margin-top:14px}.mode-card p{margin-bottom:18px}.meeting-heading{align-items:flex-start}}@media(max-width:560px){.sidebar{display:none}main{margin:0;width:100%}.workspace{padding:20px 13px}.welcome{padding:32px 22px}.top-actions{gap:6px}.meeting-heading h1{font-size:22px}.flow-strip{flex-wrap:wrap}.recording-state{width:100%}.record-actions{width:100%;justify-content:flex-end}.record-actions #download-audio{margin-right:auto}.welcome-health{gap:14px}}

.linked-room{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;margin-bottom:18px;background:linear-gradient(100deg,#f4f8ff,#fff)}.linked-room>div:first-child{display:flex;align-items:center;gap:13px}.linked-room b{color:#354b72}.linked-room p{margin:4px 0 0;color:#77849a;font-size:11px}.live-chip{background:#356fe5;color:#fff;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:700;letter-spacing:1px}.linked-room-actions{display:flex;gap:8px;align-items:center}.linked-room-actions .primary{font-size:12px;padding:9px 14px}@media(max-width:700px){.linked-room{align-items:flex-start;flex-direction:column}.linked-room-actions{width:100%}.linked-room-actions button{flex:1}}


.linked-room{display:block;padding:0;overflow:hidden}.linked-room-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;background:linear-gradient(100deg,#f4f8ff,#fff)}.linked-room-bar>div:first-child{display:flex;align-items:center;gap:13px}.linked-room-bar b{color:#354b72}.linked-room-bar p{margin:4px 0 0;color:#77849a;font-size:11px}.linked-room-frame-wrap{border-top:1px solid #e3e9f3;background:#f4f6f9;height:min(640px,72vh)}.linked-room-frame{display:block;width:100%;height:100%;border:0;background:#f4f6f9}@media(max-width:700px){.linked-room-bar{align-items:flex-start;flex-direction:column}.linked-room-frame-wrap{height:680px}}


.meeting-heading-actions{display:flex;gap:10px;align-items:center}.meeting-heading-actions .primary{font-size:12px;padding:10px 16px}.meeting-dialog{width:560px;padding:34px 36px}.meeting-dialog .mode-picker label:has(input:checked){border-color:#78a2f3;background:#f3f7ff;color:#275dbb;box-shadow:0 0 0 1px #78a2f3 inset}.online-meeting-options{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;margin:-4px 0 20px;background:#f5f8ff;border:1px solid #dae5fb;border-radius:9px}.online-meeting-options>div{display:flex;align-items:center;gap:11px}.online-option-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#e5eeff;color:#3574e8}.online-meeting-options b{display:block;font-size:12px;color:#344b73}.online-meeting-options small{display:block;margin-top:4px;font-size:10px;color:#7f8da5}.ready-chip{font-size:10px;color:#2d6bd8;background:#e6efff;border-radius:999px;padding:5px 8px;white-space:nowrap}.create-success{position:relative;text-align:center;padding:8px 0 2px}.success-close{position:absolute;right:-8px;top:-12px}.success-mark{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 18px;border-radius:20px;background:#eaf1ff;color:#3475eb;font-size:30px;font-weight:700}.create-success h2{font-size:25px;margin:10px 0 8px}.created-title{color:#7c8798;margin:0 0 22px}.meeting-number-card{text-align:left;background:#f5f8fd;border:1px solid #dfe7f3;border-radius:12px;padding:16px 18px}.meeting-number-card span,.invite-preview>span{display:block;color:#7b8798;font-size:11px;margin-bottom:7px}.meeting-number-card strong{display:block;color:#17253b;font:700 27px/1.3 Consolas,monospace;letter-spacing:3px}.meeting-number-card small{display:block;color:#8995a6;font-size:10px;margin-top:7px}.invite-preview{text-align:left;margin-top:14px}.invite-preview pre{margin:0;padding:13px 15px;white-space:pre-wrap;word-break:break-all;background:#fbfcfe;border:1px solid #e2e7ef;border-radius:10px;color:#526176;font:12px/1.75 Inter,"Microsoft YaHei",sans-serif}.success-actions{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;margin-top:20px}.success-actions button{padding:12px}.create-success>#created-later{margin-top:13px}.meeting-dialog::backdrop{background:#1b263655;backdrop-filter:blur(5px)}@media(max-width:560px){.meeting-dialog{padding:25px 20px}.success-actions{grid-template-columns:1fr}.meeting-heading-actions{flex-wrap:wrap;justify-content:flex-end}}


/* Permanent account entry. Kept compact so meeting creation and joining remain the primary actions. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.account-shell{position:relative;display:flex;align-items:center;flex-shrink:0}
.account-trigger{min-height:38px;max-width:190px;display:flex;align-items:center;gap:8px;padding:4px 10px 4px 5px;background:#fff;border:1px solid #e1e5e9;border-radius:20px;color:#454d58;font-size:12px}
.account-trigger:hover,.account-trigger[aria-expanded=true]{background:#f4f6f8;border-color:#cfd5dd}
.account-trigger[aria-busy=true]{opacity:.7}
.account-avatar{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;overflow:hidden;background:#e9eef8;color:#3d5f9f;font-weight:700;font-size:12px}
.account-avatar img{display:block;width:100%;height:100%;object-fit:cover}
#account-trigger-label{min-width:0;max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-chevron{color:#8a929e;font-size:12px;line-height:1}
.account-popover{position:absolute;z-index:90;right:0;top:calc(100% + 10px);width:310px;max-width:calc(100vw - 30px);padding:18px;background:#fff;border:1px solid #dfe4eb;border-radius:16px;box-shadow:0 14px 45px #20212424;color:#303844;text-align:left}
.account-popover::before{content:"";position:absolute;right:18px;top:-6px;width:10px;height:10px;background:#fff;border-left:1px solid #dfe4eb;border-top:1px solid #dfe4eb;transform:rotate(45deg)}
.account-popover>section>strong,#password-login-view>strong,#password-register-view>strong{display:block;font-size:14px;margin-bottom:8px}
.account-popover>section>p,#password-login-view>p,#password-register-view>p{margin:0 0 15px;color:#697383;font-size:11px;line-height:1.75}
#account-signed-in:not([hidden]){display:block}
.account-signed-in-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.account-summary{min-width:0}.account-summary strong,.account-summary span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-summary strong{font-size:14px;color:#29313c}.account-summary span{margin-top:5px;color:#7b8491;font-size:10px}
.account-actions{display:flex;align-items:center;gap:3px;flex-shrink:0}
.account-secondary-action{flex-shrink:0;padding:7px 9px;background:transparent;border-radius:7px;color:#697383;font-size:11px}.account-secondary-action:hover{background:#f0f2f5;color:#303844}
.account-auth-form{display:grid;gap:11px;margin-top:14px}.account-auth-form label{display:grid;gap:6px;color:#697383;font-size:11px}.account-auth-form input{width:100%;min-height:40px;padding:9px 10px;border:1px solid #dfe4eb;border-radius:9px;background:#fafbfc;color:#303844;font:inherit;font-size:13px}.account-auth-form input:focus{border-color:#86a99a;background:#fff}.account-primary-action{min-height:42px;padding:9px 13px;border-radius:10px;background:#38675a;color:#fff;font-size:12px;font-weight:600}.account-primary-action:hover{background:#2e594d}.account-form-actions{display:flex;align-items:center;gap:8px}.account-form-actions .account-primary-action{flex:1}.account-switch-action{width:100%;margin-top:10px;padding:8px;background:transparent;border-radius:8px;color:#38675a;font-size:11px}.account-switch-action:hover{background:#eff4f1}.alternate-login{margin-top:14px;padding-top:14px;border-top:1px solid #edf0f3}.alternate-login>span{display:block;margin-bottom:8px;color:#89929e;font-size:10px}
.wechat-login{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:11px;background:#087b43;color:#fff;text-decoration:none;font-size:13px;font-weight:600}.wechat-login:hover{background:#076b3b;color:#fff}.wechat-login.disabled{background:#e6e9ed;color:#8a929d;cursor:not-allowed}
.account-popover .account-hint{margin:9px 0 0;text-align:center;color:#8b6670}
.dev-login-form{margin-top:15px;padding-top:14px;border-top:1px solid #edf0f3}.dev-login-form>span{display:block;color:#7b8491;font-size:10px;margin-bottom:8px}.dev-login-form>div{display:flex;gap:7px}.dev-login-form input{min-width:0;flex:1;padding:9px 10px;border:1px solid #dfe4eb;border-radius:8px;background:#fafbfc;color:#303844;font:inherit;font-size:12px}.dev-login-form button{padding:8px 12px;border-radius:8px;background:#303238;color:#fff;font-size:11px;white-space:nowrap}
.account-error{margin:13px 0 0;padding-top:11px;border-top:1px solid #f0dfe2;color:#a43e4d;font-size:11px;line-height:1.65}
.auth-notice{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:12px 32px 0}.auth-notice span{min-width:0}.auth-notice button{flex:0 0 auto;width:25px;height:25px;background:transparent;border-radius:6px;color:inherit;font-size:18px;line-height:1}.auth-notice button:hover{background:#efdfe1}
.compact .auth-notice{margin-left:16px;margin-right:16px}
@media(max-width:720px){.account-trigger{padding-right:5px}.account-trigger #account-trigger-label,.account-trigger .account-chevron{display:none}.account-popover{position:fixed;right:15px;top:66px;max-height:calc(100vh - 81px);overflow-y:auto}.account-popover::before{display:none}.auth-notice{margin:10px 16px 0}.top-actions{gap:5px}}
@media(max-width:390px){.top-actions #compact-btn{display:none}.account-popover{left:15px;width:auto;max-width:none}}

/* Signed-out entry is centered. A valid account session keeps the compact header menu. */
body.account-modal-open::before{content:"";position:fixed;inset:0;z-index:80;background:#f7f9fbd9;backdrop-filter:blur(3px)}
.account-popover.account-modal{position:fixed;z-index:100;left:50%;right:auto;top:50%;width:min(390px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:25px;overflow-y:auto;transform:translate(-50%,-50%)}
.account-popover.account-modal::before{display:none}
.account-popover.account-modal #password-login-view>strong,.account-popover.account-modal #password-register-view>strong,.account-popover.account-modal #remembered-account-view>strong{font-size:18px}
.account-popover.account-modal #password-login-view>p,.account-popover.account-modal #password-register-view>p,.account-popover.account-modal #remembered-account-view>p{font-size:12px}
.account-popover.account-modal .account-auth-form input{min-height:50px;padding:11px 12px}
.account-popover.account-modal .account-primary-action{min-height:52px;font-size:14px}
.remembered-account-list{display:grid;gap:8px;margin-top:14px}
.remembered-account-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:6px;align-items:center}
.remembered-account-select{min-width:0;display:flex;align-items:center;gap:11px;padding:9px 10px;background:#f8fafb;border:1px solid #e0e5eb;border-radius:11px;text-align:left;color:#303844}
.remembered-account-select:hover{background:#f0f5f3;border-color:#b9cec5}
.remembered-account-avatar{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:50%;background:#e7eef9;color:#355b9d;font-size:13px;font-weight:700}
.remembered-account-label{min-width:0;flex:1}.remembered-account-label strong,.remembered-account-label small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remembered-account-label strong{font-size:12px}.remembered-account-label small{margin-top:3px;color:#7f8996;font-size:10px}
.remembered-account-arrow{color:#8b949f;font-size:20px}
.remembered-account-remove{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:9px;background:transparent;color:#9099a5;font-size:18px}
.remembered-account-remove:hover{background:#f5e9eb;color:#a84453}
.account-local-note{margin:8px 0 0!important;text-align:center;color:#929aa5!important;font-size:10px!important}
@media(max-width:420px){.account-popover.account-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:21px}}