.app-nav{min-height:78px;box-shadow:0 2px 12px #17213c0a}.app-nav .brand-mark{width:46px;height:46px;background:linear-gradient(145deg,#3668eb,#6846e8);border-radius:14px;box-shadow:0 8px 18px #4166e53d;font-size:1.5rem}.brand-copy strong,.brand-copy small{display:block}.brand-copy strong{font-size:1.08rem}.brand-copy small{font-size:.67rem;color:#758096}.nav-center{gap:7px}.nav-center a{text-decoration:none;color:#5d6678;padding:11px 15px;border-radius:12px;font-size:.82rem;font-weight:700}.nav-center a i{font-size:1.1rem;margin-right:6px}.nav-center a.active{background:#edf7fe;color:#1d6ca8}.profile-pill{display:flex;align-items:center;gap:8px;border:1px solid #e1e6ee;background:#f7f9fc;border-radius:25px;padding:6px 10px}.profile-pill>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#42a5f5;color:#fff;font-weight:800}.profile-pill small{line-height:1.05;text-align:left;color:#7a8495;font-size:.61rem}.profile-pill strong{display:block;color:#39445a;font-size:.72rem}.profile-pill u{color:#2580c0;font-size:.7rem;font-weight:700}.teacher-btn{border:0;background:#151d37;color:#fff;border-radius:10px;padding:11px 14px;font-size:.72rem;font-weight:800;align-items:center;gap:6px}.teacher-btn i{color:#ffd43b}.learning-page{background:#f6f8fb;min-height:calc(100vh - 78px)}.subject-strip{background:#fff;border-bottom:1px solid #e7eaf0;padding:14px 0}.subject-switcher{display:flex;align-items:center;gap:12px}.context-btn{display:flex;align-items:center;gap:10px;background:transparent;border:0;padding:3px 6px;text-align:left}.context-btn>span{width:36px;height:36px;border-radius:10px;background:#eef5ff;color:#2e70d1;display:grid;place-items:center}.context-btn small,.context-btn strong{display:block}.context-btn small{font-size:.62rem;color:#8992a4}.context-btn strong{font-size:.76rem;color:#263149}.context-btn.wide{min-width:210px}.divider{height:30px;width:1px;background:#e5e8ee}.switch-subject{margin-left:auto;border:1px solid #dbe2ec;background:#fff;border-radius:10px;padding:10px 14px;font-size:.72rem;font-weight:800;color:#31405a}.quick-subjects{display:flex;gap:10px;padding:14px 0 2px}.quick-subjects button{display:flex;align-items:center;gap:9px;border:1px solid #e1e6ef;background:#f9fbff;border-radius:12px;padding:10px 14px;text-align:left}.quick-subjects button span,.quick-subjects button small{display:block}.quick-subjects button small{color:#818a9a;font-size:.64rem}.content-wrap{padding-top:28px;padding-bottom:40px}.welcome-banner{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:34px 38px;border-radius:27px;background:linear-gradient(110deg,#176daa 0%,#2f8bd6 48%,#6331df 100%);color:#fff;box-shadow:0 14px 32px #2c62b32b}.welcome-main{position:relative;z-index:2;max-width:760px}.program-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid #ffffff42;background:#ffffff17;border-radius:20px;font-size:.68rem;font-weight:800}.program-chip i{color:#ffe05b}.welcome-banner h1{font-size:2rem;font-weight:850;margin:15px 0 7px}.welcome-banner h1 span{color:#fff}.welcome-banner p{color:#e5f2ff;font-size:.82rem;line-height:1.7;margin:0}.progress-card{position:relative;z-index:2;flex:0 0 260px;display:flex;align-items:center;gap:15px;padding:18px;background:#ffffff12;border:1px solid #ffffff40;border-radius:18px;backdrop-filter:blur(8px)}.progress-number{width:54px;height:54px;border-radius:14px;background:#fff;color:#2857aa;display:grid;place-items:center;font-size:1.25rem;font-weight:900}.progress-card small,.progress-card strong{display:block}.progress-card small{font-size:.68rem;color:#e0ebff}.progress-card strong{font-size:.76rem;margin:3px 0 8px}.mini-progress{width:150px;height:5px;background:#0003;border-radius:10px}.mini-progress span{display:block;width:8%;height:100%;background:#46d996}.globe-art{position:absolute;right:22%;font-size:12rem;color:#fff;opacity:.04}.lesson-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px}.semester-tabs{display:flex;padding:4px;background:#e8ecf4;border-radius:13px}.semester-tabs button{border:0;background:transparent;border-radius:10px;padding:11px 22px;font-size:.74rem;font-weight:850;color:#606a7e}.semester-tabs button.active{background:#fff;color:#176ca9;box-shadow:0 3px 10px #1d2e4d12}.lesson-search{width:430px;max-width:100%}.lesson-search i{position:absolute;left:15px;top:12px;color:#9ba4b3}.lesson-search input{height:45px;padding-left:43px;border-color:#e1e5ed;border-radius:13px;font-size:.78rem}.chapter-row{display:flex;gap:9px;overflow-x:auto;padding:20px 0 14px}.chapter{border:0;background:#edf0f5;color:#596477;padding:9px 14px;border-radius:20px;font-size:.68rem;font-weight:700;white-space:nowrap}.chapter.active{background:#141b34;color:#fff}.lesson-card{height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid #e1e6ed;border-radius:20px;overflow:hidden;transition:.2s;box-shadow:0 5px 18px #26334f08}.lesson-card:hover{transform:translateY(-3px);border-color:#65a6e1;box-shadow:0 14px 30px #2d5e9d17}.lesson-card.done{border-color:#a7ddc4}.lesson-head{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 9px}.lesson-no{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;background:#f0f2f6;border-radius:16px;font-size:.68rem;font-weight:850}.lesson-no i{width:6px;height:6px;border-radius:50%;background:#2c96d8}.state{font-size:.64rem;color:#9ba3b2;font-weight:700}.state.success,.state.warning,.state.locked{padding:5px 9px;border-radius:15px}.state.success{background:#dcf5e7;color:#297954}.state.warning{background:#fff2d3;color:#9a6513}.state.locked{background:#ffe7e9;color:#a33d49}.lesson-card h2{font-size:.92rem;line-height:1.4;min-height:56px;font-weight:850;padding:0 20px;margin:4px 0}.lesson-card>p{padding:0 20px;color:#7b8495;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.part-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 20px;background:#fafbfc;border-top:1px solid #eef0f4;border-bottom:1px solid #eef0f4}.part-stats div{background:#fff;border:1px solid #edf0f4;border-radius:10px;padding:9px;text-align:center}.part-stats small{display:block;color:#98a1b0;font-size:.54rem;font-weight:800}.part-stats strong{font-size:.85rem;color:#2577b7}.part-stats div:nth-child(2) strong{color:#278661}.part-stats div:nth-child(3) strong{color:#604bc5}.part-stats span{font-size:.55rem;color:#8b94a3}.best-score{display:flex;justify-content:space-between;align-items:center;padding:9px 20px;background:#f7fbf9;font-size:.65rem;color:#267455}.best-score i{color:#e7a41a}.best-score small{color:#9098a7}.lesson-action{margin:auto 16px 16px;padding:11px;border-radius:10px;text-align:center;text-decoration:none;font-size:.67rem;font-weight:850;background:#217bb8;color:#fff}.lesson-action.done{background:#f5f7fa;color:#506078;border:1px solid #dde3eb}.lesson-action.progress{background:#e3a327}.lesson-action.locked{background:#f1f3f6;color:#9ca5b3;pointer-events:none}@media(max-width:900px){.subject-switcher{overflow-x:auto}.divider{display:none}.context-btn{flex:0 0 auto}.welcome-banner{align-items:flex-start;flex-direction:column}.progress-card{width:100%;flex-basis:auto}.lesson-controls{align-items:stretch;flex-direction:column}.lesson-search{width:100%}}@media(max-width:600px){.brand-copy small,.profile-pill small,.profile-pill u{display:none}.subject-strip{padding:8px 0}.context-btn.wide{min-width:190px}.switch-subject{white-space:nowrap}.welcome-banner{padding:25px 22px;border-radius:20px}.welcome-banner h1{font-size:1.55rem}.semester-tabs button{padding:10px 13px}.quick-subjects{overflow-x:auto}.lesson-card h2{min-height:auto}}