*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:#fff;background:#001008}body{background:radial-gradient(circle at 50% 0,#154a2b,#04190f 38%,#001008 78%);padding:18px 14px}.settings-page{width:min(680px,100%);margin:auto}header{height:68px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #786016;margin-bottom:18px}header button{width:42px;height:42px;border:1px solid #806515;border-radius:50%;background:#071a10;color:#ffd43f;font-size:28px}header b,header small{display:block}header b{font-size:22px;color:#ffd33d}header small{color:#88a995;margin-top:3px}.setting-card{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;border:1px solid #426047;border-radius:16px;background:linear-gradient(135deg,#09271a,#06180f);padding:15px}.setting-icon{width:44px;height:44px;border-radius:12px;background:#123923;display:grid;place-items:center;color:#ffd43f;font-size:24px}.setting-copy b,.setting-copy small{display:block}.setting-copy b{font-size:15px}.setting-copy small{font-size:10px;color:#88a995;margin-top:4px}.switch{width:58px;height:32px;border:1px solid #4f6655;border-radius:18px;background:#19241d;padding:3px;cursor:pointer}.switch span{display:block;width:24px;height:24px;border-radius:50%;background:#a4ada7;transition:.18s}.switch.on{background:#128946;border-color:#36d96d}.switch.on span{transform:translateX(24px);background:#fff}.hint{font-size:10px;color:#7f9988;margin:10px 4px}@media(max-width:480px){body{padding:12px 10px}.setting-card{padding:13px}.setting-copy b{font-size:14px}}