*{box-sizing:border-box}body{margin:0;background:#f5f8f6;color:#17352c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.page-shell{max-width:1240px;margin:auto;padding:22px 24px 30px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.brand-wrap{display:flex;align-items:center;gap:12px}.brand-logo{width:48px;height:48px;object-fit:contain;border-radius:12px}.brand-title{font-weight:900;letter-spacing:.08em;font-size:15px}.brand-subtitle{font-size:12px;color:#789087;margin-top:2px}.top-actions{display:flex;align-items:center;gap:12px}.data-status{font-size:12px;color:#6b8179;background:#fff;border:1px solid #e1ebe6;padding:8px 11px;border-radius:999px}.ghost-btn,.text-btn{border:0;background:none;color:#6d827b;cursor:pointer}.hero-card{background:linear-gradient(135deg,#e9f6ee,#f8fbf9);border:1px solid #d9e9df;border-radius:28px;padding:34px;display:flex;justify-content:space-between;gap:28px;overflow:hidden}.hero-copy{max-width:760px}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:900;color:#6e887d}.hero-card h1{font-size:clamp(30px,4vw,50px);line-height:1.05;margin:10px 0 13px;letter-spacing:-.035em}.hero-card p{font-size:15px;color:#60776e;line-height:1.7;margin:0 0 23px}.level-picker{display:flex;gap:10px;flex-wrap:wrap}.level-btn{min-width:130px;padding:14px 18px;text-align:left;border:1px solid #d7e6dd;background:#fff;border-radius:16px;cursor:pointer;color:#24463a;transition:.2s}.level-btn strong{display:block;font-size:20px}.level-btn span{font-size:11px;color:#7b9189}.level-btn.active{background:#173f32;color:#fff;border-color:#173f32;box-shadow:0 8px 20px #173f3220}.level-btn.active span{color:#cfe4d9}.hero-orb{width:220px;min-width:220px;align-self:center;text-align:center;color:#577269;font-size:13px;line-height:1.5}.orb-icon{width:105px;height:105px;margin:0 auto 12px;border-radius:34px;background:#fff;border:1px solid #d7e8dd;display:grid;place-items:center;font-weight:900;font-size:28px;color:#2f7358;box-shadow:0 15px 35px #1b51351a}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.stat-card{background:#fff;border:1px solid #e2ebe6;border-radius:18px;padding:17px 19px}.stat-card span,.stat-card small{display:block;color:#81938c;font-size:11px}.stat-card strong{display:block;font-size:27px;margin:5px 0 2px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px}.section-heading,.panel-title,.quiz-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-heading{margin:8px 0 12px}.section-heading h2,.panel h2{font-size:19px;margin:4px 0 0;letter-spacing:-.02em}.smart-pill{font-size:11px;padding:7px 10px;border-radius:999px;background:#e8f4ec;color:#3c755d}.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.practice-card{border:1px solid #e0eae5;background:#fff;border-radius:19px;padding:19px;display:flex;align-items:center;gap:13px;text-align:left;cursor:pointer;color:#193d31;transition:.2s}.practice-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #163f2c0c;border-color:#c7ded2}.practice-card b{display:block;font-size:15px}.practice-card small{display:block;color:#81928c;font-size:11px;margin-top:4px}.practice-card i{margin-left:auto;color:#729084;font-style:normal}.practice-icon{width:42px;height:42px;border-radius:13px;background:#edf7f0;display:grid;place-items:center;font-weight:900;color:#35735a}.quiz-card{margin-top:14px;background:#fff;border:1px solid #e0eae5;border-radius:22px;padding:24px;min-height:260px}.question-progress{font-size:12px;color:#83938d;margin-top:4px}.question-area{padding-top:20px}.empty-quiz{text-align:center;padding:28px 10px}.empty-icon{margin:auto;width:50px;height:50px;border-radius:16px;background:#edf7f0;display:grid;place-items:center;color:#438065;font-size:20px}.empty-quiz h3{margin:12px 0 5px}.empty-quiz p{margin:0;color:#84948e;font-size:13px}.question-text{font-size:23px;line-height:1.45;margin:10px 0 22px}.options{display:grid;gap:10px}.option-btn{width:100%;padding:14px 15px;border:1px solid #dfe8e4;background:#fbfdfc;border-radius:13px;text-align:left;cursor:pointer;font-size:14px;color:#24463b}.option-btn:hover{border-color:#9fc8b1;background:#f4faf6}.option-btn.correct{border-color:#74ad8d;background:#edf8f0}.option-btn.wrong{border-color:#d7a2a2;background:#fff4f4}.feedback{margin-top:15px;padding:14px 15px;border-radius:13px;background:#f4f8f6;font-size:13px;line-height:1.55}.next-btn{margin-top:12px;border:0;background:#173f32;color:#fff;padding:12px 18px;border-radius:12px;cursor:pointer;font-weight:700}.side-column{display:grid;gap:14px}.panel{background:#fff;border:1px solid #e0eae5;border-radius:20px;padding:20px}.skill-row{margin-top:15px}.skill-head{display:flex;justify-content:space-between;font-size:12px}.skill-head span:last-child{color:#80918b}.bar{height:7px;background:#edf2ef;border-radius:999px;overflow:hidden;margin-top:7px}.bar span{display:block;height:100%;border-radius:inherit;background:#5b9a78}.review-list,.path-list{margin-top:13px}.review-item,.path-item{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid #eef2f0;font-size:12px}.review-item:first-child,.path-item:first-child{border-top:0}.dot{width:8px;height:8px;border-radius:50%;background:#79a88e;margin-top:5px;flex:none}.review-item b,.path-item b{display:block;font-size:12px}.review-item small,.path-item small{color:#84948e;display:block;margin-top:3px;line-height:1.4}.tutor-panel{background:#173f32;color:#fff;border-color:#173f32}.tutor-panel .eyebrow{color:#b8d8c6}.tutor-panel p{font-size:12px;line-height:1.5;color:#c7ddd2}.tutor-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tutor-actions button{border:1px solid #4e7667;background:#214b3d;color:#fff;padding:10px 8px;border-radius:10px;cursor:pointer;font-size:11px}.tutor-actions button:hover{background:#2b5a49}footer{text-align:center;color:#8b9994;font-size:10px;margin-top:28px}@media(max-width:900px){.content-grid{grid-template-columns:1fr}.side-column{grid-template-columns:1fr 1fr}.tutor-panel{grid-column:1/-1}}@media(max-width:650px){.page-shell{padding:14px}.topbar{align-items:flex-start}.top-actions{display:none}.hero-card{padding:24px;display:block}.hero-orb{display:none}.stats-grid{grid-template-columns:1fr 1fr}.practice-grid{grid-template-columns:1fr}.side-column{grid-template-columns:1fr}.question-text{font-size:19px}}