.profiles-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-4);background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-primary) 100%)}.profiles-container{text-align:center;max-width:600px;width:100%}.profiles-logo{height:48px;margin-bottom:var(--space-8)}.profiles-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-8)}.profiles-error{padding:var(--space-3) var(--space-4);background:var(--color-error-light);color:var(--color-error);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.profiles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.profile-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.profile-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.profile-card:focus{outline:2px solid var(--color-primary);outline-offset:2px}.profile-avatar{width:64px;height:64px;border-radius:var(--radius-full);background:var(--color-highlight-light);display:flex;align-items:center;justify-content:center;color:var(--color-primary);overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-initial{font-size:var(--text-2xl);font-weight:700;color:var(--color-primary)}.profile-name{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary)}.profile-grade{font-size:var(--text-sm);color:var(--color-text-secondary)}.profile-badge{font-size:var(--text-xs);font-weight:600;color:var(--color-primary);background:var(--color-highlight-light);padding:2px 8px;border-radius:var(--radius-full)}.profiles-hint{color:var(--color-text-secondary);font-size:var(--text-sm)}@media(max-width:600px){.profiles-grid{grid-template-columns:1fr 1fr}.profile-card{padding:var(--space-4)}.profile-avatar{width:56px;height:56px}}.pin-entry-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-4);background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-primary) 100%)}.pin-entry-container{text-align:center;max-width:400px;width:100%}.pin-back-btn{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);background:none;border:none;cursor:pointer;font-size:var(--text-sm);margin-bottom:var(--space-8);transition:color var(--transition-fast)}.pin-back-btn:hover{color:var(--color-text-primary)}.pin-profile-info{margin-bottom:var(--space-8)}.pin-avatar{width:80px;height:80px;border-radius:var(--radius-full);background:var(--color-highlight-light);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);overflow:hidden}.pin-avatar img{width:100%;height:100%;object-fit:cover}.pin-avatar-initial{font-size:var(--text-3xl);font-weight:700;color:var(--color-primary)}.pin-name{font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);margin:0}.pin-form{background:#fff;padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:var(--space-6)}.pin-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-highlight-light);color:var(--color-primary);margin:0 auto var(--space-4)}.pin-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-6)}.pin-error{padding:var(--space-3) var(--space-4);background:var(--color-error-light);color:var(--color-error);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm)}.pin-inputs{display:flex;justify-content:center;gap:var(--space-3)}.pin-input{width:56px;height:64px;font-size:var(--text-2xl);font-weight:700;text-align:center;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);transition:all var(--transition-fast)}.pin-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-highlight-light)}.pin-input:disabled{background:var(--color-bg-secondary);opacity:.7}.pin-verifying{margin-top:var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm)}.pin-forgot{color:var(--color-text-secondary);font-size:var(--text-sm)}.pin-forgot a{color:var(--color-primary);text-decoration:none}.pin-forgot a:hover{text-decoration:underline}@media(max-width:480px){.pin-input{width:48px;height:56px;font-size:var(--text-xl)}}.set-pin-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-4);background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-primary) 100%)}.set-pin-container{text-align:center;max-width:450px;width:100%}.set-pin-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-full);background:var(--color-highlight-light);color:var(--color-primary);margin:0 auto var(--space-6)}.set-pin-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-4)}.set-pin-description{color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--space-6)}.set-pin-error{padding:var(--space-3) var(--space-4);background:var(--color-error-light);color:var(--color-error);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm)}.set-pin-form{background:#fff;padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:var(--space-6)}.set-pin-step-title{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-6)}.set-pin-inputs{display:flex;justify-content:center;gap:var(--space-3)}.set-pin-input{width:56px;height:64px;font-size:var(--text-2xl);font-weight:700;text-align:center;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);transition:all var(--transition-fast)}.set-pin-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-highlight-light)}.set-pin-input:disabled{background:var(--color-bg-secondary);opacity:.7}.set-pin-back{display:block;margin:var(--space-4) auto 0;color:var(--color-primary);background:none;border:none;cursor:pointer;font-size:var(--text-sm)}.set-pin-back:hover{text-decoration:underline}.set-pin-submitting,.set-pin-note{color:var(--color-text-secondary);font-size:var(--text-sm)}@media(max-width:480px){.set-pin-input{width:48px;height:56px;font-size:var(--text-xl)}}.delta-badge{font-size:var(--text-xs);margin-left:var(--space-1)}.delta-badge--positive{color:var(--color-success)}.delta-badge--negative{color:var(--color-error)}.delta-badge--neutral{color:var(--color-text-tertiary)}.insight-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-4);cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.insight-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.insight-card__header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.insight-card__avatar{width:56px;height:56px;border-radius:50%;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}.insight-card__info{flex:1;min-width:0}.insight-card__name{font-size:var(--text-lg);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.insight-card__grade{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}.insight-card__arrow{color:var(--color-text-tertiary);font-size:1.5rem;flex-shrink:0}.insight-card__glance{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3);background:var(--color-bg-primary);border-radius:var(--radius-md)}.insight-card__indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.insight-card__indicator--on_track{background:var(--color-success)}.insight-card__indicator--mixed{background:var(--color-warning)}.insight-card__indicator--needs_support{background:var(--color-error)}.insight-card__indicator--low{background:var(--color-text-tertiary)}.insight-card__glance-text{font-size:var(--text-sm);color:var(--color-text-secondary)}.insight-card__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.insight-card__stat{text-align:center}.insight-card__stat-value{font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary)}.insight-card__stat-label{font-size:var(--text-xs);color:var(--color-text-tertiary)}.insight-card__subjects{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.insight-card__subject-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--color-bg-primary);border:1px solid var(--color-border);font-size:var(--text-xs)}.insight-card__subject-name{font-weight:600;color:var(--color-text-secondary)}.insight-card__subject-metric{color:var(--color-text-tertiary)}.insight-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.insight-card__tag{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.insight-card__tag--strength{background:var(--color-success-light);color:var(--color-success-dark)}.insight-card__tag--focus{background:var(--color-warning-light);color:var(--color-warning-text)}.insight-card__upcoming{margin-bottom:var(--space-4)}.insight-card__upcoming-label{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.05em}.insight-card__upcoming-list{font-size:var(--text-sm);color:var(--color-text-secondary)}.insight-card__ctas{display:flex;gap:var(--space-2)}.insight-card--skeleton{pointer-events:none}.insight-card__skeleton-line{height:14px;border-radius:var(--radius-sm);background:var(--color-bg-tertiary);animation:insight-shimmer 1.5s ease-in-out infinite}.insight-card__skeleton-line--wide{width:80%}.insight-card__skeleton-line--medium{width:50%}.insight-card__skeleton-line--short{width:30%}.insight-card__skeleton-line--spaced{margin-bottom:6px}.insight-card__skeleton-circle{width:56px;height:56px;border-radius:50%;background:var(--color-bg-tertiary);animation:insight-shimmer 1.5s ease-in-out infinite}@keyframes insight-shimmer{0%,to{opacity:.5}50%{opacity:1}}@media(max-width:480px){.insight-card__stats{gap:var(--space-2)}.insight-card__ctas{flex-direction:column}}.homework-summary{padding:var(--space-4);margin-bottom:var(--space-4)}.homework-summary-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.homework-summary-header--with-date{justify-content:space-between;margin-bottom:var(--space-4)}.homework-summary-header-left{display:flex;align-items:center;gap:var(--space-2)}.homework-summary-icon{font-size:1.5rem}.homework-summary-title{font-size:var(--text-base);font-weight:600}.homework-summary-date{font-size:var(--text-xs);color:var(--color-text-tertiary)}.homework-summary-empty{font-size:var(--text-sm);color:var(--color-text-tertiary);text-align:center;padding:var(--space-4)}.homework-child{padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.homework-child-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.homework-child-name{font-weight:600;font-size:var(--text-base)}.homework-child-stats{display:flex;gap:var(--space-3);font-size:var(--text-sm)}.homework-child-stats-muted{color:var(--color-text-tertiary)}.homework-skills-row{display:flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-1)}.homework-skills-section{margin-bottom:var(--space-2)}.homework-skills-label--success{font-size:var(--text-sm);color:var(--color-success)}.homework-skills-check{color:var(--color-success)}.homework-skills-label--warning{font-size:var(--text-sm);color:var(--color-warning)}.homework-skills-text{font-size:var(--text-sm)}.homework-recommendations{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.homework-recommendations-header{display:flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-2)}.homework-recommendations-label{font-size:var(--text-sm);font-weight:500}.homework-recommendation-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.homework-recommendation-reason{font-size:var(--text-sm)}.homework-recommendation-btn{font-size:var(--text-xs);padding:4px 8px}.homework-encouragement{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.homework-encouragement-text{font-size:var(--text-sm);color:var(--color-success)}.profile-switcher{position:relative}.profile-switcher-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.profile-switcher-trigger:hover{background:var(--color-bg-secondary);border-color:var(--color-primary)}.profile-switcher-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-highlight-light);display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:var(--text-sm);font-weight:600;overflow:hidden}.profile-switcher-avatar img{width:100%;height:100%;object-fit:cover}.profile-switcher-name{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-switcher-chevron{color:var(--color-text-secondary);transition:transform var(--transition-fast)}.profile-switcher-chevron.open{transform:rotate(180deg)}.profile-switcher-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:180px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;z-index:var(--z-dropdown);animation:fadeIn var(--transition-fast)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-switcher-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;cursor:pointer;font-size:var(--text-sm);color:var(--color-text-primary);text-align:left;transition:background var(--transition-fast)}.profile-switcher-item:hover{background:var(--color-bg-secondary)}.profile-switcher-item.sign-out{color:var(--color-error);border-top:1px solid var(--color-border)}.profile-switcher-item.sign-out:hover{background:var(--color-error-light)}@media(max-width:768px){.profile-switcher-name{display:none}}.parent-dashboard-header{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-6)}.parent-dashboard-header-inner{display:flex;justify-content:space-between;align-items:center}.parent-dashboard-header-brand{display:flex;align-items:center;gap:var(--space-4)}.parent-dashboard-header-logo{height:36px}.parent-dashboard-header-title{font-size:var(--text-xl);font-weight:600}.parent-dashboard-header-subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary)}.parent-dashboard-header-actions{display:flex;align-items:center;gap:var(--space-3)}.parent-dashboard-error{text-align:center;padding-top:var(--space-12)}.parent-dashboard-error-text{color:var(--color-error)}.parent-dashboard-error-retry{margin-top:var(--space-4)}.parent-dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.parent-dashboard-stat{padding:var(--space-4);text-align:center}.parent-dashboard-stat-value{font-size:var(--text-3xl);font-weight:700}.parent-dashboard-stat-value--highlight{color:var(--color-highlight)}.parent-dashboard-stat-value--success{color:var(--color-success)}.parent-dashboard-stat-value--accent{color:var(--color-accent)}.parent-dashboard-stat-value--warning{color:var(--color-warning)}.parent-dashboard-stat-label{font-size:var(--text-sm);color:var(--color-text-tertiary)}.parent-dashboard-updated-at{margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-text-tertiary)}.parent-dashboard-triage{padding:var(--space-4);margin-bottom:var(--space-6)}.parent-dashboard-triage-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-3)}.parent-dashboard-triage-subtitle{font-size:var(--text-xs);color:var(--color-text-tertiary)}.parent-dashboard-triage-list{display:flex;flex-direction:column;gap:var(--space-2)}.parent-dashboard-triage-row{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);text-align:left;padding:var(--space-3);cursor:pointer}.parent-dashboard-triage-row:hover{border-color:var(--color-highlight);background:var(--color-bg-secondary)}.parent-dashboard-triage-name{font-size:var(--text-sm);font-weight:700;color:var(--color-text-primary)}.parent-dashboard-triage-standing{font-size:var(--text-sm);font-weight:600}.parent-dashboard-triage-signal{font-size:var(--text-xs);color:var(--color-text-tertiary)}.parent-dashboard-triage-action{margin-top:2px;font-size:var(--text-sm);color:var(--color-text-secondary)}.parent-dashboard-layout{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6)}.parent-dashboard-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.parent-dashboard-section-title{font-size:var(--text-lg);font-weight:600}.parent-dashboard-children-list{display:flex;flex-direction:column;gap:var(--space-4)}.parent-dashboard-empty{padding:var(--space-8);text-align:center}.parent-dashboard-empty-icon{font-size:3rem;margin-bottom:var(--space-4)}.parent-dashboard-empty-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.parent-dashboard-empty-text{color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.parent-dashboard-sidebar-card{padding:var(--space-4);margin-bottom:var(--space-4)}.parent-dashboard-sidebar-title{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-3)}.parent-dashboard-sidebar-subtitle{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-2)}.parent-dashboard-warning{font-size:var(--text-sm);color:var(--color-warning)}.parent-dashboard-warning--spaced{margin-bottom:var(--space-3)}.parent-dashboard-child-fallback{padding:var(--space-3)}.parent-dashboard-child-fallback-main{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.parent-dashboard-child-fallback-name{font-size:var(--text-base);font-weight:600}.parent-dashboard-child-fallback-grade{font-size:var(--text-sm);color:var(--color-text-tertiary)}.parent-dashboard-child-fallback-actions{display:flex;align-items:center;gap:var(--space-2)}.parent-dashboard-decision-card{padding:var(--space-4)}.parent-dashboard-decision-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.parent-dashboard-decision-name{font-size:var(--text-base);font-weight:700}.parent-dashboard-decision-grade{font-size:var(--text-sm);color:var(--color-text-tertiary)}.parent-dashboard-decision-standing{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;white-space:nowrap}.parent-dashboard-decision-standing--on_track{background:var(--color-success-light);color:var(--color-success-dark)}.parent-dashboard-decision-standing--slightly_behind{background:var(--color-warning-light);color:var(--color-warning-text)}.parent-dashboard-decision-standing--behind{background:var(--color-error-light);color:var(--color-error-dark)}.parent-dashboard-decision-standing--not_enough_data{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.parent-dashboard-decision-action{margin-top:var(--space-2);font-size:var(--text-base);font-weight:600}.parent-dashboard-decision-signal{margin-top:2px;font-size:var(--text-xs);color:var(--color-text-tertiary)}.parent-dashboard-decision-ctas{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.parent-dashboard-decision-expanded{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.parent-dashboard-decision-why{margin:0;padding-left:var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm)}.parent-dashboard-decision-why li{margin-bottom:2px}.parent-dashboard-decision-provisional{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-warning);border-radius:var(--radius-md);background:var(--color-warning-light);color:var(--color-warning-text);font-size:var(--text-sm)}.parent-dashboard-decision-subjects{margin-top:var(--space-2);display:flex;flex-wrap:wrap;gap:var(--space-2)}.parent-dashboard-decision-subject-chip{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-secondary);font-size:var(--text-xs);color:var(--color-text-secondary)}.parent-dashboard-readiness{margin-top:var(--space-3);border-top:1px solid var(--color-border);padding-top:var(--space-2)}.parent-dashboard-readiness-title{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.parent-dashboard-readiness-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);margin-bottom:2px}.parent-dashboard-readiness-name{min-width:2.4rem;font-weight:700}.parent-dashboard-readiness-level{text-transform:capitalize;font-weight:600}.parent-dashboard-readiness-level--strong{color:var(--color-success-dark)}.parent-dashboard-readiness-level--developing{color:var(--color-warning-text)}.parent-dashboard-readiness-level--emerging{color:var(--color-text-secondary)}.parent-dashboard-readiness-meta{color:var(--color-text-tertiary);font-size:var(--text-xs)}.parent-dashboard-reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.parent-dashboard-badge-unread{background:var(--color-error);color:#fff;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs)}.parent-dashboard-reports-list{display:flex;flex-direction:column;gap:var(--space-2)}.parent-dashboard-report-item{padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer}.parent-dashboard-report-item--empty{cursor:default;background:var(--color-bg-secondary)}.parent-dashboard-report-item--unread{background:var(--color-highlight-light)}.parent-dashboard-report-title{font-size:var(--text-sm);font-weight:400}.parent-dashboard-report-item--unread .parent-dashboard-report-title{font-weight:600}.parent-dashboard-report-meta{font-size:var(--text-xs);color:var(--color-text-tertiary)}.parent-dashboard-reports-empty{font-size:var(--text-sm);color:var(--color-text-tertiary)}.parent-dashboard-reports-more{margin-top:var(--space-2)}.parent-dashboard-subscription{display:flex;align-items:center;justify-content:space-between}.parent-dashboard-subscription-plan{font-size:var(--text-sm);font-weight:600;text-transform:capitalize}.parent-dashboard-subscription-status{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:capitalize}.parent-dashboard-quick-actions{padding:var(--space-4);margin-top:var(--space-4)}.parent-dashboard-actions-list{display:flex;flex-direction:column;gap:var(--space-2)}.parent-dashboard-action-btn{justify-content:flex-start}.parent-dashboard-weekly-plan-total{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.parent-dashboard-weekly-plan-list{display:flex;flex-direction:column;gap:var(--space-2)}.parent-dashboard-weekly-plan-item{display:flex;gap:var(--space-2);align-items:flex-start;font-size:var(--text-sm)}.parent-dashboard-weekly-plan-rank{font-weight:700;color:var(--color-text-tertiary);min-width:1.8rem}.parent-dashboard-weekly-plan-title{color:var(--color-text-secondary)}.parent-dashboard-skeleton-container{padding-top:var(--space-8)}@media(max-width:768px){.parent-dashboard-stats{grid-template-columns:repeat(2,1fr)}.parent-dashboard-layout{grid-template-columns:1fr}}@media(max-width:600px){.parent-dashboard-header{padding:var(--space-3) var(--space-4)}.parent-dashboard-header-inner{flex-direction:column;gap:var(--space-3);align-items:flex-start}.parent-dashboard-header-subtitle{display:none}}@keyframes critter-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.critter-display--empty:hover{transform:scale(1.02);box-shadow:0 8px 24px #8b5cf633}.child-detail-header{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-6)}.child-detail-header-inner{display:flex;justify-content:space-between;align-items:center}.child-detail-header-left{display:flex;align-items:center;gap:var(--space-4)}.child-detail-header-title{font-size:var(--text-xl);font-weight:600}.child-detail-header-subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary)}.child-detail-error{text-align:center;padding-top:var(--space-12)}.child-detail-error-text{color:var(--color-error)}.child-detail-error-retry{margin-top:var(--space-4)}.child-detail-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2)}.child-detail-tab{padding:var(--space-2) var(--space-4);background:transparent;color:var(--color-text-secondary);border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;text-transform:capitalize}.child-detail-tab--active{background:var(--color-highlight);color:#fff}.child-detail-analytics-warning{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:var(--color-warning-bg, var(--color-bg-secondary));border:1px solid var(--color-warning);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-warning)}.child-detail-updated-at{margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-text-tertiary)}.child-detail-overview{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6)}.child-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.child-detail-stat{padding:var(--space-4);text-align:center}.child-detail-stat-value{font-size:var(--text-2xl);font-weight:700}.child-detail-stat-value--highlight{color:var(--color-highlight)}.child-detail-stat-value--accent{color:var(--color-accent)}.child-detail-stat-value--warning{color:var(--color-warning)}.child-detail-stat-value--success{color:var(--color-success)}.child-detail-stat-label{font-size:var(--text-sm);color:var(--color-text-tertiary)}.child-detail-weekly-card{padding:var(--space-4);margin-bottom:var(--space-4)}.child-detail-card-title{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-4)}summary.child-detail-card-title{margin-bottom:0;cursor:pointer;list-style:none}summary.child-detail-card-title::-webkit-details-marker{display:none}summary.child-detail-card-title:after{content:"Show";float:right;font-size:var(--text-sm);color:var(--color-text-tertiary);font-weight:500}details[open]>summary.child-detail-card-title:after{content:"Hide"}.child-detail-weekly-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.child-detail-weekly-stat{text-align:center}.child-detail-weekly-stat-value{font-size:var(--text-xl);font-weight:700}.child-detail-weekly-stat-label{font-size:var(--text-sm);color:var(--color-text-tertiary)}.child-detail-subject-breakdown{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.child-detail-subject-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--color-bg-secondary);border:1px solid var(--color-border);font-size:var(--text-xs)}.child-detail-subject-name{font-weight:600;color:var(--color-text-secondary)}.child-detail-subject-metric{color:var(--color-text-tertiary)}.child-detail-activity-card{padding:var(--space-4)}.child-detail-activity-chart{display:flex;align-items:flex-end;height:100px;gap:4px}.child-detail-activity-bar{flex:1;border-radius:var(--radius-sm)}.child-detail-activity-bar--active{background:var(--color-highlight)}.child-detail-activity-bar--empty{background:var(--color-bg-tertiary)}.child-detail-sidebar-spacing{margin-bottom:var(--space-4)}.child-detail-subjects-list{display:flex;flex-direction:column;gap:var(--space-4)}.child-detail-empty{padding:var(--space-8);text-align:center}.child-detail-empty-icon{font-size:3rem;margin-bottom:var(--space-4)}.child-detail-empty-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.child-detail-empty-text{color:var(--color-text-tertiary)}.child-detail-section-spacing{margin-bottom:var(--space-6)}.child-detail-section-spacing--top{margin-top:var(--space-6)}.child-detail-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.child-detail-section-title{font-size:var(--text-lg);font-weight:600}.child-detail-section-subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary)}.child-detail-section-badge{padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:var(--text-sm)}.child-detail-insight-meta{display:flex;align-items:center;gap:var(--space-2)}.child-detail-insight-meta--spaced{margin-bottom:var(--space-3)}.child-detail-confidence-chip{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.child-detail-confidence-chip--high{background:var(--color-success-light);color:var(--color-success-dark)}.child-detail-confidence-chip--medium{background:var(--color-warning-light);color:var(--color-warning-text)}.child-detail-confidence-chip--low{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.child-detail-gap-list{display:flex;flex-direction:column;gap:var(--space-4)}.child-detail-standards-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.child-detail-standard-stat{padding:var(--space-3);text-align:center}.child-detail-standard-stat-value{font-size:var(--text-xl);font-weight:700}.child-detail-standard-stat-label{font-size:var(--text-xs);color:var(--color-text-tertiary)}.child-detail-standards-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.child-detail-standards-filter{border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-secondary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;padding:4px var(--space-3);cursor:pointer}.child-detail-standards-filter--active{background:var(--color-highlight);border-color:var(--color-highlight);color:#fff}.child-detail-info-box{margin-top:var(--space-6);padding:var(--space-4)}.child-detail-info-box--highlight{background:var(--color-highlight-bg);border:1px solid var(--color-highlight)}.child-detail-info-box--secondary{background:var(--color-bg-secondary)}.child-detail-info-box-inner{display:flex;gap:var(--space-3);align-items:flex-start}.child-detail-info-box-icon{font-size:1.5rem}.child-detail-info-box-title{font-weight:600;margin-bottom:var(--space-1)}.child-detail-info-box-text{font-size:var(--text-sm);color:var(--color-text-secondary)}.child-detail-report-card{padding:var(--space-6)}.child-detail-report-header{margin-bottom:var(--space-4)}.child-detail-report-title{font-size:var(--text-xl);font-weight:600}.child-detail-report-dates{color:var(--color-text-tertiary);font-size:var(--text-sm)}.child-detail-report-note{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-warning);border-radius:var(--radius-md);background:var(--color-warning-light);color:var(--color-warning-text);font-size:var(--text-sm)}.child-detail-report-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.child-detail-report-stat{text-align:center}.child-detail-report-stat-value{font-size:var(--text-xl);font-weight:700}.child-detail-report-stat-label{font-size:var(--text-sm);color:var(--color-text-tertiary)}.child-detail-report-section{margin-bottom:var(--space-6)}.child-detail-report-section-title{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-3)}.child-detail-report-list{padding-left:var(--space-5);color:var(--color-text-secondary)}.child-detail-report-list li{margin-bottom:var(--space-2)}.child-detail-stat-sub{font-size:var(--text-base);font-weight:400;color:var(--color-text-tertiary)}.child-detail-confidence{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.child-detail-confidence-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.child-detail-confidence-dot--on_track{background:var(--color-success)}.child-detail-confidence-dot--mixed{background:var(--color-warning)}.child-detail-confidence-dot--needs_support{background:var(--color-error)}.child-detail-confidence-dot--low{background:var(--color-text-tertiary)}.child-detail-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.child-detail-tag{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.child-detail-tag--strength{background:var(--color-success-light);color:var(--color-success-dark)}.child-detail-tag--focus{background:var(--color-warning-light);color:var(--color-warning-text)}.child-detail-upcoming{margin-bottom:var(--space-4)}.child-detail-upcoming-label{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.05em}.child-detail-upcoming-list{font-size:var(--text-sm);color:var(--color-text-secondary)}.child-detail-standing-card{padding:var(--space-4);margin-bottom:var(--space-4)}.child-detail-standing-main{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-bottom:var(--space-2)}.child-detail-standing-chip{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700}.child-detail-standing-chip--on_track{background:var(--color-success-light);color:var(--color-success-dark)}.child-detail-standing-chip--slightly_behind{background:var(--color-warning-light);color:var(--color-warning-text)}.child-detail-standing-chip--behind{background:var(--color-error-light);color:var(--color-error-dark)}.child-detail-standing-chip--not_enough_data{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.child-detail-standing-meta{font-size:var(--text-xs);color:var(--color-text-tertiary)}.child-detail-standing-provisional{font-size:var(--text-sm);color:var(--color-warning-text);background:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2)}.child-detail-standing-basis{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.child-detail-standing-action{border-top:1px solid var(--color-border);padding-top:var(--space-3)}.child-detail-standing-action-title{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.child-detail-standing-action-text{font-size:var(--text-base);font-weight:600;margin-top:2px}.child-detail-standing-action-rationale{font-size:var(--text-sm);color:var(--color-text-secondary)}.child-detail-readiness{margin-top:var(--space-3);border-top:1px solid var(--color-border);padding-top:var(--space-2)}.child-detail-readiness-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);margin-bottom:2px}.child-detail-readiness-name{min-width:2.4rem;font-weight:700}.child-detail-readiness-level{text-transform:capitalize;font-weight:600}.child-detail-readiness-level--strong{color:var(--color-success-dark)}.child-detail-readiness-level--developing{color:var(--color-warning-text)}.child-detail-readiness-level--emerging{color:var(--color-text-secondary)}.child-detail-readiness-meta{color:var(--color-text-tertiary);font-size:var(--text-xs)}@media(max-width:768px){.child-detail-overview{grid-template-columns:1fr}.child-detail-stats,.child-detail-report-stats{grid-template-columns:repeat(2,1fr)}.child-detail-standards-summary{grid-template-columns:1fr}}@media(max-width:480px){.child-detail-header{padding:var(--space-3) var(--space-4)}.child-detail-weekly-stats{grid-template-columns:1fr;gap:var(--space-2)}}.child-practice-header{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-6)}.child-practice-header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.child-practice-title{font-size:var(--text-xl);font-weight:700}.child-practice-subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary)}.child-practice-layout{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-4)}.child-practice-card{padding:var(--space-5)}.child-practice-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.child-practice-action{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-2)}.child-practice-rationale{color:var(--color-text-secondary);margin-bottom:var(--space-3)}.child-practice-targets{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);color:var(--color-text-secondary)}.child-practice-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.child-practice-standing{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-secondary);text-transform:capitalize;font-weight:600}.child-practice-evidence{margin-top:var(--space-2);color:var(--color-text-secondary)}.child-practice-provisional{margin-top:var(--space-2);color:var(--color-warning-text)}.child-practice-error{text-align:center;padding-top:var(--space-12)}.child-practice-error-text{color:var(--color-error);margin-bottom:var(--space-3)}@media(max-width:960px){.child-practice-layout{grid-template-columns:1fr}}.reports-page-header{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-6)}.reports-page-header-inner{display:flex;justify-content:space-between;align-items:center}.reports-page-header-left{display:flex;align-items:center;gap:var(--space-3)}.reports-page-header-title{font-size:var(--text-xl);font-weight:600}.reports-page-container{max-width:800px}.reports-page-error{text-align:center;padding:var(--space-8)}.reports-page-error-text{color:var(--color-error)}.reports-page-error-retry{margin-top:var(--space-4)}.reports-page-empty{padding:var(--space-8);text-align:center}.reports-page-empty-icon{font-size:3rem;margin-bottom:var(--space-4)}.reports-page-empty-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.reports-page-empty-text{color:var(--color-text-secondary)}.reports-page-list{display:flex;flex-direction:column;gap:var(--space-3)}.reports-page-card{padding:var(--space-4);cursor:pointer;background:var(--color-bg-secondary)}.reports-page-card--unread{background:var(--color-highlight-light);border-left:4px solid var(--color-highlight)}.reports-page-card-inner{display:flex;justify-content:space-between;align-items:flex-start}.reports-page-card-title{font-weight:400;font-size:var(--text-base);margin-bottom:var(--space-1)}.reports-page-card--unread .reports-page-card-title{font-weight:600}.reports-page-card-meta{font-size:var(--text-sm);color:var(--color-text-secondary)}.reports-page-badge{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-secondary);text-transform:capitalize}.reports-page-badge--milestone{background:var(--color-success-light);color:var(--color-success)}.settings-page{min-height:100vh;background:var(--color-bg-secondary)}.settings-page .page-header{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:var(--space-6) var(--space-4)}.settings-page .page-header .container{max-width:700px;margin:0 auto}.settings-page .back-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:none;border:none;color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;padding:0;margin-bottom:var(--space-4)}.settings-page .back-btn:hover{color:var(--color-primary)}.settings-page h1{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2)}.settings-page .subtitle{color:var(--color-text-secondary);margin:0}.settings-page main.container{max-width:700px;margin:0 auto;padding:var(--space-6) var(--space-4)}.settings-page .settings-grid{display:flex;flex-direction:column;gap:var(--space-3)}.settings-page .settings-card{display:flex;align-items:center;gap:var(--space-4);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.settings-page .settings-card:hover{border-color:var(--color-primary);background:var(--color-bg-secondary)}.settings-page .settings-card.danger{border-color:var(--color-error-light, var(--color-border))}.settings-page .settings-card.danger:hover{border-color:var(--color-error);background:var(--color-error-bg)}.settings-page .settings-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);flex-shrink:0}.settings-page .settings-card:hover .settings-icon{color:var(--color-primary);background:var(--color-primary-light, var(--color-bg-tertiary))}.settings-page .settings-card.danger .settings-icon{color:var(--color-error)}.settings-page .settings-card.danger:hover .settings-icon{background:var(--color-error);color:#fff}.settings-page .settings-content h3{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-1)}.settings-page .settings-card.danger .settings-content h3{color:var(--color-error)}.settings-page .settings-content p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.settings-page .settings-card.disabled{opacity:.5;cursor:not-allowed}.settings-page .settings-card.disabled:hover{border-color:var(--color-border);background:var(--color-bg-primary)}.settings-page .settings-coming-soon{margin-left:auto;font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap}.subscription-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-4);color:var(--color-text-secondary)}.subscription-page .spinner{animation:spin 1s linear infinite}.subscription-page .error-banner{background:var(--color-error-bg, #fef2f2);border:1px solid var(--color-error, #ef4444);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-6);color:var(--color-error, #ef4444)}.current-plan-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.plan-status-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.plan-status-header h2{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);margin:0 0 var(--space-2);text-transform:uppercase;letter-spacing:.05em}.plan-name{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary)}.plan-name svg{color:var(--color-highlight)}.trial-badge{font-size:var(--text-xs);font-weight:600;background:var(--color-highlight-bg);color:var(--color-highlight);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.plan-status-badge{font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);text-transform:capitalize}.plan-status-badge[data-status=active],.plan-status-badge[data-status=trialing]{background:var(--color-success-bg, #dcfce7);color:var(--color-success, #16a34a)}.plan-status-badge[data-status=canceled]{background:var(--color-warning-bg, #fef3c7);color:var(--color-warning, #d97706)}.plan-status-badge[data-status=past_due],.plan-status-badge[data-status=inactive]{background:var(--color-error-bg, #fef2f2);color:var(--color-error, #ef4444)}.trial-info,.cancel-info{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-4)}.plan-details{display:flex;gap:var(--space-6);padding:var(--space-4) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.detail-item{display:flex;flex-direction:column;gap:var(--space-1)}.detail-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);text-transform:capitalize}.plan-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.plan-actions button{display:flex;align-items:center;gap:var(--space-2)}.subscription-page .section-header{text-align:center;margin-bottom:var(--space-6)}.subscription-page .section-header h2{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2)}.subscription-page .section-header p{font-size:var(--text-base);color:var(--color-text-secondary);margin:0}.billing-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6)}.toggle-switch{width:48px;height:24px;background:var(--color-border);border-radius:var(--radius-full);position:relative;cursor:pointer;border:none;transition:background var(--transition-fast)}.save-badge{font-size:var(--text-xs);font-weight:600;background:var(--color-success-bg, #dcfce7);color:var(--color-success, #16a34a);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);margin-left:var(--space-1)}.plans-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);max-width:800px;margin:0 auto var(--space-6)}.plans-grid.single{grid-template-columns:1fr;max-width:400px}.plan-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);border:2px solid var(--color-border);position:relative;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.plan-card:hover{border-color:var(--color-highlight-light, #a5b4fc)}.plan-card.popular{border-color:var(--color-highlight)}.plan-card.current{opacity:.7}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-highlight);color:#fff;font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);white-space:nowrap}.plan-card h3{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-3);text-align:center}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:var(--space-2)}.plan-price .currency{font-size:var(--text-lg);color:var(--color-text-secondary)}.plan-price .amount{font-size:var(--text-4xl);font-weight:700;color:var(--color-text-primary);line-height:1}.plan-price .period{font-size:var(--text-sm);color:var(--color-text-secondary)}.annual-note{text-align:center;font-size:var(--text-xs);color:var(--color-text-tertiary);margin:0 0 var(--space-3)}.plan-description{text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-4)}.plan-features{list-style:none;padding:0;margin:0 0 var(--space-6)}.plan-features li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text-secondary)}.plan-features li svg{color:var(--color-success, #16a34a);flex-shrink:0}.trial-note{text-align:center;font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-4)}.billing-history{background:#fff;border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);overflow-x:auto}.invoices-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.invoices-table th,.invoices-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.invoices-table th{font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.05em}.invoices-table tbody tr:last-child td{border-bottom:none}.invoices-table tbody tr:hover{background:var(--color-bg-secondary)}.invoice-status{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:capitalize}.invoice-status.paid{background:var(--color-success-bg, #dcfce7);color:var(--color-success, #16a34a)}.invoice-status.open{background:var(--color-warning-bg, #fef3c7);color:var(--color-warning, #d97706)}.invoice-status.draft{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.invoice-status.void,.invoice-status.uncollectible{background:var(--color-error-bg, #fef2f2);color:var(--color-error, #ef4444)}.invoice-link{color:var(--color-highlight);text-decoration:none;font-weight:500;margin-right:var(--space-3)}.invoice-link:hover{text-decoration:underline}.upgrade-complete-section{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.upgrade-complete-section .section-header h2{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.upgrade-complete-section .section-header h2 svg{color:var(--color-highlight)}.upgrade-complete-card{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:var(--radius-lg);padding:var(--space-6);max-width:700px;margin:0 auto}.upgrade-complete-content{display:grid;grid-template-columns:1fr auto;gap:var(--space-6);align-items:center}.upgrade-complete-info h3{font-size:var(--text-xl);font-weight:700;color:#fff;margin:0 0 var(--space-2)}.upgrade-complete-info>p{font-size:var(--text-sm);color:#ffffffe6;margin:0 0 var(--space-4);line-height:1.6}.upgrade-complete-features{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.upgrade-complete-features li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#ffffffe6}.upgrade-complete-features li svg{color:#a5f3fc;flex-shrink:0}.upgrade-complete-pricing{text-align:center;background:#ffffff1a;border-radius:var(--radius-md);padding:var(--space-4);min-width:180px}.upgrade-complete-price{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:var(--space-2)}.upgrade-complete-price .price-amount{font-size:var(--text-3xl);font-weight:700;color:#fff}.upgrade-complete-price .price-period{font-size:var(--text-sm);color:#fffc}.upgrade-complete-note{font-size:var(--text-xs);color:#ffffffb3;margin:0 0 var(--space-3)}.upgrade-complete-pricing button{width:100%}@media(max-width:768px){.plans-grid{grid-template-columns:1fr}.plan-actions{flex-direction:column}.plan-actions button{width:100%;justify-content:center}.plan-details{flex-direction:column;gap:var(--space-3)}.upgrade-complete-content{grid-template-columns:1fr;text-align:center}.upgrade-complete-features{grid-template-columns:1fr;text-align:left}.upgrade-complete-features li{justify-content:flex-start}.upgrade-complete-pricing{min-width:auto}}.subscription-success-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-bg-secondary)}.subscription-success-card{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--space-8);max-width:480px;width:100%;text-align:center;box-shadow:var(--shadow-lg)}.subscription-success-icon{color:var(--color-success);margin-bottom:var(--space-4)}.subscription-success-spinner{color:var(--color-primary);animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.subscription-success-card h1{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-3)}.subscription-success-card p{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.6}.subscription-success-note{display:block;margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-warning)}.subscription-success-actions{display:flex;flex-direction:column;gap:var(--space-3)}@media(min-width:480px){.subscription-success-actions{flex-direction:row;justify-content:center}}.manage-children-page{min-height:100vh;background:var(--color-bg-secondary)}.manage-children-page .page-header{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:var(--space-6) var(--space-4)}.manage-children-page .page-header .container{max-width:800px;margin:0 auto}.manage-children-page .back-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:none;border:none;color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;padding:0;margin-bottom:var(--space-4)}.manage-children-page .back-btn:hover{color:var(--color-primary)}.manage-children-page h1{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2)}.manage-children-page .subtitle{color:var(--color-text-secondary);margin:0}.manage-children-page main.container{max-width:800px;margin:0 auto;padding:var(--space-6) var(--space-4)}.manage-children-page .error-banner{background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--space-4);display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.manage-children-page .error-banner p{color:var(--color-error);margin:0}.manage-children-page .section{margin-bottom:var(--space-8)}.manage-children-page .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.manage-children-page .section-header h2{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--space-2)}.manage-children-page .section-header.warning h2{color:var(--color-warning)}.manage-children-page .section-description{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-4)}.manage-children-page .pending-section{background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius-lg);padding:var(--space-4)}.manage-children-page .student-grid{display:flex;flex-direction:column;gap:var(--space-3)}.manage-children-page .student-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;justify-content:space-between}.manage-children-page .student-card.archived{background:var(--color-bg-tertiary)}.manage-children-page .student-card.pending{background:var(--color-bg-primary)}.manage-children-page .student-info{display:flex;align-items:center;gap:var(--space-3)}.manage-children-page .avatar{width:48px;height:48px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:600}.manage-children-page .avatar.archived{background:var(--color-text-tertiary)}.manage-children-page .details h3{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-1)}.manage-children-page .details p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.manage-children-page .details .stats{color:var(--color-text-tertiary)}.manage-children-page .details .archived-date,.manage-children-page .details .deletion-date{color:var(--color-warning);font-weight:500}.manage-children-page .student-actions{display:flex;align-items:center;gap:var(--space-2)}.manage-children-page .icon-btn{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.manage-children-page .icon-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.manage-children-page .icon-btn.danger:hover{border-color:var(--color-error);color:var(--color-error)}.manage-children-page .empty-state{text-align:center;padding:var(--space-8);color:var(--color-text-tertiary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);max-width:420px;width:100%;max-height:90vh;overflow-y:auto}.modal h2{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-4)}.modal p{color:var(--color-text-secondary);margin:0 0 var(--space-4);line-height:1.5}.modal .form-group{margin-bottom:var(--space-4)}.modal .form-group label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--space-2)}.modal .form-group select{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--color-bg-primary);color:var(--color-text-primary)}.modal-error{color:var(--color-error);font-size:var(--text-sm);margin:var(--space-3) 0}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}.delete-modal .warning-header{display:flex;align-items:center;gap:var(--space-3);color:var(--color-error);margin-bottom:var(--space-4)}.delete-modal .warning-header h2{color:var(--color-error);margin:0}.delete-modal .warning-content{background:var(--color-error-bg);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.delete-modal .warning-content p{margin:0 0 var(--space-2)}.delete-modal .warning-content ul{margin:var(--space-2) 0;padding-left:var(--space-5)}.delete-modal .warning-content li{color:var(--color-text-secondary);margin-bottom:var(--space-1)}.delete-modal .grace-period{font-weight:600;color:var(--color-error)}.delete-account-page{min-height:100vh;background:var(--color-bg-secondary)}.delete-account-page .page-header{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:var(--space-6) var(--space-4)}.delete-account-page .page-header .container{max-width:700px;margin:0 auto}.delete-account-page .back-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:none;border:none;color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;padding:0;margin-bottom:var(--space-4)}.delete-account-page .back-btn:hover{color:var(--color-primary)}.delete-account-page h1{font-size:var(--text-2xl);font-weight:700;color:var(--color-error);margin:0 0 var(--space-2)}.delete-account-page .subtitle{color:var(--color-text-secondary);margin:0}.delete-account-page main.container{max-width:700px;margin:0 auto;padding:var(--space-6) var(--space-4)}.delete-account-page .error-banner{background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--space-4);display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.delete-account-page .error-banner p{color:var(--color-error);margin:0}.delete-account-page .warning-card{background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.delete-account-page .warning-icon{color:var(--color-error);flex-shrink:0}.delete-account-page .warning-content h2{font-size:var(--text-lg);font-weight:600;color:var(--color-error);margin:0 0 var(--space-3)}.delete-account-page .warning-content p{color:var(--color-text-secondary);margin:0 0 var(--space-3);line-height:1.6}.delete-account-page .warning-content ul{margin:var(--space-3) 0;padding-left:var(--space-5)}.delete-account-page .warning-content li{color:var(--color-text-secondary);margin-bottom:var(--space-2);line-height:1.5}.delete-account-page .warning-content .grace-period{color:var(--color-error);font-weight:500;margin-top:var(--space-4)}.delete-account-page .alternative-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.delete-account-page .alternative-card>svg{color:var(--color-primary);flex-shrink:0}.delete-account-page .alternative-card h3{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2)}.delete-account-page .alternative-card p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-3);line-height:1.5}.delete-account-page .deletion-form{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.delete-account-page .deletion-form h2{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-5);display:flex;align-items:center;gap:var(--space-2)}.delete-account-page .deletion-form h2 svg{color:var(--color-error)}.delete-account-page .form-group{margin-bottom:var(--space-4)}.delete-account-page .form-group label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--space-2)}.delete-account-page .form-group select{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--color-bg-primary);color:var(--color-text-primary)}.delete-account-page .form-error{color:var(--color-error);font-size:var(--text-sm);margin:var(--space-3) 0}.delete-account-page .form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}.delete-account-page .pending-deletion-card{background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius-lg);padding:var(--space-6)}.delete-account-page .pending-header{display:flex;align-items:center;gap:var(--space-3);color:var(--color-warning);margin-bottom:var(--space-4)}.delete-account-page .pending-header h2{font-size:var(--text-lg);font-weight:600;color:var(--color-warning);margin:0}.delete-account-page .pending-deletion-card p{color:var(--color-text-secondary);margin:0 0 var(--space-3);line-height:1.6}.delete-account-page .pending-actions{display:flex;gap:var(--space-3);margin-top:var(--space-5)}@media(max-width:640px){.delete-account-page .warning-card,.delete-account-page .alternative-card{flex-direction:column}.delete-account-page .form-actions{flex-direction:column-reverse}.delete-account-page .form-actions button{width:100%}.delete-account-page .pending-actions{flex-direction:column}.delete-account-page .pending-actions button{width:100%}}.young-dashboard__actions{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.young-dashboard__primary-cta{width:100%;font-size:var(--text-2xl);font-weight:700;padding:var(--space-4) var(--space-8);border-radius:var(--radius-full);border:none;cursor:pointer;background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);color:#fff;box-shadow:0 8px 24px #10b98166;animation:young-pulse 2s ease-in-out infinite;transition:transform var(--transition-fast),box-shadow var(--transition-fast);min-height:64px}.young-dashboard__primary-cta:hover{transform:scale(1.02);box-shadow:0 12px 32px #10b98180}.young-dashboard__primary-cta:active{transform:scale(.98)}@keyframes young-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.young-dashboard__button-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.young-dashboard__action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-height:80px;padding:var(--space-4);border-radius:var(--radius-lg);border:none;cursor:pointer;font-size:var(--text-lg);font-weight:600;color:#fff;transition:transform var(--transition-fast),box-shadow var(--transition-fast);text-decoration:none}.young-dashboard__action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.young-dashboard__action-btn:active{transform:translateY(0)}.young-dashboard__action-btn-icon{font-size:1.75rem;line-height:1}.young-dashboard__action-btn-label{font-size:var(--text-base);font-weight:600;text-align:center}.young-dashboard__action-btn--homework{background:linear-gradient(135deg,var(--color-highlight) 0%,var(--color-indigo-mid) 100%)}.young-dashboard__action-btn--book-nook{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-gold) 100%);color:var(--color-warning-text)}.young-dashboard__action-btn--gifted{background:linear-gradient(135deg,var(--color-violet) 0%,var(--color-violet-light) 100%)}.young-dashboard__action-btn--boost{background:linear-gradient(135deg,var(--color-indigo) 0%,var(--color-highlight) 100%)}.young-dashboard__action-btn--adventure{background:linear-gradient(135deg,var(--color-pink) 0%,var(--color-coral) 100%)}.young-dashboard__action-btn--stickers{background:linear-gradient(135deg,var(--color-yellow) 0%,var(--color-gold) 100%);color:var(--color-warning-text)}.young-dashboard__action-btn--surprise{background:linear-gradient(135deg,var(--color-violet) 0%,var(--color-pink) 100%)}.young-dashboard__action-btn--games{background:linear-gradient(135deg,var(--color-orange) 0%,var(--color-coral) 100%)}@media(max-width:360px){.young-dashboard__button-grid{grid-template-columns:1fr}.young-dashboard__action-btn{flex-direction:row;justify-content:flex-start;gap:var(--space-3);min-height:60px}}.older-dashboard__tools{margin-bottom:var(--space-6)}.older-dashboard__tools-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-4)}.older-dashboard__tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.older-dashboard__tool-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.older-dashboard__tool-card:hover{border-color:var(--color-highlight);box-shadow:0 4px 12px #6366f11a;transform:translateY(-2px)}.older-dashboard__tool-card:focus-visible{outline:2px solid var(--color-highlight);outline-offset:2px}.older-dashboard__tool-card:active{transform:translateY(0)}.older-dashboard__tool-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;font-size:1.5rem;background:var(--color-bg-secondary);border-radius:var(--radius-md);flex-shrink:0}.older-dashboard__tool-content{flex:1;min-width:0}.older-dashboard__tool-name{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-1)}.older-dashboard__tool-desc{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}.older-dashboard__tool-arrow{color:var(--color-text-tertiary);font-size:var(--text-lg);transition:transform var(--transition-fast)}.older-dashboard__tool-card:hover .older-dashboard__tool-arrow{transform:translate(4px);color:var(--color-highlight)}@media(max-width:900px){.older-dashboard__tools-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.older-dashboard__tools-grid{grid-template-columns:1fr}}.middle-dashboard-nooks{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}@media(max-width:600px){.middle-dashboard-nooks{grid-template-columns:1fr 1fr}}.timer{display:flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.timer__content{display:flex;align-items:center;gap:var(--space-4);width:100%;max-width:400px}.timer__clock{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-primary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.timer__icon{width:18px;height:18px;color:var(--color-text-secondary)}.timer__time{font-size:var(--text-lg);font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-text-primary);min-width:60px;text-align:center}.timer__mode-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.timer__progress-bar{flex:1;height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.timer__progress-bar-fill{height:100%;background:var(--color-highlight);border-radius:var(--radius-full);transition:width var(--transition-normal)}.timer__counter{display:flex;align-items:baseline;gap:2px;font-variant-numeric:tabular-nums}.timer__current{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary)}.timer__separator{font-size:var(--text-base);color:var(--color-text-tertiary)}.timer__total{font-size:var(--text-base);color:var(--color-text-secondary)}.timer--warning .timer__clock{background:var(--color-warning-light);border-color:var(--color-warning)}.timer--warning .timer__time{color:var(--color-warning);animation:timer-pulse 1s ease-in-out infinite}.timer--warning .timer__icon{color:var(--color-warning)}.timer--expired .timer__clock{background:var(--color-error-light);border-color:var(--color-error)}.timer--expired .timer__time,.timer--expired .timer__icon{color:var(--color-error)}.timer--young{padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg)}.timer--young .timer__progress{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%}.timer--young .timer__question-count{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary)}.timer--young .timer__dots{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.timer__dot{width:12px;height:12px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);border:2px solid var(--color-border);transition:all var(--transition-normal)}.timer__dot--completed{background:var(--color-success);border-color:var(--color-success)}.timer__dot--current{background:var(--color-highlight);border-color:var(--color-highlight);transform:scale(1.2)}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.6}}.visual-math{display:flex;justify-content:center;padding:var(--space-6);background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.emoji-array{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;max-width:400px}.emoji-item{font-size:2rem;line-height:1;padding:var(--space-2);background:var(--color-bg-primary);border-radius:var(--radius-md);border:2px solid var(--color-border);transition:all var(--transition-fast)}.emoji-item--highlighted{background:var(--color-highlight-light);border-color:var(--color-highlight);transform:scale(1.1)}.emoji-groups{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.emoji-groups__row{display:flex;align-items:center;gap:var(--space-3)}.emoji-groups__operator{font-size:2rem;font-weight:700;color:var(--color-highlight);min-width:40px;text-align:center}.emoji-groups__group{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-primary);border:2px dashed var(--color-border);border-radius:var(--radius-lg);min-width:80px}.emoji-groups__items{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.emoji-groups__label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-1)}.emoji-groups__count{font-size:var(--text-lg);font-weight:700;color:var(--color-highlight);margin-top:var(--space-1)}.emoji-groups--compare{flex-direction:row;gap:var(--space-4)}.emoji-groups--compare .emoji-groups__row{flex-direction:column}.emoji-groups--compare .emoji-groups__operator{font-size:1.5rem;color:var(--color-text-tertiary)}.emoji-groups--compare .emoji-groups__group{min-width:120px;padding:var(--space-4)}.number-line{position:relative;width:100%;max-width:500px;padding:var(--space-8) var(--space-4) var(--space-4)}.number-line__line{position:absolute;top:50%;left:var(--space-4);right:var(--space-4);height:4px;background:var(--color-secondary);border-radius:var(--radius-full);transform:translateY(-50%)}.number-line__markers{display:flex;justify-content:space-between;position:relative}.number-line__marker{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.number-line__tick{width:4px;height:16px;background:var(--color-secondary);border-radius:var(--radius-sm)}.number-line__label{font-size:var(--text-lg);font-weight:600;color:var(--color-text-secondary)}.number-line__marker--highlighted .number-line__tick{background:var(--color-highlight);height:24px}.number-line__marker--highlighted .number-line__label{color:var(--color-highlight);font-size:var(--text-xl)}.fraction-circle{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.fraction-circle__svg{width:150px;height:150px}.fraction-circle__label{display:flex;flex-direction:column;align-items:center;font-size:var(--text-2xl);font-weight:700}.fraction-circle__numerator,.fraction-circle__denominator{line-height:1.2;color:var(--color-text-primary)}.fraction-circle__line{width:40px;height:3px;background:var(--color-text-primary);margin:var(--space-1) 0}.bar-model{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%;max-width:400px}.bar-model__bar{display:flex;width:100%;height:48px;border:2px solid var(--color-secondary);border-radius:var(--radius-md);overflow:hidden}.bar-model__segment{flex:1;background:var(--color-bg-tertiary);border-right:1px solid var(--color-border);transition:background var(--transition-fast)}.bar-model__segment:last-child{border-right:none}.bar-model__segment--highlighted{background:var(--color-highlight)}.bar-model__operation{font-size:var(--text-sm);color:var(--color-text-secondary);font-style:italic}.bar-model__labels{display:flex;justify-content:center;gap:var(--space-4)}.bar-model__label{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary)}[data-age-group=young] .visual-math{padding:var(--space-8)}[data-age-group=young] .emoji-item{font-size:2.5rem;padding:var(--space-3)}[data-age-group=young] .fraction-circle__svg{width:180px;height:180px}[data-age-group=young] .bar-model__bar{height:60px}@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/assets/KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"),url(/assets/KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"),url(/assets/KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"),url(/assets/KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"),url(/assets/KaTeX_Fraktur-Regular-CB_wures.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"),url(/assets/KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"),url(/assets/KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"),url(/assets/KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"),url(/assets/KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"),url(/assets/KaTeX_Main-Italic-BMLOBm91.woff) format("woff"),url(/assets/KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"),url(/assets/KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"),url(/assets/KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"),url(/assets/KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"),url(/assets/KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"),url(/assets/KaTeX_Math-Italic-DA0__PXp.woff) format("woff"),url(/assets/KaTeX_Math-Italic-flOr_0UB.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:normal;font-weight:700;src:url(/assets/KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"),url(/assets/KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:italic;font-weight:400;src:url(/assets/KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"),url(/assets/KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:normal;font-weight:400;src:url(/assets/KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"),url(/assets/KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"),url(/assets/KaTeX_Script-Regular-D5yQViql.woff) format("woff"),url(/assets/KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"),url(/assets/KaTeX_Size1-Regular-C195tn64.woff) format("woff"),url(/assets/KaTeX_Size1-Regular-Dbsnue_I.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"),url(/assets/KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"),url(/assets/KaTeX_Size2-Regular-B7gKUWhC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"),url(/assets/KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"),url(/assets/KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"),url(/assets/KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"),url(/assets/KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"),url(/assets/KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"),url(/assets/KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype")}.katex{font: 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.27"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}.math-text{font-family:inherit;line-height:inherit}.math-display-wrapper{display:block;text-align:center;margin:1rem 0;overflow-x:auto;overflow-y:hidden}.math-error{color:var(--color-error, #dc2626);background-color:var(--color-error-bg, #fef2f2);padding:.125rem .375rem;border-radius:.25rem;font-family:monospace;font-size:.875em;cursor:help}.math-error-raw{color:var(--color-text-muted, #6b7280);font-family:monospace;font-size:.9em;background-color:var(--color-bg-muted, #f3f4f6);padding:.125rem .25rem;border-radius:.25rem}.math-text .katex{font-size:1.1em}.math-text .katex-display{margin:0}.math-text .katex .frac-line{border-bottom-width:.08em}@media(max-width:640px){.math-display-wrapper{margin:.75rem 0}.math-text .katex{font-size:1em}}@media(prefers-color-scheme:dark){.math-error{background-color:#dc26261a}.math-error-raw{background-color:#6b728033}}.question-text .math-text,.answer-choice .math-text{font-size:1.05em}.hint-text .math-text,.explanation-text .math-text{font-size:inherit}.multiple-choice{display:flex;flex-direction:column;gap:var(--space-3)}.choice{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-size:var(--text-base);color:var(--color-text-primary)}.choice:hover:not(:disabled){border-color:var(--color-highlight);background:var(--color-highlight-light)}.choice:focus{outline:none;box-shadow:0 0 0 3px var(--color-highlight-light)}.choice:disabled{cursor:default}.choice__letter{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);font-weight:700;font-size:var(--text-sm);color:var(--color-text-secondary);transition:all var(--transition-fast)}.choice__text{flex:1;line-height:1.4}.choice__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:auto}.choice__icon svg{width:18px;height:18px}.choice__icon--correct{color:var(--color-success)}.choice__icon--incorrect{color:var(--color-error)}.choice--selected{border-color:var(--color-highlight);background:var(--color-highlight-light)}.choice--selected .choice__letter{background:var(--color-highlight);color:#fff}.choice--correct{border-color:var(--color-success);background:var(--color-success-light)}.choice--correct .choice__letter{background:var(--color-success);color:#fff}.choice--incorrect{border-color:var(--color-error);background:var(--color-error-light)}.choice--incorrect .choice__letter{background:var(--color-error);color:#fff}.choice--animate{animation:choice-pulse .5s ease-out}@keyframes choice-pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.multiple-choice--young{gap:var(--space-4)}.multiple-choice--young .choice{padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-lg);min-height:64px}.multiple-choice--young .choice__letter{min-width:44px;height:44px;font-size:var(--text-lg)}.multiple-choice--young .choice__icon svg{width:24px;height:24px}.multiple-choice--middle .choice{padding:var(--space-4)}.multiple-choice--older .choice{padding:var(--space-3) var(--space-4)}.multiple-choice--older .choice__letter{min-width:28px;height:28px;font-size:var(--text-xs)}.multi-select{display:flex;flex-direction:column;gap:var(--space-4)}.multi-select__instruction{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);margin:0}.multi-select__choices{display:flex;flex-direction:column;gap:var(--space-3)}.multi-choice{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-size:var(--text-base);color:var(--color-text-primary)}.multi-choice:hover:not(:disabled){border-color:var(--color-highlight);background:var(--color-highlight-light)}.multi-choice:focus{outline:none;box-shadow:0 0 0 3px var(--color-highlight-light)}.multi-choice:disabled{cursor:default}.multi-choice__checkbox{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);transition:all var(--transition-fast);flex-shrink:0}.multi-choice__checkbox svg{width:14px;height:14px}.multi-choice__letter{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);font-weight:700;font-size:var(--text-sm);color:var(--color-text-secondary);transition:all var(--transition-fast)}.multi-choice__text{flex:1;line-height:1.4}.multi-choice--selected{border-color:var(--color-highlight);background:var(--color-highlight-light)}.multi-choice--selected .multi-choice__checkbox{background:var(--color-highlight);border-color:var(--color-highlight);color:#fff}.multi-choice--selected .multi-choice__letter{background:var(--color-highlight);color:#fff}.multi-choice--correct{border-color:var(--color-success);background:var(--color-success-light)}.multi-choice--correct .multi-choice__checkbox{background:var(--color-success);border-color:var(--color-success);color:#fff}.multi-choice--correct .multi-choice__letter{background:var(--color-success);color:#fff}.multi-choice--incorrect{border-color:var(--color-error);background:var(--color-error-light)}.multi-choice--incorrect .multi-choice__checkbox{background:var(--color-error);border-color:var(--color-error);color:#fff}.multi-choice--incorrect .multi-choice__letter{background:var(--color-error);color:#fff}.multi-choice--missed{border-color:var(--color-warning);background:var(--color-warning-light, rgba(245, 158, 11, .1))}.multi-choice--missed .multi-choice__checkbox{background:var(--color-warning);border-color:var(--color-warning);color:#fff}.multi-choice--missed .multi-choice__letter{background:var(--color-warning);color:#fff}.multi-select__submit{align-self:flex-start;padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:600;background:var(--color-highlight);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.multi-select__submit:hover:not(:disabled){background:var(--color-primary)}.multi-select__submit:disabled{opacity:.5;cursor:not-allowed}.multi-select__feedback{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:var(--text-sm)}.multi-select__feedback-label{color:var(--color-text-secondary)}.multi-select__feedback-answers{font-weight:600;color:var(--color-success)}.multi-select--young{gap:var(--space-5)}.multi-select--young .multi-select__instruction{font-size:var(--text-base)}.multi-select--young .multi-select__choices{gap:var(--space-4)}.multi-select--young .multi-choice{padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-lg);min-height:64px}.multi-select--young .multi-choice__checkbox{width:32px;height:32px}.multi-select--young .multi-choice__checkbox svg{width:18px;height:18px}.multi-select--young .multi-choice__letter{min-width:44px;height:44px;font-size:var(--text-lg)}.multi-select--young .multi-select__submit{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-lg)}.multi-select--middle .multi-choice{padding:var(--space-4)}.multi-select--older .multi-choice{padding:var(--space-3) var(--space-4)}.multi-select--older .multi-choice__checkbox{width:20px;height:20px}.multi-select--older .multi-choice__checkbox svg{width:12px;height:12px}.multi-select--older .multi-choice__letter{min-width:28px;height:28px;font-size:var(--text-xs)}.multi-select--older .multi-select__submit{padding:var(--space-2) var(--space-5);font-size:var(--text-sm)}.question-display{display:flex;flex-direction:column;gap:var(--space-6)}.question-display__stimulus{padding:var(--space-4);padding-top:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-left:4px solid var(--color-ela);border-radius:var(--radius-md);font-size:var(--text-base);line-height:1.8;color:var(--color-text-primary)}.question-display__stimulus-label{display:block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ela);margin-bottom:var(--space-2)}.question-display__stimulus p{margin:0;font-style:italic}.question-display__stimulus-image{display:block;max-width:100%;height:auto;max-height:300px;margin:0 auto var(--space-3);border-radius:var(--radius-md);object-fit:contain}.question-display__stimulus-caption{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;font-style:italic}.question-display--young .question-display__stimulus-image{max-height:350px;border-radius:var(--radius-lg)}.question-display--young .question-display__stimulus-caption{font-size:var(--text-base)}.question-display__passage{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.question-display__passage-header{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--color-ela) 0%,#7C3AED 100%);color:#fff}.question-display__passage-title{font-size:var(--text-lg);font-weight:700}.question-display__passage-author{font-size:var(--text-sm);opacity:.9;font-style:italic}.question-display__passage-content{padding:var(--space-4);font-size:var(--text-base);line-height:1.8;color:var(--color-text-primary);max-height:400px;overflow-y:auto;white-space:pre-line}.question-display__passage-meta{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--color-text-tertiary);background:var(--color-bg-tertiary);border-top:1px solid var(--color-border);text-transform:capitalize}.question-display__stem{display:flex;flex-direction:column;gap:var(--space-2)}.question-display__stem-header{display:flex;align-items:flex-start;gap:var(--space-3)}.question-display__question-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.question-display__text{flex:1;font-size:var(--text-lg);font-weight:600;line-height:1.5;color:var(--color-text-primary);margin:0}.question-display__voice-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:var(--color-highlight-light);border:2px solid var(--color-highlight);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.question-display__voice-btn:hover{background:var(--color-highlight)}.question-display__voice-btn:hover svg{color:#fff}.question-display__voice-btn svg{width:24px;height:24px;color:var(--color-highlight);transition:color var(--transition-fast)}.question-display__answers{margin-top:var(--space-2)}.question-display__skill{display:flex;align-items:center;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-sm)}.question-display__skill-label{color:var(--color-text-tertiary)}.question-display__skill-name{color:var(--color-text-secondary)}.numeric-entry{display:flex;gap:var(--space-3);align-items:stretch}.numeric-entry__input{flex:1;padding:var(--space-4);font-size:var(--text-lg);font-weight:500;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);text-align:center;transition:all var(--transition-fast)}.numeric-entry__input:focus{outline:none;border-color:var(--color-highlight);box-shadow:0 0 0 3px var(--color-highlight-light)}.numeric-entry__input:disabled{background:var(--color-bg-secondary)}.numeric-entry__submit{padding:var(--space-4) var(--space-6);font-size:var(--text-base);font-weight:600;background:var(--color-highlight);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.numeric-entry__submit:hover:not(:disabled){background:var(--color-primary)}.numeric-entry__submit:disabled{opacity:.5;cursor:not-allowed}.numeric-entry--correct .numeric-entry__input{border-color:var(--color-success);background:var(--color-success-light)}.numeric-entry--incorrect .numeric-entry__input{border-color:var(--color-error);background:var(--color-error-light)}.fill-blank{display:flex;flex-direction:column;gap:var(--space-3)}.fill-blank>div:first-child{display:flex;gap:var(--space-3)}.fill-blank__input{flex:1;padding:var(--space-4);font-size:var(--text-lg);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);transition:all var(--transition-fast)}.fill-blank__input:focus{outline:none;border-color:var(--color-highlight);box-shadow:0 0 0 3px var(--color-highlight-light)}.fill-blank__submit{padding:var(--space-4) var(--space-6);font-size:var(--text-base);font-weight:600;background:var(--color-highlight);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.fill-blank__submit:hover:not(:disabled){background:var(--color-primary)}.fill-blank__submit:disabled{opacity:.5;cursor:not-allowed}.fill-blank__correct-answer{font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-2) 0}.fill-blank--correct .fill-blank__input{border-color:var(--color-success);background:var(--color-success-light)}.fill-blank--incorrect .fill-blank__input{border-color:var(--color-error);background:var(--color-error-light)}.question-display--young .question-display__text{font-size:var(--text-xl)}.question-display--young .numeric-entry__input,.question-display--young .fill-blank__input{font-size:var(--text-xl);padding:var(--space-5)}.question-display--young .numeric-entry__submit,.question-display--young .fill-blank__submit{font-size:var(--text-lg);padding:var(--space-5) var(--space-8);border-radius:var(--radius-lg)}.question-display--middle .question-display__text{font-size:var(--text-lg)}.question-display--older .question-display__text{font-size:var(--text-base)}.question-display--older .numeric-entry__input,.question-display--older .fill-blank__input{padding:var(--space-3);font-size:var(--text-base)}.hint-button-container{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.hint-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.hint-button:hover:not(:disabled){background:var(--color-warning-light, rgba(245, 158, 11, .1));border-color:var(--color-warning);color:var(--color-warning)}.hint-button:disabled{opacity:.5;cursor:not-allowed}.hint-button svg{width:18px;height:18px}.hint-button--has-hints{background:var(--color-warning-light, rgba(245, 158, 11, .1));border-color:var(--color-warning);color:var(--color-warning)}.hint-button--more{background:transparent;border-style:dashed}.hint-button__expand-icon{margin-left:auto}.hint-button__expand-icon svg{width:16px;height:16px}.hint-button__error{font-size:var(--text-sm);color:var(--color-error);margin:0}.hint-display{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);background:var(--color-warning-light, rgba(245, 158, 11, .05));border:1px solid var(--color-warning);border-radius:var(--radius-md)}.hint-display__item{display:flex;flex-direction:column;gap:var(--space-1)}.hint-display__label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-warning)}.hint-display__text{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--color-text-primary)}.hint-display__no-more{font-size:var(--text-xs);color:var(--color-text-tertiary);font-style:italic;margin:0;padding-top:var(--space-2);border-top:1px solid var(--color-border)}.hint-button-container--young .hint-button{padding:var(--space-3) var(--space-5);font-size:var(--text-base);border-radius:var(--radius-lg)}.hint-button-container--young .hint-button svg{width:22px;height:22px}.hint-button-container--young .hint-display{padding:var(--space-4);gap:var(--space-4)}.hint-button-container--young .hint-display__label{font-size:var(--text-sm)}.hint-button-container--young .hint-display__text{font-size:var(--text-base);line-height:1.6}.hint-button-container--middle .hint-button{padding:var(--space-2) var(--space-4)}.hint-button-container--older .hint-button{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.hint-button-container--older .hint-button svg{width:14px;height:14px}.hint-button-container--older .hint-display{padding:var(--space-2);gap:var(--space-2)}.hint-button-container--older .hint-display__text{font-size:var(--text-xs)}.feedback-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;animation:overlay-fade-in .2s ease-out}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.feedback-modal{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);max-width:420px;width:90%;text-align:center;animation:modal-pop-in .3s ease-out;box-shadow:0 20px 40px #0003}@keyframes modal-pop-in{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.feedback-modal--correct{border:3px solid var(--color-success)}.feedback-modal--incorrect{border:3px solid var(--color-error)}.feedback-modal__header{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4)}.feedback-modal__indicator{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full)}.feedback-modal__indicator svg{width:28px;height:28px}.feedback-modal__indicator--correct{background:var(--color-success-light);color:var(--color-success)}.feedback-modal__indicator--incorrect{background:var(--color-error-light);color:var(--color-error)}.feedback-modal__title{margin:0;font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary)}.feedback-modal__points-badge{background:var(--color-highlight);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700}.feedback-modal__content{margin-bottom:var(--space-4)}.feedback-modal__correct-answer{font-size:var(--text-base);color:var(--color-text-secondary);margin:var(--space-2) 0}.feedback-modal__correct-answer strong{color:var(--color-success)}.feedback-modal__explanation{background:var(--color-bg-secondary);padding:var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-3)}.feedback-modal__explanation p{margin:0;font-size:var(--text-sm);line-height:1.6;color:var(--color-text-secondary)}.feedback-modal__speak-btn{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-highlight-light);border:1px solid var(--color-highlight);border-radius:var(--radius-md);color:var(--color-highlight);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.feedback-modal__speak-btn:hover{background:var(--color-highlight);color:#fff}.feedback-modal__speak-btn--active{background:var(--color-highlight);color:#fff;animation:speak-pulse 1.5s ease-in-out infinite}@keyframes speak-pulse{0%,to{opacity:1}50%{opacity:.7}}.feedback-modal__speak-btn svg{width:16px;height:16px}.feedback-modal__continue{width:100%;margin-top:var(--space-4)}.feedback-modal--young{padding:var(--space-8);max-width:480px}.feedback-modal--young .feedback-modal__title{font-size:var(--text-3xl)}.feedback-modal--young .feedback-modal__title--correct{color:var(--color-success)}.feedback-modal--young .feedback-modal__title--incorrect{color:var(--color-text-primary)}.feedback-modal__stars{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4)}.feedback-modal__star{font-size:48px;animation:star-pop .5s ease-out forwards}.feedback-modal__star--delay-1{animation-delay:.1s;opacity:0}.feedback-modal__star--delay-2{animation-delay:.2s;opacity:0}@keyframes star-pop{0%{opacity:0;transform:scale(0) rotate(-30deg)}50%{transform:scale(1.3) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.feedback-modal__icon{margin-bottom:var(--space-3)}.feedback-modal__emoji{font-size:64px;animation:emoji-wobble .5s ease-out}@keyframes emoji-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.feedback-modal__points{font-size:var(--text-2xl);font-weight:700;color:var(--color-highlight);margin:var(--space-2) 0}.feedback-modal--middle{padding:var(--space-6)}.feedback-modal--middle .feedback-modal__title{font-size:var(--text-xl)}.feedback-modal--older{padding:var(--space-5);max-width:380px}.feedback-modal--older .feedback-modal__title{font-size:var(--text-lg)}.feedback-modal--older .feedback-modal__indicator{width:40px;height:40px}.feedback-modal--older .feedback-modal__indicator svg{width:24px;height:24px}.celebration-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;animation:overlay-fade-in .3s ease-out}.celebration-modal{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--space-8);max-width:480px;width:90%;text-align:center;animation:celebration-pop-in .5s ease-out;box-shadow:0 25px 50px #00000040}@keyframes celebration-pop-in{0%{opacity:0;transform:scale(.8) translateY(40px)}60%{transform:scale(1.05) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.celebration-modal__header{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.celebration-modal__badge{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-full);animation:badge-bounce .6s ease-out .3s both}@keyframes badge-bounce{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.celebration-modal__badge svg{width:32px;height:32px}.celebration-modal__badge--excellent{background:linear-gradient(135deg,var(--color-accent) 0%,#f97316 100%);color:#fff}.celebration-modal__badge--good{background:var(--color-success);color:#fff}.celebration-modal__badge--needs_practice{background:var(--color-highlight);color:#fff}.celebration-modal__title{margin:0;font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary)}.celebration-modal--young{padding:var(--space-10);max-width:520px}.celebration-modal--young .celebration-modal__title{font-size:var(--text-4xl)}.celebration-modal__title--young{background:linear-gradient(135deg,var(--color-highlight) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.celebration-modal__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin:var(--space-2) 0 var(--space-6)}.celebration-modal__emoji{font-size:80px;margin-bottom:var(--space-4);animation:emoji-bounce .8s ease-out}@keyframes emoji-bounce{0%,to{transform:translateY(0)}30%{transform:translateY(-30px)}50%{transform:translateY(-15px)}70%{transform:translateY(-20px)}}.celebration-modal__stars{display:flex;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6);opacity:0;transform:scale(.5);transition:all .5s ease-out}.celebration-modal__stars--visible{opacity:1;transform:scale(1)}.celebration-modal__star{font-size:48px;opacity:0;animation:star-appear .4s ease-out forwards}.celebration-modal__star--earned{filter:drop-shadow(0 0 8px var(--color-accent))}.celebration-modal__star--empty{opacity:.3;filter:grayscale(100%)}@keyframes star-appear{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0)}}.celebration-modal__score-circle{display:flex;align-items:baseline;justify-content:center;gap:var(--space-1);margin-bottom:var(--space-4);opacity:0;transform:translateY(20px);transition:all .4s ease-out}.celebration-modal__score-circle--visible{opacity:1;transform:translateY(0)}.celebration-modal__score-number{font-size:var(--text-5xl);font-weight:800;color:var(--color-highlight)}.celebration-modal__score-divider{font-size:var(--text-3xl);color:var(--color-text-tertiary)}.celebration-modal__score-total{font-size:var(--text-3xl);font-weight:600;color:var(--color-text-secondary)}.celebration-modal__xp{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-6);opacity:0;transform:translateY(20px);transition:all .4s ease-out}.celebration-modal__xp--visible{opacity:1;transform:translateY(0)}.celebration-modal__xp-icon{font-size:24px;animation:sparkle 1s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(15deg)}}.celebration-modal__xp-amount{font-size:var(--text-2xl);font-weight:700;color:var(--color-accent)}.celebration-modal__streak-bonus{font-size:var(--text-sm);color:var(--color-success);font-weight:600}.celebration-modal__results{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.celebration-modal__result-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);opacity:0;transform:translateY(20px);transition:all .4s ease-out}.celebration-modal__result-item--visible{opacity:1;transform:translateY(0)}.celebration-modal__result-label{font-size:var(--text-xs);font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.celebration-modal__result-value{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary)}.celebration-modal__result-value--score{color:var(--color-highlight)}.celebration-modal__result-value--stars{font-size:var(--text-lg)}.celebration-modal__result-value--xp{color:var(--color-accent)}.celebration-modal__result-value--xp small{font-size:var(--text-sm);color:var(--color-success)}.celebration-modal__message{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-6)}.celebration-modal__actions{display:flex;gap:var(--space-3);justify-content:center}.celebration-modal__btn{flex:1;max-width:180px}.celebration-modal__continue{width:100%}.celebration-modal--middle{padding:var(--space-6)}.celebration-modal--middle .celebration-modal__title{font-size:var(--text-xl)}.celebration-modal--older{padding:var(--space-6);max-width:440px}.celebration-modal--older .celebration-modal__badge{width:56px;height:56px}.celebration-modal--older .celebration-modal__badge svg{width:28px;height:28px}.celebration-modal--older .celebration-modal__title{font-size:var(--text-lg)}.celebration-modal--older .celebration-modal__results{gap:var(--space-3)}.celebration-modal--older .celebration-modal__result-item{padding:var(--space-3)}.celebration-modal--older .celebration-modal__result-value{font-size:var(--text-lg)}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:101}.confetti__particle{position:absolute;top:-20px;border-radius:2px;animation:confetti-fall linear forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.confirm-dialog__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease-out}.confirm-dialog{background:var(--color-bg-primary, white);border-radius:var(--radius-lg, 12px);padding:var(--space-6);max-width:400px;width:calc(100% - var(--space-8));animation:scaleIn .15s ease-out}.confirm-dialog__title{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--space-2) 0}.confirm-dialog__message{color:var(--color-text-secondary);margin:0 0 var(--space-6) 0;line-height:1.5}.confirm-dialog__actions{display:flex;gap:var(--space-3);justify-content:flex-end}.confirm-dialog--danger .confirm-dialog__title{color:var(--color-error, #dc2626)}.confirm-dialog--warning .confirm-dialog__title{color:var(--color-warning, #f59e0b)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:480px){.confirm-dialog{padding:var(--space-4)}.confirm-dialog__actions{flex-direction:column-reverse}.confirm-dialog__actions button{width:100%}}.assessment-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-secondary)}.assessment-page__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);gap:var(--space-4)}.assessment-page__header-left{display:flex;align-items:center;gap:var(--space-4);flex:1}.assessment-page__header-right{display:flex;align-items:center;gap:var(--space-4)}.assessment-page__quit-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:var(--radius-full);color:var(--color-text-tertiary);font-size:var(--text-lg);cursor:pointer;transition:all var(--transition-fast)}.assessment-page__quit-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.assessment-page__progress{flex:1;max-width:300px;height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.assessment-page__progress-bar{height:100%;background:linear-gradient(90deg,var(--color-highlight) 0%,var(--color-accent) 100%);border-radius:var(--radius-full);transition:width .3s ease-out}.assessment-page__progress-text{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);white-space:nowrap}.assessment-page__score{display:flex;align-items:baseline;gap:var(--space-1)}.assessment-page__score-points{font-size:var(--text-xl);font-weight:700;color:var(--color-accent)}.assessment-page__score-label{font-size:var(--text-xs);font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase}.assessment-page__streak{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:linear-gradient(135deg,#ff6b35,#f7c52d);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;color:#fff;animation:streak-pulse 1s ease-in-out infinite}@keyframes streak-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.assessment-page__content{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-6)}.assessment-page__question-wrapper{width:100%;max-width:720px;background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:0 4px 20px #00000014}.assessment-page__loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);color:var(--color-text-secondary)}.assessment-page__spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-highlight);border-radius:50%;animation:spin 1s linear infinite}.assessment-page__error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);text-align:center;padding:var(--space-6)}.assessment-page__error h2{font-size:var(--text-2xl);color:var(--color-text-primary);margin:0}.assessment-page__error p{color:var(--color-text-secondary);max-width:400px}.assessment-page__subject-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);padding:var(--space-6);max-width:800px;margin:0 auto}.assessment-page__subject-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8);background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast)}.assessment-page__subject-card:hover{border-color:var(--color-highlight);box-shadow:0 8px 24px #6366f126;transform:translateY(-2px)}.assessment-page__subject-icon{font-size:48px}.assessment-page__subject-name{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary)}.assessment-page--young .assessment-page__header{padding:var(--space-3) var(--space-4)}.assessment-page--young .assessment-page__progress{height:12px}.assessment-page--young .assessment-page__progress-text{font-size:var(--text-base)}.assessment-page--young .assessment-page__quit-btn{width:44px;height:44px;font-size:var(--text-xl)}.assessment-page--young .assessment-page__question-wrapper{padding:var(--space-6);border-radius:var(--radius-2xl)}.assessment-page--young .assessment-page__streak{font-size:var(--text-lg);padding:var(--space-2) var(--space-4)}.assessment-page--young .assessment-page__subject-card{padding:var(--space-10)}.assessment-page--young .assessment-page__subject-icon{font-size:64px}.assessment-page--young .assessment-page__subject-name{font-size:var(--text-xl)}.assessment-page--young .assessment-page__loading p,.assessment-page--young .assessment-page__error p{font-size:var(--text-lg)}.assessment-page--young .assessment-page__spinner{width:64px;height:64px}.assessment-page--middle .assessment-page__question-wrapper{max-width:680px}.assessment-page--older .assessment-page__header{padding:var(--space-3) var(--space-6)}.assessment-page--older .assessment-page__progress{height:6px}.assessment-page--older .assessment-page__question-wrapper{max-width:640px;padding:var(--space-6)}.assessment-page--older .assessment-page__content{padding:var(--space-4)}@media(max-width:640px){.assessment-page__header{flex-wrap:wrap;gap:var(--space-3)}.assessment-page__header-left{order:1;width:100%}.assessment-page__header-right{order:2;width:100%;justify-content:flex-end}.assessment-page__progress{max-width:none}.assessment-page__content{padding:var(--space-3)}.assessment-page__question-wrapper{padding:var(--space-4);border-radius:var(--radius-lg)}.assessment-page__subject-grid{grid-template-columns:1fr}}.assessment-page__resume-prompt{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.assessment-page__resume-card{background:var(--color-bg-primary);border-radius:var(--radius-2xl);padding:var(--space-10);text-align:center;max-width:480px;width:100%;box-shadow:0 8px 32px #0000001a}.assessment-page__resume-icon{font-size:64px;margin-bottom:var(--space-4)}.assessment-page__resume-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-4)}.assessment-page__resume-info{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-2)}.assessment-page__resume-remaining{font-size:var(--text-lg);font-weight:600;color:var(--color-highlight);margin:0 0 var(--space-6)}.assessment-page__resume-actions{display:flex;flex-direction:column;gap:var(--space-3)}.assessment-page--young .assessment-page__resume-card{padding:var(--space-12);border-radius:var(--radius-3xl)}.assessment-page--young .assessment-page__resume-icon{font-size:80px}.assessment-page--young .assessment-page__resume-title{font-size:var(--text-3xl)}.assessment-page--young .assessment-page__resume-remaining{font-size:var(--text-xl)}@media(max-width:640px){.assessment-page__resume-card{padding:var(--space-6)}.assessment-page__resume-icon{font-size:48px}.assessment-page__resume-title{font-size:var(--text-xl)}}.score-circle{position:relative;display:inline-flex;align-items:center;justify-content:center}.score-circle__svg{transform:rotate(0)}.score-circle__progress{transition:stroke-dashoffset 1s ease-out}.score-circle__content{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.score-circle__percentage{font-weight:800;line-height:1}.score-circle__fraction{color:var(--color-text-secondary);margin-top:var(--space-1)}.score-circle--small .score-circle__percentage{font-size:var(--text-2xl)}.score-circle--small .score-circle__fraction{font-size:var(--text-xs)}.score-circle--medium .score-circle__percentage{font-size:var(--text-3xl)}.score-circle--medium .score-circle__fraction{font-size:var(--text-sm)}.score-circle--large .score-circle__percentage{font-size:3rem}.score-circle--large .score-circle__fraction{font-size:var(--text-base)}.score-circle--young .score-circle__percentage{font-size:3.5rem;color:var(--color-primary)}.score-circle--young .score-circle__fraction{font-size:var(--text-lg);font-weight:600}.score-circle--older .score-circle__percentage{font-weight:700}.score-circle--older .score-circle__fraction{font-size:var(--text-sm)}.report-modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.report-modal{background:var(--color-bg-primary, #ffffff);border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.report-modal--young{max-width:450px;border-radius:16px}.report-modal__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border, #e5e7eb)}.report-modal__title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary, #1a1a1a);margin:0}.report-modal--young .report-modal__title{font-size:1.5rem}.report-modal__close{background:none;border:none;font-size:1.5rem;color:var(--color-text-secondary, #6b7280);cursor:pointer;padding:.25rem;line-height:1}.report-modal__close:hover{color:var(--color-text-primary, #1a1a1a)}.report-modal__form{padding:1.5rem}.report-modal__question-preview{background:var(--color-bg-secondary, #f9fafb);padding:.75rem 1rem;border-radius:8px;margin-bottom:1.25rem}.report-modal__question-label{display:block;font-size:.75rem;color:var(--color-text-secondary, #6b7280);margin-bottom:.25rem}.report-modal__question-text{margin:0;font-size:.9rem;color:var(--color-text-primary, #1a1a1a)}.report-modal__types{margin-bottom:1.25rem}.report-modal__types-label{display:block;font-weight:500;margin-bottom:.75rem;color:var(--color-text-primary, #1a1a1a)}.report-modal__type{display:flex;align-items:flex-start;padding:.75rem 1rem;border:2px solid var(--color-border, #e5e7eb);border-radius:8px;margin-bottom:.5rem;cursor:pointer;transition:border-color .15s,background-color .15s}.report-modal__type:hover{border-color:var(--color-primary, #5B4ED9);background-color:var(--color-bg-secondary, #f9fafb)}.report-modal__type--selected{border-color:var(--color-primary, #5B4ED9);background-color:#5b4ed90d}.report-modal__type-radio{margin-right:.75rem;margin-top:.25rem;accent-color:var(--color-primary, #5B4ED9)}.report-modal__type-content{flex:1}.report-modal__type-label{display:block;font-weight:500;color:var(--color-text-primary, #1a1a1a)}.report-modal__type-description{display:block;font-size:.8rem;color:var(--color-text-secondary, #6b7280);margin-top:.125rem}.report-modal--young .report-modal__type{padding:1rem}.report-modal--young .report-modal__type-label{font-size:1.1rem}.report-modal__description{margin-bottom:1.25rem}.report-modal__description-label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--color-text-primary, #1a1a1a)}.report-modal__description-input{width:100%;padding:.75rem 1rem;border:2px solid var(--color-border, #e5e7eb);border-radius:8px;font-size:.95rem;resize:vertical;font-family:inherit}.report-modal__description-input:focus{outline:none;border-color:var(--color-primary, #5B4ED9)}.report-modal__error{background-color:#dc26261a;color:#dc2626;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.report-modal__actions{display:flex;gap:.75rem;justify-content:flex-end}.report-modal__cancel,.report-modal__submit{padding:.625rem 1.25rem;border-radius:8px;font-weight:500;font-size:.95rem;cursor:pointer;transition:background-color .15s,opacity .15s}.report-modal__cancel{background:var(--color-bg-secondary, #f3f4f6);border:1px solid var(--color-border, #e5e7eb);color:var(--color-text-primary, #1a1a1a)}.report-modal__cancel:hover:not(:disabled){background:var(--color-bg-tertiary, #e5e7eb)}.report-modal__submit{background:var(--color-primary, #5B4ED9);border:none;color:#fff}.report-modal__submit:hover:not(:disabled){background:var(--color-primary-dark, #4a3db8)}.report-modal__submit:disabled,.report-modal__cancel:disabled{opacity:.5;cursor:not-allowed}.report-modal--young .report-modal__cancel,.report-modal--young .report-modal__submit{padding:.75rem 1.5rem;font-size:1.1rem}.report-modal__success{padding:3rem 2rem;text-align:center}.report-modal__success-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:#22c55e;color:#fff;border-radius:50%;font-size:2rem;margin:0 auto 1rem}.report-modal__success p{font-size:1.1rem;color:var(--color-text-primary, #1a1a1a);margin:0}@media(max-width:480px){.report-modal__overlay{padding:.5rem}.report-modal{border-radius:16px 16px 0 0;position:fixed;bottom:0;left:0;right:0;max-height:85vh}.report-modal__actions{flex-direction:column-reverse}.report-modal__cancel,.report-modal__submit{width:100%}}.question-review-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}.question-review-card:hover{box-shadow:var(--shadow-sm)}.question-review-card--expanded{border-color:var(--color-border-strong)}.question-review-card--correct{border-left:4px solid var(--color-success)}.question-review-card--incorrect{border-left:4px solid var(--color-error)}.question-review-card__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4);background:transparent;border:none;cursor:pointer;text-align:left;font:inherit;gap:var(--space-3)}.question-review-card__header:hover{background:var(--color-bg-secondary)}.question-review-card__header-left{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.question-review-card__header-right{flex-shrink:0}.question-review-card__icon{font-size:var(--text-lg);flex-shrink:0}.question-review-card__icon--correct{color:var(--color-success)}.question-review-card__icon--incorrect{color:var(--color-error)}.question-review-card__number{font-weight:600;color:var(--color-text-secondary);flex-shrink:0}.question-review-card__stem-preview{color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.question-review-card__expand-icon{font-size:var(--text-xl);color:var(--color-text-tertiary);transition:transform .2s ease}.question-review-card--expanded .question-review-card__expand-icon{transform:rotate(45deg)}.question-review-card__content-wrapper{overflow:hidden;transition:height .3s ease,opacity .2s ease}.question-review-card__content{padding:0 var(--space-4) var(--space-4);border-top:1px solid var(--color-border)}.question-review-card__question{padding:var(--space-4) 0;font-size:var(--text-base);line-height:1.6}.question-review-card__answers{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.question-review-card__answer{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.question-review-card__answer--wrong{background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.question-review-card__answer--correct{background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.question-review-card__answer-label{font-size:var(--text-sm);color:var(--color-text-tertiary);font-weight:500}.question-review-card__answer-value{font-size:var(--text-base);font-weight:600}.question-review-card__answer--wrong .question-review-card__answer-value{color:var(--color-error);text-decoration:line-through;opacity:.8}.question-review-card__answer--correct .question-review-card__answer-value{color:var(--color-success)}.question-review-card__explanation{background:#3b82f60d;border:1px solid rgba(59,130,246,.15);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.question-review-card__explanation-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.question-review-card__explanation-icon{font-size:var(--text-lg)}.question-review-card__explanation-title{font-weight:600;color:var(--color-text-primary)}.question-review-card__explanation-text{color:var(--color-text-secondary);line-height:1.6}.question-review-card__audio-btn{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.question-review-card__audio-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.question-review-card__audio-icon{font-size:var(--text-base)}.question-review-card__skill{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);flex-wrap:wrap}.question-review-card__skill-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.question-review-card__skill-domain{color:var(--color-text-tertiary);margin-left:var(--space-1)}.question-review-card--young{border-radius:var(--radius-xl)}.question-review-card--young .question-review-card__header{padding:var(--space-5)}.question-review-card--young .question-review-card__icon{font-size:var(--text-2xl)}.question-review-card--young .question-review-card__number{font-size:var(--text-lg);font-weight:700}.question-review-card--young .question-review-card__stem-preview,.question-review-card--young .question-review-card__question{font-size:var(--text-lg)}.question-review-card--young .question-review-card__answer{padding:var(--space-4)}.question-review-card--young .question-review-card__answer-label{font-size:var(--text-base)}.question-review-card--young .question-review-card__answer-value{font-size:var(--text-xl)}.question-review-card--young .question-review-card__explanation{background:linear-gradient(135deg,#6366f11a,#a855f71a);border-color:#6366f133}.question-review-card--young .question-review-card__explanation-text{font-size:var(--text-lg)}.question-review-card--young .question-review-card__audio-btn{font-size:var(--text-base);padding:var(--space-3) var(--space-4)}.question-review-card--older{border-radius:var(--radius-md)}.question-review-card--older .question-review-card__header{padding:var(--space-3)}.question-review-card--older .question-review-card__icon{font-size:var(--text-base)}.question-review-card--older .question-review-card__stem-preview{font-size:var(--text-sm)}.question-review-card--older .question-review-card__content{padding:0 var(--space-3) var(--space-3)}.question-review-card--older .question-review-card__question{font-size:var(--text-sm);padding:var(--space-3) 0}.question-review-card--older .question-review-card__answer{padding:var(--space-2)}.question-review-card--older .question-review-card__answer-label{font-size:var(--text-xs)}.question-review-card--older .question-review-card__answer-value{font-size:var(--text-sm)}.question-review-card--older .question-review-card__explanation{padding:var(--space-3)}.question-review-card--older .question-review-card__explanation-text{font-size:var(--text-sm)}.question-review-card__report{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.question-review-card__report-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--color-text-tertiary);cursor:pointer;transition:all .2s ease}.question-review-card__report-btn:hover:not(:disabled){background:#ef44440d;border-color:var(--color-error);color:var(--color-error)}.question-review-card__report-btn:disabled{cursor:default;opacity:.7}.question-review-card__report-btn--success{background:#10b9811a;border-color:var(--color-success);color:var(--color-success)}.question-review-card__report-btn--error{background:#ef44441a;border-color:var(--color-error);color:var(--color-error)}.skill-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow .2s ease}.skill-card:hover{box-shadow:var(--shadow-sm)}.skill-card--strength{background:#10b9810d;border-color:#10b98133}.skill-card--needs-work{border-left:4px solid var(--color-warning)}.skill-card__info{flex:1;min-width:0}.skill-card__name{font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-card__domain{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-1)}.skill-card__stats{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}.skill-card__progress-container{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);min-width:100px}.skill-card__progress-bar{width:100%;height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.skill-card__progress-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.skill-card__progress-text{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm)}.skill-card__percentage{font-weight:700;color:var(--color-text-primary)}.skill-card__fraction{color:var(--color-text-tertiary)}.skill-card__practice-btn{flex-shrink:0}.skill-card--young{padding:var(--space-5);border-radius:var(--radius-xl)}.skill-card--young .skill-card__name{font-size:var(--text-lg)}.skill-card--young .skill-card__domain{font-size:var(--text-base)}.skill-card--young .skill-card__progress-container{min-width:120px}.skill-card--young .skill-card__progress-bar{height:12px}.skill-card--young .skill-card__percentage{font-size:var(--text-lg)}.skill-card--young .skill-card__fraction{font-size:var(--text-base)}.skill-card--older{padding:var(--space-3);border-radius:var(--radius-md)}.skill-card--older .skill-card__name{font-size:var(--text-sm)}.skill-card--older .skill-card__domain{font-size:var(--text-xs)}.skill-card--older .skill-card__progress-container{min-width:80px}.skill-card--older .skill-card__progress-bar{height:6px}.skill-card--older .skill-card__percentage{font-size:var(--text-sm)}.skill-card--older .skill-card__fraction{font-size:var(--text-xs)}@media(max-width:640px){.skill-card{flex-direction:column;align-items:stretch;gap:var(--space-3)}.skill-card__stats{justify-content:space-between}.skill-card__progress-container{flex:1;align-items:stretch}.skill-card__progress-text{justify-content:space-between}}.assessment-results{min-height:100vh;background:var(--color-bg-secondary)}.assessment-results__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-6);text-align:center;gap:var(--space-4);color:var(--color-error)}.assessment-results__header{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-6)}.assessment-results__header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.assessment-results__back-btn{margin-left:calc(-1 * var(--space-2))}.assessment-results__subject{font-size:var(--text-sm);color:var(--color-text-tertiary);font-weight:500}.assessment-results__title{font-size:var(--text-2xl);font-weight:700;text-align:center;color:var(--color-text-primary);margin:0}.assessment-results__content{max-width:800px;margin:0 auto;padding:var(--space-6)}.assessment-results__score-section{display:flex;flex-direction:column;align-items:center;padding:var(--space-6);background:var(--color-bg-primary);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.assessment-results__rewards{display:flex;justify-content:center;gap:var(--space-8);margin-top:var(--space-6);flex-wrap:wrap}.assessment-results__reward{display:flex;flex-direction:column;align-items:center;text-align:center}.assessment-results__reward-icon{font-size:var(--text-2xl);margin-bottom:var(--space-1)}.assessment-results__reward-value{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary)}.assessment-results__reward-label{font-size:var(--text-sm);color:var(--color-text-tertiary)}.assessment-results__improvement{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-full);color:var(--color-success);font-weight:600}.assessment-results__improvement-icon{font-size:var(--text-lg)}.assessment-results__retry-section{text-align:center;padding:var(--space-6);background:linear-gradient(135deg,#6366f10d,#a855f70d);border:2px dashed rgba(99,102,241,.3);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.assessment-results__retry-message{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.assessment-results__retry-btn{min-width:200px}.assessment-results__questions-section{margin-bottom:var(--space-6)}.assessment-results__questions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.assessment-results__section-title{font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--space-2)}.assessment-results__section-icon{font-size:var(--text-2xl)}.assessment-results__filter{display:flex;align-items:center;gap:var(--space-2)}.assessment-results__filter-label{font-size:var(--text-sm);color:var(--color-text-tertiary)}.assessment-results__filter-select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);font-size:var(--text-sm);color:var(--color-text-primary);cursor:pointer}.assessment-results__filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #6366f133}.assessment-results__questions-list{display:flex;flex-direction:column;gap:var(--space-3)}.assessment-results__no-questions{padding:var(--space-8);text-align:center;color:var(--color-text-tertiary);background:var(--color-bg-primary);border-radius:var(--radius-lg);border:1px dashed var(--color-border)}.assessment-results__skills-section{margin-bottom:var(--space-6)}.assessment-results__skills-section--strengths{opacity:.8}.assessment-results__skills-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.assessment-results__footer{display:flex;justify-content:center;padding:var(--space-6) 0}.assessment-results--young .assessment-results__header{background:linear-gradient(135deg,#818cf8,#a78bfa);border-bottom:none;padding:var(--space-6)}.assessment-results--young .assessment-results__header-top{margin-bottom:var(--space-3)}.assessment-results--young .assessment-results__back-btn{color:#fff}.assessment-results--young .assessment-results__back-btn:hover{background:#ffffff1a}.assessment-results--young .assessment-results__subject{color:#fffc}.assessment-results--young .assessment-results__title{color:#fff;font-size:var(--text-3xl)}.assessment-results--young .assessment-results__score-section{background:linear-gradient(135deg,#fef3c7,#fde68a)}.assessment-results--young .assessment-results__reward-icon{font-size:var(--text-3xl)}.assessment-results--young .assessment-results__reward-value{font-size:var(--text-2xl)}.assessment-results--young .assessment-results__reward-label{font-size:var(--text-base)}.assessment-results--young .assessment-results__retry-section{background:linear-gradient(135deg,#fbbf241a,#fb923c1a);border-color:#fbbf244d;padding:var(--space-8)}.assessment-results--young .assessment-results__retry-message{font-size:var(--text-xl)}.assessment-results--young .assessment-results__section-title{font-size:var(--text-2xl)}.assessment-results--young .assessment-results__filter-select{font-size:var(--text-base);padding:var(--space-3) var(--space-4)}.assessment-results--older .assessment-results__header{padding:var(--space-3) var(--space-6)}.assessment-results--older .assessment-results__title{font-size:var(--text-xl);font-weight:600}.assessment-results--older .assessment-results__content{padding:var(--space-4)}.assessment-results--older .assessment-results__score-section{padding:var(--space-4);margin-bottom:var(--space-4)}.assessment-results--older .assessment-results__rewards{gap:var(--space-6);margin-top:var(--space-4)}.assessment-results--older .assessment-results__reward-icon,.assessment-results--older .assessment-results__reward-value{font-size:var(--text-lg)}.assessment-results--older .assessment-results__reward-label{font-size:var(--text-xs)}.assessment-results--older .assessment-results__retry-section{padding:var(--space-4);margin-bottom:var(--space-4)}.assessment-results--older .assessment-results__retry-message{font-size:var(--text-base);margin-bottom:var(--space-3)}.assessment-results--older .assessment-results__section-title{font-size:var(--text-lg)}.assessment-results--older .assessment-results__questions-list{gap:var(--space-2)}.assessment-results--older .assessment-results__skills-list{gap:var(--space-2);margin-top:var(--space-3)}@media(max-width:640px){.assessment-results__content{padding:var(--space-4)}.assessment-results__rewards{gap:var(--space-4)}.assessment-results__questions-header{flex-direction:column;align-items:stretch}.assessment-results__filter{justify-content:space-between}}.upgrade-prompt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.upgrade-prompt-card{max-width:400px;width:100%;padding:var(--space-6);text-align:center}.upgrade-prompt-emoji{font-size:4rem;margin-bottom:var(--space-4)}.upgrade-prompt-title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-2);color:var(--color-text-primary)}.upgrade-prompt-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.upgrade-prompt-body{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-6)}.upgrade-prompt-usage-bar{background:var(--color-bg-tertiary);border-radius:var(--radius-full);height:8px;margin-bottom:var(--space-4);overflow:hidden}.upgrade-prompt-usage-fill{background:var(--color-warning);height:100%;width:100%;border-radius:var(--radius-full)}.upgrade-prompt-actions{display:flex;gap:var(--space-3);justify-content:center}.upgrade-prompt-comparison{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-tertiary)}.upgrade-prompt-comparison-text{margin-bottom:var(--space-2)}.homework-page{background:var(--color-bg-secondary)}.homework-header{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:var(--space-4) 0;position:sticky;top:0;z-index:10}.homework-header-content{display:flex;align-items:center;justify-content:space-between}.back-button{width:40px;height:40px;border-radius:var(--radius-full);border:none;background:var(--color-bg-tertiary);color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.homework-title{font-size:var(--text-xl);font-weight:600;margin:0}[data-age-group=young] .homework-title{font-size:var(--text-2xl)}.homework-content{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-6) 0;min-height:calc(100vh - 80px)}.capture-selection{text-align:center;max-width:400px;margin:0 auto}.capture-icon{font-size:4rem;margin-bottom:var(--space-4)}[data-age-group=young] .capture-icon{font-size:5rem}.capture-title{font-size:var(--text-2xl);margin-bottom:var(--space-2)}[data-age-group=young] .capture-title{font-size:var(--text-3xl)}.capture-description{color:var(--color-text-secondary);margin-bottom:var(--space-4)}[data-age-group=young] .capture-description{font-size:var(--text-lg)}.usage-indicator{margin-bottom:var(--space-6);padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.usage-text{display:block;font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.usage-bar{height:6px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.usage-bar-fill{height:100%;background:var(--color-success);border-radius:var(--radius-full);transition:width var(--transition-base)}.usage-indicator.low .usage-bar-fill{background:var(--color-warning)}.loading-view{text-align:center;padding:var(--space-12) 0}.capture-buttons{display:flex;flex-direction:column;gap:var(--space-3)}.capture-button{width:100%;justify-content:center}.button-icon{margin-right:var(--space-2);font-size:1.25em}.camera-view{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;flex-direction:column;z-index:100}.camera-video{flex:1;width:100%;object-fit:cover}.camera-controls{position:absolute;bottom:0;left:0;right:0;padding:var(--space-6);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(transparent,#000000b3)}.camera-controls button{color:#fff}.capture-shutter{width:72px;height:72px;border-radius:50%;border:4px solid white;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.capture-shutter:hover{transform:scale(1.05)}.capture-shutter:active{transform:scale(.95)}.shutter-inner{width:56px;height:56px;border-radius:50%;background:#fff}.preview-view{width:100%;max-width:500px;margin:0 auto}.preview-card{background:var(--color-bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);margin-bottom:var(--space-6)}.preview-image{width:100%;display:block}.preview-question{text-align:center;margin-bottom:var(--space-6)}.preview-question h3{font-size:var(--text-xl);margin:0}[data-age-group=young] .preview-question h3{font-size:var(--text-2xl)}.preview-buttons{display:flex;gap:var(--space-3)}.preview-buttons button{flex:1}.uploading-view{text-align:center;padding:var(--space-12) 0}.error-view{text-align:center;max-width:400px;margin:0 auto}.error-view h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.error-text{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.error-buttons{display:flex;flex-direction:column;gap:var(--space-3)}.error-message{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-error-light);color:var(--color-error);border-radius:var(--radius-md);font-size:var(--text-sm)}@media(min-width:640px){.capture-buttons{flex-direction:row}.error-buttons{flex-direction:row;justify-content:center}.error-buttons button{width:auto}}.homework-problem-page{display:flex;flex-direction:column;height:100vh;background:var(--color-bg-secondary)}.problem-header{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:var(--space-3) 0;flex-shrink:0}.problem-header-content{display:flex;align-items:center;gap:var(--space-3)}.problem-header-info{flex:1}.problem-title{font-size:var(--text-lg);margin:0}[data-age-group=young] .problem-title{font-size:var(--text-xl)}.problem-subject{font-size:var(--text-sm);color:var(--color-text-tertiary)}.hint-counter{font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-tertiary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.problem-preview{background:var(--color-highlight-light);padding:var(--space-4) 0;flex-shrink:0}.problem-text-card{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm)}.problem-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.problem-text{font-size:var(--text-lg);font-weight:500;color:var(--color-text-primary)}[data-age-group=young] .problem-text{font-size:var(--text-xl)}.messages-container{flex:1;overflow-y:auto;padding:var(--space-4) 0}.messages-list{display:flex;flex-direction:column;gap:var(--space-3)}.message{display:flex;gap:var(--space-2);max-width:85%}.message-student{margin-left:auto;flex-direction:row-reverse}.message-assistant{margin-right:auto}.message-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-highlight-light);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}[data-age-group=young] .message-avatar{width:44px;height:44px;font-size:1.5rem}.message-bubble{background:var(--color-bg-primary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.message-student .message-bubble{background:var(--color-highlight);color:#fff;border-bottom-right-radius:var(--radius-sm)}.message-assistant .message-bubble{border-bottom-left-radius:var(--radius-sm)}.message-content{margin:0;font-size:var(--text-base);line-height:1.5;white-space:pre-wrap}[data-age-group=young] .message-content{font-size:var(--text-lg)}.message-hint-badge{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary);background:var(--color-bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);display:inline-block}.message-voice-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:none;background:var(--color-bg-tertiary);color:var(--color-text-secondary);cursor:pointer;margin-top:var(--space-2);transition:all var(--transition-fast);flex-shrink:0}.message-voice-btn:hover{background:var(--color-highlight-light);color:var(--color-highlight)}.message-voice-btn--playing{background:var(--color-highlight);color:#fff;animation:pulse 1.5s ease-in-out infinite}.message-voice-btn--playing:hover{background:var(--color-primary);color:#fff}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}[data-age-group=young] .message-voice-btn{width:36px;height:36px}[data-age-group=young] .message-voice-btn svg{width:20px;height:20px}.message-typing{display:flex;gap:4px;padding:var(--space-3) var(--space-4)}.typing-dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-tertiary);animation:typing 1.4s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.input-area{background:var(--color-bg-primary);border-top:1px solid var(--color-border);padding:var(--space-4) 0;flex-shrink:0}.quick-actions{display:flex;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.quick-action-btn{flex:1;min-width:100px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}[data-age-group=young] .quick-action-btn{font-size:var(--text-base);padding:var(--space-3) var(--space-4)}.quick-action-btn:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-text-tertiary)}.quick-action-btn:disabled{opacity:.5;cursor:not-allowed}.stuck-btn{border-color:var(--color-warning);color:var(--color-warning)}.stuck-btn:hover:not(:disabled){background:var(--color-warning-light)}.hint-btn{border-color:var(--color-highlight);color:var(--color-highlight)}.hint-btn:hover:not(:disabled){background:var(--color-highlight-light)}.gotit-btn{border-color:var(--color-success);color:var(--color-success);background:var(--color-success-light)}.gotit-btn:hover{background:var(--color-success);color:#fff}.message-input-container{display:flex;gap:var(--space-2);align-items:center}.message-input{flex:1;padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border);font-size:var(--text-base);background:var(--color-bg-secondary);transition:border-color var(--transition-fast)}[data-age-group=young] .message-input{font-size:var(--text-lg);padding:var(--space-4)}.message-input:focus{outline:none;border-color:var(--color-highlight)}.send-button{width:44px;height:44px;border-radius:50%;border:none;background:var(--color-highlight);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.send-button:hover:not(:disabled){background:var(--color-primary);transform:scale(1.05)}.send-button:disabled{background:var(--color-text-tertiary);cursor:not-allowed}.give-up-link{display:block;width:100%;text-align:center;margin-top:var(--space-3);padding:var(--space-2);background:none;border:none;color:var(--color-text-tertiary);font-size:var(--text-sm);cursor:pointer;transition:color var(--transition-fast)}.give-up-link:hover{color:var(--color-text-secondary)}.solved-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-6);text-align:center}.solved-celebration{font-size:4rem;margin-bottom:var(--space-4);animation:bounce .5s ease infinite alternate}[data-age-group=young] .solved-celebration{font-size:5rem}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.solved-title{font-size:var(--text-3xl);margin-bottom:var(--space-2);color:var(--color-success)}.solved-message{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-6);max-width:400px}.solved-stats{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.stat-item{font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-tertiary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full)}.solved-buttons{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:300px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-6);text-align:center}.error-icon{font-size:4rem;margin-bottom:var(--space-4)}.error-toast{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);background:var(--color-error);color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:var(--text-sm);box-shadow:var(--shadow-lg);cursor:pointer;z-index:100;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.back-button{width:40px;height:40px;border-radius:var(--radius-full);border:none;background:var(--color-bg-tertiary);color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast);flex-shrink:0}.back-button:hover{background:var(--color-border)}.critter-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:var(--space-4);background:linear-gradient(135deg,color-mix(in srgb,var(--critter-primary) 10%,var(--color-bg-primary)),color-mix(in srgb,var(--critter-secondary) 20%,var(--color-bg-primary)));border:2px solid color-mix(in srgb,var(--critter-primary) 30%,transparent);border-radius:var(--radius-xl);cursor:pointer;transition:all .3s ease;overflow:hidden}.critter-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px color-mix(in srgb,var(--critter-primary) 30%,transparent)}.critter-card:active{transform:translateY(-2px)}.critter-card--locked{filter:grayscale(.5);opacity:.8}.critter-card--locked:hover{filter:grayscale(.3);opacity:.9}.critter-card--selected{border-color:var(--color-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-success) 30%,transparent)}.critter-card--owned{background:linear-gradient(135deg,color-mix(in srgb,var(--critter-primary) 15%,var(--color-bg-primary)),color-mix(in srgb,var(--critter-secondary) 25%,var(--color-bg-primary)))}.critter-card--legendary{background:linear-gradient(135deg,color-mix(in srgb,var(--critter-primary) 20%,var(--color-bg-primary)),color-mix(in srgb,gold 10%,var(--color-bg-primary)),color-mix(in srgb,var(--critter-secondary) 20%,var(--color-bg-primary)));animation:legendary-shimmer 3s ease-in-out infinite}@keyframes legendary-shimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}.critter-card__rarity{position:absolute;top:var(--space-2);right:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--rarity-color);border-radius:var(--radius-full)}.critter-card__avatar{position:relative;width:80px;height:80px;margin-bottom:var(--space-3);border-radius:50%;background:linear-gradient(135deg,var(--critter-primary),var(--critter-secondary));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px color-mix(in srgb,var(--critter-primary) 40%,transparent);animation:critter-float 3s ease-in-out infinite}@keyframes critter-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.critter-card--locked .critter-card__avatar{animation:none}.critter-card__avatar img{width:70%;height:70%;object-fit:contain}.critter-card__emoji{font-size:2.5rem;line-height:1}.critter-card__lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.critter-card__selected-badge{position:absolute;bottom:-4px;right:-4px;width:24px;height:24px;background:var(--color-success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;border:2px solid var(--color-bg-primary)}.critter-card__name{margin:0;font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary);text-align:center}.critter-card__type{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--color-text-tertiary);text-transform:capitalize}.critter-card__unlock{width:100%;margin-top:var(--space-3)}.critter-card__progress-bar{height:6px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.critter-card__progress-fill{height:100%;background:linear-gradient(90deg,var(--critter-primary),var(--critter-secondary));border-radius:var(--radius-full);transition:width .3s ease}.critter-card__unlock-label{display:block;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-text-secondary);text-align:center}.critter-card__owned-badge{margin-top:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:600;color:var(--color-success);background:color-mix(in srgb,var(--color-success) 15%,transparent);border-radius:var(--radius-full)}@media(max-width:480px){.critter-card{padding:var(--space-3)}.critter-card__avatar{width:64px;height:64px}.critter-card__emoji{font-size:2rem}.critter-card__name{font-size:var(--text-base)}}.critter-detail-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#0009;animation:modal-fade-in .2s ease}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.critter-detail-modal__content{position:relative;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;background:linear-gradient(180deg,color-mix(in srgb,var(--critter-primary) 15%,var(--color-bg-primary)),var(--color-bg-primary) 40%);border-radius:var(--radius-2xl);animation:modal-slide-up .3s ease}@keyframes modal-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.critter-detail-modal__close{position:absolute;top:var(--space-3);right:var(--space-3);width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--color-text-tertiary);background:var(--color-bg-primary);border:none;border-radius:50%;cursor:pointer;transition:all .2s}.critter-detail-modal__close:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.critter-detail-modal__header{position:relative;display:flex;flex-direction:column;align-items:center;padding:var(--space-8) var(--space-6) var(--space-4)}.critter-detail-modal__avatar{position:relative;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--critter-primary),var(--critter-secondary));display:flex;align-items:center;justify-content:center;font-size:4rem;box-shadow:0 8px 32px color-mix(in srgb,var(--critter-primary) 40%,transparent);animation:avatar-bounce 2s ease-in-out infinite}@keyframes avatar-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.critter-detail-modal__avatar img{width:75%;height:75%;object-fit:contain}.critter-detail-modal__lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:#00000080;border-radius:50%}.critter-detail-modal__rarity{margin-top:var(--space-3);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full)}.critter-detail-modal__info{padding:0 var(--space-6) var(--space-4);text-align:center}.critter-detail-modal__name{margin:0;font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary)}.critter-detail-modal__type{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--color-text-tertiary);text-transform:capitalize}.critter-detail-modal__description{margin:var(--space-4) 0;font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6}.critter-detail-modal__personality{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm)}.critter-detail-modal__label{color:var(--color-text-tertiary)}.critter-detail-modal__speech{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-xl);position:relative}.critter-detail-modal__speech:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--color-bg-secondary)}.critter-detail-modal__speech-text{font-style:italic;color:var(--color-text-secondary)}.critter-detail-modal__actions{padding:var(--space-4) var(--space-6) var(--space-6);border-top:1px solid var(--color-border)}.critter-detail-modal__unlock-label{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}.critter-detail-modal__selected-badge{padding:var(--space-3);font-weight:600;color:var(--color-success);background:color-mix(in srgb,var(--color-success) 15%,transparent);border-radius:var(--radius-lg);text-align:center}@media(max-width:480px){.critter-detail-modal__content{max-height:85vh}.critter-detail-modal__avatar{width:100px;height:100px;font-size:3rem}.critter-detail-modal__name{font-size:var(--text-xl)}}.critter-collection{min-height:100vh;padding:var(--space-4);background:linear-gradient(180deg,var(--color-bg-secondary) 0%,var(--color-bg-primary) 100%)}.critter-collection__header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-border)}.critter-collection__back{padding:var(--space-2) var(--space-3);font-size:var(--text-base);font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.critter-collection__back:hover{color:var(--color-text-primary);border-color:var(--color-text-secondary)}.critter-collection__title{flex:1;display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary)}.critter-collection__title-icon{font-size:1.5em}.critter-collection__stats{display:flex;gap:var(--space-4);font-size:var(--text-base)}.critter-collection__stat{padding:var(--space-2) var(--space-3);background:var(--color-bg-primary);border-radius:var(--radius-lg);color:var(--color-text-secondary)}.critter-collection__stars{padding:var(--space-2) var(--space-3);background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--radius-lg);color:#92400e;font-weight:600}.critter-collection__filters{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4)}.critter-collection__filter-group{display:flex;align-items:center;gap:var(--space-2)}.critter-collection__filter-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.critter-collection__select{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.critter-collection__legend{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.critter-collection__legend-item{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full)}.critter-collection__legend-item--common{background:#f4f4f5;color:#71717a}.critter-collection__legend-item--uncommon{background:#dcfce7;color:#15803d}.critter-collection__legend-item--rare{background:#dbeafe;color:#1d4ed8}.critter-collection__legend-item--legendary{background:#fef3c7;color:#b45309}.critter-collection__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4)}.critter-collection__empty{grid-column:1 / -1;padding:var(--space-12);text-align:center;color:var(--color-text-tertiary)}.critter-collection__empty-icon{display:block;font-size:4rem;margin-bottom:var(--space-4)}.critter-collection__celebration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000b3;animation:celebration-fade-in .3s ease}@keyframes celebration-fade-in{0%{opacity:0}to{opacity:1}}.critter-collection__celebration-content{max-width:400px;padding:var(--space-8);background:var(--color-bg-primary);border-radius:var(--radius-2xl);text-align:center;animation:celebration-pop-in .5s cubic-bezier(.34,1.56,.64,1)}@keyframes celebration-pop-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.critter-collection__celebration-confetti{font-size:3rem;animation:confetti-bounce .5s ease infinite alternate}@keyframes confetti-bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.critter-collection__celebration h2{margin:var(--space-4) 0;font-size:var(--text-2xl);color:var(--color-highlight)}.critter-collection__celebration-critter{margin:var(--space-4) 0;animation:critter-wiggle .5s ease-in-out infinite}@keyframes critter-wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.critter-collection__celebration h3{margin:0;font-size:var(--text-xl);color:var(--color-text-primary)}.critter-collection__celebration p{margin:var(--space-2) 0 var(--space-6);color:var(--color-text-secondary)}@media(max-width:768px){.critter-collection__header{flex-direction:column;align-items:flex-start}.critter-collection__title{font-size:var(--text-xl)}.critter-collection__grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}}@media(max-width:480px){.critter-collection{padding:var(--space-3)}.critter-collection__grid{grid-template-columns:repeat(2,1fr)}.critter-collection__legend{justify-content:center}}.critter-customize{min-height:100vh;padding:var(--space-4);background:linear-gradient(180deg,var(--color-bg-secondary) 0%,var(--color-bg-primary) 100%)}.critter-customize__header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-border)}.critter-customize__back{padding:var(--space-2) var(--space-3);font-size:var(--text-base);font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.critter-customize__back:hover{color:var(--color-text-primary);border-color:var(--color-text-secondary)}.critter-customize__title{flex:1;display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary)}.critter-customize__stars{padding:var(--space-2) var(--space-4);font-size:var(--text-lg);font-weight:600;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--radius-full);color:#92400e}.critter-customize__message{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-lg);text-align:center;font-weight:500;animation:message-slide-in .3s ease}@keyframes message-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.critter-customize__message--success{background:var(--color-success-light);color:var(--color-success-dark)}.critter-customize__message--error{background:var(--color-error-light);color:var(--color-error-dark)}.critter-customize__content{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-6)}.critter-customize__preview{display:flex;flex-direction:column;gap:var(--space-4)}.critter-customize__critter-selector{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-primary);border-radius:var(--radius-xl)}.critter-customize__critter-btn{width:48px;height:48px;font-size:1.5rem;background:color-mix(in srgb,var(--critter-color) 20%,var(--color-bg-secondary));border:2px solid transparent;border-radius:50%;cursor:pointer;transition:all .2s}.critter-customize__critter-btn:hover{transform:scale(1.1)}.critter-customize__critter-btn--selected{border-color:var(--color-highlight);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-highlight) 30%,transparent)}.critter-customize__preview-display{position:relative;padding:var(--space-8);background:linear-gradient(135deg,color-mix(in srgb,var(--critter-primary) 20%,var(--color-bg-primary)),color-mix(in srgb,var(--bg-color) 30%,var(--color-bg-primary)));border-radius:var(--radius-2xl);text-align:center;overflow:hidden}.critter-customize__equipped-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:8rem;opacity:.2;pointer-events:none}.critter-customize__critter-avatar{position:relative;width:140px;height:140px;margin:0 auto;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--critter-primary),var(--critter-secondary));border-radius:50%;box-shadow:0 8px 32px color-mix(in srgb,var(--critter-primary) 40%,transparent);animation:avatar-float 3s ease-in-out infinite}@keyframes avatar-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.critter-customize__critter-emoji{font-size:5rem}.critter-customize__equipped-hat{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:2.5rem;animation:hat-wobble 2s ease-in-out infinite}@keyframes hat-wobble{0%,to{transform:translate(-50%) rotate(-3deg)}50%{transform:translate(-50%) rotate(3deg)}}.critter-customize__equipped-accessory{position:absolute;bottom:10px;right:-5px;font-size:1.8rem}.critter-customize__equipped-outfit{margin-top:var(--space-2);font-size:2rem}.critter-customize__critter-name{margin:var(--space-4) 0 0;font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary)}.critter-customize__equipped{padding:var(--space-4);background:var(--color-bg-primary);border-radius:var(--radius-xl)}.critter-customize__equipped h4{margin:0 0 var(--space-3);font-size:var(--text-base);color:var(--color-text-secondary)}.critter-customize__equipped-list{display:flex;flex-direction:column;gap:var(--space-2)}.critter-customize__equipped-slot{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.critter-customize__equipped-label{font-size:var(--text-sm);color:var(--color-text-tertiary)}.critter-customize__equipped-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.critter-customize__remove-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);color:var(--color-error);background:color-mix(in srgb,var(--color-error) 15%,transparent);border:none;border-radius:50%;cursor:pointer;transition:all .2s}.critter-customize__remove-btn:hover{background:color-mix(in srgb,var(--color-error) 25%,transparent)}.critter-customize__equipped-empty{font-size:var(--text-sm);color:var(--color-text-tertiary);font-style:italic}.critter-customize__shop{display:flex;flex-direction:column;gap:var(--space-4)}.critter-customize__categories{display:flex;gap:var(--space-2);padding:var(--space-2);background:var(--color-bg-primary);border-radius:var(--radius-xl)}.critter-customize__category{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);background:transparent;border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.critter-customize__category:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.critter-customize__category--active{background:var(--color-highlight);color:#fff;border-color:var(--color-highlight)}.critter-customize__category-icon{font-size:1.5rem}.critter-customize__category-label{font-size:var(--text-xs)}.critter-customize__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.critter-customize__item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-xl);transition:all .2s}.critter-customize__item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.critter-customize__item--owned{border-color:var(--color-success);background:color-mix(in srgb,var(--color-success) 5%,var(--color-bg-primary))}.critter-customize__item--equipped{border-color:var(--color-highlight);background:color-mix(in srgb,var(--color-highlight) 10%,var(--color-bg-primary))}.critter-customize__item-preview{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:var(--color-bg-secondary);border-radius:50%}.critter-customize__item-name{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);text-align:center}.critter-customize__item-equipped-badge{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:600;color:var(--color-success);background:color-mix(in srgb,var(--color-success) 15%,transparent);border-radius:var(--radius-full)}.critter-customize__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.critter-customize__empty-icon{font-size:6rem;margin-bottom:var(--space-4)}.critter-customize__empty h2{margin:0 0 var(--space-2);font-size:var(--text-2xl);color:var(--color-text-primary)}.critter-customize__empty p{margin:0 0 var(--space-6);color:var(--color-text-secondary)}@media(max-width:900px){.critter-customize__content{grid-template-columns:1fr}.critter-customize__preview{order:1}.critter-customize__shop{order:2}}@media(max-width:600px){.critter-customize{padding:var(--space-3)}.critter-customize__header{flex-direction:column;align-items:flex-start}.critter-customize__title{font-size:var(--text-xl)}.critter-customize__categories{flex-wrap:wrap}.critter-customize__category{min-width:70px}.critter-customize__grid{grid-template-columns:repeat(2,1fr)}.critter-customize__critter-avatar{width:100px;height:100px}.critter-customize__critter-emoji{font-size:3.5rem}}.adventure-home{min-height:100vh;padding:var(--space-4);background:linear-gradient(180deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%)}.adventure-home__header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.adventure-home__back{padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-sm);transition:background .2s}.adventure-home__back:hover{background:var(--color-bg-secondary)}.adventure-home__title{flex:1;display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary)}.adventure-home__title-icon{font-size:1.5em}.adventure-home__stats{display:flex;gap:var(--space-3);font-size:var(--text-lg);font-weight:600}.adventure-home__intro{text-align:center;color:var(--color-text-secondary);font-size:var(--text-lg);margin-bottom:var(--space-8)}.adventure-home__map{display:flex;flex-direction:column;gap:var(--space-2);max-width:600px;margin:0 auto;padding:var(--space-4)}.adventure-home__world{position:relative;cursor:pointer}.adventure-home__world--locked{cursor:not-allowed;opacity:.6}.adventure-home__path{position:absolute;left:50%;bottom:-20px;width:4px;height:40px;background:var(--color-border);transform:translate(-50%);z-index:0}.adventure-home__world--in-progress .adventure-home__path,.adventure-home__world--completed .adventure-home__path{background:var(--world-color, var(--color-primary))}.adventure-home__world-card{position:relative;padding:var(--space-6);background:var(--color-bg-primary);border-radius:var(--radius-xl);border:3px solid var(--color-border);text-align:center;transition:transform .2s,box-shadow .2s,border-color .2s;z-index:1}.adventure-home__world--unlocked .adventure-home__world-card:hover,.adventure-home__world--in-progress .adventure-home__world-card:hover,.adventure-home__world--completed .adventure-home__world-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:var(--world-color, var(--color-primary))}.adventure-home__world--in-progress .adventure-home__world-card,.adventure-home__world--completed .adventure-home__world-card{border-color:var(--world-color, var(--color-primary))}.adventure-home__world-icon{font-size:4rem;margin-bottom:var(--space-3)}.adventure-home__world-name{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2)}.adventure-home__world-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.adventure-home__world-progress{font-size:var(--text-sm);color:var(--world-color, var(--color-primary));font-weight:600;margin-bottom:var(--space-2)}.adventure-home__progress-bar{height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--space-2)}.adventure-home__progress-fill{height:100%;background:var(--world-color, var(--color-primary));border-radius:var(--radius-full);transition:width .3s ease}.adventure-home__world-complete{font-size:var(--text-sm);color:var(--color-success);font-weight:600}.adventure-home__world-lock-info{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:capitalize}.adventure-home__world-rewards{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-tertiary)}.adventure-home__modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:1000;animation:fadeIn .2s ease}.adventure-home__modal{position:relative;width:100%;max-width:450px;max-height:90vh;overflow-y:auto;background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;animation:scaleIn .2s ease}.adventure-home__modal-close{position:absolute;top:var(--space-3);right:var(--space-3);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-full);font-size:var(--text-xl);color:var(--color-text-secondary);cursor:pointer}.adventure-home__modal-icon{font-size:5rem;margin-bottom:var(--space-3)}.adventure-home__modal-title{font-size:var(--text-2xl);font-weight:700;color:var(--world-color, var(--color-primary));margin-bottom:var(--space-2)}.adventure-home__modal-desc{color:var(--color-text-secondary);margin-bottom:var(--space-4)}.adventure-home__chapters{text-align:left;margin-bottom:var(--space-4)}.adventure-home__chapters h3{font-size:var(--text-sm);font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.adventure-home__chapter-list{list-style:none;padding:0;margin:0}.adventure-home__chapter{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.adventure-home__chapter--complete{background:#22c55e1a}.adventure-home__chapter-order{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--world-color, var(--color-primary));color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700}.adventure-home__chapter-title{flex:1;font-size:var(--text-sm);color:var(--color-text-primary)}.adventure-home__chapter-check{color:var(--color-success);font-weight:700}.adventure-home__modal-rewards{margin-bottom:var(--space-4)}.adventure-home__modal-rewards h3{font-size:var(--text-sm);font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.adventure-home__reward-items{display:flex;justify-content:center;gap:var(--space-4)}.adventure-home__reward{padding:var(--space-2) var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-weight:600;color:var(--color-text-primary)}.adventure-home__modal-btn{width:100%;padding:var(--space-4);background:var(--world-color, var(--color-primary));color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:700;cursor:pointer;transition:transform .2s,opacity .2s}.adventure-home__modal-btn:hover:not(:disabled){transform:scale(1.02)}.adventure-home__modal-btn:disabled{opacity:.7;cursor:not-allowed}.adventure-home__modal-btn--replay{background:var(--color-bg-tertiary);color:var(--color-text-primary)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:640px){.adventure-home__header{flex-wrap:wrap}.adventure-home__title{order:2;width:100%;justify-content:center;font-size:var(--text-xl)}.adventure-home__world-card{padding:var(--space-4)}.adventure-home__world-icon{font-size:3rem}}.adventure-world{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%)}.adventure-world__header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-primary);border-bottom:2px solid var(--world-color, var(--color-primary))}.adventure-world__back{padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-sm);transition:background .2s}.adventure-world__back:hover{background:var(--color-bg-secondary)}.adventure-world__info{flex:1}.adventure-world__world-name{font-size:var(--text-lg);font-weight:700;color:var(--world-color, var(--color-primary))}.adventure-world__chapter-name{font-size:var(--text-sm);color:var(--color-text-secondary)}.adventure-world__progress-badge{padding:var(--space-2) var(--space-4);background:var(--world-color, var(--color-primary));color:#fff;border-radius:var(--radius-full);font-weight:700;font-size:var(--text-sm)}.adventure-world__story{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.adventure-world__story-card{width:100%;max-width:500px;padding:var(--space-8);background:var(--color-bg-primary);border-radius:var(--radius-xl);text-align:center;box-shadow:0 8px 32px #0000001a;animation:slideUp .3s ease}.adventure-world__story-card--celebration{border:3px solid var(--color-success)}.adventure-world__story-card--world-complete{border:3px solid var(--color-warning);background:linear-gradient(135deg,var(--color-bg-primary) 0%,rgba(255,215,0,.1) 100%)}.adventure-world__story-emoji{font-size:5rem;margin-bottom:var(--space-4);animation:bounce 1s ease infinite}.adventure-world__celebration-confetti{font-size:3rem;margin-bottom:var(--space-4);animation:confetti .5s ease}.adventure-world__story-title{font-size:var(--text-2xl);font-weight:700;color:var(--world-color, var(--color-primary));margin-bottom:var(--space-4)}.adventure-world__story-text{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-6)}.adventure-world__story-btn{background:var(--world-color, var(--color-primary))!important;min-width:200px}.adventure-world__rewards{display:flex;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-6)}.adventure-world__rewards--big .adventure-world__reward{font-size:var(--text-xl);padding:var(--space-3) var(--space-6)}.adventure-world__reward{padding:var(--space-2) var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-weight:700;color:var(--world-color, var(--color-primary))}.adventure-world__play{flex:1;display:flex;flex-direction:column;padding:var(--space-4);gap:var(--space-4)}.adventure-world__play-progress{text-align:center}.adventure-world__play-progress-bar{height:12px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2)}.adventure-world__play-progress-fill{height:100%;background:var(--world-color, var(--color-primary));border-radius:var(--radius-full);transition:width .3s ease}.adventure-world__play-progress-text{font-size:var(--text-sm);color:var(--color-text-secondary)}.adventure-world__question-area{flex:1;display:flex;align-items:center;justify-content:center}.adventure-world__question-card{width:100%;max-width:500px;padding:var(--space-6);background:var(--color-bg-primary);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-md)}.adventure-world__question-hint{font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--space-2)}.adventure-world__question-subject{font-size:var(--text-sm);color:var(--world-color, var(--color-primary));font-weight:600;margin-bottom:var(--space-4)}.adventure-world__question-demo{padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.adventure-world__question-demo-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.adventure-world__question-demo-btns{display:flex;gap:var(--space-3);justify-content:center}.adventure-world__demo-btn{padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:transform .2s}.adventure-world__demo-btn:hover{transform:scale(1.05)}.adventure-world__demo-btn--correct{background:var(--color-success);color:#fff}.adventure-world__demo-btn--wrong{background:var(--color-error);color:#fff}.adventure-world__stats{display:flex;justify-content:center;gap:var(--space-6)}.adventure-world__stat{text-align:center}.adventure-world__stat-label{display:block;font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.adventure-world__stat-value{display:block;font-size:var(--text-2xl);font-weight:700;color:var(--world-color, var(--color-primary))}.adventure-world__complete-btn{background:var(--color-success)!important;animation:pulse 1s ease infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes confetti{0%{transform:scale(0) rotate(-10deg);opacity:0}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@media(max-width:640px){.adventure-world__header{flex-wrap:wrap}.adventure-world__story-card{padding:var(--space-6)}.adventure-world__story-emoji{font-size:4rem}.adventure-world__story-title{font-size:var(--text-xl)}}.sticker-book{min-height:100vh;padding:var(--space-4);background:linear-gradient(180deg,#fef3c7,#fde68a)}.sticker-book__header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.sticker-book__back{padding:var(--space-2) var(--space-3);background:#fffc;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-sm);transition:background .2s}.sticker-book__back:hover{background:#fff}.sticker-book__title{flex:1;display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-2xl);font-weight:700;color:#92400e}.sticker-book__title-icon{font-size:1.5em}.sticker-book__stats{font-size:var(--text-sm);font-weight:600;color:#92400e}.sticker-book__progress{margin-bottom:var(--space-4)}.sticker-book__progress-bar{height:12px;background:#fff9;border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-1)}.sticker-book__progress-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#eab308);border-radius:var(--radius-full);transition:width .5s ease}.sticker-book__progress-text{font-size:var(--text-xs);color:#92400e;text-align:center;display:block}.sticker-book__tabs{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2);margin-bottom:var(--space-4);-webkit-overflow-scrolling:touch}.sticker-book__tab{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3);background:#ffffffb3;border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;min-width:80px}.sticker-book__tab:hover{background:#ffffffe6}.sticker-book__tab--active{background:#fff;border-color:var(--tab-color, var(--color-primary));box-shadow:0 4px 12px #0000001a}.sticker-book__tab-emoji{font-size:1.5rem}.sticker-book__tab-name{font-size:var(--text-xs);font-weight:600;color:var(--color-text-primary);white-space:nowrap}.sticker-book__tab-count{font-size:var(--text-xs);color:var(--color-text-tertiary)}.sticker-book__page{background:#fff;border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:0 4px 16px #0000001a;margin-bottom:var(--space-4)}.sticker-book__page-header{text-align:center;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:2px dashed var(--category-color, var(--color-border))}.sticker-book__page-emoji{font-size:3rem}.sticker-book__page-title{font-size:var(--text-xl);font-weight:700;color:var(--category-color, var(--color-text-primary));margin-top:var(--space-2)}.sticker-book__page-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.sticker-book__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:var(--space-3)}.sticker-book__sticker{aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;background:var(--color-bg-secondary);border:3px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.sticker-book__sticker--collected{background:#fff;border-style:solid;border-color:var(--rarity-color, var(--color-border));box-shadow:0 2px 8px #0000001a}.sticker-book__sticker--collected:hover{transform:scale(1.1);box-shadow:0 4px 16px #00000026}.sticker-book__sticker--locked{cursor:not-allowed;opacity:.6}.sticker-book__sticker-emoji{font-size:2rem}.sticker-book__sticker-rarity{position:absolute;bottom:4px;right:4px;width:8px;height:8px;background:var(--rarity-color, var(--color-border));border-radius:var(--radius-full)}.sticker-book__modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:1000;animation:fadeIn .2s ease}.sticker-book__modal{position:relative;width:100%;max-width:320px;background:#fff;border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;animation:scaleIn .2s ease;border:4px solid var(--rarity-color, var(--color-border))}.sticker-book__modal-close{position:absolute;top:var(--space-3);right:var(--space-3);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-full);font-size:var(--text-xl);color:var(--color-text-secondary);cursor:pointer}.sticker-book__modal-sticker{font-size:6rem;margin-bottom:var(--space-4);animation:bounce 1s ease infinite}.sticker-book__modal-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2)}.sticker-book__modal-desc{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.sticker-book__modal-rarity{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--rarity-color, var(--color-bg-secondary));color:#fff;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:700;letter-spacing:.1em}.sticker-book__legend{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);font-size:var(--text-xs);color:#92400e}.sticker-book__legend-title,.sticker-book__legend-item{font-weight:600}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:640px){.sticker-book__header{flex-wrap:wrap}.sticker-book__title{order:2;width:100%;justify-content:center;font-size:var(--text-xl)}.sticker-book__grid{grid-template-columns:repeat(4,1fr)}}.surprise-box-page{min-height:100vh;background:linear-gradient(180deg,#8b5cf6,#ec4899,#f97316)}.surprise-box-page__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.surprise-box-page__header h1{color:#fff;font-size:var(--text-2xl);font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.2);margin:0}.surprise-box-page__back{color:#fff;background:#fff3!important}.surprise-box-page__content{padding:var(--space-6);max-width:500px;margin:0 auto}.surprise-box-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#fff;text-align:center;gap:var(--space-4)}.surprise-box-page__box-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-8) 0}.surprise-box-page__box{width:220px;height:220px;position:relative;cursor:default;perspective:1000px}.surprise-box-page__box--closed{cursor:pointer}.surprise-box-page__box-base{position:absolute;bottom:0;left:10px;right:10px;height:140px;background:linear-gradient(145deg,#f97316,#ea580c);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0000004d}.surprise-box-page__box-question{font-size:64px;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.2);animation:bounce-soft 1s ease-in-out infinite}.surprise-box-page__box-lid{position:absolute;top:20px;left:0;right:0;height:70px;background:linear-gradient(145deg,#fb923c,#f97316);border-radius:8px 8px 0 0;z-index:2;transition:transform .5s ease-out;transform-origin:bottom center}.surprise-box-page__box--closed:hover .surprise-box-page__box-lid{transform:rotateX(-15deg)}.surprise-box-page__box-ribbon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:100%;background:#ec4899}.surprise-box-page__box-ribbon:before,.surprise-box-page__box-ribbon:after{content:"";position:absolute;top:-15px;width:30px;height:30px;background:#ec4899;border-radius:50%}.surprise-box-page__box-ribbon:before{left:-20px}.surprise-box-page__box-ribbon:after{right:-20px}.surprise-box-page__box-sparkles{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;pointer-events:none}.sparkle{position:absolute;font-size:24px;animation:sparkle 1.5s ease-in-out infinite}.sparkle:nth-child(1){top:0;left:20%;animation-delay:0s}.sparkle:nth-child(2){top:20%;right:0;animation-delay:.3s}.sparkle:nth-child(3){bottom:20%;left:0;animation-delay:.6s}.sparkle:nth-child(4){bottom:0;right:20%;animation-delay:.9s}@keyframes sparkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes bounce-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.surprise-box-page__box-opening{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.surprise-box-page__box-shake{font-size:120px;animation:box-shake .15s ease-in-out infinite}@keyframes box-shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-5px) rotate(-3deg)}75%{transform:translate(5px) rotate(3deg)}}.surprise-box-page__reward{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);animation:reveal .5s ease-out;position:relative}.surprise-box-page__reward-glow{position:absolute;width:150px;height:150px;border-radius:50%;opacity:.3;filter:blur(30px);animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.5}}.surprise-box-page__reward-icon{font-size:80px;z-index:1;animation:pop-in .3s ease-out}@keyframes pop-in{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes reveal{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.surprise-box-page__reward-rarity{font-size:var(--text-lg);font-weight:700;z-index:1}.surprise-box-page__reward-text{color:#fff;text-align:center;z-index:1}.surprise-box-page__reward-text .reward-type{font-size:var(--text-lg);opacity:.9}.surprise-box-page__reward-text .reward-name{font-size:var(--text-2xl);font-weight:700}.surprise-box-page__reward-text .reward-amount{font-size:var(--text-4xl);font-weight:800}.surprise-box-page__reward-message{color:#fff;font-size:var(--text-sm);opacity:.8;z-index:1}.surprise-box-page__already-opened{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:#fff}.already-opened-icon{font-size:80px;opacity:.7}.already-opened-text{font-size:var(--text-xl);font-weight:700}.already-opened-hint{font-size:var(--text-sm);opacity:.8}.surprise-box-page__action{text-align:center}.surprise-box-page__open-btn{font-size:var(--text-xl)!important;padding:var(--space-4) var(--space-10)!important;background:linear-gradient(135deg,#22c55e,#10b981)!important;border-radius:var(--radius-full)!important;box-shadow:0 6px 20px #10b98166;animation:pulse-button 2s ease-in-out infinite}.surprise-box-page__unavailable{color:#fff;text-align:center}.surprise-box-page__unavailable p{margin:0}.surprise-box-page__unavailable .hint{font-size:var(--text-sm);opacity:.8;margin-top:var(--space-1)}.surprise-box-page__history{margin-top:var(--space-8);background:#fffffff2;border-radius:var(--radius-xl);padding:var(--space-4)}.surprise-box-page__history h2{font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-4) 0;text-align:center}.surprise-box-page__history-list{display:flex;flex-direction:column;gap:var(--space-2)}.surprise-box-page__history-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border-left:4px solid}.history-date{color:var(--color-text-secondary);font-size:var(--text-sm)}.history-reward{display:flex;align-items:center;gap:var(--space-2)}.history-emoji{font-size:var(--text-xl)}.history-text{color:var(--color-text-primary);font-weight:500}@media(max-width:480px){.surprise-box-page__box{width:180px;height:180px}.surprise-box-page__box-base{height:110px}.surprise-box-page__box-lid{height:55px}.surprise-box-page__box-question{font-size:48px}.surprise-box-page__reward-icon{font-size:60px}}.games-hub{min-height:100vh;background:linear-gradient(180deg,#8b5cf6,#ec4899)}.games-hub__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.games-hub__header h1{color:#fff;font-size:var(--text-2xl);font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.2);margin:0}.games-hub__back{color:#fff;background:#fff3!important}.games-hub__content{padding:var(--space-6);max-width:800px;margin:0 auto}.games-hub__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#fff;text-align:center;gap:var(--space-4)}.games-hub__locked-message{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8);background:#fffffff2;border-radius:var(--radius-2xl);margin-top:var(--space-8)}.locked-icon{font-size:80px;margin-bottom:var(--space-4)}.games-hub__locked-message h2{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.games-hub__locked-message p{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0 0 var(--space-6) 0}.locked-hint{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-6);color:var(--color-text-secondary);font-size:var(--text-sm)}.hint-icon{font-size:var(--text-xl)}.games-hub__intro{text-align:center;margin-bottom:var(--space-6)}.games-hub__intro p{color:#fff;font-size:var(--text-lg);opacity:.9;margin:0}.games-hub__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.games-hub__empty{text-align:center;color:#fff;padding:var(--space-8);opacity:.8}.game-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-4);cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;gap:var(--space-3);box-shadow:0 4px 12px #0000001a;border-left:6px solid var(--theme-color, #8B5CF6)}.game-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.game-card__emoji{font-size:48px;text-align:center}.game-card__info{flex:1}.game-card__name{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.game-card__description{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.4}.game-card__meta{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.game-card__difficulty{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;text-transform:uppercase}.game-card__difficulty[data-difficulty=easy]{background:#dcfce7;color:#166534}.game-card__difficulty[data-difficulty=medium]{background:#fef3c7;color:#92400e}.game-card__difficulty[data-difficulty=hard]{background:#fee2e2;color:#991b1b}.game-card__high-score{font-size:var(--text-xs);color:var(--color-text-tertiary)}.game-card__rewards{display:flex;justify-content:center;gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.game-card__rewards .reward{font-size:var(--text-sm);font-weight:600;color:var(--theme-color, #8B5CF6)}@media(max-width:480px){.games-hub__grid{grid-template-columns:1fr}.game-card__emoji{font-size:36px}}.game-play{min-height:100vh;background:linear-gradient(180deg,var(--theme-color, #8B5CF6) 0%,#EC4899 100%)}.game-play__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-play__header h1{color:#fff;font-size:var(--text-xl);font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.2);margin:0}.game-play__back{color:#fff;background:#fff3!important}.game-play__score{color:#fff;font-size:var(--text-lg);font-weight:700;background:#0003;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg)}.game-play__content{padding:var(--space-6);max-width:600px;margin:0 auto}.game-play__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#fff;text-align:center;gap:var(--space-4)}.game-play__intro{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8);background:#fffffff2;border-radius:var(--radius-2xl);margin-top:var(--space-6)}.intro-emoji{font-size:80px;margin-bottom:var(--space-4)}.game-play__intro h2{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.game-play__intro p{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0 0 var(--space-4) 0}.intro-rewards{display:flex;flex-direction:column;gap:var(--space-1);color:var(--theme-color, #8B5CF6);font-weight:600;margin-bottom:var(--space-4)}.intro-high-score{color:var(--color-text-tertiary);font-size:var(--text-sm);margin-bottom:var(--space-6)}.game-play__start-btn{font-size:var(--text-xl)!important;padding:var(--space-4) var(--space-10)!important;background:linear-gradient(135deg,var(--theme-color, #8B5CF6),#EC4899)!important;border-radius:var(--radius-full)!important;animation:pulse-button 2s ease-in-out infinite}.game-play__game{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-6);background:#fffffff2;border-radius:var(--radius-2xl)}.game-progress{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500}.game-question{text-align:center}.question-prompt{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-4)}.question-display{font-size:40px;line-height:1.5;min-height:100px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-2)}.game-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);width:100%;max-width:300px}.game-option{padding:var(--space-4);font-size:36px;background:var(--color-bg-secondary);border:3px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all .2s}.game-option:hover:not(:disabled){border-color:var(--theme-color, #8B5CF6);transform:scale(1.05)}.game-option:disabled{cursor:default}.game-option.correct,.game-option.show-correct{background:#dcfce7;border-color:#22c55e;animation:bounce-correct .5s ease}.game-option.incorrect{background:#fee2e2;border-color:#ef4444;animation:shake .5s ease}@keyframes bounce-correct{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.game-feedback{font-size:var(--text-lg);font-weight:600;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);animation:fade-in .3s ease}.game-feedback.correct{background:#dcfce7;color:#166534}.game-feedback.incorrect{background:#fee2e2;color:#991b1b}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.game-play__finished{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8);background:#fffffff2;border-radius:var(--radius-2xl);margin-top:var(--space-6)}.finished-emoji{font-size:80px;margin-bottom:var(--space-4);animation:bounce-in .5s ease}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.game-play__finished h2{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-6) 0}.finished-stats{display:flex;gap:var(--space-8);margin-bottom:var(--space-6)}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:var(--text-3xl);font-weight:800;color:var(--theme-color, #8B5CF6)}.stat-label{font-size:var(--text-sm);color:var(--color-text-tertiary)}.finished-rewards{display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.reward-earned{padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--theme-color, #8B5CF6),#EC4899);color:#fff;font-weight:700;border-radius:var(--radius-full)}.finished-message{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.finished-actions{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:250px}@media(max-width:480px){.intro-emoji,.finished-emoji{font-size:60px}.question-display{font-size:32px}.game-option{font-size:28px;padding:var(--space-3)}}@keyframes pulse-button{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.legal-page{min-height:100vh;background:var(--color-bg-primary)}.legal-page .legal-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:var(--space-8) var(--space-4)}.legal-page .legal-header .container{max-width:800px;margin:0 auto}.legal-page .legal-header h1{font-size:var(--text-3xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2)}.legal-page .legal-header .last-updated{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}.legal-page .legal-nav{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4);position:sticky;top:0;z-index:10}.legal-page .legal-nav .container{max-width:800px;margin:0 auto;display:flex;gap:var(--space-4);overflow-x:auto}.legal-page .legal-nav a{font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;white-space:nowrap;padding:var(--space-2) 0}.legal-page .legal-nav a:hover{color:var(--color-primary)}.legal-page .legal-nav a.active{color:var(--color-primary);font-weight:600}.legal-page .legal-content{max-width:800px;margin:0 auto;padding:var(--space-8) var(--space-4)}.legal-page .legal-content h2{font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);margin:var(--space-8) 0 var(--space-4)}.legal-page .legal-content h2:first-child{margin-top:0}.legal-page .legal-content h3{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:var(--space-6) 0 var(--space-3)}.legal-page .legal-content p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.7;margin:0 0 var(--space-4)}.legal-page .legal-content ul,.legal-page .legal-content ol{margin:0 0 var(--space-4);padding-left:var(--space-6)}.legal-page .legal-content li{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-2)}.legal-page .legal-content a{color:var(--color-primary);text-decoration:none}.legal-page .legal-content a:hover{text-decoration:underline}.legal-page .legal-content strong{color:var(--color-text-primary)}.legal-page .legal-content .highlight-box{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-4) 0}.legal-page .legal-content .highlight-box p:last-child{margin-bottom:0}.legal-page .legal-content .contact-info{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-4) 0}.legal-page .legal-content .contact-info p{margin:0 0 var(--space-2)}.legal-page .legal-content .contact-info p:last-child{margin-bottom:0}.legal-page .back-to-top{position:fixed;bottom:var(--space-6);right:var(--space-6);width:48px;height:48px;border-radius:50%;background:var(--color-primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all .2s ease}.legal-page .back-to-top.visible{opacity:1;visibility:visible}.legal-page .back-to-top:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.legal-page .toc{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-6)}.legal-page .toc h4{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-3);text-transform:uppercase;letter-spacing:.05em}.legal-page .toc ol{margin:0;padding-left:var(--space-5)}.legal-page .toc li{font-size:var(--text-sm);margin-bottom:var(--space-2)}.legal-page .toc a{color:var(--color-text-secondary)}.legal-page .toc a:hover{color:var(--color-primary)}@media(max-width:640px){.legal-page .legal-header{padding:var(--space-6) var(--space-4)}.legal-page .legal-header h1{font-size:var(--text-2xl)}.legal-page .legal-content{padding:var(--space-6) var(--space-4)}.legal-page .back-to-top{bottom:var(--space-4);right:var(--space-4)}}.landing-page{min-height:100vh;background:var(--color-bg-primary)}.landing-nav{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);z-index:100;padding:var(--space-3) var(--space-4)}.landing-nav .nav-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.landing-nav .nav-logo{height:32px}.landing-nav .nav-links{display:flex;align-items:center;gap:var(--space-6)}.landing-nav .nav-links a{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:color var(--transition-fast)}.landing-nav .nav-links a:hover{color:var(--color-primary)}.landing-nav .nav-actions{display:flex;align-items:center;gap:var(--space-3)}.landing-nav .nav-mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--space-2);color:var(--color-text-primary)}.hero-section{padding:120px var(--space-4) var(--space-12);background:linear-gradient(180deg,var(--color-bg-secondary) 0%,var(--color-bg-primary) 100%)}.hero-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.hero-content h1{font-size:3.5rem;font-weight:800;line-height:1.1;color:var(--color-text-primary);margin:0 0 var(--space-4)}.hero-content h1 span{color:var(--color-highlight)}.hero-content p{font-size:var(--text-xl);color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--space-6)}.hero-ctas{display:flex;gap:var(--space-3);margin-bottom:var(--space-6)}.hero-ctas .btn-primary{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.hero-badges{display:flex;flex-wrap:wrap;gap:var(--space-4)}.hero-badges .badge{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.hero-badges .badge svg{color:var(--color-success)}.hero-image{position:relative}.hero-image .app-preview{width:100%;max-width:500px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.value-props-section{padding:var(--space-12) var(--space-4);background:var(--color-bg-primary)}.section-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header h2{font-size:var(--text-3xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-3)}.section-header p{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0}.value-props-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.value-prop-card{text-align:center;padding:var(--space-6);background:var(--color-bg-secondary);border-radius:var(--radius-lg);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.value-prop-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.value-prop-icon{width:64px;height:64px;margin:0 auto var(--space-4);background:var(--color-highlight-light);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:2rem}.value-prop-card h3{font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-3)}.value-prop-card p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;margin:0}.how-it-works-section{padding:var(--space-12) var(--space-4);background:var(--color-bg-secondary)}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);margin-bottom:var(--space-8)}.step-card{text-align:center;padding:var(--space-6);background:var(--color-bg-primary);border-radius:var(--radius-lg);position:relative}.step-number{width:48px;height:48px;margin:0 auto var(--space-4);background:var(--color-highlight);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:700}.step-card h3{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2)}.step-card p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.how-it-works-cta{text-align:center}.testimonials-section{padding:var(--space-12) var(--space-4);background:var(--color-bg-primary)}.testimonials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.testimonial-card{padding:var(--space-6);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border-left:4px solid var(--color-highlight)}.testimonial-stars{display:flex;gap:2px;margin-bottom:var(--space-3);color:var(--color-accent)}.testimonial-card blockquote{font-size:var(--text-lg);color:var(--color-text-primary);line-height:1.6;margin:0 0 var(--space-4);font-style:italic}.testimonial-author{font-size:var(--text-sm);color:var(--color-text-secondary)}.testimonial-author strong{color:var(--color-text-primary)}.pricing-section{padding:var(--space-12) var(--space-4);background:var(--color-bg-secondary)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-bottom:var(--space-6)}.pricing-card{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--space-6);border:2px solid var(--color-border);text-align:center;transition:transform var(--transition-normal),border-color var(--transition-normal)}.pricing-card:hover{transform:translateY(-4px)}.pricing-card.featured{border-color:var(--color-highlight);position:relative}.pricing-card.featured:before{content:"Most Popular";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-highlight);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.pricing-card h3{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2);text-transform:uppercase;letter-spacing:.05em}.pricing-price{margin-bottom:var(--space-4)}.pricing-price .amount{font-size:var(--text-3xl);font-weight:700;color:var(--color-text-primary)}.pricing-price .period{font-size:var(--text-sm);color:var(--color-text-tertiary)}.pricing-features{list-style:none;padding:0;margin:0 0 var(--space-6);text-align:left}.pricing-features li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text-secondary)}.pricing-features li svg{color:var(--color-success);flex-shrink:0}.pricing-note{text-align:center;font-size:var(--text-sm);color:var(--color-text-tertiary)}.faq-section{padding:var(--space-12) var(--space-4);background:var(--color-bg-primary)}.faq-list{max-width:800px;margin:0 auto}.faq-item{border-bottom:1px solid var(--color-border)}.faq-question{width:100%;background:none;border:none;padding:var(--space-4) 0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left}.faq-question h3{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0}.faq-question svg{color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.faq-item.open .faq-question svg{transform:rotate(180deg)}.faq-answer{padding:0 0 var(--space-4);display:none}.faq-item.open .faq-answer{display:block}.faq-answer p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;margin:0}.landing-footer{background:var(--color-primary);color:#fff;padding:var(--space-12) var(--space-4) var(--space-6)}.footer-container{max-width:1200px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:var(--space-8);margin-bottom:var(--space-8)}.footer-brand h4{font-size:var(--text-xl);font-weight:700;margin:0 0 var(--space-2)}.footer-brand p{font-size:var(--text-sm);color:#ffffffb3;margin:0}.footer-column h5{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-3);color:#ffffff80}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:var(--space-2)}.footer-column a{color:#fffc;text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-fast)}.footer-column a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--space-6);display:flex;align-items:center;justify-content:space-between}.footer-copyright{font-size:var(--text-sm);color:#ffffff80}.footer-social{display:flex;gap:var(--space-4)}.footer-social a{color:#ffffffb3;transition:color var(--transition-fast)}.footer-social a:hover{color:#fff}@media(max-width:1024px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-content h1{font-size:2.5rem}.hero-ctas,.hero-badges{justify-content:center}.hero-image{order:-1}.hero-image .app-preview{max-width:400px;margin:0 auto}.value-props-grid{grid-template-columns:1fr;gap:var(--space-4)}.steps-grid{grid-template-columns:repeat(2,1fr)}.testimonials-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto var(--space-6)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.landing-nav .nav-links{display:none}.landing-nav .nav-mobile-toggle{display:block}.hero-section{padding:100px var(--space-4) var(--space-8)}.hero-content h1{font-size:2rem}.hero-content p{font-size:var(--text-base)}.hero-ctas{flex-direction:column}.hero-ctas .btn{width:100%}.section-header h2{font-size:var(--text-2xl)}.steps-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}}.cta-section h2{font-size:var(--text-3xl);font-weight:700;margin:0 0 var(--space-3)}.marketing-page{min-height:100vh;background:var(--color-bg-primary)}.marketing-nav{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);z-index:100;padding:var(--space-3) var(--space-4)}.marketing-nav .nav-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.marketing-nav .nav-logo{height:32px}.marketing-nav .nav-links{display:flex;align-items:center;gap:var(--space-6)}.marketing-nav .nav-links a{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:color var(--transition-fast)}.marketing-nav .nav-links a:hover,.marketing-nav .nav-links a.active{color:var(--color-primary)}.marketing-nav .nav-actions{display:flex;align-items:center;gap:var(--space-3)}.marketing-nav .nav-mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--space-2);color:var(--color-text-primary)}.page-hero{padding:120px var(--space-4) var(--space-8);background:linear-gradient(180deg,var(--color-bg-secondary) 0%,var(--color-bg-primary) 100%);text-align:center}.page-hero .hero-container{max-width:800px;margin:0 auto}.page-hero h1{font-size:var(--text-3xl);font-weight:800;color:var(--color-text-primary);margin:0 0 var(--space-4)}.page-hero h1 span{color:var(--color-highlight)}.page-hero p{font-size:var(--text-xl);color:var(--color-text-secondary);margin:0;line-height:1.6}.marketing-section{padding:var(--space-12) var(--space-4)}.marketing-section.alt-bg{background:var(--color-bg-secondary)}.marketing-section .section-container{max-width:1200px;margin:0 auto}.marketing-section .section-header{text-align:center;margin-bottom:var(--space-8)}.marketing-section .section-header h2{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2)}.marketing-section .section-header p{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0}.marketing-footer{background:var(--color-primary);color:#fff;padding:var(--space-12) var(--space-4) var(--space-6)}.marketing-footer .footer-container{max-width:1200px;margin:0 auto}.marketing-footer .footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:var(--space-8);margin-bottom:var(--space-8)}.marketing-footer .footer-brand h4{font-size:var(--text-xl);font-weight:700;margin:0 0 var(--space-2)}.marketing-footer .footer-brand p{font-size:var(--text-sm);color:#ffffffb3;margin:0}.marketing-footer .footer-column h5{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-3);color:#ffffff80}.marketing-footer .footer-column ul{list-style:none;padding:0;margin:0}.marketing-footer .footer-column li{margin-bottom:var(--space-2)}.marketing-footer .footer-column a{color:#fffc;text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-fast)}.marketing-footer .footer-column a:hover{color:#fff}.marketing-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--space-6);display:flex;align-items:center;justify-content:space-between}.marketing-footer .footer-copyright{font-size:var(--text-sm);color:#ffffff80}.marketing-footer .footer-social{display:flex;gap:var(--space-4)}.marketing-footer .footer-social a{color:#ffffffb3;transition:color var(--transition-fast)}.marketing-footer .footer-social a:hover{color:#fff}.cta-section{padding:var(--space-12) var(--space-4);background:linear-gradient(135deg,var(--color-highlight) 0%,var(--color-primary) 100%);text-align:center;color:#fff}.cta-section h2{font-size:var(--text-2xl);font-weight:700;margin:0 0 var(--space-3)}.cta-section p{font-size:var(--text-lg);opacity:.9;margin:0 0 var(--space-6)}.cta-section .btn-white{background:#fff;color:var(--color-primary);padding:var(--space-4) var(--space-8);font-size:var(--text-lg);font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.cta-section .btn-white:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}@media(max-width:1024px){.marketing-footer .footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.marketing-nav .nav-links{display:none}.marketing-nav .nav-mobile-toggle{display:block}.page-hero{padding:100px var(--space-4) var(--space-6)}.page-hero h1{font-size:var(--text-2xl)}.marketing-section{padding:var(--space-8) var(--space-4)}.marketing-footer .footer-grid{grid-template-columns:1fr;text-align:center}.marketing-footer .footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.feature-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.feature-icon{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-highlight) 0%,var(--color-primary) 100%);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:var(--space-4)}.feature-card h3{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2)}.feature-card p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.6}.content-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.content-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;box-shadow:var(--shadow-sm)}.content-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto var(--space-4)}.content-card h3{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2)}.content-card p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.safety-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.safety-card{display:flex;align-items:flex-start;gap:var(--space-4);background:#fff;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.safety-icon{width:48px;height:48px;min-width:48px;border-radius:var(--radius-md);background:var(--color-success-bg);display:flex;align-items:center;justify-content:center;color:var(--color-success)}.safety-content h3{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-1)}.safety-content p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.6}.comparison-table-wrapper{overflow-x:auto;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.comparison-table{width:100%;border-collapse:collapse;min-width:500px}.comparison-table th,.comparison-table td{padding:var(--space-4) var(--space-6);text-align:left;border-bottom:1px solid var(--color-border)}.comparison-table th{background:var(--color-bg-secondary);font-weight:600;color:var(--color-text-primary)}.comparison-table th:nth-child(2),.comparison-table td:nth-child(2){text-align:center;background:#6366f10d}.comparison-table th:nth-child(3),.comparison-table td:nth-child(3){text-align:center;color:var(--color-text-secondary)}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table .check{color:var(--color-success)}@media(max-width:1024px){.features-grid,.content-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.features-grid,.content-grid,.safety-grid{grid-template-columns:1fr}}.billing-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-6)}.billing-toggle>span{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition-fast)}.billing-toggle>span.active{color:var(--color-text-primary);font-weight:600}.toggle-switch{width:48px;height:24px;background:var(--color-border);border-radius:12px;border:none;cursor:pointer;position:relative;transition:background var(--transition-fast)}.toggle-switch.active{background:var(--color-highlight)}.toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm)}.toggle-switch.active .toggle-thumb{transform:translate(24px)}.save-badge{background:var(--color-success-bg);color:var(--color-success);font-size:var(--text-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-full);margin-left:var(--space-2)}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);max-width:1000px;margin:0 auto}.plan-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;box-shadow:var(--shadow-sm);border:2px solid transparent;position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.plan-card.popular{border-color:var(--color-highlight);box-shadow:var(--shadow-md)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-highlight);color:#fff;font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);white-space:nowrap}.plan-card h3{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-4)}.plan-price{display:flex;align-items:flex-start;justify-content:center;gap:2px;margin-bottom:var(--space-2)}.plan-price .currency{font-size:var(--text-lg);font-weight:600;color:var(--color-text-secondary);margin-top:4px}.plan-price .amount{font-size:var(--text-4xl);font-weight:800;color:var(--color-text-primary);line-height:1}.plan-price .period{font-size:var(--text-sm);color:var(--color-text-secondary);align-self:flex-end;margin-bottom:4px}.annual-note{font-size:var(--text-xs);color:var(--color-text-secondary);margin:0 0 var(--space-4)}.plan-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-6)}.plan-cta{width:100%;padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast)}.plan-cta.primary{background:var(--color-primary);color:#fff}.plan-cta.primary:hover{background:var(--color-primary-dark)}.plan-cta.secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.plan-cta.secondary:hover{background:var(--color-border)}.pricing-comparison-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius-lg);overflow:hidden}.pricing-comparison-table th,.pricing-comparison-table td{padding:var(--space-4) var(--space-6);text-align:center;border-bottom:1px solid var(--color-border)}.pricing-comparison-table th:first-child,.pricing-comparison-table td:first-child{text-align:left}.pricing-comparison-table th{background:var(--color-bg-secondary);font-weight:600;color:var(--color-text-primary)}.pricing-comparison-table .highlight-col{background:#6366f10d}.pricing-comparison-table th.highlight-col{background:#6366f11a}.pricing-comparison-table tbody tr:last-child td{border-bottom:none}.check-icon{color:var(--color-success)}.x-icon{color:var(--color-text-disabled)}.feature-tooltip{display:inline-flex;align-items:center;margin-left:var(--space-1);color:var(--color-text-secondary);cursor:help}.pricing-faq{max-width:800px;margin:0 auto}.faq-item{background:#fff;border-radius:var(--radius-md);margin-bottom:var(--space-3);overflow:hidden;box-shadow:var(--shadow-sm)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:none;border:none;cursor:pointer;font-size:var(--text-base);font-weight:500;color:var(--color-text-primary);text-align:left}.faq-question:hover{background:var(--color-bg-secondary)}.faq-question svg{color:var(--color-text-secondary);flex-shrink:0;margin-left:var(--space-4)}.faq-answer{padding:0 var(--space-5) var(--space-4)}.faq-answer p{margin:0;color:var(--color-text-secondary);line-height:1.6}@media(max-width:1024px){.plans-grid{grid-template-columns:1fr;max-width:400px}.plan-card.popular{order:-1}}@media(max-width:768px){.pricing-comparison-table{font-size:var(--text-sm)}.pricing-comparison-table th,.pricing-comparison-table td{padding:var(--space-3) var(--space-2)}}.story-content{display:grid;grid-template-columns:1fr 400px;gap:var(--space-12);align-items:start}.story-text h2{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-6)}.story-text p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.8;margin:0 0 var(--space-4)}.story-signature{font-weight:600;color:var(--color-text-primary);margin-top:var(--space-6)}.story-image{border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-secondary);aspect-ratio:4/5}.story-image img{width:100%;height:100%;object-fit:cover}.mission-content{max-width:800px;margin:0 auto;text-align:center}.mission-content h2{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-6)}.mission-statement{font-size:var(--text-xl);color:var(--color-text-secondary);line-height:1.8;margin:0}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.value-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.value-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.value-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--color-highlight) 0%,var(--color-primary) 100%);display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto var(--space-4)}.value-card h3{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2)}.value-card p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.6}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.contact-card{display:flex;align-items:flex-start;gap:var(--space-3);background:#fff;border-radius:var(--radius-md);padding:var(--space-5);text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm)}.contact-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.contact-icon{width:40px;height:40px;min-width:40px;border-radius:var(--radius-md);background:var(--color-highlight);display:flex;align-items:center;justify-content:center;color:#fff}.contact-info h4{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-1)}.contact-email{font-size:var(--text-sm);color:var(--color-highlight);margin:0 0 var(--space-1)}.contact-description{font-size:var(--text-xs);color:var(--color-text-secondary);margin:0}@media(max-width:1024px){.story-content{grid-template-columns:1fr;gap:var(--space-8)}.story-image{max-width:400px;margin:0 auto}.values-grid,.contact-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.values-grid,.contact-grid{grid-template-columns:1fr}.mission-statement{font-size:var(--text-lg)}}.contact-options-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4)}.contact-option-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border-radius:var(--radius-lg);padding:var(--space-6);text-decoration:none;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.contact-option-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.contact-option-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--color-highlight) 0%,var(--color-primary) 100%);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:var(--space-4)}.contact-option-content h3{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2)}.contact-option-email{font-size:var(--text-sm);color:var(--color-highlight);margin:0 0 var(--space-1);font-weight:500}.contact-option-description{font-size:var(--text-xs);color:var(--color-text-secondary);margin:0}.contact-option-response{display:flex;align-items:center;justify-content:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-success);margin:var(--space-2) 0 0}.contact-form-wrapper{max-width:600px;margin:0 auto}.contact-form{background:#fff;border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-sm)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-group label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--space-2)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-highlight);box-shadow:0 0 0 3px #6366f11a}.form-group textarea{resize:vertical;min-height:120px}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:16px;padding-right:var(--space-10)}.submit-btn{width:100%;padding:var(--space-4);font-size:var(--text-base);font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.submit-btn:hover:not(:disabled){background:var(--color-primary-dark)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.form-error-banner{background:var(--color-error-bg, #fef2f2);border:1px solid var(--color-error, #ef4444);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);color:var(--color-error, #ef4444);font-size:var(--text-sm)}.form-group.has-error input,.form-group.has-error select,.form-group.has-error textarea{border-color:var(--color-error, #ef4444)}.form-group.has-error input:focus,.form-group.has-error select:focus,.form-group.has-error textarea:focus{box-shadow:0 0 0 3px #ef44441a}.field-error{display:block;font-size:var(--text-xs);color:var(--color-error, #ef4444);margin-top:var(--space-1)}.success-message{max-width:500px;margin:0 auto;text-align:center;padding:var(--space-8)}.success-icon{width:80px;height:80px;border-radius:50%;background:var(--color-success-bg);display:flex;align-items:center;justify-content:center;color:var(--color-success);margin:0 auto var(--space-6)}.success-message h2{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-3)}.success-message p{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-6);line-height:1.6}.btn-primary{display:inline-block;padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:600;color:#fff;background:var(--color-primary);border-radius:var(--radius-md);text-decoration:none;transition:background var(--transition-fast)}.btn-primary:hover{background:var(--color-primary-dark)}.faq-prompt{max-width:600px;margin:0 auto;text-align:center;background:#fff;border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-sm)}.faq-prompt h3{font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2)}.faq-prompt p{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-6)}.btn-secondary{display:inline-block;padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:600;color:var(--color-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:background var(--transition-fast)}.btn-secondary:hover{background:var(--color-border)}@media(max-width:1024px){.contact-options-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.contact-options-grid,.form-row{grid-template-columns:1fr}.contact-form{padding:var(--space-6)}}.help-page{min-height:100vh;background:var(--color-bg-primary);display:flex;flex-direction:column}.help-header{background:#fff;border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4)}.help-header-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:var(--space-6)}.help-logo img{height:28px}.help-search{flex:1;max-width:500px;display:flex;align-items:center;gap:var(--space-2);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.help-search svg{color:var(--color-text-secondary);flex-shrink:0}.help-search input{flex:1;border:none;background:none;font-size:var(--text-sm);color:var(--color-text-primary)}.help-search input:focus{outline:none}.help-search input::placeholder{color:var(--color-text-secondary)}.help-contact-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);text-decoration:none;transition:background var(--transition-fast)}.help-contact-btn:hover{background:var(--color-primary-dark)}.help-nav{background:#fff;border-bottom:1px solid var(--color-border)}.help-nav-container{max-width:1200px;margin:0 auto;display:flex;gap:var(--space-1);padding:0 var(--space-4)}.help-nav a{display:block;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);text-decoration:none;border-bottom:2px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.help-nav a:hover{color:var(--color-text-primary)}.help-nav a.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.help-page-header{background:linear-gradient(180deg,var(--color-bg-secondary) 0%,var(--color-bg-primary) 100%);padding:var(--space-8) var(--space-4)}.help-page-header-container{max-width:1200px;margin:0 auto}.help-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);margin-bottom:var(--space-4)}.help-breadcrumb a{color:var(--color-text-secondary);text-decoration:none}.help-breadcrumb a:hover{color:var(--color-primary)}.help-breadcrumb svg{color:var(--color-text-disabled)}.help-breadcrumb span{color:var(--color-text-primary);font-weight:500}.help-page-header h1{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2)}.help-page-header p{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0}.help-content{flex:1;padding:var(--space-8) var(--space-4)}.help-content-container{max-width:1200px;margin:0 auto}.help-footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--space-8) var(--space-4)}.help-footer-container{max-width:1200px;margin:0 auto;text-align:center}.help-footer-cta{margin-bottom:var(--space-6)}.help-footer-cta h3{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-1)}.help-footer-cta p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-4)}.help-footer-btn{display:inline-block;padding:var(--space-3) var(--space-6);background:var(--color-primary);color:#fff;font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-md);text-decoration:none;transition:background var(--transition-fast)}.help-footer-btn:hover{background:var(--color-primary-dark)}.help-footer-links{display:flex;justify-content:center;gap:var(--space-6);margin-bottom:var(--space-4)}.help-footer-links a{font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none}.help-footer-links a:hover{color:var(--color-primary)}.help-footer-copyright{font-size:var(--text-xs);color:var(--color-text-disabled);margin:0}.help-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.help-category-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.help-category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.help-category-icon{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-highlight) 0%,var(--color-primary) 100%);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:var(--space-4)}.help-category-card h3{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2)}.help-category-card p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-4);line-height:1.5}.help-category-link{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:500;color:var(--color-primary)}.help-article-list{list-style:none;padding:0;margin:0}.help-article-item{border-bottom:1px solid var(--color-border)}.help-article-item:last-child{border-bottom:none}.help-article-link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0;text-decoration:none;color:var(--color-text-primary);transition:color var(--transition-fast)}.help-article-link:hover{color:var(--color-primary)}.help-article-link svg{color:var(--color-text-secondary)}.help-guide{display:grid;grid-template-columns:250px 1fr;gap:var(--space-8)}.help-guide-nav{position:sticky;top:var(--space-4);align-self:start}.help-guide-nav h4{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin:0 0 var(--space-3)}.help-guide-nav ul{list-style:none;padding:0;margin:0}.help-guide-nav li{margin-bottom:var(--space-1)}.help-guide-nav a{display:block;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.help-guide-nav a:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.help-guide-nav a.active{background:var(--color-highlight);color:#fff}.help-guide-content{background:#fff;border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-sm)}.help-guide-content h2{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-4);padding-top:var(--space-6)}.help-guide-content h2:first-child{padding-top:0}.help-guide-content h3{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:var(--space-6) 0 var(--space-3)}.help-guide-content p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.7;margin:0 0 var(--space-4)}.help-guide-content ul,.help-guide-content ol{margin:0 0 var(--space-4);padding-left:var(--space-6)}.help-guide-content li{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-2)}.help-guide-content .tip{background:var(--color-success-bg);border-left:4px solid var(--color-success);padding:var(--space-4);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:var(--space-4) 0}.help-guide-content .tip p{margin:0;color:var(--color-text-primary)}.help-guide-content .warning{background:var(--color-warning-bg);border-left:4px solid var(--color-warning);padding:var(--space-4);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:var(--space-4) 0}.help-guide-content .warning p{margin:0;color:var(--color-text-primary)}.help-faq-list{max-width:800px}.help-faq-category{margin-bottom:var(--space-8)}.help-faq-category h2{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-4)}.help-faq-item{background:#fff;border-radius:var(--radius-md);margin-bottom:var(--space-2);box-shadow:var(--shadow-sm);overflow:hidden}.help-faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:none;border:none;cursor:pointer;font-size:var(--text-base);font-weight:500;color:var(--color-text-primary);text-align:left;transition:background var(--transition-fast)}.help-faq-question:hover{background:var(--color-bg-secondary)}.help-faq-question svg{color:var(--color-text-secondary);flex-shrink:0;margin-left:var(--space-4);transition:transform var(--transition-fast)}.help-faq-item.open .help-faq-question svg{transform:rotate(180deg)}.help-faq-answer{padding:0 var(--space-5) var(--space-4)}.help-faq-answer p{margin:0;font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.7}.help-popular{margin-top:var(--space-8)}.help-popular h2{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-4)}.help-popular-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.help-popular-card{display:flex;align-items:center;gap:var(--space-3);background:#fff;border-radius:var(--radius-md);padding:var(--space-4);text-decoration:none;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.help-popular-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.help-popular-icon{width:40px;height:40px;min-width:40px;border-radius:var(--radius-md);background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.help-popular-card h4{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);margin:0}@media(max-width:1024px){.help-categories{grid-template-columns:repeat(2,1fr)}.help-guide{grid-template-columns:1fr}.help-guide-nav{position:static;display:flex;flex-wrap:wrap;gap:var(--space-2)}.help-guide-nav h4{width:100%}.help-guide-nav ul{display:flex;flex-wrap:wrap;gap:var(--space-2)}.help-guide-nav li{margin:0}}@media(max-width:768px){.help-header-container{flex-wrap:wrap;gap:var(--space-3)}.help-search{order:3;max-width:none;width:100%}.help-contact-btn span{display:none}.help-nav-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.help-nav a{white-space:nowrap}.help-categories,.help-popular-grid{grid-template-columns:1fr}.help-footer-links{flex-wrap:wrap;gap:var(--space-3)}.help-guide-content{padding:var(--space-5)}}.offline-indicator{position:fixed;bottom:0;left:0;right:0;background:var(--color-warning, #f59e0b);color:#fff;padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;z-index:1000;animation:slideUp .3s ease-out}.offline-indicator__icon{font-size:16px}.offline-indicator__text{text-align:center}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:480px){.offline-indicator{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}.test-selection{min-height:100vh;padding:var(--space-8);display:flex;flex-direction:column}.test-selection__header{text-align:center;margin-bottom:var(--space-12)}.test-selection__header h1{font-size:var(--text-2xl);color:var(--color-text);margin:var(--space-6) 0 var(--space-2)}.test-selection__subtitle{color:var(--color-text-secondary);font-size:var(--text-base)}.test-selection__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);max-width:800px;margin:0 auto;width:100%}.test-selection__card{background:var(--color-bg-primary-elevated, white);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2)}.test-selection__card:hover{border-color:var(--card-accent, var(--color-primary));transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.test-selection__card:focus{outline:none;border-color:var(--card-accent, var(--color-primary));box-shadow:0 0 0 3px var(--color-primary-light)}.test-selection__card-icon{font-size:48px;margin-bottom:var(--space-2)}.test-selection__card-name{font-size:var(--text-xl);font-weight:700;color:var(--color-text)}.test-selection__card-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.4}.test-selection__card-meta{display:flex;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);width:100%;justify-content:center}.test-selection__card-meta span{font-size:var(--text-sm);color:var(--color-text-muted)}.test-selection__footer{text-align:center;margin-top:var(--space-12)}.test-selection__help-link{background:none;border:none;color:var(--color-primary);font-size:var(--text-base);cursor:pointer;text-decoration:underline}.test-selection__help-link:hover{color:var(--color-primary-dark)}@media(max-width:640px){.test-selection{padding:var(--space-4)}.test-selection__header h1{font-size:var(--text-xl)}.test-selection__grid{grid-template-columns:1fr}}.ready-screen{min-height:100vh;display:flex;flex-direction:column;padding:var(--space-8)}.ready-screen__header{margin-bottom:var(--space-8)}.ready-screen__content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:500px;margin:0 auto;text-align:center}.ready-screen__title{font-size:var(--text-2xl);color:var(--color-text);margin-bottom:var(--space-8)}.ready-screen__info{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-12);width:100%}.ready-screen__info-item{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-lg);color:var(--color-text-secondary)}.ready-screen__info-icon{font-size:var(--text-xl)}.ready-screen__tips{background:var(--color-bg-primary-elevated, white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-12);width:100%;text-align:left}.ready-screen__tips h2{font-size:var(--text-base);font-weight:600;color:var(--color-text);margin-bottom:var(--space-4)}.ready-screen__tips ul{list-style:none;padding:0;margin:0}.ready-screen__tips li{position:relative;padding-left:var(--space-6);margin-bottom:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5}.ready-screen__tips li:before{content:"•";position:absolute;left:0;color:var(--color-primary)}.ready-screen__tips li:last-child{margin-bottom:0}.ready-screen__start-btn{margin-bottom:var(--space-6);min-width:200px}.ready-screen__note{font-size:var(--text-sm);color:var(--color-text-muted);max-width:400px;line-height:1.5}@media(max-width:640px){.ready-screen{padding:var(--space-4)}.ready-screen__title{font-size:var(--text-xl)}.ready-screen__info-item{font-size:var(--text-base)}}.svg-renderer{display:block;width:100%;min-height:inherit}.svg-renderer svg{display:block;width:100%;height:auto}@media(max-width:480px){.svg-renderer svg{width:100%;height:auto}}.visual-question{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:800px;margin:0 auto;padding:1rem}.visual-question--matrix .visual-question__main,.visual-question--pattern-completion .visual-question__main,.visual-question--serial-reasoning .visual-question__main{display:flex;justify-content:center;padding:1rem;background:var(--color-bg-primary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.visual-question__matrix-svg{max-width:320px;max-height:320px}.visual-question__steps{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:1rem;background:var(--color-bg-primary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.visual-question__step{display:flex;align-items:center;gap:.5rem}.visual-question__step-svg{width:100px;height:100px}.visual-question__step-arrow{font-size:1.5rem;color:var(--color-text-muted);font-weight:700}.visual-question__group{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:var(--color-bg-primary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.visual-question__group-label{font-size:1rem;font-weight:500;color:var(--color-text-muted)}.visual-question__group-svg{display:flex;justify-content:center;align-items:center;width:100%;min-width:280px;min-height:100px;overflow-x:auto}.visual-question__group-image{min-width:280px;min-height:80px}.visual-question__group-placeholder{padding:1rem 2rem;color:var(--color-text-muted);font-style:italic;background:var(--color-bg-primary-muted);border-radius:var(--radius-md)}.visual-question__prompt{text-align:center;font-size:1.125rem;font-weight:500;color:var(--color-text);padding:.5rem}.visual-question__choices{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:.5rem}@media(min-width:600px){.visual-question__choices{grid-template-columns:repeat(4,1fr)}}.visual-question__choice{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.visual-question__choice:hover{border-color:var(--color-primary-light);background:var(--color-bg-primary-muted)}.visual-question__choice:focus{outline:2px solid var(--color-primary);outline-offset:2px}.visual-question__choice--selected{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 0 0 3px var(--color-primary-light)}.visual-question__choice-letter{display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:.875rem;font-weight:600;color:var(--color-text-muted);background:var(--color-bg-primary-muted);border-radius:50%}.visual-question__choice--selected .visual-question__choice-letter{color:#fff;background:var(--color-primary)}.visual-question__choice-svg{width:80px;height:80px;display:flex;align-items:center;justify-content:center}@media(max-width:480px){.visual-question{padding:.5rem;gap:1rem}.visual-question__matrix-svg{max-width:260px;max-height:260px}.visual-question__step-svg{width:70px;height:70px}.visual-question__step-arrow{font-size:1rem}.visual-question__choices{gap:.75rem}.visual-question__choice{padding:.5rem}.visual-question__choice-svg{width:60px;height:60px}.visual-question__choice-letter{width:24px;height:24px;font-size:.75rem}}@media(max-width:375px){.visual-question{padding:.25rem;gap:.75rem}.visual-question__matrix-svg{max-width:220px;max-height:220px}.visual-question__step-svg{width:50px;height:50px}.visual-question__step-arrow{font-size:.875rem}.visual-question__choices{gap:.5rem}.visual-question__choice{padding:.375rem}.visual-question__choice-svg{width:50px;height:50px}.visual-question__choice-letter{width:20px;height:20px;font-size:.625rem}.visual-question__prompt{font-size:.875rem}}.visual-question__choice--correct{border-color:var(--color-success);background:var(--color-success-light, #d1fae5)}.visual-question__choice--incorrect{border-color:var(--color-error);background:var(--color-error-light, #fee2e2)}.question-screen{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-primary)}.question-screen__loading{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.question-screen__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--color-bg-primary-elevated, white);border-bottom:1px solid var(--color-border)}.question-screen__header-left{display:flex;align-items:center;gap:var(--space-4);flex:1}.question-screen__quit-btn{background:none;border:none;font-size:var(--text-lg);color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:color .2s}.question-screen__quit-btn:hover{color:var(--color-text);background:var(--color-bg-primary-hover)}.question-screen__progress{flex:1;max-width:300px;height:8px;background:var(--color-bg-primary-muted);border-radius:var(--radius-full);overflow:hidden}.question-screen__progress-bar{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .3s ease}.question-screen__progress-text{font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap}.question-screen__header-right{display:flex;align-items:center}.question-screen__test-name{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.question-screen__type-indicator{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2);background:var(--color-bg-primary-muted);font-size:var(--text-sm);color:var(--color-text-secondary)}.question-screen__battery{font-weight:600;color:var(--color-primary)}.question-screen__separator{color:var(--color-text-muted)}.question-screen__content{flex:1;display:flex;flex-direction:column;padding:var(--space-8);max-width:700px;margin:0 auto;width:100%}.question-screen__stem{font-size:var(--text-xl);line-height:1.6;color:var(--color-text);margin-bottom:var(--space-8);text-align:center;white-space:pre-wrap}.question-screen__choices{display:flex;flex-direction:column;gap:var(--space-4)}.question-screen__choice{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--color-bg-primary-elevated, white);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;text-align:left}.question-screen__choice:hover{border-color:var(--color-primary-light);background:var(--color-bg-primary-hover)}.question-screen__choice--selected{border-color:var(--color-primary);background:var(--color-primary-light)}.question-screen__choice--selected:hover{border-color:var(--color-primary)}.question-screen__choice-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-bg-primary-muted);font-weight:600;font-size:var(--text-sm);color:var(--color-text-secondary);flex-shrink:0}.question-screen__choice--selected .question-screen__choice-letter{background:var(--color-primary);color:#fff}.question-screen__choice-text{font-size:var(--text-base);color:var(--color-text);line-height:1.4}.question-screen__footer{padding:var(--space-6);background:var(--color-bg-primary-elevated, white);border-top:1px solid var(--color-border);display:flex;justify-content:center}.question-screen__submit-btn{min-width:200px}@media(max-width:640px){.question-screen__header{padding:var(--space-2) var(--space-4)}.question-screen__progress{max-width:150px}.question-screen__content{padding:var(--space-4)}.question-screen__stem{font-size:var(--text-lg)}.question-screen__choice{padding:var(--space-2) var(--space-4)}.question-screen__choice-text{font-size:var(--text-sm)}}@media(max-width:375px){.question-screen__header{padding:var(--space-1) var(--space-2);gap:var(--space-1)}.question-screen__header-left{gap:var(--space-2)}.question-screen__progress{max-width:100px;height:6px}.question-screen__progress-text{font-size:var(--text-xs)}.question-screen__test-name{display:none}.question-screen__type-indicator{padding:var(--space-1);font-size:var(--text-xs)}.question-screen__content{padding:var(--space-2)}.question-screen__stem{font-size:var(--text-base);margin-bottom:var(--space-4)}.question-screen__choice{padding:var(--space-1) var(--space-2);gap:var(--space-2)}.question-screen__choice-letter{width:26px;height:26px;font-size:var(--text-xs)}.question-screen__choice-text{font-size:var(--text-xs)}.question-screen__footer{padding:var(--space-2)}.question-screen__submit-btn{min-width:150px}}.results-screen{min-height:100vh;background:var(--color-bg-primary)}.results-screen__header{padding:var(--space-6) var(--space-8);background:var(--color-bg-primary-elevated, white);border-bottom:1px solid var(--color-border)}.results-screen__header h1{font-size:var(--text-xl);color:var(--color-text);margin-top:var(--space-4)}.results-screen__content{padding:var(--space-8);max-width:800px;margin:0 auto}.results-screen__section{background:var(--color-bg-primary-elevated, white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);margin-bottom:var(--space-6)}.results-screen__section h2{font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-6)}.results-screen__overview{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:var(--space-8);align-items:center}.results-screen__score-circle{position:relative;width:140px;height:140px;grid-row:span 2}.results-screen__score-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.results-screen__score-circle circle:last-child{transition:stroke-dasharray 1s ease}.results-screen__score-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(0)}.results-screen__score-number{font-size:var(--text-2xl);font-weight:700;color:var(--color-text)}.results-screen__score-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.results-screen__percentile{text-align:left}.results-screen__percentile-value{font-size:var(--text-3xl);font-weight:700;color:var(--color-primary)}.results-screen__percentile-value sup{font-size:var(--text-lg)}.results-screen__percentile-label{font-size:var(--text-base);color:var(--color-text);font-weight:600;margin-bottom:var(--space-1)}.results-screen__percentile-range,.results-screen__percentile-confidence{font-size:var(--text-sm);color:var(--color-text-secondary)}.results-screen__summary{grid-column:1 / -1}.results-screen__summary p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6}.results-screen__batteries{display:flex;flex-direction:column;gap:var(--space-6)}.results-screen__battery{display:flex;flex-direction:column;gap:var(--space-1)}.results-screen__battery-header{display:flex;justify-content:space-between;align-items:center}.results-screen__battery-name{font-weight:600;color:var(--color-text)}.results-screen__battery-score{font-size:var(--text-sm);color:var(--color-text-secondary)}.results-screen__battery-bar{height:12px;background:var(--color-bg-primary-muted);border-radius:var(--radius-full);overflow:hidden}.results-screen__battery-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .6s ease}.results-screen__battery-footer{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-muted)}.results-screen__programs{display:flex;flex-direction:column;gap:var(--space-4)}.results-screen__program{padding:var(--space-4);background:var(--color-bg-primary-muted);border-radius:var(--radius-md)}.results-screen__program-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.results-screen__program-name{font-weight:600;color:var(--color-text)}.results-screen__program-status{font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);text-transform:uppercase}.results-screen__program-cutoff{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.results-screen__program-gap{margin-left:var(--space-1);font-weight:600}.results-screen__program-gap.positive{color:var(--color-success)}.results-screen__program-gap.negative{color:var(--color-error)}.results-screen__program-message{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.results-screen__gap-section{margin-bottom:var(--space-6)}.results-screen__gap-section:last-child{margin-bottom:0}.results-screen__gap-section h3{font-size:var(--text-base);color:var(--color-text);margin-bottom:var(--space-4)}.results-screen__gap-list{display:flex;flex-direction:column;gap:var(--space-2)}.results-screen__gap-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm)}.results-screen__gap-item.positive{background:#d1fae5}.results-screen__gap-item.negative{background:#fee2e2}.results-screen__gap-name{flex:1;font-weight:500;color:var(--color-text)}.results-screen__gap-score{color:var(--color-text-secondary)}.results-screen__gap-priority{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;padding:2px 8px;border-radius:var(--radius-full)}.results-screen__gap-priority.priority-high{background:#dc2626;color:#fff}.results-screen__gap-priority.priority-medium{background:#d97706;color:#fff}.results-screen__gap-priority.priority-low{background:#6b7280;color:#fff}.results-screen__recommendation{background:var(--color-primary-light);border-color:var(--color-primary)}.results-screen__recommendation h2{color:var(--color-primary-dark)}.results-screen__recommendation p{color:var(--color-text);line-height:1.6;margin:0}.results-screen__note{background:var(--color-bg-primary-muted);border:none}.results-screen__note p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;margin:0}.results-screen__actions{display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-8)}@media(max-width:640px){.results-screen__content,.results-screen__section{padding:var(--space-4)}.results-screen__overview{grid-template-columns:1fr;text-align:center}.results-screen__score-circle{justify-self:center;grid-row:auto}.results-screen__percentile{text-align:center}.results-screen__actions{flex-direction:column}.results-screen__actions button{width:100%}}.diagnostic-page{min-height:100vh;background:var(--color-bg-primary)}.diagnostic-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-8);text-align:center}.diagnostic-page__error h2{font-size:var(--text-2xl);color:var(--color-error);margin-bottom:var(--space-4)}.diagnostic-page__error p{color:var(--color-text-secondary);margin-bottom:var(--space-8);max-width:400px}.diagnostic-page__error-actions{display:flex;gap:var(--space-4)}.diagnostic-page__feedback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;animation:fadeIn .3s ease-out}.diagnostic-page__feedback-icon{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:60px;font-weight:700;margin-bottom:var(--space-6);animation:popIn .4s ease-out}.diagnostic-page__feedback-icon--correct{background:var(--color-success-light, #d4edda);color:var(--color-success)}.diagnostic-page__feedback-icon--incorrect{background:var(--color-error-light, #f8d7da);color:var(--color-error)}.diagnostic-page__feedback-text{font-size:var(--text-2xl);font-weight:600;color:var(--color-text)}.diagnostic-page__complete{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-8);text-align:center}.diagnostic-page__complete-icon{font-size:80px;margin-bottom:var(--space-6);animation:bounce .6s ease-out}.diagnostic-page__complete h2{font-size:var(--text-2xl);color:var(--color-text);margin-bottom:var(--space-4)}.diagnostic-page__complete p{color:var(--color-text-secondary);margin-bottom:var(--space-2)}.diagnostic-page__complete-note{font-size:var(--text-sm);margin-bottom:var(--space-8)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.target-selection{min-height:100vh;background:var(--color-bg-primary);padding:var(--space-4)}.target-selection__header{max-width:800px;margin:0 auto var(--space-8);text-align:center}.target-selection__header h1{font-size:var(--text-2xl);margin:var(--space-4) 0 var(--space-1)}.target-selection__subtitle{color:var(--color-text-secondary);font-size:var(--text-base)}.target-selection__content{max-width:800px;margin:0 auto}.target-selection__current{text-align:center;padding:var(--space-6);background:var(--color-bg-primary-muted);border-radius:var(--border-radius-lg);margin-bottom:var(--space-6)}.target-selection__current-label{font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.target-selection__current-value{font-size:var(--text-3xl);font-weight:700;color:var(--color-primary)}.target-selection__current-value sup{font-size:var(--text-lg);vertical-align:super}.target-selection__recommendation{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));color:#fff;padding:var(--space-6);border-radius:var(--border-radius-lg);margin-bottom:var(--space-6);position:relative}.target-selection__recommendation-badge{display:inline-block;background:#fff3;padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.target-selection__recommendation h2{font-size:var(--text-xl);margin-bottom:var(--space-2)}.target-selection__recommendation-target{opacity:.9;font-weight:400;font-size:var(--text-base);margin-left:var(--space-1)}.target-selection__recommendation p{opacity:.95;line-height:1.6;margin-bottom:var(--space-4)}.target-selection__recommendation-meta{display:flex;gap:var(--space-4);flex-wrap:wrap;font-size:var(--text-sm)}.target-selection__recommendation-meta .achievability{padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-sm);background:#fff3}.target-selection__recommendation-meta .weeks{opacity:.9}.target-selection__options{margin-bottom:var(--space-6)}.target-selection__options h3{font-size:var(--text-lg);margin-bottom:var(--space-4)}.target-selection__options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4)}.target-selection__option{background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-4);text-align:left;cursor:pointer;transition:all .2s ease;position:relative}.target-selection__option:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000001a}.target-selection__option.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.target-selection__option.qualified{opacity:.7}.target-selection__option-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2);gap:var(--space-2)}.target-selection__option-name{font-weight:600;font-size:var(--text-base)}.target-selection__option-difficulty{padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-full);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.target-selection__option-percentile{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-1)}.target-selection__option-percentile sup{font-size:var(--text-base)}.target-selection__option-gap{font-size:var(--text-sm);color:var(--color-text-secondary)}.target-selection__option-qualified{font-size:var(--text-sm);color:var(--color-success);font-weight:500}.target-selection__option-check{position:absolute;top:var(--space-2);right:var(--space-2);width:24px;height:24px;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center}.target-selection__option-check svg{width:16px;height:16px}.target-selection__schedule{background:var(--color-bg-primary-muted);padding:var(--space-6);border-radius:var(--border-radius-lg);margin-bottom:var(--space-6)}.target-selection__schedule h3{font-size:var(--text-lg);margin-bottom:var(--space-4)}.target-selection__schedule-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.target-selection__field{display:flex;flex-direction:column;gap:var(--space-1)}.target-selection__field label{font-weight:500;font-size:var(--text-sm)}.target-selection__field input,.target-selection__field select{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--text-base);background:var(--color-bg-primary)}.target-selection__field-help{font-size:var(--text-xs);color:var(--color-text-secondary)}.target-selection__summary{background:var(--color-bg-primary-muted);padding:var(--space-6);border-radius:var(--border-radius-lg);margin-bottom:var(--space-8)}.target-selection__summary h3{font-size:var(--text-lg);margin-bottom:var(--space-4)}.target-selection__summary-content{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.target-selection__summary-content>div{display:flex;flex-direction:column;gap:var(--space-1)}.target-selection__summary-content .label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.target-selection__summary-content .value{font-size:var(--text-lg);font-weight:600}.target-selection__actions{display:flex;justify-content:flex-end;gap:var(--space-4)}@media(max-width:600px){.target-selection__options-grid{grid-template-columns:1fr}.target-selection__summary-content{grid-template-columns:repeat(2,1fr)}.target-selection__actions{flex-direction:column}.target-selection__actions button{width:100%}}.weekly-plan-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-6);transition:all .2s ease}.weekly-plan-card.current{border-color:var(--color-primary);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.15)}.weekly-plan-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.weekly-plan-card__week{display:flex;align-items:center;gap:var(--space-2)}.weekly-plan-card__week-number{font-size:var(--text-lg);font-weight:700}.weekly-plan-card__current-badge{background:var(--color-primary);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-full);font-size:var(--text-xs);font-weight:600}.weekly-plan-card__phase{padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-full);font-size:var(--text-xs);font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.05em}.weekly-plan-card__focus{margin-bottom:var(--space-4)}.weekly-plan-card__focus-label{display:block;font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.weekly-plan-card__focus-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.weekly-plan-card__focus-tag{background:var(--color-bg-primary-muted);padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-sm);font-size:var(--text-sm)}.weekly-plan-card__progress{margin-bottom:var(--space-4);padding:var(--space-4);background:var(--color-bg-primary-muted);border-radius:var(--border-radius-md)}.weekly-plan-card__progress-bar{height:8px;background:var(--color-border);border-radius:var(--border-radius-full);overflow:hidden;margin-bottom:var(--space-2)}.weekly-plan-card__progress-fill{height:100%;background:var(--color-primary);border-radius:var(--border-radius-full);transition:width .3s ease}.weekly-plan-card__progress-stats{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-secondary)}.weekly-plan-card__schedule{margin-bottom:var(--space-4)}.weekly-plan-card__schedule-label{display:block;font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.weekly-plan-card__days{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-2)}.weekly-plan-card__day{background:var(--color-bg-primary-muted);border-radius:var(--border-radius-md);padding:var(--space-2);text-align:center;position:relative}.weekly-plan-card__day.today{background:var(--color-primary-light);border:2px solid var(--color-primary)}.weekly-plan-card__day.checkpoint{border:1px dashed var(--color-warning)}.weekly-plan-card__day-name{display:block;font-weight:600;font-size:var(--text-sm);margin-bottom:var(--space-1)}.weekly-plan-card__day-focus{display:block;font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weekly-plan-card__day-questions{font-size:var(--text-sm);font-weight:500;margin-right:var(--space-1)}.weekly-plan-card__day-time{font-size:var(--text-xs);color:var(--color-text-secondary)}.weekly-plan-card__day-checkpoint{display:block;font-size:var(--text-xs);color:var(--color-warning);font-weight:500;margin-top:var(--space-1)}.weekly-plan-card__day-start{margin-top:var(--space-2);width:100%}.weekly-plan-card__milestone{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--border-radius-md);margin-bottom:var(--space-4)}.weekly-plan-card__milestone-icon{font-size:var(--text-lg)}.weekly-plan-card__milestone-text{font-size:var(--text-sm);font-weight:500;color:#92400e}.weekly-plan-card__footer{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-secondary);padding-top:var(--space-4);border-top:1px solid var(--color-border)}@media(max-width:600px){.weekly-plan-card__days{grid-template-columns:repeat(2,1fr)}.weekly-plan-card__footer{flex-wrap:wrap;gap:var(--space-2)}}.progress-tracker{display:flex;flex-direction:column;gap:var(--space-6)}.progress-tracker h3{font-size:var(--text-base);margin-bottom:var(--space-4);color:var(--color-text-secondary)}.progress-tracker__main{background:var(--color-bg-primary);border-radius:var(--border-radius-lg);padding:var(--space-6);border:1px solid var(--color-border)}.progress-tracker__percentile-section h3,.progress-tracker__percentile-bar-container{margin-bottom:var(--space-6)}.progress-tracker__percentile-labels{display:flex;justify-content:space-between;font-size:var(--text-sm);margin-bottom:var(--space-1)}.progress-tracker__percentile-labels .start{color:var(--color-text-secondary)}.progress-tracker__percentile-labels .current{font-weight:700;color:var(--color-primary)}.progress-tracker__percentile-labels .target{font-weight:600;color:var(--color-success)}.progress-tracker__percentile-bar{height:12px;background:var(--color-bg-primary-muted);border-radius:var(--border-radius-full);position:relative;overflow:visible}.progress-tracker__percentile-fill{height:100%;background:linear-gradient(90deg,var(--color-primary-light),var(--color-primary));border-radius:var(--border-radius-full);transition:width .5s ease}.progress-tracker__percentile-marker{position:absolute;top:-4px;width:20px;height:20px;border-radius:50%;transform:translate(-50%);border:3px solid var(--color-bg-primary);box-shadow:0 2px 4px #0000001a}.progress-tracker__percentile-marker.start{background:var(--color-text-secondary)}.progress-tracker__percentile-marker.current{background:var(--color-primary);z-index:1}.progress-tracker__percentile-marker.target{background:var(--color-success)}.progress-tracker__percentile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);text-align:center}.progress-tracker__percentile-stats .stat{display:flex;flex-direction:column;gap:var(--space-1)}.progress-tracker__percentile-stats .label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.progress-tracker__percentile-stats .value{font-size:var(--text-xl);font-weight:700}.progress-tracker__percentile-stats .value.highlight{color:var(--color-primary)}.progress-tracker__trend{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-primary-muted);border-radius:var(--border-radius-md);margin-top:var(--space-4)}.progress-tracker__trend-icon{font-size:var(--text-xl)}.progress-tracker__trend-label{font-weight:500}.progress-tracker__stats{background:var(--color-bg-primary);border-radius:var(--border-radius-lg);padding:var(--space-6);border:1px solid var(--color-border)}.progress-tracker__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4)}.progress-tracker__stat-card{text-align:center;padding:var(--space-4);background:var(--color-bg-primary-muted);border-radius:var(--border-radius-md)}.progress-tracker__stat-value{display:block;font-size:var(--text-2xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-1)}.progress-tracker__stat-label{display:block;font-size:var(--text-sm);font-weight:500}.progress-tracker__stat-secondary{display:block;font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-1)}.progress-tracker__milestones{background:var(--color-bg-primary);border-radius:var(--border-radius-lg);padding:var(--space-6);border:1px solid var(--color-border)}.progress-tracker__milestones-list{display:flex;flex-direction:column;gap:var(--space-4)}.progress-tracker__milestone{padding:var(--space-4);border-radius:var(--border-radius-md)}.progress-tracker__milestone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.progress-tracker__milestone-week{font-weight:600;font-size:var(--text-sm)}.progress-tracker__milestone-status{font-size:var(--text-xs);font-weight:600;text-transform:capitalize}.progress-tracker__milestone-goal{font-size:var(--text-sm);margin:0}.progress-tracker__milestone-progress{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.progress-tracker__milestone-bar{flex:1;height:6px;background:#0000001a;border-radius:var(--border-radius-full);overflow:hidden}.progress-tracker__milestone-fill{height:100%;border-radius:var(--border-radius-full);transition:width .3s ease}.progress-tracker__milestone-progress>span{font-size:var(--text-xs);font-weight:600;min-width:40px}.progress-tracker__next-milestone{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--border-radius-lg);padding:var(--space-6)}.progress-tracker__next-milestone h3{color:#92400e}.progress-tracker__next-milestone-content{display:flex;flex-direction:column;gap:var(--space-2)}.progress-tracker__next-milestone-goal{font-size:var(--text-base);font-weight:600;color:#78350f}.progress-tracker__next-milestone-progress{display:flex;align-items:center;gap:var(--space-2)}.progress-tracker__next-milestone-bar{flex:1;height:8px;background:#0000001a;border-radius:var(--border-radius-full);overflow:hidden}.progress-tracker__next-milestone-fill{height:100%;background:#92400e;border-radius:var(--border-radius-full)}.progress-tracker__next-milestone-progress>span{font-weight:600;color:#78350f}.progress-tracker__next-milestone-week{font-size:var(--text-sm);color:#92400e}.progress-tracker__suggestions{background:var(--color-bg-primary);border-radius:var(--border-radius-lg);padding:var(--space-6);border:1px solid var(--color-border)}.progress-tracker__suggestions-list{display:flex;flex-direction:column;gap:var(--space-2)}.progress-tracker__suggestion{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-4);border-radius:var(--border-radius-md)}.progress-tracker__suggestion-icon{font-size:var(--text-lg);flex-shrink:0}.progress-tracker__suggestion-message{font-size:var(--text-sm);line-height:1.5}@media(max-width:600px){.progress-tracker__percentile-stats,.progress-tracker__stats-grid{grid-template-columns:repeat(2,1fr)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8);min-height:200px}.empty-state__icon{font-size:48px;margin-bottom:var(--space-4)}.empty-state__title{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--space-2) 0}.empty-state__message{color:var(--color-text-secondary);margin:0 0 var(--space-4) 0;max-width:300px}@media(max-width:480px){.empty-state{padding:var(--space-4)}}.practice-session{min-height:100vh;background:var(--color-bg-primary);display:flex;flex-direction:column}.practice-session__ready{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center}.practice-session__ready h1{font-size:var(--text-2xl);margin-bottom:var(--space-8)}.practice-session__ready-info{display:flex;gap:var(--space-8);margin-bottom:var(--space-8)}.practice-session__ready-stat{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-6);background:var(--color-bg-primary-muted);border-radius:var(--border-radius-lg);min-width:120px}.practice-session__ready-stat .label{font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.practice-session__ready-stat .value{font-size:var(--text-xl);font-weight:700}.practice-session__ready-actions{display:flex;gap:var(--space-4)}.practice-session__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border)}.practice-session__progress{flex:1;max-width:400px}.practice-session__progress-text{display:block;font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.practice-session__progress-bar{height:8px;background:var(--color-bg-primary-muted);border-radius:var(--border-radius-full);overflow:hidden}.practice-session__progress-fill{height:100%;background:var(--color-primary);border-radius:var(--border-radius-full);transition:width .3s ease}.practice-session__content{flex:1;display:flex;flex-direction:column;padding:var(--space-8);max-width:800px;margin:0 auto;width:100%}.practice-session__stimulus{padding:var(--space-6);background:var(--color-bg-primary-muted);border-radius:var(--border-radius-md);margin-bottom:var(--space-6);font-size:var(--text-base);line-height:1.6}.practice-session__question{font-size:var(--text-lg);font-weight:500;line-height:1.6;margin-bottom:var(--space-8)}.practice-session__choices{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}.practice-session__choice{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);text-align:left;cursor:pointer;transition:all .2s ease}.practice-session__choice:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-light)}.practice-session__choice.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.practice-session__choice.correct{border-color:var(--color-success);background:#d1fae5}.practice-session__choice.wrong{border-color:var(--color-error);background:#fee2e2}.practice-session__choice:disabled{cursor:default}.practice-session__choice-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-bg-primary-muted);border-radius:50%;font-weight:700;font-size:var(--text-sm);flex-shrink:0}.practice-session__choice.selected .practice-session__choice-letter{background:var(--color-primary);color:#fff}.practice-session__choice.correct .practice-session__choice-letter{background:var(--color-success);color:#fff}.practice-session__choice.wrong .practice-session__choice-letter{background:var(--color-error);color:#fff}.practice-session__choice-text{flex:1;font-size:var(--text-base);line-height:1.5;padding-top:4px}.practice-session__feedback{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-6);border-radius:var(--border-radius-lg);margin-bottom:var(--space-6)}.practice-session__feedback.correct{background:#d1fae5;color:#065f46}.practice-session__feedback.wrong{background:#fee2e2;color:#991b1b}.practice-session__feedback-icon{font-size:var(--text-2xl);font-weight:700}.practice-session__feedback-text{font-size:var(--text-lg);font-weight:600}.practice-session__actions{display:flex;justify-content:center}.practice-session__complete{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center}.practice-session__complete-icon{font-size:64px;margin-bottom:var(--space-6)}.practice-session__complete h1{font-size:var(--text-2xl);margin-bottom:var(--space-8)}.practice-session__complete-stats{display:flex;gap:var(--space-8);margin-bottom:var(--space-8)}.practice-session__complete-stat{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-6) var(--space-8);background:var(--color-bg-primary-muted);border-radius:var(--border-radius-lg)}.practice-session__complete-stat .value{font-size:var(--text-2xl);font-weight:700;color:var(--color-primary)}.practice-session__complete-stat .label{font-size:var(--text-sm);color:var(--color-text-secondary)}.practice-session__complete-message{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-8);max-width:400px}.practice-session__complete-actions{display:flex;gap:var(--space-4)}@media(max-width:600px){.practice-session__ready-info{flex-direction:column;gap:var(--space-4)}.practice-session__complete-stats{flex-direction:column;gap:var(--space-4);width:100%}.practice-session__complete-stat{width:100%}}.upgrade-prompt{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--color-bg-primary)}.upgrade-prompt__card{max-width:600px;width:100%;background:var(--color-bg-primary-elevated, white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.upgrade-prompt__header{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;padding:var(--space-8);text-align:center}.upgrade-prompt__header h2{font-size:var(--text-2xl);font-weight:700;margin:0 0 var(--space-2) 0}.upgrade-prompt__percentile{font-size:var(--text-base);opacity:.9;margin:0}.upgrade-prompt__percentile strong{color:#a5b4fc}.upgrade-prompt__content{padding:var(--space-8)}.upgrade-prompt__content>p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--space-6) 0}.upgrade-prompt__features{list-style:none;padding:0;margin:0}.upgrade-prompt__features li{position:relative;padding:var(--space-2) 0;padding-left:var(--space-8);color:var(--color-text);font-size:var(--text-sm)}.upgrade-prompt__features li:before{content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:600}.upgrade-prompt__pricing{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding:0 var(--space-8) var(--space-8)}.upgrade-prompt__plan{display:flex;flex-direction:column;align-items:center;padding:var(--space-6);border:2px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.upgrade-prompt__plan--featured{border-color:var(--color-primary);background:var(--color-primary-light);position:relative}.upgrade-prompt__plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:600;padding:4px 12px;border-radius:100px}.upgrade-prompt__plan-name{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-1)}.upgrade-prompt__plan-price{font-size:var(--text-2xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-1)}.upgrade-prompt__plan-savings{font-size:var(--text-xs);color:var(--color-success);font-weight:600;margin-bottom:var(--space-4)}.upgrade-prompt__plan button{width:100%;margin-top:auto}.upgrade-prompt__actions{display:flex;justify-content:center;gap:var(--space-4);padding:var(--space-6);border-top:1px solid var(--color-border);background:var(--color-bg-primary-muted)}@media(max-width:480px){.upgrade-prompt{padding:var(--space-4)}.upgrade-prompt__pricing{grid-template-columns:1fr}.upgrade-prompt__header{padding:var(--space-6)}.upgrade-prompt__header h2{font-size:var(--text-xl)}.upgrade-prompt__content{padding:var(--space-6)}.upgrade-prompt__actions{flex-direction:column}}.tier-upgrade-prompt{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--color-bg-primary)}.tier-upgrade-prompt__card{max-width:520px;width:100%;background:var(--color-bg-primary-elevated, white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.tier-upgrade-prompt__card--success{text-align:center;padding:var(--space-12)}.tier-upgrade-prompt__success-icon{width:64px;height:64px;margin:0 auto var(--space-6);color:var(--color-success)}.tier-upgrade-prompt__success-icon svg{width:100%;height:100%}.tier-upgrade-prompt__card--success h2{font-size:var(--text-xl);color:var(--color-success);margin:0 0 var(--space-4) 0}.tier-upgrade-prompt__card--success p{color:var(--color-text-secondary);margin:0 0 var(--space-8) 0}.tier-upgrade-prompt__header{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:var(--space-8);text-align:center}.tier-upgrade-prompt__current-badge{display:inline-block;background:#fff3;padding:4px 12px;border-radius:100px;font-size:var(--text-xs);font-weight:600;margin-bottom:var(--space-2)}.tier-upgrade-prompt__header h2{font-size:var(--text-2xl);font-weight:700;margin:0 0 var(--space-2) 0}.tier-upgrade-prompt__percentile{font-size:var(--text-base);opacity:.9;margin:0}.tier-upgrade-prompt__percentile strong{color:#fbbf24}.tier-upgrade-prompt__content{padding:var(--space-8)}.tier-upgrade-prompt__content>p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--space-6) 0}.tier-upgrade-prompt__comparison{background:var(--color-bg-primary-muted);border-radius:var(--radius-md);padding:var(--space-6)}.tier-upgrade-prompt__unlock-title{font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.tier-upgrade-prompt__features{list-style:none;padding:0;margin:0}.tier-upgrade-prompt__features li{position:relative;padding:var(--space-1) 0;padding-left:var(--space-6);color:var(--color-text);font-size:var(--text-sm)}.tier-upgrade-prompt__features li:before{content:"+";position:absolute;left:0;color:var(--color-primary);font-weight:700;font-size:var(--text-base)}.tier-upgrade-prompt__error{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-error-light, #fef2f2);color:var(--color-error);border-radius:var(--radius-md);font-size:var(--text-sm)}.tier-upgrade-prompt__pricing{padding:var(--space-6) var(--space-8);text-align:center;border-top:1px solid var(--color-border);background:var(--color-primary-light)}.tier-upgrade-prompt__price-box{margin-bottom:var(--space-4)}.tier-upgrade-prompt__price-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.tier-upgrade-prompt__price{font-size:var(--text-3xl);font-weight:700;color:var(--color-primary)}.tier-upgrade-prompt__price-note{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.tier-upgrade-prompt__upgrade-btn{width:100%;max-width:280px}.tier-upgrade-prompt__actions{display:flex;justify-content:center;gap:var(--space-4);padding:var(--space-6);border-top:1px solid var(--color-border);background:var(--color-bg-primary-muted)}@media(max-width:480px){.tier-upgrade-prompt{padding:var(--space-4)}.tier-upgrade-prompt__header{padding:var(--space-6)}.tier-upgrade-prompt__header h2{font-size:var(--text-xl)}.tier-upgrade-prompt__content,.tier-upgrade-prompt__pricing{padding:var(--space-6)}.tier-upgrade-prompt__actions{flex-direction:column}}.improvement-plan-page{min-height:100vh;background:var(--color-bg-primary-muted)}.improvement-plan-page__header{background:var(--color-bg-primary);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.improvement-plan-page__header h1{font-size:var(--text-xl);margin:var(--space-2) 0 0}.improvement-plan-page__content{max-width:1200px;margin:0 auto;padding:var(--space-8)}.improvement-plan-page__section{margin-bottom:var(--space-8)}.improvement-plan-page__section h2{font-size:var(--text-lg);margin-bottom:var(--space-4)}.improvement-plan-page__schedule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-6)}.improvement-plan-page__quick-start{position:fixed;bottom:var(--space-8);right:var(--space-8);z-index:100}.improvement-plan-page__quick-start button{box-shadow:0 4px 12px #0003}.improvement-plan-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:var(--space-8)}.improvement-plan-page__error h2{font-size:var(--text-2xl);margin-bottom:var(--space-4)}.improvement-plan-page__error p{color:var(--color-text-secondary);margin-bottom:var(--space-8);max-width:400px}.improvement-plan-page__error-actions{display:flex;gap:var(--space-4)}@media(max-width:768px){.improvement-plan-page__content{padding:var(--space-4)}.improvement-plan-page__schedule-grid{grid-template-columns:1fr}.improvement-plan-page__quick-start{bottom:var(--space-4);right:var(--space-4);left:var(--space-4)}.improvement-plan-page__quick-start button{width:100%}}.gifted-landing{--landing-primary: #1e293b;--landing-primary-light: #334155;--landing-accent: #6366f1;--landing-accent-light: #818cf8;--landing-accent-soft: #eef2ff;--landing-success: #10b981;--landing-success-soft: #d1fae5;--landing-warning: #f59e0b;--landing-warning-soft: #fef3c7;--landing-text: #1e293b;--landing-text-secondary: #64748b;--landing-text-muted: #94a3b8;--landing-bg: #ffffff;--landing-bg-alt: #f8fafc;--landing-border: #e2e8f0;--landing-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--landing-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--landing-radius: 12px;--landing-radius-lg: 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--landing-text);background:var(--landing-bg)}.gifted-landing__container{max-width:1200px;margin:0 auto;padding:0 24px}.gifted-landing__nav{position:sticky;top:0;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--landing-border);z-index:100}.gifted-landing__nav-container{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:32px}.gifted-landing__logo{font-size:24px;font-weight:700;text-decoration:none}.gifted-landing__logo-viz{color:var(--landing-primary)}.gifted-landing__logo-prep{color:var(--landing-accent)}.gifted-landing__nav-links{display:flex;gap:32px}.gifted-landing__nav-links a{color:var(--landing-text-secondary);text-decoration:none;font-weight:500;transition:color .2s}.gifted-landing__nav-links a:hover{color:var(--landing-primary)}.gifted-landing__nav-actions{display:flex;gap:12px}.gifted-landing__hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:80px 24px;max-width:1200px;margin:0 auto}.gifted-landing__hero-headline{font-size:48px;font-weight:800;line-height:1.1;color:var(--landing-primary);margin:0 0 24px}.gifted-landing__hero-subhead{font-size:20px;color:var(--landing-text-secondary);line-height:1.6;margin:0 0 32px}.gifted-landing__hero-cta{margin-bottom:24px}.gifted-landing__hero-cta button{font-size:18px;padding:16px 32px}.gifted-landing__hero-trust{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.gifted-landing__trust-badge{font-size:14px;color:var(--landing-text-secondary);font-weight:500}.gifted-landing__trust-separator{color:var(--landing-text-muted)}.gifted-landing__hero-visual{display:flex;justify-content:center}.gifted-landing__hero-card{background:var(--landing-bg);border-radius:var(--landing-radius-lg);box-shadow:var(--landing-shadow-lg);overflow:hidden;width:100%;max-width:360px;border:1px solid var(--landing-border)}.gifted-landing__hero-card-header{background:var(--landing-primary);color:#fff;padding:16px 24px;font-weight:600}.gifted-landing__hero-card-content{padding:32px 24px}.gifted-landing__percentile-display{text-align:center;margin-bottom:24px}.gifted-landing__percentile-number{font-size:72px;font-weight:800;color:var(--landing-accent);line-height:1}.gifted-landing__percentile-label{display:block;font-size:18px;color:var(--landing-text-secondary);margin-top:8px}.gifted-landing__eligibility-preview{display:flex;flex-direction:column;gap:12px}.gifted-landing__eligibility-item{padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500}.gifted-landing__eligibility-item--likely{background:var(--landing-success-soft);color:var(--landing-success)}.gifted-landing__eligibility-item--possible{background:var(--landing-warning-soft);color:var(--landing-warning)}.gifted-landing__problem-solution{background:var(--landing-bg-alt);padding:80px 24px}.gifted-landing__problem-solution .gifted-landing__container{display:grid;grid-template-columns:1fr 1fr;gap:48px}.gifted-landing__problem,.gifted-landing__solution{background:var(--landing-bg);padding:40px;border-radius:var(--landing-radius-lg);box-shadow:var(--landing-shadow)}.gifted-landing__problem-icon,.gifted-landing__solution-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin-bottom:24px}.gifted-landing__problem-icon{background:#fee2e2;color:#dc2626}.gifted-landing__solution-icon{background:var(--landing-success-soft);color:var(--landing-success)}.gifted-landing__problem h2,.gifted-landing__solution h2{font-size:24px;font-weight:700;margin:0 0 16px;color:var(--landing-primary)}.gifted-landing__problem p,.gifted-landing__solution p{color:var(--landing-text-secondary);line-height:1.6;margin:0 0 24px}.gifted-landing__problem-list,.gifted-landing__solution-list{list-style:none;padding:0;margin:0}.gifted-landing__problem-list li,.gifted-landing__solution-list li{padding:8px 0 8px 28px;position:relative;color:var(--landing-text-secondary)}.gifted-landing__problem-list li:before{content:"✗";position:absolute;left:0;color:#dc2626}.gifted-landing__solution-list li:before{content:"✓";position:absolute;left:0;color:var(--landing-success)}.gifted-landing__how-it-works{padding:80px 24px}.gifted-landing__section-title{text-align:center;font-size:36px;font-weight:800;color:var(--landing-primary);margin:0 0 16px}.gifted-landing__section-subtitle{text-align:center;font-size:18px;color:var(--landing-text-secondary);margin:0 0 48px}.gifted-landing__steps{display:flex;justify-content:center;align-items:flex-start;gap:24px}.gifted-landing__step{flex:1;max-width:300px;text-align:center;padding:32px 24px}.gifted-landing__step-number{width:32px;height:32px;border-radius:50%;background:var(--landing-accent);color:#fff;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.gifted-landing__step-icon{font-size:48px;margin-bottom:16px}.gifted-landing__step h3{font-size:20px;font-weight:700;color:var(--landing-primary);margin:0 0 12px}.gifted-landing__step p{font-size:15px;color:var(--landing-text-secondary);line-height:1.6;margin:0}.gifted-landing__step-arrow{font-size:32px;color:var(--landing-text-muted);padding-top:80px}.gifted-landing__features{background:var(--landing-bg-alt);padding:80px 24px}.gifted-landing__features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.gifted-landing__feature{background:var(--landing-bg);padding:32px;border-radius:var(--landing-radius);box-shadow:var(--landing-shadow);transition:transform .2s,box-shadow .2s}.gifted-landing__feature:hover{transform:translateY(-4px);box-shadow:var(--landing-shadow-lg)}.gifted-landing__feature-icon{font-size:40px;margin-bottom:16px}.gifted-landing__feature h3{font-size:18px;font-weight:700;color:var(--landing-primary);margin:0 0 12px}.gifted-landing__feature p{font-size:15px;color:var(--landing-text-secondary);line-height:1.6;margin:0}.gifted-landing__tests{padding:80px 24px}.gifted-landing__tests-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}.gifted-landing__test-card{text-align:center;padding:32px 24px;border:2px solid var(--landing-border);border-radius:var(--landing-radius);transition:border-color .2s}.gifted-landing__test-card:hover{border-color:var(--landing-accent)}.gifted-landing__test-card h3{font-size:24px;font-weight:800;color:var(--landing-accent);margin:0 0 8px}.gifted-landing__test-card p{font-size:14px;color:var(--landing-text-secondary);margin:0 0 12px}.gifted-landing__test-grades{font-size:12px;color:var(--landing-text-muted);background:var(--landing-bg-alt);padding:4px 12px;border-radius:100px}.gifted-landing__pricing{background:var(--landing-primary);padding:80px 24px;color:#fff}.gifted-landing__pricing .gifted-landing__section-title{color:#fff}.gifted-landing__pricing .gifted-landing__section-subtitle{color:#ffffffb3}.gifted-landing__pricing-cards{display:flex;justify-content:center;gap:32px;margin-bottom:48px}.gifted-landing__pricing-card{background:#fff;color:var(--landing-text);padding:40px;border-radius:var(--landing-radius-lg);width:100%;max-width:360px;position:relative}.gifted-landing__pricing-card--featured{transform:scale(1.05);box-shadow:0 25px 50px -12px #00000040}.gifted-landing__pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--landing-accent);color:#fff;padding:6px 16px;border-radius:100px;font-size:12px;font-weight:600;text-transform:uppercase}.gifted-landing__pricing-header{text-align:center;margin-bottom:32px}.gifted-landing__pricing-header h3{font-size:18px;font-weight:600;color:var(--landing-text-secondary);margin:0 0 16px}.gifted-landing__price{display:flex;align-items:baseline;justify-content:center;gap:4px}.gifted-landing__price-amount{font-size:48px;font-weight:800;color:var(--landing-primary)}.gifted-landing__price-period{font-size:18px;color:var(--landing-text-secondary)}.gifted-landing__price-savings{margin-top:8px;font-size:14px;color:var(--landing-success);font-weight:600}.gifted-landing__pricing-features{list-style:none;padding:0;margin:0 0 32px}.gifted-landing__pricing-features li{padding:12px 0 12px 28px;position:relative;color:var(--landing-text-secondary);border-bottom:1px solid var(--landing-border)}.gifted-landing__pricing-features li:last-child{border-bottom:none}.gifted-landing__pricing-features li:before{content:"✓";position:absolute;left:0;color:var(--landing-success);font-weight:700}.gifted-landing__canceled-message{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:var(--landing-radius);padding:16px 24px;margin-bottom:32px;display:flex;align-items:center;justify-content:center;gap:16px}.gifted-landing__canceled-message p{margin:0;color:#ffffffe6}.gifted-landing__canceled-message button{background:transparent;border:1px solid rgba(255,255,255,.5);color:#fffc;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}.gifted-landing__canceled-message button:hover{background:#ffffff1a;border-color:#ffffffb3}.gifted-landing__pricing-note{text-align:center;color:#ffffffe6}.gifted-landing__pricing-note p{margin:0 0 24px}.gifted-landing__faq{padding:80px 24px}.gifted-landing__faq-list{max-width:800px;margin:0 auto}.gifted-landing__faq-item{border-bottom:1px solid var(--landing-border)}.gifted-landing__faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:24px 0;background:none;border:none;font-size:18px;font-weight:600;color:var(--landing-primary);cursor:pointer;text-align:left}.gifted-landing__faq-question:hover{color:var(--landing-accent)}.gifted-landing__faq-icon{font-size:24px;color:var(--landing-text-muted)}.gifted-landing__faq-answer{padding-bottom:24px;color:var(--landing-text-secondary);line-height:1.7}.gifted-landing__final-cta{background:linear-gradient(135deg,var(--landing-accent) 0%,var(--landing-accent-light) 100%);padding:80px 24px;text-align:center;color:#fff}.gifted-landing__final-cta h2{font-size:36px;font-weight:800;margin:0 0 16px}.gifted-landing__final-cta p{font-size:18px;opacity:.9;margin:0 0 32px}.gifted-landing__final-cta button{background:#fff;color:var(--landing-accent);font-size:18px;padding:16px 32px}.gifted-landing__final-cta button:hover{background:#ffffffe6}.gifted-landing__footer{background:var(--landing-primary);padding:64px 24px 32px;color:#fff}.gifted-landing__footer-content{display:flex;justify-content:space-between;gap:64px;margin-bottom:48px}.gifted-landing__footer-brand{max-width:300px}.gifted-landing__footer-brand .gifted-landing__logo{margin-bottom:16px;display:block}.gifted-landing__footer-brand .gifted-landing__logo-prep{color:var(--landing-accent-light)}.gifted-landing__footer-brand p{color:#fff9;line-height:1.6;margin:0}.gifted-landing__footer-links{display:flex;gap:64px}.gifted-landing__footer-column h4{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80;margin:0 0 16px}.gifted-landing__footer-column a{display:block;color:#fffc;text-decoration:none;padding:8px 0;transition:color .2s}.gifted-landing__footer-column a:hover{color:#fff}.gifted-landing__footer-bottom{padding-top:32px;border-top:1px solid rgba(255,255,255,.1)}.gifted-landing__footer-bottom p{margin:0;color:#ffffff80;font-size:14px}@media(max-width:1024px){.gifted-landing__hero{grid-template-columns:1fr;gap:48px;padding:48px 24px}.gifted-landing__hero-content{text-align:center}.gifted-landing__hero-headline{font-size:36px}.gifted-landing__hero-trust{justify-content:center}.gifted-landing__problem-solution .gifted-landing__container{grid-template-columns:1fr}.gifted-landing__features-grid,.gifted-landing__tests-grid{grid-template-columns:repeat(2,1fr)}.gifted-landing__footer-content{flex-direction:column;gap:48px}}@media(max-width:768px){.gifted-landing__nav-links{display:none}.gifted-landing__hero-headline{font-size:32px}.gifted-landing__hero-subhead{font-size:18px}.gifted-landing__steps{flex-direction:column;align-items:center}.gifted-landing__step-arrow{transform:rotate(90deg);padding:0}.gifted-landing__features-grid{grid-template-columns:1fr}.gifted-landing__pricing-cards{flex-direction:column;align-items:center}.gifted-landing__pricing-card--featured{transform:none}.gifted-landing__section-title,.gifted-landing__final-cta h2{font-size:28px}.gifted-landing__footer-links{flex-wrap:wrap;gap:32px}}@media(max-width:480px){.gifted-landing__hero{padding:32px 16px}.gifted-landing__hero-headline{font-size:28px}.gifted-landing__problem,.gifted-landing__solution{padding:24px}.gifted-landing__step{padding:24px 16px}.gifted-landing__feature{padding:24px}.gifted-landing__tests-grid{grid-template-columns:1fr}.gifted-landing__pricing-card{padding:24px}.gifted-landing__price-amount{font-size:40px}}@media(max-width:375px){.gifted-landing__hero-headline{font-size:24px}.gifted-landing__hero-subhead{font-size:16px}.gifted-landing__percentile-number{font-size:56px}.gifted-landing__section-title{font-size:24px}.gifted-landing__faq-question{font-size:16px}}.student-shell{min-height:100vh;background:var(--color-bg-primary);display:flex;flex-direction:column}.student-shell-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.student-shell-header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);max-width:1200px;margin:0 auto;gap:var(--space-4)}.student-shell-back{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-normal);flex-shrink:0}.student-shell-back:hover{background:var(--color-bg-tertiary);border-color:var(--color-indigo);color:var(--color-text-primary)}.student-shell-back:focus-visible{outline:2px solid var(--color-indigo);outline-offset:2px}.student-shell-title{display:flex;align-items:center;gap:var(--space-2);flex:1;justify-content:center}.student-shell-title h1{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0}.student-shell-icon{font-size:var(--text-xl)}.student-shell-profile{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.student-shell-avatar{width:32px;height:32px;border-radius:var(--radius-full);object-fit:cover}.student-shell-avatar-placeholder{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary)}.student-shell-name{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.student-shell-breadcrumbs{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-bg-tertiary);max-width:1200px;margin:0 auto;width:100%}.student-shell-breadcrumb{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.student-shell-breadcrumb:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text-secondary)}.student-shell-breadcrumb:focus-visible{outline:2px solid var(--color-indigo);outline-offset:1px}.student-shell-breadcrumb--current{color:var(--color-text-primary);font-weight:500;cursor:default}.student-shell-breadcrumb-separator{color:var(--color-text-tertiary);font-size:var(--text-xs)}.student-shell-content{flex:1;padding:var(--space-6)}[data-age-group=young] .student-shell-header-content{padding:var(--space-4) var(--space-6)}[data-age-group=young] .student-shell-back{padding:var(--space-3) var(--space-4);font-size:var(--text-base);border-radius:var(--radius-lg)}[data-age-group=young] .student-shell-title h1{font-size:var(--text-xl)}[data-age-group=young] .student-shell-icon{font-size:var(--text-2xl)}[data-age-group=young] .student-shell-avatar,[data-age-group=young] .student-shell-avatar-placeholder{width:40px;height:40px}[data-age-group=young] .student-shell-name{font-size:var(--text-base)}[data-age-group=young] .student-shell-content{padding:var(--space-4)}@media(max-width:640px){.student-shell-back-label,.student-shell-name{display:none}.student-shell-header-content{padding:var(--space-2) var(--space-3)}.student-shell-content{padding:var(--space-4)}.student-shell-breadcrumbs{padding:var(--space-2) var(--space-3);overflow-x:auto;white-space:nowrap}}.gifted-home{max-width:1200px;margin:0 auto;padding:var(--space-6)}.gifted-home-header{margin-bottom:var(--space-8)}.gifted-home-header-content{display:flex;align-items:center;gap:var(--space-4)}.gifted-home-header-icon{width:64px;height:64px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-indigo),var(--color-violet));display:flex;align-items:center;justify-content:center;color:#fff}.gifted-home-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0}.gifted-home-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin:var(--space-1) 0 0}.gifted-home-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.gifted-home-stat-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;align-items:center;gap:var(--space-4)}.gifted-home-stat-icon{color:var(--color-indigo)}.gifted-home-stat-content{display:flex;flex-direction:column}.gifted-home-stat-value{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary)}.gifted-home-stat-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.gifted-home-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.gifted-home-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0}.gifted-home-view-all{display:flex;align-items:center;gap:var(--space-1);background:none;border:none;color:var(--color-indigo);font-size:var(--text-sm);font-weight:500;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.gifted-home-view-all:hover{background:var(--color-indigo-light)}.gifted-home-plans{margin-bottom:var(--space-8)}.gifted-home-plans-list{display:flex;flex-direction:column;gap:var(--space-2)}.gifted-home-plan-card{display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.gifted-home-plan-card:hover{border-color:var(--color-indigo);box-shadow:0 2px 8px #6366f11a}.gifted-home-plan-info{display:flex;flex-direction:column;gap:var(--space-1)}.gifted-home-plan-name{font-weight:600;color:var(--color-text-primary)}.gifted-home-plan-progress{font-size:var(--text-sm);color:var(--color-text-secondary)}.gifted-home-plan-meta{display:flex;align-items:center;gap:var(--space-4)}.gifted-home-plan-percentile{display:flex;align-items:center;gap:var(--space-1)}.gifted-home-plan-current{font-weight:600;color:var(--color-text-primary)}.gifted-home-plan-target{color:var(--color-success);font-weight:500}.gifted-home-recent{margin-bottom:var(--space-8)}.gifted-home-recent-list{display:flex;flex-direction:column;gap:var(--space-2)}.gifted-home-recent-card{display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.gifted-home-recent-card:hover{border-color:var(--color-indigo);box-shadow:0 2px 8px #6366f11a}.gifted-home-recent-info{display:flex;flex-direction:column;gap:var(--space-1)}.gifted-home-recent-name{font-weight:600;color:var(--color-text-primary)}.gifted-home-recent-type{font-size:var(--text-sm);color:var(--color-text-secondary)}.gifted-home-recent-meta{display:flex;align-items:center;gap:var(--space-4)}.gifted-home-recent-status{font-size:var(--text-sm);font-weight:500;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.gifted-home-recent-status--completed{background:var(--color-success-light);color:var(--color-success-dark)}.gifted-home-recent-status--in_progress{background:var(--color-warning-light);color:var(--color-warning-dark)}.gifted-home-recent-status--abandoned{background:var(--color-error-light);color:var(--color-error-dark)}.gifted-home-recent-date{font-size:var(--text-sm);color:var(--color-text-tertiary)}.gifted-home-tests{margin-bottom:var(--space-8)}.gifted-home-tests-description{color:var(--color-text-secondary);margin:var(--space-2) 0 var(--space-6)}.gifted-home-loading{text-align:center;padding:var(--space-8);color:var(--color-text-secondary)}.gifted-home-tests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.gifted-home-test-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);cursor:pointer;transition:all var(--transition-fast);text-align:left;display:flex;flex-direction:column;gap:var(--space-2)}.gifted-home-test-card:hover{border-color:var(--color-indigo);box-shadow:0 4px 12px #6366f126;transform:translateY(-2px)}.gifted-home-test-header{display:flex;align-items:center;gap:var(--space-2)}.gifted-home-test-icon{color:var(--color-indigo)}.gifted-home-test-name{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0}.gifted-home-test-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.5;flex:1}.gifted-home-test-meta{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.gifted-home-test-badge{font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.gifted-home-test-badge--grade{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.gifted-home-test-badge--verbal{background:var(--color-info-light);color:var(--color-info)}.gifted-home-test-badge--quantitative{background:var(--color-success-light);color:var(--color-success-dark)}.gifted-home-test-badge--nonverbal{background:var(--color-violet-light);color:var(--color-violet-dark)}.gifted-home-test-stats{display:flex;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-tertiary);padding-top:var(--space-2);border-top:1px solid var(--color-border)}@media(max-width:768px){.gifted-home{padding:var(--space-4)}.gifted-home-header-content{flex-direction:column;text-align:center}.gifted-home-stats,.gifted-home-tests-grid{grid-template-columns:1fr}}.create-assessment-page{max-width:900px;margin:0 auto;padding:var(--space-6)}.create-assessment-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12);color:var(--color-text-secondary)}.create-assessment-spinner{animation:spin 1s linear infinite}.create-assessment-error{text-align:center;padding:var(--space-8);color:var(--color-error)}.create-assessment-error button{margin-top:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-indigo);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer}.create-assessment-error-message{padding:var(--space-4);background-color:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);margin-bottom:var(--space-4)}.create-assessment-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6)}.create-assessment-back{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-normal)}.create-assessment-back:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.create-assessment-header-content{display:flex;align-items:center;gap:var(--space-4);flex:1}.create-assessment-header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--color-violet-light) 0%,var(--color-indigo-light) 100%);border-radius:var(--radius-lg);color:var(--color-violet)}.create-assessment-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0}.create-assessment-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin:var(--space-1) 0 0 0}.create-assessment-progress{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-8)}.create-assessment-progress-step{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background-color:var(--color-bg-secondary);color:var(--color-text-tertiary);font-size:var(--text-sm);transition:all var(--transition-normal)}.create-assessment-progress-step.active{background:linear-gradient(135deg,var(--color-violet) 0%,var(--color-indigo) 100%);color:#fff}.create-assessment-progress-step.completed{background-color:var(--color-success-light);color:var(--color-success)}.create-assessment-progress-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:#fff3;font-weight:600;font-size:var(--text-xs)}.create-assessment-progress-step.active .create-assessment-progress-number{background-color:#ffffff4d}.create-assessment-progress-step.completed .create-assessment-progress-number{background-color:var(--color-success);color:#fff}.create-assessment-progress-line{width:40px;height:2px;background-color:var(--color-border)}.create-assessment-content{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.create-assessment-types-intro{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-6) 0;line-height:1.6}.create-assessment-battery-section{margin-bottom:var(--space-6)}.create-assessment-battery-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.create-assessment-battery-title{font-size:var(--text-lg);font-weight:600;margin:0;padding-left:var(--space-4);border-left:3px solid}.create-assessment-battery-title--verbal{border-color:var(--color-info);color:var(--color-info)}.create-assessment-battery-title--quantitative{border-color:var(--color-success);color:var(--color-success-dark)}.create-assessment-battery-title--nonverbal{border-color:var(--color-warning);color:var(--color-warning-dark)}.create-assessment-select-all{padding:var(--space-1) var(--space-4);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal)}.create-assessment-select-all:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.create-assessment-types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-4)}.create-assessment-type-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-bg-secondary);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-align:left;width:100%}.create-assessment-type-card:hover{background-color:var(--color-violet-light);border-color:var(--color-violet-light)}.create-assessment-type-card.selected{background-color:var(--color-indigo-light);border-color:var(--color-violet)}.create-assessment-type-check{display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;border:2px solid var(--color-border);border-radius:var(--radius-sm);background-color:#fff;transition:all var(--transition-normal)}.create-assessment-type-card.selected .create-assessment-type-check{background-color:var(--color-violet);border-color:var(--color-violet);color:#fff}.create-assessment-type-content{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.create-assessment-type-name{font-size:var(--text-base);font-weight:500;color:var(--color-text-primary)}.create-assessment-type-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.4}.create-assessment-type-count{font-size:var(--text-xs);color:var(--color-text-tertiary)}.create-assessment-actions{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.create-assessment-selection-summary{font-size:var(--text-sm);color:var(--color-text-secondary)}.create-assessment-next-btn,.create-assessment-generate-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,var(--color-violet) 0%,var(--color-indigo) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.create-assessment-next-btn:hover:not(:disabled),.create-assessment-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #8b5cf64d}.create-assessment-next-btn:disabled,.create-assessment-generate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.create-assessment-config-section{margin-bottom:var(--space-6)}.create-assessment-config-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.create-assessment-config-input{width:100%;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);transition:border-color var(--transition-normal)}.create-assessment-config-input:focus{outline:none;border-color:var(--color-violet);box-shadow:0 0 0 3px #8b5cf61a}.create-assessment-config-options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.create-assessment-config-option{padding:var(--space-2) var(--space-4);background-color:var(--color-bg-secondary);border:2px solid transparent;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal)}.create-assessment-config-option:hover{background-color:var(--color-violet-light);color:var(--color-violet)}.create-assessment-config-option.selected{background-color:var(--color-indigo-light);border-color:var(--color-violet);color:var(--color-indigo)}.create-assessment-difficulty-options{display:flex;flex-direction:column;gap:var(--space-2)}.create-assessment-difficulty-option{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-4);background-color:var(--color-bg-secondary);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-align:left}.create-assessment-difficulty-option:hover{background-color:var(--color-violet-light)}.create-assessment-difficulty-option.selected{background-color:var(--color-indigo-light);border-color:var(--color-violet)}.create-assessment-difficulty-label{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary)}.create-assessment-difficulty-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.create-assessment-summary{background-color:var(--color-violet-light);border:1px solid var(--color-indigo-light);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.create-assessment-summary h4{font-size:var(--text-base);font-weight:600;color:var(--color-indigo);margin:0 0 var(--space-4) 0}.create-assessment-summary ul{list-style:none;padding:0;margin:0}.create-assessment-summary li{font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-1) 0}.create-assessment-summary li strong{color:var(--color-text-primary)}.create-assessment-upgrade-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.create-assessment-upgrade-modal{background-color:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--space-8);max-width:480px;width:100%;text-align:center;box-shadow:0 20px 60px #0003}.create-assessment-upgrade-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto var(--space-4);background:linear-gradient(135deg,var(--color-violet-light) 0%,var(--color-indigo-light) 100%);border-radius:50%;color:var(--color-violet)}.create-assessment-upgrade-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.create-assessment-upgrade-description{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-6) 0;line-height:1.6}.create-assessment-upgrade-features{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6);text-align:left}.create-assessment-upgrade-feature{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-violet-light);border-radius:var(--radius-md);color:var(--color-indigo);font-size:var(--text-sm);font-weight:500}.create-assessment-upgrade-pricing{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-4);background-color:var(--color-bg-secondary);border-radius:var(--radius-md)}.create-assessment-upgrade-plan{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm)}.create-assessment-upgrade-plan strong{color:var(--color-text-primary)}.create-assessment-upgrade-plan span{color:var(--color-text-secondary)}.create-assessment-upgrade-actions{display:flex;flex-direction:column;gap:var(--space-4)}.create-assessment-upgrade-btn{padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,var(--color-violet) 0%,var(--color-indigo) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.create-assessment-upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #8b5cf64d}.create-assessment-upgrade-cancel{padding:var(--space-2);background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:color var(--transition-normal)}.create-assessment-upgrade-cancel:hover{color:var(--color-text-primary)}@media(max-width:640px){.create-assessment-page{padding:var(--space-4)}.create-assessment-header{flex-direction:column}.create-assessment-progress{flex-wrap:wrap}.create-assessment-types-grid{grid-template-columns:1fr}.create-assessment-actions{flex-direction:column;gap:var(--space-4)}.create-assessment-next-btn,.create-assessment-generate-btn{width:100%;justify-content:center}.create-assessment-upgrade-modal{padding:var(--space-6)}}.take-assessment-page{max-width:900px;margin:0 auto;padding:var(--space-6);min-height:100vh}.take-assessment-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12);color:var(--color-text-secondary)}.take-assessment-spinner{animation:spin 1s linear infinite}.take-assessment-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.take-assessment-back{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-normal)}.take-assessment-back:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.take-assessment-info{flex:1}.take-assessment-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0}.take-assessment-type{font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--space-1) 0 0 0}.take-assessment-flag-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-normal)}.take-assessment-flag-btn:hover,.take-assessment-flag-btn.flagged{background-color:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning)}.take-assessment-progress{margin-bottom:var(--space-4)}.take-assessment-progress-bar{height:6px;background-color:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.take-assessment-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-indigo),var(--color-violet));border-radius:var(--radius-full);transition:width .3s ease}.take-assessment-progress-info{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-2)}.take-assessment-progress-count{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.take-assessment-timer{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.take-assessment-timer.warning{color:var(--color-error)}.take-assessment-navigator{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-4);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.take-assessment-nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal)}.take-assessment-nav-btn:hover:not(:disabled){background-color:var(--color-indigo-light);border-color:var(--color-indigo);color:var(--color-indigo)}.take-assessment-nav-btn:disabled{opacity:.3;cursor:not-allowed}.take-assessment-nav-dots{display:flex;flex-wrap:wrap;gap:var(--space-1);flex:1;justify-content:center}.take-assessment-nav-dot{width:24px;height:24px;border-radius:50%;background-color:var(--color-bg-primary);border:2px solid var(--color-border);cursor:pointer;transition:all var(--transition-normal);font-size:0}.take-assessment-nav-dot:hover{border-color:var(--color-indigo)}.take-assessment-nav-dot.current{background-color:var(--color-indigo);border-color:var(--color-indigo)}.take-assessment-nav-dot.answered{background-color:var(--color-success-light);border-color:var(--color-success)}.take-assessment-nav-dot.flagged{background-color:var(--color-warning-light);border-color:var(--color-warning)}.take-assessment-nav-dot.current.answered{background-color:var(--color-indigo);border-color:var(--color-indigo)}.take-assessment-question{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.take-assessment-question-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.take-assessment-question-number{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.take-assessment-question-battery{font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);text-transform:capitalize}.take-assessment-question-battery--verbal{background-color:var(--color-info-light);color:var(--color-info)}.take-assessment-question-battery--quantitative{background-color:var(--color-success-light);color:var(--color-success-dark)}.take-assessment-question-battery--nonverbal{background-color:var(--color-violet-light);color:var(--color-violet-dark)}.take-assessment-question-stem{font-size:var(--text-lg);font-weight:500;color:var(--color-text-primary);line-height:1.6;margin-bottom:var(--space-4)}.take-assessment-question-stimulus{padding:var(--space-4);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-4)}.take-assessment-question-visual{display:flex;justify-content:center;padding:var(--space-4);background-color:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.take-assessment-question-visual svg{max-width:100%;height:auto}.take-assessment-choices{display:flex;flex-direction:column;gap:var(--space-2)}.take-assessment-choice{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-align:left;width:100%}.take-assessment-choice:hover:not(:disabled){border-color:var(--color-indigo);background-color:var(--color-indigo-light)}.take-assessment-choice.selected{border-color:var(--color-indigo);background-color:var(--color-indigo-light)}.take-assessment-choice:disabled{cursor:not-allowed;opacity:.7}.take-assessment-choice-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;border-radius:50%;background-color:var(--color-bg-tertiary);font-weight:600;font-size:var(--text-sm);color:var(--color-text-secondary)}.take-assessment-choice.selected .take-assessment-choice-letter{background-color:var(--color-indigo);color:#fff}.take-assessment-choice-text{font-size:var(--text-base);color:var(--color-text-primary)}.take-assessment-submitting{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);color:var(--color-text-secondary)}.take-assessment-feedback{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;margin-bottom:var(--space-6)}.take-assessment-feedback-icon{margin-bottom:var(--space-4)}.take-assessment-feedback-icon.correct{color:var(--color-success)}.take-assessment-feedback-icon.incorrect{color:var(--color-error)}.take-assessment-feedback-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.take-assessment-feedback-answer{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-4) 0}.take-assessment-feedback-answer strong{color:var(--color-success)}.take-assessment-feedback-explanation{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--space-6) 0;padding:var(--space-4);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);text-align:left}.take-assessment-feedback-next{padding:var(--space-4) var(--space-8);background:linear-gradient(135deg,var(--color-indigo),var(--color-violet));color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.take-assessment-feedback-next:hover{transform:translateY(-2px);box-shadow:0 4px 16px #6366f14d}.take-assessment-actions{display:flex;justify-content:center}.take-assessment-submit-btn{padding:var(--space-4) var(--space-8);background:linear-gradient(135deg,var(--color-indigo),var(--color-violet));color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.take-assessment-submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #6366f14d}.take-assessment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.take-assessment-modal{background-color:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--space-8);max-width:400px;width:100%;text-align:center}.take-assessment-modal-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.take-assessment-modal-message{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-6) 0;line-height:1.6}.take-assessment-modal-actions{display:flex;flex-direction:column;gap:var(--space-2)}.take-assessment-modal-btn{padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.take-assessment-modal-btn--cancel{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.take-assessment-modal-btn--cancel:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.take-assessment-modal-btn--submit{background:linear-gradient(135deg,var(--color-indigo),var(--color-violet));border:none;color:#fff}.take-assessment-modal-btn--submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #6366f14d}.take-assessment-modal-btn--submit:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.take-assessment-page{padding:var(--space-4)}.take-assessment-header{flex-wrap:wrap}.take-assessment-nav-dots{max-width:200px}.take-assessment-question{padding:var(--space-4)}}.gifted-results-page{max-width:800px;margin:0 auto;padding:var(--space-6);min-height:100vh}.gifted-results-loading,.gifted-results-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12);color:var(--color-text-secondary)}.gifted-results-spinner{animation:spin 1s linear infinite}.gifted-results-back-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.gifted-results-back-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.gifted-results-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.gifted-results-back{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.gifted-results-back:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.gifted-results-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0}.gifted-results-test-info{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap}.gifted-results-test-name{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0}.gifted-results-test-type{font-size:var(--text-sm);padding:var(--space-1) var(--space-3);background-color:var(--color-indigo-light);color:var(--color-indigo);border-radius:var(--radius-full);font-weight:500}.gifted-results-duration{font-size:var(--text-sm);color:var(--color-text-tertiary)}.gifted-results-overall{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-6);background:linear-gradient(135deg,var(--color-indigo-light) 0%,var(--color-violet-light) 100%);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.gifted-results-score-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:140px;height:140px;border-radius:50%;background-color:var(--color-bg-primary);box-shadow:var(--shadow-md)}.gifted-results-score-value{font-size:var(--text-3xl);font-weight:700;color:var(--color-indigo)}.gifted-results-score-label{font-size:var(--text-sm);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.gifted-results-score-details{display:flex;flex-direction:column;gap:var(--space-3)}.gifted-results-score-stat{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--color-text-primary)}.gifted-results-icon-correct{color:var(--color-success)}.gifted-results-icon-incorrect{color:var(--color-error)}.gifted-results-percentile{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:600;color:var(--color-violet-dark)}.gifted-results-icon-percentile{color:var(--color-violet)}.gifted-results-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.gifted-results-batteries{margin-bottom:var(--space-6)}.gifted-results-battery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.gifted-results-battery-card{padding:var(--space-4);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.gifted-results-battery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.gifted-results-battery-name{font-size:var(--text-sm);font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.gifted-results-battery--verbal{background-color:var(--color-highlight-light);color:var(--color-highlight)}.gifted-results-battery--quantitative{background-color:var(--color-success-light);color:var(--color-success-dark)}.gifted-results-battery--nonverbal{background-color:var(--color-violet-light);color:var(--color-violet-dark)}.gifted-results-battery-percentile{font-size:var(--text-xs);color:var(--color-text-tertiary)}.gifted-results-battery-score{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary)}.gifted-results-battery-detail{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.gifted-results-battery-bar{height:6px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.gifted-results-battery-fill{height:100%;background:linear-gradient(90deg,var(--color-indigo),var(--color-violet));border-radius:var(--radius-full);transition:width var(--transition-slow)}.gifted-results-gaps{margin-bottom:var(--space-6)}.gifted-results-gap-list{display:flex;flex-direction:column;gap:var(--space-3)}.gifted-results-gap-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.gifted-results-gap-info{display:flex;flex-direction:column;gap:var(--space-1)}.gifted-results-gap-type{font-weight:600;color:var(--color-text-primary)}.gifted-results-gap-priority{font-size:var(--text-sm);font-weight:500;text-transform:capitalize}.gifted-results-gap-stats{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.gifted-results-gap-accuracy{font-weight:600;color:var(--color-text-primary)}.gifted-results-gap-gap{font-size:var(--text-sm);color:var(--color-text-tertiary)}.gifted-results-actions{display:flex;gap:var(--space-4);justify-content:center;padding-top:var(--space-4)}.gifted-results-action-btn{padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.gifted-results-action-btn--secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.gifted-results-action-btn--secondary:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.gifted-results-action-btn--primary{background:linear-gradient(135deg,var(--color-indigo),var(--color-violet));border:none;color:#fff}.gifted-results-action-btn--primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #6366f14d}.gifted-results-review{margin-top:var(--space-6)}.gifted-results-review-list{display:flex;flex-direction:column;gap:var(--space-3)}.gifted-results-review-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--color-bg-secondary)}.gifted-results-review-question{font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.gifted-results-review-answers{display:flex;gap:var(--space-4);flex-wrap:wrap;font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.gifted-results-review-explanation{font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}@media(max-width:640px){.gifted-results-page{padding:var(--space-4)}.gifted-results-overall{flex-direction:column;text-align:center}.gifted-results-score-details{align-items:center}.gifted-results-gap-item{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.gifted-results-gap-stats{align-items:flex-start}.gifted-results-actions{flex-direction:column}.gifted-results-action-btn{width:100%}}.history-page{min-height:100vh;background:var(--color-bg-primary);padding:var(--space-6)}.history-page-header{max-width:800px;margin:0 auto var(--space-8)}.history-page-back{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-normal);margin-bottom:var(--space-6)}.history-page-back:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.history-page-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary)}.history-page-title svg{color:var(--color-indigo)}.history-page-content{max-width:800px;margin:0 auto}.history-page-loading{text-align:center;padding:var(--space-12);color:var(--color-text-secondary)}.history-page-empty{text-align:center;padding:var(--space-12);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.history-page-empty svg{color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.history-page-empty h2{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.history-page-empty p{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.history-page-start-button{padding:var(--space-2) var(--space-6);background:var(--color-indigo);color:#fff;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:background var(--transition-normal)}.history-page-start-button:hover{background:var(--color-indigo-dark)}.history-page-list{display:flex;flex-direction:column;gap:var(--space-2)}.history-page-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-align:left;width:100%}.history-page-item:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-indigo)}.history-page-item:disabled{opacity:.6;cursor:not-allowed}.history-page-item-main{display:flex;flex-direction:column;gap:var(--space-1)}.history-page-item-name{font-weight:600;color:var(--color-text-primary)}.history-page-item-type{font-size:var(--text-sm);color:var(--color-text-secondary)}.history-page-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.history-page-item-status{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:500}.history-page-status-icon--completed{color:var(--color-success)}.history-page-status-icon--in-progress{color:var(--color-warning)}.history-page-status-icon--abandoned{color:var(--color-text-tertiary)}.history-page-item-date{font-size:var(--text-xs);color:var(--color-text-tertiary)}.book-card{display:flex;flex-direction:column;background:linear-gradient(135deg,var(--color-warning-light) 0%,var(--color-amber-light, #FEF3C7) 100%);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal);border:1px solid var(--color-warning-border, rgba(245, 158, 11, .125));height:100%}.book-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #f59e0b26}.book-card-cover{position:relative;width:100%;aspect-ratio:2/3;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-bg-tertiary);margin-bottom:var(--space-3);box-shadow:var(--shadow-md)}.book-card-cover img{width:100%;height:100%;object-fit:cover}.book-card-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-warning-dark) 0%,var(--color-warning) 100%);color:#fff;font-size:var(--text-3xl)}.book-card-content{flex:1;display:flex;flex-direction:column}.book-card-title{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-1) 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-card-author{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-2) 0}.book-card-meta{margin-top:auto;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.book-card-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.book-card-badge-grade{background:var(--color-warning-light);color:var(--color-warning-dark)}.book-card-badge-genre{background:var(--color-success-light);color:var(--color-success-dark)}.book-card-badge-chapters{background:var(--color-indigo-light);color:var(--color-indigo-dark)}.book-card--reading{border:2px solid var(--color-warning);position:relative}.book-card--reading:before{content:"📖 Reading";position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--color-warning);color:#fff;font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);white-space:nowrap}.book-card--completed{border:2px solid var(--color-success);position:relative}.book-card--completed:before{content:"✓ Finished";position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--color-success);color:#fff;font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);white-space:nowrap}.book-list{width:100%}.book-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.book-list-title{font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--space-2)}.book-list-filters{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.book-list-search{position:relative;flex:1;min-width:200px;max-width:300px}.book-list-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.book-list-search input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) calc(var(--space-3) + 24px);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);background-color:#fff;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.book-list-search input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.book-list-search input::placeholder{color:var(--color-text-tertiary)}.book-list-filter-select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);background-color:#fff;cursor:pointer;min-width:120px}.book-list-filter-select:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.book-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4)}@media(min-width:768px){.book-list-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-6)}}.book-list-empty{grid-column:1 / -1;text-align:center;padding:var(--space-12);color:var(--color-text-secondary)}.book-list-empty-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.5}.book-list-empty-text{font-size:var(--text-lg);margin:0 0 var(--space-2) 0}.book-list-empty-hint{font-size:var(--text-sm);margin:0}.book-list-loading{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;padding:var(--space-12);color:var(--color-text-secondary)}.book-list-loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:#f59e0b;border-radius:50%;animation:spin .8s linear infinite;margin-right:var(--space-3)}.book-detail{max-width:800px;margin:0 auto}.book-detail-header{display:flex;gap:var(--space-6);margin-bottom:var(--space-6);background:linear-gradient(135deg,#fffbeb,#fef3c7);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid #F59E0B20}@media(max-width:600px){.book-detail-header{flex-direction:column;align-items:center;text-align:center}}.book-detail-cover{flex-shrink:0;width:180px;aspect-ratio:2/3;border-radius:var(--radius-md);overflow:hidden;background-color:beige;box-shadow:var(--shadow-md)}.book-detail-cover img{width:100%;height:100%;object-fit:cover}.book-detail-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#92400e,#b45309);color:#fff;font-size:64px}.book-detail-info{flex:1}.book-detail-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2) 0;line-height:1.2}.book-detail-author{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0 0 var(--space-4) 0}.book-detail-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.book-detail-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500}.book-detail-badge-grade{background-color:#fef3c7;color:#92400e}.book-detail-badge-genre{background-color:#ecfccb;color:#3f6212}.book-detail-badge-chapters{background-color:#e0e7ff;color:#3730a3}.book-detail-badge-pages{background-color:#fce7f3;color:#9d174d}.book-detail-description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;margin:0}.book-detail-chapters{background-color:#fff;border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--color-border)}.book-detail-chapters-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-4) 0;display:flex;align-items:center;gap:var(--space-2)}.book-detail-chapter-list{list-style:none;margin:0;padding:0}.book-detail-chapter-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.book-detail-chapter-item:hover{background-color:var(--color-bg-tertiary)}.book-detail-chapter-info{display:flex;align-items:center;gap:var(--space-3)}.book-detail-chapter-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fef3c7;color:#92400e;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600}.book-detail-chapter-number--completed{background-color:var(--color-success-light);color:var(--color-success-dark)}.book-detail-chapter-title{font-size:var(--text-base);color:var(--color-text-primary);margin:0}.book-detail-chapter-pages{font-size:var(--text-sm);color:var(--color-text-tertiary)}.book-detail-chapter-status{display:flex;align-items:center;gap:var(--space-2)}.book-detail-chapter-questions{font-size:var(--text-xs);color:var(--color-text-tertiary);background-color:var(--color-bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.book-detail-chapter-score{font-size:var(--text-sm);font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.book-detail-chapter-score--high{background-color:var(--color-success-light);color:var(--color-success-dark)}.book-detail-chapter-score--medium{background-color:#fef3c7;color:#92400e}.book-detail-chapter-score--low{background-color:var(--color-error-light);color:var(--color-error)}.book-detail-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.book-detail-actions .btn{flex:1;max-width:200px}.book-detail-start-cta{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-weight:600;border:none;padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.book-detail-start-cta:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.book-detail-start-cta:active{transform:translateY(0)}.reading-goal-card{display:flex;gap:var(--space-4);background:linear-gradient(135deg,#fffbeb,#fef3c7);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid #F59E0B30;cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.reading-goal-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #f59e0b26}.reading-goal-card-cover{flex-shrink:0;width:80px;aspect-ratio:2/3;border-radius:var(--radius-md);overflow:hidden;background-color:beige;box-shadow:var(--shadow-sm)}.reading-goal-card-cover img{width:100%;height:100%;object-fit:cover}.reading-goal-card-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#92400e,#b45309);color:#fff;font-size:var(--text-xl)}.reading-goal-card-content{flex:1;display:flex;flex-direction:column}.reading-goal-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.reading-goal-card-title{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.3}.reading-goal-card-author{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-3) 0}.reading-goal-card-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;white-space:nowrap}.reading-goal-card-badge-school{background-color:#dbeafe;color:#1e40af}.reading-goal-card-badge-assigned{background-color:#f3e8ff;color:#6b21a8}.reading-goal-card-progress{margin-top:auto}.reading-goal-card-progress-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.reading-goal-card-progress-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.reading-goal-card-progress-value{font-size:var(--text-sm);font-weight:600;color:#92400e}.reading-goal-card-progress-bar{height:8px;background-color:#ffffff80;border-radius:var(--radius-full);overflow:hidden}.reading-goal-card-progress-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:var(--radius-full);transition:width .3s ease}.reading-goal-card-chapter{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.reading-goal-card-chapter-icon{color:#f59e0b}.reading-goal-card-deadline{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-2)}.reading-goal-card-deadline--urgent{color:var(--color-error);font-weight:500}.reading-goal-card-deadline--soon{color:#d97706;font-weight:500}.reading-goal-card-action{margin-top:var(--space-3)}.reading-goal-card-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.reading-goal-card-action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #f59e0b4d}.reading-goal-empty{text-align:center;padding:var(--space-8);background:linear-gradient(135deg,#fffbeb,#fef3c7);border-radius:var(--radius-lg);border:2px dashed #F59E0B40}.reading-goal-empty-icon{font-size:48px;margin-bottom:var(--space-3)}.reading-goal-empty-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.reading-goal-empty-text{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-4) 0}.reading-goal-empty-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.reading-goal-empty-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.chapter-checkin{max-width:700px;margin:0 auto;padding:var(--space-4)}.chapter-checkin-header{text-align:center;margin-bottom:var(--space-6);padding:var(--space-6);background:linear-gradient(135deg,#fffbeb,#fef3c7);border-radius:var(--radius-lg);border:1px solid #F59E0B20}.chapter-checkin-book-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.chapter-checkin-chapter{font-size:var(--text-base);color:#92400e;margin:0}.chapter-checkin-progress{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-4)}.chapter-checkin-progress-dots{display:flex;gap:var(--space-2)}.chapter-checkin-progress-dot{width:12px;height:12px;border-radius:50%;background-color:#e5e7eb;transition:all var(--transition-normal)}.chapter-checkin-progress-dot--completed{background-color:var(--color-success)}.chapter-checkin-progress-dot--current{background-color:#f59e0b;transform:scale(1.2)}.chapter-checkin-progress-text{font-size:var(--text-sm);color:var(--color-text-secondary);margin-left:var(--space-3)}.chapter-checkin-question{background-color:#fff;border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--color-border);box-shadow:var(--shadow-md);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chapter-checkin-question-type{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.5px}.chapter-checkin-question-type--inference{background-color:#e0e7ff;color:#3730a3}.chapter-checkin-question-type--evidence{background-color:#dbeafe;color:#1e40af}.chapter-checkin-question-type--vocabulary{background-color:#ecfccb;color:#3f6212}.chapter-checkin-question-type--prediction{background-color:#fce7f3;color:#9d174d}.chapter-checkin-question-type--reflection{background-color:#fef3c7;color:#92400e}.chapter-checkin-question-type--compare{background-color:#f3e8ff;color:#6b21a8}.chapter-checkin-question-text{font-size:var(--text-lg);font-weight:500;color:var(--color-text-primary);line-height:1.5;margin:0 0 var(--space-2) 0}.chapter-checkin-question-hint{font-size:var(--text-sm);color:var(--color-text-tertiary);font-style:italic;margin:0 0 var(--space-4) 0}.chapter-checkin-vocab-context{background-color:#fffbeb;border-left:4px solid #F59E0B;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border-radius:0 var(--radius-md) var(--radius-md) 0}.chapter-checkin-vocab-word{font-weight:700;color:#92400e}.chapter-checkin-vocab-page{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-1)}.chapter-checkin-response{width:100%}.chapter-checkin-response-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.chapter-checkin-textarea{width:100%;min-height:150px;padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);font-family:inherit;line-height:1.6;resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.chapter-checkin-textarea:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.chapter-checkin-textarea::placeholder{color:var(--color-text-tertiary)}.chapter-checkin-char-count{text-align:right;font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.chapter-checkin-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-6);gap:var(--space-3)}.chapter-checkin-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none}.chapter-checkin-btn--back{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.chapter-checkin-btn--back:hover:not(:disabled){background-color:var(--color-border)}.chapter-checkin-btn--next{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.chapter-checkin-btn--next:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.chapter-checkin-btn--submit{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.chapter-checkin-btn--submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.chapter-checkin-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.chapter-checkin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:var(--color-text-secondary)}.chapter-checkin-loading-spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top-color:#f59e0b;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--space-4)}.chapter-checkin-encouragement{text-align:center;padding:var(--space-4);background-color:var(--color-success-light);border-radius:var(--radius-md);margin-bottom:var(--space-4);animation:fadeIn .3s ease}.chapter-checkin-encouragement-text{font-size:var(--text-base);color:var(--color-success-dark);margin:0;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.checkin-results{max-width:600px;margin:0 auto;padding:var(--space-4)}.checkin-results-header{text-align:center;padding:var(--space-8);background:linear-gradient(135deg,#fffbeb,#fef3c7);border-radius:var(--radius-lg);border:1px solid #F59E0B20;margin-bottom:var(--space-6)}.checkin-results-celebration{font-size:64px;margin-bottom:var(--space-3);animation:bounce .6s ease-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.checkin-results-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.checkin-results-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin:0}.checkin-results-score{display:flex;justify-content:center;margin-bottom:var(--space-6)}.checkin-results-score-ring{position:relative;width:160px;height:160px}.checkin-results-score-ring svg{transform:rotate(-90deg)}.checkin-results-score-ring-bg{fill:none;stroke:#e5e7eb;stroke-width:12}.checkin-results-score-ring-fill{fill:none;stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}.checkin-results-score-ring-fill--high{stroke:var(--color-success)}.checkin-results-score-ring-fill--medium{stroke:#f59e0b}.checkin-results-score-ring-fill--low{stroke:var(--color-error)}.checkin-results-score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.checkin-results-score-number{font-size:var(--text-3xl);font-weight:700;color:var(--color-text-primary)}.checkin-results-score-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.checkin-results-feedback{background-color:#fff;border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--color-border);margin-bottom:var(--space-6)}.checkin-results-feedback-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-3) 0;display:flex;align-items:center;gap:var(--space-2)}.checkin-results-feedback-text{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;margin:0}.checkin-results-insights{display:grid;gap:var(--space-4);margin-bottom:var(--space-6)}@media(min-width:600px){.checkin-results-insights{grid-template-columns:1fr 1fr}}.checkin-results-insight-card{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.checkin-results-insight-card--strengths{background-color:var(--color-success-light);border-color:var(--color-success)}.checkin-results-insight-card--improve{background-color:#fef3c7;border-color:#f59e0b}.checkin-results-insight-title{font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-2) 0;display:flex;align-items:center;gap:var(--space-2)}.checkin-results-insight-card--strengths .checkin-results-insight-title{color:var(--color-success-dark)}.checkin-results-insight-card--improve .checkin-results-insight-title{color:#92400e}.checkin-results-insight-list{list-style:none;margin:0;padding:0}.checkin-results-insight-list li{font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-1) 0;display:flex;align-items:flex-start;gap:var(--space-2)}.checkin-results-insight-list li:before{content:"•";color:currentColor}.checkin-results-responses{background-color:#fff;border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--color-border);margin-bottom:var(--space-6)}.checkin-results-responses-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.checkin-results-response-item{padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-3);background-color:var(--color-bg-secondary)}.checkin-results-response-item:last-child{margin-bottom:0}.checkin-results-response-question{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.checkin-results-response-answer{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-2) 0;padding-left:var(--space-3);border-left:2px solid var(--color-border)}.checkin-results-response-score{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.checkin-results-response-score--high{background-color:var(--color-success-light);color:var(--color-success-dark)}.checkin-results-response-score--medium{background-color:#fef3c7;color:#92400e}.checkin-results-response-score--low{background-color:var(--color-error-light);color:var(--color-error)}.checkin-results-actions{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.checkin-results-continue-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-lg);font-weight:600;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);width:100%;max-width:300px}.checkin-results-continue-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #f59e0b4d}.checkin-results-back-btn{color:var(--color-text-secondary);font-size:var(--text-sm);background:none;border:none;cursor:pointer;text-decoration:underline}.checkin-results-back-btn:hover{color:var(--color-text-primary)}.checkin-results-loading{text-align:center;padding:var(--space-12);color:var(--color-text-secondary)}.booknook-home{max-width:1200px;margin:0 auto;padding:var(--space-6)}.booknook-home-hero{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-8);background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-orange) 100%);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.booknook-home-hero-content{display:flex;align-items:center;gap:var(--space-4)}.booknook-home-hero-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:var(--radius-lg);color:#fff}.booknook-home-hero-text{flex:1}.booknook-home-title{font-size:var(--text-3xl);font-weight:700;color:#fff;margin:0 0 var(--space-1) 0}.booknook-home-subtitle{font-size:var(--text-lg);color:#ffffffe6;margin:0;max-width:400px}.booknook-home-browse-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:#fff;color:var(--color-warning-dark);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.booknook-home-browse-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.booknook-home-stats-bar{display:flex;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-4) var(--space-6);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-8)}.booknook-home-stat-item{display:flex;align-items:center;gap:var(--space-3)}.booknook-home-stat-item-icon{color:var(--color-warning)}.booknook-home-stat-item-icon--success{color:var(--color-success)}.booknook-home-stat-item-icon--progress{color:var(--color-info)}.booknook-home-stat-item-content{display:flex;flex-direction:column}.booknook-home-stat-item-value{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);line-height:1.2}.booknook-home-stat-item-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.booknook-home-stat-divider{width:1px;height:40px;background:var(--color-border)}.booknook-home-section{margin-bottom:var(--space-8)}.booknook-home-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.booknook-home-section-title{font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--space-2)}.booknook-home-section-title svg{color:var(--color-warning)}.booknook-home-section-link{display:flex;align-items:center;gap:var(--space-1);color:var(--color-warning-dark);font-size:var(--text-sm);font-weight:500;text-decoration:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.booknook-home-section-link:hover{background:var(--color-warning-light);text-decoration:none}.booknook-home-goals{display:grid;gap:var(--space-4)}@media(min-width:768px){.booknook-home-goals{grid-template-columns:repeat(2,1fr)}}.booknook-home-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:var(--color-text-secondary)}.booknook-home-loading-spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top-color:var(--color-warning);border-radius:50%;animation:booknook-spin .8s linear infinite;margin-bottom:var(--space-4)}@keyframes booknook-spin{to{transform:rotate(360deg)}}.booknook-home-error{text-align:center;padding:var(--space-8);background:var(--color-error-light);border-radius:var(--radius-lg);color:var(--color-error-dark)}@media(max-width:768px){.booknook-home{padding:var(--space-4)}.booknook-home-hero{flex-direction:column;text-align:center;padding:var(--space-6)}.booknook-home-hero-content{flex-direction:column}.booknook-home-hero-icon{width:64px;height:64px}.booknook-home-hero-icon svg{width:32px;height:32px}.booknook-home-subtitle{max-width:100%}.booknook-home-browse-btn{width:100%;justify-content:center}.booknook-home-stats-bar{flex-direction:column;gap:var(--space-4)}.booknook-home-stat-divider{width:100%;height:1px}.booknook-home-stat-item{width:100%;justify-content:center}.booknook-home-goals{grid-template-columns:1fr}}@media(max-width:480px){.booknook-home-title{font-size:var(--text-2xl)}.booknook-home-subtitle{font-size:var(--text-base)}}.book-page{max-width:900px;margin:0 auto;padding:var(--space-4)}.book-page-back{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);margin-bottom:var(--space-4);padding:var(--space-2);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.book-page-back:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.book-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:var(--color-text-secondary)}.book-page-loading-spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top-color:#f59e0b;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--space-4)}.book-page-error{text-align:center;padding:var(--space-8);background-color:var(--color-error-light);border-radius:var(--radius-lg);color:var(--color-error)}.book-page-goal-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.book-page-goal-form{background-color:#fff;border-radius:var(--radius-lg);padding:var(--space-6);width:100%;max-width:400px;box-shadow:var(--shadow-lg)}.book-page-goal-form-title{font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.book-page-goal-form-group{margin-bottom:var(--space-4)}.book-page-goal-form-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.book-page-goal-form-select{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);background-color:#fff}.book-page-goal-form-input{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base)}.book-page-goal-form-checkbox{display:flex;align-items:center;gap:var(--space-2)}.book-page-goal-form-checkbox input{width:18px;height:18px}.book-page-goal-form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.book-page-goal-form-btn{flex:1;padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;cursor:pointer;border:none}.book-page-goal-form-btn--cancel{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.book-page-goal-form-btn--submit{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.book-page-goal-form-btn--submit:disabled{opacity:.5;cursor:not-allowed}.checkin-page{min-height:100vh;background:linear-gradient(180deg,#FFFBEB 0%,var(--color-amber-light) 50%,white 100%)}.checkin-page-back{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);padding:var(--space-4);transition:color var(--transition-fast)}.checkin-page-back:hover{color:var(--color-text-primary)}.checkin-page-back--button{background:none;border:0;cursor:pointer;font:inherit}.checkin-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:var(--color-text-secondary)}.checkin-page-loading-spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top-color:var(--color-amber);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--space-4)}.checkin-page-error{text-align:center;padding:var(--space-8);margin:var(--space-4);background-color:var(--color-error-light);border-radius:var(--radius-lg);color:var(--color-error)}.checkin-page-submitting{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center}.checkin-page-submitting-icon{font-size:64px;margin-bottom:var(--space-4);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.checkin-page-submitting-title{font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.checkin-page-submitting-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin:0}.checkin-page-select-chapter{max-width:600px;margin:0 auto;padding:var(--space-4)}.checkin-page-select-chapter-header{text-align:center;margin-bottom:var(--space-6)}.checkin-page-select-chapter-title{font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.checkin-page-select-chapter-book{font-size:var(--text-base);color:var(--color-text-secondary);margin:0}.checkin-page-chapter-list{display:flex;flex-direction:column;gap:var(--space-3)}.checkin-page-chapter-btn{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background-color:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.checkin-page-chapter-btn:hover{border-color:var(--color-amber);box-shadow:0 2px 8px color-mix(in srgb,var(--color-amber) 15%,transparent)}.checkin-page-chapter-btn:disabled{opacity:.5;cursor:not-allowed}.checkin-page-chapter-btn-info{display:flex;align-items:center;gap:var(--space-3)}.checkin-page-chapter-btn-number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--color-amber-light);color:var(--color-amber-dark);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600}.checkin-page-chapter-btn-number--completed{background-color:var(--color-success-light);color:var(--color-success-dark)}.checkin-page-chapter-btn-title{font-size:var(--text-base);font-weight:500;color:var(--color-text-primary)}.checkin-page-chapter-btn-questions{font-size:var(--text-sm);color:var(--color-text-secondary)}.goals-page{min-height:100vh;background:var(--color-bg-primary);padding:var(--space-6)}.goals-page-header{max-width:800px;margin:0 auto var(--space-8)}.goals-page-back{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-normal);margin-bottom:var(--space-6)}.goals-page-back:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.goals-page-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary)}.goals-page-title svg{color:var(--color-violet)}.goals-page-content{max-width:800px;margin:0 auto}.goals-page-loading{text-align:center;padding:var(--space-12);color:var(--color-text-secondary)}.goals-page-empty{text-align:center;padding:var(--space-12);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.goals-page-empty svg{color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.goals-page-empty h2{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.goals-page-empty p{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.goals-page-browse-button{padding:var(--space-2) var(--space-6);background:var(--color-violet);color:#fff;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:background var(--transition-normal)}.goals-page-browse-button:hover{background:var(--color-violet-dark)}.goals-page-section{margin-bottom:var(--space-8)}.goals-page-section-title{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-4)}.goals-page-section-title svg{color:var(--color-success)}.goals-page-list{display:flex;flex-direction:column;gap:var(--space-2)}.goals-page-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-align:left;width:100%}.goals-page-item:hover{background:var(--color-bg-tertiary);border-color:var(--color-violet)}.goals-page-item--completed{opacity:.8}.goals-page-item-cover{width:60px;height:80px;background:var(--color-bg-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.goals-page-item-cover img{width:100%;height:100%;object-fit:cover}.goals-page-item-cover svg{color:var(--color-text-tertiary)}.goals-page-item-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.goals-page-item-title{font-weight:600;color:var(--color-text-primary)}.goals-page-item-author{font-size:var(--text-sm);color:var(--color-text-secondary)}.goals-page-item-progress{height:6px;background:var(--color-bg-primary);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--space-1)}.goals-page-item-progress-bar{height:100%;background:var(--color-violet);border-radius:var(--radius-full);transition:width var(--transition-slow)}.goals-page-item-chapters{font-size:var(--text-xs);color:var(--color-text-tertiary)}.goals-page-item-completed-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-success);margin-top:var(--space-1)}.goal-detail-page{min-height:100vh;background:var(--color-bg-primary);padding:var(--space-6)}.goal-detail-page-header{max-width:600px;margin:0 auto var(--space-8)}.goal-detail-page-back{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-normal)}.goal-detail-page-back:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.goal-detail-page-content{max-width:600px;margin:0 auto}.goal-detail-page-loading{text-align:center;padding:var(--space-12);color:var(--color-text-secondary)}.goal-detail-page-error{text-align:center;padding:var(--space-12);max-width:400px;margin:0 auto}.goal-detail-page-error svg{color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.goal-detail-page-error h2{font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--space-2)}.goal-detail-page-error p{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.goal-detail-page-back-button{padding:var(--space-2) var(--space-6);background:var(--color-violet);color:#fff;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer}.goal-detail-page-book{display:flex;gap:var(--space-6);padding:var(--space-6);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-bottom:var(--space-8)}.goal-detail-page-cover{width:120px;height:160px;background:var(--color-bg-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.goal-detail-page-cover img{width:100%;height:100%;object-fit:cover}.goal-detail-page-cover svg{color:var(--color-text-tertiary)}.goal-detail-page-book-info{flex:1;display:flex;flex-direction:column;justify-content:center}.goal-detail-page-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-1)}.goal-detail-page-author{color:var(--color-text-secondary);margin-bottom:var(--space-2)}.goal-detail-page-completed-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-success-light);color:var(--color-success);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;width:fit-content}.goal-detail-page-progress-section{margin-bottom:var(--space-8)}.goal-detail-page-section-title{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-4)}.goal-detail-page-section-title svg{color:var(--color-violet)}.goal-detail-page-progress-card{padding:var(--space-6);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.goal-detail-page-progress-bar-container{height:12px;background:var(--color-bg-primary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-4)}.goal-detail-page-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-violet),var(--color-indigo));border-radius:var(--radius-full);transition:width var(--transition-slow)}.goal-detail-page-progress-stats{display:flex;justify-content:space-between;align-items:center}.goal-detail-page-progress-percent{font-size:var(--text-2xl);font-weight:700;color:var(--color-violet)}.goal-detail-page-progress-chapters{color:var(--color-text-secondary)}.goal-detail-page-details{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-8)}.goal-detail-page-detail-item{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm)}.goal-detail-page-detail-item svg{color:var(--color-text-tertiary)}.goal-detail-page-actions{display:flex;flex-direction:column;gap:var(--space-2)}.goal-detail-page-action{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.goal-detail-page-action--primary{background:var(--color-violet);color:#fff;border:none}.goal-detail-page-action--primary:hover{background:var(--color-violet-dark)}.goal-detail-page-action--secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.goal-detail-page-action--secondary:hover{background:var(--color-bg-tertiary);border-color:var(--color-violet)}.achievements-page{min-height:100vh;background:var(--color-bg-primary);padding:var(--space-6)}.achievements-page-header{max-width:800px;margin:0 auto var(--space-8)}.achievements-page-back{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-normal);margin-bottom:var(--space-6)}.achievements-page-back:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.achievements-page-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary)}.achievements-page-title svg{color:var(--color-warning)}.achievements-page-content{max-width:800px;margin:0 auto}.achievements-page-coming-soon{text-align:center;padding:var(--space-12);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.achievements-page-coming-soon-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--color-warning-light);border-radius:50%;margin-bottom:var(--space-6)}.achievements-page-coming-soon-icon svg{color:var(--color-warning)}.achievements-page-coming-soon h2{font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.achievements-page-coming-soon p{color:var(--color-text-secondary);max-width:400px;margin:0 auto var(--space-8)}.achievements-page-preview{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.achievements-page-badge{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4);background:var(--color-bg-primary);border-radius:var(--radius-md);min-width:100px}.achievements-page-badge--locked{opacity:.5}.achievements-page-badge svg{color:var(--color-text-tertiary)}.achievements-page-badge span{font-size:var(--text-xs);color:var(--color-text-secondary)}.report-detail-page{min-height:100vh;background:var(--color-bg-primary);padding:var(--space-6)}.report-detail-page-header{max-width:800px;margin:0 auto var(--space-8)}.report-detail-page-back{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-normal);margin-bottom:var(--space-6)}.report-detail-page-back:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.report-detail-page-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-3)}.report-detail-page-title svg{color:var(--color-indigo)}.report-detail-page-content{max-width:800px;margin:0 auto}.report-detail-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.report-detail-badge{font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);text-transform:capitalize;background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.report-detail-badge--milestone{background:var(--color-success-light);color:var(--color-success)}.report-detail-badge--weekly{background:var(--color-indigo-light);color:var(--color-indigo)}.report-detail-meta-text{font-size:var(--text-sm);color:var(--color-text-tertiary)}.report-detail-error{text-align:center;padding:var(--space-12)}.report-detail-error p{color:var(--color-error);margin-bottom:var(--space-4)}.report-detail-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-5);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.report-detail-stat{text-align:center}.report-detail-stat-value{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary)}.report-detail-stat-label{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-1)}.report-detail-section{margin-bottom:var(--space-6);padding:var(--space-5);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.report-detail-section-title{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-4)}.report-detail-note{padding:var(--space-3) var(--space-4);border:1px solid var(--color-warning);border-radius:var(--radius-md);background:var(--color-warning-light);color:var(--color-warning-text);font-size:var(--text-sm)}.report-detail-highlights{padding-left:var(--space-5);color:var(--color-text-secondary)}.report-detail-highlights li{margin-bottom:var(--space-2)}.report-detail-subjects{display:flex;flex-direction:column;gap:var(--space-3)}.report-detail-subject-card{padding:var(--space-4);background:var(--color-bg-primary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.report-detail-subject-name{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-3)}.report-detail-subject-stats{display:flex;gap:var(--space-6)}.report-detail-subject-stat{display:flex;flex-direction:column}.report-detail-subject-stat-value{font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary)}.report-detail-subject-stat-label{font-size:var(--text-xs);color:var(--color-text-tertiary)}.report-detail-percentiles{display:flex;flex-direction:column;gap:var(--space-2)}.report-detail-percentile{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--color-bg-primary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.report-detail-percentile-subject{font-weight:500;color:var(--color-text-primary)}.report-detail-percentile-value{font-weight:700;color:var(--color-indigo)}@media(max-width:640px){.report-detail-stats{grid-template-columns:repeat(2,1fr)}.report-detail-subject-stats{flex-wrap:wrap;gap:var(--space-4)}.report-detail-meta{flex-direction:column;align-items:flex-start;gap:var(--space-1)}}.subject-card{display:flex;flex-direction:column;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal);border:1px solid #6366F120;height:100%}.subject-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #6366f126}.subject-card-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:var(--radius-md);color:#fff;font-size:var(--text-2xl);margin-bottom:var(--space-3)}.subject-card-content{flex:1;display:flex;flex-direction:column}.subject-card-name{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-1) 0;line-height:1.3}.subject-card-category{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-3) 0}.subject-card-meta{margin-top:auto;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.subject-card-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.subject-card-badge-grade{background-color:#e0e7ff;color:#3730a3}.subject-card-badge-topics{background-color:#ecfccb;color:#3f6212}.subject-card--science{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b98120}.subject-card--science .subject-card-icon{background:linear-gradient(135deg,#10b981,#059669)}.subject-card--science:hover{box-shadow:0 8px 24px #10b98126}.subject-card--math{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f620}.subject-card--math .subject-card-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.subject-card--math:hover{box-shadow:0 8px 24px #3b82f626}.subject-card--history{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b20}.subject-card--history .subject-card-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.subject-card--history:hover{box-shadow:0 8px 24px #f59e0b26}.subject-card--social{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-color:#8b5cf620}.subject-card--social .subject-card-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.subject-card--social:hover{box-shadow:0 8px 24px #8b5cf626}.subject-list{width:100%}.subject-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.subject-list-title{font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--space-2)}.subject-list-filters{display:flex;align-items:center;gap:var(--space-2)}.subject-list-filter-select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);background-color:#fff;cursor:pointer;min-width:140px}.subject-list-filter-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.subject-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}@media(min-width:768px){.subject-list-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-6)}}.subject-list-empty{grid-column:1 / -1;text-align:center;padding:var(--space-12);color:var(--color-text-secondary)}.subject-list-empty-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.5}.subject-list-empty-text{font-size:var(--text-lg);margin:0 0 var(--space-2) 0}.subject-list-loading{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;padding:var(--space-12);color:var(--color-text-secondary)}.subject-list-loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite;margin-right:var(--space-3)}@keyframes spin{to{transform:rotate(360deg)}}.topic-selector{background-color:#fff;border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--color-border)}.topic-selector-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.topic-selector-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--space-2)}.topic-selector-count{font-size:var(--text-sm);color:var(--color-text-secondary);background-color:var(--color-bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.topic-selector-actions{display:flex;gap:var(--space-2)}.topic-selector-action-btn{padding:var(--space-1) var(--space-2);font-size:var(--text-sm);color:#6366f1;background:none;border:1px solid #6366F1;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.topic-selector-action-btn:hover{background-color:#eef2ff}.topic-selector-list{display:flex;flex-direction:column;gap:var(--space-1);max-height:400px;overflow-y:auto}.topic-selector-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.topic-selector-item:hover{background-color:var(--color-bg-secondary)}.topic-selector-checkbox{width:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.topic-selector-item--selected .topic-selector-checkbox{background-color:#6366f1;border-color:#6366f1;color:#fff}.topic-selector-item-content{flex:1}.topic-selector-item-name{font-size:var(--text-base);font-weight:500;color:var(--color-text-primary);margin:0}.topic-selector-item-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.topic-selector-subtopics{padding-left:calc(var(--space-6) + 20px)}.topic-selector-subtopics .topic-selector-item{padding:var(--space-2) var(--space-3)}.topic-selector-subtopics .topic-selector-checkbox{width:16px;height:16px}.topic-selector-subtopics .topic-selector-item-name{font-size:var(--text-sm)}.topic-selector-empty{text-align:center;padding:var(--space-8);color:var(--color-text-secondary)}.topic-selector-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--color-text-secondary)}.topic-selector-loading-spinner{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite;margin-right:var(--space-3)}.topic-selector--error{border-color:var(--color-error)}.topic-selector-error-text{color:var(--color-error);font-size:var(--text-sm);margin-top:var(--space-2)}.test-config{background-color:#fff;border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--color-border)}.test-config-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-4) 0;display:flex;align-items:center;gap:var(--space-2)}.test-config-form{display:flex;flex-direction:column;gap:var(--space-4)}.test-config-group{display:flex;flex-direction:column;gap:var(--space-2)}.test-config-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.test-config-input{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.test-config-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.test-config-input::placeholder{color:var(--color-text-tertiary)}.test-config-select{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);background-color:#fff;cursor:pointer}.test-config-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.test-config-question-count{display:flex;gap:var(--space-2)}.test-config-count-option{flex:1;padding:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:#fff;text-align:center;cursor:pointer;transition:all var(--transition-fast)}.test-config-count-option:hover,.test-config-count-option--selected{border-color:#6366f1;background-color:#eef2ff}.test-config-count-value{font-size:var(--text-xl);font-weight:600;color:#6366f1}.test-config-count-label{font-size:var(--text-xs);color:var(--color-text-secondary)}.test-config-difficulty{display:flex;gap:var(--space-2)}.test-config-difficulty-option{flex:1;padding:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:#fff;text-align:center;cursor:pointer;transition:all var(--transition-fast)}.test-config-difficulty-option:hover{border-color:#6366f1}.test-config-difficulty-option--selected{border-color:#6366f1;background-color:#eef2ff}.test-config-difficulty-name{font-size:var(--text-base);font-weight:500;color:var(--color-text-primary)}.test-config-difficulty-desc{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-1)}.test-config-time{display:flex;align-items:center;gap:var(--space-3)}.test-config-time-checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.test-config-time-checkbox input{width:18px;height:18px}.test-config-time-input{width:100px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);text-align:center}.test-config-time-input:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-tertiary)}.test-config-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:600px){.test-config-row{grid-template-columns:1fr}}.test-question{background-color:#fff;border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.test-question-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-4)}.test-question-number{font-size:var(--text-sm);font-weight:600;color:#6366f1;background-color:#eef2ff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.test-question-flag{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.test-question-flag:hover{border-color:#f59e0b;color:#f59e0b}.test-question-flag--flagged{background-color:#fef3c7;border-color:#f59e0b;color:#d97706}.test-question-text{font-size:var(--text-lg);font-weight:500;color:var(--color-text-primary);line-height:1.5;margin:0 0 var(--space-6) 0}.test-question-options{display:flex;flex-direction:column;gap:var(--space-3)}.test-question-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.test-question-option:hover,.test-question-option--selected{border-color:#6366f1;background-color:#eef2ff}.test-question-option-letter{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;flex-shrink:0;background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);transition:all var(--transition-fast)}.test-question-option--selected .test-question-option-letter{background-color:#6366f1;color:#fff}.test-question-option-text{font-size:var(--text-base);color:var(--color-text-primary);line-height:1.4}.test-question-short-answer{width:100%}.test-question-textarea{width:100%;min-height:120px;padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);font-family:inherit;line-height:1.6;resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.test-question-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.test-question-textarea::placeholder{color:var(--color-text-tertiary)}.test-question--correct .test-question-option--selected{border-color:var(--color-success);background-color:var(--color-success-light)}.test-question--correct .test-question-option--selected .test-question-option-letter{background-color:var(--color-success)}.test-question--incorrect .test-question-option--selected{border-color:var(--color-error);background-color:var(--color-error-light)}.test-question--incorrect .test-question-option--selected .test-question-option-letter{background-color:var(--color-error)}.test-question-option--correct{border-color:var(--color-success)!important;background-color:var(--color-success-light)!important}.test-question-option--correct .test-question-option-letter{background-color:var(--color-success)!important;color:#fff!important}.test-question-explanation{margin-top:var(--space-4);padding:var(--space-4);background-color:#eef2ff;border-radius:var(--radius-md);border-left:4px solid #6366F1}.test-question-explanation-title{font-size:var(--text-sm);font-weight:600;color:#4338ca;margin:0 0 var(--space-2) 0}.test-question-explanation-text{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.test-progress{background-color:#fff;border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--color-border);margin-bottom:var(--space-4)}.test-progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);flex-wrap:wrap;gap:var(--space-3)}.test-progress-info{display:flex;align-items:center;gap:var(--space-4)}.test-progress-stat{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.test-progress-stat-value{font-weight:600;color:var(--color-text-primary)}.test-progress-timer{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-bg-secondary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500}.test-progress-timer-icon{color:var(--color-text-secondary)}.test-progress-timer-value{font-family:JetBrains Mono,monospace;font-size:var(--text-base);color:var(--color-text-primary)}.test-progress-timer--warning{background-color:#fef3c7}.test-progress-timer--warning .test-progress-timer-value{color:#d97706}.test-progress-timer--danger{background-color:var(--color-error-light);animation:pulse 1s ease-in-out infinite}.test-progress-timer--danger .test-progress-timer-value{color:var(--color-error)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.test-progress-bar{height:6px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-3)}.test-progress-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#4f46e5);border-radius:var(--radius-full);transition:width .3s ease}.test-progress-questions{display:flex;flex-wrap:wrap;gap:var(--space-1)}.test-progress-question-dot{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);border:2px solid transparent}.test-progress-question-dot:hover{background-color:#eef2ff;border-color:#6366f1}.test-progress-question-dot--current{background-color:#6366f1;color:#fff;border-color:#6366f1}.test-progress-question-dot--answered{background-color:#ecfccb;color:#3f6212}.test-progress-question-dot--flagged{background-color:#fef3c7;color:#d97706}.test-progress-question-dot--flagged.test-progress-question-dot--answered{background-color:#fef3c7;border-color:#f59e0b}.test-progress-nav{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-4);gap:var(--space-3)}.test-progress-nav-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none}.test-progress-nav-btn--prev{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.test-progress-nav-btn--prev:hover:not(:disabled){background-color:var(--color-border)}.test-progress-nav-btn--next{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.test-progress-nav-btn--next:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.test-progress-nav-btn--submit{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.test-progress-nav-btn--submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.test-progress-nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.test-progress-summary{display:flex;justify-content:center;gap:var(--space-6);padding:var(--space-3);background-color:var(--color-bg-secondary);border-radius:var(--radius-md)}.test-progress-summary-item{text-align:center}.test-progress-summary-value{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary)}.test-progress-summary-label{font-size:var(--text-xs);color:var(--color-text-secondary)}.test-results{max-width:800px;margin:0 auto}.test-results-header{text-align:center;padding:var(--space-8);background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:var(--radius-lg);margin-bottom:var(--space-6);border:1px solid #6366F120}.test-results-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.test-results-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin:0}.test-results-score{display:flex;justify-content:center;margin-bottom:var(--space-6)}.test-results-score-ring{position:relative;width:180px;height:180px}.test-results-score-ring svg{transform:rotate(-90deg)}.test-results-score-ring-bg{fill:none;stroke:#e5e7eb;stroke-width:14}.test-results-score-ring-fill{fill:none;stroke-width:14;stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}.test-results-score-ring-fill--high{stroke:var(--color-success)}.test-results-score-ring-fill--medium{stroke:#6366f1}.test-results-score-ring-fill--low{stroke:var(--color-error)}.test-results-score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.test-results-score-number{font-size:48px;font-weight:700;color:var(--color-text-primary);line-height:1}.test-results-score-percent{font-size:var(--text-xl);color:var(--color-text-secondary)}.test-results-score-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.test-results-stats{display:flex;justify-content:center;gap:var(--space-8);padding:var(--space-4);background-color:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-bottom:var(--space-6)}.test-results-stat{text-align:center}.test-results-stat-value{font-size:var(--text-2xl);font-weight:600;color:var(--color-text-primary)}.test-results-stat-value--correct{color:var(--color-success)}.test-results-stat-value--incorrect{color:var(--color-error)}.test-results-stat-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.test-results-gap{display:grid;gap:var(--space-4);margin-bottom:var(--space-6)}@media(min-width:600px){.test-results-gap{grid-template-columns:1fr 1fr}}.test-results-gap-card{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.test-results-gap-card--weak{background-color:var(--color-error-light);border-color:var(--color-error)}.test-results-gap-card--strong{background-color:var(--color-success-light);border-color:var(--color-success)}.test-results-gap-title{font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-3) 0;display:flex;align-items:center;gap:var(--space-2)}.test-results-gap-card--weak .test-results-gap-title{color:var(--color-error)}.test-results-gap-card--strong .test-results-gap-title{color:var(--color-success-dark)}.test-results-gap-list{list-style:none;margin:0;padding:0}.test-results-gap-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text-secondary);border-bottom:1px solid rgba(0,0,0,.05)}.test-results-gap-item:last-child{border-bottom:none}.test-results-gap-item-name{color:var(--color-text-primary)}.test-results-gap-item-score{font-weight:600}.test-results-recommendation{background-color:#eef2ff;border-radius:var(--radius-lg);padding:var(--space-4);border-left:4px solid #6366F1;margin-bottom:var(--space-6)}.test-results-recommendation-title{font-size:var(--text-sm);font-weight:600;color:#4338ca;margin:0 0 var(--space-2) 0;display:flex;align-items:center;gap:var(--space-2)}.test-results-recommendation-text{font-size:var(--text-base);color:var(--color-text-secondary);margin:0;line-height:1.5}.test-results-topics{background-color:#fff;border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--color-border);margin-bottom:var(--space-6)}.test-results-topics-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.test-results-topic-item{margin-bottom:var(--space-3)}.test-results-topic-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.test-results-topic-name{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.test-results-topic-score{font-size:var(--text-sm);font-weight:600}.test-results-topic-score--high{color:var(--color-success)}.test-results-topic-score--medium{color:#6366f1}.test-results-topic-score--low{color:var(--color-error)}.test-results-topic-bar{height:8px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.test-results-topic-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease}.test-results-topic-bar-fill--high{background-color:var(--color-success)}.test-results-topic-bar-fill--medium{background-color:#6366f1}.test-results-topic-bar-fill--low{background-color:var(--color-error)}.test-results-actions{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.test-results-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none;width:100%;max-width:300px}.test-results-action-btn--primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.test-results-action-btn--primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #6366f14d}.test-results-action-btn--secondary{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.test-results-action-btn--secondary:hover{background-color:var(--color-border)}.test-results-review-toggle{display:flex;justify-content:center;margin-bottom:var(--space-4)}.test-results-review-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:#6366f1;background:none;border:1px solid #6366F1;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.test-results-review-btn:hover{background-color:#eef2ff}.test-results-questions{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.boost-nook-home{max-width:1200px;margin:0 auto;padding:var(--space-6)}.boost-nook-hero{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-8);background:linear-gradient(135deg,var(--color-indigo) 0%,var(--color-violet) 100%);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.boost-nook-hero-content{display:flex;align-items:center;gap:var(--space-4)}.boost-nook-hero-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:var(--radius-lg);color:#fff}.boost-nook-hero-text{flex:1}.boost-nook-title{font-size:var(--text-3xl);font-weight:700;color:#fff;margin:0 0 var(--space-1) 0}.boost-nook-subtitle{font-size:var(--text-lg);color:#ffffffe6;margin:0;max-width:400px}.boost-nook-create-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:#fff;color:var(--color-indigo);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.boost-nook-create-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.boost-nook-stats-bar{display:flex;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-4) var(--space-6);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-8)}.boost-nook-stat-item{display:flex;align-items:center;gap:var(--space-3)}.boost-nook-stat-item-icon{color:var(--color-indigo)}.boost-nook-stat-item-icon--success{color:var(--color-success)}.boost-nook-stat-item-icon--warning{color:var(--color-warning)}.boost-nook-stat-item-content{display:flex;flex-direction:column}.boost-nook-stat-item-value{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);line-height:1.2}.boost-nook-stat-item-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.boost-nook-stat-divider{width:1px;height:40px;background:var(--color-border)}.boost-nook-section{margin-bottom:var(--space-8)}.boost-nook-section--gifted{background:linear-gradient(135deg,var(--color-violet-light) 0%,var(--color-indigo-light) 100%);margin-left:calc(-1 * var(--space-6));margin-right:calc(-1 * var(--space-6));padding:var(--space-6);border-radius:0}.boost-nook-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.boost-nook-section-title{font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--space-2)}.boost-nook-section-title svg{color:var(--color-indigo)}.boost-nook-section--gifted .boost-nook-section-title svg{color:var(--color-violet)}.boost-nook-section-link{display:flex;align-items:center;gap:var(--space-1);background:none;border:none;color:var(--color-indigo);font-size:var(--text-sm);font-weight:500;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.boost-nook-section-link:hover{background:var(--color-indigo-light)}.boost-nook-section-desc{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-4) 0}.boost-nook-recent-list{display:flex;flex-direction:column;gap:var(--space-2)}.boost-nook-recent-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.boost-nook-recent-card:hover{border-color:var(--color-indigo);background:var(--color-indigo-light)}.boost-nook-recent-info{display:flex;flex-direction:column;gap:var(--space-1)}.boost-nook-recent-name{font-size:var(--text-base);font-weight:500;color:var(--color-text-primary)}.boost-nook-recent-subject{font-size:var(--text-sm);color:var(--color-text-secondary)}.boost-nook-recent-meta{display:flex;align-items:center;gap:var(--space-4)}.boost-nook-recent-score{font-size:var(--text-lg);font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}.boost-nook-recent-score--high{color:var(--color-success-dark);background:var(--color-success-light)}.boost-nook-recent-score--medium{color:var(--color-indigo-dark);background:var(--color-indigo-light)}.boost-nook-recent-score--low{color:var(--color-error-dark);background:var(--color-error-light)}.boost-nook-recent-status{font-size:var(--text-sm);color:var(--color-text-tertiary);font-style:italic}.boost-nook-recent-date{font-size:var(--text-sm);color:var(--color-text-tertiary)}.boost-nook-recent-arrow{color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.boost-nook-recent-card:hover .boost-nook-recent-arrow{color:var(--color-indigo);transform:translate(4px)}.boost-nook-gifted-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.boost-nook-gifted-card{display:flex;flex-direction:column;padding:var(--space-4);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.boost-nook-gifted-card:hover{border-color:var(--color-violet);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.boost-nook-gifted-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.boost-nook-gifted-icon-wrap{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-violet) 0%,var(--color-indigo) 100%);border-radius:var(--radius-md);color:#fff}.boost-nook-gifted-name{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0}.boost-nook-gifted-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-3) 0;line-height:1.5;flex:1}.boost-nook-gifted-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.boost-nook-gifted-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-full)}.boost-nook-gifted-badge--grade{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.boost-nook-gifted-badge--verbal{background:var(--color-info-light);color:var(--color-info)}.boost-nook-gifted-badge--quantitative{background:var(--color-success-light);color:var(--color-success-dark)}.boost-nook-gifted-badge--nonverbal{background:var(--color-warning-light);color:var(--color-warning-dark)}.boost-nook-gifted-footer{display:flex;gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.boost-nook-gifted-stat{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-tertiary)}.boost-nook-gifted-stat svg{color:var(--color-violet)}@media(max-width:768px){.boost-nook-home{padding:var(--space-4)}.boost-nook-hero{flex-direction:column;text-align:center;padding:var(--space-6)}.boost-nook-hero-content{flex-direction:column}.boost-nook-hero-icon{width:64px;height:64px}.boost-nook-hero-icon svg{width:32px;height:32px}.boost-nook-subtitle{max-width:100%}.boost-nook-create-btn{width:100%;justify-content:center}.boost-nook-stats-bar{flex-direction:column;gap:var(--space-4)}.boost-nook-stat-divider{width:100%;height:1px}.boost-nook-stat-item{width:100%;justify-content:center}.boost-nook-section--gifted{margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4));padding:var(--space-4)}.boost-nook-gifted-grid{grid-template-columns:1fr}.boost-nook-recent-card{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.boost-nook-recent-meta{width:100%;justify-content:space-between}.boost-nook-recent-arrow{display:none}}@media(max-width:480px){.boost-nook-title{font-size:var(--text-2xl)}.boost-nook-subtitle{font-size:var(--text-base)}}.create-test-page{max-width:800px;margin:0 auto;padding:var(--space-6)}.create-test-header{margin-bottom:var(--space-6)}.create-test-back{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);background:none;border:none;cursor:pointer;margin-bottom:var(--space-4);border-radius:var(--radius-md);transition:all var(--transition-fast)}.create-test-back:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.create-test-header-content{text-align:center}.create-test-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.create-test-subtitle{font-size:var(--text-lg);color:#6366f1;margin:0;font-weight:500}.create-test-progress{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-8)}.create-test-progress-step{display:flex;align-items:center;gap:var(--space-2)}.create-test-progress-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.create-test-progress-step.active .create-test-progress-number{background-color:#6366f1;color:#fff}.create-test-progress-step.completed .create-test-progress-number{background-color:var(--color-success);color:#fff}.create-test-progress-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.create-test-progress-step.active .create-test-progress-label{color:var(--color-text-primary);font-weight:500}.create-test-progress-line{width:40px;height:2px;background-color:var(--color-border)}.create-test-content{min-height:400px}.create-test-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12);color:var(--color-text-secondary)}.create-test-spinner{animation:spin 1s linear infinite}.create-test-topics,.create-test-config{display:flex;flex-direction:column;gap:var(--space-6)}.create-test-actions{display:flex;justify-content:center;padding-top:var(--space-4)}.create-test-next-btn,.create-test-generate-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-size:var(--text-lg);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-width:200px}.create-test-next-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.create-test-next-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #6366f14d}.create-test-generate-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.create-test-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #10b9814d}.create-test-next-btn:disabled,.create-test-generate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.create-test-error{padding:var(--space-4);background-color:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);text-align:center}@media(max-width:640px){.create-test-page{padding:var(--space-4)}.create-test-progress-label{display:none}.create-test-progress-line{width:24px}}.create-gifted-page{max-width:900px;margin:0 auto;padding:var(--space-6)}.create-gifted-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12);color:var(--color-text-secondary)}.create-gifted-spinner{animation:spin 1s linear infinite}.create-gifted-error{text-align:center;padding:var(--space-8);color:var(--color-error)}.create-gifted-error button{margin-top:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer}.create-gifted-error-message{padding:var(--space-4);background-color:#fef2f2;border:1px solid #FECACA;border-radius:var(--radius-md);color:#dc2626;margin-bottom:var(--space-4)}.create-gifted-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6)}.create-gifted-back{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.create-gifted-back:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.create-gifted-header-content{display:flex;align-items:center;gap:var(--space-3);flex:1}.create-gifted-header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:var(--radius-lg);color:#8b5cf6}.create-gifted-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0}.create-gifted-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin:var(--space-1) 0 0 0}.create-gifted-progress{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-8)}.create-gifted-progress-step{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background-color:var(--color-bg-secondary);color:var(--color-text-tertiary);font-size:var(--text-sm);transition:all var(--transition-fast)}.create-gifted-progress-step.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.create-gifted-progress-step.completed{background-color:#d1fae5;color:#047857}.create-gifted-progress-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:#fff3;font-weight:600;font-size:var(--text-xs)}.create-gifted-progress-step.active .create-gifted-progress-number{background-color:#ffffff4d}.create-gifted-progress-step.completed .create-gifted-progress-number{background-color:#047857;color:#fff}.create-gifted-progress-line{width:40px;height:2px;background-color:var(--color-border)}.create-gifted-content{background-color:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.create-gifted-types-intro{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-6) 0;line-height:1.6}.create-gifted-battery-section{margin-bottom:var(--space-6)}.create-gifted-battery-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.create-gifted-battery-title{font-size:var(--text-lg);font-weight:600;margin:0;padding-left:var(--space-3);border-left:3px solid}.create-gifted-battery-title--verbal{border-color:#3b82f6;color:#1d4ed8}.create-gifted-battery-title--quantitative{border-color:#10b981;color:#047857}.create-gifted-battery-title--nonverbal{border-color:#f59e0b;color:#b45309}.create-gifted-select-all{padding:var(--space-1) var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.create-gifted-select-all:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.create-gifted-types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-3)}.create-gifted-type-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-bg-secondary);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.create-gifted-type-card:hover{background-color:#f5f3ff;border-color:#c4b5fd}.create-gifted-type-card.selected{background-color:#ede9fe;border-color:#8b5cf6}.create-gifted-type-check{display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;border:2px solid var(--color-border);border-radius:var(--radius-sm);background-color:#fff;transition:all var(--transition-fast)}.create-gifted-type-card.selected .create-gifted-type-check{background-color:#8b5cf6;border-color:#8b5cf6;color:#fff}.create-gifted-type-content{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.create-gifted-type-name{font-size:var(--text-base);font-weight:500;color:var(--color-text-primary)}.create-gifted-type-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.4}.create-gifted-type-count{font-size:var(--text-xs);color:var(--color-text-tertiary)}.create-gifted-actions{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.create-gifted-selection-summary{font-size:var(--text-sm);color:var(--color-text-secondary)}.create-gifted-next-btn,.create-gifted-generate-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.create-gifted-next-btn:hover:not(:disabled),.create-gifted-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #8b5cf64d}.create-gifted-next-btn:disabled,.create-gifted-generate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.create-gifted-config-section{margin-bottom:var(--space-6)}.create-gifted-config-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.create-gifted-config-input{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);transition:border-color var(--transition-fast)}.create-gifted-config-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.create-gifted-config-options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.create-gifted-config-option{padding:var(--space-2) var(--space-4);background-color:var(--color-bg-secondary);border:2px solid transparent;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.create-gifted-config-option:hover{background-color:#f5f3ff;color:#8b5cf6}.create-gifted-config-option.selected{background-color:#ede9fe;border-color:#8b5cf6;color:#7c3aed}.create-gifted-difficulty-options{display:flex;flex-direction:column;gap:var(--space-2)}.create-gifted-difficulty-option{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-4);background-color:var(--color-bg-secondary);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.create-gifted-difficulty-option:hover{background-color:#f5f3ff}.create-gifted-difficulty-option.selected{background-color:#ede9fe;border-color:#8b5cf6}.create-gifted-difficulty-label{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary)}.create-gifted-difficulty-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.create-gifted-summary{background-color:#f5f3ff;border:1px solid #C4B5FD;border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.create-gifted-summary h4{font-size:var(--text-base);font-weight:600;color:#7c3aed;margin:0 0 var(--space-3) 0}.create-gifted-summary ul{list-style:none;padding:0;margin:0}.create-gifted-summary li{font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-1) 0}.create-gifted-summary li strong{color:var(--color-text-primary)}.create-gifted-upgrade-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.create-gifted-upgrade-modal{background-color:#fff;border-radius:var(--radius-xl);padding:var(--space-8);max-width:480px;width:100%;text-align:center;box-shadow:0 20px 60px #0003}.create-gifted-upgrade-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto var(--space-4);background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:50%;color:#8b5cf6}.create-gifted-upgrade-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.create-gifted-upgrade-description{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-6) 0;line-height:1.6}.create-gifted-upgrade-features{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6);text-align:left}.create-gifted-upgrade-feature{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:#f5f3ff;border-radius:var(--radius-md);color:#7c3aed;font-size:var(--text-sm);font-weight:500}.create-gifted-upgrade-pricing{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-4);background-color:var(--color-bg-secondary);border-radius:var(--radius-md)}.create-gifted-upgrade-plan{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm)}.create-gifted-upgrade-plan strong{color:var(--color-text-primary)}.create-gifted-upgrade-plan span{color:var(--color-text-secondary)}.create-gifted-upgrade-actions{display:flex;flex-direction:column;gap:var(--space-3)}.create-gifted-upgrade-btn{padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.create-gifted-upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #8b5cf64d}.create-gifted-upgrade-cancel{padding:var(--space-2);background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:color var(--transition-fast)}.create-gifted-upgrade-cancel:hover{color:var(--color-text-primary)}@media(max-width:640px){.create-gifted-page{padding:var(--space-4)}.create-gifted-header{flex-direction:column}.create-gifted-progress{flex-wrap:wrap}.create-gifted-types-grid{grid-template-columns:1fr}.create-gifted-actions{flex-direction:column;gap:var(--space-4)}.create-gifted-next-btn,.create-gifted-generate-btn{width:100%;justify-content:center}.create-gifted-upgrade-modal{padding:var(--space-6)}}.take-test-page{max-width:800px;margin:0 auto;padding:var(--space-4);min-height:100vh}.take-test-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12);color:var(--color-text-secondary)}.take-test-spinner{animation:spin 1s linear infinite}.take-test-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);padding:var(--space-3);background-color:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.take-test-back{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);background:none;border:none;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.take-test-back:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.take-test-info{flex:1;text-align:center}.take-test-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0}.take-test-subject{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.take-test-flag-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:none;border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.take-test-flag-btn:hover{border-color:#f59e0b;color:#f59e0b;background-color:#fef3c7}.take-test-flag-btn.flagged{background-color:#fef3c7;border-color:#f59e0b;color:#d97706}.take-test-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.take-test-modal{background-color:#fff;border-radius:var(--radius-lg);padding:var(--space-6);max-width:400px;width:100%;text-align:center}.take-test-modal-title{font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.take-test-modal-message{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-6) 0;line-height:1.5}.take-test-modal-actions{display:flex;gap:var(--space-3)}.take-test-modal-btn{flex:1;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.take-test-modal-btn--cancel{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.take-test-modal-btn--cancel:hover{background-color:var(--color-border)}.take-test-modal-btn--submit{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.take-test-modal-btn--submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.take-test-modal-btn--submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.take-test-page{padding:var(--space-3)}.take-test-header{flex-wrap:wrap}.take-test-info{order:-1;width:100%;margin-bottom:var(--space-2)}.take-test-back{flex:1;justify-content:center}.take-test-flag-btn{flex:0}}.take-gifted-page{min-height:100vh;background:var(--color-bg-secondary);padding:var(--space-4)}.take-gifted-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--space-4);color:var(--color-text-secondary)}.take-gifted-spinner{animation:spin 1s linear infinite}.take-gifted-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-primary);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.take-gifted-back{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.take-gifted-back:hover{background:var(--color-bg-secondary);color:var(--color-text)}.take-gifted-info{flex:1}.take-gifted-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin:0}.take-gifted-type{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.take-gifted-flag-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.take-gifted-flag-btn:hover{background:var(--color-bg-secondary)}.take-gifted-flag-btn.flagged{background:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning)}.take-gifted-question{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-4)}.take-gifted-question-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.take-gifted-question-number{font-size:var(--text-sm);color:var(--color-text-secondary)}.take-gifted-question-battery{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;text-transform:capitalize}.take-gifted-question-battery--verbal{background:var(--color-info-light);color:var(--color-info)}.take-gifted-question-battery--quantitative{background:var(--color-success-light);color:var(--color-success)}.take-gifted-question-battery--nonverbal{background:var(--color-warning-light);color:var(--color-warning)}.take-gifted-question-stem{font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-4);line-height:1.6}.take-gifted-question-stimulus{background:var(--color-bg-secondary);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-style:italic;color:var(--color-text-secondary)}.take-gifted-question-visual{display:flex;justify-content:center;padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.take-gifted-question-visual svg{max-width:100%;height:auto}.take-gifted-choices{display:flex;flex-direction:column;gap:var(--space-2)}.take-gifted-choice{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-align:left}.take-gifted-choice:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-light)}.take-gifted-choice.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.take-gifted-choice:disabled{cursor:not-allowed;opacity:.7}.take-gifted-choice-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-bg-primary);border-radius:50%;font-weight:600;color:var(--color-text);flex-shrink:0}.take-gifted-choice.selected .take-gifted-choice-letter{background:var(--color-primary);color:#fff}.take-gifted-choice-text{flex:1;color:var(--color-text)}.take-gifted-submitting{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);color:var(--color-text-secondary)}.take-gifted-feedback{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--space-8);margin-top:var(--space-4);text-align:center}.take-gifted-feedback-icon{margin-bottom:var(--space-4)}.take-gifted-feedback-icon.correct{color:var(--color-success)}.take-gifted-feedback-icon.incorrect{color:var(--color-error)}.take-gifted-feedback-title{font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin:0 0 var(--space-4)}.take-gifted-feedback-answer{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-4)}.take-gifted-feedback-answer strong{color:var(--color-success)}.take-gifted-feedback-explanation{font-size:var(--text-base);color:var(--color-text);line-height:1.6;margin:0 0 var(--space-6);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-md);text-align:left}.take-gifted-feedback-next{padding:var(--space-4) var(--space-8);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:background .2s ease}.take-gifted-feedback-next:hover{background:var(--color-primary-dark)}.take-gifted-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.take-gifted-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--space-8);max-width:400px;width:100%}.take-gifted-modal-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--space-4)}.take-gifted-modal-message{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-6);line-height:1.6}.take-gifted-modal-actions{display:flex;gap:var(--space-4);justify-content:flex-end}.take-gifted-modal-btn{padding:var(--space-2) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all .2s ease}.take-gifted-modal-btn--cancel{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.take-gifted-modal-btn--cancel:hover{background:var(--color-bg-secondary)}.take-gifted-modal-btn--submit{background:var(--color-primary);border:none;color:#fff}.take-gifted-modal-btn--submit:hover{background:var(--color-primary-dark)}.take-gifted-modal-btn--submit:disabled{opacity:.7;cursor:not-allowed}@media(max-width:768px){.take-gifted-header{flex-wrap:wrap}.take-gifted-info{order:-1;width:100%;margin-bottom:var(--space-2)}.take-gifted-modal-actions{flex-direction:column}.take-gifted-modal-btn{width:100%;text-align:center}}.results-page{max-width:800px;margin:0 auto;padding:var(--space-6);min-height:100vh}.results-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12);color:var(--color-text-secondary)}.results-page-spinner{animation:spin 1s linear infinite}.results-page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12);text-align:center}.results-page-error p{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0}.results-page-back-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:500;color:#6366f1;background:none;border:1px solid #6366F1;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.results-page-back-btn:hover{background-color:#eef2ff}.results-page-header{margin-bottom:var(--space-4)}.results-page-back{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);background:none;border:none;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.results-page-back:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}@media(max-width:640px){.results-page{padding:var(--space-4)}}:root{--color-primary: #1E293B;--color-primary-dark: #0F172A;--color-secondary: #334155;--color-tertiary: #475569;--color-highlight: #6366F1;--color-highlight-light: #E0E7FF;--color-accent: #F59E0B;--color-accent-light: #FEF3C7;--color-indigo: #6366F1;--color-indigo-mid: #818CF8;--color-indigo-light: #E0E7FF;--color-indigo-dark: #4338CA;--color-violet: #8B5CF6;--color-violet-light: #F3E8FF;--color-violet-dark: #6D28D9;--color-success: #10B981;--color-success-dark: #059669;--color-success-light: #D1FAE5;--color-warning: #F59E0B;--color-warning-dark: #D97706;--color-warning-light: #FEF3C7;--color-warning-text: #92400E;--color-amber: #F59E0B;--color-amber-light: #FEF3C7;--color-amber-dark: #92400E;--color-error: #EF4444;--color-error-dark: #DC2626;--color-error-light: #FEE2E2;--color-info: #0284C7;--color-info-light: #E0F2FE;--color-rarity-common: #6B7280;--color-rarity-common-light: #F4F4F5;--color-rarity-uncommon: #22C55E;--color-rarity-uncommon-dark: #15803D;--color-rarity-uncommon-light: #DCFCE7;--color-rarity-rare: #3B82F6;--color-rarity-rare-dark: #1D4ED8;--color-rarity-rare-light: #DBEAFE;--color-rarity-legendary: #F59E0B;--color-rarity-legendary-dark: #B45309;--color-rarity-legendary-light: #FEF3C7;--color-coral: #FF6B6B;--color-pink: #EC4899;--color-pink-light: #F472B6;--color-yellow: #EAB308;--color-yellow-light: #FCD34D;--color-gold: #FBBF24;--color-gold-light: #FFE082;--color-orange: #F97316;--color-orange-dark: #F57C00;--color-brown: #5D4037;--color-brown-light: #6D4C41;--color-test-cogat: #4F46E5;--color-test-nnat: #7C3AED;--color-test-olsat: #2563EB;--color-test-scat: #059669;--color-bg-primary: #FFFFFF;--color-bg-secondary: #F8FAFC;--color-bg-tertiary: #F1F5F9;--color-text-primary: #1E293B;--color-text-secondary: #475569;--color-text-tertiary: #94A3B8;--color-border: #E2E8F0;--color-math: #2563EB;--color-ela: #059669;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px rgba(0,0,0,.1);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}[data-age-group=young]{--text-base: 1.125rem;--text-lg: 1.25rem;--space-4: 1.25rem;--radius-md: .75rem}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{background:none;border:none;cursor:pointer}#root{isolation:isolate;min-height:100vh}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg-secondary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:var(--color-text-primary)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}p{color:var(--color-text-secondary)}a{color:var(--color-highlight);transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}:focus-visible{outline:2px solid var(--color-highlight);outline-offset:2px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.page{min-height:100vh;display:flex;flex-direction:column}.page-content{flex:1;padding:var(--space-6) 0}.card{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.card-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:500;line-height:1;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;text-decoration:none;min-height:44px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn-secondary:hover:not(:disabled){background-color:var(--color-primary)}.btn-outline{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:#fff}.btn-ghost{background-color:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-danger{background-color:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--color-error-dark, #c53030)}.btn-danger:active:not(:disabled){transform:scale(.98)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);min-height:36px}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);min-height:52px}.btn-block{width:100%}.btn-icon{padding:var(--space-3);min-width:44px}[data-age-group=young] .btn{min-height:48px;padding:var(--space-4) var(--space-6)}[data-age-group=young] .btn-lg{min-height:56px}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);min-height:44px}.form-input::placeholder{color:var(--color-text-tertiary)}.form-input:hover{border-color:var(--color-secondary)}.form-input:focus{outline:none;border-color:var(--color-highlight);box-shadow:0 0 0 3px var(--color-highlight-light)}.form-input:disabled{background-color:var(--color-bg-tertiary);cursor:not-allowed}.form-input.error{border-color:var(--color-error)}.form-input.error:focus{box-shadow:0 0 0 3px var(--color-error-light)}.form-error{font-size:var(--text-sm);color:var(--color-error);margin-top:var(--space-1)}.form-input.success{border-color:var(--color-success)}.form-input.success:focus{box-shadow:0 0 0 3px var(--color-success-light)}.form-textarea{min-height:100px;resize:vertical}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:16px;padding-right:var(--space-8)}.form-checkbox,.form-radio{width:20px;height:20px;accent-color:var(--color-primary);cursor:pointer}.form-checkbox-label,.form-radio-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-base)}.form-helper{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-1)}.form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.form-actions.stacked{flex-direction:column}[data-age-group=young] .form-input{min-height:48px;font-size:var(--text-lg)}.card{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);overflow:hidden}.card-body{padding:var(--space-6)}.card-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.card-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0}.card-subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-1)}.card-clickable{cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card-clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-clickable:active{transform:translateY(0)}.card-compact .card-body{padding:var(--space-4)}.card-compact .card-header,.card-compact .card-footer{padding:var(--space-3) var(--space-4)}.card-feature{text-align:center}.card-feature .card-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto var(--space-4);border-radius:var(--radius-full);background-color:var(--color-highlight-light);color:var(--color-highlight)}.card-math{border-left:4px solid var(--color-math)}.card-ela{border-left:4px solid var(--color-ela)}.card-auth{max-width:420px;margin:var(--space-8) auto}.card-auth .card-body{padding:var(--space-8)}.card-auth .card-header{text-align:center;padding:var(--space-6);background-color:transparent;border-bottom:none}.card-auth .card-logo{max-width:180px;margin:0 auto var(--space-4)}