/* Neutral charcoal surfaces. Light theme and responsive geometry stay intact. */
:root[data-theme=dark]{color-scheme:dark;--bg:#101113;--surface:#191b1f;--surface-raised:#22252a;--soft:#23262c;--glass:rgba(25,27,31,.94);--ink:#f1f2f4;--muted:#a6abb5;--line:#303339;--pale:#222d3e;--blue:#91baff;--blue-dark:#3979e6;--scroll-track:#101113}
:root[data-theme=dark] body{background:var(--bg);color:var(--ink)}
:root[data-theme=dark] .card{box-shadow:0 3px 18px #00000012;border-color:#ffffff0d}
:root[data-theme=dark] :is(.sidebar,.topbar,.mobile-nav){border-color:#ffffff0d}
:root[data-theme=dark] .sidebar{background:#15171a}
:root[data-theme=dark] :is(.topbar,.mobile-nav){background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
:root[data-theme=dark] :is(.inbox,.profile-tabs){background:var(--surface)}
:root[data-theme=dark] :is(input,textarea,select,.global-search){background:#121417;border-color:#ffffff12;color:var(--ink)}
:root[data-theme=dark] :is(input,textarea)::placeholder{color:#9399a4}
:root[data-theme=dark] :is(input,textarea,select):focus{border-color:#709fe8;box-shadow:0 0 0 3px #709fe817}
:root[data-theme=dark] :is(.nav a:hover,.btn:hover,.icon-btn:hover){background:#ffffff08}
:root[data-theme=dark] :is(.nav a.active,.profile-tabs>button.active){background:#7faeff13;color:#a7c8ff}
:root[data-theme=dark] :is(.primary,.mobile-nav .new,.bubble.mine){background:#326bce;color:#fff;box-shadow:none}
:root[data-theme=dark] .primary:hover{background:#3e7ade}
:root[data-theme=dark] .btn.outline{background:#ffffff04;border-color:#ffffff18}
:root[data-theme=dark] .secondary{background:#80aaff13;color:#a7c8ff}
:root[data-theme=dark] :is(.avatar,.profile-cover){background:#2c3038}
:root[data-theme=dark] :is(.music-result[aria-pressed=true],.destination-options button[aria-checked=true]){background:#81adf218;border-color:#709fe8}
:root[data-theme=dark] .unread{background:#8bb4ff0a;border-color:#ffffff0c}
:root[data-theme=dark] .bubble:not(.mine){background:#25282e;color:#edf0f5}
:root[data-theme=dark] dialog{border:1px solid #ffffff14;box-shadow:0 30px 100px #0009}
:root[data-theme=dark] dialog::backdrop{background:#060709b8;backdrop-filter:blur(7px)}
:root[data-theme=dark] :is(.danger,.form-error,.editor-error){background:#ee6f8314;color:#ffabb8}
:root[data-theme=dark] :is(.post-actions,.composer-actions,.notification,.chat-head,.message-form){border-color:#ffffff0d}
:root[data-theme=dark] .divider{background:#ffffff0d}
:root[data-theme=dark] ::selection{background:#7b9fe64d;color:#fff}
.push-card{padding:26px;display:grid;gap:20px;overflow:hidden}
.push-heading{display:flex;align-items:center;gap:13px}.push-heading h2{font-size:20px;letter-spacing:-.5px}.push-icon{width:46px;height:46px;display:grid;place-items:center;background:var(--pale);color:var(--blue);border-radius:15px;flex-shrink:0}.push-eyebrow{font-size:10px;font-weight:750;letter-spacing:1.6px;color:var(--muted)}
.push-status{margin-left:auto;background:var(--pale);color:var(--muted);padding:5px 9px;border-radius:30px;font-size:11px;font-weight:650;white-space:nowrap}.push-status.is-active{background:#24835415;color:#248354}
.push-preview{border:1px solid var(--line);background:var(--bg);border-radius:20px;display:flex;align-items:center;gap:12px;padding:17px}.push-preview img{width:42px;height:42px;border-radius:11px}.push-preview>div{flex:1;min-width:0}.push-preview small{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.8px;margin-bottom:3px}.push-preview small span{letter-spacing:0}.push-preview strong{font-size:14px}.push-preview p{font-size:13px;color:var(--muted)}
#push-controls{display:grid;gap:16px}.push-install{border:1px solid var(--line);border-radius:16px;padding:18px}.push-install ol{padding-left:20px;margin:12px 0;color:var(--muted);display:grid;gap:10px;font-size:14px}.push-install b{color:var(--ink)}
.push-option{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:1px solid var(--line);cursor:pointer}.push-option:first-child{padding-top:0}.push-option:last-child{border:0}.push-option>span{display:grid;gap:3px}.push-option strong{font-size:14px}.push-option small{font-size:12px;font-weight:400;line-height:1.5}
.push-option input{appearance:none;-webkit-appearance:none;width:46px;height:28px;min-width:46px;border:1px solid var(--line);border-radius:30px;background:#9aa0aa;padding:0;position:relative;cursor:pointer;transition:background .2s}.push-option input:after{content:"";position:absolute;width:22px;height:22px;top:2px;left:2px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:transform .2s}.push-option input:checked{background:#3275e6;border-color:#3275e6}.push-option input:checked:after{transform:translateX(18px)}.push-option input:focus-visible{outline:3px solid #80aaff80;outline-offset:3px}.push-option input:disabled{opacity:.6}
.push-actions{display:flex;gap:10px;flex-wrap:wrap}.push-actions .btn{flex:1}.push-footnote{line-height:1.6}
:root[data-theme=dark] .push-status.is-active{background:#67d7a515;color:#8cdbb2}
:root[data-theme=dark] .push-preview{background:linear-gradient(120deg,#282b31,#212329);border-color:#ffffff0b;box-shadow:0 8px 22px #0002}
:root[data-theme=dark] .push-option input:not(:checked){background:#464b54}
@media(max-width:600px){.push-card{padding:20px}.push-heading{flex-wrap:wrap;gap:10px}.push-heading h2{font-size:18px}.push-status{margin-left:0}.push-preview{padding:14px}.push-actions{flex-direction:column}.push-option{gap:16px}}
@media(prefers-reduced-motion:reduce){.push-option input,.push-option input:after{transition:none}}