@font-face{font-family:Stick;src:url(/fonts/Stick_extracted/Stick-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{color:#f5f6f8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0c11;margin:0;font-family:Stick,Hiragino Maru Gothic ProN,Yu Gothic UI,Yu Gothic,Meiryo,system-ui,sans-serif}::selection{color:#fff;background:#0071e38c}.gate{flex-direction:column;height:100svh;display:flex;position:relative;overflow:hidden}.gate__backdrop{z-index:-1;background:var(--bg-url,url(/basepic/background_init.jpg)) center / cover no-repeat;position:fixed;inset:0}.gate__backdrop:after{content:"";background:radial-gradient(120% 90% at 50% 20%,#05080e00 0%,#05080e47 70%,#05080e8c 100%),linear-gradient(#05080e40 0%,#05080e00 30%,#05080e59 100%);position:absolute;inset:0}.gate__stage{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:clamp(18px,3.6vh,40px) 20px clamp(14px,2.8vh,30px);display:flex}.gate__logo{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 10px 22px #00000059);will-change:transform;width:clamp(150px,min(30vw,26vh),280px);height:auto;transition:transform .45s cubic-bezier(.22,1,.36,1),filter .45s cubic-bezier(.22,1,.36,1)}.gate__logo:hover{filter:drop-shadow(0 26px 34px #00000073);transform:translateY(-10px)scale(1.045)}.glass-card{-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);will-change:transform;background:linear-gradient(150deg,#ffffff24 0%,#ffffff0f 55%,#ffffff1a 100%);border:1px solid #ffffff2e;border-radius:26px;width:min(560px,100%);margin-top:clamp(14px,3vh,38px);padding:clamp(18px,2.8vh,32px) clamp(20px,3.4vw,34px) clamp(14px,2.4vh,26px);transition:transform .45s cubic-bezier(.22,1,.36,1),-webkit-backdrop-filter .45s,backdrop-filter .45s,box-shadow .45s,border-color .45s;box-shadow:0 24px 60px #00000061,inset 0 1px #ffffff38}.glass-card:hover{-webkit-backdrop-filter:blur(28px)saturate(180%);backdrop-filter:blur(28px)saturate(180%);border-color:#ffffff47;transform:translateY(-6px);box-shadow:0 32px 72px #00000070,inset 0 1px #ffffff4d}.glass-card__title{text-align:center;letter-spacing:.06em;color:#fff;text-shadow:0 2px 10px #00000059;margin:0 0 clamp(12px,2.4vh,22px);font-size:clamp(20px,3.4vw,25px);font-weight:400}.code-field{position:relative}.code-field__input{width:100%;height:clamp(46px,6.8vh,56px);font:inherit;letter-spacing:.14em;color:#fff;caret-color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080b1261;border:1px solid #ffffff38;border-radius:15px;outline:none;padding:0 56px 0 20px;font-size:17px;transition:border-color .3s,background .3s,box-shadow .3s}.code-field__input::placeholder{color:#ffffff61;letter-spacing:.1em}.code-field__input:hover{border-color:#ffffff57}.code-field__input:focus{background:#080b1280;border-color:#fff9;box-shadow:0 0 0 4px #ffffff1f,0 8px 24px #00000047}.code-field__input::-ms-reveal{display:none}.code-field__input::-ms-clear{display:none}.code-field__input::-webkit-credentials-auto-fill-button{display:none}.code-field__input:-webkit-autofill{-webkit-text-fill-color:#fff;transition:background-color 9999s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #0f131ce6}.code-field__eye{cursor:pointer;opacity:.85;background:0 0;border:none;border-radius:10px;place-items:center;width:40px;height:40px;padding:0;transition:opacity .25s,background .25s,transform .25s;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.code-field__eye img{pointer-events:none;width:22px;height:22px}.code-field__eye:hover{opacity:1;background:#ffffff1f}.code-field__eye:active{transform:translateY(-50%)scale(.9)}.code-field__eye:focus-visible{outline-offset:2px;outline:2px solid #ffffffb3}.code-field__hint{letter-spacing:.04em;color:#ff6b6b;text-shadow:0 1px 4px #0006;margin:8px 0 0 4px;font-size:13px;animation:.3s both hint-in}@keyframes hint-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.glass-card__actions{gap:14px;margin-top:clamp(14px,2.6vh,24px);display:flex}.btn--primary{color:#fff;background:#0071e3;box-shadow:0 8px 20px #0071e359,inset 0 1px #ffffff40}.btn--primary:hover:not(:disabled){background:#0077ed;box-shadow:0 12px 28px #0071e380,inset 0 1px #ffffff4d}.btn--primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.toast-zone{pointer-events:none;z-index:50;justify-content:center;padding:0 20px;display:flex;position:fixed;bottom:calc(clamp(24px,5vh,44px) + 50px);left:0;right:0}.toast{pointer-events:auto;-webkit-backdrop-filter:blur(20px)saturate(1.5);backdrop-filter:blur(20px)saturate(1.5);background:linear-gradient(150deg,#1c202aa8,#10131a99);border:1px solid #ffffff2e;border-radius:17px;align-items:center;gap:16px;max-width:min(480px,100%);padding:14px 14px 14px 22px;animation:.42s cubic-bezier(.22,1,.36,1) both toast-in;display:flex;box-shadow:0 18px 44px #00000073,inset 0 1px #ffffff29}.toast--closing{animation:.38s cubic-bezier(.45,0,.55,.2) both toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(30px)scale(.95)}}.toast__msg{letter-spacing:.06em;color:#fff;text-shadow:0 1px 6px #0006;font-size:15.5px}.toast__close{cursor:pointer;background:#ffffff1a;border:1px solid #ffffff29;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;padding:0;transition:background .25s,transform .3s cubic-bezier(.22,1,.36,1);display:grid}.toast__close img{pointer-events:none;width:16px;height:16px}.toast__close:hover{background:#ffffff38;transform:rotate(90deg)}.toast__close:active{transform:rotate(90deg)scale(.88)}.toast__close:focus-visible{outline-offset:2px;outline:2px solid #ffffffb3}.gate__footer{-webkit-backdrop-filter:blur(14px)saturate(150%);backdrop-filter:blur(14px)saturate(150%);background:linear-gradient(#05080e00 0%,#05080e80 100%);border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:14px;padding:13px clamp(18px,4vw,32px);display:flex}.gate__footer-left{align-items:center;gap:9px;min-width:0;display:flex}.gate__footer-pixiv{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 1px 4px #0006);flex:none;width:19px;height:19px}.gate__footer-pid{letter-spacing:.06em;color:#ffffffb8;white-space:nowrap;text-shadow:0 1px 4px #0006;font-size:13.5px;text-decoration:none;transition:color .3s,text-shadow .3s}.gate__footer-pid:hover{color:#0071e3;text-shadow:0 0 14px #0071e380}.gate__footer-pid:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #ffffffb3}.gate__footer-copy{letter-spacing:.08em;color:#ffffff7a;text-align:center;white-space:nowrap;text-shadow:0 1px 4px #0006;margin:0;font-size:12.5px}.gate__footer-cf{opacity:.82;flex:none;align-items:center;transition:opacity .3s,transform .3s cubic-bezier(.22,1,.36,1);display:inline-flex}.gate__footer-cf img{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 1px 4px #0006);width:auto;height:15px;display:block}.gate__footer-cf:hover{opacity:1;transform:translateY(-2px)}.gate__footer-cf:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #ffffffb3}@media (width<=620px){.gate__footer{flex-wrap:wrap}.gate__footer-copy{white-space:normal;order:3;width:100%}}@media (width<=480px){.glass-card__actions{flex-direction:column}}@media (height<=620px){.gate__logo{width:clamp(110px,20vh,170px)}.glass-card__title{margin-bottom:10px;font-size:18px}.code-field__input{height:44px}.btn{height:40px}}@media (prefers-reduced-motion:reduce){.gate__logo,.glass-card,.btn,.code-field__eye,.toast__close,.gate__footer-pid,.gate__footer-cf{transition:none}.gate__logo:hover,.glass-card:hover,.gate__footer-cf:hover{transform:none}.toast{animation:10ms both toast-in}.toast--closing{animation:10ms both toast-out}.code-field__hint{animation:none}}.confirm__gate-layer{z-index:0;position:fixed;inset:0}.confirm{z-index:1;flex-direction:column;min-height:100svh;display:flex;position:relative;overflow-x:hidden}.confirm--exiting{pointer-events:none;animation:.65s cubic-bezier(.4,0,.2,1) forwards confirm-exit}@keyframes confirm-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.confirm__backdrop{z-index:-1;background:var(--bg-url,url(/basepic/background_init.jpg)) center / cover no-repeat;filter:blur(18px)brightness(.6);position:fixed;inset:0;transform:scale(1.08)}.confirm__backdrop:after{content:"";background:#05080e73;position:absolute;inset:0}.confirm__stage{flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.confirm-card{-webkit-backdrop-filter:blur(22px)saturate(160%);backdrop-filter:blur(22px)saturate(160%);will-change:transform;background:linear-gradient(150deg,#ffffff24 0%,#ffffff0f 55%,#ffffff1a 100%);border:1px solid #ffffff2e;border-radius:26px;flex-direction:column;align-items:center;gap:22px;width:min(520px,100%);padding:clamp(32px,5vw,44px) clamp(24px,4vw,40px) clamp(26px,4vw,36px);transition:transform .45s cubic-bezier(.22,1,.36,1),-webkit-backdrop-filter .45s,backdrop-filter .45s,box-shadow .45s,border-color .45s;display:flex;box-shadow:0 24px 60px #0000006b,inset 0 1px #ffffff38}.confirm-card:hover{-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);border-color:#ffffff47;transform:translateY(-6px);box-shadow:0 32px 72px #0000007a,inset 0 1px #ffffff4d}.confirm-card__icon{filter:drop-shadow(0 4px 12px #0006);width:52px;height:52px}.confirm-card__text{text-align:center;letter-spacing:.06em;color:#fff;text-shadow:0 2px 10px #00000059;margin:0;font-size:clamp(18px,3vw,22px);font-weight:400}.confirm-card__check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:10px;width:100%;display:flex}.confirm-card__check input[type=checkbox]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.confirm-card__check-box{background:#ffffff14;border:2px solid #ffffff80;border-radius:5px;flex:none;place-items:center;width:20px;height:20px;margin-top:1px;transition:border-color .25s,background .25s;display:grid}.confirm-card__check input:checked+.confirm-card__check-box{background:#ff4d4d33;border-color:#ff4d4d}.confirm-card__check-mark{fill:none;stroke:#ff4d4d;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.confirm-card__check-label{letter-spacing:.03em;color:#ffffffb3;font-size:13px;line-height:1.5;transition:color .3s}.confirm-card__check-label--active{color:#ff4d4d}.confirm-card__actions{gap:14px;width:100%;margin-top:4px;display:flex}.btn{height:50px;font:inherit;letter-spacing:.05em;cursor:pointer;border:1px solid #0000;border-radius:14px;flex:1;font-size:15.5px;transition:color .35s,background .35s,box-shadow .35s,transform .2s,border-color .35s,opacity .3s}.btn:active:not(:disabled){transform:scale(.975)}.btn:focus-visible{outline-offset:3px;outline:2px solid #ffffffd9}.btn--light{color:#1d1d1f;background:#ffffffe0;border-color:#ffffffa6;box-shadow:0 8px 20px #00000038}.btn--light:hover{color:#0071e3;background:#fff;box-shadow:0 12px 26px #00000047}.btn--danger{color:#fff;background:#e53935;box-shadow:0 8px 20px #e5393559,inset 0 1px #fff3}.btn--danger:hover:not(:disabled){background:#ef5350;box-shadow:0 12px 28px #e5393580,inset 0 1px #ffffff40}.btn--danger:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}@media (width<=480px){.confirm-card__actions{flex-direction:column}.btn{height:48px}}@media (prefers-reduced-motion:reduce){.confirm-card,.btn{transition:none}.confirm-card:hover{transform:none}.confirm--exiting{animation:10ms forwards confirm-exit}}