:root{color:#132033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef3f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:0;min-height:100vh;margin:0;overflow-x:hidden}a{color:inherit}.login-shell{color:#132033;background:linear-gradient(#eef3f7eb,#dde8eff5),#eef3f7;place-items:center;min-height:100vh;padding:22px;display:grid}.login-card{background:#fff;border:1px solid #d7e0ea;border-radius:8px;width:min(100%,430px);padding:24px;box-shadow:0 18px 50px #0f223824}.login-mark{color:#fff;background:#1da4a3;border-radius:8px;place-items:center;width:52px;height:52px;margin-bottom:16px;display:grid}.login-card h1{color:#142133;letter-spacing:0;margin:8px 0 0;font-size:29px;line-height:1.08}.login-copy{color:#607184;margin:12px 0 0;font-size:15px;line-height:1.45}.login-form{gap:13px;margin-top:20px;display:grid}.login-form label{gap:7px;display:grid}.login-form span{color:#526275;font-size:13px;font-weight:800}.login-form input{color:#132033;box-sizing:border-box;background:#fff;border:1px solid #c8d4df;border-radius:8px;width:100%;min-height:48px;padding:0 13px;font-size:18px}.login-form input:focus{border-color:#1da4a3;outline:3px solid #1da4a32e}.login-error{color:#7a4b08;background:#fff7eb;border:1px solid #f0bd77;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;font-weight:800;line-height:1.35}.app-shell{color:#132033;background:#eef3f7;grid-template-columns:286px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#f8fbff;background:#0f2238;flex-direction:column;gap:24px;height:100vh;padding:22px 18px;display:flex;position:sticky;top:0}.brand,.privacy-panel,.panel-title,.top-actions,.practice-actions{align-items:center;display:flex}.brand{gap:12px}.brand-mark{color:#fff;background:#1da4a3;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.brand-title,.brand-subtitle,.section-label,.topic-chip,.progress-metric span,.progress-metric small,.conversion-item span,.empty-state{margin:0}.brand-title{font-size:15px;font-weight:800}.brand-subtitle{color:#a9bbcf;margin-top:2px;font-size:12px}.module-nav{gap:8px;display:grid}.nav-item{color:#c9d6e6;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;padding:11px 12px;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#183653}.nav-item.active{box-shadow:inset 3px 0 #36c2bd}.nav-item span{gap:1px;display:grid}.nav-item strong{font-size:14px;line-height:1.2}.nav-item small{color:#8fa5bb;font-size:11px}.privacy-panel{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;gap:10px;margin-top:auto;padding:13px}.privacy-panel div{gap:3px;display:grid}.privacy-panel strong{font-size:12px}.privacy-panel span{color:#b8c9dc;font-size:11px;line-height:1.35}.workspace{min-width:0;padding:24px}.topbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.topbar h1{letter-spacing:0;color:#142133;margin:0;font-size:28px;line-height:1.12}.topbar p{color:#607184;margin-top:7px;font-size:14px}.top-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px}button{font:inherit}.primary-button,.ghost-button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.primary-button{color:#fff;background:#17385c}.primary-button:hover{background:#0f2a47}.ghost-button{color:#17385c;background:#fff;border:1px solid #d7e0ea}.ghost-button:hover{border-color:#aebdcb}.ghost-button.compact{min-height:34px;padding-inline:12px}.score-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.progress-metric{background:#fff;border:1px solid #dce5ed;border-radius:8px;align-content:center;gap:3px;min-height:86px;padding:14px;display:grid}.progress-metric span{color:#64778c;font-size:12px;font-weight:800}.progress-metric strong{color:#132033;font-size:25px;line-height:1}.progress-metric small{color:#6f7f90;font-size:12px}.progress-metric.good{background:#f0fbf5;border-color:#95d5b2}.progress-metric.warn{background:#fff8ec;border-color:#f1c27d}.study-grid{grid-template-columns:minmax(0,1fr) 342px;align-items:start;gap:16px;display:grid}.module-panel,.rail-card,.mini-panel{background:#fff;border:1px solid #dce5ed;border-radius:8px}.module-panel{min-width:0;padding:18px}.module-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.module-heading h2{color:#142133;letter-spacing:0;margin:0;font-size:23px;line-height:1.16}.module-heading p{color:#637489;margin-top:6px;font-size:14px}.topic-chip{color:#0d6966;background:#e9f7f6;border-radius:7px;max-width:290px;padding:8px 10px;font-size:12px;font-weight:800;line-height:1.35}.question-tabs{gap:8px;margin-bottom:14px;padding-bottom:4px;display:flex;overflow-x:auto}.module-nav,.score-strip,.question-tabs{scrollbar-width:none}.module-nav::-webkit-scrollbar{display:none}.score-strip::-webkit-scrollbar{display:none}.question-tabs::-webkit-scrollbar{display:none}.question-tab{color:#57697d;cursor:pointer;background:#fff;border:1px solid #d5dee8;border-radius:7px;flex:none;width:34px;height:34px;font-size:13px;font-weight:800}.question-tab.selected{color:#fff;background:#17385c;border-color:#17385c}.question-tab.correct{border-color:#76c893}.question-tab.missed{background:#fff2df;border-color:#f4a261}.practice-card{background:#f9fbfd;border:1px solid #dbe5ed;border-radius:8px;padding:18px}.practice-head{justify-content:space-between;gap:14px;display:flex}.section-label{color:#1a7e7b;text-transform:uppercase;font-size:12px;font-weight:900}.practice-head h3{color:#111827;letter-spacing:0;max-width:780px;margin:7px 0 0;font-size:20px;line-height:1.45}.attempt-badge{color:#607184;white-space:nowrap;background:#eef3f7;border-radius:6px;height:fit-content;padding:6px 9px;font-size:12px;font-weight:800}.answer-field{gap:7px;max-width:320px;margin-top:18px;display:grid}.answer-field span{color:#526275;font-size:13px;font-weight:800}.answer-field input{color:#132033;box-sizing:border-box;background:#fff;border:1px solid #c8d4df;border-radius:8px;width:100%;min-height:46px;padding:0 13px;font-size:18px}.answer-field input:focus{border-color:#1da4a3;outline:3px solid #1da4a32e}.choice-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.choice{color:#243447;text-align:left;cursor:pointer;background:#fff;border:1px solid #cdd9e4;border-radius:8px;min-height:46px;padding:10px 12px;font-size:14px}.choice.active{background:#e9f7f6;border-color:#1da4a3}.practice-actions{flex-wrap:wrap;gap:9px;margin-top:16px}.feedback{border-radius:8px;gap:3px;margin-top:16px;padding:13px;font-size:14px;display:grid}.feedback.correct{color:#175c31;background:#effaf4;border:1px solid #9ad7b3}.feedback.missed{color:#7a4b08;background:#fff7eb;border:1px solid #f0bd77}.reward-photo-card{background:#fff;border:1px solid #cfe2ee;border-radius:8px;margin:16px 0 0;overflow:hidden}.reward-photo-card img{object-fit:cover;object-position:center;width:100%;max-height:430px;display:block}.reward-photo-card figcaption{color:#17385c;background:#f3f8fb;margin:0;padding:11px 13px;font-size:13px;font-weight:800;line-height:1.35}.work-box{background:#fff;border:1px solid #dbe5ed;border-radius:8px;margin-top:16px;padding:15px}.work-box ol{color:#2f3d4e;margin:10px 0 0;padding-left:20px;font-size:14px;line-height:1.55}.safety-note{color:#684203;background:#fff8ec;border-left:3px solid #f59f00;margin:12px 0 0;padding:10px;font-size:13px;line-height:1.45}.learning-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.mini-panel,.rail-card{padding:15px}.panel-title{color:#17385c;gap:8px;margin-bottom:11px}.panel-title h3{margin:0;font-size:15px;line-height:1.2}.check-list,.formula-list{color:#39495b;margin:0;padding-left:18px;font-size:14px;line-height:1.5}.flash-front{color:#132033;margin:0;font-size:16px;font-weight:800;line-height:1.35}.flash-back{color:#5b6b7d;margin:9px 0 14px;font-size:14px;line-height:1.45}.reference-rail{gap:12px;display:grid}.formula-list li+li{margin-top:7px}.conversion-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.conversion-item{background:#f3f7fa;border-radius:7px;gap:3px;padding:10px;display:grid}.conversion-item span{color:#738397;font-size:11px;font-weight:800}.conversion-item strong{color:#15253a;font-size:13px}.missed-list{gap:8px;display:grid}.missed-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #dbe5ed;border-radius:8px;gap:5px;padding:10px;display:grid}.missed-item:hover{border-color:#1da4a3}.missed-item span{color:#b66b00;font-size:11px;font-weight:900}.missed-item strong{color:#223246;font-size:12px;line-height:1.35}.empty-state{color:#6e7d8d;font-size:13px;line-height:1.45}@media (width<=1180px){.app-shell{grid-template-columns:240px minmax(0,1fr)}.study-grid{grid-template-columns:1fr}.reference-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=880px){.app-shell{display:block}.sidebar{gap:14px;height:auto;padding:12px;position:static}.brand{gap:10px}.brand-mark{width:36px;height:36px}.module-nav{scroll-snap-type:x proximity;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.nav-item{scroll-snap-align:start;flex:0 0 148px;width:148px;padding:10px}.privacy-panel{display:none}.workspace{padding:12px}.topbar,.module-heading,.practice-head{display:grid}.topbar h1{font-size:21px}.topbar p{font-size:13px;line-height:1.4}.top-actions{justify-content:stretch}.top-actions .primary-button,.top-actions .ghost-button,.practice-actions .primary-button,.practice-actions .ghost-button{flex:150px}.score-strip{scroll-snap-type:x proximity;grid-template-columns:none;grid-auto-columns:146px;grid-auto-flow:column;gap:8px;padding-bottom:2px;display:grid;overflow-x:auto}.progress-metric{scroll-snap-align:start;min-height:68px;padding:11px}.progress-metric:first-child{grid-column:auto}.progress-metric strong{font-size:22px}.module-heading h2{font-size:20px}.topic-chip{max-width:none}.practice-card{padding:13px}.reward-photo-card img{max-height:360px}.practice-head h3{font-size:18px}.choice-list,.learning-row,.reference-rail{grid-template-columns:1fr}.reference-rail{margin-top:12px}}@media (width<=520px){.login-shell{align-items:start;padding:12px}.login-card{margin-top:18px;padding:18px}.login-card h1{font-size:25px}.brand-title{font-size:14px}.progress-metric{min-height:64px}.module-panel{padding:12px}.module-heading{margin-bottom:12px}.module-heading p{font-size:13px}.topic-chip{padding:7px 9px;font-size:11px}.question-tabs{margin-bottom:10px}.practice-head h3{font-size:17px;line-height:1.38}.attempt-badge{width:100%}.practice-actions{grid-template-columns:1fr;display:grid}.practice-actions .primary-button,.practice-actions .ghost-button{width:100%}.reward-photo-card img{max-height:310px}.answer-field{max-width:none}.conversion-grid{grid-template-columns:1fr}}