Something went wrong. Try again.
gotta store my records
Something went wrong. Try again.
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879/* --- settings ----------------------------------------------------------- *//* The EDIT INBOX row: a 50px tap target with the card elevation treatment. */.settings-row { display: flex; align-items: center; gap: 10px; height: 50px; padding: 0 14px; background: var(--surface); border: 2px solid var(--ink); box-shadow: var(--shadow-sm); margin-bottom: 16px; font: 700 12px/1 var(--mono); letter-spacing: 0.5px; text-transform: uppercase; color: var(--ink); text-decoration: none; transition: transform 0.04s ease, box-shadow 0.04s ease;}.settings-row:active { transform: translate(2px, 2px); box-shadow: var(--shadow-xs);}.settings-row:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px;}.settings-row__spacer { flex: 1;}.settings-row__chevron { color: var(--ink-muted); font-size: 18px; line-height: 1;}/* The segment closes the row's right edge rather than floating 14px inside it, so the row's own border is the active option's ink edge; its right border there would double the row's, and its shadow would fall outside the row. */.settings-row:has(> .segment) { padding-right: 0;}.settings-row .segment { align-self: stretch; border-right: none; box-shadow: none;}/* Pins the import buttons' width so the busy label swap doesn't reflow the row. */.btn--import { min-width: calc(18ch + 32px);}.settings-account { display: flex; align-items: center; gap: 14px; margin-bottom: 16px;}.avatar--lg { width: 56px; height: 56px; font-size: 24px;}.settings-account__text { min-width: 0;}.settings-account__handle { margin: 0 0 2px; font: 700 16px/1.2 var(--mono); letter-spacing: 0.3px; word-break: break-all;}.settings-account__sub { margin: 0; font: 400 12px/1.3 var(--mono); color: var(--ink-muted);}