.preference-card{display:grid;gap:1rem}.preference-card h2,.preference-card>p{margin:0}.preference-list{display:grid;border:1px solid var(--line);border-radius:12px;overflow:hidden}.preference-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:1rem;cursor:pointer;background:var(--surface);transition:background .15s ease}.preference-row+.preference-row{border-top:1px solid var(--line)}.preference-row:hover{background:var(--page)}.preference-icon{width:2.55rem;height:2.55rem;display:grid;place-items:center;border-radius:10px;background:#d9efff;color:#0b4a6f;font-size:1.2rem}.dark .preference-icon{background:#163956;color:#bee3f8}.preference-copy{display:grid;gap:.18rem}.preference-copy strong{font-size:.98rem}.preference-copy small{color:var(--muted);line-height:1.35}.preference-row input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.preference-switch{width:3.15rem;height:1.82rem;padding:.18rem;border-radius:999px;background:#9fb3c8;display:flex;align-items:center;transition:background .18s ease}.preference-switch:before{content:'';width:1.46rem;height:1.46rem;border-radius:50%;background:#fff;box-shadow:0 1px 4px #102a4340;transition:transform .18s ease}.preference-row input:checked+.preference-switch{background:var(--blue)}.preference-row input:checked+.preference-switch:before{transform:translateX(1.32rem)}.preference-row input:focus-visible+.preference-switch{outline:3px solid color-mix(in srgb,var(--blue) 40%,transparent);outline-offset:3px}@media(max-width:420px){.preference-row{gap:.65rem;padding:.85rem}.preference-icon{width:2.3rem;height:2.3rem}.preference-copy small{font-size:.78rem}}