html{scrollbar-gutter:stable;scroll-behavior:smooth;background:#fefaf6;max-width:1360px;margin:0 auto;padding:0 3.5%;font-family:Inter,Noto Sans JP,sans-serif}body.no-scroll{overflow:hidden}.material-symbols-rounded{font-variation-settings:"FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24}main h2{margin-bottom:25px;font-size:20px;font-weight:500}main section{max-width:1360px;padding:30px 0 90px}@media screen and (width<=599px){main section{max-width:1360px;padding:30px 0 90px}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:50px;right:50%;transform:translate(50%)}.toast{pointer-events:auto;color:#222;opacity:0;background:#fefaf6;border-radius:10px;align-items:center;gap:10px;width:90vw;max-width:400px;min-height:60px;padding:12px 16px;font-size:14px;line-height:1.5;transition:opacity .3s,transform .3s;display:flex;transform:translateY(-50px);box-shadow:0 4px 15px #00000026}.toast--show{opacity:1;transform:translateY(0)}.toast__icon{flex-shrink:0;font-size:20px}.toast__message{text-align:left;white-space:pre-line;word-break:break-word;flex:1.1;line-height:1.4}.toast__close-btn{border-radius:50%;flex-shrink:0;width:30px;height:30px;transition:all .2s;position:relative}.toast__close-btn span{font-size:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.toast__close-btn:hover{color:#fefaf6;background:#d95252}.toast--success{border:1px solid #3d9b3d}.toast--success .toast__icon{color:#3d9b3d}.toast--error{border:1px solid #d95252}.toast--error .toast__icon{color:#d95252}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;opacity:0;justify-content:center;align-items:flex-start;width:100vw;height:100dvh;padding-top:40dvh;padding-bottom:20px;transition:opacity .25s;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.modal-backdrop--show{opacity:1}.modal-backdrop--show .modal{transform:scale(1)}.modal{background:#fefaf6;border:1px solid #eadbc8;border-radius:10px;width:90%;max-width:400px;padding:24px;transition:transform .25s;transform:scale(.9);box-shadow:0 10px 30px #0003}.modal__title{color:#222;margin-bottom:12px;font-size:18px;font-weight:700}.modal__message{white-space:pre-line;margin-bottom:24px;font-size:14px;line-height:1.6}.modal__actions{justify-content:flex-end;gap:12px;display:flex}.modal__btn{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:14px;transition:background .2s}.modal__btn--cancel{color:#495057;background:#f7f1e9;border:1px solid #eadbc8}.modal__btn--cancel:hover{background:#eadbc8;border-color:#dac0a3}.modal__btn--ok{border:1px solid #3d9b3d}.modal__btn--ok:hover{color:#fefaf6;background:#3d9b3d;font-weight:600}.modal__btn--danger{border:1px solid #d95252}.modal__btn--danger:hover{color:#fefaf6;background:#d95252;font-weight:600}*{margin:0 auto}html{color:#222;background:#fefaf6;width:90%;max-width:400px;font-family:Noto Sans JP,sans-serif}header{position:absolute;top:0;left:50%;transform:translate(-50%)}header .header_wrapper{z-index:3;line-height:100px;position:relative}header .header_logo{width:auto;height:65px;margin:17.5px 0}header .header_logo img{width:100%;height:100%}main{width:100%;position:absolute;top:50%;left:0%;transform:translateY(-50%)}.auth_box{background-color:#f7f1e9;border:1px solid #eadbc8;border-radius:20px;width:90%;max-width:450px;padding:40px 50px 50px}@media screen and (width<=599px){.auth_box{padding:30px 30px 40px}}.auth_box .title{text-align:center;margin-bottom:50px;font-size:25px}.auth_box form input,.auth_box form button{border-radius:10px;width:100%;display:block}.auth_box form input{border:1px solid #eadbc8;padding:10px;font-family:Inter,sans-serif}.auth_box form input:first-of-type{margin-bottom:20px}.auth_box form input:focus{border:1px solid #102c57;outline:0}.auth_box form button{text-align:center;color:#fefaf6;background:#102c57;border:1px solid #102c57;width:100%;margin-top:30px;padding:15px 0;transition:all .2s}.auth_box form button:hover{color:#222;background:#f7f1e9;border:1px solid #102c57;font-weight:600}.resetPass_btn_wrapper{text-align:right;margin-top:15px}.register_btn_wrapper{text-align:center;margin-top:30px}.register_btn,.resetPass_btn{color:#102c57;text-underline-offset:3px;text-align:center;text-decoration:underline}.register_btn:hover,.resetPass_btn:hover{text-decoration-thickness:2px}.resetPass_btn{color:#9e9e9e;font-size:12px}footer{width:100%;padding-bottom:20px;position:absolute;bottom:0;left:0%}footer .auth-link_wrapper{text-align:center;margin:50px 0 30px}footer .auth-link{text-align:center;padding:5px 10px;display:inline-block}footer .auth-link a{color:#9e9e9e;text-underline-offset:3px;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;font-size:12px;text-decoration:underline}footer .auth-link a:hover{text-decoration-thickness:3px}footer .copyright{color:#9e9e9e;text-align:center;margin-top:-16px;font-family:Inter,sans-serif;font-size:12px}footer #app-version{margin-left:15px;font-family:Inter,sans-serif}.modal-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-wrapper.active{display:block}.modal-wrapper h2{text-align:center;margin-bottom:15px;font-size:25px}.modal-wrapper p{text-align:center;margin-bottom:30px;font-size:14px;line-height:1.5}#signup-modal_wrapper .signup-modal{background:#fefaf6;border-radius:30px;width:500px;padding:40px 50px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px 10px #0000000d}@media screen and (width<=599px){#signup-modal_wrapper .signup-modal{width:90%;padding:30px}}#signup-modal_wrapper .signup-modal .close_btn_wrapper{position:relative}#signup-modal_wrapper .signup-modal .close_btn_wrapper .close_btn{background:#f7f1e9;border:1px solid #eadbc8;border-radius:50%;width:50px;height:50px;transition:all .2s;position:absolute;top:0;right:0}#signup-modal_wrapper .signup-modal .close_btn_wrapper .close_btn span{font-family:Material Symbols Rounded;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#signup-modal_wrapper .signup-modal .close_btn_wrapper .close_btn:hover{background:#d95252}#signup-modal_wrapper .signup-modal .close_btn_wrapper .close_btn:hover span{color:#fefaf6}#signup-modal_wrapper .signup-modal .logo_wrapper{justify-content:flex-start;margin-bottom:30px;display:flex}#signup-modal_wrapper .signup-modal .logo_wrapper div{width:auto;height:65px;margin:0 0 17.5px}#signup-modal_wrapper .signup-modal .logo_wrapper div img{width:auto;height:100%}#signup-modal_wrapper .signup-modal #signup-form{margin:0}#signup-modal_wrapper .signup-modal p{text-align:center;margin-bottom:30px;font-size:14px;line-height:1.5}#signup-modal_wrapper .signup-modal input[type=email],#signup-modal_wrapper .signup-modal input[type=password]{border:1px solid #eadbc8;border-radius:10px;width:100%;margin-bottom:15px;padding:10px;font-family:Inter,sans-serif;display:block}#signup-modal_wrapper .input__checkbox{align-items:center;display:inline-flex}#signup-modal_wrapper .input__checkbox label{font-size:14px}#signup-modal_wrapper .input__checkbox #signup-terms{appearance:auto;margin-right:10px;position:relative;transform:translateY(1px)}#signup-modal_wrapper .input__checkbox .signup-terms__link{text-underline-offset:3px;text-decoration:underline}#signup-modal_wrapper .input__checkbox .signup-terms__link:hover{text-decoration-thickness:2px}#signup-modal_wrapper #signup-submit-btn{text-align:center;color:#fefaf6;background:#102c57;border:1px solid #102c57;border-radius:10px;width:100%;margin-top:30px;padding:15px 0;transition:all .2s}#signup-modal_wrapper #signup-submit-btn:hover{color:#222;background:#fefaf6;border:1px solid #102c57;font-weight:600}#loginMFA-modal_wrapper .loginMfa-modal{background:#fefaf6;border-radius:30px;width:400px;padding:40px 50px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px 10px #0000000d}#loginMFA-modal_wrapper .loginMfa-modal .loginMFA-modal__input{border:1px solid #ded9d2;border-radius:10px;width:100%;margin-bottom:30px;padding:15px 0;font-family:Inter,sans-serif;font-size:20px}#loginMFA-modal_wrapper .loginMfa-modal .loginMFA-modal__switch-btn{color:#102c57;text-underline-offset:3px;text-align:center;font-size:14px;text-decoration:underline}#loginMFA-modal_wrapper .loginMfa-modal .loginMFA-modal__switch-btn:hover{text-decoration-thickness:2px}#loginMFA-modal_wrapper .loginMfa-modal .loginMFA-modal__form-btn{color:#fefaf6;background:#102c57;border:1px solid #ded9d2;border-radius:10px;width:100%;padding:15px 0;transition:all .2s;display:block}#loginMFA-modal_wrapper .loginMfa-modal .loginMFA-modal__form-btn:hover{color:#222;background:#fefaf6}@media screen and (width<=599px){#loginMFA-modal_wrapper .loginMfa-modal{width:90%;padding:30px}}#forgetPass-modal_wrapper .forgetPass-modal{background:#fefaf6;border-radius:30px;width:500px;padding:40px 50px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px 10px #0000000d}@media screen and (width<=599px){#forgetPass-modal_wrapper .forgetPass-modal{width:90%;padding:30px}}#forgetPass-modal_wrapper .forgetPass-modal .close_btn_wrapper{position:relative}#forgetPass-modal_wrapper .forgetPass-modal .close_btn_wrapper .close_btn{background:#f7f1e9;border:1px solid #eadbc8;border-radius:50%;width:50px;height:50px;transition:all .2s;position:absolute;top:0;right:0}#forgetPass-modal_wrapper .forgetPass-modal .close_btn_wrapper .close_btn span{font-family:Material Symbols Rounded;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#forgetPass-modal_wrapper .forgetPass-modal .close_btn_wrapper .close_btn:hover{background:#d95252}#forgetPass-modal_wrapper .forgetPass-modal .close_btn_wrapper .close_btn:hover span{color:#fefaf6}#forgetPass-modal_wrapper .forgetPass-modal .logo_wrapper{margin-bottom:30px}#forgetPass-modal_wrapper .forgetPass-modal .logo_wrapper div{width:auto;height:65px;margin:0 0 17.5px}#forgetPass-modal_wrapper .forgetPass-modal .logo_wrapper div img{width:auto;height:100%}#forgetPass-modal_wrapper .forgetPass-modal p{text-align:center;margin-bottom:30px;font-size:14px;line-height:1.5}#forgetPass-modal_wrapper .forgetPass-modal input{border:1px solid #eadbc8;border-radius:10px;width:100%;margin-bottom:15px;padding:10px;font-family:Inter,sans-serif;display:block}#forgetPass-modal_wrapper label{font-size:16px}#forgetPass-modal_wrapper #signup-terms{appearance:auto;margin-right:5px}#forgetPass-modal_wrapper #link-forgot-password{text-align:center;color:#fefaf6;background:#102c57;border:1px solid #102c57;border-radius:10px;width:100%;margin-top:30px;padding:15px 0;transition:all .2s;display:block}#forgetPass-modal_wrapper #link-forgot-password:hover{color:#222;background:#fefaf6;border:1px solid #102c57;font-weight:600}main .resetPass_modal{background:#f7f1e9;border:1px solid #ded9d2;border-radius:20px;max-width:500px;padding:30px}main .resetPass_modal h2{text-align:center;margin-bottom:30px;font-size:25px}main .resetPass_modal p{text-align:center;font-size:14px;line-height:1.5}main .resetPass_modal input{border:1px solid #eadbc8;border-radius:10px;width:100%;margin:15px 0 30px;padding:10px;font-family:Inter,sans-serif}main .resetPass_modal input:focus{border:1px solid #102c57;outline:0}main .resetPass_modal button{text-align:center;color:#fefaf6;background:#102c57;border:1px solid #102c57;border-radius:10px;width:100%;padding:15px 0;transition:all .2s}main .resetPass_modal button:hover{color:#222;background:#f7f1e9;border:1px solid #102c57;font-weight:600}