#pal{position:fixed;inset:0;z-index:10000;display:none;align-items:flex-start;justify-content:center;padding-top:16vh;background:rgba(20,18,50,.25);backdrop-filter:blur(8px)}
#pal.open{display:flex;animation:fadepal .35s}
@keyframes fadepal{from{opacity:0}}
.pbox{width:min(560px,92vw);border-radius:26px;background:rgba(255,255,255,.78);backdrop-filter:blur(26px) saturate(1.5);box-shadow:0 40px 100px rgba(60,40,140,.4),0 0 80px rgba(255,95,168,.35),inset 0 0 0 1px rgba(255,255,255,.9);overflow:hidden;animation:pbox .5s cubic-bezier(.2,1.3,.4,1)}
@keyframes pbox{from{transform:translateY(30px) scale(.94);opacity:0}}
.pbox input{width:100%;border:0;outline:0;background:none;padding:22px 26px;font:italic 300 26px var(--serif);color:var(--ink)}
.pbox input::placeholder{color:#a3a6c4}
#pout{max-height:240px;overflow:auto;padding:0 26px 20px;font-size:14.5px;line-height:1.7;color:#444661;white-space:pre-wrap}
#pout b{color:var(--mag);font-weight:500}

.mfa{position:fixed;right:20px;top:84px;z-index:10001;width:290px;border-radius:22px;padding:18px;background:rgba(255,255,255,.88);backdrop-filter:blur(20px);box-shadow:0 20px 60px rgba(60,40,140,.35),0 0 40px rgba(91,141,239,.4);animation:mfa .6s cubic-bezier(.2,1.4,.4,1)}
@keyframes mfa{from{transform:translateY(-30px) scale(.9);opacity:0}}
.mfa b{display:block;font-family:var(--serif);font-weight:400;font-size:20px;margin-bottom:6px}
.mfa p{font-size:14px;color:#555}
.mfa .bt{display:flex;gap:8px;margin-top:14px}
.mfa button{flex:1;padding:11px;border-radius:999px;border:0;font:500 14px var(--sans);cursor:pointer;background:linear-gradient(90deg,var(--mag),var(--org));color:#fff}
.mfa button+button{background:#e8e9f3;color:var(--ink)}