[hidden] { display: none !important; }
.auth-screen { min-height: 100vh; min-height: 100dvh; display: grid; place-items: center; padding: 24px; }
.auth-card { width: min(100%,420px); padding: 32px; background: white; border: 1px solid #d7dfd9; border-radius: 20px; }
.auth-brand { margin: 0 0 8px; color: #205c43; font-size: 36px; font-weight: 800; letter-spacing: -.04em; }
.auth-tagline { color: #5b6a63; font-size: 14px; margin-bottom: 28px; }
.auth-tabs { display: flex; gap: 8px; margin-bottom: 24px; }
.auth-tabs button { flex: 1; }
.auth-tabs [aria-selected="true"] { color: #fff; background: #205c43; border-color: #205c43; }
.auth-card h2 { font-size: 21px; margin: 0 0 20px; }
.auth-field { display: flex; flex-direction: column; gap: 8px; margin: 16px 0; font-size: 14px; font-weight: 650; }
.auth-field input { width: 100%; height: 48px; font-size: 18px; padding: 10px 12px; border: 1px solid #b6c4bc; border-radius: 8px; }
.auth-remember { display: flex; align-items: center; gap: 8px; font-size: 14px; margin: 20px 0; }
.auth-remember input, .import-settings input { width: 18px; height: 18px; accent-color: #205c43; }
#auth-submit { width: 100%; min-height: 48px; }
.auth-help { margin-top: 20px; color: #66736a; font-size: 12px; text-align: center; line-height: 1.7; word-break: keep-all; }
#auth-error { color: #a1392d; line-height: 1.6; margin-top: 12px; font-size: 14px; }
.app-header { flex-wrap: nowrap; margin-bottom: 12px; }
.app-header h1 { flex: 0 0 auto; white-space: nowrap; }
.account-strip { display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; margin: 0 0 0 auto; min-width: 0; overflow-x: auto; font-size: 13px; scrollbar-width: thin; }
.account-strip > * { flex: 0 0 auto; white-space: nowrap; }
.account-strip button { min-height: 32px; padding: 5px 9px; font-size: 12px; }
#current-nickname { max-width: 120px; overflow: hidden; text-overflow: ellipsis; color: #205c43; font-size: 15px; }
#cloud-status { max-width: 180px; overflow: hidden; text-overflow: ellipsis; border: 0; background: transparent; color: #5b6a63; }
#cloud-status.sync-error { color: #a1392d; }
html:not(.is-admin) #image-adjust-toggle, html:not(.is-admin) #image-adjust-panel { display: none !important; }
#import-dialog { width: min(460px,calc(100vw - 32px)); border: 1px solid #d7dfd9; border-radius: 16px; padding: 24px; color: #263d30; }
#import-dialog::backdrop { background: #14251c88; }
#import-dialog p { margin: 14px 0; line-height: 1.6; }
#import-dialog input[type=file] { width: 100%; margin: 16px 0; }
.import-settings { display: flex; gap: 8px; align-items: center; font-size: 14px; }
.import-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 20px; }
@media(max-width:460px) { .auth-card { padding: 26px 22px; } .app-header { gap: 10px; } .app-header h1 { font-size: 18px; } .account-strip { gap: 5px; } }