/* A little spellbook: velvet illustration above a warm paper message. */
.login-notice{width:min(478px,calc(100vw - 28px));max-height:calc(100dvh - 28px);box-sizing:border-box;margin:auto;padding:0;border:1px solid #e7c18a;border-radius:27px;background:#21152e;color:#fff4e7;box-shadow:0 32px 110px #000b,0 0 0 5px #c79bdb12,0 0 70px #b681cb18;font-family:inherit;overflow:auto;scrollbar-width:thin;scrollbar-color:#b78bba #281b34}
.login-notice::backdrop{background:#0c0714ce;backdrop-filter:blur(9px)}
.login-notice-inner{position:relative;overflow:hidden;padding:0!important;isolation:isolate}
.login-notice-close{position:absolute;z-index:10;top:17px;right:17px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #e3c49d66;border-radius:50%;background:#1b112bb3;color:#ebd9f3;font:24px Arial,sans-serif;cursor:pointer;transition:background .2s,transform .2s}
.login-notice-close:hover{background:#523460;transform:rotate(8deg)}
.login-notice-intro{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:26px 30px 0;background:radial-gradient(ellipse at 25% 70%,#ac69bc36,transparent 65%),radial-gradient(ellipse at 92% 0%,#ce8b4930,transparent 55%),linear-gradient(135deg,#3b2348,#1a1428)}
.login-notice-intro::before{content:'';position:absolute;inset:10px 10px 0;border:1px solid #eac58d2e;border-bottom:0;border-radius:19px 19px 0 0;pointer-events:none}
.login-notice-kicker{position:relative;color:#e7c48d;font-size:9px;letter-spacing:.17em;text-transform:uppercase;font-weight:800;margin:0 40px 0 0;line-height:1.7}
.login-notice-content{position:relative;z-index:4;padding:29px 30px 25px;background:radial-gradient(ellipse at 0 0,#fff9e9,transparent 70%),linear-gradient(150deg,#f7eadb,#eee1d9);border-top:1px solid #eed2ab;box-shadow:0 -7px 28px #1b102c25}
.login-notice-content::after{content:'';position:absolute;inset:10px;border:1px solid #84614228;border-radius:4px 4px 16px 16px;pointer-events:none}
.login-notice-seal{position:absolute;left:calc(50% - 17px);top:-18px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #c3a074;border-radius:50%;background:#35223f;color:#f3ce8e;box-shadow:0 3px 10px #40254325;font-size:19px}
.login-notice h2{position:relative;margin:0 0 12px;color:#35223f;font:700 30px/1.13 Georgia,serif;letter-spacing:-.04em;text-align:center;text-wrap:balance}
.login-notice p{margin:0;color:#6b586b;font-size:13px;line-height:1.7;text-align:center}
.login-notice-help{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 0 0;margin:14px 0 0;border-top:1px solid #84614225;color:#7d687b;font-size:10px;line-height:1.5;text-align:left}
.login-notice-help svg{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:#926345;stroke-width:1.5;stroke-linecap:round}
.login-notice-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:21px;position:relative;z-index:1}
.login-notice-actions button{width:100%;min-height:48px;min-width:0;padding:12px 13px;border-radius:12px;font-family:inherit;font-size:12px;font-weight:750;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}
.login-notice .login-notice-primary{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #614473;background:linear-gradient(125deg,#633e76,#35233f);color:#fff4e6;box-shadow:0 5px 15px #40254324}
.login-notice-primary span{color:#edc48b;font-size:20px;line-height:1}
.login-notice .login-notice-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #40254335}
.login-notice .login-notice-secondary{border:1px solid #9276816b;background:#ffffff20;color:#523e58}
.login-notice-secondary:hover{background:#fffbef;border-color:#76587d}
.login-notice-actions:has(.login-notice-secondary[hidden]){grid-template-columns:1fr}
.login-notice button:focus-visible{outline:2px solid #c0822e;outline-offset:3px}
.login-notice [hidden]{display:none!important}
@keyframes login-notice-arrive{from{opacity:0;transform:translateY(22px) scale(.94) rotate(-1deg)}to{opacity:1;transform:none}}
@media(max-width:400px){.login-notice-intro{padding:23px 24px 0}.login-notice-content{padding:28px 24px 24px}.login-notice h2{font-size:29px}}
@media(max-width:350px){.login-notice-intro{padding:22px 21px 0}.login-notice-content{padding:27px 21px 22px}.login-notice h2{font-size:27px}.login-notice-actions{gap:8px}.login-notice-actions button{padding:12px 10px;font-size:11px}}

/* A theatrical character entrance, followed by a quieter floating spell. */
.login-notice-scene{position:relative;isolation:isolate;display:flex;align-items:flex-start;margin:10px -20px -4px;width:calc(100% + 40px);min-height:258px}
.login-notice-scene::after{content:'';position:absolute;z-index:-1;bottom:0;left:4%;width:90%;height:65px;border-radius:50%;background:radial-gradient(ellipse,#b881dc30,transparent 68%);filter:blur(10px);pointer-events:none}
.login-notice-witch{position:relative;width:252px;height:266px;flex:0 0 252px;object-fit:contain;object-position:center bottom;margin-left:-8px;filter:drop-shadow(0 8px 18px #07031070);transform-origin:50% 85%}
.login-notice[open] .login-notice-witch{animation:login-witch-arrive .9s cubic-bezier(.18,.8,.25,1.2) both,login-witch-hover 5s 1s ease-in-out infinite}
.login-magic-orbit{position:absolute;z-index:-1;left:10px;top:44px;width:207px;height:207px;border-radius:50%;border:1px solid #e6b2fc22;background:radial-gradient(circle,#bf8ddc26,transparent 68%);box-shadow:0 0 0 14px #d2a1f006,0 0 65px #b477dc15}
.login-magic-orbit::before{content:'';position:absolute;inset:15px;border-radius:50%;border:1px dashed #e8c38b30}
.login-notice[open] .login-magic-orbit{animation:login-orbit-reveal 1.2s ease both}
.login-notice .login-witch-speech{position:relative;z-index:2;margin:48px 0 0 -32px;padding:16px 15px;width:168px;box-sizing:border-box;background:linear-gradient(140deg,#fff1d6,#efdef7);border:1px solid #fff6e9;border-radius:19px 19px 19px 4px;box-shadow:0 10px 28px #09041555;transform:rotate(-4deg)}
.login-notice[open] .login-witch-speech{animation:login-speech-arrive .45s .5s cubic-bezier(.16,1,.3,1) both}
.login-witch-speech::before{content:'';position:absolute;left:-9px;bottom:18px;border-top:9px solid transparent;border-bottom:1px solid transparent;border-right:9px solid #f4e3e9}
.login-notice .login-witch-speech p{color:#422d50;font-size:17px;line-height:1.35;font-weight:800;letter-spacing:-.025em;margin:7px 0 10px}
.login-witch-speech>span{display:block;color:#796078;font-size:10px;line-height:1.5}
.login-witch-speech .login-spell-kicker{font-size:8px;letter-spacing:.07em;color:#94643f;text-transform:uppercase;font-weight:800}
.login-magic-sparks{position:absolute;inset:0;pointer-events:none;z-index:3}
.login-magic-sparks span{position:absolute;color:#ffcd8a;font-size:17px;text-shadow:0 0 12px #ffb862aa;animation:login-spark 3.5s ease-in-out infinite}
.login-magic-sparks span:nth-child(1){left:8%;top:18%;animation-delay:-.8s}
.login-magic-sparks span:nth-child(2){left:49%;top:8%;font-size:25px;animation-delay:-1.9s}
.login-magic-sparks span:nth-child(3){right:5%;top:78%;font-size:11px;animation-delay:-2.7s}
.login-magic-sparks span:nth-child(4){left:3%;top:73%;font-size:12px;color:#d6a5fc;animation-delay:-1.4s}
.login-notice[open]{animation:login-notice-arrive .45s cubic-bezier(.16,1,.3,1) both}
@keyframes login-witch-arrive{0%{opacity:0;transform:translateY(35px) scale(.65) rotate(-12deg)}60%{opacity:1;transform:translateY(-7px) scale(1.04) rotate(3deg)}80%{transform:translateY(2px) scale(.99) rotate(-2deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0)}}
@keyframes login-witch-hover{50%{transform:translateY(-7px) rotate(-1.8deg)}}
@keyframes login-speech-arrive{from{opacity:0;transform:translateY(8px) scale(.8) rotate(2deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(-4deg)}}
@keyframes login-spark{0%,100%{opacity:.2;transform:translateY(3px) scale(.65) rotate(-15deg)}50%{opacity:1;transform:translateY(-9px) scale(1.1) rotate(20deg)}}
@keyframes login-orbit-reveal{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}
@media(max-width:400px){.login-notice-scene{min-height:237px;margin-top:8px}.login-notice-witch{width:219px;height:240px;flex-basis:219px}.login-notice .login-witch-speech{width:149px;padding:13px 12px;margin-left:-29px;margin-top:47px}.login-notice .login-witch-speech p{font-size:15px}.login-magic-orbit{width:183px;height:183px;top:41px;left:7px}}
@media(max-width:350px){.login-notice-scene{min-height:213px}.login-notice-witch{width:180px;height:215px;flex-basis:180px}.login-notice .login-witch-speech{width:125px;padding:12px 10px;margin-left:-17px;margin-top:33px}.login-notice .login-witch-speech p{font-size:14px}.login-witch-speech .login-spell-kicker{font-size:7px}.login-magic-orbit{width:154px;height:154px;left:2px}}
@media(prefers-reduced-motion:reduce){.login-notice[open],.login-notice[open] .login-notice-witch,.login-notice[open] .login-witch-speech,.login-notice[open] .login-magic-orbit,.login-magic-sparks span{animation:none}}