.preference-page{gap:14px;display:grid}.preference-page>header{border:1px solid var(--line);background:#fff;border-radius:8px;padding:18px 20px}.preference-page>header h1{margin:4px 0 5px;font-size:24px}.preference-page>header span{color:var(--muted);font-size:13px}.preference-back{color:var(--muted);align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.preference-back:hover{color:var(--green-dark)}.preference-scope{border:1px solid var(--line);background:#fff;border-radius:7px;gap:6px;padding:15px 17px;display:grid}.preference-scope select{max-width:360px}.preference-hint{color:var(--muted);font-size:11px}.preference-push,.preference-mute{border:1px solid var(--line);background:#fff;border-radius:7px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:13px;padding:15px 17px;display:flex}.preference-push{background:var(--green-soft);border-color:#b9dcc9}.preference-push h2,.preference-mute h2{align-items:center;gap:7px;margin-bottom:3px;font-size:14px;display:flex}.preference-push p,.preference-mute p{max-width:46ch;color:var(--muted);font-size:12px}.preference-push-actions,.preference-mute-actions{flex-wrap:wrap;gap:7px;display:flex}.preference-push-actions .button,.preference-mute-actions .button{min-height:34px;padding:6px 11px;font-size:11px}.preference-status{min-height:16px;color:var(--green-dark);font-size:12px;font-weight:800}.preference-group{border:1px solid var(--line);background:#fff;border-radius:7px;padding:0 16px 14px}.preference-group h2{color:var(--green);text-transform:uppercase;margin:14px 0 8px;font-size:11px;font-weight:800}.preference-group table{border-collapse:collapse;width:100%}.preference-group thead th{border-bottom:1px solid var(--line);color:var(--muted);text-transform:uppercase;text-align:center;padding:7px 8px;font-size:10px;font-weight:800}.preference-group thead th:first-child{text-align:left}.preference-group tbody th{text-align:left;border-bottom:1px solid #eef2ef;padding:11px 10px 11px 0;font-weight:400}.preference-group tbody th strong{color:var(--ink);font-size:13px;display:block}.preference-group tbody th small{color:var(--muted);font-size:11px}.preference-group tbody td{text-align:center;border-bottom:1px solid #eef2ef;padding:11px 8px}.preference-switch{place-items:center;min-width:44px;min-height:44px;display:inline-grid}.preference-switch input{width:17px;height:17px;accent-color:var(--green)}.preference-switch input:focus-visible{outline:2px solid var(--green);outline-offset:3px}.preference-switch-label{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:700px){.preference-page>header{padding:15px 16px}.preference-page>header h1{font-size:21px}.preference-push,.preference-mute{flex-direction:column;align-items:stretch}.preference-push-actions .button,.preference-mute-actions .button{flex:1}.preference-group{padding:0 11px 11px}.preference-group tbody th small{display:none}.preference-group tbody th strong{font-size:12px}.preference-group thead th{font-size:9px}}