.alerts-page{max-width:960px;padding-block:28px 52px}.alerts-heading{justify-content:space-between;align-items:start;gap:20px;margin-block-end:24px;display:flex}.alerts-heading h1{font-size:calc(26px * var(--fs));margin-block:8px}.alerts-heading p,.alerts-muted{color:var(--mute)}.alerts-heading nav{flex-wrap:wrap;gap:12px;font-weight:700;display:flex}.alerts-stack{gap:16px;display:grid}.alerts-form{max-width:680px;margin-inline:auto}.alerts-form fieldset{border:0;min-inline-size:0;margin:0;padding:0}.alerts-form legend{margin-block-end:12px;font-weight:800}.alerts-types{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.alerts-fire{--alerts-color:var(--da700);--alerts-tint:var(--da50);--alerts-strong:var(--da500)}.alerts-theft{--alerts-color:var(--vi700);--alerts-tint:var(--vi100);--alerts-strong:var(--vi500)}.alerts-lost{--alerts-color:var(--wa700);--alerts-tint:var(--wa50);--alerts-strong:var(--wa500)}.alerts-type{border:1px solid var(--line);border-radius:var(--r16);background:var(--alerts-tint);min-height:100px;color:var(--alerts-color);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-weight:800;display:flex}.alerts-type[aria-pressed=true]{background:var(--alerts-strong);color:var(--on-brand);outline:2px solid var(--alerts-color);outline-offset:2px}.alerts-type svg{width:28px;height:28px}.alerts-field{gap:8px;font-weight:700;display:grid}.alerts-field input,.alerts-field textarea{border:1px solid var(--line);border-radius:var(--r12);background:var(--surface);width:100%;color:var(--ink);font:inherit;min-height:48px;padding:12px}.alerts-field textarea{resize:vertical;min-height:100px}.alerts-location{border-radius:var(--r12);background:var(--g100);color:var(--p700);justify-content:center;align-items:center;gap:10px;padding:20px;display:flex}.alerts-location a{text-decoration:underline}.alerts-chips{flex-wrap:wrap;gap:8px;display:flex}.alerts-switch{align-items:center;gap:12px;min-height:48px;font-weight:700;display:flex}.alerts-switch input{width:22px;height:22px;accent-color:var(--p600)}.alerts-warning{border:1px solid var(--da200);border-radius:var(--r12);background:var(--da50);color:var(--da700);align-items:center;gap:12px;padding:16px;display:flex}.alerts-warning svg{flex-shrink:0}.alerts-warning p{margin:0}.alerts-audio{background:var(--g100);border-radius:var(--r12);flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:flex}.alerts-audio audio{flex:1;min-width:180px;max-width:100%;height:40px}.alerts-audio span{font-weight:700}.alerts-banner{gap:10px;margin-block-end:16px;display:grid}.alerts-live{border:1px solid var(--alerts-strong);border-radius:var(--r16);background:var(--alerts-tint);color:var(--alerts-color);box-shadow:var(--sh-card);border-inline-start-width:5px;flex-wrap:wrap;align-items:center;gap:12px;padding:18px;display:flex}.alerts-grow{flex:1;min-width:180px}.alerts-live p{font-size:calc(13px * var(--fs));margin:6px 0 0}.alerts-banner-state{color:var(--mute);padding:10px}.alerts-incoming{text-align:center;border-top:4px solid var(--alerts-strong);justify-items:center;gap:14px;display:grid}.alerts-incoming h2,.alerts-incoming p{margin:0}.alerts-emblem{background:var(--alerts-tint);width:88px;height:88px;color:var(--alerts-color);border:2px solid var(--alerts-strong);border-radius:50%;place-items:center;display:grid}.alerts-emblem svg{width:44px;height:44px}.alerts-count{align-items:center;gap:8px;font-weight:800;display:flex}.alerts-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.alerts-photo{object-fit:contain;border-radius:var(--r12);max-width:100%;max-height:320px}.alerts-responder{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-block:12px;display:flex}.alerts-setting-heading{color:var(--alerts-color);align-items:center;gap:12px;display:flex}.alerts-setting-heading h2{margin:0}.alerts-setting-heading p{color:var(--mute);margin-block:6px 12px}.alerts-setting-heading>svg{width:30px;height:30px}.alerts-settings-type{border-inline-start:4px solid var(--alerts-strong)}@media (max-width:640px){.alerts-heading{flex-direction:column}.alerts-page{padding-block-start:16px}.alerts-live .button{flex:1}.alerts-form .card{padding:14px}.alerts-actions,.alerts-actions>*{width:100%}.alerts-responder{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.alerts-page *{scroll-behavior:auto}}.alerts-verify{border-style:dashed}.alerts-stack>section h2{margin:0 0 8px}
