.account-slot{display:flex;align-items:center;gap:10px}.account-entry{display:flex;align-items:center;gap:8px;color:var(--green);font-size:11px;padding:5px 0;white-space:nowrap}.account-entry>.icon{width:12px;height:12px}.account-entry .avatar{display:grid;place-items:center;width:31px;height:31px}.account-name{max-width:90px;overflow:hidden;text-overflow:ellipsis}.account-slot .register-entry{min-height:31px;padding:7px 12px;font-size:10px}.sync-status{cursor:pointer;padding:0}.auth-modal{max-width:465px}.auth-brand-leaf{font-size:8px;letter-spacing:2px;color:#91a780;display:flex;align-items:center;gap:8px;margin:-6px 0 22px}.auth-brand-leaf .icon{width:15px;height:15px}.auth-tabs{background:var(--green-light);padding:4px;border-radius:8px;display:flex;gap:4px;margin-bottom:23px}.auth-tabs button{flex:1;padding:10px;border-radius:5px;color:var(--secondary);font-size:12px}.auth-tabs button.active{background:var(--surface);color:var(--green);box-shadow:0 2px 8px #3f55280a}.auth-submit{margin-top:22px;min-height:43px}.auth-footer{display:flex;align-items:center;justify-content:center;gap:20px;border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.auth-hint{font-size:10px;line-height:1.9;color:var(--secondary);margin:16px 0 4px}.forgot-password{margin-top:14px;display:flex}.recovery-code{font:18px/1.8 ui-monospace,Consolas,monospace;letter-spacing:1px;background:var(--green-light);border:1px dashed #bacbaa;border-radius:9px;padding:19px;color:var(--green);overflow-wrap:anywhere;text-align:center;user-select:all;margin-bottom:17px}.recovery-code~.full-width{margin-top:20px}.account-profile{display:flex;align-items:center;gap:13px;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:20px}.account-profile>.avatar{display:grid;place-items:center;width:48px;height:48px;font-size:20px}.account-profile h3{font-size:16px;font-weight:550}.account-profile p{font-size:11px;color:var(--muted);margin-top:6px}.account-status{font-size:9px;color:var(--green);margin-left:auto}.account-sync-card{background:var(--green-light);border-radius:8px;display:flex;gap:12px;padding:18px;margin-bottom:18px}.account-sync-card>.icon{color:var(--green);margin-top:2px}.account-sync-card h3{font-size:12px;font-weight:500;color:var(--green)}.account-sync-card p{font-size:10px;color:var(--secondary);line-height:1.9;margin:8px 0 12px}.account-options>button{background:var(--bg);color:var(--secondary);font-size:11px}.account-notice{padding:17px;border:1px solid #e6dcc1;border-radius:8px;background:#fcf8eb;margin:18px 0;color:#9a854b}.account-notice strong{font-size:12px;font-weight:500}.account-notice p{font-size:11px;line-height:1.8;margin:9px 0 15px}.account-notice .button{font-size:10px}.auth-modal .field-label{margin-top:17px}.auth-modal input{padding:12px 14px}body[data-theme="night"] .account-notice{background:#383c26;border-color:#646e48;color:#bdc997}
@media(max-width:720px){.account-slot{gap:9px}.account-entry{font-size:10px}.account-slot .register-entry{font-size:9px;padding:6px 9px;min-height:29px}.account-name{display:none}.topbar-right{gap:10px}.sync-status span{max-width:89px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.greeting{display:none}.account-entry .avatar{height:28px;width:28px}.auth-modal{padding:25px}.account-profile{gap:10px}.account-profile h3{font-size:14px}.account-status{font-size:8px}.recovery-code{font-size:15px;padding:15px}.auth-modal .modal-heading h2{font-size:21px}}
@media(max-width:410px){.topbar .breadcrumbs>span{display:none}.topbar .breadcrumbs>.icon{display:none}.sync-status{font-size:8px;gap:4px}.sync-status .icon{width:13px;height:13px}.topbar-right{gap:9px}.auth-modal{padding:23px 20px}.auth-footer .text-button{font-size:9px}}