:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#19243c;background:#f6f8fc}body{background:#f6f8fc}.app{max-width:1360px;padding:0 30px 70px}.top{min-height:82px;padding:12px 0;margin:0;gap:22px;background:#fff;border-bottom:1px solid #e7eaf2}.brand{font-size:18px;letter-spacing:-.65px;color:#172038}.brand .mark{background:#4253dc;box-shadow:0 6px 15px #3447ba2c}.top-search{background:#f5f7fc;border:1px solid #edf0f8;max-width:490px}.top-search:focus-within{border-color:#9daaf3;box-shadow:0 0 0 3px #4055dd1a}.tag{background:#eef1ff;color:#3b4cbd}.nav{gap:5px;padding:15px 0 18px;margin-bottom:18px}.nav button{font-size:14px;color:#59657b;font-weight:650;border-radius:9px;padding:11px 15px}.nav button.active{background:#e9edff;color:#3548c9}.main{padding-top:0}.card{border:1px solid #e6eaf2;border-radius:16px;background:#fff;box-shadow:0 7px 24px #1d2c5708}.button{background:#4053db;border-radius:10px;box-shadow:0 5px 13px #4053db25}.button:hover{background:#2f42c5}.button.secondary{background:#edf0ff;color:#3347bc;box-shadow:none}.button.secondary:hover{background:#e1e7ff}.filter.active{background:#4053db;border-color:#4053db}.filter{transition:background .15s,border-color .15s}.filter:hover:not(.active){border-color:#8b9ae8;background:#f5f6ff}.eyebrow{color:#455bd7}.heading{color:#172038}.sub{color:#64718a}.section{font-size:19px;color:#19243c}.welcome{padding:54px 0 70px}.welcome .eyebrow{font-size:13px}.welcome .heading{font-size:clamp(34px,4.3vw,48px);margin:14px 0 15px}.welcome .sub{font-size:18px;max-width:700px}.feature-grid{gap:18px}.feature-tile{min-height:346px;border-radius:20px;box-shadow:0 11px 30px #1b285b0e}.feature-tile:hover{transform:translateY(-4px);box-shadow:0 16px 35px #1b285b20}.tile-cyan{background:#a6e7fa}.tile-blue{background:#4145ce}.tile-yellow{background:#ffd55c}.tile-coral{background:#ffdcd5}.tile-preview{top:128px;box-shadow:0 7px 20px #1b285b14}.home-metrics{gap:15px}.home-metrics .card{padding:20px 24px}.home-metrics strong{color:#3449ce}
.reader-intro{background:linear-gradient(115deg,#fff 0%,#f1f4ff 100%);border:1px solid #e8ebf6;border-radius:22px;padding:27px 34px;margin-bottom:19px}.reader-intro h1{margin:9px 0 7px;font-size:clamp(26px,3vw,36px);letter-spacing:-1px;color:#182442}.reader-intro p{margin:0;color:#65718b;line-height:1.55;font-size:16px;max-width:880px}.reader-workspace{display:grid;grid-template-columns:305px minmax(0,1fr);gap:18px;align-items:start}.reader-library{top:14px;max-height:calc(100vh - 28px);padding:16px;background:#fff;border:1px solid #e6eaf2;border-radius:19px;box-shadow:0 7px 24px #1d2c5708}.library-heading{padding:3px 4px 12px}.library-heading h2{font-size:20px;margin:0 0 2px}.library-heading span{font-size:13px;color:#7a869b}.reader-search{width:100%;border:1px solid #dfe5f1;border-radius:10px;background:#f8faff;padding:12px 13px;color:#1f2e4c;font:inherit;font-size:14px}.reader-search:focus{outline:2px solid #a7b2ee;border-color:#687bdd}.reader-filters{display:flex;gap:5px;margin:12px 0 14px}.reader-filters .filter{padding:7px 10px;font-size:12px}.reader-load{padding:10px;color:#586b91;font-size:13px}.reader-load button{color:#3448c4;border:0;background:transparent;text-decoration:underline}.story-list{gap:6px}.story-card{padding:11px 12px;min-height:75px;background:#f8f9fc;border:1px solid #f0f2f7;border-radius:11px}.story-card.active{background:#eef1ff;border-color:#8999ef;box-shadow:inset 3px 0 #4053db}.story-card:hover{border-color:#a4b1ee;background:#f4f6ff}.story-info strong{font-size:14px;margin:3px 0 5px;color:#1d2c49}.story-info small{line-height:1.3}.story-index{min-width:21px}.reader-content{min-width:0}.reading-title{background:#fff;border:1px solid #e6eaf2;box-shadow:0 7px 24px #1d2c5708;border-radius:18px;padding:28px 32px;margin:0 0 13px}.reading-title h2{font-size:clamp(25px,3vw,35px);color:#17233e;line-height:1.18;margin:9px 0}.reading-title p{font-size:15px}.reader-panel{max-width:none;padding:30px 35px;border-radius:18px}.reader-text{max-width:780px;font-family:Georgia,"Times New Roman",serif;font-size:21px;line-height:2.1;color:#27344e}.reader-text p{margin-bottom:26px}.reader-token{border-radius:4px;transition:background .12s}.reader-token:hover,.reader-token:focus-visible,.reader-token.chosen{background:#fff0aa;box-shadow:0 0 0 3px #fff0aa}.reader-toolbar{border-top:1px solid #eef0f5;padding-top:16px}.reader-foot{display:flex;justify-content:space-between;gap:12px;padding:15px 6px;color:#7b879b;font-size:13px}.reader-dictionary{border:0;background:#1b2850;border-radius:16px;max-width:340px;padding:17px 19px 19px;box-shadow:0 18px 48px #0c163768}.gloss-head{display:flex;justify-content:space-between;align-items:center}.gloss-head strong{font-size:21px}.gloss-close{margin:0!important;padding:2px 7px!important;font-size:22px!important;background:transparent!important;border:0!important;color:#c5d2ff!important}.reader-dictionary .gloss-meaning{color:#fff;font-size:17px;font-weight:600;margin:10px 0 14px}.gloss-label{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#aebff8;margin:12px 0 4px}.reader-dictionary small{font-size:14px;color:#e1e7ff;line-height:1.55}.reader-dictionary .gloss-save{font-size:13px;font-weight:700;background:#4e65ce;color:#fff;border:0;border-radius:9px;padding:9px 12px;margin-top:17px}.reader-dictionary .gloss-save:hover{background:#6378de}.reader-dictionary[hidden]{display:none!important}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8799f1;outline-offset:2px}@media(max-width:1050px){.reader-workspace{grid-template-columns:265px minmax(0,1fr)}.reader-panel{padding:25px}.reader-intro{padding:23px 27px}.feature-grid{gap:12px}}@media(max-width:760px){.app{padding:0 17px 44px}.top{padding:12px 0;flex-wrap:wrap}.nav{margin-bottom:12px}.welcome{padding:32px 0 38px}.reader-workspace{display:block}.reader-library{max-height:none;position:static;margin-bottom:14px;padding:13px}.story-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px}.story-card{min-width:225px;max-width:225px;scroll-snap-align:start}.reader-content{width:100%}.reading-title{padding:20px 23px}.reader-panel{padding:23px}.reader-text{font-size:19px}.reader-intro{padding:20px}.reader-intro p{font-size:14px}}@media(max-width:540px){.feature-grid{gap:9px}.feature-tile{min-height:260px}.feature-tile strong{font-size:19px}.tile-preview{top:98px}.reader-filters .filter{font-size:12px;padding:7px}.reader-text{font-size:18px;line-height:1.9}.reading-title h2{font-size:25px}.reader-panel{padding:19px}.reader-foot{display:block}.reader-foot span{display:block;margin:4px 0}}@media(prefers-reduced-motion:reduce){.feature-tile,.story-card,.reader-token{transition:none!important}}

/* EduBlink-inspired learning surface: warm paper, deep ink and vivid green. */
:root{--ink:#162b32;--muted:#687b7d;--green:#1ab69d;--green-dark:#087f73;--line:#e3ece8;--paper:#f7faf8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper)}
body{background:var(--paper);color:var(--ink)}.app{max-width:1440px;padding:0 42px 90px}.top{background:transparent;min-height:90px;border-color:var(--line)}.brand{color:var(--ink);font-weight:850}.brand .mark{background:var(--green);box-shadow:0 10px 25px #1ab69d35}.tag{color:var(--green-dark);background:#dff7ef}.top-search{background:white;border-color:var(--line);box-shadow:0 5px 20px #183e3010}.top-search:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #1ab69d22}.nav{border-bottom:1px solid var(--line);padding:14px 0 20px;margin-bottom:26px;gap:10px}.nav button{color:#45585c;padding:12px 16px;font-weight:700}.nav button.active{color:#087e71;background:#dff7f0}.nav button:hover{background:#eaf7f1}.eyebrow{color:#138f80;letter-spacing:1.8px}.heading,.section{color:var(--ink)}.sub,.card p{color:var(--muted)}.card,.reading-title,.reader-library{border-color:var(--line);box-shadow:0 14px 42px #1d483213}.button,.filter.active{background:var(--green);border-color:var(--green);box-shadow:none;color:#fff}.button:hover{background:var(--green-dark)}.button.secondary{background:#e1f7f1;color:#087e71}.button.secondary:hover{background:#c9efe4}.filter{border-color:#cce7dc;color:#166b60}.filter:hover:not(.active){background:#edf9f4;border-color:var(--green)}.example,.step,.stat{background:#edf9f3}.example{border-color:var(--green)}.progress div{background:var(--green)}.lesson-word,.word strong,.home-metrics strong,.result-row b{color:var(--green-dark)}
.welcome{background:radial-gradient(circle at 85% 22%,#d6f3df 0 9%,transparent 9.2%),radial-gradient(circle at 79% 72%,#fff0bf 0 7%,transparent 7.2%),linear-gradient(120deg,#edfaf4,#fcfdf7);border:1px solid #dcefe5;border-radius:28px;padding:56px 58px 62px;margin:6px 0 25px}.welcome .heading{font-size:clamp(35px,4vw,52px);letter-spacing:-1.9px;max-width:650px}.welcome .sub{max-width:600px}.feature-grid{gap:18px}.feature-tile{border-radius:22px;min-height:325px;border:1px solid #00000008;box-shadow:0 14px 35px #1e453318}.feature-tile:hover{box-shadow:0 22px 48px #1e45332b}.tile-cyan{background:#d7f5e9}.tile-blue{background:#144b45}.tile-yellow{background:#ffe3a5}.tile-coral{background:#f9e9df}.tile-blue .tile-preview{color:var(--ink)}.tile-preview{border-radius:17px;box-shadow:0 10px 25px #1e45331b}.home-metrics .card{border-color:var(--line)}
.reader-intro{background:radial-gradient(circle at 90% 45%,#fff0bd 0 9%,transparent 9.2%),linear-gradient(115deg,#e8f9ef,#f8fcf7);border-color:#d8eee0;padding:35px 40px;border-radius:25px}.reader-intro h1{color:var(--ink);font-size:clamp(30px,3.3vw,43px);letter-spacing:-1.6px}.reader-intro p{color:#536c68}.reader-workspace{grid-template-columns:305px minmax(0,1fr);gap:22px}.reader-library{position:sticky;top:16px;border-radius:20px}.library-heading h2{color:var(--ink)}.reader-search{background:#f8fbf9;border-color:var(--line)}.reader-search:focus{outline:2px solid #b2e9d7;border-color:var(--green)}.reader-filters .filter.active{background:var(--green);border-color:var(--green)}.story-card{background:#fbfdfb;border-color:#e7efe9}.story-card.active{background:#e8f9f1;border-color:#76d9bb;box-shadow:inset 4px 0 var(--green)}.story-card:hover{background:#effaf4;border-color:#a1dfc8}.story-info strong{color:var(--ink)}.reading-title{border-radius:20px;padding:29px 36px}.reading-title h2{color:var(--ink)}.reader-panel{border-radius:20px;padding:12px 36px 30px}.reader-text{max-width:none;font-family:inherit;font-size:initial;line-height:normal}.reader-pair{padding:29px 0 28px;border-bottom:1px solid var(--line)}.reader-pair:last-child{border-bottom:0}.reader-english{font-family:Georgia,'Times New Roman',serif;font-size:clamp(19px,2vw,23px);line-height:1.9;color:#253e3e;margin:0 0 14px!important}.reader-translation{font-family:inherit;background:#f0f9f4;border-left:3px solid var(--green);border-radius:0 11px 11px 0;padding:15px 18px;color:#31574d;font-size:16px;line-height:1.75}.reader-translation.loading{color:#788b83}.translation-label{display:block;font-size:10px;font-weight:850;letter-spacing:1.4px;color:#128a78;margin-bottom:4px}.reader-translation button{color:#087f73;background:none;border:0;padding:0;text-decoration:underline}.reader-token:hover,.reader-token:focus-visible,.reader-token.chosen{background:#ffe6a8;box-shadow:0 0 0 3px #ffe6a8}.reader-toolbar{margin-top:22px;border-color:var(--line)}.reader-dictionary{background:#173d37;box-shadow:0 18px 48px #0c302c55}.reader-dictionary .gloss-save{background:var(--green);color:#07392e}.reader-dictionary .gloss-save:hover{background:#48d5b6}
button:focus-visible,a:focus-visible,input:focus-visible{outline-color:var(--green)}@media(max-width:1050px){.reader-workspace{grid-template-columns:260px minmax(0,1fr)}.app{padding:0 25px 70px}.welcome{padding:40px}}@media(max-width:760px){.app{padding:0 16px 55px}.top{min-height:70px}.nav{margin-bottom:16px}.welcome{padding:36px 24px;margin:0 0 18px}.feature-tile{min-height:260px}.reader-intro{padding:25px}.reader-workspace{display:block}.reader-library{position:static;max-height:none}.reader-panel{padding:6px 22px 25px}.reader-pair{padding:22px 0}.reader-english{font-size:19px}.reader-translation{font-size:15px;padding:12px 14px}}@media(max-width:520px){.welcome .heading{font-size:32px}.reader-intro h1{font-size:30px}.reading-title{padding:22px}.reader-panel{padding:4px 18px 21px}.reader-english{line-height:1.7;font-size:18px}}
/* Vocabulary cards with curated visual mnemonic cues. */
.vocab-hero{display:grid;grid-template-columns:minmax(145px,36%) minmax(0,1fr);gap:24px;align-items:center;margin:14px 0 20px}.vocab-art{position:relative;min-height:208px;display:grid;place-items:center;overflow:hidden;border-radius:20px;background:linear-gradient(145deg,#e7f8ed 8%,#d6f4e8 63%,#c3eada);border:1px solid #ccecdc}.vocab-art-icon{position:relative;z-index:1;font-family:'Apple Color Emoji','Segoe UI Emoji',sans-serif;font-size:clamp(70px,8vw,108px);line-height:1;filter:drop-shadow(0 13px 13px #1e684a22);transition:transform .2s}.vocab-art:hover .vocab-art-icon{transform:scale(1.08) rotate(-3deg)}.vocab-orbit{position:absolute;width:160px;height:160px;border:1px solid #ffffffaf;border-radius:50%;transform:translate(36px,-16px)}.orbit-two{width:250px;height:250px;transform:translate(40px,-30px)}.vocab-art-label{position:absolute;bottom:15px;left:17px;font-size:10px;letter-spacing:1.7px;font-weight:850;color:#388770}.vocab-definition .lesson-word{font-size:clamp(28px,3vw,42px);margin:0 0 5px;overflow-wrap:anywhere}.vocab-definition h2{font-size:clamp(18px,2vw,24px);color:#214c43;margin:0}.vocab-hint{display:block;color:#7c938a;font-size:12px;margin-top:14px}.word-grid .word{display:flex;gap:13px;align-items:center;min-height:88px;text-align:left!important;border-color:var(--line);transition:border-color .15s,transform .15s,box-shadow .15s}.word-grid .word:hover{border-color:#7ed9bc;transform:translateY(-2px);box-shadow:0 10px 24px #1d483215}.vocab-list-image{display:grid;place-items:center;flex:0 0 55px;width:55px;height:55px;border-radius:14px;background:linear-gradient(145deg,#e5f8ee,#d0eee2);font-size:28px;line-height:1}.vocab-list-copy{min-width:0;color:#50665d}.vocab-list-copy strong{color:var(--ink)}@media(max-width:560px){.vocab-hero{grid-template-columns:1fr;gap:15px}.vocab-art{min-height:160px}.vocab-art-icon{font-size:80px}.vocab-list-image{width:48px;height:48px;flex-basis:48px}}
.bilingual-example{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:15px;background:#effaf5}.bilingual-example [lang="en"]{font-weight:700;color:#194337}.bilingual-example [lang="tr"]{color:#3d6257}.example-separator{color:#12a68e;font-weight:850}
.review-overview{display:grid;grid-template-columns:180px 1fr;gap:25px;align-items:center}.review-counter{display:grid;place-content:center;text-align:center;min-height:175px;border-radius:18px;background:#dcf8eb;color:#146f5e}.review-counter strong{font-size:70px;line-height:1}.review-counter span{font-size:13px;max-width:120px;margin-top:8px}.review-word{font-size:clamp(36px,6vw,60px);font-weight:850;color:#115f56;margin:12px 0 24px}.review-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.review-example{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}.review-question>.button{margin-top:20px}@media(max-width:620px){.review-overview{grid-template-columns:1fr}.review-counter{min-height:130px}.review-choice-grid{grid-template-columns:1fr}}
.reading-quiz{margin-top:35px;border-top:1px solid var(--line);padding-top:26px}.reading-quiz-head h3{font-size:23px;margin:8px 0}.reading-quiz-head p{color:var(--muted);margin:0 0 20px}.reading-quiz-question{padding:19px 0;border-bottom:1px solid var(--line)}.reading-quiz-question>strong{display:block;font-size:16px;margin-bottom:12px;line-height:1.5}.reading-quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.reading-quiz-options .choice{font-size:14px;padding:11px 13px}.reading-quiz-question small{display:block;margin:10px 0;color:#357460;line-height:1.5}.reading-quiz .feedback{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px}@media(max-width:680px){.reading-quiz-options{grid-template-columns:1fr}.reading-quiz .feedback{display:block}.reading-quiz .feedback .button{display:block;margin-top:12px}}
.sync-card{margin-top:20px}.sync-card h2{margin:9px 0}.sync-link{display:inline-block;text-decoration:none}.sync-state{display:inline-block;color:#177b64;font-size:13px;font-weight:700;margin:10px 20px 10px 0}.sync-logout{color:#526e62;font-size:13px}
.reader-dictionary .gloss-example-en{display:block;color:#fff;font-weight:700;line-height:1.5;margin:4px 0 5px}.reader-dictionary .gloss-example-tr{display:block;color:#c9eddd;line-height:1.5;margin:0 0 3px}.reader-dictionary .gloss-example-tr[hidden]{display:none}
.reader-dictionary{max-height:min(70vh,420px);overflow-y:auto}
.reader-translate-toggle{margin-top:18px;padding:9px 14px;border:1px solid #b9e6d5;border-radius:10px;color:#096b5f;background:#e9f9f1;font-weight:750;font-size:14px}.reader-translate-toggle:hover{background:#d5f4e7}.reader-content.translations-hidden .reader-translation{display:none}.reader-content.translations-hidden .reader-pair{padding-bottom:14px}
.exam-topics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.exam-topic-card{padding:17px;border:1px solid #dcebe4;border-radius:15px;background:#fff}.exam-topic-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline;color:#183a34}.exam-topic-top b{font-size:18px;color:#137c69}.exam-topic-track{height:8px;background:#e7f1ed;border-radius:99px;margin:12px 0 8px;overflow:hidden}.exam-topic-track span{display:block;height:100%;background:#21b399;border-radius:99px}.exam-topic-card small{color:#697c74}.exam-topic-card p{min-height:45px;line-height:1.5;color:#51685e;margin:13px 0 8px}.exam-topic-card button{border:0;padding:0;background:none;color:#087e70;font-weight:800}.exam-focus{margin-top:16px;padding:19px 22px;border-radius:14px;background:#e8f8ee;border-left:4px solid #1bb69d}.exam-focus strong{color:#115c50}.exam-focus p{margin:7px 0 0;color:#46695e}
.listen-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;margin:8px 0;padding:7px 11px;border:1px solid #cdd7f3;border-radius:9px;background:#f2f5ff;color:#3044b2;font:600 12px/1.2 inherit;cursor:pointer;transition:background .15s,border-color .15s}.listen-button:hover{background:#e4eaff;border-color:#8193e4}.listen-button:focus-visible{outline:3px solid #8396ec;outline-offset:2px}.listen-button:disabled{opacity:.48;cursor:not-allowed}.speech-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:3px 0 13px}.speech-status{display:inline-block;color:#5e6c86;font-size:12px}.gloss-head{display:flex;align-items:center;gap:7px}.gloss-head strong{margin-right:auto}.gloss-head .listen-button{margin:0}.gloss-example-listen{margin:10px 0 3px}.vocab-definition .listen-button{margin-top:12px}
.reader-audio{display:flex;align-items:center;gap:10px;margin:0 0 8px}.reader-audio .listen-button{margin:0;background:#eaf7f1;border-color:#beded0;color:#176658;font-size:13px}.reader-audio .listen-button:hover{background:#d8f2e7;border-color:#67b99d}.reader-audio .speech-status{color:#4b7169}.reader-audio+.reader-english{margin-top:0!important}
.speech-speed{display:inline-flex;align-items:center;gap:9px;color:#516a66;font-size:13px;font-weight:650;white-space:nowrap}.speech-speed select{font:inherit;color:#17483f;background:#fff;border:1px solid #c6dcd4;border-radius:9px;padding:7px 28px 7px 10px;cursor:pointer}.speech-speed select:focus-visible{outline:3px solid #82bda9;outline-offset:2px}.reading-title .speech-speed{margin:9px 0 0 12px}.reader-dictionary .speech-speed{display:flex;margin-top:10px;color:#e6f4ee}.reader-dictionary .speech-speed select{background:#effaf4;color:#173d37}.speech-row .speech-speed{margin-left:auto}@media(max-width:540px){.reading-title .speech-speed{display:flex;margin:12px 0 0}.speech-row .speech-speed{margin-left:0}}
.reader-listen-start{margin:8px 0 0 9px;padding:10px 14px;border:1px solid #a9d8c4;border-radius:10px;background:#e7f8ee;color:#126953;font:700 14px inherit;cursor:pointer}.reader-listen-start:hover{background:#d1f2df}.listening-active .reader-listen-start,.listening-active .reader-translate-toggle,.listening-active .reading-title>.speech-speed{display:none}.listening-active .reader-panel,.listening-active .reader-foot{display:none}.listening-panel{padding:28px 34px;margin:0 0 16px;scroll-margin-top:15px}.listening-panel h3{font-size:24px;margin:8px 0}.listening-panel>p{color:#536c68;margin:0 0 17px;line-height:1.6}.listening-players{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 10px}.listening-players .reader-audio{margin:0}.listening-questions{margin-top:25px}.listening-question{border-top:1px solid #e0ece5;padding:20px 0}.listening-question>strong{display:block;margin-bottom:12px;font-size:16px}.listening-question .choice{text-align:left;line-height:1.5}.listening-result{font-weight:700;color:#116b55}.listening-evidence{padding:15px 18px;background:#f0f9f4;border-left:3px solid #1baa8a;border-radius:0 10px 10px 0}.listening-evidence b{font-size:12px;color:#136a59}.listening-evidence p{margin:6px 0 13px;line-height:1.6}.listening-evidence p:last-child{margin-bottom:0}.listening-score{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-weight:700;margin:12px 0}.listening-exit{margin-top:12px}@media(max-width:600px){.listening-panel{padding:22px 18px}.reader-listen-start{margin:10px 0 0}}
.study-rail{position:fixed;top:150px;left:max(14px,calc((100vw - 1580px)/2));z-index:15;width:174px;display:flex;flex-direction:column;gap:4px;padding:13px 9px;border:1px solid #dcebe4;border-radius:17px;background:#fff;box-shadow:0 16px 42px #163c3120}.study-rail-title{font-size:11px;font-weight:850;letter-spacing:1.2px;color:#778c85;padding:7px 9px 10px}.study-rail button{display:flex;align-items:center;gap:10px;padding:10px 9px;width:100%;min-height:43px;background:transparent;color:#27473d;border:0;border-radius:10px;text-align:left;font-size:13px;font-weight:650;line-height:1.25;font-family:inherit;cursor:pointer}.study-rail button:hover{background:#eff9f4}.study-rail button.active{background:#dff5e9;color:#0c745e}.study-rail-icon{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:7px;background:#eff7f3;font-size:18px}.study-rail button.active .study-rail-icon{background:#bcead8}.tool-page h1{font-size:clamp(28px,3vw,38px);letter-spacing:-1px;margin:10px 0}.tool-muted{color:#647970;line-height:1.6}.tool-surface{padding:27px 30px;margin:20px 0}.tool-surface h2{font-size:19px;margin:28px 0 12px}.tool-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:21px}.tool-stats>div{padding:16px;border-radius:12px;background:#edf8f2}.tool-stats b{display:block;color:#116d58;font-size:27px}.tool-stats span{color:#526e63;font-size:13px}.tool-inline-actions{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 20px}.tool-word-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:17px}.tool-word{padding:15px;text-align:left;border:1px solid #dbece2;border-radius:12px;background:#fcfefd;cursor:pointer;color:#183930}.tool-word:hover{border-color:#55ba96;background:#f0fbf5}.tool-word strong,.tool-word span,.tool-word small{display:block}.tool-word strong{font-size:17px}.tool-word span{margin:4px 0;color:#19705d}.tool-word small{color:#748a7d;font-size:12px;line-height:1.5}.tool-form{display:grid;gap:9px;margin:12px 0 22px}.tool-form label{font-size:14px;font-weight:700}.tool-form input,.tool-form textarea{width:100%;max-width:100%;padding:12px 13px;border:1px solid #ccdfd4;border-radius:10px;font:inherit;color:#183930;background:#fff}.tool-form .button{justify-self:start}.tool-form.compact{grid-template-columns:1fr auto;align-items:end}.tool-form.compact label{grid-column:1/-1}.tool-form.compact input{min-width:0}.tool-entry{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #e5eee8}.tool-entry p{margin:6px 0;color:#4c675c;line-height:1.6;overflow-wrap:anywhere}.tool-entry small{color:#769185}.tool-remove{align-self:start;border:1px solid #e1d5d5;border-radius:7px;background:#fff;color:#815454;cursor:pointer;padding:7px 10px}.tool-task label{display:flex;align-items:center;gap:11px;cursor:pointer}.tool-task input{width:18px;height:18px;accent-color:#1a9e7c}.tool-task .done{text-decoration:line-through;color:#87958e}.tool-empty{padding:25px;border:1px dashed #bbd7c7;border-radius:12px;background:#f7fcf9;color:#627b6d}.tool-homework-intro{padding:20px;background:#ecf8f1;border-radius:13px}.tool-homework-intro p{color:#4d6d5e}.tool-storage-note{font-size:12px;color:#73877b}@media(min-width:1280px){.app{max-width:1610px;padding-left:205px;padding-right:35px}}@media(max-width:1279px){.study-rail{position:static;width:auto;display:flex;flex-direction:row;overflow-x:auto;gap:4px;margin:0 0 18px;padding:7px;box-shadow:none}.study-rail-title{display:none}.study-rail button{flex:0 0 auto;width:auto;padding:8px 10px;white-space:nowrap}}@media(max-width:680px){.study-rail button{min-height:38px;font-size:12px}.study-rail-icon{flex-basis:22px;width:22px;height:22px;font-size:16px}.tool-surface{padding:18px}.tool-stats{gap:6px}.tool-stats>div{padding:10px}.tool-stats b{font-size:21px}.tool-stats span{font-size:11px}.tool-word-grid{grid-template-columns:1fr}.tool-form.compact{grid-template-columns:1fr}.tool-form.compact label{grid-column:auto}}
/* Edge-mounted study tools, matching the compact reference rail. */
@media(min-width:761px){.study-rail{position:fixed;top:clamp(145px,25vh,245px);left:0;right:auto;width:64px;padding:14px 8px;gap:6px;border-left:0;border-radius:0 17px 17px 0;box-shadow:6px 12px 30px #163c3122;overflow:visible}.study-rail-title{display:none}.study-rail button{position:relative;flex:0 0 auto;justify-content:center;width:48px;min-height:48px;padding:7px;margin:0;text-align:center;border-radius:10px}.study-rail-icon{flex:0 0 33px;width:33px;height:33px;font-size:21px}.study-rail button>span:last-child{position:absolute;left:calc(100% + 13px);top:50%;transform:translate(-5px,-50%);padding:9px 12px;border-radius:8px;background:#153a31;color:white;white-space:nowrap;font-size:13px;opacity:0;visibility:hidden;pointer-events:none;box-shadow:0 8px 20px #173d3733;transition:opacity .15s,transform .15s,visibility .15s}.study-rail button:hover>span:last-child,.study-rail button:focus-visible>span:last-child{opacity:1;visibility:visible;transform:translate(0,-50%)}.app{max-width:1480px;padding-left:83px;padding-right:35px}}
@media(max-width:760px){.study-rail{position:static;width:auto;display:flex;flex-direction:row;overflow-x:auto;gap:4px;margin:0 0 18px;padding:7px;border:1px solid #dcebe4;border-radius:13px;box-shadow:none}.study-rail button{width:auto;flex:0 0 auto;min-height:40px;padding:8px 10px}.study-rail button>span:last-child{position:static;opacity:1;visibility:visible;transform:none;white-space:nowrap;background:transparent;color:inherit;box-shadow:none;padding:0}}
.plan-form h2,.plan-overview h2{margin:0 0 7px;font-size:23px}.plan-form p,.plan-overview p{color:#637c6e;margin:0}.plan-form-top,.plan-overview{display:flex;align-items:start;justify-content:space-between;gap:18px}.plan-form-top>label{display:grid;gap:6px;min-width:185px;font-size:13px;font-weight:750;color:#3b5c4a}.plan-form-top input{padding:10px 11px;border:1px solid #bed5c8;border-radius:9px;color:#173d37;font:inherit;background:#fff}.plan-days-wrap{overflow-x:auto;margin:26px 0 0}.plan-days{width:100%;min-width:570px;border-collapse:collapse}.plan-days th,.plan-days td{padding:13px 7px;border-bottom:1px solid #e3eee7;text-align:center}.plan-days thead th{font-size:12px;color:#6b8378;font-weight:800}.plan-days thead th:first-child,.plan-days tbody th{text-align:left}.plan-days tbody th{width:210px;font-size:15px;color:#193d32}.plan-days tbody th strong,.plan-days tbody th small{display:block}.plan-days tbody th small{color:#769083;font-size:12px;font-weight:450;margin-top:3px}.plan-check{display:inline-grid;place-items:center;cursor:pointer}.plan-check input{position:absolute;width:32px;height:32px;opacity:0;cursor:pointer}.plan-check span{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#f0f4f1;border:1px solid #dce8df;color:transparent;font-weight:800}.plan-check input:checked+span{background:#168d70;border-color:#168d70;color:#fff}.plan-check input:focus-visible+span{outline:3px solid #88ccb1;outline-offset:2px}.plan-error{color:#b13d36!important;font-weight:650;min-height:20px;margin:8px 0!important}.plan-progress{height:10px;background:#e6f1ea;border-radius:9px;overflow:hidden;margin:19px 0 26px}.plan-progress span{display:block;height:100%;background:#1cad83;border-radius:9px}.plan-week-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:18px 0}.plan-week-nav strong{font-size:15px;text-align:center}.plan-week-nav button{padding:9px;border:0;border-radius:8px;background:#edf8f2;color:#176850;cursor:pointer}.plan-week-nav button:disabled{opacity:.42;cursor:default}.plan-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.plan-day{display:grid;justify-items:center;gap:5px;padding:12px 5px;border:1px solid #e0ebe3;border-radius:12px;background:#fff;color:#1b4637;cursor:pointer}.plan-day:hover:not(:disabled){border-color:#69be9c;background:#f1faf4}.plan-day.selected{background:#dff5e9;border-color:#28a57f;box-shadow:inset 0 0 0 1px #28a57f}.plan-day.today strong{border-radius:50%;background:#188d6e;color:#fff;min-width:27px;line-height:27px}.plan-day:disabled{opacity:.35;cursor:default}.plan-day span{font-size:12px}.plan-day strong{font-size:18px}.plan-day small{font-size:11px;color:#6b8474;white-space:nowrap}.plan-today{margin:23px 0 0;padding:18px 20px;border-radius:13px;background:#f5faf6}.plan-today h3{margin:0 0 10px;font-size:18px}.plan-task{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #dcebe1;padding:12px 0}.plan-task label{display:flex;align-items:center;gap:12px;cursor:pointer}.plan-task input{width:20px;height:20px;accent-color:#169a76}.plan-task strong,.plan-task small{display:block}.plan-task small{color:#66806f;font-size:12px;margin-top:3px}.plan-go{border:0;background:none;color:#087d65;font-weight:750;cursor:pointer;white-space:nowrap}.plan-note{font-size:13px;margin-top:20px}@media(max-width:760px){.plan-form-top,.plan-overview{flex-wrap:wrap}.plan-form-top>label{width:100%}.plan-week{gap:3px}.plan-day{padding:9px 1px;gap:3px}.plan-day span,.plan-day small{font-size:10px}.plan-day strong{font-size:16px}.plan-week-nav strong{font-size:12px}}
.dictation-welcome{display:flex;gap:22px;align-items:flex-start;margin:0 0 24px;padding:24px;border:1px solid #cde7d8;border-radius:17px;background:linear-gradient(115deg,#ebfaf2,#f8fffa)}.dictation-symbol{display:grid;place-items:center;flex:0 0 60px;width:60px;height:60px;border-radius:17px;background:#1ca582;color:#fff;font-size:34px}.dictation-welcome h2,.dictation-finish h2{margin:0 0 10px!important;font-size:25px!important}.dictation-welcome p,.dictation-finish p{margin:0 0 18px;color:#527062;line-height:1.65}.dictation-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#167257;font-size:13px;font-weight:800;letter-spacing:.05em}.dictation-progress strong{font-size:13px;color:#597767;letter-spacing:0}.dictation-audio{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin:21px 0 24px;padding:17px;border:1px solid #d9ebdf;border-radius:13px;background:#f5fbf7}.dictation-audio .speech-speed{margin-left:auto}.dictation-play{min-width:175px}.dictation-form input{font-size:17px;padding:15px}.dictation-form .tool-inline-actions{margin-top:3px}.dictation-hint{padding:10px 14px;border-radius:9px;background:#fff5d6;color:#715322}.dictation-your-answer{padding:12px 0;color:#495f54;overflow-wrap:anywhere}.dictation-feedback{padding:19px;border-radius:14px;scroll-margin-top:20px}.dictation-feedback.success{border:1px solid #9edcbd;background:#eefaf2}.dictation-feedback.needs-work{border:1px solid #eed4a0;background:#fffbef}.dictation-feedback>strong{font-size:18px}.dictation-feedback p{line-height:1.6;margin:10px 0 0}.dictation-correction{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0;font-size:17px}.dictation-correction span{padding:5px 8px;border-radius:7px;background:#e4f3e9;color:#205c44}.dictation-correction span.missing{background:#ffdfcc;color:#8a3e20;font-weight:750}.dictation-compare-note{color:#755b3e}.dictation-next{margin:19px 0 3px}.dictation-finish{padding:25px;border-radius:16px;background:#edf9f2}@media(max-width:640px){.dictation-welcome{padding:18px;gap:12px}.dictation-symbol{flex-basis:43px;width:43px;height:43px;font-size:25px}.dictation-welcome h2{font-size:20px!important}.dictation-audio .speech-speed{margin-left:0}.dictation-play{min-width:0}}
.placement-welcome{display:flex;align-items:flex-start;gap:21px;padding:25px;border-radius:16px;background:linear-gradient(125deg,#e8f8f0,#f8fcf9);border:1px solid #cfe9d9}.placement-welcome h2,.placement-result-top h2{font-size:26px;margin:0 0 9px!important}.placement-welcome p,.placement-result-top p{color:#546f60;line-height:1.6;margin:0 0 16px}.placement-welcome-icon{display:grid;place-items:center;flex:0 0 60px;width:60px;height:60px;border-radius:18px;background:#1a9e7a;color:#fff;font-size:34px}.placement-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:19px 0}.placement-benefits>div{display:flex;align-items:center;gap:10px;padding:15px;border:1px solid #dfece3;border-radius:12px}.placement-benefits span{color:#16886b;font-size:24px}.placement-benefits b{font-size:15px}.placement-benefits small{margin-left:auto;color:#718778}.placement-disclaimer{margin:18px 0;color:#63796d;line-height:1.55;font-size:13px}.placement-progress{display:flex;justify-content:space-between;gap:12px;color:#147359;font-weight:800;font-size:13px;letter-spacing:.04em}.placement-exam>.plan-progress{margin:15px 0 24px}.placement-stage{font-weight:700;color:#678273}.placement-exam h2{font-size:clamp(20px,2.4vw,27px);line-height:1.4;margin:13px 0 22px}.placement-passage{padding:20px 23px;border-left:3px solid #1ba989;border-radius:0 12px 12px 0;background:#f1faf5;color:#213f35;line-height:1.8}.placement-passage span{display:block;font-size:11px;font-weight:850;letter-spacing:1px;color:#128069}.placement-passage p{margin:9px 0 0;font-size:16px}.placement-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.placement-options .choice{display:flex;align-items:center;gap:12px;text-align:left;line-height:1.45;min-height:64px}.placement-options .choice span{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:7px;background:#edf5ef;color:#267258;font-weight:800}.placement-options .choice.selected{border:2px solid #15936f;background:#e7f8ee;color:#174b39}.placement-options .choice.selected span{background:#189a79;color:#fff}.placement-controls{display:flex;justify-content:space-between;gap:10px;margin:25px 0 0}.placement-controls button:disabled{opacity:.48;cursor:default}.placement-result-top{display:flex;align-items:start;justify-content:space-between;gap:18px;padding:21px;border-radius:15px;background:#ebf8f1}.placement-total{display:grid;justify-items:center;flex:0 0 auto;min-width:115px;padding:13px;border-radius:12px;background:#fff;color:#147457}.placement-total b{font-size:28px}.placement-total span{font-size:12px}.placement-scores{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:18px 0 28px}.placement-score{padding:17px;border:1px solid #dfebe2;border-radius:12px}.placement-score>div:first-child{display:flex;justify-content:space-between;gap:6px}.placement-score strong{font-size:15px}.placement-score span{font-size:12px;color:#617969}.placement-score .plan-progress{height:8px;margin:13px 0 0}.placement-results h3{font-size:21px;margin:0 0 14px}.placement-route{display:grid;gap:9px}.placement-route-card{display:flex;align-items:flex-start;gap:14px;padding:17px;border:1px solid #e0ebe2;border-radius:12px;background:#fff}.placement-step{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:9px;background:#dcf4e8;color:#147055;font-weight:850}.placement-route-card strong{font-size:17px}.placement-route-card p{margin:7px 0;color:#536d5e;line-height:1.6}.placement-route-card .tool-inline-actions{margin:8px 0 0}.placement-review{margin:25px 0;padding:15px;border:1px solid #dfece3;border-radius:12px}.placement-review summary{font-weight:750;color:#1b6e55;cursor:pointer}@media(max-width:680px){.placement-welcome,.placement-result-top{padding:17px;gap:11px}.placement-welcome-icon{flex-basis:42px;width:42px;height:42px;font-size:24px}.placement-welcome h2{font-size:21px!important}.placement-benefits,.placement-scores{grid-template-columns:1fr}.placement-options{grid-template-columns:1fr}.placement-total{min-width:80px}.placement-total b{font-size:23px}.placement-scores{gap:7px}}
.home-placement{margin-top:18px}
.type-intro{padding:24px;border:1px solid #cee8d8;border-radius:16px;background:linear-gradient(120deg,#eaf9f0,#f8fefa);margin-bottom:21px}.type-intro h2{font-size:25px;margin:0 0 8px!important}.type-intro p{max-width:670px;color:#557263;line-height:1.6;margin:0 0 17px}.type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.type-card{display:flex;align-items:flex-start;gap:13px;padding:18px;border:1px solid #dfece3;border-radius:14px;background:#fff;transition:border-color .15s,box-shadow .15s}.type-card:hover{border-color:#9fd9bf;box-shadow:0 7px 24px #17483210}.type-card-icon{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:#ddf4e9;color:#117455;font-size:20px}.type-card h3{font-size:17px;margin:0 0 3px}.type-card small{color:#607d6b;font-size:12px}.type-card p{margin:10px 0 12px;color:#526e5e;line-height:1.55;font-size:13px}.type-card button,.type-weak button{background:none;border:0;color:#087f61;font-weight:750;cursor:pointer;padding:2px 0}.type-card button:hover,.type-weak button:hover{text-decoration:underline}.type-source{font-size:12px;color:#667f70;margin:18px 0;line-height:1.6}.type-progress{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:850;color:#17745c}.type-practice .plan-progress{margin:15px 0 23px}.type-strategy-note{padding:13px 16px;background:#f0faf4;border-left:3px solid #27ad89;color:#365b49;line-height:1.6}.type-practice h2{font-size:clamp(19px,2.25vw,25px);line-height:1.6;margin:21px 0!important;white-space:normal}.type-options{display:grid;gap:8px}.type-options .choice{display:flex;align-items:flex-start;gap:12px;text-align:left;line-height:1.55;padding:13px 15px;font-size:15px}.type-options .choice span{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:7px;background:#e7f4eb;color:#197654;font-weight:850}.type-explanation{margin:18px 0 0;padding:16px;border-radius:12px;background:#eef9f3;border:1px solid #addfc4;scroll-margin-top:30px}.type-explanation strong{color:#0d7256}.type-explanation p{margin:8px 0 0;line-height:1.6}.type-next{margin-top:17px}.type-summary{padding:25px;border-radius:16px;background:#edf9f2}.type-summary h2{margin:7px 0!important;font-size:28px}.type-summary p{color:#4d6d5c}.type-weak{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:18px 0}.type-weak strong{margin-bottom:3px}@media(min-width:761px){.study-rail{top:clamp(85px,15vh,150px);gap:3px;padding:10px 8px}.study-rail button{min-height:43px}.study-rail-icon{flex-basis:31px;width:31px;height:31px}}@media(max-width:720px){.type-grid{grid-template-columns:1fr}.type-card{padding:15px}.type-practice h2{font-size:20px}}

.type-exam-switch{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.type-exam-switch .filter{min-width:130px}.type-intro .eyebrow{display:block;margin-bottom:8px}
.vocab-alphabet{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 14px;padding:18px;background:#fff;border:1px solid #dcebe4;border-radius:18px;box-shadow:0 8px 24px rgba(25,69,60,.05)}
.vocab-letter{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:43px;min-height:47px;padding:5px 9px;border:1px solid #dcebe4;border-radius:11px;background:#f7fbf9;color:#175748;font-size:16px;font-weight:800;transition:background .16s,transform .16s,border-color .16s}
.vocab-letter small{font-size:10px;font-weight:600;color:#70897f}.vocab-letter:hover:not(:disabled){background:#e8f7f0;transform:translateY(-2px);border-color:#2eb094}.vocab-letter.active{background:#147e69;color:#fff;border-color:#147e69;box-shadow:0 6px 15px rgba(20,126,105,.2)}.vocab-letter.active small{color:#d5f8e9}.vocab-letter:disabled{opacity:.35;cursor:default}.vocab-letter:focus-visible{outline:3px solid #f3b54e;outline-offset:2px}.vocab-list-head{font-size:14px;font-weight:700;color:#2d5d52;margin:12px 2px 18px}.vocab-empty{padding:18px;background:#fff;border-radius:12px;color:#56687b}@media(max-width:600px){.vocab-alphabet{gap:6px;padding:12px}.vocab-letter{min-width:39px;min-height:43px;font-size:14px}}
/* First-visit guidance */
body.onboarding-open{overflow:hidden}.onboarding-exam-tag{border:1px solid #d5e7e2;cursor:pointer;font-weight:750}.onboarding-exam-tag:hover{border-color:#0e8d78;background:#ebfaf4}
.onboarding-backdrop{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:20px;background:rgba(14,34,50,.55);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.onboarding-dialog{width:min(100%,620px);max-height:min(90vh,820px);overflow-y:auto;background:#fff;border:1px solid rgba(255,255,255,.72);border-radius:25px;box-shadow:0 28px 85px rgba(11,36,45,.3);padding:30px 34px 34px;color:#142a36}
.onboarding-brand{display:flex;align-items:center;gap:11px;margin-bottom:30px;font-size:14px;font-weight:800;letter-spacing:.02em}.onboarding-brand .mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#167b69;color:#fff}.onboarding-brand button{margin-left:auto;border:0;background:#edf6f3;border-radius:50%;height:35px;width:35px;color:#365f59;font-size:24px;line-height:1}.onboarding-brand button:hover{background:#d5eee5}
.onboarding-kicker{font-size:12px;letter-spacing:.12em;font-weight:850;color:#0b866d}.onboarding-dialog h2{font-size:clamp(23px,3vw,34px);line-height:1.21;letter-spacing:-.025em;margin:12px 0;color:#142a36}.onboarding-dialog h2:focus{outline:none}.onboarding-copy{margin:0 0 25px;color:#4e6470;font-size:16px;line-height:1.65;max-width:52ch}.onboarding-exams{display:grid;gap:12px}.onboarding-exams button{display:grid;grid-template-columns:48px 1fr 28px;grid-template-rows:auto auto;column-gap:15px;align-items:center;text-align:left;padding:18px;border:1px solid #d9e9e5;background:#fbfefc;border-radius:16px;color:#142a36;transition:transform .15s,border-color .15s,box-shadow .15s}.onboarding-exams button:hover{transform:translateY(-2px);border-color:#19a78a;box-shadow:0 10px 24px rgba(16,92,74,.1)}.onboarding-exam-icon{grid-row:span 2;display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#e4f7ef;color:#0c816b;font-weight:850}.onboarding-exams strong{font-size:19px}.onboarding-exams small{font-size:14px;color:#627782}.onboarding-exams button>span:last-child{grid-column:3;grid-row:1/span 2;color:#10896f;font-size:20px}.onboarding-later{margin-top:21px;background:none;border:0;color:#526b74;text-decoration:underline;text-underline-offset:4px;font-size:14px;padding:6px 0}.onboarding-footnote{font-size:13px;color:#647784;margin:22px 0 0;line-height:1.55}
.onboarding-progress-head{display:flex;justify-content:space-between;gap:8px;margin:16px 0 10px;font-size:14px;color:#45636b}.onboarding-progress{height:8px;border-radius:20px;background:#e8f2ef;overflow:hidden}.onboarding-progress span,.onboarding-score-track span{display:block;height:100%;background:#18a68d;border-radius:20px;transition:width .2s}.onboarding-passage{max-height:155px;overflow:auto;background:#f1f8f5;border-left:3px solid #15a085;padding:12px 16px;margin:22px 0 16px;border-radius:0 12px 12px 0}.onboarding-passage span{font-size:11px;font-weight:850;letter-spacing:.08em;color:#136f60}.onboarding-passage p{font-size:15px;line-height:1.6;margin:6px 0 0}.onboarding-options{display:grid;gap:9px;margin:19px 0}.onboarding-option{display:flex;align-items:center;gap:14px;min-height:52px;padding:11px 14px;border:1px solid #dbe8e4;border-radius:12px;background:white;text-align:left;color:#213745;font-size:15px;line-height:1.45}.onboarding-option span{flex:none;display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#ecf5f1;color:#176f60;font-weight:800}.onboarding-option:hover{border-color:#19a78a}.onboarding-option.selected{border-color:#129776;background:#edf9f4;box-shadow:inset 0 0 0 1px #129776}.onboarding-option.selected span{background:#137e68;color:#fff}.onboarding-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-top:22px}.onboarding-controls .button:disabled{opacity:.5;cursor:not-allowed}.onboarding-result-scores{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.onboarding-result-scores>div{padding:15px;background:#f4faf7;border:1px solid #dfede7;border-radius:12px}.onboarding-result-scores strong,.onboarding-result-scores span{display:block;font-size:14px}.onboarding-result-scores>div>span{margin:5px 0 10px;color:#53706b}.onboarding-score-track{height:6px;background:#ddece7;border-radius:10px}.onboarding-first-task{padding:20px;background:#eaf8f2;border:1px solid #cfeadf;border-radius:15px}.onboarding-first-task>span{font-size:11px;color:#0e7964;font-weight:850;letter-spacing:.09em}.onboarding-first-task strong{display:block;font-size:19px;margin-top:5px}.onboarding-first-task p{font-size:15px;color:#3d5b53;line-height:1.5;margin:5px 0 0}.onboarding-dialog button:focus-visible{outline:3px solid #f3b54e;outline-offset:3px}
@media(max-width:620px){.onboarding-backdrop{padding:10px}.onboarding-dialog{padding:22px 18px;max-height:94vh;border-radius:20px}.onboarding-brand{margin-bottom:20px}.onboarding-result-scores{grid-template-columns:1fr}.onboarding-result-scores>div{padding:10px}.onboarding-options{gap:7px}.onboarding-option{font-size:14px}.onboarding-controls .button{flex:1;text-align:center}}
.onboarding-welcome-mark{display:grid;place-items:center;width:56px;height:56px;margin:20px 0 14px;border-radius:17px;background:linear-gradient(140deg,#e6f9ef,#d5f5f0);border:1px solid #caebdf;color:#118a71;font-size:27px;font-weight:800}.onboarding-welcome-note{display:grid;gap:5px;padding:16px 18px;margin:2px 0 24px;border-radius:14px;background:#f2faf6;border:1px solid #dbeee4}.onboarding-welcome-note strong{font-size:15px;color:#20483f}.onboarding-welcome-note span{font-size:14px;color:#546f66;line-height:1.45}
/* Story podcast */
.podcast-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(125deg,#edfdf8,#f9fcff 76%);border:1px solid #d8eee7;border-radius:24px;padding:34px 40px;margin-bottom:20px}.podcast-hero h1{font-size:clamp(27px,3vw,38px);line-height:1.15;letter-spacing:-.04em;margin:13px 0 12px}.podcast-hero p{max-width:620px;color:#52677a;line-height:1.6;margin:0}.podcast-hero-symbol{display:grid;place-items:center;flex:none;width:104px;height:104px;border-radius:50%;background:#c9f3e7;color:#0c806d;font-size:62px}.podcast-layout{display:grid;grid-template-columns:minmax(250px,330px) minmax(0,1fr);gap:20px;align-items:start}.podcast-library,.podcast-player,.podcast-transcript{border:1px solid #dce9e8;background:#fff;border-radius:20px;box-shadow:0 12px 36px rgba(17,55,53,.045)}.podcast-library{padding:20px;position:sticky;top:14px}.podcast-library-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.podcast-library-heading h2{font-size:19px;margin:0 0 15px}.podcast-library-heading span,.podcast-item small,.podcast-topic,.podcast-meta,.podcast-note{color:#617486;font-size:13px}.podcast-search{width:100%;box-sizing:border-box;border:1px solid #d4e5e2;border-radius:10px;padding:12px 14px;font:inherit}.podcast-filters{display:flex;gap:6px;margin:12px 0}.podcast-filters button,.podcast-speed button{border:1px solid #d4e7e2;border-radius:20px;background:#fff;color:#22534e;padding:7px 10px;cursor:pointer;font-weight:700;font-size:12px}.podcast-filters button.active,.podcast-speed button.active{background:#147e6c;color:#fff;border-color:#147e6c}.podcast-list{max-height:590px;overflow:auto;scrollbar-color:#bfd9d1 transparent}.podcast-item{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:13px 9px;border:1px solid transparent;border-radius:12px;background:transparent;cursor:pointer;color:#213741}.podcast-item:hover,.podcast-item.selected{background:#effbf7;border-color:#bee8d9}.podcast-item>span:nth-child(2){min-width:0;flex:1}.podcast-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.podcast-item small{display:block;margin-top:4px;line-height:1.4}.podcast-item-icon{background:#e2f4ee;color:#0c806d;border-radius:10px;width:33px;height:33px;flex:none;display:grid;place-items:center}.podcast-main{min-width:0}.podcast-player{padding:29px 32px;text-align:center;scroll-margin-top:15px}.podcast-player .eyebrow{display:block;text-align:left}.podcast-player h2{font-size:clamp(23px,3vw,32px);letter-spacing:-.03em;margin:22px 0 4px}.podcast-topic{margin:0 0 28px}.podcast-meter{height:8px;background:#e8f3f0;border-radius:99px;overflow:hidden}.podcast-meter span{display:block;height:100%;width:0;background:#18a88b;border-radius:99px;transition:width .3s}.podcast-meta{display:flex;justify-content:space-between;gap:12px;margin-top:10px}.podcast-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin:25px 0}.podcast-play{background:#11816e;color:white;border:0;border-radius:50px;padding:14px 27px;font-weight:800;font-size:15px;min-width:190px;cursor:pointer}.podcast-play:hover{background:#096755}.podcast-skip{background:#edf9f5;border:0;border-radius:12px;padding:12px;color:#136f60;cursor:pointer;font-weight:700}.podcast-speed{display:flex;justify-content:center;align-items:center;gap:12px;color:#52677a;font-size:13px}.podcast-speed>div{display:flex;gap:5px}.podcast-transcript{margin-top:16px;padding:26px 30px}.podcast-transcript-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px}.podcast-transcript-heading h3{margin:6px 0 0;font-size:22px}.podcast-transcript-heading button{background:none;border:0;color:#097a69;font-weight:700;cursor:pointer}.podcast-pair{display:flex;gap:16px;padding:18px 12px;border-top:1px solid #e8efed;border-radius:8px;cursor:pointer}.podcast-pair.current{background:#eaf9f3;border-left:3px solid #16aa8b}.podcast-pair>div{min-width:0}.podcast-pair p{margin:0;line-height:1.85}.podcast-paragraph-number{color:#138772;font-weight:800;font-size:12px;padding-top:6px}.podcast-translation{background:#f6faf9;border-radius:8px;padding:13px;margin-top:12px;color:#3d6360}.podcast-translation small{font-size:11px;letter-spacing:.09em;font-weight:800;color:#0b806d}.podcast-translation p{margin-top:5px;font-size:14px;line-height:1.7}.podcast-note{padding:7px 12px}.podcast-empty{font-size:13px;color:#617486;padding:13px 5px}@media(max-width:840px){.podcast-layout{grid-template-columns:1fr}.podcast-library{position:static}.podcast-list{max-height:280px}.podcast-hero{padding:25px}.podcast-hero-symbol{width:65px;height:65px;font-size:40px}}@media(max-width:520px){.podcast-hero-symbol{display:none}.podcast-player,.podcast-transcript{padding:21px 16px}.podcast-controls{gap:6px}.podcast-skip span{display:none}.podcast-play{min-width:175px}.podcast-speed{flex-wrap:wrap}.podcast-transcript-heading{align-items:flex-start;flex-direction:column}}
/* Brand mark */
.brand{gap:11px}.brand .mark,.onboarding-brand .mark{width:42px;height:42px;padding:0;border:0;background:transparent;box-shadow:none;border-radius:12px;overflow:hidden;flex:none}.brand .mark img,.onboarding-brand .mark img,.learner-logo img{display:block;width:100%;height:100%;object-fit:contain}.brand-wordmark{display:flex;flex-direction:column;gap:2px;color:#183b3a;font-weight:850;font-size:19px;letter-spacing:-.5px;line-height:1.05}.brand-wordmark small{font-size:10px;font-weight:750;letter-spacing:1.1px;color:#498177}.onboarding-brand .mark{width:34px;height:34px;background:none}.learner-logo{padding:0;background:transparent!important;overflow:hidden}.learner-logo img{border-radius:9px}@media(max-width:540px){.brand-wordmark{font-size:16px}.brand-wordmark small{font-size:9px}.brand .mark{width:36px;height:36px}}
/* Personalized study route */
.focus-panel{border:1px solid #d7e8e1;border-radius:22px;background:linear-gradient(135deg,#f0faf6,#fff 55%);padding:28px;margin:8px 0 30px;box-shadow:0 12px 34px #174d3610}.focus-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.focus-panel-header h2{color:#173c36;font-size:clamp(22px,2.4vw,29px);margin:8px 0 7px;letter-spacing:-.03em}.focus-panel-header p{margin:0;color:#55726c;font-size:14px;line-height:1.5;max-width:630px}.focus-all{flex:none;background:#dff4eb;color:#117866;border:0;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}.focus-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.focus-step{display:flex;gap:13px;background:#fff;border:1px solid #dfece6;border-radius:15px;padding:18px;min-width:0}.focus-number{color:#11977b;background:#e5f7ed;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;flex:none;font-size:12px;font-weight:850}.focus-step-body{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.focus-step-title{width:100%;display:flex;gap:7px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.focus-step h3{margin:2px 0 7px;font-size:16px;line-height:1.3}.focus-step-title span{color:#0e7463;background:#e4f5ee;border-radius:50px;font-size:11px;font-weight:800;padding:4px 8px;white-space:nowrap}.focus-step p{color:#5c706d;line-height:1.5;font-size:13px;margin:0 0 16px}.focus-step-link{margin-top:auto;background:#15816f;color:white;border:0;border-radius:8px;padding:9px 12px;font-size:12px;font-weight:800;cursor:pointer}.focus-step-link:hover{background:#0e675a}.focus-other{display:flex;align-items:center;gap:12px;border-top:1px solid #dbece4;margin-top:20px;padding-top:18px;color:#355d54;font-size:13px;flex-wrap:wrap}.focus-other span{background:#e2f4eb;border-radius:50px;padding:5px 9px}.focus-other button{border:0;background:none;color:#0c806b;font-weight:800;cursor:pointer}.focus-method{font-size:12px;color:#718782;margin:19px 0 0}.focus-compact{margin-top:5px}.focus-compact .focus-method{display:none}@media(max-width:950px){.focus-steps{grid-template-columns:1fr}.focus-step{align-items:flex-start}.focus-step-body{width:100%}}@media(max-width:560px){.focus-panel{padding:19px;border-radius:17px}.focus-panel-header{flex-direction:column}.focus-all{align-self:flex-start}}
/* Mistake notebook */
.mistake-intro{background:linear-gradient(120deg,#eaf8f2,#fff);border:1px solid #d9eee3;border-radius:17px;padding:25px;margin-bottom:20px}.mistake-intro h2{font-size:clamp(22px,2.7vw,29px);color:#1c3b35;letter-spacing:-.03em;margin:8px 0}.mistake-intro p{color:#58736b;margin:0;line-height:1.55}.mistake-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:19px}.mistake-stats>div{border:1px solid #e2eee8;border-radius:13px;padding:16px 18px;background:#fff}.mistake-stats strong{display:block;font-size:24px;color:#137c6b}.mistake-stats span{color:#5c756b;font-size:12px}.mistake-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:18px}.mistake-filters label,.mistake-controls label:not(.mistake-check){display:grid;gap:6px;color:#365b53;font-size:12px;font-weight:800}.mistake-filters select,.mistake-controls select{min-width:0;width:100%;border:1px solid #d6e6dd;border-radius:9px;padding:10px;background:#fff;color:#25453f;font-size:13px}.mistake-reasons{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#f2faf6;border-radius:12px;padding:12px;margin-bottom:15px;color:#345b50;font-size:12px}.mistake-reasons span{background:#fff;border:1px solid #d9eadd;border-radius:30px;padding:5px 8px}.mistake-group{margin:25px 0}.mistake-group>h3{font-size:17px;color:#213f38;display:flex;gap:9px;align-items:center;border-bottom:1px solid #e2eee8;padding-bottom:11px}.mistake-group>h3 span{font-size:11px;background:#e9f6ee;color:#18846d;border-radius:40px;padding:5px 9px}.mistake-card{border:1px solid #e1eae4;border-radius:15px;padding:18px 20px;background:white;margin:11px 0;box-shadow:0 6px 22px #173c3408}.mistake-card.mistake-done{opacity:.72}.mistake-card-top{display:flex;align-items:center;justify-content:space-between}.mistake-source{background:#e9f6ef;color:#167561;font-size:11px;font-weight:800;padding:5px 9px;border-radius:30px}.mistake-attempts{color:#789087;font-size:12px}.mistake-card h4{margin:14px 0;font-size:16px;line-height:1.5;white-space:pre-line;color:#203b36}.mistake-answers{display:grid;gap:5px}.mistake-answers p{margin:0;padding:10px 12px;border-radius:8px;background:#fbf5f1;color:#4d5551;font-size:13px;line-height:1.5}.mistake-answers p+ p{background:#ecf8f1}.mistake-answers strong{color:#1b3d36;margin-right:9px}.mistake-explain{line-height:1.6;color:#3b5a51;background:#f6faf7;border-left:3px solid #21a481;padding:12px 14px;margin:13px 0;font-size:13px}.mistake-controls{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;align-items:end;gap:13px}.mistake-controls button{border:0;background:#e3f4ed;color:#0c765f;border-radius:9px;padding:10px 12px;font-weight:800;font-size:12px;cursor:pointer}.mistake-check{white-space:nowrap;padding-bottom:10px;font-size:12px;color:#355b51;cursor:pointer}.mistake-check input{accent-color:#16876e;vertical-align:middle}.mistake-footnote{color:#6d837a;font-size:12px;margin:20px 0 0}@media(max-width:750px){.mistake-filters{grid-template-columns:1fr}.mistake-controls{grid-template-columns:1fr auto}.mistake-controls label:first-child{grid-column:1/-1}.mistake-stats{gap:6px}.mistake-stats>div{padding:12px}.mistake-card{padding:15px}}