:root { color-scheme: light; }
.theme-toggle { width:36px; height:36px; padding:7px; display:grid; place-items:center; flex-shrink:0; border-radius:10px; }
.theme-toggle svg { width:22px; height:22px; grid-area:1/1; }
.theme-toggle .theme-sun { display:none; }
.theme-toggle:hover { background:var(--soft-green); color:var(--green-dark); }
.theme-toggle:focus-visible { outline:2px solid var(--green); outline-offset:3px; }
:root[data-theme="dark"] {
    color-scheme:dark;
    --bg:#141522;
    --surface:#1e2032;
    --ink:#eeedf7;
    --muted:#adb0c7;
    --line:#36394f;
    --green:#aa9cff;
    --green-dark:#bcafff;
    --soft-green:#302b50;
    --shadow:0 12px 35px rgba(5,6,15,.2);
}
[data-theme="dark"] .theme-moon { display:none; }
[data-theme="dark"] .theme-sun { display:block; }
[data-theme="dark"] body { background:radial-gradient(ellipse at 75% -15%,#2b254b 0,transparent 38%),var(--bg); }
[data-theme="dark"] .topbar,
[data-theme="dark"] .sidebar { background:rgba(30,32,50,.95); border-color:var(--line); }
[data-theme="dark"] :is(.story-strip,.composer,.post-card,.widget,.game-card,.profile-card,.chat-layout,.empty-state,.outline-button,.logout-button,.notification-panel,.notification-item,.prediction-item,.fixture-day,.fixture-date-label input,.fixture-filters select,.fixture-search,.prediction-tab,.market-group,.follow-search input,.follow-user,.home-user-search .follow-search,.home-user-results,.profile-edit-dialog,.api-key-dialog,.prediction-slip,.auth-card) { background:var(--surface); border-color:var(--line); color:var(--ink); }
[data-theme="dark"] :is(input,textarea,select) { color:var(--ink); }
[data-theme="dark"] :is(.composer textarea,.comment-form input,.chat-form input,.profile-edit-dialog input:not([type=file]),.profile-edit-dialog textarea,.api-key-dialog input,.auth-form input) { background:var(--bg); border-color:var(--line); }
[data-theme="dark"] ::placeholder { color:var(--muted); opacity:1; }
[data-theme="dark"] :is(.search-box,.chat-search,.match-chip,.fixture-details,.prediction-choice,.market-option,.message,.auth-tabs) { background:#27293f; color:var(--muted); }
[data-theme="dark"] :is(.nav-link,.icon-button,.post-copy,.story,.composer-bottom,.feed-toolbar select,.post-actions button,.comment-item,.profile-name p,.profile-stats small,.auth-form label,.auth-heading>p:last-child,.auth-disclaimer,.chat-person,.game-meta,.game-score small,.message small,.footer-note) { color:var(--muted); }
[data-theme="dark"] :is(.auth-heading h1,.chat-person strong) { color:var(--ink); }
[data-theme="dark"] :is(.nav-link.active,.nav-link:hover,.chat-person.selected,.chat-person:hover,.fixture-day.active,.prediction-tab.active,.prediction-choice.selected,.market-option.selected,.message.sent,.follow-toggle.following,.auth-tab.active,.notification-item.unread) { background:var(--soft-green); color:var(--green-dark); border-color:#63558f; }
[data-theme="dark"] :is(.eyebrow,.add-ring,.theme-toggle:hover) { color:var(--green); }
[data-theme="dark"] :is(.avatar,.avatar-small,.profile-edit-preview) { background:#363052; color:#d4caff; }
[data-theme="dark"] :is(.profile-avatar,.prediction-follower-avatar) { border-color:var(--surface); }
[data-theme="dark"] .prediction-note { background:#332d20; border-color:#615139; color:#e4cb91; }
[data-theme="dark"] .prediction-status.pending { background:#40361e; color:#f1d38c; }
[data-theme="dark"] .prediction-status.won { background:#1c3d33; color:#8fdfb9; }
[data-theme="dark"] .prediction-status.lost { background:#432935; color:#ffa8b6; }
[data-theme="dark"] :is(.prediction-submit,.market-save,.chat-form button) { background:#6b57dd; color:#fff; }
[data-theme="dark"] .post-actions .liked { color:#ff95ad; }
@media(max-width:390px) {
    .top-actions { gap:5px; }
    .theme-toggle { width:32px; height:32px; padding:5px; }
}
.settings-button { display:inline-flex; align-items:center; gap:8px; }
.settings-button svg { width:18px; height:18px; }
.settings-panel { width:100%; max-width:100%; height:100%; max-height:100%; margin:0; padding:0; border:0; background:var(--bg); color:var(--ink); }
.settings-panel::backdrop { background:rgba(15,14,35,.55); }
.settings-panel[open] { animation:page-in .2s ease-out; }
.settings-shell { width:min(760px,100%); height:100%; margin:0 auto; padding:24px 20px 40px; overflow-y:auto; display:flex; flex-direction:column; gap:22px; }
.settings-header { display:flex; align-items:center; gap:14px; }
.settings-header > div { flex:1; }
.settings-header h2 { margin:4px 0 0; font-size:26px; letter-spacing:-.6px; }
.settings-back, .settings-close { width:42px; height:42px; flex-shrink:0; border:1px solid var(--line); border-radius:12px; background:var(--surface); color:var(--ink); font-size:22px; line-height:1; cursor:pointer; }
.settings-back:hover, .settings-close:hover { background:var(--soft-green); color:var(--green-dark); }
.settings-menu { display:flex; flex-direction:column; gap:10px; }
.settings-menu button { display:flex; align-items:center; gap:16px; width:100%; padding:18px 20px; text-align:left; border:1px solid var(--line); border-radius:16px; background:var(--surface); color:var(--ink); font:inherit; cursor:pointer; box-shadow:var(--shadow); transition:border-color .15s, transform .15s; }
.settings-menu button:hover { border-color:var(--green); transform:translateY(-1px); }
.settings-menu button > span:nth-child(2) { flex:1; display:flex; flex-direction:column; gap:3px; }
.settings-menu strong { font-size:15px; }
.settings-menu small { color:var(--muted); font-size:12px; }
.settings-menu button > span:last-child { font-size:24px; color:var(--muted); }
.settings-num { width:36px; height:36px; display:grid; place-items:center; border-radius:11px; background:var(--soft-green); color:var(--green-dark); font-weight:700; }
.settings-card { padding:24px; border:1px solid var(--line); border-radius:18px; background:var(--surface); box-shadow:var(--shadow); }
.settings-form { display:flex; flex-direction:column; gap:16px; }
.settings-form label { display:flex; flex-direction:column; gap:7px; font-size:13px; font-weight:600; color:var(--muted); }
.settings-form input:not([type=file]), .settings-form textarea { padding:12px 14px; border:1px solid var(--line); border-radius:11px; background:var(--bg); color:var(--ink); font:inherit; font-size:14px; }
.settings-form input:focus, .settings-form textarea:focus { outline:2px solid var(--green); outline-offset:1px; }
.settings-form textarea { resize:vertical; }
.settings-form small { font-weight:400; }
.settings-message { min-height:18px; margin:0; color:#d6455d; font-size:13px; }
.info-card { display:flex; flex-direction:column; align-items:center; gap:22px; }
.info-card .profile-avatar { position:static; margin:0; width:88px; height:88px; font-size:22px; }
.info-list { width:100%; margin:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px; }
.info-list div { padding:14px 16px; border-radius:12px; background:var(--bg); }
.info-list dt { font-size:12px; color:var(--muted); }
.info-list dd { margin:4px 0 0; font-weight:700; word-break:break-word; }
.language-list { display:flex; flex-direction:column; gap:10px; }
.language-option { display:flex; align-items:center; gap:14px; padding:15px 16px; border:1px solid var(--line); border-radius:13px; cursor:pointer; }
.language-option:has(input:checked) { border-color:var(--green); background:var(--soft-green); }
.language-option input { accent-color:var(--green); width:18px; height:18px; }
.language-option span { flex:1; display:flex; justify-content:space-between; }
.language-option small { color:var(--muted); }
.settings-lead { margin:0 0 16px; color:var(--muted); line-height:1.6; }
.contact-list { list-style:none; margin:0 0 20px; padding:0; display:flex; flex-direction:column; gap:10px; }
.contact-list li { display:flex; justify-content:space-between; gap:12px; padding:13px 16px; border-radius:12px; background:var(--bg); font-size:14px; }
.contact-list span { color:var(--muted); }
.contact-list a { color:var(--green); font-weight:700; }
@media(max-width:560px) { .settings-button span { display:none; } .settings-card { padding:18px; } }