:root{--teal:#127875;--navy:#143a50;--ink:#1e2934;--muted:#697780;--line:#dce5e8;--paper:#f5f8f8;--danger:#c94444;--ok:#238253}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{text-decoration:none;color:inherit}.topbar{min-height:74px;background:var(--teal);padding:0 max(28px,calc((100vw - 1220px)/2));display:flex;align-items:center;justify-content:space-between;color:#fff}.brand{font-size:22px;font-weight:800}.brand span{font-size:12px;letter-spacing:1px;padding:5px 7px;border:1px solid #9ed7d1;border-radius:5px;margin-right:8px;vertical-align:3px}.topbar nav{display:flex;align-items:center;gap:20px;font-size:14px}.user-name{padding-left:6px}.outline{border:1px solid rgba(255,255,255,.6);padding:8px 13px;border-radius:7px}main{min-height:calc(100vh - 125px);max-width:1220px;margin:auto}footer{text-align:center;color:#8a989e;font-size:12px;padding:26px}.hero{margin:42px 0 34px;min-height:245px;border-radius:18px;padding:48px 56px;background:linear-gradient(120deg,#123c53,#1b817c);color:#fff;display:flex;justify-content:space-between;align-items:center}.eyebrow{letter-spacing:1.7px;font-size:11px;font-weight:800;color:#3c918c;margin:0 0 10px}.hero .eyebrow{color:#a9dbd6}.hero h1{font-size:36px;line-height:1.2;max-width:620px;margin:0 0 14px}.hero p:not(.eyebrow){line-height:1.7;max-width:560px;color:#e3f1f0}.hero-stat{border-left:1px solid #78aaa9;padding-left:40px;display:grid;gap:5px}.hero-stat strong{font-size:50px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:16px 0}.section-head h2,.subject-page h1,.history h1,.review h1,.admin h1{margin:0;font-size:28px}.text-link{color:var(--teal);font-weight:700;font-size:14px}.set-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.set-card,.subject-card,.auth,.table-card,.create-user,.answer-review{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 5px 18px rgba(24,60,72,.04)}.set-card{padding:25px;min-height:205px;display:flex;flex-direction:column}.month{color:var(--teal);font-weight:700;font-size:13px}.set-card h3{font-size:24px;margin:14px 0 6px}.set-card p{color:var(--muted);line-height:1.5;margin:0 0 12px}.set-card small{color:#8d989d}.card-actions{margin-top:auto;padding-top:17px}.card-actions a,button,.submit-button{display:inline-block;background:var(--teal);color:#fff;border:0;border-radius:7px;padding:11px 16px;font-size:14px;font-weight:700;cursor:pointer}.subject-page,.history,.review,.admin{padding:42px 0}.back{display:inline-block;color:var(--teal);font-weight:700;margin-bottom:27px}.subject-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}.subject-card{padding:34px;min-height:240px}.subject-card span,.question-number{font-size:11px;letter-spacing:1.4px;font-weight:800;color:var(--teal)}.subject-card h2{font-size:28px;margin:15px 0 12px}.subject-card p{color:var(--muted);line-height:1.6}.subject-card b{display:block;margin-top:36px;color:var(--teal)}.writing{border-top:4px solid #d9984b}.reading{border-top:4px solid var(--teal)}.auth{max-width:470px;margin:80px auto;padding:38px}.auth h1{margin:0 0 8px}.auth>p:not(.eyebrow){color:var(--muted);margin-bottom:25px}label{display:grid;gap:7px;font-weight:700;font-size:14px;margin:15px 0}input,textarea{font:inherit;padding:12px;border:1px solid #bdcbd0;border-radius:7px;background:#fff}textarea{min-height:190px;resize:vertical}.alert,.notice{padding:11px 14px;border-radius:7px;margin:15px 0}.alert{color:#9f2424;background:#fff1f1}.notice{color:#16633d;background:#e9f7ef}.practice-shell{max-width:none;display:grid;grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 74px)}.question-nav{background:#153d53;color:#dcebed;padding:34px 22px}.question-nav>span{font-size:11px;letter-spacing:1.3px;color:#90c5c0}.question-nav h3{color:#fff;margin:12px 0 22px}.question-nav a{display:flex;align-items:center;gap:10px;padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.12);font-size:14px}.question-nav i{font-style:normal;border:1px solid #6ca49e;border-radius:50%;width:22px;height:22px;text-align:center;padding-top:3px}.practice-body{max-width:850px;width:100%;padding:36px 48px;margin:auto}.practice-top{display:flex;align-items:center;justify-content:space-between}.practice-top h1{margin:0}.practice-top #timer{font:700 22px monospace;color:var(--teal);background:#e9f5f4;padding:10px 15px;border-radius:7px}.question-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:31px;margin:28px 0}.question-card h2{margin:8px 0 9px}.instruction{color:var(--muted)}.paragraph{font:20px Georgia,serif;line-height:1.8;background:#f7faf9;padding:20px 24px;margin:22px 0}.cloze-list{display:flex;gap:14px;flex-wrap:wrap}.cloze-list label{display:flex;align-items:center;gap:3px;margin:0;color:#43535c}.cloze-input{width:56px;padding:8px;text-align:center}.writing-prompt{font:18px/1.6 Georgia,serif;background:#f4f8f8;border-left:4px solid var(--teal);padding:18px;margin:18px 0}.answer-input{width:100%;font-size:18px}.question-card small{display:block;color:var(--muted);margin-top:10px}.submit-button{font-size:16px;padding:14px 22px;margin-bottom:44px}.table-card{overflow:auto;padding:6px 20px}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:17px 10px;border-bottom:1px solid var(--line)}th{font-size:12px;color:var(--muted)}td small{color:var(--muted)}.review-head{display:flex;justify-content:space-between;align-items:end;margin:0 0 24px}.review-head>div:last-child{display:grid;text-align:right}.review-head strong{font-size:28px;color:var(--teal)}.review-head span{color:var(--muted);font-size:13px}.review-layout{display:grid;grid-template-columns:155px 1fr;gap:20px}.review-layout aside{display:grid;align-content:start;gap:8px}.review-layout aside a{padding:10px 12px;background:#fff;border-radius:7px;border-left:4px solid}.review-layout aside .ok{border-color:var(--ok)}.review-layout aside .wrong{border-color:var(--danger)}.answer-review{padding:24px;margin-bottom:16px}.answer-review.correct{border-left:4px solid var(--ok)}.answer-review.incorrect{border-left:4px solid var(--danger)}.answer-review h3{margin:8px 0 18px}.answer-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.answer-columns>div{background:#f7faf9;padding:14px;border-radius:7px}.answer-columns b{font-size:12px;color:var(--muted)}.answer-columns p{white-space:pre-wrap;line-height:1.55}.incorrect .answer-columns>div:first-child p{color:var(--danger)}.admin-grid{display:grid;grid-template-columns:340px 1fr;gap:20px;margin-top:25px}.create-user{padding:23px}.create-user h2,.table-card h2{margin-top:0;font-size:18px}@media(max-width:760px){.topbar{padding:16px 20px;display:grid;gap:14px}.topbar nav{gap:10px;flex-wrap:wrap}.hero{margin:20px;padding:32px;display:block}.hero h1{font-size:28px}.hero-stat{border-left:0;border-top:1px solid #78aaa9;padding:20px 0 0;margin-top:22px}.set-grid,.subject-grid,.admin-grid{grid-template-columns:1fr}.section-head,.history,.review,.admin,.subject-page{margin-left:20px;margin-right:20px}.practice-shell{grid-template-columns:1fr}.question-nav{display:none}.practice-body{padding:24px 18px}.answer-columns,.review-layout{grid-template-columns:1fr}.review-layout aside{grid-template-columns:repeat(3,1fr)}}
.dialogue{background:#f7faf9;border-radius:9px;padding:17px 20px;margin:20px 0}.dialogue b{font-size:12px;color:var(--teal);text-transform:uppercase}.dialogue p{font:19px/1.6 Georgia,serif;margin:6px 0 0}.sentence-preview{min-height:62px;border-bottom:2px solid #7b919b;padding:15px 8px;font:20px/1.6 Georgia,serif;margin:18px 0}.word-bank{display:flex;flex-wrap:wrap;gap:10px}.word-bank button{color:var(--ink);background:#eef5f4;border:1px solid #b9d8d5;padding:9px 12px}.word-bank button:disabled{opacity:.35;text-decoration:line-through}.builder-actions{margin-top:13px}.builder-actions button{padding:8px 11px;background:#fff;color:var(--teal);border:1px solid #a8cfca}.inline-cloze{display:inline-flex!important;align-items:baseline!important;position:relative!important;white-space:nowrap!important}.inline-cloze .cloze-input{display:inline-block!important;width:42px!important;height:28px!important;margin:0 2px!important;padding:1px 3px!important;border:0!important;border-bottom:2px solid #7a8c91!important;border-radius:0!important;background:#e8ecec!important;font:inherit!important;text-align:center!important;vertical-align:baseline!important}
.home-actions{padding:70px 0}.home-actions-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.home-actions-head h1{margin:0;font-size:32px}.type-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}.type-card{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;background:#fff;border:1px solid var(--line);border-left:7px solid;border-radius:16px;padding:36px;min-height:260px;transition:transform .18s,box-shadow .18s;box-shadow:0 6px 18px rgba(20,58,80,.05)}.type-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(20,58,80,.12)}.type-card span{font-size:12px;letter-spacing:1.6px;font-weight:800;color:var(--muted)}.type-card h2{font-size:31px;margin:22px 0 14px}.type-card p{font-size:16px;color:var(--muted);margin:0;line-height:1.7}.type-card b{margin-top:auto;padding-top:30px;font-size:15px}.type-card.teal{border-left-color:#168c88}.type-card.gold{border-left-color:#d89a3e}.type-card.coral{border-left-color:#cf6c5d}.type-card.purple{border-left-color:#7c67b4}.type-card.teal b{color:#168c88}.type-card.gold b{color:#bd7a1f}.type-card.coral b{color:#bd5243}.type-card.purple b{color:#6552a1}.sets-page{padding:42px 0}.sets-page h1{margin:0;font-size:30px}.set-list{margin-top:28px;display:grid;gap:12px}.set-row{background:#fff;border:1px solid var(--line);border-radius:11px;padding:19px 22px;display:grid;grid-template-columns:minmax(0,1fr) 100px 200px;align-items:center;gap:20px}.set-row h2{font-size:19px;margin:7px 0}.set-row p{margin:0;color:var(--muted);font-size:13px}.set-status{font-size:13px;font-weight:800;padding:8px 10px;border-radius:99px;text-align:center}.set-status.not_started{background:#eef1f2;color:#667780}.set-status.in_progress{background:#fff4dc;color:#a66912}.set-status.completed{background:#e6f6ed;color:#197345}.set-row-actions{display:flex;justify-content:flex-end;gap:9px}.primary-action,.secondary-action{padding:10px 12px;border-radius:7px;font-size:13px;font-weight:700}.primary-action{background:var(--teal);color:#fff}.secondary-action{border:1px solid #a9cbca;color:var(--teal)}@media(max-width:760px){.home-actions{margin:0 20px;padding:38px 0}.type-grid{grid-template-columns:1fr!important}.type-card{min-height:210px;padding:28px}.sets-page{margin:0 20px}.set-row{grid-template-columns:1fr}.set-row-actions{justify-content:flex-start}}
.type-card.teal{background:#dff3f1!important}.type-card.gold{background:#fff0d8!important}.type-card.coral{background:#fbe4df!important}.type-card.purple{background:#ece8fa!important}
.email-layout,.discussion-layout{display:grid;grid-template-columns:minmax(300px,40%) minmax(0,60%);border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.email-brief,.discussion-brief{padding:24px;border-right:1px solid var(--line);line-height:1.55}.email-brief .writing-prompt{margin-top:0}.email-brief h3,.discussion-brief h3{font-size:16px;line-height:1.4}.email-brief ul,.discussion-brief ul{padding-left:22px;line-height:1.7}.email-response,.discussion-response{padding:24px;min-width:0}.email-response h3,.discussion-response h3{margin-top:0}.email-response textarea,.discussion-response textarea{display:block;width:100%;min-height:520px;border:0;border-top:1px solid var(--line);border-radius:0;padding:18px 0;font:17px/1.7 Georgia,serif;outline:none}.discussion-layout{grid-template-columns:minmax(330px,42%) minmax(0,58%)}.discussion-post{padding:14px 16px;margin:12px 0;background:#f5f8f8;border-radius:8px;line-height:1.55}.discussion-post b{color:var(--teal)}.discussion-post p{margin:7px 0 0}.discussion-post.professor{background:#e6f2f1}.peer-posts{border-bottom:1px solid var(--line);margin-bottom:22px}@media(max-width:760px){.email-layout,.discussion-layout{grid-template-columns:1fr}.email-brief,.discussion-brief{border-right:0;border-bottom:1px solid var(--line)}.email-response textarea,.discussion-response textarea{min-height:360px}}
.practice-shell{grid-template-columns:260px minmax(0,1fr)!important;width:100%!important}.practice-body{max-width:none!important;width:100%!important;padding:30px 42px!important}.question-card{width:100%!important;max-width:none!important}.paragraph{max-width:none!important;font-size:clamp(18px,1.55vw,27px)!important;line-height:1.85!important}.inline-cloze .cloze-input{width:22px!important;height:30px!important;min-width:22px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-bottom:2px solid #526770!important;font:inherit!important;text-align:center!important}.email-layout,.discussion-layout{width:100%!important;grid-template-columns:minmax(360px,38%) minmax(0,62%)!important}.email-response textarea,.discussion-response textarea{width:100%!important;min-height:calc(100vh - 420px)!important}@media(max-width:900px){.practice-shell{grid-template-columns:1fr!important}.question-nav{display:none!important}.practice-body{padding:24px 20px!important}.email-layout,.discussion-layout{grid-template-columns:1fr!important}}
.answer-review:has(.cloze-review-layout){padding:0;overflow:hidden;border-left:0}.cloze-review-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(330px,1fr);min-height:620px}.review-passage{padding:42px;border-right:1px solid #aab5b9}.review-passage h2{font:700 24px Georgia,serif;text-align:center;margin:0 0 36px}.review-passage p{font:28px/1.72 Georgia,serif;margin:0}.review-blank{white-space:nowrap}.review-blank em{display:inline-block;min-width:48px;padding:0 4px;font-style:normal;text-align:center;background:#d8dddd;border-bottom:2px solid #4d5960}.wrong-letter,.wrong-letter em{color:#d33131!important;font-weight:800}.wrong-letter em{background:#ffe3e3}.review-key{padding:28px;background:#fbfdfe}.review-key h2{margin:0 0 22px;background:#e3f1fa;padding:13px 16px}.key-head,.key-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:12px 14px}.key-head{font-size:15px}.key-row{font:700 18px Georgia,serif}@media(max-width:900px){.cloze-review-layout{grid-template-columns:1fr}.review-passage{border-right:0;border-bottom:1px solid #aab5b9;padding:25px}.review-passage p{font-size:21px}.review-key{padding:20px}}
.builder-dialogue{max-width:1100px;margin:50px auto 30px}.builder-line{display:flex;align-items:center;gap:22px;margin:36px 0}.builder-line img{width:94px;height:94px;border-radius:50%;object-fit:cover;border:3px solid #a8d4d0}.builder-line p{font:700 27px/1.4 Arial;margin:0}.sentence-builder{display:flex;gap:12px;flex-wrap:wrap;flex:1}.answer-slot{height:42px;min-width:105px;border:0;border-bottom:2px solid #526770;background:transparent;font:20px Arial}.answer-slot.filled{border:1px solid #a4c7c4;border-radius:5px;background:#eef7f6}.reference-word-bank{max-width:900px;margin:36px auto;display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.word-choice{border:0;background:transparent;font:22px Arial;color:#24323b;cursor:pointer;padding:8px 12px}.word-choice.used{opacity:.32;text-decoration:line-through}@media(max-width:700px){.builder-dialogue{margin:25px 0}.builder-line img{width:60px;height:60px}.builder-line p{font-size:19px}.answer-slot{min-width:72px}.word-choice{font-size:17px}}
.developer-footer{display:flex!important;justify-content:center!important;align-items:center!important;gap:9px!important;color:#4b5560!important;font-size:12px!important;line-height:1.4!important;padding:22px!important;text-align:left!important}.developer-footer img{width:30px;height:30px;border-radius:50%;object-fit:cover}.developer-footer span{display:block}
.answer-slot.filled{color:#111827!important}.word-choice{color:#111827!important}.sentence-builder{align-items:end}.builder-static{font:20px Arial;color:#24323b;white-space:nowrap;padding-bottom:8px}@media(max-width:700px){.builder-static{font-size:17px}}