.notification-preferences p{font-size:12px}.notification-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:0;margin:16px 0 20px;padding:0;min-width:0}.notification-category-grid legend{font-size:12px;color:var(--muted);margin-bottom:12px}.notification-choice{display:flex;gap:10px;align-items:center;margin:0;min-height:54px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#ffffff03;font-size:11px;line-height:1.55}.notification-choice:has(input:disabled){opacity:.5}.notification-paused{color:var(--accent);font-size:11px}.notification-preferences .muted{font-size:11px}
.support-footer{flex-direction:column;align-items:center;gap:18px}.support-footer-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;max-width:1150px}.support-footer .support-footer-button{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#ffffff03;font-size:10px;transition:background .16s,border-color .16s,transform .16s}.support-footer-button svg{width:15px;height:15px;color:var(--accent)}.support-footer-button:hover{border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent);transform:translateY(-2px)}.nexrift-version{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.nexrift-version>span{opacity:1}.nexrift-version strong{font-size:8px;letter-spacing:1px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:5px;padding:4px 6px}.nexrift-version small{font-size:10px;color:var(--muted)}
.support-scene{position:relative;isolation:isolate;min-width:0;border:1px solid var(--line);border-radius:22px;padding:30px;background:linear-gradient(120deg,#171321fa,#1a1622ef),url('./assets/arena-rift.webp') center/cover;overflow:hidden;animation:nx-page-arrive .24s ease-out}.support-scene:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 100% 0,#9c79e923,transparent 55%);pointer-events:none}.support-crest{display:flex;align-items:center;gap:12px;color:var(--accent);font-size:10px;letter-spacing:1.4px;font-weight:700;margin-bottom:21px}.support-crest>svg{width:34px;height:34px;padding:7px;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:10px;background:#b89aff0b}.support-route-actions{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:23px;border-bottom:1px solid var(--line);margin-bottom:23px}.support-route-actions .btn{font-size:11px;padding:11px 14px}.support-route-actions svg{width:16px;height:16px}.support-content>.wizard{max-width:100%;margin:0}.support-content .split-heading{margin-top:0}.support-content .panel{background:#171420c9}.support-content form>button[type=submit]{min-height:45px}.support-content h1{font-size:clamp(26px,3vw,36px)}body[data-shell=public] #app>.support-scene{max-width:1100px;margin:36px auto;padding:30px}.about-nexrift{max-width:1100px;margin-inline:auto}.about-release{max-width:750px;margin-top:25px}.about-release .nexrift-version{justify-content:flex-start;font-size:17px;margin:18px 0}.about-release .nexrift-version small{font-size:12px}.about-release p{font-size:13px}.support-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.support-action-grid>a{display:grid;gap:9px;padding:20px;border-radius:14px;background:#ffffff03;border:1px solid var(--line);transition:border-color .18s,background .18s}.support-action-grid>a:hover{border-color:#b89aff55;background:#b89aff09}.support-action-grid svg{color:var(--accent);width:24px;height:24px}.support-action-grid strong{font-size:13px}.support-action-grid span{font-size:11px;color:var(--muted)}
body.support-document{background:radial-gradient(ellipse at 90% 0,#7654aa20,transparent 55%),var(--bg)}.support-document .top{justify-content:space-between;position:sticky;top:0}.support-document .legal{max-width:1000px;margin:32px auto;padding:32px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(130deg,#24202eeb,#171420f5);animation:nx-page-arrive .24s ease-out}.support-document .legal h1{margin-bottom:26px}.support-document .legal article{line-height:1.8}.support-document .legal .support-route-actions{margin-bottom:28px}.support-document footer{display:flex;flex-direction:column;align-items:center}.support-document .support-footer-actions a{padding:10px 12px;border-radius:9px;border:1px solid var(--line);background:#ffffff03}
#toast{padding:14px 42px 14px 18px;text-align:left;line-height:1.6;top:auto;bottom:24px;left:auto;right:25px;transform:none;max-width:min(420px,calc(100vw - 32px));min-width:160px;pointer-events:auto}.toast-dismiss{position:absolute;top:8px;right:8px;display:grid;place-items:center;border:0;background:transparent;width:25px;height:25px;padding:0;font-size:20px;color:var(--muted)}#toast.visible{animation:nx-toast-arrive .22s cubic-bezier(.2,.7,.2,1)}#toast.visible.is-leaving{animation:nx-toast-leave .16s ease-in forwards;pointer-events:none}
dialog{opacity:0;transform:translateY(12px) scale(.985);transition:opacity .19s ease,transform .19s ease,display .19s allow-discrete,overlay .19s allow-discrete}dialog[open]{opacity:1;transform:none}dialog::backdrop{opacity:0;transition:opacity .19s,display .19s allow-discrete,overlay .19s allow-discrete}dialog[open]::backdrop{opacity:1}@starting-style{dialog[open]{opacity:0;transform:translateY(12px) scale(.985)}dialog[open]::backdrop{opacity:0}}
@keyframes nx-toast-arrive{from{opacity:0;transform:translateX(18px) translateY(5px)}to{opacity:1;transform:none}}@keyframes nx-toast-leave{to{opacity:0;transform:translateX(14px)}}@keyframes nx-page-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
body[data-motion=reduced] *,body[data-motion=reduced] *:before,body[data-motion=reduced] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:700px){.notification-category-grid{grid-template-columns:1fr}.support-scene,body[data-shell=public] #app>.support-scene{padding:22px 18px;border-radius:15px;margin:22px 15px}.support-action-grid{grid-template-columns:1fr}.support-route-actions{gap:7px}.support-route-actions .btn{flex:1 1 42%;font-size:10px;padding:11px 8px}.support-document .legal{margin:20px 12px;padding:24px 18px;border-radius:15px}.support-footer-actions{gap:7px}.support-footer .support-footer-button{font-size:9px;padding:9px}#toast{right:16px;bottom:18px}.support-footer{padding-bottom:max(22px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.support-scene,.support-document .legal,#toast.visible,#toast.visible.is-leaving{animation:none}dialog,dialog::backdrop,.support-footer-button{transition:none!important;transform:none!important}}

/* The legal navigation marks the current page without the solid primary fill. */
.support-document .legal .support-route-actions .btn.primary {
  background: #322840;
  color: #f2ecff;
  border: 1px solid #9c7bc9;
}
