*,:before,:after{box-sizing:border-box}html,body{color:#fff;-webkit-font-smoothing:none;font-smooth:never;background:#1a0f2b;min-height:100vh;margin:0;padding:0;font-family:"Press Start 2P",ui-monospace,monospace;overflow-x:hidden}.page{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.page:before{content:"";filter:blur(2px);z-index:0;background-image:url(/new3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-20px}.page>*{z-index:1;position:relative}.dialog__moogle{pointer-events:none;z-index:1;width:22%;height:auto;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.dialog{transform-origin:50%;color:#fff;text-shadow:2px 2px #000;width:min(720px,94vw);image-rendering:pixelated;background:linear-gradient(#1b3ea8 0%,#16308a 40%,#0f2472 100%);border:5px solid #b8b8b8;border-radius:16px;padding:34px 40px;position:relative;transform:scale(.85);box-shadow:inset 0 1px #fff9,inset 0 -1px #00000059}.dialog__name{letter-spacing:1.5px;margin:0 0 22px;font-size:22px;line-height:1}.dialog__line{letter-spacing:.5px;margin:0 0 30px;font-size:18px;line-height:1.7}.tasks{flex-direction:column;gap:10px;margin:0 0 22px;padding:0;list-style:none;display:flex}.task{background:#0a1a5a;border:2px solid #b8b8b8;border-radius:8px;align-items:center;gap:14px;min-height:64px;padding:10px 14px;display:flex}.task__icon{color:#ffe479;width:40px;height:40px;text-shadow:none;background:#16308a;border:2px solid #b8b8b8;border-radius:6px;flex:none;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.task__icon>*{line-height:1;display:block}.task__icon-glyph{font-family:-apple-system,BlinkMacSystemFont,Segoe UI Symbol,Apple Color Emoji,Segoe UI Emoji,sans-serif;transform:translateY(-1px)}.task__meta{flex:1;align-items:center;min-width:0;display:flex}.task__title{letter-spacing:1px;color:#fff;text-shadow:2px 2px #000;font-size:12px;line-height:1.4}.task__actions{flex:none;gap:6px;display:flex}.task__btn{letter-spacing:1px;color:#fff;text-shadow:2px 2px #000;cursor:pointer;background:linear-gradient(#2a56d8 0%,#16308a 100%);border:2px solid #b8b8b8;border-radius:6px;min-width:92px;padding:10px 16px;font-family:inherit;font-size:11px}.task__btn--ghost{background:#0a1a5a}.task__btn:hover:not(:disabled){filter:brightness(1.1)}.task__btn:disabled{opacity:.7;cursor:default}.task--done .task__icon{color:#b6ff8f}.dialog__next:disabled,.dialog__back:disabled{opacity:.5;filter:grayscale(.5);cursor:not-allowed}.toast{color:#fff;letter-spacing:1px;text-shadow:2px 2px #000;z-index:100;background:linear-gradient(#1b3ea8 0%,#0f2472 100%);border:3px solid #b8b8b8;border-radius:10px;align-items:center;gap:10px;padding:12px 20px;font-family:"Press Start 2P",ui-monospace,monospace;font-size:11px;animation:.28s cubic-bezier(.2,.9,.3,1.2) toastIn,.35s ease-in 2.1s forwards toastOut;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 6px #0a1a5a}.toast__icon{color:#b6ff8f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI Symbol,sans-serif;font-size:14px;line-height:1}.toast__text{line-height:1}@keyframes toastIn{0%{opacity:0;transform:translateY(140%)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{to{opacity:0;transform:translateY(140%)}}@media (max-width:480px){.toast{justify-content:center;padding:10px 14px;font-size:10px;bottom:12px;left:12px;right:12px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dialog__nav{justify-content:space-between;align-items:center;gap:12px;margin-top:6px;display:flex}.dialog__nav--end{justify-content:flex-end}.dialog__next,.dialog__back{letter-spacing:1.5px;color:#fff;text-shadow:2px 2px #000;cursor:pointer;background:linear-gradient(#3a68e6 0%,#1e3a9e 55%,#12276e 100%);border:2px solid #b8b8b8;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:fit-content;min-width:120px;padding:10px 20px;font-family:inherit;font-size:12px;transition:transform 50ms,box-shadow 50ms,filter .15s;display:flex;box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0006,0 3px #0a1a5a}.dialog__next:hover:not(:disabled),.dialog__back:hover:not(:disabled){filter:brightness(1.12)}.dialog__next:focus-visible,.dialog__back:focus-visible,.task__btn:focus-visible{outline-offset:2px;outline:2px solid #ffe479}.dialog__next:active:not(:disabled),.dialog__back:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0006,0 1px #0a1a5a}.dialog__form{flex-direction:column;gap:10px;display:flex}.dialog__input{letter-spacing:.5px;color:#fff;text-shadow:2px 2px #000;caret-color:#fff;background:#0a1a5a;border:2px solid #b8b8b8;border-radius:6px;outline:none;width:100%;padding:18px 20px;font-family:inherit;font-size:16px}.dialog__input-wrap{align-items:center;display:flex;position:relative}.dialog__prefix{color:#ffffffd9;text-shadow:2px 2px #000;pointer-events:none;font-size:16px;line-height:1;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.dialog__input--with-prefix{padding-left:40px}.dialog__input::placeholder{color:#ffffff8c}.dialog__input:focus{border-color:#f4f4f4;box-shadow:0 0 0 2px #f4f4f459}.dialog__input:disabled{opacity:.55;cursor:not-allowed}.dialog__status{letter-spacing:.5px;min-height:18px;margin-top:12px;font-size:13px;line-height:1.7}.dialog__status--ok{color:#b6ff8f}.dialog__status--err{color:#ff9db4}@media (max-width:640px){.page{padding:1rem}.dialog{padding:22px 20px;transform:none}.dialog__line{word-break:break-word;margin:0 0 18px;font-size:12px;line-height:1.7}.dialog__form{gap:8px}.dialog__input{padding:14px;font-size:12px}.dialog__prefix{font-size:12px;left:14px}.dialog__input--with-prefix{padding-left:30px}.dialog__nav{gap:8px}.dialog__next,.dialog__back{letter-spacing:1px;flex:1;min-width:0;padding:10px 12px;font-size:11px}.dialog__nav--end .dialog__next{flex:none;min-width:110px}.task{gap:10px;min-height:54px;padding:8px 10px}.task__icon{width:34px;height:34px;font-size:16px}.task__title{letter-spacing:.5px;font-size:10px}.task__btn{letter-spacing:.5px;min-width:70px;padding:8px 10px;font-size:10px}.dialog__moogle{width:26%}}@media (max-width:380px){.dialog__line,.dialog__input{font-size:11px}.task__title{font-size:9px}.task__btn{min-width:60px;font-size:9px}}
