:root { color-scheme: light; --ink:#22302d; --muted:#6c7a76; --line:#d9dfdc; --surface:#fff; --bg:#eef1ee; --accent:#2f7778; --line-green:#06c755; --soft:#e5f2ed; --warn:#a46e19; --danger:#a9463f; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:var(--bg); color:var(--ink); font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.page-shell { width:min(760px,calc(100% - 28px)); margin:0 auto; padding:30px 0 56px; }
.page-head { margin-bottom:22px; }
.back-link { display:inline-block; margin-bottom:22px; color:var(--accent); font-weight:700; text-decoration:none; }
.eyebrow { margin:0 0 4px; color:#81908b; font-size:11px; font-weight:800; letter-spacing:.14em; }
h1,h2,p { margin-top:0; } h1 { margin-bottom:8px; font-size:34px; } h2 { margin-bottom:7px; font-size:20px; }
.page-head>p:last-child,.status-line,.footnote { color:var(--muted); }
.card { display:flex; justify-content:space-between; gap:24px; align-items:center; margin-top:14px; padding:22px; background:var(--surface); border:1px solid var(--line); border-radius:16px; box-shadow:0 8px 28px rgba(25,48,40,.05); }
.preferences-card { display:block; }
.section-head { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; padding-bottom:10px; }
.section-head h2 { margin-bottom:0; }
#save-state { color:var(--muted); font-size:13px; white-space:nowrap; }
.button { display:inline-flex; min-height:44px; align-items:center; justify-content:center; padding:0 18px; border:0; border-radius:10px; font-weight:800; text-decoration:none; cursor:pointer; white-space:nowrap; }
.line-button { background:var(--line-green); color:#fff; }
.button.secondary { border:1px solid var(--line); background:#fff; color:var(--ink); }
.button.disabled { opacity:.45; pointer-events:none; }
.status-dot { display:inline-block; width:9px; height:9px; margin-right:7px; border-radius:50%; background:#99a4a0; }.status-dot.ok{background:#36a06d}.status-dot.warn{background:#d4932d}
.preference-row { position:relative; display:flex; justify-content:space-between; gap:20px; align-items:center; padding:17px 0; border-top:1px solid #e7ebe9; cursor:pointer; }
.preference-row span { display:grid; gap:3px; padding-right:72px; }.preference-row small { color:var(--muted); }
.preference-row input { position:absolute; opacity:0; pointer-events:none; }
.preference-row i { position:absolute; right:0; width:48px; height:28px; border-radius:99px; background:#cbd3cf; transition:.18s; }
.preference-row i::after { content:""; position:absolute; width:22px; height:22px; top:3px; left:3px; border-radius:50%; background:white; box-shadow:0 1px 3px rgba(0,0,0,.2); transition:.18s; }
.preference-row input:checked+i { background:var(--accent); }.preference-row input:checked+i::after { transform:translateX(20px); }.preference-row input:disabled+i { opacity:.45; }
.notice { margin:10px 0; padding:13px 16px; border-left:4px solid var(--accent); border-radius:8px; background:#f8faf9; }.notice.success{background:var(--soft)}.notice.pending{border-color:var(--warn);background:#faf4e9}.notice.error{border-color:var(--danger);background:#f9eae8}.error-text{color:var(--danger)!important}
.footnote { margin:20px 4px 0; font-size:13px; }
@media (max-width:600px) { .page-shell{width:min(100% - 20px,760px);padding-top:20px}.card{align-items:stretch;flex-direction:column;padding:18px}.account-card .button{width:100%}.preference-row{min-height:76px}.preference-row span{padding-right:58px}h1{font-size:29px} }