*{margin:0 auto}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}}body .header__menu-btn{z-index:9;cursor:pointer;background:#f7f1e9;border:1px solid #eadbc8;border-radius:10px;width:50px;height:50px;margin-left:auto;padding:13px;transition:all .2s;display:block;position:sticky;top:25px}@media screen and (width<=599px){body .header__menu-btn{position:fixed;top:25px;right:5vw}}body .header__menu-btn span{-webkit-font-feature-settings:"liga" 1;font-feature-settings:"liga" 1;font-size:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body .header__menu-btn:hover{background:#eadbc8;border:1px solid #dac0a3}.header{margin-top:-50px}@media screen and (width<=599px){.header{margin-top:0}}.header__wrapper{z-index:3;line-height:100px;position:relative}.header__logo{width:auto;height:65px;margin:17.5px 0}.header__logo img{width:auto;height:100%}.header__logo.no-display{display:none}.header__nav{text-align:right;letter-spacing:.05rem;margin:-100px 80px 0 0;list-style:none}@media screen and (width<=599px){.header__nav{display:none}}.header__nav-item{cursor:pointer;margin-left:20px;display:inline;position:relative}.header__nav-link{color:#000;padding:5px 0}.header__nav-link:hover{text-underline-offset:5px;text-decoration:underline}.header__nav.no-display{display:none}.header__sm-nav{width:100%;min-height:calc(60px + env(safe-area-inset-bottom));z-index:50;padding-bottom:env(safe-area-inset-bottom);background:#fefaf6;border-top:2px solid #f7f1e9;display:flex;position:fixed;bottom:0;left:0}.header__sm-nav.remove{display:none}@media screen and (width>=600px){.header__sm-nav{display:none}}.header__sm-nav-item{text-align:center;cursor:pointer;flex:1;position:relative}.header__sm-nav-item span{font-size:28px;position:absolute;top:15%;left:50%;transform:translate(-50%)}.header__sm-nav-item p{width:100%;font-size:10px;position:absolute;bottom:15%;left:50%;transform:translate(-50%)}.header__sm-nav-item a{color:#000;width:100%;height:100%;text-decoration:none;position:absolute;left:50%;transform:translate(-50%)}.header__sm-nav-item:hover{background:#ded9d2}footer{width:100%;margin:0 auto 30px;position:relative}@media screen and (width<=599px){footer{margin-bottom:120px}}footer .footer__copy{color:#999;font-size:14px;line-height:16px}footer .footer__copy span{margin-left:20px;font-size:11px}@media screen and (width<=599px){footer .footer__copy{line-height:1.75}}footer .footer__line{background:#f7f1e9;height:2px;margin:15px 0;display:none}@media screen and (width<=599px){footer .footer__line{display:block}}footer .footer__link-list{text-align:right;margin-top:-16px;line-height:16px}@media screen and (width<=599px){footer .footer__link-list{text-align:left;margin:0;line-height:1.75}}footer .footer__link-item{margin-left:10px;display:inline-block}@media screen and (width<=599px){footer .footer__link-item{margin-left:0;margin-right:10px}}footer .footer__link{color:#999;font-size:14px}footer .footer__link:hover{color:#102c57;text-underline-offset:5px;text-decoration:underline}.drawer-menu{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.drawer-menu.active{display:block}.drawer-menu__logo-wrapper{width:100%;max-width:1360px;height:100px;margin:0 auto;position:absolute;top:0;left:0;right:0}.drawer-menu__logo{cursor:pointer;z-index:99;width:auto;height:65px;position:absolute;top:50%;left:3.5vw;transform:translateY(-50%)}.drawer-menu__logo img{width:auto;height:100%}.drawer-menu__container{z-index:2;background:#fefaf6;border-radius:0 0 50px 50px;width:100%;height:650px;box-shadow:0 0 50px 20px #0000001a}@media screen and (width<=599px){.drawer-menu__container{border-radius:0 0 30px 30px;height:90%}}.drawer-menu__inner{max-width:1360px;height:650px;padding:100px 3.5% 0;display:flex}@media screen and (width<=599px){.drawer-menu__inner{height:100%;padding:80px 0% 0;display:block}}.drawer-menu__sidebar{text-align:left;border-right:2px solid #f7f1e9;flex:1}@media screen and (width<=599px){.drawer-menu__sidebar{display:flex}}.drawer-menu__tabs{width:100%;margin:0;padding:0;list-style:none}@media screen and (width<=599px){.drawer-menu__tabs{display:flex}}.drawer-menu__tab{padding:13px 0;font-family:Noto Sans JP,sans-serif;position:relative}.drawer-menu__tab-br{display:none}@media screen and (width<=599px){.drawer-menu__tab{text-align:center;aspect-ratio:1/.6;width:100%;font-size:10px;text-decoration:none;position:relative}.drawer-menu__tab-br{line-height:1.5;display:inline}.drawer-menu__tab span{position:absolute;top:18%;left:50%;transform:translate(-50%)}.drawer-menu__tab .drawer-menu__tab-text{width:90%;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.drawer-menu__tab{border-bottom:2px solid #f7f1e9}}@media screen and (width>=600px){.drawer-menu__tab{gap:5px;display:inline-flex}.drawer-menu__tab span{font-size:20px}}.drawer-menu__tab--small{padding:8px 0;font-size:12px;display:block}@media screen and (width<=599px){.drawer-menu__tab--small{display:none}}.drawer-menu__tab--small span{padding-left:7.5px;font-family:Material Symbols Rounded;font-size:14px;text-decoration:none;position:absolute;top:50%;transform:translateY(-50%)}.drawer-menu__tab:nth-of-type(5){margin-top:25px}.drawer-menu__tab:hover .drawer-menu__tab-text,.drawer-menu__tab.active .drawer-menu__tab-text{text-underline-offset:5px;-webkit-text-decoration-skip:1.5px;text-decoration-skip:1.5px;font-weight:500;-webkit-text-decoration:underline #102c57;text-decoration:underline #102c57;text-decoration-thickness:2px}.drawer-menu__tab:hover,.drawer-menu__tab.active{color:#102c57}@media screen and (width<=599px){.drawer-menu__tab:hover,.drawer-menu__tab.active{border-bottom:2px solid #102c57}.drawer-menu__tab:hover .drawer-menu__tab-text,.drawer-menu__tab.active .drawer-menu__tab-text{text-decoration:none}}@media screen and (width>=600px){.drawer-menu__tab:hover span,.drawer-menu__tab.active span{text-decoration:none}}.drawer-menu__content{scrollbar-width:none;border-radius:5px;flex:4;max-height:calc(90dvh - 161px);padding-left:30px;overflow:hidden scroll}@media screen and (width<=599px){.drawer-menu__content{border-top:2px solid #f7f1e9;height:100%;margin-top:-2px;padding:5vw 5% 0}}.drawer-menu__panel{display:none}.drawer-menu__panel.active{display:block}.drawer-menu__panel .scroll-container::-webkit-scrollbar{display:none}.drawer-menu__panel::-webkit-scrollbar{width:2px}.drawer-menu__panel::-webkit-scrollbar-thumb{background:#eadbc8}.drawer-menu__panel h3{margin-bottom:30px;font-family:Noto Sans JP,sans-serif;font-size:20px;font-weight:500}.drawer-menu__panel h3 span{margin-top:10px;font-size:14px;font-weight:400;line-height:1.5;display:block}.drawer-menu__panel h4{margin-bottom:15px;font-family:Noto Sans JP,sans-serif;font-size:18px;font-weight:500}.year_select_wrapper{border-bottom:2px solid #f7f1e9;margin-bottom:15px;padding-bottom:15px}.year_select_wrapper button{cursor:pointer;border:1px solid #eadbc8;border-radius:10px;padding:5px;font-size:20px;transition:all .2s}.year_select_wrapper button:hover{background-color:#eadbc8;border-color:#dac0a3}.year_select_wrapper #display-year{font-variant-numeric:tabular-nums;margin:0 15px;font-family:Inter,sans-serif;font-weight:600}.year_select_wrapper #next-year:before{content:"";font-family:Material Symbols Rounded}.year_select_wrapper #prev-year:before{content:"";font-family:Material Symbols Rounded}.month_select_wrapper{white-space:nowrap;gap:10px;margin-bottom:15px;display:flex;overflow-x:auto}.month_select_wrapper::-webkit-scrollbar{display:none}.month_select_wrapper .month_btn{cursor:pointer;text-align:center;border:1px solid #eadbc8;border-radius:10px;flex-shrink:0;padding:10px 20px;transition:all .3s}.month_select_wrapper .month_btn:hover{background:#eadbc8;border:1px solid #dac0a3}.month_select_wrapper .month_btn.active{color:#fefaf6;background-color:#102c57;border-color:#102c57;font-weight:600}.smm_grid_wrapper{grid-template-rows:155px 155px 155px;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;display:grid}@media screen and (width<=599px){.smm_grid_wrapper{grid-template-rows:160px 160px 160px 500px;grid-template-columns:1fr 1fr;gap:7.5px}}.smm_grid_wrapper .grid_inner{background:#f7f1e9;border-radius:15px;width:100%;height:100%;padding:15px;position:relative}@media screen and (width<=599px){.smm_grid_wrapper .grid_inner{padding:12.5px}}.smm_grid_wrapper .grid_inner .grid_yen{font-variant-numeric:tabular-nums;color:#222;font-family:Inter,sans-serif;font-size:clamp(25px,2.5vw,35px)}@media screen and (width<=599px){.smm_grid_wrapper .grid_inner .grid_yen{font-size:25px}}.smm_grid_wrapper .grid_inner .grid_yen{letter-spacing:-.125rem;margin:10px 0;top:50%}.smm_grid_wrapper .grid_inner .grid_yen:before{content:"¥";font-size:28px}@media screen and (width<=599px){.smm_grid_wrapper .grid_inner .grid_yen:before{font-size:20px}}.smm_grid_wrapper .grid_inner .grid_yen:before{padding-right:5px}.smm_grid_wrapper .grid_inner #carry-over-display{color:#686868;border:1px solid #eadbc8;border-radius:5px;padding:10px;font-size:13px}.smm_grid_wrapper .grid_inner .line{background:#eadbc8;width:100%;height:1px;margin:12px 0 15px;display:block}.smm_grid_wrapper .grid_inner #expense-categories-list{max-height:180px}@media screen and (width<=599px){.smm_grid_wrapper .grid_inner #expense-categories-list{max-height:195px}}.smm_grid_wrapper .grid_inner #expense-categories-list{overflow:hidden scroll}.smm_grid_wrapper .grid_inner #expense-categories-list::-webkit-scrollbar{width:2px}.smm_grid_wrapper .grid_inner #expense-categories-list::-webkit-scrollbar-thumb{background:#eadbc8}.smm_grid_wrapper .grid_inner #expense-categories-list{scrollbar-width:1px;scrollbar-color:#ded9d2}.smm_grid_wrapper .grid_inner .grid_inner-flex_wrapper{margin-bottom:3px;font-size:12px;display:flex}.smm_grid_wrapper .grid_inner .grid_inner-flex_wrapper .grid_inner-flex_wrapper{color:#222;flex:1}.smm_grid_wrapper .grid_inner .grid_inner-flex_wrapper .grid_inner-flex_wrapper p{font-variant-numeric:tabular-nums;letter-spacing:-.04rem;font-family:Inter,sans-serif}.smm_grid_wrapper .grid_inner .grid_inner-flex_wrapper .grid_inner-flex_wrapper.label{flex:1.35;font-size:11px}.smm_grid_wrapper .grid_inner .chart{flex:1;padding:20px 0;position:relative;width:100%!important;height:100%!important}.smm_grid_wrapper .grid_inner .chart.line-chart,.smm_grid_wrapper .grid_inner .chart canvas{width:100%!important;height:100%!important}.smm_grid_wrapper .grid_inner.amount{grid-area:1/1/3/2}.smm_grid_wrapper .grid_inner.s2{grid-area:1/2/3/3}.smm_grid_wrapper .grid_inner.s3{grid-area:3/1/4/2}.smm_grid_wrapper .grid_inner.s4{grid-area:3/2/4/3}.smm_grid_wrapper .grid_inner.graph{flex-direction:column;grid-area:1/3/4/5;display:flex}@media screen and (width<=599px){.smm_grid_wrapper .grid_inner.graph{grid-area:4/1/5/3}}form{color:#222}form .form_group{margin:15px 0;display:flex;position:relative}form .form_group input,form .form_group textarea,form .form_group .radio_wrapper,form .form_group select{appearance:none;color:#222;text-align:left;flex:1;line-height:2}form .form_group input::-webkit-scrollbar{display:none}form .form_group textarea::-webkit-scrollbar{display:none}form .form_group .radio_wrapper::-webkit-scrollbar{display:none}form .form_group select::-webkit-scrollbar{display:none}form .form_group input,form .form_group textarea,form .form_group select{border-bottom:2px solid #f7f1e9}form .form_group input[type=date]{background-color:#0000}form .form_group input[type=date]::-webkit-date-and-time-value{width:100%;text-align:left!important;margin:0!important}form .form_group>label{flex:.5;line-height:2}form .form_group .req:after{content:"*";color:#d95252}form .form_group .yen_char{font-size:14px;position:absolute;top:50%;right:2.5px;transform:translateY(-50%)}form .form_group .category:after{content:"";color:#222;font-family:Material Symbols Rounded;font-size:20px;position:absolute;top:50%;right:0;transform:translateY(-50%)}form .form_group .radio_wrapper{border-bottom:none;justify-content:flex-start;align-items:center;gap:20px;margin-bottom:10px;display:inline-flex}form .form_group .radio_wrapper input[type=radio]{display:none}form .form_group .radio_wrapper label{-webkit-box-flex:initial;-ms-flex:initial;flex:initial;cursor:pointer;color:#102c57;text-align:center;border:1px solid #eadbc8;border-radius:10px;width:100%;padding:6px 20px;line-height:1.25;transition:all .3s}form .form_group .radio_wrapper label:hover{background:#eadbc8;border:1px solid #dac0a3}form .form_group .radio_wrapper input[type=radio]:checked+label{color:#fff;background-color:#102c57;border-color:#102c57;font-weight:500}form button{cursor:pointer;border:1px solid #eadbc8;border-radius:10px;padding:15px 30px;transition:all .3s}form button:hover{background-color:#eadbc8;border-color:#dac0a3;font-weight:500}form::-webkit-date-and-time-value{text-align:left}.table-wrapper{white-space:nowrap;overflow-x:auto}#transaction-table{border-collapse:collapse;color:#222;width:100%;min-width:800px;font-size:14px}#transaction-table th{text-align:left;background-color:#eadbc8;border-bottom:1px solid #eadbc8;padding:15px;font-weight:500;position:relative}#transaction-table th .filter_wrapper:after{content:"";font-family:Material Symbols Rounded;font-size:20px;position:absolute;top:50%;transform:translateY(-50%)}#transaction-table td{vertical-align:middle;border-bottom:1px solid #f7f1e9;padding:15px 15px 10px}#transaction-table td.btn_wrapper{padding:0!important}#transaction-table td:first-of-type{width:130px}#transaction-table td:nth-of-type(2){width:105px}#transaction-table td:nth-of-type(3){width:100px}#transaction-table td:nth-of-type(4){width:320px}#transaction-table td:nth-of-type(5){width:230px}#transaction-table tr:hover{background-color:#f7f1e9}#transaction-table tr.is-day-start td{border-top:2px solid #eadbc8}#transaction-table tbody{font-family:Inter,Noto Sans JP,sans-serif;line-height:1}.daily-total-row{background-color:#efeeec}.daily-total-row td{padding:8px 12px}.history-item{justify-content:space-between;align-items:center;display:flex}.column-btn{cursor:pointer;border:none;border-radius:7.5px;padding:6px 15px;font-size:12px;transition:all .2s}.column-btn.delete{background-color:#fefaf6;border:1px solid #d95252}.column-btn.delete:hover{color:#fefaf6;background-color:#d95252}.column-btn.edit{border:1px solid #eadbc8;margin-left:5px}.column-btn.edit:hover{background-color:#eadbc8;border-color:#dac0a3}#edit-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;background:#0000001a;width:100vw;height:100%;transition:opacity .25s;display:none;position:fixed;top:0;left:0;transform:scale(.9)}#edit-modal .editform_container{width:90%;max-width:calc(1360px - 10%);padding:50px;position:fixed}@media screen and (width<=599px){#edit-modal .editform_container{padding:30px}}#edit-modal .editform_container{background:#fefaf6;border-radius:20px;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px 10px #0000000d}#edit-modal.active{display:block;transform:scale(1)}#edit-modal .btn_wrapper{position:absolute;top:50px;right:50px}@media screen and (width<=599px){#edit-modal .btn_wrapper{top:30px;right:30px}}#edit-modal .close_btn{background:#f7f1e9;border:1px solid #eadbc8;border-radius:50px;width:50px;height:50px;font-family:Material Symbols Rounded;transition:all .2s;display:inline-block;position:relative}#edit-modal .close_btn span{font-size:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#edit-modal .close_btn:hover{color:#fefaf6;background:#d95252}#edit-modal h2{line-height:50px}#edit-modal h2 span{color:#999;margin-left:10px;font-size:16px;font-weight:400}.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}.category-settings__title{margin-bottom:30px;font-family:Noto Sans JP,sans-serif;font-size:20px;font-weight:500}.category-settings__title span{margin-top:10px;font-size:14px;font-weight:400;line-height:1.5;display:block}.category-settings__subtitle{margin-bottom:15px;font-family:Noto Sans JP,sans-serif;font-size:18px;font-weight:500}.category-settings__subtitle--expence{margin-top:56px}@media screen and (width<=599px){.category-settings__subtitle--expence{margin-top:0}}.category-settings__layout{gap:3.5vw;margin-top:10px;display:flex}@media screen and (width<=599px){.category-settings__layout{display:block}}.category-settings__box{flex:1}@media screen and (width<=599px){.category-settings__box{margin-bottom:30px}}.category-settings__form{grid-template-columns:calc(100% - 110px) 100px;gap:10px;margin-bottom:30px;display:grid}.category-settings__checkbox-label{margin-top:5px;margin-left:0;font-size:14px;display:inline-flex}.category-settings__checkbox-label input{appearance:auto;margin-right:10px;position:relative;transform:translateY(1px)}.category-settings__input{background:#f7f1e9;border:1px solid #eadbc8;border-radius:10px;width:100%;padding:10px;display:block}.category-settings__add-btn{cursor:pointer;text-align:center;background:0 0;border:1px solid #eadbc8;border-radius:10px;padding:10px 15px;transition:all .2s;display:block}@media screen and (width<=599px){.category-settings__add-btn{font-size:14px;margin-left:1.5%!important}}.category-settings__add-btn:hover{background:#eadbc8;border-color:#dac0a3}.category-settings__list{height:300px;margin:0;padding:0;list-style:none;overflow:hidden auto}@media screen and (width<=599px){.category-settings__list{height:auto;margin-top:15px;overflow:visible}}.category-settings__list::-webkit-scrollbar{width:2px}.category-settings__list::-webkit-scrollbar-thumb{background:#eadbc8}.category-settings__list{scrollbar-width:thin;scrollbar-color:#ded9d2 transparent}.category-settings__item{border:1px solid #ded9d2;border-radius:10px;width:100%;margin:5px 0;padding:10px 13px;font-size:14px;position:relative}@media screen and (width<=599px){.category-settings__item{width:100%;padding:10px}}.category-settings__label-wrapper{margin-left:10px;display:inline-block}.category-settings__badge{color:#f7f1e9;background-color:#102c57;border-radius:5px;padding:2px 8px;font-size:11px;line-height:1.4}.category-settings__delete-btn{cursor:pointer;background:#fefaf6;border:1px solid #d95252;border-radius:7.5px;padding:5px 10px;font-family:Noto Sans JP,sans-serif;font-size:12px;transition:all .2s;position:absolute;top:50%;right:13px;transform:translateY(-50%)}@media screen and (width<=599px){.category-settings__delete-btn{right:10px}}.category-settings__delete-btn:hover{color:#fefaf6;background:#d95252}.subsc-settings{width:100%}.subsc-settings__title{margin-bottom:30px;font-family:Noto Sans JP,sans-serif;font-size:20px;font-weight:500}.subsc-settings__title span{margin-top:10px;font-size:14px;font-weight:400;line-height:1.5;display:block}.subsc-settings__subtitle{margin-bottom:15px;font-family:Noto Sans JP,sans-serif;font-size:18px;font-weight:500}.subsc-settings__group{align-items:center;margin-bottom:15px;display:flex;position:relative}@media screen and (width<=599px){.subsc-settings__group{flex:1;gap:7.5px}}.subsc-settings__group:after{color:#222;display:inline-block;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.subsc-settings__group--amount:after{content:"円"}.subsc-settings__group--day:after{content:"";font-family:Material Symbols Rounded;font-size:20px;right:13.5px}.subsc-settings__label{flex:1}@media screen and (width<=599px){.subsc-settings__label{font-size:14px}}.subsc-settings__input-wrapper{flex:3}@media screen and (width<=599px){.subsc-settings__input-wrapper{flex:2.5}}.subsc-settings__input-wrapper--day{flex:3}@media screen and (width<=599px){.subsc-settings__input-wrapper--day{flex:2.5}}.subsc-settings__input-wrapper--day{align-items:center;gap:10px;display:flex}.subsc-settings__input,.subsc-settings__select{background:#f7f1e9;border:1px solid #eadbc8;border-radius:10px;width:100%;padding:10px 15px;line-height:1}.subsc-settings__prefix{flex:1}.subsc-settings__select{flex:10;padding:12px 15px}@media screen and (width<=599px){.subsc-settings__select{flex:4}}.subsc-settings__submit-btn{cursor:pointer;background:0 0;border:1px solid #eadbc8;border-radius:10px;margin-bottom:30px;padding:15px 30px;transition:all .2s}@media screen and (width<=599px){.subsc-settings__submit-btn{font-size:14px;margin-left:1.5%!important}}.subsc-settings__submit-btn:hover{background:#eadbc8;border-color:#dac0a3}.subsc-settings__table-wrapper{margin-bottom:50px;position:relative;overflow:auto hidden}.subsc-settings__table{border-collapse:collapse;width:100%;min-width:500px;font-size:14px}.subsc-settings__th{text-align:left;background:#eadbc8;padding:10px 15px;font-weight:500}.subsc-settings__td{vertical-align:middle;border-top:1px solid #efeeec;padding:7.5px 15px}.subsc-settings__delete-btn{cursor:pointer;background:#fefaf6;border:1px solid #d95252;border-radius:7.5px;padding:5px 10px;font-family:Noto Sans JP,sans-serif;font-size:12px;transition:all .2s}.subsc-settings__delete-btn:hover{color:#fefaf6;background:#d95252}#account_settings .setting_items.email .setting-items__flexwrapper{align-items:center;gap:20px;margin-bottom:15px;display:flex}@media screen and (width<=599px){#account_settings .setting_items.email .setting-items__flexwrapper{display:block}#account_settings .setting_items.email .email__label{margin:0 0 5px;font-size:14px;display:block}}#account_settings .setting_items.email .email__label{flex:1}#account_settings .setting_items.email .email__address--current{color:#999;background:#efeeec;border:1px solid #eadbc8;border-radius:10px;flex:3;padding:10px 15px;font-family:Inter,sans-serif}#account_settings .setting_items.email .email__address--new{background:#f7f1e9;border:1px solid #eadbc8;border-radius:10px;flex:3;width:100%;padding:10px 15px;font-family:Inter,sans-serif}#account_settings .setting_items.email span{font-family:Inter,sans-serif}@media screen and (width<=599px){#account_settings .setting_items.email span{margin-top:5px;display:block}}#account_settings .setting_items.email button{border:1px solid #eadbc8;border-radius:10px;padding:10px 15px;transition:all .2s}#account_settings .setting_items.email button:hover{background:#eadbc8;border-color:#dac0a3}#account_settings .line{background:#f7f1e9;width:100%;height:2px;margin:30px 0;display:block}#account_settings #form-update-password .setting-items__flexwrapper{align-items:center;gap:20px;margin-bottom:15px;display:flex}@media screen and (width<=599px){#account_settings #form-update-password .setting-items__flexwrapper{display:block}}#account_settings #form-update-password .setting-items__flexwrapper label{flex:1}@media screen and (width<=599px){#account_settings #form-update-password .setting-items__flexwrapper label{margin-bottom:5px;font-size:14px;display:block}}#account_settings #form-update-password .setting-items__flexwrapper input{background:#f7f1e9;border:1px solid #eadbc8;border-radius:10px;flex:3;width:100%;padding:10px 15px;font-family:Inter,sans-serif}#account_settings #form-update-password button{border:1px solid #eadbc8;border-radius:10px;padding:10px 15px;transition:all .2s}#account_settings #form-update-password button:hover{background:#eadbc8;border-color:#dac0a3}#account_settings .resetPass_btn_wrapper{text-align:right;margin:15px 0}#account_settings .resetPass_btn{color:#102c57;text-underline-offset:3px;text-align:center;text-decoration:underline}#account_settings .resetPass_btn:hover{text-decoration-thickness:2px}#account_settings .resetPass_btn{color:#999;font-size:12px}#account_settings #forgetPass-modal_wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:99999;background:#0000001a;width:100%;height:100%;display:none;position:fixed;top:0;left:0}#account_settings #forgetPass-modal_wrapper.active{display:block}#account_settings #forgetPass-modal_wrapper h2{text-align:center;margin-bottom:15px;font-size:25px}#account_settings #forgetPass-modal_wrapper p{text-align:center;margin-bottom:30px;font-size:14px;line-height:1.5}#account_settings #forgetPass-modal_wrapper .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){#account_settings #forgetPass-modal_wrapper .modal{width:90%;padding:30px}}#account_settings #forgetPass-modal_wrapper .modal .close_btn_wrapper{position:relative}#account_settings #forgetPass-modal_wrapper .modal .close_btn_wrapper .close_btn{background:#eadbc8;border-radius:50%;width:50px;height:50px;transition:all .2s;position:absolute;top:0;right:0}#account_settings #forgetPass-modal_wrapper .modal .close_btn_wrapper .close_btn span{font-family:Material Symbols Rounded;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#account_settings #forgetPass-modal_wrapper .modal .close_btn_wrapper .close_btn:hover{background:#d95252}#account_settings #forgetPass-modal_wrapper .modal .close_btn_wrapper .close_btn:hover span{color:#fefaf6}#account_settings #forgetPass-modal_wrapper .modal .logo_wrapper{margin-bottom:30px}#account_settings #forgetPass-modal_wrapper .modal .logo_wrapper div{width:auto;height:65px;margin:0 0 17.5px}#account_settings #forgetPass-modal_wrapper .modal .logo_wrapper div img{width:auto;height:100%}#account_settings #forgetPass-modal_wrapper .modal p{text-align:center;margin-bottom:30px;font-size:14px;line-height:1.5}#account_settings #forgetPass-modal_wrapper .modal input{border:1px solid #eadbc8;border-radius:10px;width:100%;margin-bottom:15px;padding:10px;font-family:Inter,sans-serif;display:block}#account_settings #forgetPass-modal_wrapper label{font-size:16px}#account_settings #forgetPass-modal_wrapper #signup-terms{appearance:auto;margin-right:5px}#account_settings #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}#account_settings #forgetPass-modal_wrapper #link-forgot-password:hover{color:#222;background:#fefaf6;border:1px solid #102c57;font-weight:600}#account_settings #mfa-unregistered-area{display:none}#account_settings #mfa-unregistered-area.active{display:block}#account_settings #mfa-unregistered-area #btn-mfa-enroll{border:1px solid #ded9d2;border-radius:10px;padding:10px 20px;transition:all .2s}#account_settings #mfa-unregistered-area #btn-mfa-enroll:hover{color:#fefaf6;background:#102c57}#account_settings #mfa-unregistered-area #mfa-setup-area{display:none}#account_settings #mfa-unregistered-area #mfa-setup-area.active{display:block}#account_settings #mfa-unregistered-area #mfa-setup-area .mfa-setup__textbox{vertical-align:middle;gap:10px;margin:20px 0;display:inline-flex}#account_settings #mfa-unregistered-area #mfa-setup-area .mfa-setup__textbox--text{line-height:1.5}#account_settings #mfa-unregistered-area #mfa-setup-area .mfa-setup__textbox--num{aspect-ratio:1;color:#fefaf6;background-color:#102c57;border-radius:50%;width:30px;height:30px;padding:5px 11px;font-family:Inter,sans-serif;font-weight:500}#account_settings #mfa-unregistered-area #mfa-setup-area code{letter-spacing:.05rem;background-color:#ded9d2;border-radius:7.5px;margin:10px 0;padding:15px 20px;font-family:Noto Sans Mono,sans-serif;display:block}#account_settings #mfa-unregistered-area #mfa-setup-area input{background:#f7f1e9;border:1px solid #ded9d2;border-radius:10px;padding:10px 20px}#account_settings #mfa-unregistered-area #mfa-setup-area input:focus{background:#eadbc8;border:1px solid #102c57;outline:0}#account_settings #mfa-unregistered-area #mfa-setup-area button{border:1px solid #ded9d2;border-radius:10px;margin-left:15px;padding:10px 20px}@media screen and (width<=599px){#account_settings #mfa-unregistered-area #mfa-setup-area button{margin-left:1.5%!important}}#account_settings #mfa-unregistered-area #mfa-setup-area button{transition:all .2s}#account_settings #mfa-unregistered-area #mfa-setup-area button:hover{color:#fefaf6;background:#102c57}#account_settings #mfa-registered-area{display:none}#account_settings #mfa-registered-area.active{display:block}#account_settings #mfa-registered-area .stats{border-radius:10px;margin-bottom:10px;padding-left:20px;font-size:16px;display:inline-block;position:relative}#account_settings #mfa-registered-area .stats:before{content:"";background:#3d9b3d;border-radius:50%;width:13px;height:13px;position:absolute;top:55%;left:0;transform:translateY(-50%)}#account_settings #mfa-registered-area .date{font-size:14px}#account_settings #mfa-registered-area #btn-mfa-unenroll{border:1px solid #ded9d2;border-radius:10px;margin:15px 0 0;padding:10px 20px}@media screen and (width<=599px){#account_settings #mfa-registered-area #btn-mfa-unenroll{margin-left:1.5%!important}}#account_settings #mfa-registered-area #btn-mfa-unenroll{transition:all .2s}#account_settings #mfa-registered-area #btn-mfa-unenroll:hover{color:#fefaf6;background:#d95252}#account_settings .setting_items_inner{margin-bottom:10px;font-size:14px;display:flex}@media screen and (width<=599px){#account_settings .setting_items_inner{display:block}}#account_settings .setting_items_inner .label{flex:1}@media screen and (width<=599px){#account_settings .setting_items_inner .label{margin-bottom:5px}}#account_settings .setting_items_inner #created-at,#account_settings .setting_items_inner #last-login,#account_settings .setting_items_inner #userID{flex:4;font-family:Inter,sans-serif}#account_settings .logout__btn{border:1px solid #ded9d2;border-radius:10px;padding:10px 20px;transition:all .2s}#account_settings .logout__btn:hover{background:#eadbc8;border-color:#dac0a3}#account_settings .delete-account .warning-box{background-color:#f7dcdc;border-radius:10px;gap:15px;padding:15px;display:flex}@media screen and (width<=599px){#account_settings .delete-account .warning-box{display:block}}#account_settings .delete-account .warning-box .warning-icon{flex:1}#account_settings .delete-account .warning-box .warning-icon span{color:#d95252;font-size:30px}#account_settings .delete-account .warning-box .text{flex:30}#account_settings .delete-account .warning-box .text p{line-height:1.5}#account_settings #btn-delete-account{border:1px solid #d95252;border-radius:10px;margin:15px 0 50px;padding:10px 20px}@media screen and (width<=599px){#account_settings #btn-delete-account{margin-left:1.5%!important}}#account_settings #btn-delete-account{transition:all .2s}#account_settings #btn-delete-account:hover{color:#fefaf6;background:#d95252}.mfa-accordion{border:1px solid #eadbc8;border-radius:10px;max-width:500px;margin:15px 0;overflow:hidden}.mfa-accordion__header{cursor:pointer;background:#f7f1e9;border:none;justify-content:space-between;align-items:center;width:100%;padding:10px 20px;transition:all .2s;position:relative}.mfa-accordion__header:hover{background:#eadbc8}.mfa-accordion__header span{position:absolute;top:50%;right:20px;transform:translateY(-50%)}.mfa-accordion .accordion-body{background:#fefaf6;padding:16px;display:none}.mfa-accordion .accordion-body.open{display:block}.mfa-accordion .status-text{margin-bottom:12px;font-size:14px}.mfa-accordion .backup-codes-grid{letter-spacing:.05rem;background:#f7f1e9;border-radius:6px;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:12px;padding:12px;font-family:Noto Sans Mono,monospace;font-size:16px;font-weight:500;display:grid}.mfa-accordion .action-buttons{gap:8px;margin-bottom:16px;display:flex}.mfa-accordion .btn-secondary{border:1px solid #eadbc8;border-radius:5px;gap:5px;padding:5px 10px;font-size:12px;transition:all .2s;display:inline-flex}.mfa-accordion .btn-secondary .material-symbols-rounded{font-size:14px}.mfa-accordion .btn-secondary:hover{background-color:#eadbc8;border-color:#dac0a3}.mfa-accordion .btn-regenerate{border:1px solid #ded9d2;border-radius:10px;padding:10px 20px;transition:all .2s}.mfa-accordion .btn-regenerate:hover{color:#fefaf6;background:#102c57}.delete-account__pass-form-wrapper{margin-bottom:30px}.delete-account__pass-form{box-sizing:border-box;background:#f7f1e9;border:1px solid #eadbc8;border-radius:6px;width:100%;padding:10px 15px;font-size:16px}#other_settings li{text-underline-offset:5px;border:1px solid #eadbc8;border-radius:10px;margin-bottom:20px;padding:10px 15px;text-decoration-thickness:1px}#other_settings .link_text{color:#102c57;font-family:Noto Sans JP,sans-serif}#other_settings .link_text span{padding-left:5px;font-family:Material Symbols Rounded;font-size:14px}html{font-family:Inter,Noto Sans JP,sans-serif}