@import"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap";.vb-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 24px;background:#139ee5}.vb-header__brand{color:#fff;font-size:1.8rem;font-weight:700}.vb-header__logout{padding:6px 16px;border:1px solid #ffffff;border-radius:100px;background:transparent;color:#fff;font-size:1.3rem;cursor:pointer}.welcome-page{width:100%;max-width:520px;margin:0 auto;padding:32px 16px 60px;text-align:center}.welcome-hero__mini-title{color:#4badd9;font-size:1.6rem;font-weight:700;letter-spacing:.1em}.welcome-hero__title{margin:8px 0 16px;color:#333;font-size:3rem;font-weight:800;line-height:1.3}.welcome-hero__lead{margin:0 0 24px;color:#555;font-size:1.5rem;line-height:1.8;text-align:left}.welcome-card{margin-bottom:24px;padding:24px 20px;text-align:left;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014}.welcome-card__title{margin:0 0 16px;color:#4badd9;font-size:1.8rem;font-weight:700;text-align:center}.welcome-flow{margin:0;padding:0;list-style:none}.welcome-flow__item{display:flex;gap:12px;align-items:flex-start;padding:10px 0}.welcome-flow__item+.welcome-flow__item{border-top:1px solid #f0f0f0}.welcome-flow__no{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:28px;height:28px;color:#fff;font-size:1.4rem;font-weight:700;background:#4badd9;border-radius:50%}.welcome-flow__texts{display:flex;flex-direction:column;gap:2px}.welcome-flow__step-title{color:#333;font-size:1.6rem;font-weight:700}.welcome-flow__step-body{color:#777;font-size:1.3rem;line-height:1.6}.welcome-cta{display:block;width:100%;padding:16px 24px;color:#fff;font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#5bc5f2,#3b9bde);border:0;border-radius:100px;box-shadow:0 2px 8px #00000014;cursor:pointer}.welcome-cta:hover{opacity:.85}.welcome-cta__note{margin:10px 0 32px;color:#999;font-size:1.2rem}.welcome-auth{margin-bottom:32px;padding:20px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014}.welcome-auth__lead{margin:0 0 16px;color:#555;font-size:1.4rem;line-height:1.7}.welcome-auth__buttons{display:flex;gap:12px;justify-content:center}.welcome-auth__button{display:inline-block;flex:1 1 0;max-width:220px;padding:12px 20px;color:#4badd9;font-size:1.5rem;font-weight:700;text-decoration:none;background:#fff;border:2px solid #4badd9;border-radius:100px}.welcome-auth__button--primary{color:#fff;background:linear-gradient(135deg,#5bc5f2,#3b9bde);border:0;padding:14px 20px}.welcome-auth__button:hover{opacity:.85}.welcome-disclaimer{color:#999;font-size:1.2rem;line-height:1.7;text-align:left}.welcome-disclaimer p{margin:0 0 8px}.login-page{width:100%;max-width:440px;margin:0 auto;padding:40px 16px 60px}.login-card{padding:28px 24px;text-align:left;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014}.login-card__title{margin:0 0 20px;color:#4badd9;font-size:2.2rem;font-weight:700;text-align:center}.login-card__error{margin:0 0 16px;padding:10px 12px;color:#c0392b;font-size:1.3rem;background:#fdecea;border-radius:8px}.login-field{display:block;margin-bottom:18px}.login-field__label{display:block;margin-bottom:6px;color:#555;font-size:1.3rem;font-weight:700}.login-field__input{width:100%;padding:12px 14px;color:#333;font-size:1.6rem;background:#fafafa;border:1px solid #ddd;border-radius:8px}.login-field__input:focus{outline:none;border-color:#4badd9;background:#fff}.login-field__password{position:relative;display:block}.login-field__password .login-field__input{padding-right:64px}.login-field__toggle{position:absolute;top:50%;right:10px;padding:4px 8px;color:#4badd9;font-size:1.2rem;background:transparent;border:0;transform:translateY(-50%);cursor:pointer}.login-submit{display:block;width:100%;margin-top:8px;padding:14px 24px;color:#fff;font-size:1.6rem;font-weight:700;background:linear-gradient(135deg,#5bc5f2,#3b9bde);border:0;border-radius:100px;cursor:pointer}.login-submit:hover{opacity:.85}.login-submit:disabled{background:#ccc;cursor:not-allowed}.login-page__note{margin:20px 0 0;color:#555;font-size:1.4rem;text-align:center}.login-page__note a{color:#4badd9;font-weight:700}.signup-page{width:100%;max-width:480px;margin:0 auto;padding:40px 16px 60px}.signup-card{padding:28px 24px;text-align:left;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014}.signup-card__title{margin:0 0 20px;color:#4badd9;font-size:2.2rem;font-weight:700;text-align:center}.signup-field{display:block;margin-bottom:18px}.signup-field__label{display:block;margin-bottom:6px;color:#555;font-size:1.3rem;font-weight:700}.signup-field__input{width:100%;padding:12px 14px;color:#333;font-size:1.6rem;background:#fafafa;border:1px solid #ddd;border-radius:8px}.signup-field__input:focus{outline:none;border-color:#4badd9;background:#fff}.signup-field__hint{margin:6px 0 0;color:#999;font-size:1.2rem}.signup-field__password{position:relative;display:block}.signup-field__password .signup-field__input{padding-right:64px}.signup-field__toggle{position:absolute;top:50%;right:10px;padding:4px 8px;color:#4badd9;font-size:1.2rem;background:transparent;border:0;transform:translateY(-50%);cursor:pointer}.signup-radio-group{display:flex;gap:20px}.signup-radio{display:flex;gap:6px;align-items:center;color:#333;font-size:1.5rem;cursor:pointer}.signup-dob{display:flex;gap:6px;align-items:center}.signup-dob__select{padding:10px 8px;color:#333;font-size:1.5rem;background:#fafafa;border:1px solid #ddd;border-radius:8px}.signup-dob__unit{color:#555;font-size:1.4rem}.signup-note{margin:0 0 18px;color:#777;font-size:1.2rem;line-height:1.7}.signup-terms{margin-bottom:18px;padding:16px;background:#f7fbfd;border:1px solid #dceef7;border-radius:8px}.signup-terms__required{color:#c0392b}.signup-terms__link{padding:0;color:#4badd9;font-size:1.4rem;font-weight:700;text-decoration:underline;background:transparent;border:0;cursor:pointer}.signup-terms__consent{display:flex;gap:8px;align-items:center;margin-top:12px;color:#333;font-size:1.4rem;cursor:pointer}.signup-error{margin:0 0 16px;padding:10px 12px;color:#c0392b;font-size:1.3rem;background:#fdecea;border-radius:8px}.signup-submit{display:block;width:100%;padding:14px 24px;color:#fff;font-size:1.6rem;font-weight:700;background:linear-gradient(135deg,#5bc5f2,#3b9bde);border:0;border-radius:100px;cursor:pointer}.signup-submit:hover{opacity:.85}.signup-submit--disabled,.signup-submit:disabled{background:#ccc;cursor:not-allowed}.signup-page__note{margin:20px 0 0;color:#555;font-size:1.4rem;text-align:center}.signup-page__note a{color:#4badd9;font-weight:700}.terms-modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#0000007f}.terms-modal{display:flex;flex-direction:column;width:100%;max-width:640px;max-height:80vh;overflow:hidden;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014}.terms-modal__header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #eee}.terms-modal__title{margin:0;color:#333;font-size:1.7rem;font-weight:700}.terms-modal__close{padding:0 8px;color:#999;font-size:2.4rem;line-height:1;background:transparent;border:0;cursor:pointer}.terms-modal__body{padding:20px;overflow-y:auto;color:#333;font-size:1.3rem;line-height:1.8;text-align:left}.terms-modal__body a{color:#4badd9;word-break:break-all}.pi-page{width:100%;max-width:440px;margin:0 auto;padding:40px 16px 60px}.pi-card{padding:28px 24px;text-align:left;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014}.pi-card__title{margin:0 0 8px;color:#4badd9;font-size:2.2rem;font-weight:700;text-align:center}.pi-card__lead{margin:0 0 20px;color:#777;font-size:1.3rem;text-align:center}.pi-field{margin-bottom:20px}.pi-field__label{display:block;margin-bottom:8px;color:#555;font-size:1.3rem;font-weight:700}.pi-radio-group{display:flex;gap:20px}.pi-radio{display:flex;gap:6px;align-items:center;color:#333;font-size:1.5rem;cursor:pointer}.pi-dob{display:flex;gap:6px;align-items:center}.pi-dob__select{padding:10px 8px;color:#333;font-size:1.5rem;background:#fafafa;border:1px solid #ddd;border-radius:8px}.pi-dob__unit{color:#555;font-size:1.4rem}.pi-error{margin:0 0 16px;padding:10px 12px;color:#c0392b;font-size:1.3rem;background:#fdecea;border-radius:8px}.pi-submit{display:block;width:100%;padding:14px 24px;color:#fff;font-size:1.6rem;font-weight:700;background:linear-gradient(135deg,#5bc5f2,#3b9bde);border:0;border-radius:100px;cursor:pointer}.pi-submit:hover{opacity:.85}.pi-submit--disabled,.pi-submit:disabled{background:#ccc;cursor:not-allowed}.rh-page{width:100%;max-width:520px;margin:0 auto;padding:32px 16px 60px}.rh-title-container{margin-bottom:24px;text-align:center}.rh-title{margin:0;color:#333;font-size:2.4rem;font-weight:800;line-height:1.4}.rh-user-name{margin:8px 0 0;color:#777;font-size:1.4rem}.rh-error{margin:0 0 16px;padding:10px 12px;color:#c0392b;font-size:1.3rem;background:#fdecea;border-radius:8px}.rh-card{margin-bottom:24px;padding:28px 24px;text-align:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014}.rh-card__icon{display:block;margin:0 auto 12px}.rh-card__text{margin:0 0 20px;color:#333;font-size:1.5rem;line-height:1.8}.rh-accent{color:#4badd9;font-weight:700}.rh-start-button{display:block;width:100%;max-width:320px;margin:0 auto;padding:16px 24px;color:#fff;font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#5bc5f2,#3b9bde);border:0;border-radius:100px;cursor:pointer}.rh-start-button:hover{opacity:.85}.rh-start-button--disabled,.rh-start-button:disabled{background:#ccc;cursor:not-allowed}.rh-next-date{margin:12px 0 0;color:#999;font-size:1.3rem}.rh-history{text-align:left}.rh-history__title{margin:0 0 16px;color:#4badd9;font-size:1.8rem;font-weight:700;text-align:center}.rh-row{padding:14px 0}.rh-row+.rh-row{border-top:1px solid #f0f0f0}.rh-row__head{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-bottom:8px}.rh-row__date{color:#999;font-size:1.2rem}.rh-row__score{color:#333;font-size:1.4rem}.rh-row__score b{font-size:2.2rem}.rh-row__score small{color:#999;font-size:1.2rem}.rh-row__diff{display:inline-flex;gap:4px;align-items:center;color:#555;font-size:1.3rem;font-weight:700}.rh-deviation-track{width:100%;height:24px;overflow:hidden;background:#f0f0f0;border-radius:100px}.rh-deviation-fill{position:relative;display:flex;align-items:center;height:100%;min-width:6px;background:linear-gradient(135deg,#5bc5f2,#3b9bde);border-radius:100px}.rh-deviation-label{padding-left:12px;color:#fff;font-size:1.2rem;font-weight:700;white-space:nowrap}.rh-deviation-label--out{position:absolute;left:100%;padding-left:8px;color:#777}.main-test-page{width:100%}.qn-page{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:0 16px 48px;background:#f5f5f5}.qn-step-indicator{display:flex;align-items:flex-start;width:420px;max-width:100%;margin:16px auto 24px;padding:0 16px}.qn-step-item{display:flex;flex-direction:column;flex-shrink:0;align-items:center;width:72px}.qn-step{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;font-size:1.4rem;font-weight:700;color:#fff;background:#ccc;border-radius:50%}.qn-step-active{background:#4badd9}.qn-step-label{margin-top:6px;font-size:1.05rem;color:#999;text-align:center}.qn-step-label-active{font-weight:700;color:#4badd9}.qn-step-line{flex:1;height:2px;margin:15px -16px 0;background:#ccc}.qn-title{margin:0 0 6px;font-size:2.6rem;color:#333;text-align:center}.qn-subtitle{margin:0 0 20px;font-size:1.8rem;font-weight:700;color:#3b9bde;text-align:center}.qn-progress{width:100%;max-width:680px;margin-bottom:20px}.qn-progress-header{display:flex;justify-content:space-between;margin-bottom:6px;font-size:1.4rem;font-weight:700;color:#666}.qn-progress-bar{overflow:hidden;height:10px;background:#e0e0e0;border-radius:5px}.qn-progress-fill{height:100%;background:linear-gradient(135deg,#5bc5f2,#3b9bde);border-radius:5px;transition:width .3s ease}.qn-card{width:100%;max-width:680px;padding:8px 24px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014}.qn-question{padding:24px 8px;border-bottom:1px solid #EEEEEE;border-radius:8px}.qn-question:last-child{border-bottom:none}.qn-question--error{background:#fdf1f1;outline:2px solid #E85050}.qn-question-text{margin:0 0 16px;font-size:1.8rem;font-weight:700;line-height:1.5;color:#333}.qn-question-num{margin-right:8px;font-size:1.6rem;font-weight:700;color:#4badd9}.qn-question-prefix{display:block;margin-bottom:2px;font-size:1.4rem;font-weight:400;color:#666}.qn-question-note{margin-left:4px;font-size:1.3rem;font-weight:400;color:#666}.qn-error-msg{margin:12px 0 0;font-size:1.3rem;font-weight:700;color:#e85050}.qn-options{display:flex;flex-wrap:wrap;row-gap:12px;justify-content:center}.qn-option{cursor:pointer;display:flex;flex-direction:column;align-items:center;width:88px;padding:4px;background:none;border:none}.qn-option-circle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:1.7rem;font-weight:700;color:#666;background:#fff;border:2px solid #CCCCCC;border-radius:50%;transition:background .15s ease,border-color .15s ease}.qn-option:hover .qn-option-circle{border-color:#4badd9}.qn-option--selected .qn-option-circle{color:#fff;background:#4badd9;border-color:#4badd9}.qn-option-label{margin-top:6px;font-size:1.2rem;line-height:1.3;color:#666;text-align:center}.qn-option--selected .qn-option-label{font-weight:700;color:#4badd9}.qn-input-row{display:flex;gap:8px;align-items:center;justify-content:center}.qn-number-input,.qn-select{width:140px;padding:10px 12px;font-size:1.8rem;color:#333;text-align:center;background:#fff;border:2px solid #CCCCCC;border-radius:8px}.qn-number-input:focus,.qn-select:focus{border-color:#4badd9;outline:none}.qn-unit{font-size:1.6rem;font-weight:700;color:#666}.qn-checkbox-group{display:flex;flex-direction:column;gap:10px}.qn-checkbox{cursor:pointer;display:flex;gap:10px;align-items:center;padding:12px 14px;background:#fff;border:2px solid #CCCCCC;border-radius:10px;transition:border-color .15s ease,background .15s ease}.qn-checkbox:hover{border-color:#4badd9}.qn-checkbox--selected{background:#edf7fc;border-color:#4badd9}.qn-checkbox input{position:absolute;opacity:0}.qn-checkbox-box{position:relative;flex-shrink:0;width:20px;height:20px;background:#fff;border:2px solid #CCCCCC;border-radius:4px}.qn-checkbox--selected .qn-checkbox-box{background:#4badd9;border-color:#4badd9}.qn-checkbox--selected .qn-checkbox-box:after{content:"";position:absolute;top:1px;left:5px;transform:rotate(45deg);width:6px;height:11px;border:solid #FFFFFF;border-width:0 2px 2px 0}.qn-checkbox-label{font-size:1.5rem;color:#333}.qn-checkbox--selected .qn-checkbox-label{font-weight:700}.qn-nav{display:flex;gap:16px;justify-content:center;width:100%;max-width:680px;margin-top:28px}.qn-next-btn{cursor:pointer;display:block;width:100%;max-width:340px;padding:16px 40px;font-size:2.2rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#5bc5f2,#3b9bde);border:none;border-radius:100px}.qn-next-btn:hover{opacity:.8}.qn-back-btn{cursor:pointer;display:block;width:100%;max-width:200px;padding:14px 32px;font-size:1.9rem;font-weight:600;color:#333;background:#fff;border:2px solid #333333;border-radius:100px}.qn-back-btn:hover{opacity:.7}@media(max-width:767px){.qn-card{padding:4px 14px}.qn-option{width:76px}.qn-question-text{font-size:1.6rem}}.vb-page{width:100%;max-width:560px;margin:0 auto;padding:0 16px 40px;color:#333;font-size:1.5rem}.vb-title{margin:0 0 8px}.vb-step-indicator{display:flex;align-items:center;width:320px;max-width:100%;margin:16px auto 24px;padding:0 16px}.vb-step{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;font-size:1.4rem;font-weight:700;color:#fff;background:#ccc;border-radius:50%}.vb-step-active{background:#4badd9}.vb-step-completed{color:#4badd9;background:transparent;border:2px solid #4badd9}.vb-step-line{flex:1;height:2px;background:#ccc}.vb-profile-summary{margin:0 0 14px;font-size:1.4rem;color:#666;text-align:center}.vb-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:16px}.vb-card--section{margin-top:12px;background:#fafafa;box-shadow:none;border:1px solid #eeeeee}.vb-card__title{font-weight:900;margin-bottom:8px}.vb-tabs{display:flex;gap:6px;padding:4px;background:#f0f2f4;border-radius:999px}.vb-tab{flex:1;padding:10px 14px;font-size:1.5rem;font-weight:700;font-family:inherit;color:#666;background:transparent;border:none;border-radius:999px;cursor:pointer}.vb-tab--active{color:#fff;background:#4badd9;cursor:default}.vb-status{margin-top:12px;opacity:.9}.vb-msg{margin-top:10px;font-weight:700}.vb-msg--error{color:#e85050}.vb-msg--warn{color:#d98324}.vb-video-frame{margin-top:12px;position:relative;width:100%;border-radius:16px;overflow:hidden;background:#f0f2f4;border:1px solid #e5e5e5}.vb-silhouette{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center;opacity:.95}.vb-scan-circle{position:relative;width:100%;max-width:420px;aspect-ratio:1 / 1;margin:12px auto 0;border-radius:50%;overflow:hidden;background:#f0f2f4;border:1px solid #e5e5e5}.vb-scan-overlay{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.vb-scan-pill{position:absolute;z-index:2;display:flex;gap:8px;align-items:center;color:#fff;background:#0009;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 14px;font-weight:800}.vb-scan-pill--bottom{bottom:14px}.vb-scan-pill--top{top:14px}.vb-placement-panel{position:absolute;color:#fff;background:#0000008c;border:1px solid rgba(255,255,255,.12);padding:10px 12px;border-radius:12px}.vb-placement-panel--corner{left:10px;top:10px;max-width:80%}.vb-placement-panel--bottom{left:50%;bottom:18px;transform:translate(-50%);text-align:center;padding:10px 14px;max-width:78%}.vb-placement-panel__title{font-weight:800;margin-bottom:4px}.vb-placement-panel__stars{font-size:18px;letter-spacing:2px;margin-bottom:4px}.vb-placement-panel ul{margin:0;padding-left:18px;opacity:.95}.vb-placement-panel li{font-size:12px;line-height:1.4}.vb-faces{margin-top:10px;opacity:.85}.vb-actions{margin-top:10px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.vb-btn{padding:14px 18px;min-height:52px;min-width:140px;font-size:1.6rem;font-weight:800;font-family:inherit;border-radius:999px;border:none;cursor:pointer}.vb-btn--primary{background:#4badd9;color:#fff}.vb-btn--primary:hover:not(:disabled){opacity:.8}.vb-btn--primary:disabled{background:#dadada;color:#8b8b8b;cursor:not-allowed}.vb-btn--secondary{background:#fff;color:#333;border:2px solid #4badd9}.vb-btn--secondary:hover{opacity:.8}.vb-hint{opacity:.65;font-size:12px}.vb-list{margin:0;padding-left:18px;line-height:1.55}.vb-dim{opacity:.75}.vb-note{margin-top:8px;opacity:.7;font-size:12px}.vb-model-status{margin-top:10px;opacity:.75;font-size:12px}.vb-peer-row{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}.vb-results{margin-top:14px}.vb-results__title{font-weight:900;font-size:20px;margin-bottom:10px}.vb-results__section{font-weight:800;margin:16px 0 8px;opacity:.9}.vb-results__section:first-of-type{margin-top:0}.vb-results__range{margin-top:8px;opacity:.75;font-size:13px}.vb-gauge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.vb-gauge{background:#fff;border:1px solid #e5e5e5;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:12px 12px 14px;text-align:center;min-width:150px}.vb-gauge__label{font-weight:800;font-size:13px;opacity:.95}.vb-gauge__hint{font-size:11px;opacity:.55;margin-top:2px}@keyframes vb-hb{0%,to{transform:scale(1)}15%{transform:scale(1.35)}30%{transform:scale(1)}45%{transform:scale(1.2)}}.vb-hb-pulse{display:inline-block;animation:vb-hb 1s ease-in-out infinite}.stroop-timer{display:flex;gap:6px;align-items:center;margin:0 0 4px;font-size:1.8rem;font-weight:700;color:#333}.stroop-timer__icon{width:14px;height:16px}.stroop-feedback-area{display:flex;align-items:center;justify-content:center;height:3.2rem;margin:0 0 8px}.stroop-feedback{margin:0;font-size:2rem;font-weight:700}.stroop-feedback--correct{color:#4badd9}.stroop-feedback--incorrect{color:#e85050}.stroop-circle-card{display:flex;align-items:center;justify-content:center;width:100%;max-width:380px;margin:0 0 10px;padding:16px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014}.stroop-buttons{display:flex;flex-direction:column;gap:8px;width:100%;max-width:380px}.stroop-btn-container{position:relative}.stroop-answer-btn{cursor:pointer;display:block;width:100%;padding:12px 16px;font-size:2rem;font-weight:700;color:#333;background:#fff;border:none;border-radius:12px;box-shadow:0 3px #ccc}.stroop-answer-btn:active{transform:translateY(3px);box-shadow:none}.stroop-icon-overlay{pointer-events:none;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}.stroopb-kanji{margin:0;padding:24px 0;font-size:8rem;font-weight:700;text-align:center}.stroopb-practice-instructions__title{margin:8px 0 4px;font-size:2.6rem;color:#333;text-align:center}.stroopb-practice-instructions__subtitle{margin:0 0 24px;font-size:1.8rem;color:#4badd9;text-align:center}.stroopb-practice-instructions__card{width:100%;max-width:380px;padding:24px 28px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014}.stroopb-practice-instructions__text{margin-bottom:12px;font-size:1.6rem;line-height:1.7;color:#333;text-align:left}.stroopb-practice-instructions__highlight{color:#4badd9}.stroopb-practice-instructions__note{margin:0;font-size:1.3rem;color:#888;text-align:left}.stroopb-practice-instructions__label{margin:120px 0 14px;font-size:1.6rem;color:#333;text-align:center}.stroopb-practice-instructions__btn{cursor:pointer;display:block;width:100%;max-width:340px;margin-bottom:12px;padding:16px 40px;font-size:2.2rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#5bc5f2,#3b9bde);border:none;border-radius:100px}.stroopb-practice-instructions__btn:hover{opacity:.8}.stroopb-practice-instructions__skip{cursor:pointer;display:block;width:100%;max-width:340px;padding:16px 40px;font-size:1.6rem;font-weight:700;color:#333;text-align:center;text-decoration:none;white-space:nowrap;background:#fff;border:2px solid #333333;border-radius:100px}.stroopb-practice-instructions__skip:hover{opacity:.8}.stroopb-practice-completed__title{margin:8px 0 4px;font-size:2.6rem;color:#333;text-align:center}.stroopb-practice-completed__subtitle{margin:0 0 24px;font-size:1.8rem;color:#4badd9;text-align:center}.stroopb-practice-completed__score{margin-bottom:8px;font-size:1.4rem;color:#646464;text-align:center}.stroopb-practice-completed__message{margin:0;font-size:1.8rem;font-weight:700;color:#333;text-align:center}.stroopb-practice-completed__label{margin:120px 0 14px;font-size:1.6rem;color:#333;text-align:center}.stroopb-practice-completed__btn{cursor:pointer;display:block;width:100%;max-width:340px;padding:16px 40px;font-size:2.2rem;font-weight:700;color:#fff;text-align:center;text-decoration:none;background:linear-gradient(135deg,#5bc5f2,#3b9bde);border:none;border-radius:100px}.stroopb-practice-completed__btn:hover{opacity:.8}.stroop-realb-page .step-active{background:#3b5bdb}.stroop-realb-page .step-completed{color:#3b5bdb;border-color:#3b5bdb}.stroop-realb-instructions-page .step-active{background:#3b5bdb}.stroop-realb-instructions-page .step-completed{color:#3b5bdb;border-color:#3b5bdb}.stroopb-real-instructions__title{margin:8px 0 24px;font-size:2.6rem;color:#333;text-align:center}.stroopb-real-instructions__card{width:100%;max-width:380px;padding:24px 28px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014}.stroopb-real-instructions__text{margin-bottom:12px;font-size:1.6rem;line-height:1.7;color:#333;text-align:left}.stroopb-real-instructions__text:last-child{margin:0}.stroopb-real-instructions__highlight{color:#3b5bdb}.stroopb-real-instructions__label{margin:120px 0 14px;font-size:1.6rem;color:#333;text-align:center}.stroopb-real-instructions__btn{cursor:pointer;display:block;width:100%;max-width:340px;padding:16px 40px;font-size:2.2rem;font-weight:700;color:#fff;background:#3b5bdb;border:none;border-radius:100px}.stroopb-real-instructions__btn:hover{opacity:.8}.stroop-realb-completed-page .step-active{background:#3b5bdb}.stroop-realb-completed-page .step-completed{color:#3b5bdb;border-color:#3b5bdb}.stroopb-real-completed__title{margin:8px 0 24px;font-size:2.6rem;color:#333;text-align:center}.stroopb-real-completed__card{width:100%;max-width:380px;padding:24px 28px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014}.stroopb-real-completed__message{margin:0;font-size:1.8rem;font-weight:700;color:#333;text-align:center}.stroopb-real-completed__score{margin-bottom:0;font-size:1.4rem;color:#646464;text-align:center}.stroopb-real-completed__label{margin:120px 0 14px;font-size:1.6rem;color:#333;text-align:center}.stroopb-real-completed__btn{cursor:pointer;display:block;width:100%;max-width:340px;padding:16px 40px;font-size:2.2rem;font-weight:700;color:#fff;text-align:center;text-decoration:none;background:#3b5bdb;border:none;border-radius:100px}.stroopb-real-completed__btn:hover{opacity:.8}.numpad-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;max-width:380px}.numpad__label{margin:0 0 12px;font-size:1.6rem;color:#333;text-align:center}.numpad__input-display{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;margin-bottom:16px;padding:12px 20px;font-size:2.4rem;font-weight:700;color:#333;text-align:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.numpad__feedback-icon{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px}.numpad__input-placeholder{color:#ccc}.numpad__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.numpad__btn{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:18px;font-size:2.4rem;font-weight:700;color:#333;background:#fff;border:none;border-radius:12px;box-shadow:0 3px #ccc}.numpad__btn:active{transform:translateY(3px);box-shadow:none}.numpad__btn--backspace{background:#e0e0e0;box-shadow:0 3px #bbb}.numpad__btn--ok{color:#4badd9;background:#ebf6fc;box-shadow:0 3px #9dd4ee}.practice-page{display:flex;flex-direction:column;align-items:center;width:100%}.step-indicator{display:flex;align-items:center;width:320px;max-width:100%;margin:16px auto 24px;padding:0 16px}.step{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;font-size:1.4rem;font-weight:700;color:#fff;background:#ccc;border-radius:50%}.step-active{background:#4badd9}.step-completed{color:#4badd9;background:transparent;border:2px solid #4BADD9}.step-line{flex:1;height:2px;background:#ccc}.practice-page .random-number-container{display:flex;align-items:center;justify-content:center;width:100%;max-width:380px;height:auto;margin:0;padding:40px 24px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014}.practice-page .random-number-display{min-height:180px;margin:0;padding:0;font-size:18rem;font-weight:700;line-height:1;color:#333;text-align:center}@media(max-width:767px){.practice-page .random-number-display{font-size:14rem}}.num-practice-instructions__title{margin:8px 0 4px;font-size:2.6rem;color:#333;text-align:center}.num-practice-instructions__subtitle{margin:0 0 24px;font-size:1.8rem;color:#4badd9;text-align:center}.num-practice-instructions__card{width:100%;max-width:380px;padding:24px 28px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014}.num-practice-instructions__text{margin-bottom:12px;font-size:1.6rem;line-height:1.7;color:#333;text-align:left}.num-practice-instructions__text:last-child{margin:0}.num-practice-instructions__highlight{color:#4badd9}.num-practice-instructions__label{margin:120px 0 14px;font-size:1.6rem;color:#333;text-align:center}.num-practice-instructions__btn{cursor:pointer;display:block;width:100%;max-width:340px;margin-bottom:12px;padding:16px 40px;font-size:2.2rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#5bc5f2,#3b9bde);border:none;border-radius:100px}.num-practice-instructions__btn:hover{opacity:.8}.num-practice-instructions__skip{cursor:pointer;display:block;width:100%;max-width:340px;padding:16px 40px;font-size:1.6rem;font-weight:700;color:#333;text-align:center;text-decoration:none;white-space:nowrap;background:#fff;border:2px solid #333333;border-radius:100px}.num-practice-instructions__skip:hover{opacity:.8}.num-practice-completed__title{margin:8px 0 4px;font-size:2.6rem;color:#333;text-align:center}.num-practice-completed__subtitle{margin:0 0 24px;font-size:1.8rem;color:#4badd9;text-align:center}.num-practice-completed__score{margin-bottom:8px;font-size:1.4rem;color:#646464;text-align:center}.num-practice-completed__message{margin:0;font-size:1.8rem;font-weight:700;color:#333;text-align:center}.num-practice-completed__label{margin:120px 0 14px;font-size:1.6rem;color:#333;text-align:center}.num-practice-completed__btn{cursor:pointer;display:block;width:100%;max-width:340px;padding:16px 40px;font-size:2.2rem;font-weight:700;color:#fff;text-align:center;text-decoration:none;background:linear-gradient(135deg,#5bc5f2,#3b9bde);border:none;border-radius:100px}.num-practice-completed__btn:hover{opacity:.8}.num-test__round{margin:0 0 16px;font-size:2.2rem;font-weight:700;color:#333;text-align:center}.num-test__feedback{margin:0 0 12px;font-size:2rem;font-weight:700;text-align:center}.num-test__feedback--correct{color:#4badd9}.num-test__feedback--incorrect{color:#e85050}.num-test__feedback-block{display:flex;flex-direction:column;align-items:center;margin-bottom:12px}.num-test__next-btn{cursor:pointer;padding:10px 32px;font-size:1.6rem;font-weight:700;color:#fff;background:#4badd9;border:none;border-radius:100px}.num-test__subtitle{margin:0 0 80px;font-size:1.8rem;color:#4badd9;text-align:center}.num-test__admin{margin-bottom:8px;font-size:1.4rem;color:#646464;text-align:center}.num-test__ready-text{margin:0;font-size:1.8rem;color:#333;text-align:center}.score-info{padding:5px 5px 10px;color:#646464;font-size:25px;font-weight:800;display:flex;justify-content:center}button.restart-button{width:50px;height:50px;border:none;border:solid 2.5px #FDA7AE;border-radius:35px;background:#fff0;font-size:30px;color:#747374}button.restart-button:hover{background:#5b91fa;color:#fff}.restart-button{padding:-1px 41px}#transp{position:absolute;top:50%;left:50%;background:#ffffff80;z-index:1002;overflow:auto;width:400px;height:400px;margin-left:-200px;margin-top:-200px}.correct-incorrect{position:relative;top:35%;font-size:100px}.num-real-instructions-page .step-active{background:#3b5bdb}.num-real-instructions-page .step-completed{color:#3b5bdb;border-color:#3b5bdb}.num-real-instructions__title{margin:8px 0 24px;font-size:2.6rem;color:#333;text-align:center}.num-real-instructions__card{width:100%;max-width:380px;padding:24px 20px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014}.num-real-instructions__text{margin:0;font-size:1.6rem;line-height:1.7;color:#333}.num-real-instructions__highlight{font-weight:700;color:#3b5bdb}.num-real-instructions__label{margin:120px 0 14px;font-size:1.6rem;color:#333;text-align:center}.num-real-instructions__btn{cursor:pointer;width:100%;max-width:340px;padding:16px 40px;font-size:2.2rem;font-weight:700;color:#fff;text-align:center;background:#3b5bdb;border:none;border-radius:100px}.num-real-instructions__btn:hover{opacity:.85}.num-real-completed-page .step-active{background:#3b5bdb}.num-real-completed-page .step-completed{color:#3b5bdb;border-color:#3b5bdb}.num-real-completed__title{margin:8px 0 24px;font-size:2.6rem;color:#333;text-align:center}.num-real-completed__score{margin-bottom:8px;font-size:1.4rem;color:#646464;text-align:center}.num-real-completed__card{width:100%;max-width:380px;padding:32px 24px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014}.num-real-completed__message{margin:0;font-size:1.8rem;font-weight:700;color:#333;text-align:center}.num-real-completed__label{margin:120px 0 14px;font-size:1.6rem;color:#333;text-align:center}.num-real-completed__btn{cursor:pointer;display:block;width:100%;max-width:340px;padding:16px 40px;font-size:2.2rem;font-weight:700;color:#fff;text-align:center;text-decoration:none;background:#3b5bdb;border:none;border-radius:100px}.num-real-completed__btn:hover{opacity:.85}.num-real-test-page .step-active{background:#3b5bdb}.num-real-test-page .step-completed{color:#3b5bdb;border-color:#3b5bdb}.num-real-test__round{margin:0 0 16px;font-size:2.2rem;font-weight:700;color:#333;text-align:center}.num-real-test__admin{margin-bottom:8px;font-size:1.4rem;color:#646464;text-align:center}.num-real-test__ready-text{margin:0;font-size:1.8rem;color:#333;text-align:center}.gr-page{display:flex;flex-direction:column;align-items:center;width:100%;max-width:640px;margin:0 auto;padding:24px 16px 48px}.gr-title{margin:8px 0 24px;font-size:2.6rem;color:#333;text-align:center}.gr-card{width:100%;margin-bottom:20px;padding:24px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014}.gr-card__title{margin:0 0 16px;font-size:1.8rem;font-weight:700;color:#3b9bde}.gr-hippo-main{display:flex;align-items:baseline;justify-content:center;gap:6px}.gr-hippo-value{font-size:4.2rem;font-weight:700;color:#333}.gr-hippo-unit{font-size:1.8rem;color:#666}.gr-hippo-range{margin:4px 0 16px;font-size:1.4rem;color:#666;text-align:center}.gr-percentile__label{margin-bottom:6px;font-size:1.4rem;color:#333}.gr-percentile__track{width:100%;height:18px;overflow:hidden;background:#eef3f7;border-radius:9px}.gr-percentile__fill{height:100%;background:linear-gradient(to right,#5ec9ff,#0093de);border-radius:9px}.gr-sub-metric{margin-top:12px;font-size:1.4rem;color:#666;text-align:center}.gr-q-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-around}.gr-q-item{display:flex;flex-direction:column;align-items:center;min-width:120px;padding:12px 16px;background:#f7fbfd;border-radius:12px}.gr-q-label{margin-bottom:4px;font-size:1.3rem;color:#666}.gr-q-value{font-size:2.4rem;font-weight:700;color:#333}.gr-q-value small{font-size:1.3rem;font-weight:400;color:#8e8e8e}.gr-q-comment{margin:16px 0 0;font-size:1.4rem;color:#333;text-align:center}.gr-score-block{margin-bottom:14px}.gr-disclaimer{max-width:560px;margin:8px 0 24px;font-size:1.2rem;line-height:1.7;color:#8e8e8e;text-align:center}.gr-cta{cursor:pointer;display:block;width:100%;max-width:340px;padding:16px 40px;font-size:2rem;font-weight:700;color:#fff;text-align:center;text-decoration:none;background:linear-gradient(135deg,#4f6ee8,#2d48c8);border:none;border-radius:100px}.gr-cta:hover{opacity:.85}.notfound-page{width:100%;max-width:440px;margin:0 auto;padding:60px 16px}.notfound-card{padding:40px 24px;text-align:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014}.notfound-card__code{margin:0;color:#4badd9;font-size:5rem;font-weight:800;line-height:1}.notfound-card__title{margin:12px 0 8px;color:#333;font-size:2rem;font-weight:700}.notfound-card__text{margin:0 0 24px;color:#777;font-size:1.4rem;line-height:1.7}.notfound-card__button{display:inline-block;padding:12px 40px;color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none;background:linear-gradient(135deg,#5bc5f2,#3b9bde);border-radius:100px}.notfound-card__button:hover{opacity:.85}:root{--color-cerulean: #00B9EF;--color-cerulean-03: #00B9EF4D;--color-white: #FFFFFF;--color-black: #000000;--color-alto: #DBDBDB;--color-gray: #8E8E8E;--color-burnt-sienna: #EF5350;--color-orange-peel: #FF9800;--color-fruit-salad: #4CAF50;--color-cerulean-dark: #03A9F4}@font-face{font-family:Noto Sans JP;font-weight:100;font-style:normal;font-display:swap;src:url(/assets/noto-sans-jp-v52-japanese_latin-100-Dp8QiDSX.woff2) format("woff2")}@font-face{font-family:Noto Sans JP;font-weight:200;font-style:normal;font-display:swap;src:url(/assets/noto-sans-jp-v52-japanese_latin-200-Dwnbfv22.woff2) format("woff2")}@font-face{font-family:Noto Sans JP;font-weight:300;font-style:normal;font-display:swap;src:url(/assets/noto-sans-jp-v52-japanese_latin-300-DIrGn1W4.woff2) format("woff2")}@font-face{font-family:Noto Sans JP;font-weight:400;font-style:normal;font-display:swap;src:url(/assets/noto-sans-jp-v52-japanese_latin-regular-BKjIVDG1.woff2) format("woff2")}@font-face{font-family:Noto Sans JP;font-weight:500;font-style:normal;font-display:swap;src:url(/assets/noto-sans-jp-v52-japanese_latin-500-Djh-LOSX.woff2) format("woff2")}@font-face{font-family:Noto Sans JP;font-weight:600;font-style:normal;font-display:swap;src:url(/assets/noto-sans-jp-v52-japanese_latin-600-B6_jTGoi.woff2) format("woff2")}@font-face{font-family:Noto Sans JP;font-weight:700;font-style:normal;font-display:swap;src:url(/assets/noto-sans-jp-v52-japanese_latin-700-pBXQJX7r.woff2) format("woff2")}@font-face{font-family:Noto Sans JP;font-weight:800;font-style:normal;font-display:swap;src:url(/assets/noto-sans-jp-v52-japanese_latin-800-DK5Qk9ZO.woff2) format("woff2")}@font-face{font-family:Noto Sans JP;font-weight:900;font-style:normal;font-display:swap;src:url(/assets/noto-sans-jp-v52-japanese_latin-900-D5BjjKee.woff2) format("woff2")}html{line-height:1.15;text-size-adjust:100%}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{overflow:visible;box-sizing:content-box;height:0}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{text-decoration:underline;text-decoration:underline dotted;border-bottom:none}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{display:table;box-sizing:border-box;max-width:100%;padding:0;color:inherit;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{font:inherit;appearance:button}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-display:swap;-moz-osx-font-smoothing:grayscale!important;-webkit-font-smoothing:antialiased!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{height:auto;min-height:100vh;margin:0;font-family:Noto Sans,sans-serif;text-align:center;background:#f5f5f5}#root{display:flex;flex-direction:column;min-height:100vh}.visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(100%);border:0}html{font-size:62.5%}html,body{width:100%;height:100%;background:#f5f5f5;font-family:Noto Sans,sans-serif;line-height:1.6}*{box-sizing:border-box}*:before,*:after{box-sizing:inherit}@keyframes bouncing{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes fade{50%{opacity:.3}}h1{color:#fff;text-align:center;position:relative;z-index:1;font-size:3rem;line-height:1.4}@media(max-width:767px){h1{font-size:2.4rem}}h1 small{display:block;font-size:1.6rem;letter-spacing:2px}.welcome-text-container h1{margin:0 auto}h2{margin:0 0 20px}h3{color:#333;text-align:center;font-size:2rem}h4{font-size:1.6rem}p{font-size:1.6rem;margin:0}small{font-size:2rem;color:#2563eb}.flex{display:flex;align-items:center;justify-content:center}@media(max-width:767px){.flex{display:block}}.exam-icon{flex:.8}.exam-icon img{width:180px}.alert{display:flex;align-items:center;justify-content:center;font-size:1.6rem;padding:10px 8px;border:2px solid #ff9494;line-height:1.5;margin-top:20px;text-align:left;border-radius:10px}@media(max-width:767px){.alert{font-size:1.6rem}}.alert .icon{margin-right:10px}#root{padding-bottom:30px}.startText{text-align:center;font-size:2rem;margin-bottom:10px;font-weight:700}.spinner-container{display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:column}.spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#09f;animation:spin 1s ease infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{margin-top:20px;font-size:1.2em;color:#333}.head{background:#139ee5;padding:20px;position:relative;margin-bottom:30px}@media(max-width:767px){.head{margin-bottom:10px;padding:15px}}.head small{color:#fff}.head:before{content:"";background:url(/assets/hd-DDOLd5P_.png);background-position:center;background-size:contain;background-repeat:no-repeat;position:absolute;inset:0;margin:auto;z-index:0}button.test-navigation-btn{background:#1254d3;border-radius:100px;padding:8px 55px 8px 30px;color:#fff;font-weight:700;text-align:center;font-size:2.2rem;border:0;position:relative;line-height:1}button.test-navigation-btn:after{content:"";background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='44'%20height='44'%20viewBox='0%200%2044%2044'%3e%3cg%20id='btn_arrow'%20transform='translate(-709%20-809)'%3e%3ccircle%20id='楕円形_1'%20data-name='楕円形%201'%20cx='22'%20cy='22'%20r='22'%20transform='translate(709%20809)'%20fill='%23ff2121'/%3e%3cpath%20id='前面オブジェクトで型抜き_1'%20data-name='前面オブジェクトで型抜き%201'%20d='M4,15V12.482L11.022,6.5,4,.519V-2l9.978,8.5L4,15Z'%20transform='translate(724%20824.5)'%20fill='%23fff'/%3e%3c/g%3e%3c/svg%3e");background-position:center;background-size:contain;background-repeat:no-repeat;position:absolute;right:4px;top:0;bottom:0;margin:auto;z-index:0;width:30px;cursor:pointer}button.test-navigation-btn:hover{opacity:.7}.start-button{background:#1254d3;border-radius:100px;padding:6px 55px 6px 30px;color:#fff;font-weight:700;text-align:center;font-size:2.4rem;border:0;position:relative}.start-button:after{content:"";background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='44'%20height='44'%20viewBox='0%200%2044%2044'%3e%3cg%20id='btn_arrow'%20transform='translate(-709%20-809)'%3e%3ccircle%20id='楕円形_1'%20data-name='楕円形%201'%20cx='22'%20cy='22'%20r='22'%20transform='translate(709%20809)'%20fill='%23ff2121'/%3e%3cpath%20id='前面オブジェクトで型抜き_1'%20data-name='前面オブジェクトで型抜き%201'%20d='M4,15V12.482L11.022,6.5,4,.519V-2l9.978,8.5L4,15Z'%20transform='translate(724%20824.5)'%20fill='%23fff'/%3e%3c/g%3e%3c/svg%3e");background-position:center;background-size:contain;background-repeat:no-repeat;position:absolute;right:4px;top:0;bottom:0;margin:auto;z-index:0;width:40px;cursor:pointer}.start-button:hover{opacity:.7}button.restart-button{background:#1254d3;border-radius:100px;padding:6px 55px 6px 30px;color:#fff;font-weight:700;text-align:center;font-size:2.4rem;border:0;position:relative}button.restart-button:after{content:"";background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='44'%20height='44'%20viewBox='0%200%2044%2044'%3e%3cg%20id='btn_arrow'%20transform='translate(-709%20-809)'%3e%3ccircle%20id='楕円形_1'%20data-name='楕円形%201'%20cx='22'%20cy='22'%20r='22'%20transform='translate(709%20809)'%20fill='%23ff2121'/%3e%3cpath%20id='前面オブジェクトで型抜き_1'%20data-name='前面オブジェクトで型抜き%201'%20d='M4,15V12.482L11.022,6.5,4,.519V-2l9.978,8.5L4,15Z'%20transform='translate(724%20824.5)'%20fill='%23fff'/%3e%3c/g%3e%3c/svg%3e");background-position:center;background-size:contain;background-repeat:no-repeat;position:absolute;right:4px;top:0;bottom:0;margin:auto;z-index:0;width:40px;cursor:pointer}button.restart-button:hover{opacity:.7}button.show-words-btn{background:#1254d3;border-radius:100px;padding:6px 55px 6px 30px;color:#fff;font-weight:700;text-align:center;font-size:2.4rem;border:0;position:relative}button.show-words-btn:after{content:"";background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='44'%20height='44'%20viewBox='0%200%2044%2044'%3e%3cg%20id='btn_arrow'%20transform='translate(-709%20-809)'%3e%3ccircle%20id='楕円形_1'%20data-name='楕円形%201'%20cx='22'%20cy='22'%20r='22'%20transform='translate(709%20809)'%20fill='%23ff2121'/%3e%3cpath%20id='前面オブジェクトで型抜き_1'%20data-name='前面オブジェクトで型抜き%201'%20d='M4,15V12.482L11.022,6.5,4,.519V-2l9.978,8.5L4,15Z'%20transform='translate(724%20824.5)'%20fill='%23fff'/%3e%3c/g%3e%3c/svg%3e");background-position:center;background-size:contain;background-repeat:no-repeat;position:absolute;right:4px;top:0;bottom:0;margin:auto;z-index:0;width:40px;cursor:pointer}button.show-words-btn:hover{opacity:.7}.continue-button{text-decoration:none}.continue-button h2{background:#1254d3;border-radius:100px;padding:0 55px 0 30px;color:#fff;font-weight:700;text-align:center;font-size:2.4rem;border:0;position:relative;display:table;margin:auto}.continue-button h2:after{content:"";background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='44'%20height='44'%20viewBox='0%200%2044%2044'%3e%3cg%20id='btn_arrow'%20transform='translate(-709%20-809)'%3e%3ccircle%20id='楕円形_1'%20data-name='楕円形%201'%20cx='22'%20cy='22'%20r='22'%20transform='translate(709%20809)'%20fill='%23ff2121'/%3e%3cpath%20id='前面オブジェクトで型抜き_1'%20data-name='前面オブジェクトで型抜き%201'%20d='M4,15V12.482L11.022,6.5,4,.519V-2l9.978,8.5L4,15Z'%20transform='translate(724%20824.5)'%20fill='%23fff'/%3e%3c/g%3e%3c/svg%3e");background-position:center;background-size:contain;background-repeat:no-repeat;position:absolute;right:4px;top:0;bottom:0;margin:auto;z-index:0;width:40px;cursor:pointer}.continue-button.close h2{padding-right:30px}.continue-button.close h2:after{content:none}button.show-words-btn h2:hover{opacity:.7}.answerButton{margin:10px;width:300px;padding:5px 10px;border:solid 3px #6CA3E3;border-radius:10px;font-size:2.4rem;font-weight:700;color:#333;background:#fff}@media(max-width:767px){.answerButton{margin:5px auto;width:100%;padding:10px 5px;border:solid 3px #6CA3E3;border-radius:10px;font-size:2.4rem;font-weight:700;color:#333;background:#fff}}.answerButton:hover{opacity:.7}@media(hover:none){.answerButton:hover{opacity:1}}.answerButton:active{background:#6ca3e3;color:#fff}.button__word-button{margin-top:10px;width:120px;padding:5px 10px;border:solid 3px #6CA3E3;border-radius:10px;font-size:2.4rem;font-weight:700;color:#333;background:#fff}@media(max-width:767px){.button__word-button{margin-top:5px;width:100%;padding:10px 12px;border:solid 3px #6CA3E3;border-radius:10px;font-size:2rem;font-weight:700}}.button__word-button:hover{opacity:.7}button.show-numbers-btn{background:#1254d3;border-radius:100px;padding:6px 55px 6px 30px;color:#fff;font-weight:700;text-align:center;font-size:2.4rem;border:0;position:relative;display:table;margin:auto}button.show-numbers-btn:after{content:"";background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='44'%20height='44'%20viewBox='0%200%2044%2044'%3e%3cg%20id='btn_arrow'%20transform='translate(-709%20-809)'%3e%3ccircle%20id='楕円形_1'%20data-name='楕円形%201'%20cx='22'%20cy='22'%20r='22'%20transform='translate(709%20809)'%20fill='%23ff2121'/%3e%3cpath%20id='前面オブジェクトで型抜き_1'%20data-name='前面オブジェクトで型抜き%201'%20d='M4,15V12.482L11.022,6.5,4,.519V-2l9.978,8.5L4,15Z'%20transform='translate(724%20824.5)'%20fill='%23fff'/%3e%3c/g%3e%3c/svg%3e");background-position:center;background-size:contain;background-repeat:no-repeat;position:absolute;right:4px;top:0;bottom:0;margin:auto;z-index:0;width:40px;cursor:pointer}button.show-numbers-btn:hover{opacity:.7}.wordbuttons__buttons-pad{display:grid;grid-template-columns:repeat(5,auto);row-gap:10px;column-gap:10px;justify-content:center}@media(max-width:767px){.wordbuttons__buttons-pad{grid-template-columns:1fr 1fr 1fr 1fr 1fr;row-gap:4px;column-gap:4px;margin:0 2px}}.wordbuttons__selected-button-number-display{margin-top:5px}.dot{margin-top:10px;margin-bottom:20px;height:200px;width:200px;background:#aaa;border-radius:50%;display:inline-block}@media(max-width:767px){.dot{margin-top:10px;margin-bottom:20px;height:180px;width:180px;background:#aaa;border-radius:50%;display:inline-block}}.total-games{font-size:2.2rem}@media(max-width:767px){.total-games{font-size:1.6rem}}.bar{margin:5px auto}@media(max-width:767px){.bar img{max-width:100%}}.text-box{background:#fff;padding:40px;border-radius:10px;box-shadow:0 1px 10px #0000001a;max-width:560px;margin:30px auto}@media(max-width:767px){.text-box{margin:30px;padding:30px}}.text-box h3{margin-bottom:0;font-size:1.8rem}.text-box p{text-align:left}.text-box img{max-width:130px}@media(max-width:767px){.text-box img{max-width:100px}}.instructions-text{font-size:1.8rem;color:#333;text-align:left;margin-left:30px}@media(max-width:767px){.instructions-text{margin:auto;font-size:1.8rem}}.instructions-text-center{font-size:3rem;color:#333;text-align:center}@media(max-width:767px){.instructions-text-center{font-size:2rem}}h2.instructions-text-center{font-size:3rem}@media(max-width:767px){h2.instructions-text-center{font-size:2rem}}.test-instructions{padding-bottom:60px}.total-score{padding:0;font-size:2rem}.incorrectWordsMessage{font-size:2rem;color:red}.worddisplay__random-word-display{font-size:20rem;font-weight:700;color:#333;text-align:center}@media(max-width:767px){.worddisplay__random-word-display{font-size:14rem}}.random-number-container{width:350px;height:350px;border-radius:10px;background-color:#fff;justify-content:center;align-items:center;margin:auto}.random-number-display{font-size:30rem;color:#333;text-align:center;line-height:1;margin:0;padding:0}.wordbuttons__selected-button-number-display{color:#333;font-size:2rem}.color-test-completed{text-align:center}.color-button-container{position:relative}.circle-on-word-button{position:absolute;left:12px;top:9px;z-index:1}@media(max-width:767px){.circle-on-word-button{left:12px;top:4px}}.cross-on-word-button{position:absolute;left:11px;top:7px;z-index:1}@media(max-width:767px){.cross-on-word-button{left:13px;top:3px}}.kanji-style{margin-bottom:25px;display:inline-block;font-size:18rem;font-weight:700}@media(max-width:767px){.kanji-style{font-size:10rem;margin:auto}}.total-rounds{padding:0 25px}.number-display-input{justify-content:center;border:1px solid #646464;border-radius:5px;font-size:xx-large;padding:5px 10px;outline:none;width:auto;color:#464646;text-align:center;display:block;margin:0 auto 20px;letter-spacing:5px}@media(max-width:767px){.number-display-input{border-radius:5px;font-size:2.2rem;padding:5px 10px;text-align:center;width:100%;max-width:260px}}.number-buttons{display:grid;grid-template-columns:repeat(3,auto);row-gap:10px;column-gap:10px;justify-content:center}@media(max-width:767px){.number-buttons{display:flex;flex-wrap:wrap;width:220px;row-gap:10px;grid-column-gap:10px;column-gap:10px;justify-content:center;text-align:center;align-items:center;margin:auto}}button.number-buttons__{width:80px;height:80px;border:none;border:solid 3px #139EE5;border-radius:25px;background:#fff;font-size:3.5rem;color:#000;text-align:center;display:flex;align-items:center;justify-content:center}@media(max-width:767px){button.number-buttons__{width:60px;height:60px;border-radius:20px;font-size:3rem}}button.number-buttons__:hover{background:#b4cdf8;color:#000}button.number-buttons__backspace{width:80px;height:80px;border:none;border:solid 3px #a0a0a0;border-radius:25px;background:#d0d0d0;font-size:30px;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center}@media(max-width:767px){button.number-buttons__backspace{width:60px;height:60px;border-radius:20px}}button.number-buttons__backspace:hover{background:#bebebe;color:#b3bfd5}button.number-buttons__ok{width:80px;height:80px;border:none;border:solid 3px #6FCF97;border-radius:25px;background:#e0fbeb;font-size:30px;color:#6fcf97;text-align:center;display:flex;align-items:center;justify-content:center}@media(max-width:767px){button.number-buttons__ok{width:60px;height:60px;border-radius:20px;font-size:2.5rem}}button.number-buttons__ok:hover{background:#b9d5c4;color:#fff}.backspaceOnButton{margin:auto;text-align:center}.buttonsContainer{display:flex;flex-direction:column;align-items:center;row-gap:10px;max-width:450px;margin:auto}@media(max-width:767px){.buttonsContainer{display:flex;flex-direction:column;align-items:center;margin:0 auto;row-gap:10px}}.historic-results-box{background:#fff;padding:30px;border-radius:10px;box-shadow:0 1px 10px #0000001a;max-width:380px;margin:30px auto}@media(max-width:767px){.historic-results-box{margin:20px auto;padding:20px}}.points-text{font-size:small;color:#666}.deviation-text{white-space:nowrap;position:relative;top:10px;text-align:right;right:7px;font-weight:600;font-size:1.3rem}.deviation-gray-text{white-space:nowrap;color:#96765b;position:relative;top:10px;text-align:left;left:5px;font-weight:700;font-size:1.3rem}@media(max-width:767px){.deviation-text{font-size:1.3rem;top:0}.deviation-gray-text{white-space:nowrap;color:#96765b;position:relative;text-align:left;left:6px;font-weight:700;font-size:1.3rem;top:0}}.deviation-container{background-image:linear-gradient(to right,#5bc5f2,#2563eb);color:#fff;height:40px;width:100%;margin-bottom:20px;border-radius:10px}@media(max-width:767px){.deviation-container{height:20px;margin-bottom:10px}}.colorButtonContainer{position:relative}@media(max-width:767px){.colorButtonContainer{width:30%}}.circleOnButton{position:absolute;left:130px;top:3px;z-index:1;height:60px;width:60px}@media(max-width:767px){.circleOnButton{left:38px}}.crossOnButton{position:absolute;left:130px;top:3px;z-index:1;height:60px;width:60px}@media(max-width:767px){.crossOnButton{left:38px}}.relativeContainer{position:relative}.correctMessage,.incorrectMessage{position:absolute;top:0;left:50%;transform:translate(-50%)}.correctMessage,.correctMessage2{top:585px;font-size:2.2rem;color:#0400ff}.correctMessage img,.correctMessage2 img{width:20px;height:20px}.incorrectMessage,.incorrectMessage2{font-size:2.2rem;color:red;top:585px}@media(max-width:767px){.incorrectMessage,.incorrectMessage2{font-size:1.6rem}}.incorrectMessage img,.incorrectMessage2 img{width:20px;height:20px;top:585px}@media(max-width:767px){.incorrectMessage img,.incorrectMessage2 img{width:13px;height:13px}}.score{color:#2563eb;font-size:3rem}.score__grid{display:flex;justify-content:space-between;align-items:baseline;padding:0 5px}.score__grid .d-flex{display:flex}.score__grid .between{justify-content:space-between}.item1{grid-area:a;font-size:2rem;flex:1;display:flex}@media(max-width:767px){.item1{font-size:1.4rem}}.score{grid-area:b;justify-self:flex-end;line-height:1}@media(max-width:767px){.score{font-size:2.2rem}}.item3{grid-area:c;justify-self:start;font-size:2rem}@media(max-width:767px){.item3{font-size:1.4rem}}.item4{grid-area:d;justify-self:end;font-size:2rem;width:20px}@media(max-width:767px){.item4{font-size:1.4rem}}.item5{grid-area:e;justify-self:end;font-size:2rem;color:#2563eb}@media(max-width:767px){.item5{font-size:1.4rem}}.mb-60{margin-bottom:60px}.result-inner{margin:0 20px}.historic-results-header-text{color:#06b3e8;font-weight:700;font-size:2rem;margin-bottom:10px}@media(max-width:767px){.historic-results-header-text{font-size:1.8rem}}.login-box{display:flex;align-items:center;justify-content:center;width:300px;height:auto;border:2px solid #d4c8ce;flex-direction:column;background:#fff;padding:30px;border-radius:10px;box-shadow:0 1px 10px #0000001a;max-width:380px;margin:30px auto}@media(max-width:767px){.login-box{margin:20px auto;padding:20px 30px}}.login-button{margin-top:20px;margin-bottom:20px;width:100%;background:#1254d3;border-radius:100px;padding:6px 30px;color:#fff;font-weight:700;text-align:center;font-size:1.8rem;border:0;position:relative}.login-button:hover{background:#5b91fa;color:#fff}.login-button:active{background:#924a50;color:#fff}.login-box-container{display:flex;margin-top:100px}.signup-box-container{display:flex;margin-top:20px}.signup-box{align-items:center;justify-content:center;width:300px;height:auto;border:2px solid #d4c8ce;flex-direction:column;background:#fff;padding:30px;border-radius:10px;box-shadow:0 1px 10px #0000001a;max-width:380px;margin:30px auto}@media(max-width:767px){.signup-box{margin:20px auto;padding:20px 30px}}.already-resigered-text-container{position:relative;top:-30px}.signup-kanji-name-label-container,.signup-name-label-container{position:relative;justify-content:left;font-weight:700;text-align:left;width:100%;font-size:1.6rem}.signup-gender-label-container{position:relative;justify-content:left;display:flex;font-weight:700;text-align:left;width:100%;font-size:1.6rem}.gender-radio-buttons-container{position:relative;justify-content:left;display:flex;padding-bottom:10px;width:100%}.gender-radio-buttons-container label{font-size:1.6rem}.signup-dob-label-container{position:relative;justify-content:left;display:flex;font-weight:700;text-align:left;width:100%;font-size:1.6rem}.signup-dob-calendar-container{position:relative;justify-content:left;padding-right:1020px}.react-datepicker__input-container{position:relative;justify-content:left;padding-bottom:10px}.react-datepicker__input-container input{width:100%;padding:8px 10px;margin:8px 0;display:inline-block;border:1px solid #ccc;box-sizing:border-box}.signup-email-label-container,.signup-password-label-container{position:relative;justify-content:left;font-weight:700;text-align:left;width:100%;font-size:1.6rem}.email-label-container{position:relative;font-weight:700;width:100%;text-align:left;font-size:1.6rem}.password-label-container{position:relative;font-weight:700;width:100%;text-align:left;font-size:1.6rem;margin-top:10px}.email-input{width:100%;padding:8px 10px;margin:5px 0 15px;display:inline-block;border:1px solid #ccc;box-sizing:border-box}.password-label{position:relative;display:r;text-align:left}.password-input{width:100%;padding:8px 10px;margin:8px 0;display:inline-block;border:1px solid #ccc;box-sizing:border-box}.login-signup-button-disabled{margin-top:20px;margin-bottom:20px;width:100%;padding:6px 30px;border:none;border-radius:50px;background:#dadada;color:#8b8b8b;font-size:1.8rem}.login-signup-button-disabled:hover{background:#dadada;color:#8b8b8b}.login-signup-button{margin-top:20px;margin-bottom:20px;width:100%;background:#1254d3;border-radius:100px;padding:6px 30px;color:#fff;font-weight:700;text-align:center;font-size:1.8rem;border:0;position:relative}.login-signup-button:hover{background:#5b91fa;color:#fff}.login-signup-button:active{background:#924a50;color:#fff}.error{font-size:.8rem;color:#b00}.login_color{color:#139ee5;margin-top:0}.w100p{width:100%}
