.settings-page{width:min(1120px,100%);margin:0 auto;padding:24px 40px 96px}.settings-topnav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-bottom:24px;display:flex}.settings-topnav>span{font:600 24px/1 var(--font-display), sans-serif}.settings-heading{padding:40px 0 32px}.settings-heading h1{font:600 clamp(40px, 5.5vw, 64px)/1 var(--font-display), sans-serif;letter-spacing:-.025em;margin:0}.settings-heading p{color:var(--muted);font-size:var(--text-md);overflow-wrap:anywhere;margin:12px 0 0}.settings-banner{background:var(--green-surface);color:#d5ecd6;border:1px solid #3f5c41;border-radius:6px;margin:0 0 32px;padding:14px 16px}.settings-banner.error{background:var(--red-surface);color:#ffd0c8;border-color:#75473f}.settings-layout{grid-template-columns:184px minmax(0,1fr);align-items:start;gap:56px;display:grid}.settings-toc{position:sticky;top:24px}.settings-toc ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.settings-toc a{border-radius:var(--radius);color:var(--muted);font-size:var(--text-base);padding:8px 12px;text-decoration:none;transition:background-color .14s cubic-bezier(.22,1,.36,1),color .14s cubic-bezier(.22,1,.36,1);display:block}.settings-toc a:hover{background:var(--panel);color:var(--ink)}.settings-toc li:last-child a{color:#e7a79d}.settings-body{min-width:0;max-width:760px}.settings-section{border-top:1px solid var(--line);padding:32px 0 40px;scroll-margin-top:24px}.settings-section:first-child{border-top:0;padding-top:0}.settings-section>header{margin-bottom:8px}.settings-section h2{font:600 28px/1.1 var(--font-display), sans-serif;letter-spacing:-.01em;margin:0}.settings-section>header p{max-width:60ch;color:var(--muted);margin:8px 0 0}.settings-rows{display:grid}.settings-row{border-bottom:1px solid var(--line);grid-template-columns:148px minmax(0,1fr);align-items:start;gap:8px 24px;padding:20px 0;display:grid}.settings-row:last-child{border-bottom:0}.settings-row>label,.settings-label{color:var(--ink);padding-top:10px;font-weight:600}.settings-control{gap:8px;min-width:0;display:grid}.settings-inline{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.settings-inline.between{justify-content:space-between}.settings-inline.end{justify-content:flex-end}.settings-inline input{border:1px solid var(--line-bright);border-radius:var(--radius);background:var(--ground);min-width:0;min-height:40px;color:var(--ink);font:inherit;flex:220px;padding:8px 12px;transition:border-color .14s cubic-bezier(.22,1,.36,1)}.settings-inline input:hover{border-color:var(--muted)}.settings-inline input:focus-visible{border-color:var(--focus);outline:2px solid var(--focus);outline-offset:1px}.settings-value{overflow-wrap:anywhere;min-width:0;padding:10px 0}.settings-value.muted,.settings-copy{color:var(--muted)}.settings-meter{border-radius:var(--radius);max-width:320px;overflow:hidden}.settings-copy{max-width:60ch;margin:0;padding-top:10px}.settings-status{min-height:0;color:var(--green);font-size:var(--text-sm);margin:0}.settings-status:empty{display:none}.settings-status.error{color:#ffc1b9}.settings-identity{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:20px 0;display:flex}.settings-identity>div{gap:2px;min-width:0;display:grid}.settings-identity strong{font-size:var(--text-md);overflow-wrap:anywhere}.settings-identity span:not(.settings-monogram){color:var(--muted);font-size:var(--text-sm)}.settings-monogram{border:1px solid var(--line-bright);background:var(--panel-raised);width:56px;height:56px;color:var(--ink);font:600 22px/1 var(--font-display), sans-serif;letter-spacing:.02em;border-radius:50%;flex:0 0 56px;place-items:center;display:grid}.settings-methods{gap:12px;margin:0;padding:10px 0 0;list-style:none;display:grid}.settings-methods li{align-items:flex-start;gap:12px;display:flex}.settings-methods li>.icon{width:18px;height:18px;color:var(--green);flex:0 0 18px;margin-top:2px}.settings-methods li.off>.icon{color:var(--quiet)}.settings-methods li>div{gap:2px;min-width:0;display:grid}.settings-methods span{color:var(--muted);font-size:var(--text-sm);overflow-wrap:anywhere}.settings-danger .account-deletion h2{color:#f2b3a9}.settings-danger .account-deletion>p{max-width:60ch;color:var(--muted);margin:8px 0 20px}.settings-danger .account-deletion .delete-confirm{background:var(--red-surface);padding:20px}.settings-danger .account-deletion .delete-confirm strong{margin-bottom:4px;display:block}.settings-danger .account-deletion .delete-confirm span{color:#f0d2cd}.settings-danger .account-deletion .button-row{margin-top:16px}html:has(.settings-page){scroll-behavior:smooth}@media (max-width:900px){.settings-layout{grid-template-columns:minmax(0,1fr);gap:0}.settings-toc{scrollbar-width:none;margin:0 -4px 24px;position:static;overflow-x:auto}.settings-toc ul{gap:4px;width:max-content;display:flex}.settings-toc a{border:1px solid var(--line);white-space:nowrap;font-size:var(--text-sm)}}@media (max-width:640px){.settings-page{padding:16px 16px 72px}.settings-heading{padding:28px 0 24px}.settings-row{grid-template-columns:minmax(0,1fr);gap:8px}.settings-row>label,.settings-label{padding-top:0}.settings-value,.settings-copy{padding:0}.settings-methods{padding-top:0}.settings-inline.end{justify-content:flex-start}.settings-inline>button,.settings-inline>a{min-height:44px}}@media (prefers-reduced-motion:reduce){.settings-toc a,.settings-inline input{transition:none}html:has(.settings-page){scroll-behavior:auto}}