[hidden]{display:none!important}.login-values{display:flex;gap:22px;flex-wrap:wrap;margin-top:40px;font-size:12px;color:#68877a}.login-values span{display:flex;align-items:center;gap:8px}.login-form-area .login-box{max-width:400px}.login-form-area .login-description{margin-bottom:30px}.login-form-area .inline-error{line-height:1.8;font-size:12px}.login-form-area .field input{min-height:46px}.setup-card{padding:26px;background:#edf5eb;border:1px solid #dce9d9;border-radius:18px;margin-bottom:24px}.setup-card h2{margin-top:9px;font-size:20px}.setup-card p{font-size:12px;color:#7c9383;line-height:1.9;margin-top:10px}.setup-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:24px}.setup-step{display:flex;align-items:center;text-align:left;gap:14px;padding:17px;border:1px solid #dce9d9;border-radius:11px;background:#fff;color:#356751}.setup-step b{font-size:20px;color:#9db9a3;font-weight:500}.setup-step span{font-size:13px;font-weight:600;flex:1}.setup-step small{display:block;font-size:10px;margin-top:7px;color:#91a298;font-weight:400}.setup-step.done{background:#f7fcf4}.server-notice{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;background:#fff9ed;border:1px solid #efdfb8;border-radius:11px;margin-bottom:20px}.server-notice strong{font-size:13px;color:#8a6425}.server-notice p{font-size:11px;color:#9c8c6b;line-height:1.8;margin-top:6px;max-width:650px}.server-notice.uncertain{background:#fff1e8;border-color:#efd7c3}.sync-overlay{position:fixed;inset:0;z-index:10000;background:#eff6f066;backdrop-filter:blur(1px);display:grid;place-items:center;cursor:wait}.sync-overlay>div{background:white;border:1px solid #e3ece4;border-radius:14px;box-shadow:0 18px 65px #163e2b1f;padding:25px 32px;text-align:center}.sync-overlay strong{font-size:13px;font-weight:550;display:block;margin-top:12px}.sync-overlay small{font-size:10px;color:#8b9e92;display:block;margin-top:8px}.sync-spinner{width:25px;height:25px;border:2px solid #e1eee4;border-top-color:#278467;display:inline-block;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.startup-error{max-width:640px;margin:12vh auto;background:#fff;border-radius:20px;padding:44px;text-align:center}.startup-error .brand-icon{margin:0 auto 22px}.startup-error h1{font-size:23px}.startup-error p{color:#7e9388;font-size:13px;line-height:1.9;margin:16px 0 24px}.member-actions{flex-wrap:wrap;gap:7px}.member-actions .btn{font-size:10px}.privacy-chart-note{font-size:10px;line-height:1.8;padding-top:10px;color:#879984}.plan-wrap .plan-hero{padding:36px;background:linear-gradient(110deg,#edf7eb,#fafdf8);border:1px solid #e1ebdf;border-radius:17px;margin-bottom:24px}.plan-wrap .plan-hero h1{line-height:1.55;font-size:30px;margin:15px 0 14px}.plan-wrap .plan-hero p{color:#6d8a7c;font-size:13px}.plan-wrap .plan-section h3{margin:24px 0 10px}.plan-wrap .plan-section p{line-height:1.95}.plan-wrap .plan-section table{line-height:1.8}
@media(max-width:760px){.setup-steps{grid-template-columns:1fr}.setup-card{padding:20px}.setup-step{padding:15px}.server-notice{align-items:flex-start;flex-direction:column;padding:16px}.server-notice p{font-size:11px}.login-values{gap:16px}.startup-error{margin:7vh 18px;padding:30px 22px}.plan-wrap .plan-hero{padding:24px}.plan-wrap .plan-hero h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){.sync-spinner{animation:none}.project-card{transition:none}}

/* Settings and long export names remain usable on narrow screens. */
.backup-card { min-width: 0; }
.backup-scope { margin-top: 19px; padding: 15px 16px; border: 1px solid #deeadc; border-radius: 10px; background: #f3f8f0; }
.backup-scope strong { display: block; color: #356751; font-size: 12px; }
.backup-scope p { margin-top: 7px; color: #7c9181; font-size: 11px; line-height: 1.8; }
.backup-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.backup-actions .btn { max-width: 100%; min-height: 42px; white-space: normal; line-height: 1.6; text-align: center; }
.backup-actions .btn svg { flex-shrink: 0; }
.backup-status { margin-top: 14px; padding: 12px 14px; border-radius: 8px; font-size: 11px; line-height: 1.8; overflow-wrap: break-word; word-break: break-word; }
.backup-status.busy { background: #edf4fa; color: #59768a; }
.backup-status.success { background: #edf7ef; color: #397357; }
.backup-status.error { background: #fff1ec; color: #9c5945; }
.backup-permission { margin-top: 14px; }
.backup-formats { margin: 19px 0 0; }
.backup-formats > div { margin-top: 12px; }
.backup-formats dt { color: #4d6857; font-weight: 600; font-size: 12px; }
.backup-formats dd { margin: 6px 0 0; color: #849680; font-size: 11px; line-height: 1.85; }
.backup-privacy { margin-top: 15px; padding-bottom: 17px; border-bottom: 1px solid var(--line); color: #899b8c; font-size: 10px; line-height: 1.8; }
.settings-row > div { min-width: 0; }
.settings-row > .btn, .settings-row > .tag { flex-shrink: 0; }
.project-analysis-heading { gap: 12px; flex-wrap: wrap; }
.project-analysis-heading > .flex { flex-wrap: wrap; }
.drawer-body { min-height: 0; }
@media (max-width: 760px) {
  .page-head, .head-actions, .table-footer { flex-wrap: wrap; }
  .head-actions { max-width: 100%; }
  .page-head > div, .card-header > div { min-width: 0; }
  .table-footer { gap: 8px; line-height: 1.7; }
  .settings-row { align-items: flex-start; flex-wrap: wrap; gap: 12px; }
  .settings-row > div { flex: 1 1 210px; }
  .backup-actions { align-items: stretch; }
  .backup-actions .btn { flex: 1 1 200px; }
  .backup-scope { padding: 14px; }
  .sync-overlay > div { max-width: calc(100vw - 32px); }
  .field input, .field select, .field textarea { font-size: 16px; }
}