:root{--colors-bg-page:#fcf6ee;--colors-bg-surface:#fdf9f4;--colors-bg-card:#fff;--colors-bg-subtle:#f8f4ef;--colors-border:#e9e4dd;--colors-border-strong:#e2ddd7;--colors-border-subtle:#efeae4;--colors-border-input:#dbd7d0;--colors-border-faint:#c2bdb7;--colors-text-heading:#372c1d;--colors-text-primary:#2f281e;--colors-text-secondary:#5c5449;--colors-text-tertiary:#6a6257;--colors-text-muted:#797065;--colors-text-disabled:#877f73;--colors-primary:#3284d0;--colors-primary-hover:#005fad;--colors-primary-strong:#003c6c;--colors-primary-soft:#bfdbf8;--colors-primary-soft-alt:#d8eeff;--colors-success:#38853e;--colors-success-soft:#d3f7d3;--colors-danger:#ce514d;--colors-danger-soft:#ffdcd7;--colors-danger-strong:#c53637;--colors-warning:#cb9317}*{box-sizing:border-box}body{background:var(--colors-bg-surface);color:var(--colors-text-primary);margin:0;max-width:480px;margin-inline:auto;font-family:Noto Sans JP,sans-serif}.header{background:var(--colors-bg-card);border-bottom:2px solid var(--colors-border-strong);flex-direction:row;align-items:center;padding:14px 16px 16px;display:flex;position:relative}.header__menu-button{cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:44px;height:44px;padding:0;display:flex}.header__menu-button-bar{background:var(--colors-text-primary);border-radius:2px;width:20px;height:2px}.header__title{color:var(--colors-text-heading);white-space:nowrap;font-family:Zen Maru Gothic,sans-serif;font-size:17px;font-weight:900;line-height:1.41;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.subject-form{flex-direction:column;gap:18px;padding:18px 16px 32px;display:flex}.subject-form__error{background:var(--colors-danger-soft);color:var(--colors-danger-strong);border-radius:10px;margin:0;padding:12px 16px;font-size:14px}.subject-form__categories{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.subject-form__category{background:var(--colors-bg-card);border:2px solid var(--colors-border);border-radius:14px;overflow:hidden}.subject-form__category-header{background:var(--colors-bg-subtle);align-items:center;gap:12px;padding:14px 16px;display:flex}.subject-form__category-label{color:var(--colors-text-primary);font-size:14.5px;font-weight:700;line-height:1.38}.subject-form__items{margin:0;padding:0;list-style:none}.subject-form__item{border-top:2px solid var(--colors-border-subtle);align-items:center;gap:12px;padding:13px 16px 13px 44px;display:flex}.subject-form__item-label{color:var(--colors-text-primary);font-size:14px;font-weight:400;line-height:1.43}.subject-form__checkbox{appearance:none;border:2px solid var(--colors-primary);background:var(--colors-bg-card);cursor:pointer;flex-shrink:0;margin:0}.subject-form__checkbox--category{border-radius:6px;width:22px;height:22px}.subject-form__checkbox--item{border-radius:5px;width:20px;height:20px}.subject-form__checkbox:checked{background:var(--colors-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 8l3.5 3.5L13 5'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:60%}.subject-form__actions{gap:10px;display:flex}.subject-form__submit-button{background:var(--colors-primary);height:54px;color:var(--colors-bg-card);cursor:pointer;border:2px solid #0000;border-radius:14px;flex:1;padding:15px;font-family:Zen Maru Gothic,sans-serif;font-size:14.5px;font-weight:700;line-height:1.38}.practice{flex-direction:column;gap:18px;padding:18px 16px 40px;display:flex}.practice__progress{color:var(--colors-text-tertiary);margin:0;font-size:13px;font-weight:700}.practice__card{background:var(--colors-bg-card);border:2px solid var(--colors-border);border-radius:18px;flex-direction:column;gap:16px;padding:24px;display:flex}.practice__tags{justify-content:space-between;align-items:center;gap:8px;display:flex}.practice__tag{border-radius:8px;padding:3px 10px;font-size:11px;font-weight:700}.practice__tag--subject{color:var(--colors-primary);background:#e0f1ff}.practice__tag--round{background:var(--colors-border-subtle);color:var(--colors-text-tertiary)}.practice__body{color:var(--colors-text-primary);margin:0;font-size:16px;font-weight:500;line-height:1.4}.practice__options{flex-direction:column;gap:20px;display:flex}.practice-result{flex-direction:column;padding:18px 16px 32px;display:flex}.practice-result__summary{background:var(--colors-bg-card);border:2px solid var(--colors-border);border-radius:16px;flex-direction:column;align-items:center;padding:24px;display:flex}.practice-result__score-ring{border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.practice-result__score-ring-inner{background:var(--colors-bg-card);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:92px;height:92px;display:flex}.practice-result__score-value{color:var(--colors-primary);margin:0;font-family:Zen Maru Gothic,sans-serif;font-size:26px;font-weight:900}.practice-result__score-label{color:var(--colors-text-tertiary);margin:0;font-size:11px}.practice-result__subjects{flex-direction:column;gap:10px;margin-top:40px;display:flex}.practice-result__subjects-title{color:var(--colors-text-primary);margin:0;font-size:14.5px;font-weight:700}.practice-result__subject-list{flex-direction:column;gap:12px;display:flex}.practice-result__subject{flex-direction:column;gap:5px;display:flex}.practice-result__subject-row{justify-content:space-between;display:flex}.practice-result__subject-name{color:var(--colors-text-primary);font-size:13px}.practice-result__subject-rate{color:var(--colors-text-primary);font-size:13px;font-weight:700}.practice-result__subject-bar-track{background:var(--colors-border);border-radius:5px;width:100%;height:8px;overflow:hidden}.practice-result__subject-bar-fill{background:var(--colors-success);border-radius:5px;height:100%}.practice-result__subject-bar-fill--warning{background:var(--colors-warning)}.practice-result__actions{flex-direction:column;gap:10px;margin-top:20px;display:flex}.practice-result__review-button{background:var(--colors-primary);color:var(--colors-bg-card);cursor:not-allowed;border:none;border-radius:14px;padding:15px;font-family:Zen Maru Gothic,sans-serif;font-size:14.5px;font-weight:700}.practice-result__secondary-actions{gap:10px;display:flex}.practice-result__retry-button,.practice-result__restart-link{background:var(--colors-bg-card);border:2px solid var(--colors-border-input);height:52px;color:var(--colors-text-primary);text-align:center;border-radius:14px;flex:1;justify-content:center;align-items:center;padding:14px;font-family:Zen Maru Gothic,sans-serif;font-size:13.5px;font-weight:700;text-decoration:none;display:flex}.practice-result__retry-button{cursor:not-allowed}.home{padding:20px 16px 32px}.home__tabs{flex-direction:row;gap:24px;margin-bottom:18px;padding-bottom:2px;display:flex}.home__tab{width:62px;height:46px;color:var(--colors-text-muted);border-bottom:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;padding:12px 2px;font-size:14.5px;font-weight:700;text-decoration:none;display:flex}.home__tab--active{color:var(--colors-primary);border-bottom-color:var(--colors-primary)}.home__empty{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:56px 24px;display:flex}.home__empty-icon-bg{background:var(--colors-primary-soft-alt);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.home__empty-icon{width:32px;height:32px;color:var(--colors-primary)}.home__empty-title{color:var(--colors-text-primary);margin:0;font-size:16px;font-weight:900}.home__empty-description{color:var(--colors-text-secondary);max-width:280px;margin:0;font-size:13.5px;line-height:1.6}.home__empty-cta{background:var(--colors-primary);color:var(--colors-bg-card);border-radius:14px;padding:14px 24px;font-size:15px;font-weight:700;text-decoration:none}.home__list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.home__card{border:2px solid var(--colors-border);background:var(--colors-bg-card);border-radius:16px;flex-direction:row;align-items:stretch;text-decoration:none;display:flex;position:relative;overflow:hidden}.home__card-image{object-fit:cover;flex-shrink:0;width:115px;height:88px;display:block}.home__card-body{flex-direction:column;flex:1;justify-content:center;min-width:0;padding:14px 16px;display:flex}.home__card-title{color:var(--colors-text-primary);font-size:15px;font-weight:700;display:block}.home__card-badge{background:var(--colors-success);color:var(--colors-bg-card);border-radius:20px;padding:4px 9px;font-size:10.5px;font-weight:700;position:absolute;top:10px;right:10px}.exam-detail__banner{object-fit:cover;width:100%;display:block}.exam-detail__body{flex-direction:column;gap:18px;padding:20px 16px 32px;display:flex}.exam-detail__back-link{color:var(--colors-text-secondary);flex-direction:row;align-items:center;gap:4px;font-size:13.5px;font-weight:700;text-decoration:none;display:flex}.exam-detail__back-icon{width:16px;height:16px}.exam-detail__header{flex-direction:row;align-items:center;gap:10px;display:flex}.exam-detail__color-mark{border-radius:3px;flex-shrink:0;width:10px;height:10px}.exam-detail__title{color:var(--colors-text-primary);margin:0;font-size:18px;font-weight:900}.exam-detail__difficulty-row{flex-direction:row;align-items:center;gap:8px;display:flex}.exam-detail__label{color:var(--colors-text-tertiary);margin:0 0 3px;font-size:12px;font-weight:700}.exam-detail__difficulty-badge{background:var(--colors-primary-soft-alt);color:var(--colors-primary-strong);border-radius:8px;padding:3px 10px;font-size:12px;font-weight:700}.exam-detail__section{flex-direction:column;display:flex}.exam-detail__value{color:var(--colors-text-primary);margin:0;font-size:14px;line-height:1.6}.exam-detail__primary-button{background:var(--colors-primary);width:100%;color:var(--colors-bg-card);text-align:center;cursor:pointer;box-sizing:border-box;border:none;border-radius:14px;padding:15px;font-size:15px;font-weight:700;text-decoration:none;display:block}.exam-detail__official-link{color:var(--colors-primary);flex-direction:row;justify-content:center;align-items:center;gap:4px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.exam-detail__official-icon{width:14px;height:14px}.exam-settings{padding:18px 16px 32px}.exam-settings__back-link{color:var(--colors-text-tertiary);margin-bottom:16px;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-block}.exam-settings__empty{text-align:center;color:var(--colors-text-secondary);padding:48px 0}.exam-settings__list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.exam-settings__row{background:var(--colors-bg-card);border:2px solid var(--colors-border);box-sizing:border-box;border-radius:14px;padding:18px}.exam-settings__title-row{flex-direction:row;align-items:center;gap:8px;margin-bottom:12px;display:flex}.exam-settings__color-mark{border-radius:2px;flex-shrink:0;width:8px;height:8px}.exam-settings__title{color:var(--colors-text-primary);font-size:15px;font-weight:700}.exam-settings__actions{flex-direction:row;gap:8px;display:flex}.exam-settings__actions form{flex:1}.exam-settings__remove-button{border:2px solid var(--colors-border-input);background:var(--colors-bg-card);width:100%;height:48px;color:var(--colors-text-secondary);cursor:pointer;box-sizing:border-box;border-radius:10px;padding:12px;font-size:13px;font-weight:700}.exam-settings__pass-button{width:100%;height:48px;color:var(--colors-bg-card);cursor:pointer;box-sizing:border-box;border:none;border-radius:10px;padding:12px;font-size:13px;font-weight:700}.my-page{padding:24px 16px 32px}.my-page__profile{text-align:center;flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.my-page__avatar{background:var(--colors-primary-soft);width:64px;height:64px;color:var(--colors-primary-strong);border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;font-size:22px;font-weight:700;display:flex}.my-page__name{color:var(--colors-text-primary);margin:0;font-size:16px;font-weight:700}.my-page__email{color:var(--colors-text-tertiary);margin:4px 0 0;font-size:12.5px}.my-page__menu-item{background:var(--colors-bg-card);border:2px solid var(--colors-border);height:52px;color:var(--colors-text-primary);box-sizing:border-box;border-radius:16px;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px 16px;font-size:14.5px;font-weight:700;text-decoration:none;display:flex}.my-page__menu-item-chevron{color:var(--colors-text-disabled);font-size:15px;font-weight:700}.my-page__logout-button{border:2px solid var(--colors-border-input);background:var(--colors-bg-card);width:100%;height:54px;color:var(--colors-danger);box-sizing:border-box;cursor:pointer;border-radius:14px;padding:14px;font-size:14.5px;font-weight:700}.auth{flex-direction:column;padding:48px 24px 32px;display:flex}.auth__title{color:var(--colors-text-heading);text-align:center;margin:0 0 24px;font-size:20px;font-weight:900}.auth__message{background:var(--colors-danger-soft);color:var(--colors-danger-strong);border-radius:12px;margin:0 0 16px;padding:12px 14px;font-size:13px;font-weight:700}.auth__form{flex-direction:column;gap:16px;display:flex}.auth__field{flex-direction:column;gap:6px;display:flex}.auth__field-label{color:var(--colors-text-secondary);font-size:13px;font-weight:700}.auth__input{border:2px solid var(--colors-border-input);background:var(--colors-bg-card);height:48px;color:var(--colors-text-primary);box-sizing:border-box;border-radius:12px;padding:0 14px;font-size:15px}.auth__input:focus{border-color:var(--colors-primary);outline:none}.auth__submit{background:var(--colors-primary);height:52px;color:var(--colors-bg-card);cursor:pointer;border:none;border-radius:14px;margin-top:8px;font-size:15px;font-weight:700}.auth__switch{text-align:center;color:var(--colors-text-secondary);margin:24px 0 0;font-size:13px}.auth__switch a{color:var(--colors-primary);font-weight:700;text-decoration:none}.landing__header{background:var(--colors-bg-card);border-bottom:2px solid var(--colors-border-strong);flex-direction:row;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.landing__logo{color:var(--colors-text-heading);font-family:Zen Maru Gothic,sans-serif;font-size:17px;font-weight:900}.landing__header-actions{flex-direction:row;align-items:center;gap:12px;display:flex}.landing__login-link{color:var(--colors-text-secondary);font-size:13.5px;font-weight:700;text-decoration:none}.landing__signup-button{background:var(--colors-primary);color:var(--colors-bg-card);white-space:nowrap;border-radius:20px;padding:9px 14px;font-family:Zen Maru Gothic,sans-serif;font-size:13px;font-weight:700;text-decoration:none}.landing__hero-image{width:100%;height:auto;display:block}.landing__hero{text-align:center;flex-direction:column;align-items:center;gap:24px;padding:40px 24px 32px;display:flex}.landing__hero-title{color:var(--colors-text-heading);margin:0;font-family:Zen Maru Gothic,sans-serif;font-size:28px;font-weight:900;line-height:1.4}.landing__hero-description{color:var(--colors-text-secondary);max-width:320px;margin:0;font-size:14.5px;line-height:1.7}.landing__hero-cta{background:var(--colors-primary);color:var(--colors-bg-card);text-align:center;border-radius:14px;padding:16px 32px;font-family:Zen Maru Gothic,sans-serif;font-size:16px;font-weight:700;text-decoration:none;display:inline-block}.landing__hero-note{color:var(--colors-text-tertiary);margin:0;font-size:12px}.landing__features{padding:40px 24px}.landing__features-title{color:var(--colors-text-heading);text-align:center;margin:0 0 24px;font-family:Zen Maru Gothic,sans-serif;font-size:20px;font-weight:900}.landing__feature-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.landing__feature-card{background:var(--colors-bg-card);border:2px solid var(--colors-border);border-radius:16px;flex-direction:row;align-items:flex-start;gap:14px;padding:16px;display:flex}.landing__feature-card-body{flex-direction:column;gap:4px;display:flex}.landing__feature-icon-bg{background:var(--colors-primary-soft-alt);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.landing__feature-icon{width:22px;height:22px;color:var(--colors-primary)}.landing__feature-card-title{color:var(--colors-text-primary);margin:0;font-family:Zen Maru Gothic,sans-serif;font-size:15px;font-weight:700}.landing__feature-card-description{color:var(--colors-text-secondary);margin:0;font-size:12.5px;line-height:1.6}.landing__final-cta{text-align:center;background:var(--colors-text-heading);flex-direction:column;align-items:center;gap:16px;padding:44px 24px;display:flex}.landing__final-cta-title{color:var(--colors-bg-card);margin:0;font-family:Zen Maru Gothic,sans-serif;font-size:22px;font-weight:900}.landing__final-cta-button{background:var(--colors-primary);color:var(--colors-bg-card);text-align:center;border-radius:14px;padding:16px 36px;font-family:Zen Maru Gothic,sans-serif;font-size:16px;font-weight:700;text-decoration:none;display:inline-block}.landing__final-cta-note{color:#fff9;margin:0;font-size:12px}.landing__footer{flex-direction:column;align-items:center;gap:10px;padding:24px;display:flex}.landing__footer-links{flex-direction:row;justify-content:center;gap:16px;display:flex}.landing__footer-links a{color:var(--colors-text-tertiary);font-size:12px;text-decoration:none}.landing__copyright{color:var(--colors-text-disabled);margin:0;font-size:11px}.error-page__image{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}