@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--blue:#8cc0dc;--blue2:#72a2be;--blue-light:#d4ebf7;--black:#1a1a1a;--gray:#6b6b6b;--border:#e0e0e0;--white:#fff;--success:#27ae60;--error:#e74c3c;--error-bg:#fdeaea;--bg-soft:#f8f9fa}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--white);color:var(--black);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{min-height:100vh}button{font-family:inherit}a{color:inherit;text-decoration:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes flipIn{0%{opacity:0;transform:perspective(900px)rotateY(-10deg)scale(.98)}to{opacity:1;transform:perspective(900px)rotateY(0)scale(1)}}.fade-up{animation:.45s cubic-bezier(.22,1,.36,1) both fadeUp}@media (width<=760px){body{overflow-x:hidden}}.site-header{border-bottom:2px solid var(--black);z-index:100;background:#fff;justify-content:space-between;align-items:center;height:60px;padding:0 40px;display:flex;position:sticky;top:0}.site-nav{gap:8px;display:flex}.site-nav-link{border:2px solid var(--black);color:var(--black);cursor:pointer;white-space:nowrap;background:0 0;border-radius:100px;padding:8px 18px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s,color .15s;display:inline-block}.site-nav-link.active{background:var(--black);color:var(--white)}.year-month-cards{display:none}.zone-btn{text-align:left;flex-direction:column;font-family:Inter,sans-serif;display:flex}.theme-zones-grid{flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:auto;padding-top:12px;display:grid}.subject-filter-grid{flex-wrap:wrap;gap:8px;display:flex}.rating-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (width<=640px){body{overflow-x:hidden}.site-header{flex-wrap:nowrap;gap:0;height:56px;padding:0 16px}.site-logo-text{display:none}.site-nav{flex-shrink:0;gap:6px}.site-nav-link{align-items:center;min-height:44px;padding:0 14px;font-size:13px;display:inline-flex}.search-deco{display:none}.search-title{font-size:40px!important}.rating-grid{grid-template-columns:1fr}.rating-page-title{font-size:28px!important}select{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}.detail-page{height:auto!important;overflow:visible!important}.detail-main{width:100%!important;padding:16px 16px 32px!important;overflow:visible!important}.results-layout{flex-direction:column!important;flex:none!important;height:auto!important;min-height:auto!important;display:flex!important;overflow:visible!important}.part-stack{flex-direction:column!important;min-height:auto!important;display:flex!important;overflow:visible!important}.detail-title{font-size:26px!important}.detail-summary-row{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.detail-score-row{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;display:grid!important}.detail-score-row>div{min-width:0!important;padding:10px 12px!important}.part-box{height:auto!important;overflow:visible!important}.task-columns{column-count:1!important;height:auto!important;overflow:visible!important}.task-label-text{font-size:14px!important}.task-theme-text{white-space:normal!important;text-overflow:unset!important;font-size:12px!important;overflow:visible!important}.page-pad{padding:20px 16px!important}.theme-zones-grid{grid-template-columns:1fr!important}.zone-btn{flex-direction:row!important;align-items:center!important;min-height:44px!important;padding:10px 14px!important}.zone-btn-meta{display:none!important}.zone-btn-footer{flex-shrink:0;margin-top:0!important}.subject-filter-grid{grid-template-columns:repeat(2,1fr)!important;display:grid!important}.subject-filter-grid button{text-align:center!important;white-space:normal!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:44px!important;font-size:13px!important;line-height:1.3!important;display:inline-flex!important}.subjects-main{padding:20px 16px!important;overflow:hidden!important}.subjects-title{font-size:32px!important}.subjects-hero-row{flex-direction:column!important}.subj-progress,.subj-primary{display:none!important}.subject-stats-outer{scrollbar-gutter:auto!important;padding:0 0 18px!important;overflow-x:hidden!important}.stats-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stats-analysis-grid{grid-template-columns:1fr!important}.year-section{padding:20px 16px 40px!important}.year-title{font-size:28px!important}.year-summary-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.year-trend-grid{grid-template-columns:1fr!important;gap:10px!important}.gt-summary-2,.gt-summary-3,.gt-summary-4{grid-template-columns:1fr 1fr!important;gap:8px!important}.gt-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.gt-table-row{min-width:480px!important}.year-table-desktop{display:none!important}.year-month-cards{flex-direction:column;gap:10px;display:flex!important}.student-section{padding:24px 16px 40px!important}.student-name{font-size:36px!important}.student-cards-row{flex-direction:column!important;gap:10px!important}.student-card{flex:none!important;width:100%!important;min-width:0!important;padding:20px 18px!important}.student-card-title{font-size:18px!important}}