#idle-screen[hidden]{display:none!important}
#idle-screen{position:fixed;inset:0;z-index:1000;display:block;overflow:hidden;pointer-events:none;background:var(--paper);color:var(--tx);--effect-shade:28;--effect-saturation:18%;font-family:var(--sans,system-ui,sans-serif)}
#idle-screen .idle-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at center,var(--line),transparent 70%)}
#idle-screen .idle-scene{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
#idle-screen .idle-scene svg{display:block;width:100%;height:100%;overflow:visible}
#idle-screen .idle-scene[data-effect=wave]{inset:-24px;width:auto;height:auto;display:grid;grid-template-columns:repeat(var(--wave-cols,19),minmax(0,1fr));grid-template-rows:repeat(var(--wave-rows,19),minmax(0,1fr));gap:4px}
#idle-screen .particle{display:block;align-self:center;justify-self:center;width:80%;height:80%;border-radius:25%;will-change:transform,opacity}
#idle-screen .aurora-svg{filter:blur(3px)}
#idle-screen .idle-brand{position:absolute;top:5%;left:5%;display:flex;gap:12px;align-items:center;font-size:20px;font-weight:750;background:var(--paper);padding:12px;border-radius:14px}
#idle-screen .idle-brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--ink);color:var(--on-ink);text-shadow:none;font-weight:800}
#idle-screen .idle-footer{position:absolute;bottom:5%;left:5%;right:5%;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;background:var(--paper);padding:12px;border-radius:14px}
#idle-screen .idle-effect-name{font-size:20px;line-height:1.4;font-weight:600}
#idle-screen .idle-footer p{font-size:12px;line-height:1.6;max-width:360px;color:var(--mut)}
@media(max-width:650px){#idle-screen .idle-brand{font-size:16px}#idle-screen .idle-footer{display:block}#idle-screen .idle-effect-name{font-size:18px}#idle-screen .idle-footer p{font-size:11px;margin-top:12px;max-width:280px}}
@media(prefers-reduced-motion:reduce){#idle-screen .particle{will-change:auto}}

:root[data-theme="dark"] #idle-screen{--effect-shade:0;--effect-saturation:24%}
