.login-screen{min-height:100vh;background:var(--color-bg);display:flex;align-items:center;justify-content:center;padding:24px}.login-screen__card{width:100%;max-width:360px;background:var(--color-surface);border-radius:var(--radius-card);padding:32px 24px}.login-screen__eyebrow{margin:0 0 4px;font-size:12px;letter-spacing:.04em;color:var(--color-text-muted)}.login-screen__title{margin:0 0 24px;font-size:22px;font-weight:700}.login-screen__form{display:flex;flex-direction:column;gap:16px}.login-screen__field{display:flex;flex-direction:column;gap:6px}.login-screen__label{font-size:13px;color:var(--color-text-muted)}.login-screen__input{padding:12px 14px;border-radius:10px;border:1.5px solid var(--color-surface-line);background:var(--color-bg);color:var(--color-text);font-size:15px;font-family:inherit}.login-screen__input:focus{outline:none;border-color:var(--color-accent-phys)}.login-screen__error{margin:0;font-size:13px;color:var(--color-danger)}.login-screen__submit{margin-top:8px;padding:14px;border-radius:12px;border:none;background:var(--color-safe);color:var(--color-on-accent);font-size:16px;font-weight:700;font-family:inherit;cursor:pointer}.login-screen__submit:disabled{opacity:.6;cursor:default}.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--color-surface);border-top:1px solid var(--color-surface-line);padding-bottom:env(safe-area-inset-bottom,0);z-index:10}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 0 8px;border:none;background:transparent;font-family:inherit;font-size:11px;color:var(--color-text-muted);cursor:pointer}.bottom-nav__indicator{width:20px;height:3px;border-radius:var(--radius-pill);background:transparent}.bottom-nav__item--active{color:var(--color-text)}.bottom-nav__item--active .bottom-nav__indicator{background:var(--color-safe)}.bottom-nav__label{font-weight:500}.exp-bar{display:flex;align-items:center;gap:12px;width:100%}.exp-bar__level-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 8px;border-radius:12px;background:var(--gradient-brand);color:var(--color-on-accent);font-family:var(--font-mono);font-weight:700;font-size:14px}.exp-bar__track-wrap{flex:1}.exp-bar__track{height:8px;border-radius:var(--radius-pill);background:var(--color-surface-alt);overflow:hidden}.exp-bar__fill{height:100%;background:var(--gradient-brand);transition:width .6s ease}.exp-bar__caption{margin:4px 0 0;font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted)}.streak-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);background:var(--color-surface-alt);color:var(--color-text-muted)}.streak-badge--active{background:var(--gradient-warm);color:var(--color-on-accent)}.streak-badge__count{font-family:var(--font-mono);font-weight:700;font-size:14px}.streak-badge__label{font-size:12px}.stat-card{background:var(--color-surface);border-radius:12px;padding:12px 14px}.stat-card__label{margin:0 0 4px;font-size:11px;color:var(--color-text-muted)}.stat-card__value{margin:0;font-family:var(--font-mono);font-size:20px;font-weight:700}.daily-bar-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:6px;height:120px;padding-top:20px}.daily-bar-chart__col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.daily-bar-chart__count{font-size:10px;color:var(--color-text-muted);font-family:var(--font-mono);margin-bottom:4px}.daily-bar-chart__track{flex:1;width:100%;max-width:22px;display:flex;align-items:flex-end;background:var(--color-surface-alt);border-radius:6px;overflow:hidden}.daily-bar-chart__fill{width:100%;background:var(--color-accent-phys);border-radius:6px 6px 0 0;transition:height .4s ease}.daily-bar-chart__label{margin-top:6px;font-size:11px;color:var(--color-text-muted)}.avatar-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.home-screen{min-height:100vh;background:var(--color-bg);display:flex;flex-direction:column}.home-screen__body{flex:1;padding:24px 16px 100px;display:flex;flex-direction:column;gap:20px}.home-screen__error{color:var(--color-danger);font-size:14px}.home-screen__profile-card{background:var(--color-surface);border-radius:var(--radius-card);padding:20px;display:flex;flex-direction:column;gap:16px}.home-screen__profile-head{display:flex;align-items:flex-start;justify-content:space-between}.home-screen__identity{display:flex;align-items:center;gap:10px}.home-screen__likes-card{background:var(--color-surface);border-radius:var(--radius-card);padding:14px 16px;display:flex;align-items:center;justify-content:space-between}.home-screen__likes-label{margin:0 0 2px;font-size:12px;color:var(--color-text-muted)}.home-screen__likes-value{margin:0;font-family:var(--font-mono);font-size:22px;font-weight:700;color:var(--color-danger)}.home-screen__likes-detail-button{padding:8px 16px;border-radius:var(--radius-pill);border:1.5px solid var(--color-surface-line);background:transparent;color:var(--color-text);font-family:inherit;font-size:13px;cursor:pointer}.home-screen__name{margin:0;font-size:17px;font-weight:700}.home-screen__grade{margin:2px 0 0;font-size:13px;color:var(--color-text-muted)}.home-screen__start-button{padding:18px;border-radius:16px;border:none;background:var(--color-safe);color:var(--color-on-accent);font-size:17px;font-weight:700;font-family:inherit;cursor:pointer}.home-screen__stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.home-screen__chart-card{background:var(--color-surface);border-radius:var(--radius-card);padding:16px}.home-screen__section-title{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--color-text-muted)}.home-screen__badge-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.home-screen__badge-chip{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:var(--color-surface-alt);border:1.5px solid var(--color-accent-earth);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--color-accent-earth)}.quiz-select{min-height:100vh;background:var(--color-bg);display:flex;flex-direction:column}.quiz-select__header{padding:24px 16px 8px}.quiz-select__title{margin:0;font-size:18px;font-weight:700}.quiz-select__body{flex:1;padding:8px 16px 120px;display:flex;flex-direction:column;gap:24px}.quiz-select__mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quiz-select__mode-card{display:flex;flex-direction:column;gap:4px;padding:14px 10px;border-radius:14px;border:1.5px solid var(--color-surface-line);background:var(--color-surface);color:var(--color-text-muted);font-family:inherit;text-align:left;cursor:pointer}.quiz-select__mode-card--active{border-color:var(--color-safe);background:var(--color-surface-alt);color:var(--color-text)}.quiz-select__mode-card-label{font-size:14px;font-weight:700}.quiz-select__mode-card-desc{font-size:11px;line-height:1.4}@media (max-width: 380px){.quiz-select__mode-cards{grid-template-columns:1fr}}.quiz-select__section-title{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--color-text-muted)}.quiz-select__chip-row{display:flex;flex-wrap:wrap;gap:8px}.quiz-select__chip{padding:9px 16px;border-radius:var(--radius-pill);border:1.5px solid var(--color-surface-line);background:var(--color-surface);color:var(--color-text-muted);font-family:inherit;font-size:14px;cursor:pointer}.quiz-select__chip--active{border-color:var(--color-safe);color:var(--color-text);background:var(--color-surface-alt)}.quiz-select__chip--field-生物.quiz-select__chip--active{border-color:var(--color-accent-bio)}.quiz-select__chip--field-化学.quiz-select__chip--active{border-color:var(--color-accent-chem)}.quiz-select__chip--field-物理.quiz-select__chip--active{border-color:var(--color-accent-phys)}.quiz-select__chip--field-地学.quiz-select__chip--active{border-color:var(--color-accent-earth)}.quiz-select__unit-select{width:100%;padding:12px 14px;border-radius:10px;border:1.5px solid var(--color-surface-line);background:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:14px}.quiz-select__error{margin:0;font-size:13px;color:var(--color-danger)}.quiz-select__start-button{position:fixed;left:16px;right:16px;bottom:76px;padding:16px;border-radius:14px;border:none;background:var(--color-safe);color:var(--color-on-accent);font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;z-index:5}.quiz-select__start-button:disabled{opacity:.6;cursor:default}.timer{position:relative;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;flex-shrink:0}.timer__track{stroke:var(--color-surface-line)}.timer__gauge{stroke:var(--color-safe);transition:stroke-dashoffset .2s linear,stroke .3s ease}.timer--warn .timer__gauge{stroke:var(--color-warn)}.timer--danger .timer__gauge{stroke:var(--color-danger)}.timer__number{position:absolute;font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--color-text)}.question-card{--field-accent: var(--color-accent-bio);width:100%;max-width:480px;background:var(--color-surface);border:1px solid var(--color-surface-line);border-radius:var(--radius-card);padding:20px;display:flex;flex-direction:column;gap:16px}.question-card.field-化学{--field-accent: var(--color-accent-chem)}.question-card.field-物理{--field-accent: var(--color-accent-phys)}.question-card.field-地学{--field-accent: var(--color-accent-earth)}.question-card__meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-muted)}.question-card__field-tag{background:var(--field-accent);color:var(--color-on-accent);padding:2px 10px;border-radius:var(--radius-pill);font-weight:700;font-size:12px}.question-card__unit{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.question-card__progress{font-family:var(--font-mono)}.question-card__favorite{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer}.question-card__favorite--active{color:var(--color-accent-earth)}.question-card__image{width:100%;max-height:200px;object-fit:cover;border-radius:12px}.question-card__text{margin:0;font-size:18px;line-height:1.6;font-weight:500;color:var(--color-text)}.question-card__choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-button{display:flex;align-items:center;gap:10px;padding:14px;border-radius:12px;border:1.5px solid var(--color-surface-line);background:var(--color-surface);text-align:left;font-size:15px;font-family:inherit;color:var(--color-text);cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease}.choice-button:active:not(:disabled){transform:scale(.98)}.choice-button:disabled{cursor:default}.choice-button__label{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--color-surface-alt);font-family:var(--font-mono);font-size:12px;font-weight:700;flex-shrink:0}.choice-button--selected{border-color:var(--field-accent);background:var(--color-surface-alt)}@media (max-width: 380px){.question-card__choices{grid-template-columns:1fr}}.feedback-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:20}.feedback-overlay--correct .feedback-overlay__mark{color:var(--color-safe)}.feedback-overlay--wrong .feedback-overlay__mark{color:var(--color-danger)}.feedback-overlay__mark{opacity:0;transform:scale(.4);transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}.feedback-overlay__mark--show{opacity:1;transform:scale(1)}.feedback-overlay__particle{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--color-safe);opacity:0;transform:rotate(var(--angle)) translate(0);transition:transform .6s cubic-bezier(.2,.8,.3,1),opacity .6s ease}.feedback-overlay__particle--show{opacity:1;transform:rotate(var(--angle)) translate(70px);transition-delay:.1s}.feedback-overlay__particle--show{animation:feedback-particle-fade .6s ease .1s forwards}@keyframes feedback-particle-fade{0%{opacity:1}to{opacity:0}}.feedback-overlay__combo{position:absolute;bottom:18%;display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-pill);background:var(--color-accent-chem);color:var(--color-on-accent);font-weight:700;font-size:14px;opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease;transition-delay:.15s}.feedback-overlay__combo--show{opacity:1;transform:translateY(0)}.quiz-session{min-height:100vh;background:var(--color-bg);display:flex;flex-direction:column}.quiz-session__header{display:flex;align-items:center;gap:12px;padding:16px}.quiz-session__exit{width:32px;height:32px;border-radius:50%;border:none;background:var(--color-surface-alt);color:var(--color-text-muted);font-size:18px;line-height:1;cursor:pointer;flex-shrink:0}.quiz-session__progress-track{flex:1;height:6px;border-radius:var(--radius-pill);background:var(--color-surface-alt);overflow:hidden}.quiz-session__progress-fill{height:100%;background:var(--color-safe);transition:width .3s ease}.quiz-session__body{flex:1;padding:8px 16px 24px;display:flex;align-items:flex-start;justify-content:center}.quiz-session__card-wrap{position:relative;width:100%;max-width:480px}.quiz-session__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b2430d9;display:flex;align-items:center;justify-content:center;color:var(--color-text);font-size:15px;padding:20px}.quiz-session__confirm-card{background:var(--color-surface);border-radius:var(--radius-card);padding:24px;max-width:320px;text-align:center;display:flex;flex-direction:column;gap:16px}.quiz-session__confirm-actions{display:flex;gap:12px;justify-content:center}.quiz-session__confirm-actions button{flex:1;padding:10px;border-radius:8px;border:none;font-size:14px;font-family:inherit;cursor:pointer;background:var(--color-surface-alt);color:var(--color-text)}.quiz-session__confirm-quit{background:var(--color-danger)!important;color:var(--color-on-accent)!important}.quiz-result{min-height:100vh;background:var(--color-bg);padding:24px 16px 100px;display:flex;flex-direction:column;gap:24px}.quiz-result__summary-card{background:var(--color-surface);border-radius:20px;padding:28px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.quiz-result__accuracy-label{margin:0;font-size:13px;color:var(--color-text-muted)}.quiz-result__accuracy-value{margin:0;font-family:var(--font-mono);font-size:48px;font-weight:700;color:var(--color-safe)}.quiz-result__count{margin:0 0 12px;font-size:14px;color:var(--color-text-muted)}.quiz-result__exp-row{width:100%;display:flex;justify-content:space-between;font-size:14px}.quiz-result__exp-value{font-family:var(--font-mono);color:var(--color-accent-chem);font-weight:700}.quiz-result__exp-track{width:100%;height:8px;border-radius:var(--radius-pill);background:var(--color-surface-alt);overflow:hidden;margin-top:4px}.quiz-result__exp-fill{height:100%;width:0%;background:var(--color-accent-chem);transition:width 1s ease}.quiz-result__levelup{margin:8px 0 0;font-weight:700;color:var(--color-warn)}.quiz-result__streak{margin:0;font-size:13px;color:var(--color-text-muted)}.quiz-result__review-title{margin:0 0 12px;font-size:15px;font-weight:600}.quiz-result__review-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.quiz-result__review-item{background:var(--color-surface);border-left:3px solid var(--color-safe);border-radius:0 12px 12px 0;padding:12px 16px;font-size:14px}.quiz-result__review-item--wrong{border-left-color:var(--color-danger)}.quiz-result__review-question{margin:0 0 4px;font-weight:500}.quiz-result__review-answer{margin:0;color:var(--color-text-muted);font-size:13px}.quiz-result__review-correct{margin:2px 0 0;color:var(--color-danger);font-size:13px}.quiz-result__home-button{position:fixed;left:16px;right:16px;bottom:24px;padding:16px;border-radius:14px;border:none;background:var(--color-safe);color:var(--color-on-accent);font-size:16px;font-weight:700;font-family:inherit;cursor:pointer}.ranking-screen{min-height:100vh;background:var(--color-bg);display:flex;flex-direction:column}.ranking-screen__header{padding:24px 16px 12px}.ranking-screen__title{margin:0 0 16px;font-size:18px;font-weight:700}.ranking-screen__tabs{display:flex;background:var(--color-surface-alt);border-radius:var(--radius-pill);padding:4px;gap:4px}.ranking-screen__tab{flex:1;padding:8px 0;border:none;border-radius:var(--radius-pill);background:transparent;font-family:inherit;font-size:13px;color:var(--color-text-muted);cursor:pointer}.ranking-screen__tab--active{background:var(--color-surface);color:var(--color-text);font-weight:700}.ranking-screen__body{flex:1;padding:4px 16px 100px}.ranking-screen__status{text-align:center;color:var(--color-text-muted);font-size:14px;margin-top:40px}.ranking-screen__status--error{color:var(--color-danger)}.ranking-screen__list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.ranking-screen__item{display:flex;align-items:center;gap:12px;background:var(--color-surface);border-radius:12px;padding:12px 16px}.ranking-screen__item--self{border:1.5px solid var(--color-safe)}.ranking-screen__rank{width:24px;font-family:var(--font-mono);font-weight:700;color:var(--color-text-muted)}.ranking-screen__name{flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-screen__exp{font-family:var(--font-mono);font-size:13px;color:var(--color-accent-chem);font-weight:700}.ranking-screen__like-button{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer}.ranking-screen__like-button--active{color:var(--color-danger)}.ranking-screen__like-button:disabled{cursor:default}.mypage-screen{min-height:100vh;background:var(--color-bg);display:flex;flex-direction:column}.mypage-screen__header{padding:24px 16px 8px}.mypage-screen__title{margin:0;font-size:18px;font-weight:700}.mypage-screen__body{flex:1;padding:8px 16px 100px;display:flex;flex-direction:column;gap:20px}.mypage-screen__error{color:var(--color-danger);font-size:14px}.mypage-screen__profile-card{background:var(--color-surface);border-radius:var(--radius-card);padding:20px;display:flex;flex-direction:column;gap:16px}.mypage-screen__profile-head{display:flex;align-items:flex-start;justify-content:space-between}.mypage-screen__identity{display:flex;align-items:center;gap:12px}.mypage-screen__avatar-button{position:relative;border:none;background:transparent;padding:0;cursor:pointer}.mypage-screen__avatar-edit-badge{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);background:var(--color-text);color:var(--color-on-accent);font-size:9px;padding:1px 6px;border-radius:var(--radius-pill);white-space:nowrap}.mypage-screen__avatar-picker{background:var(--color-surface);border-radius:var(--radius-card);padding:16px}.mypage-screen__avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.mypage-screen__avatar-option{display:flex;align-items:center;justify-content:center;padding:6px;border-radius:12px;border:2px solid transparent;background:transparent;cursor:pointer}.mypage-screen__avatar-option--active{border-color:var(--color-safe)}.mypage-screen__avatar-close{width:100%;padding:10px;border-radius:10px;border:1px solid var(--color-surface-line);background:transparent;color:var(--color-text-muted);font-family:inherit;font-size:13px;cursor:pointer}.mypage-screen__name{margin:0;font-size:17px;font-weight:700}.mypage-screen__grade{margin:2px 0 0;font-size:13px;color:var(--color-text-muted)}.mypage-screen__longest-streak{margin:0;font-size:12px;color:var(--color-text-muted)}.mypage-screen__section-title{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--color-text-muted)}.mypage-screen__empty{margin:0;font-size:13px;color:var(--color-text-muted)}.mypage-screen__badge-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.mypage-screen__badge-item{display:flex;align-items:center;gap:12px;background:var(--color-surface);border-radius:12px;padding:10px 14px}.mypage-screen__badge-icon{width:40px;height:40px;border-radius:50%;background:var(--color-surface-alt);border:1.5px solid var(--color-accent-earth);color:var(--color-accent-earth);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.mypage-screen__badge-name{margin:0;font-size:14px;font-weight:500}.mypage-screen__badge-date{margin:2px 0 0;font-size:11px;color:var(--color-text-muted)}.mypage-screen__logout-button{padding:14px;border-radius:12px;border:1px solid var(--color-surface-line);background:transparent;color:var(--color-text-muted);font-size:14px;font-family:inherit;cursor:pointer}.likes-screen{min-height:100vh;background:var(--color-bg)}.likes-screen__header{display:flex;align-items:center;gap:12px;padding:20px 16px 8px}.likes-screen__back{width:32px;height:32px;border-radius:50%;border:none;background:var(--color-surface);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.likes-screen__title{margin:0;font-size:17px;font-weight:700}.likes-screen__body{padding:8px 16px 40px}.likes-screen__total{margin:0 0 16px;font-size:13px;color:var(--color-text-muted)}.likes-screen__status{text-align:center;color:var(--color-text-muted);font-size:14px;margin-top:40px}.likes-screen__status--error{color:var(--color-danger)}.likes-screen__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.likes-screen__item{display:flex;align-items:center;gap:12px;background:var(--color-surface);border-radius:12px;padding:10px 14px}.likes-screen__name{margin:0;font-size:14px;font-weight:500}.likes-screen__date{margin:2px 0 0;font-size:11px;color:var(--color-text-muted)}.like-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c231880;display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.like-popup{width:100%;max-width:320px;background:var(--color-surface);border-radius:var(--radius-card);padding:24px 20px;display:flex;flex-direction:column;gap:16px}.like-popup__title{margin:0;font-size:15px;font-weight:700;text-align:center}.like-popup__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.like-popup__item{display:flex;align-items:center;gap:10px}.like-popup__name{font-size:14px}.like-popup__more{font-size:12px;color:var(--color-text-muted);text-align:center}.like-popup__close{padding:12px;border-radius:10px;border:none;background:var(--color-safe);color:var(--color-on-accent);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}.admin-login{min-height:100vh;background:var(--color-bg);display:flex;align-items:center;justify-content:center;padding:24px}.admin-login__card{width:100%;max-width:380px;background:var(--color-surface);border-radius:var(--radius-card);padding:32px 28px}.admin-login__eyebrow{margin:0 0 4px;font-size:12px;color:var(--color-text-muted)}.admin-login__title{margin:0 0 24px;font-size:20px;font-weight:700}.admin-login__form{display:flex;flex-direction:column;gap:16px}.admin-login__field{display:flex;flex-direction:column;gap:6px}.admin-login__label{font-size:13px;color:var(--color-text-muted)}.admin-login__input{padding:12px 14px;border-radius:10px;border:1.5px solid var(--color-surface-line);background:var(--color-bg);color:var(--color-text);font-size:15px;font-family:inherit}.admin-login__input:focus{outline:none;border-color:var(--color-accent-phys)}.admin-login__error{margin:0;font-size:13px;color:var(--color-danger)}.admin-login__submit{margin-top:8px;padding:13px;border-radius:10px;border:none;background:var(--color-accent-phys);color:var(--color-on-accent);font-size:15px;font-weight:700;font-family:inherit;cursor:pointer}.admin-login__submit:disabled{opacity:.6;cursor:default}.admin-side-nav{width:220px;flex-shrink:0;min-height:100vh;background:var(--color-surface);border-right:1px solid var(--color-surface-line);padding:24px 16px;display:flex;flex-direction:column}.admin-side-nav__title{margin:0;font-size:14px;font-weight:700}.admin-side-nav__subtitle{margin:2px 0 24px;font-size:12px;color:var(--color-text-muted)}.admin-side-nav__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;flex:1}.admin-side-nav__item{width:100%;text-align:left;padding:10px 12px;border-radius:10px;border:none;background:transparent;color:var(--color-text-muted);font-family:inherit;font-size:14px;cursor:pointer}.admin-side-nav__item--active{background:var(--color-surface-alt);color:var(--color-text);font-weight:600}.admin-side-nav__logout{padding:10px 12px;border-radius:10px;border:1px solid var(--color-surface-line);background:transparent;color:var(--color-text-muted);font-family:inherit;font-size:13px;cursor:pointer}.kpi-card{background:var(--color-surface);border-radius:var(--radius-card);padding:20px;min-width:160px;flex:1}.kpi-card__label{margin:0 0 8px;font-size:13px;color:var(--color-text-muted)}.kpi-card__value{margin:0;font-family:var(--font-mono);font-size:28px;font-weight:700}.admin-dashboard{min-height:100vh;display:flex;background:var(--color-bg)}.admin-dashboard__content{flex:1;padding:32px 40px}.admin-dashboard__title{margin:0 0 24px;font-size:20px;font-weight:700}.admin-dashboard__error{color:var(--color-danger);font-size:14px}.admin-dashboard__kpi-row{display:flex;gap:16px;flex-wrap:wrap}.admin-questions{min-height:100vh;display:flex;background:var(--color-bg)}.admin-questions__content{flex:1;padding:32px 40px}.admin-questions__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.admin-questions__title{margin:0;font-size:20px;font-weight:700}.admin-questions__file-input{display:none}.admin-questions__import-button{padding:10px 18px;border-radius:10px;border:none;background:var(--color-accent-chem);color:var(--color-on-accent);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}.admin-questions__import-button:disabled{opacity:.6;cursor:default}.admin-questions__import-result{background:var(--color-surface);border-radius:12px;padding:14px 16px;margin-bottom:16px;font-size:13px}.admin-questions__import-result p{margin:0}.admin-questions__import-errors{margin:8px 0 0;padding-left:18px;color:var(--color-danger);font-size:12px}.admin-questions__filters{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.admin-questions__search{padding:10px 14px;border-radius:10px;border:1.5px solid var(--color-surface-line);background:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:14px;min-width:220px}.admin-questions__chip-row{display:flex;gap:8px}.admin-questions__chip{padding:8px 14px;border-radius:var(--radius-pill);border:1.5px solid var(--color-surface-line);background:var(--color-surface);color:var(--color-text-muted);font-family:inherit;font-size:13px;cursor:pointer}.admin-questions__chip--active{border-color:var(--color-accent-phys);color:var(--color-text)}.admin-questions__error{color:var(--color-danger);font-size:14px}.admin-questions__status{color:var(--color-text-muted);font-size:14px}.admin-questions__table{width:100%;border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius-card);overflow:hidden}.admin-questions__table th,.admin-questions__table td{text-align:left;padding:12px 16px;font-size:14px;border-bottom:1px solid var(--color-surface-line)}.admin-questions__table th{color:var(--color-text-muted);font-weight:600;font-size:12px}.admin-questions__table tbody tr:last-child td{border-bottom:none}.admin-questions__question-text{max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-questions__delete-button{padding:6px 12px;border-radius:8px;border:1px solid var(--color-danger);background:transparent;color:var(--color-danger);font-family:inherit;font-size:12px;cursor:pointer}.admin-questions__empty{text-align:center;color:var(--color-text-muted)}.admin-students{min-height:100vh;display:flex;background:var(--color-bg)}.admin-students__content{flex:1;padding:32px 40px}.admin-students__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.admin-students__title{margin:0;font-size:20px;font-weight:700}.admin-students__file-input{display:none}.admin-students__import-button{padding:10px 18px;border-radius:10px;border:none;background:var(--color-accent-bio);color:var(--color-on-accent);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}.admin-students__import-button:disabled{opacity:.6;cursor:default}.admin-students__import-result{background:var(--color-surface);border-radius:12px;padding:14px 16px;margin-bottom:16px;font-size:13px}.admin-students__import-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.admin-students__import-summary p{margin:0}.admin-students__download-button{padding:8px 14px;border-radius:8px;border:1px solid var(--color-accent-bio);background:transparent;color:var(--color-accent-bio);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.admin-students__import-warning{margin:8px 0 0;color:var(--color-warn);font-size:12px}.admin-students__import-errors{margin:8px 0 0;padding-left:18px;color:var(--color-danger);font-size:12px}.admin-students__filters{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.admin-students__search{padding:10px 14px;border-radius:10px;border:1.5px solid var(--color-surface-line);background:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:14px;min-width:220px}.admin-students__grade-chips{display:flex;gap:8px}.admin-students__chip{padding:8px 14px;border-radius:var(--radius-pill);border:1.5px solid var(--color-surface-line);background:var(--color-surface);color:var(--color-text-muted);font-family:inherit;font-size:13px;cursor:pointer}.admin-students__chip--active{border-color:var(--color-accent-phys);color:var(--color-text)}.admin-students__error{color:var(--color-danger);font-size:14px}.admin-students__status{color:var(--color-text-muted);font-size:14px}.admin-students__table{width:100%;border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius-card);overflow:hidden}.admin-students__table th,.admin-students__table td{text-align:left;padding:12px 16px;font-size:14px;border-bottom:1px solid var(--color-surface-line)}.admin-students__table th{color:var(--color-text-muted);font-weight:600;font-size:12px}.admin-students__table tbody tr:last-child td{border-bottom:none}.admin-students__empty{text-align:center;color:var(--color-text-muted)}:root{--color-bg: #f7f9f3;--color-surface: #ffffff;--color-surface-alt: #eaf3e6;--color-surface-line: #e2e7db;--color-text: #1c2318;--color-text-muted: #6e7568;--color-accent-bio: #16c172;--color-accent-chem: #ff6b35;--color-accent-phys: #6c5ce7;--color-accent-earth: #e8590c;--color-safe: #16c172;--color-warn: #f5a623;--color-danger: #ff3b5c;--color-on-accent: #ffffff;--gradient-brand: linear-gradient(135deg, #16c172 0%, #2dd4bf 100%);--gradient-warm: linear-gradient(135deg, #ff6b35 0%, #ff3b5c 100%);--font-display: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", sans-serif;--font-body: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--radius-card: 16px;--radius-pill: 999px}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}