.announcement-dialog{--announce-bg:var(--color-surface,var(--card));--announce-ink:var(--color-ink,var(--foreground));--announce-muted:var(--color-muted,var(--muted-foreground));--announce-accent:var(--color-accent,var(--primary));--announce-accent-ink:var(--color-accent-ink,var(--primary-foreground));border:1px solid color-mix(in srgb, var(--announce-ink) 12%, transparent);background:var(--announce-bg);width:min(38rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--announce-ink);font-family:var(--font-store,inherit);border-radius:1.75rem;margin:auto;padding:0;overflow-y:auto;box-shadow:0 32px 100px #0000004d}.announcement-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#181420a6}.announcement-dialog[data-preview]{--color-surface:#fff;--color-ink:#19181e;--color-muted:#55545c;--color-accent:#7706fb;--color-accent-ink:#fff;--color-line-control:#19181e8c}:root[data-store-theme=dark] .announcement-dialog[data-preview]{--color-surface:#3b3a42;--color-ink:#fff;--color-muted:#a6a5ad;--color-accent:#ff7400;--color-accent-ink:#331b0d;--color-line-control:#fff6}.announcement-dialog button,.announcement-dialog input{outline-offset:4px}.announcement-dialog button:focus-visible,.announcement-dialog input:focus-visible{outline:2px solid var(--announce-accent)}.announcement-close{cursor:pointer;z-index:1;width:44px;height:44px;color:var(--announce-ink);background:var(--announce-bg);border:1px solid color-mix(in srgb, var(--announce-ink) 12%, transparent);border-radius:50%;place-items:center;display:grid;position:absolute;top:.75rem;right:.75rem}.announcement-close:hover{background:color-mix(in srgb, var(--announce-bg) 92%, var(--announce-ink))}.announcement-art{border-bottom:1px solid color-mix(in srgb, var(--announce-accent) 12%, transparent);background-color:color-mix(in srgb, var(--announce-accent) 8%, var(--announce-bg));background-image:radial-gradient(color-mix(in srgb, var(--announce-accent) 18%, transparent) 1px, transparent 1px);background-size:20px 20px;place-items:center;height:120px;display:grid;position:relative;overflow:hidden}.announcement-orbit{border:1px solid color-mix(in srgb, var(--announce-accent) 20%, transparent);width:180px;height:180px;box-shadow:0 0 0 28px color-mix(in srgb, var(--announce-accent) 4%, transparent), 0 0 0 56px color-mix(in srgb, var(--announce-accent) 3%, transparent);background:var(--announce-bg);border-radius:50%;position:absolute}.announcement-mascot{justify-content:center;display:flex;position:relative;transform:translateY(4px)}.announcement-mascot .status-scene{width:120px;height:auto}.announcement-copy{padding:28px 32px 24px}.announcement-kind{color:var(--announce-muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:.75rem;font-weight:600;display:flex}.announcement-kind>span{background:var(--announce-accent);border-radius:50%;width:7px;height:7px}.announcement-dialog[data-kind=warning] .announcement-kind>span{background:#ca8a04}.announcement-dialog[data-kind=important] .announcement-kind>span{background:#e34b54}.announcement-title{letter-spacing:-.035em;text-wrap:balance;overflow-wrap:anywhere;margin:12px 0 0;font-size:clamp(1.75rem,5vw,2.125rem);font-weight:700;line-height:1.2}.announcement-dialog .announcement-title,.announcement-dialog .rich-text :is(h2,h3,h4){color:var(--announce-ink)}.announcement-body{overflow-wrap:anywhere;margin-top:16px;font-size:1rem;line-height:1.65}.announcement-footer{padding:0 32px 24px}.announcement-footer:empty{display:none}.announcement-actions{gap:.75rem;margin-top:0;display:flex}.announcement-actions button{border:1px solid color-mix(in srgb, var(--announce-ink) 25%, transparent);cursor:pointer;overflow-wrap:anywhere;border-radius:12px;flex:1;min-height:44px;padding:.75rem 1rem;font-weight:600;transition:background-color .15s,transform .15s}.announcement-actions button:not(:disabled):hover{background:color-mix(in srgb, var(--announce-ink) 6%, var(--announce-bg))}.announcement-actions button:first-child:not(:disabled):hover{background:color-mix(in srgb, var(--announce-accent) 90%, var(--announce-ink))}.announcement-actions button:not(:disabled):active{transform:translateY(1px)}.announcement-actions button:first-child{background:var(--announce-accent);color:var(--announce-accent-ink);border-color:#0000}.announcement-actions button:disabled{cursor:default}.announcement-hide{border-top:1px solid color-mix(in srgb, var(--announce-ink) 12%, transparent);min-height:44px;color:var(--announce-muted);cursor:pointer;justify-content:flex-start;align-items:center;gap:.625rem;margin-top:16px;padding-top:12px;font-size:.8125rem;display:flex}.announcement-hide input{width:18px;height:18px;accent-color:var(--announce-accent)}@media (max-width:639px){.announcement-dialog{border-radius:1.5rem}.announcement-art{height:100px}.announcement-mascot .status-scene{width:100px}.announcement-copy{padding:24px 24px 20px}.announcement-footer{padding:0 24px 20px}.announcement-actions{flex-direction:column}}@media (prefers-reduced-motion:reduce){.announcement-actions button{transition:none}}