:root{--red:#c91d36;--red2:#ed4451;--red-dark:#9f142a;--blush:#fff2f3;--pale:#fff9f9;--ink:#211e2b;--muted:#787782;--line:#ede7e9;--white:#fff;--shadow:0 10px 35px rgba(61,28,33,.06);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f7f9;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:15px;line-height:1.55}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #fb8997;outline-offset:3px}button:disabled{opacity:.55;cursor:not-allowed}a{color:var(--red)}h1,h2,h3,p{margin-top:0}.skip{position:fixed;left:10px;top:-100px;background:#fff;padding:10px;z-index:100}.skip:focus{top:10px}.shell{min-height:100vh;display:flex}.sidebar{flex:0 0 258px;width:258px;background:#fff;display:flex;flex-direction:column;padding:26px 15px 20px;border-right:1px solid var(--line);position:sticky;top:0;height:100vh;overflow:auto;z-index:30}.logo{display:flex;gap:12px;align-items:center;width:100%;padding:8px 8px 26px;background:none;border:0;text-align:left;color:var(--ink)}.logo-mark{background:linear-gradient(135deg,var(--red),#f05862);color:#fff;border-radius:15px;display:grid;place-items:center;width:49px;height:49px;flex-shrink:0;font-size:30px;font-weight:850;position:relative;box-shadow:0 8px 20px #d3244133}.logo-mark span{font-size:12px;background:white;border-radius:50%;width:16px;height:16px;color:var(--red);display:grid;place-items:center;position:absolute;right:-4px;top:-5px}.logo-text{display:block;font-weight:850;font-size:15px;line-height:1.15;letter-spacing:-.4px}.logo-text strong{display:block;color:var(--red);font-size:19px}.logo-text small{display:block;color:var(--muted);font-size:10px;letter-spacing:0;font-weight:550;margin-top:3px}.side-heading{font-size:10px;font-weight:850;letter-spacing:1.25px;color:#aaa2a7;margin:19px 13px 10px}.side-nav,.grade-nav{display:grid;gap:6px}.nav-btn,.grade-link{display:flex;align-items:center;text-align:left;gap:13px;padding:12px 15px;border:0;background:transparent;border-radius:12px;color:#625f69;font-weight:650;width:100%}.nav-btn span{font-size:20px;width:22px;text-align:center;line-height:1}.nav-btn.active,.nav-btn:hover,.grade-link.active,.grade-link:hover{background:var(--blush);color:var(--red)}.grade-ball{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#f4f1f2;font-size:13px;font-weight:800}.grade-link.active .grade-ball{background:#f9d9de}.sidebar-bottom{margin-top:auto;padding:24px 12px 6px;color:#9a9298}.offline-pill{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#468367}.offline-dot{width:8px;height:8px;border-radius:50%;background:#36b778;box-shadow:0 0 0 3px #36b77825}.sidebar-bottom p{font-size:11px;margin:13px 0}.text-link{padding:0;background:none;border:0;text-decoration:underline;font-size:12px;color:var(--red)}.workspace{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;background:#fffcfcf2;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);min-height:77px;padding:12px clamp(18px,3vw,48px);display:flex;align-items:center;justify-content:space-between;gap:12px}.top-left,.top-actions{display:flex;align-items:center;gap:10px}.breadcrumb{color:#807982;font-size:12px;font-weight:600}.top-outline,.profile-trigger,.icon-btn{height:39px;border:1px solid #ece3e6;background:#fff;border-radius:11px;color:#55505b;padding:0 12px;font-weight:700;font-size:12px}.top-outline:hover,.profile-trigger:hover,.icon-btn:hover{border-color:var(--red);color:var(--red)}.profile-trigger{display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;width:25px;height:25px;border-radius:9px;background:#fbe0e4;color:var(--red);font-size:13px}.menu-btn{display:none;font-size:20px}.workspace main{width:100%;max-width:1550px;margin:0 auto;flex:1;padding:31px clamp(17px,3vw,48px) 55px}.footer{padding:22px clamp(17px,3vw,48px);border-top:1px solid var(--line);color:#9c949a;font-size:11px;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.eyebrow{font-size:11px;font-weight:850;letter-spacing:2px;color:var(--red);text-transform:uppercase}.hero{position:relative;overflow:hidden;padding:45px 48px;border-radius:27px;background:linear-gradient(120deg,#ab152c 0%,#d32640 66%,#e54b57 100%);color:white;display:grid;grid-template-columns:1.4fr .8fr;min-height:285px;box-shadow:0 22px 40px #c0203920}.hero .eyebrow{color:#ffd6da}.hero h1{font-size:clamp(30px,3.4vw,52px);line-height:1.11;letter-spacing:-2px;margin:16px 0 14px}.hero p{font-size:15px;opacity:.93;max-width:600px;margin-bottom:23px}.hero-buttons{display:flex;gap:10px;flex-wrap:wrap}.btn{border:0;border-radius:11px;padding:12px 18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-white{background:#fff;color:var(--red)}.btn-pink{background:#ffdee3;color:#a0182f}.btn-red{background:var(--red);color:white}.btn-light{background:var(--blush);color:var(--red)}.btn-outline{background:transparent;border:1px solid var(--line);color:var(--ink)}.btn:hover{filter:brightness(.97);transform:translateY(-1px)}.hero-art{position:relative;display:grid;place-items:center}.hero-art:before{content:"";position:absolute;width:235px;height:235px;border-radius:50%;background:#ffffff16;border:1px solid #ffffff30;box-shadow:0 0 0 34px #ffffff09,0 0 0 72px #ffffff09}.hero-art .book{font-size:120px;filter:drop-shadow(0 15px 15px #610b2060);transform:rotate(-12deg);position:relative}.spark{position:absolute;color:#ffddd4;font-size:30px}.spark.one{top:35px;left:20%}.spark.two{bottom:30px;right:10%}.stats{margin-top:21px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stat{padding:22px 22px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.stat strong{display:block;font-size:27px;line-height:1.15;letter-spacing:-.7px}.stat span{font-size:12px;color:var(--muted)}.stat .stat-icon{float:right;font-size:24px;color:var(--red);background:#fff0f2;border-radius:10px;padding:4px 8px}.section-head{margin:32px 0 17px;display:flex;justify-content:space-between;align-items:end;gap:12px}.section-head h2{font-size:22px;letter-spacing:-.7px;margin:0 0 4px}.section-head p{margin:0;font-size:12px;color:var(--muted)}.mini-link{border:0;background:none;font-size:12px;color:var(--red);font-weight:800}.grade-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.grade-card{border:1px solid var(--line);background:#fff;padding:22px;border-radius:18px;box-shadow:var(--shadow);text-align:left;min-height:160px;position:relative;overflow:hidden}.grade-card:hover,.subject-card:hover,.topic-card:hover{border-color:#eea5ad;box-shadow:0 10px 35px #cb1e3220;transform:translateY(-2px)}.grade-icon{width:43px;height:43px;display:grid;place-items:center;background:var(--blush);color:var(--red);border-radius:12px;font-weight:850;font-size:19px;margin-bottom:16px}.grade-card h3{font-size:17px;margin-bottom:6px}.grade-card p{font-size:12px;color:var(--muted)}.grade-card .arrow{position:absolute;right:20px;bottom:18px;color:var(--red);font-size:20px}.info-strip{border:1px solid #f6dfe2;background:#fff5f6;border-radius:14px;padding:15px 18px;font-size:12px;color:#735761;display:flex;gap:14px;margin-top:25px}.info-strip b{color:var(--red)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.page-heading h1{margin:5px 0 4px;line-height:1.2;font-size:clamp(27px,3vw,38px);letter-spacing:-1.3px}.page-heading p{margin:0;color:var(--muted);font-size:13px}.chip{border-radius:100px;background:#fbedef;color:#bc2640;padding:7px 13px;font-weight:800;font-size:12px;white-space:nowrap}.subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.subject-card{border:1px solid var(--line);border-radius:17px;background:#fff;min-height:158px;padding:22px;display:flex;gap:14px;align-items:flex-start;text-align:left}.subject-mark{width:49px;height:49px;flex-shrink:0;border-radius:13px;background:#fff0f2;display:grid;place-items:center;font-size:24px}.subject-card h3{font-size:15px;margin:4px 0 8px}.subject-card p{font-size:11px;color:var(--muted);margin:0}.subject-card .count{margin-top:17px;font-size:11px;font-weight:800;color:var(--red)}.subject-card .arr{margin-left:auto;font-size:20px;color:#d4b6be}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.search{background:white;border:1px solid var(--line);border-radius:12px;padding:12px 15px;min-width:240px;flex:1;outline:0}.search:focus{border-color:var(--red)}.filter-select{padding:12px 12px;background:white;border:1px solid var(--line);border-radius:12px;max-width:220px}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.topic-card{padding:19px 19px;border:1px solid var(--line);background:#fff;border-radius:16px;display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:13px;text-align:left;min-height:102px}.topic-number{width:42px;height:42px;border-radius:11px;background:#f8f4f5;display:grid;place-items:center;color:#bd8190;font-size:12px;font-weight:900}.topic-card h3{font-size:15px;margin:0 0 4px}.topic-card p{font-size:11px;color:var(--muted);margin:0}.topic-card .card-right{font-weight:800;color:var(--red);font-size:19px}.topic-card.done .topic-number{background:#e0f5e9;color:#238451}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px;align-items:start}.paper{background:#fff;border:1px solid var(--line);border-radius:19px;padding:29px clamp(18px,3vw,42px);box-shadow:var(--shadow)}.lesson-hero{padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:28px}.lesson-hero h1{font-size:clamp(28px,3vw,40px);letter-spacing:-1.2px;line-height:1.2;margin:11px 0}.lesson-hero p{color:#6d6570;line-height:1.9;font-size:15px}.lesson-hero .meta-row{display:flex;gap:9px;flex-wrap:wrap}.tag{background:#f8f4f5;color:#716773;padding:5px 10px;border-radius:7px;font-size:11px;font-weight:750}.lesson-section{margin-bottom:28px}.lesson-section h2{font-size:21px;letter-spacing:-.5px;margin-bottom:11px}.lesson-section p{font-size:15px;line-height:1.95;color:#514c56;margin-bottom:10px}.glossary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.glossary-item{padding:15px;background:#fff9fa;border:1px solid #f7e7e9;border-radius:12px}.glossary-item b{color:#ad1733;display:block;font-size:13px;margin-bottom:5px}.glossary-item p{font-size:12px;line-height:1.6;margin:0}.sidebar-card{padding:19px;border-radius:17px;background:#fff;border:1px solid var(--line);margin-bottom:14px;box-shadow:var(--shadow)}.sidebar-card h3{font-size:14px;margin:0 0 11px}.sidebar-card p{font-size:12px;color:var(--muted);margin-bottom:14px}.sidebar-card .btn{width:100%;font-size:12px;margin-bottom:9px}.checklist{padding-left:18px;color:#6b626d;font-size:12px;line-height:1.9}.lesson-points{background:#fff7f8;border-left:4px solid var(--red);border-radius:10px;padding:18px;margin:18px 0}.lesson-points li{margin:9px 0;font-size:13px;line-height:1.75}.practice-list li{margin:13px 0;color:#554e57;line-height:1.8}.variant-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.variant-btn{padding:11px 5px;border:1px solid #f4d4da;background:#fff8f9;color:var(--red);border-radius:10px;font-weight:800;font-size:12px}.variant-btn:hover{background:#f7dfe4}.variant-btn.complete{border-color:#b9e7ca;background:#eefaf2;color:#318751}.quiz-shell{max-width:850px;margin:0 auto}.quiz-header{background:linear-gradient(110deg,#bf1d35,#e64251);padding:28px 35px;color:white;border-radius:19px 19px 0 0}.quiz-header h1{font-size:25px;margin:7px 0}.quiz-header p{font-size:12px;opacity:.9;margin:0}.quiz-area{border-radius:0 0 19px 19px;background:white;border:1px solid var(--line);padding:30px}.quiz-progress{height:8px;background:#f7ebed;border-radius:999px;overflow:hidden;margin:5px 0 25px}.quiz-progress>div{height:100%;background:var(--red);transition:width .25s}.quiz-label{font-size:12px;color:var(--red);font-weight:850}.quiz-q{font-size:clamp(20px,2.4vw,28px);margin:14px 0 24px;line-height:1.4}.option-grid{display:grid;gap:11px}.option{display:flex;align-items:center;gap:15px;text-align:left;padding:16px 19px;background:#fff;border:2px solid #f0ebed;border-radius:14px;font-weight:650;color:#312b34;min-height:68px;line-height:1.4}.option-letter{border-radius:10px;background:#f6f3f4;color:#7c7680;width:33px;height:33px;flex-shrink:0;display:grid;place-items:center;font-weight:850}.option:hover:not(:disabled){border-color:#efa7b3;background:#fffafb}.option.selected{border-color:var(--red);background:#fff1f3}.option.correct{border-color:#33a86a!important;background:#effcf4!important}.option.wrong{border-color:#dd4453!important;background:#ffeff1!important}.option.correct .option-letter{background:#d6f5e0;color:#247c4a}.quiz-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:26px}.quiz-explain{background:#f6fbf7;border-left:4px solid #44aa70;padding:14px 17px;font-size:13px;border-radius:9px;margin-top:20px;color:#346044}.quiz-result{text-align:center;padding:30px 15px}.result-circle{width:128px;height:128px;margin:0 auto 20px;border-radius:50%;border:11px solid #f5c9d2;display:grid;place-items:center;font-size:34px;font-weight:900;color:var(--red)}.activity-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tab-btn{padding:10px 17px;border:1px solid var(--line);border-radius:10px;background:white;color:#6c6169;font-weight:700}.tab-btn.active{background:var(--red);border-color:var(--red);color:#fff}.flashcard{padding:37px 20px;border:2px dashed #f1abb8;background:#fff8f9;border-radius:20px;min-height:240px;display:grid;place-items:center;text-align:center;cursor:pointer}.flashcard h2{font-size:27px;color:#ab1d34;margin:8px 0}.flashcard p{font-size:13px;color:#777}.activity-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:15px 0}.match-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:11px 0;align-items:center}.match-row div,.match-row select{font-size:13px;padding:13px;border:1px solid #f0e7e9;border-radius:11px;background:#fff;min-height:56px}.match-row select{width:100%;min-width:0}.progress-bar{height:11px;border-radius:20px;background:#f6eded;overflow:hidden}.progress-bar span{height:100%;display:block;background:var(--red)}.progress-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.progress-cards .stat{box-shadow:none}.history-list{display:grid;gap:10px}.history-item{background:white;border:1px solid var(--line);padding:15px 19px;display:flex;justify-content:space-between;align-items:center;border-radius:12px;gap:12px}.history-item strong{display:block;font-size:13px}.history-item small{font-size:11px;color:var(--muted)}.history-item .score{font-size:18px;font-weight:900;color:var(--red)}.blank{padding:50px 25px;border:1px dashed #e8cdd2;background:#fff;border-radius:18px;text-align:center;color:#82747c}.blank h3{color:#433945}.modal-overlay{position:fixed;inset:0;background:#221820a1;display:grid;place-items:center;z-index:80;padding:15px}.modal{background:#fff;border-radius:22px;width:min(500px,100%);box-shadow:0 25px 100px #0003;max-height:90vh;overflow:auto;padding:30px}.modal-head{display:flex;align-items:start;justify-content:space-between;gap:15px}.modal h2{font-size:24px;margin-bottom:9px}.close{border:0;background:#f6eff0;border-radius:9px;width:34px;height:34px;font-size:21px}.modal p,.modal small{color:#736a74;font-size:13px}.input-group{margin:14px 0}.input-group label{display:block;font-weight:750;font-size:12px;margin-bottom:6px}.input-group input{border:1px solid #e8dfe1;width:100%;border-radius:10px;padding:13px}.input-group input:focus{outline:2px solid #f6adb6}.modal-tabs{display:flex;gap:8px;border-bottom:1px solid #eee;margin-bottom:19px}.modal-tabs button{padding:11px 15px;border:0;background:transparent;color:#766e75;font-weight:800;border-bottom:2px solid transparent}.modal-tabs button.active{color:var(--red);border-color:var(--red)}.notice{font-size:11px;line-height:1.6;background:#fff7f8;padding:12px 13px;border-radius:10px;color:#805c68;margin:12px 0}.toast{display:none;position:fixed;right:22px;bottom:22px;background:#24212a;color:white;padding:13px 18px;z-index:110;box-shadow:0 10px 30px #0002;border-radius:12px;max-width:330px;font-weight:650;font-size:13px}.toast.show{display:block}.teacher .workspace main{max-width:1800px;font-size:19px}.teacher .lesson-section p{font-size:21px}.teacher .topic-card h3,.teacher .subject-card h3{font-size:20px}.teacher .quiz-q{font-size:36px}.teacher .option{font-size:23px;min-height:86px}.teacher .btn{font-size:17px;padding:16px 20px}.teacher .lesson-section h2{font-size:28px}.teacher .sidebar{width:215px;flex-basis:215px}.teacher .topbar{min-height:88px}@media(max-width:1200px){.sidebar{width:218px;flex-basis:218px}.subject-grid{grid-template-columns:repeat(2,1fr)}.lesson-layout{grid-template-columns:1fr}.sidebar-card.sticky{position:static}.hero{padding:35px}.hero-art .book{font-size:100px}}@media(max-width:860px){.sidebar{transform:translateX(-100%);transition:transform .2s;position:fixed;height:100vh;width:258px;box-shadow:10px 0 30px #0001}.sidebar.open{transform:translateX(0)}.menu-btn{display:block}.top-outline span{display:none}.breadcrumb{font-size:11px}.topbar{min-height:64px}.stats,.grade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr}.hero-art{display:none}.topic-grid{grid-template-columns:1fr}.workspace main{padding-top:22px}.lesson-layout{grid-template-columns:1fr}}@media(max-width:520px){.subject-grid{grid-template-columns:1fr}.stat{padding:17px}.stat strong{font-size:23px}.hero{padding:29px 23px;min-height:0}.hero h1{letter-spacing:-1px}.topbar{padding:10px 12px}.top-actions{gap:4px}.profile-trigger{padding:0 7px}.profile-trigger>span:nth-child(2){display:none}.paper{padding:20px}.glossary{grid-template-columns:1fr}.variant-grid{grid-template-columns:repeat(4,1fr)}.quiz-area{padding:19px}.quiz-header{padding:22px}.page-heading{display:block}.page-heading .chip{display:inline-block;margin-top:13px}.progress-cards{grid-template-columns:1fr}.match-row{grid-template-columns:1fr}.footer{display:block}.footer span{display:block;margin-top:7px}}@media print{.sidebar,.topbar,.footer,.sidebar-card,.print-hide,.btn,.toast{display:none!important}.workspace main{padding:0;max-width:100%}.paper{border:0;box-shadow:none}.lesson-layout{display:block}.lesson-section{break-inside:avoid}body{background:white;color:black}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}