*{box-sizing:border-box}html{height:100%}body{font-family:Poppins,sans-serif;background:radial-gradient(circle at top left,#181023,#0b0519);color:#c3b3d8;margin:0;padding:0;height:100%}button{font:inherit;cursor:pointer;border:none;padding:.55rem 1.25rem;border-radius:4px;margin-top:14px;background:#6c8cff;color:#fff;box-shadow:0 1px 3px #0000004d;transition:all .3s ease}button:disabled{background:#ab9ac0;color:#666;opacity:.7;cursor:not-allowed;box-shadow:none}button:hover{color:#f3ecff;filter:brightness(1.05)}button:active{filter:brightness(.95)}.backdrop{z-index:1000;background-color:#0006;position:fixed;top:0;left:0;width:100%;height:100vh}dialog{z-index:1001;width:90%;max-width:30rem;background-color:#433352;border-radius:6px;border:none;box-shadow:0 1px 6px #0006;overflow:hidden;padding:1rem;top:5rem}h3{white-space:pre-line}@media(min-width:768px){dialog{padding:2rem}}