.auth-delete {
  display: block;
  width: 100%;
  margin-top: 22px;
  padding-top: 14px;
  border: 0;
  border-top: 1px solid var(--line);
  background: transparent;
  color: #a5675e;
  font: inherit;
  font-size: 11px;
  cursor: pointer;
}

.auth-delete:disabled {
  opacity: .55;
  cursor: wait;
}

.account-card { width:min(480px,100%); }
.account-identity { display:flex; align-items:center; gap:11px; margin:22px 0 14px; }
.account-avatar { display:grid; place-items:center; flex:0 0 auto; width:40px; height:40px; border-radius:50%; background:#ddceb4; color:#624f39; font-size:15px; font-weight:700; }
.account-identity strong,.account-identity small { display:block; }
.account-identity strong { color:var(--ink); font-size:13px; }
.account-identity small { margin-top:3px; color:var(--muted); font-size:11px; }
.account-sync { margin-left:auto; padding:5px 8px; border-radius:999px; background:var(--accent-soft); color:var(--accent); font-size:10px; font-weight:650; }
.plan-card { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:16px; border:1px solid #d7e4d2; border-radius:12px; background:linear-gradient(135deg,#f3f8f0,#fbfaf4); }
.plan-card strong,.plan-card small { display:block; }
.plan-kicker { display:block; margin-bottom:7px; color:#82907d; font-size:10px; font-weight:650; }
.plan-card strong { color:var(--ink); font-size:16px; }
.plan-card small { margin-top:5px; color:var(--muted); font-size:11px; }
.plan-badge { padding:5px 8px; border-radius:999px; background:#deecd9; color:#587054; font-size:10px; font-weight:700; white-space:nowrap; }
.billing-note { margin:11px 2px 16px; color:var(--muted); font-size:11px; line-height:1.65; }
.web-subscription-card { display:grid; gap:10px; padding:14px; border:1px solid #d7e4d2; border-radius:12px; background:linear-gradient(135deg,#f7faf5,#fffdf8); }
.web-subscription-card > div:first-child { display:grid; gap:3px; }.web-subscription-card small { color:var(--muted); font-size:11px; }.web-subscription-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.web-subscription-option { padding:9px; border:1px solid #dfe8db; border-radius:10px; background:#fff; display:grid; gap:3px; }.web-subscription-option strong { font-size:12px; }.web-subscription-option span { color:var(--accent); font-size:11px; }
.account-usage { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.account-usage>div { padding:12px 11px; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.42); }
.account-usage strong,.account-usage span { display:block; }
.account-usage strong { color:var(--accent); font-size:19px; letter-spacing:-.04em; }
.account-usage span { margin-top:3px; color:var(--muted); font-size:10px; }
.account-actions { margin-top:18px; border-top:1px solid var(--line); }
.account-action { display:flex; align-items:center; width:100%; gap:10px; padding:13px 2px; border:0; border-bottom:1px solid var(--line); background:transparent; color:var(--ink); text-align:left; font:inherit; cursor:pointer; }
.account-action>span:first-child { display:grid; place-items:center; width:26px; height:26px; border-radius:8px; background:var(--accent-soft); color:var(--accent); font-size:15px; }
.account-action span:nth-child(2) { flex:1; }
.account-action strong,.account-action small { display:block; }
.account-action strong { font-size:12px; }
.account-action small { margin-top:3px; color:var(--muted); font-size:10px; }
.account-action b { color:#a8b4a4; font-size:15px; font-weight:500; }
.account-status { min-height:15px; margin:12px 0 -2px; color:#a5675e; font-size:11px; }
.account-logout { margin-top:17px; text-align:left; }
.settings-legal-links { display:flex; flex-wrap:wrap; gap:8px 14px; margin-top:18px; padding-top:14px; border-top:1px solid var(--line); font-size:12px; }
.settings-legal-links a { color:var(--muted); text-decoration:none; }
.settings-legal-links a:hover { color:var(--accent); }
body.night .plan-card { border-color:#465846; background:linear-gradient(135deg,#303b30,#34352d); }
body.night .account-usage>div { background:rgba(255,255,255,.03); }

.device-sessions { margin-top:17px; padding:14px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.3); }
.device-sessions-heading { display:flex; align-items:flex-start; gap:10px; }
.device-sessions-heading>div { flex:1; }.device-sessions-heading strong,.device-sessions-heading small { display:block; }
.device-sessions-heading strong { font-size:12px; }.device-sessions-heading small { margin-top:4px; color:var(--muted); font-size:10px; line-height:1.45; }
.session-revoke-others { flex:0 0 auto; padding:6px 8px; border:1px solid #d8e3d3; border-radius:7px; background:var(--surface); color:var(--accent); font:inherit; font-size:10px; cursor:pointer; }
.device-session-list { display:grid; gap:8px; margin-top:13px; }.device-session-list>p { margin:0; color:var(--muted); font-size:10px; }
.device-session-row { display:flex; align-items:center; gap:9px; padding-top:8px; border-top:1px solid var(--line); }.device-session-row:first-child { border-top:0; padding-top:0; }
.device-session-icon { display:grid; place-items:center; width:25px; height:25px; border-radius:8px; background:var(--accent-soft); color:var(--accent); font-size:12px; }.device-session-copy { min-width:0; flex:1; }.device-session-copy strong,.device-session-copy small { display:block; }.device-session-copy strong { overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.device-session-copy small { margin-top:2px; color:var(--muted); font-size:9px; }.device-session-current { color:var(--accent)!important; }
.session-revoke { border:0; background:transparent; color:#a5675e; font:inherit; font-size:10px; cursor:pointer; }
body.night .device-sessions { background:rgba(255,255,255,.03); }
.web-preferences { display:grid; gap:11px; margin:15px 0; }.web-preferences>label { display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--muted); font-size:11px; }.web-preferences select,.web-preferences button { padding:7px 9px; border:1px solid var(--line); border-radius:7px; background:var(--surface); color:var(--ink); font:inherit; font-size:11px; }.web-preferences .lock-setting { align-items:flex-start; padding-top:3px; }.lock-setting span { display:grid; gap:3px; }.lock-setting strong { color:var(--ink); font-size:11px; }.lock-setting small { max-width:240px; color:var(--muted); font-size:10px; line-height:1.45; }.settings-divider { height:1px; margin:18px 0 13px; background:var(--line); }.settings-section-title { margin:0 0 2px; color:var(--ink); font-size:12px; font-weight:700; }
.screen-lock { position:fixed; z-index:30; inset:0; display:grid; place-items:center; padding:20px; background:rgba(22,27,21,.86); backdrop-filter:blur(16px); }.screen-lock-card { width:min(360px,100%); padding:30px; border:1px solid rgba(255,255,255,.16); border-radius:20px; background:rgba(38,44,37,.82); box-shadow:0 26px 80px rgba(0,0,0,.4); color:#f3f5f0; text-align:center; }.screen-lock-icon { display:grid; place-items:center; width:38px; height:38px; margin:0 auto 14px; border-radius:12px; background:#b7d0af; color:#30472e; font-size:19px; }.screen-lock-card h2 { margin:0; font-size:20px; }.screen-lock-card p:not(.auth-error) { margin:8px 0 18px; color:#c2c9bf; font-size:12px; line-height:1.6; }.screen-lock-card input { width:100%; padding:11px 12px; border:1px solid rgba(255,255,255,.18); border-radius:9px; outline:0; background:rgba(255,255,255,.08); color:white; font:inherit; }.screen-lock-card .auth-submit { margin-top:8px; }.screen-lock-card .auth-error { margin:8px 0 -2px; }
html.memoflow-text-large .memo-content,html.memoflow-text-large .composer textarea { font-size:17px; } html.memoflow-text-large .memo-detail-body p { font-size:16px; }

.mobile-more-card { width:min(410px,100%); }
.mobile-more-actions { display:grid; margin-top:8px; border-top:1px solid var(--line); }
.mobile-more-actions>button { display:flex; align-items:center; gap:11px; min-height:56px; padding:10px 2px; border:0; border-bottom:1px solid var(--line); background:transparent; color:var(--ink); text-align:left; font:inherit; cursor:pointer; }
.mobile-more-actions>button>span:first-child { display:grid; place-items:center; width:30px; height:30px; border-radius:9px; background:var(--accent-soft); color:var(--accent); font-size:15px; }
.mobile-more-actions>button>span:nth-child(2) { flex:1; }
.mobile-more-actions strong,.mobile-more-actions small { display:block; }
.mobile-more-actions strong { font-size:12px; }
.mobile-more-actions small { margin-top:3px; color:var(--muted); font-size:10px; }
.mobile-more-actions b { color:var(--muted); font-size:14px; font-weight:500; }

@media(max-width:700px) {
  .mobile-more-card { align-self:end; width:calc(100% + 40px); margin:-20px; padding:25px 25px calc(24px + env(safe-area-inset-bottom)); border-radius:22px 22px 0 0; }
}