:root { color-scheme: dark; --gold: #c39d5c; --text: #e6e0d4; --muted: #8d9295; font-family: Georgia, "Times New Roman", serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; color: var(--text); background: radial-gradient(circle at 70% 0, #2a251c, #0d1014 45%); }
.account-shell { max-width: 860px; margin: 0 auto; padding: 48px 22px 64px; }
.brand { display: flex; align-items: center; gap: 12px; color: #e3cb8f; letter-spacing: .08em; font-variant: small-caps; }
.lead { max-width: 38rem; color: #b8b1a4; line-height: 1.6; }
[hidden] { display: none !important; }
.panels { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 28px; }
section { padding: 24px; border: 1px solid #3d3830; background: #16191e; }
.eyebrow { margin: 0 0 8px; color: var(--gold); font: 700 .68rem/1.2 system-ui, sans-serif; letter-spacing: .16em; text-transform: uppercase; }
h1 { margin: 0 0 18px; font-weight: 400; }
.stack { display: grid; gap: 12px; }
label { display: grid; gap: 6px; color: var(--muted); font: .78rem system-ui, sans-serif; }
input { padding: 10px 12px; border: 1px solid #454b51; background: #0e1115; color: #eee; font: 1rem Georgia, serif; }
.primary { padding: 11px 14px; border: 1px solid #a98a51; background: #725a31; color: #f3e6c8; cursor: pointer; }
.status { margin-top: 18px; color: #d7b36a; }
.status.error { color: #d27a72; }
.check-label { grid-template-columns: auto 1fr; align-items: start; }
.check-label input { width: auto; margin-top: 3px; }
.check-label a { color: #cbb98e; }
.legal section { margin-top: 18px; padding: 20px 22px; }
.legal h2 { margin: 0 0 10px; font: 400 1.15rem Georgia, serif; color: #e3cb8f; }
.legal p, .legal li { color: #c8c2b6; line-height: 1.65; }
.legal ul { margin: 0 0 12px; padding-left: 1.2rem; }
.muted { color: #b8b1a4; line-height: 1.55; }
.forgot-link { margin: 14px 0 0; }
.forgot-link a { color: #cbb98e; }
#profile-panel, #forgot-panel, #reset-panel, #totp-panel { margin-top: 28px; padding: 24px; border: 1px solid #3d3830; background: #16191e; }
.profile-head { display: flex; align-items: center; gap: 18px; margin-bottom: 22px; }
.profile-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.hint { margin: 0; color: #8d9295; font: .72rem system-ui, sans-serif; }
textarea { min-height: 5.5rem; padding: 10px 12px; border: 1px solid #454b51; background: #0e1115; color: #eee; font: 1rem Georgia, serif; resize: vertical; }
.file-label input { margin-top: 6px; }
.secret { margin: 0; padding: 10px 12px; border: 1px dashed #8a7348; color: #e3cb8f; letter-spacing: .12em; font: 700 .95rem/1.4 ui-monospace, monospace; }
.otpauth { color: #cbb98e; }
.ghost { padding: 10px 12px; border: 1px solid #5b554a; background: transparent; color: #c6bda9; cursor: pointer; }
.token { --token-hue: 38; display: inline-grid; place-items: center; width: 2.2rem; aspect-ratio: 1; border-radius: 50%; border: 3px solid #e3c37a; background:
  radial-gradient(circle at 30% 24%, #fff6d8 0 14%, transparent 28%),
  radial-gradient(circle at 32% 28%, #f3e6c8, hsl(var(--token-hue) 38% 24%) 62%, #120e0a);
  box-shadow: inset 0 0 0 3px #2a2218, inset 0 -6px 10px #0006, 0 6px 14px #0008; color: #f3e6c8; font: 700 .7rem/1 Georgia, serif; overflow: hidden; }
.token span { grid-area: 1 / 1; }
.token img { grid-area: 1 / 1; width: 100%; height: 100%; object-fit: cover; }
.token.has-image span { display: none; }
.token-sm { width: 1.7rem; font-size: .58rem; border-width: 2px; }
.token-lg { width: 5.4rem; font-size: 1.4rem; border-width: 4px; box-shadow: inset 0 0 0 4px #2a2218, inset 0 -8px 14px #0006, 0 8px 18px #0008; }
.profile-preview { margin-bottom: 22px; padding: 16px 18px; border: 1px solid #4a4032; background: linear-gradient(180deg, #221c18, #16141a); }
.shop-author-row { display: flex; align-items: flex-start; gap: 10px; }
.shop-author { margin: 0; color: #bba98e; font: .78rem system-ui, sans-serif; }
.shop-author-bio { margin: 3px 0 0; color: #9c9486; font: .72rem/1.4 system-ui, sans-serif; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.shop-author-bio.is-empty { font-style: italic; }
.hue-swatches { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0; }
.hue-swatch { width: 1.7rem; aspect-ratio: 1; padding: 0; border: 2px solid #6b5b3d; border-radius: 50%; background: radial-gradient(circle at 32% 28%, #f3e6c8, hsl(var(--token-hue) 38% 24%) 64%, #16110c); cursor: pointer; }
.hue-swatch.is-selected, .hue-swatch:hover { border-color: #e3c37a; box-shadow: 0 0 0 2px #2a2218, 0 0 0 4px #c39d5c; }
.inline-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
input[type=range] { width: 100%; accent-color: #c39d5c; }
#password-form { margin-top: 8px; padding-top: 16px; border-top: 1px solid #3d3830; }
#logout { margin-top: 18px; background: transparent; }
@media (max-width: 720px) { .profile-grid { grid-template-columns: 1fr; } }
nav { display: flex; gap: 18px; margin-top: 28px; }
nav a { color: #cbb98e; }
@media (max-width: 720px) { .panels { grid-template-columns: 1fr; } }