:root{--bg: #f6f1e8;--bg2: #efe7d9;--surface: #fffdf8;--ink: #1f1b16;--ink2: #5b5348;--line: #e2d8c6;--accent: #d9480f;--accent-soft: #fde5d7;--teal: #0f766e;--teal-soft: #d5f0ec;--good: #15803d;--good-soft: #dcfce7;--bad: #b91c1c;--bad-soft: #fee2e2;--mid: #b45309;--mid-soft: #fef3c7;--key: #f9d88a;--speak: #ffe7a3;--shadow: 0 1px 2px rgba(60,40,10,.06), 0 8px 24px rgba(60,40,10,.07);--r: 14px;--serif: "Literata", Georgia, serif;--display: "Fraunces", Georgia, serif;--sans: "Inter", system-ui, sans-serif}@media (prefers-color-scheme: dark){:root{--bg: #15130f;--bg2: #1d1a15;--surface: #211d18;--ink: #f2ebdf;--ink2: #b3a998;--line: #3a342b;--accent: #ff7a3d;--accent-soft: #3d2416;--teal: #5eead4;--teal-soft: #123532;--good: #4ade80;--good-soft: #12301d;--bad: #f87171;--bad-soft: #3a1717;--mid: #fbbf24;--mid-soft: #3a2c0f;--key: #6b5418;--speak: #5a4a12;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.35)}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:15px/1.55 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.01em;line-height:1.15;margin:0 0 .4em}h1{font-size:clamp(26px,4vw,40px)}h2{font-size:24px}h3{font-size:19px}code{background:var(--bg2);padding:1px 5px;border-radius:5px;font-size:.9em}.muted{color:var(--ink2)}.small{font-size:13px}.center{text-align:center}.right{text-align:right}.ok{color:var(--good)}.miss,.bad-text{color:var(--bad)}.app{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;padding:10px clamp(16px,4vw,40px);background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-family:var(--display);font-size:20px}.brand b{color:var(--accent)}.logo{width:32px;height:32px;border-radius:9px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700;transform:rotate(-6deg)}.nav{display:flex;gap:4px}.nav a{padding:7px 12px;border-radius:999px;color:var(--ink2);font-weight:500;display:flex;gap:6px;align-items:center}.nav a:hover{background:var(--bg2);color:var(--ink)}.nav a.active{background:var(--ink);color:var(--bg)}.pill{background:var(--accent);color:#fff;border-radius:999px;font-size:11px;padding:0 6px}.chips{margin-left:auto;display:flex;gap:6px}.chip{padding:5px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-weight:600;font-size:13px;white-space:nowrap}.chip.xp{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.main{max-width:1180px;margin:0 auto;padding:28px clamp(16px,4vw,40px) 80px}section{margin-top:28px}.btn{font:600 14px var(--sans);border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:8px 14px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:transform .08s,background .15s}.btn:hover{background:var(--bg2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.07)}.btn.on{background:var(--teal-soft);border-color:var(--teal);color:var(--teal)}.btn.good{background:var(--good-soft);color:var(--good);border-color:transparent}.btn.bad{background:var(--bad-soft);color:var(--bad);border-color:transparent}.btn.big{padding:13px 20px;font-size:15px;border-radius:12px}.btn.sm{padding:5px 10px;font-size:13px}.btn.icon{padding:7px 10px}.btn.icon.sm{padding:3px 8px}.link{background:none;border:0;color:var(--teal);font-weight:600;cursor:pointer;padding:0;font-size:inherit}.input{font:14px var(--sans);border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:8px 11px;border-radius:10px;min-width:0}.input:focus{outline:2px solid var(--accent);outline-offset:1px}.input.slim{padding:6px 8px;width:auto}.input.area{width:100%;resize:vertical;font-family:var(--serif);font-size:15px;line-height:1.6}.input.mono{font-family:ui-monospace,monospace;font-size:13px}.seg{display:inline-flex;background:var(--bg2);border-radius:10px;padding:3px;gap:2px;flex-wrap:wrap}.seg button{border:0;background:none;color:var(--ink2);font:600 13px var(--sans);padding:6px 11px;border-radius:8px;cursor:pointer}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.seg button:disabled{cursor:default}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.toolbar h1,.toolbar h2,.toolbar h3{margin:0}.spacer{flex:1}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}.row.center{justify-content:center}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(16px,3vw,26px);box-shadow:var(--shadow)}.bar{height:6px;background:var(--bg2);border-radius:99px;overflow:hidden;flex:1}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#f59f00);border-radius:99px;transition:width .4s}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;color:var(--accent);margin:0 0 8px}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;align-items:stretch;margin-top:0}.hero-text{background:var(--ink);color:var(--bg);border-radius:22px;padding:clamp(22px,4vw,40px);position:relative;overflow:hidden}.hero-text:after{content:"";position:absolute;right:-60px;bottom:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);opacity:.55}.hero-text h1{font-size:clamp(26px,3.6vw,40px);position:relative;z-index:1}.hero-text em{font-style:italic;color:#ffb38a}.hero-text .muted{color:color-mix(in srgb,var(--bg) 70%,transparent);position:relative;z-index:1}.hero-text .btn{position:relative;z-index:1;margin-top:10px}.hero-stats{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:22px;display:flex;gap:20px;align-items:center;box-shadow:var(--shadow)}.ring{--p: 0;width:120px;height:120px;flex:none;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--p) * 1%),var(--bg2) 0)}.ring>div{width:94px;height:94px;border-radius:50%;background:var(--surface);display:grid;place-content:center;text-align:center}.ring b{font-size:26px;font-family:var(--display);line-height:1}.ring small{color:var(--ink2);font-size:12px}.stat-list{flex:1;display:grid;gap:8px}.stat-list>div:not(.bar){display:flex;justify-content:space-between}.due{margin-top:6px;padding:8px 10px;background:var(--teal-soft);color:var(--teal);border-radius:10px;font-weight:500}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.card{--hue: 20;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:hsl(var(--hue) 70% 55%)}.card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #3c280a21}.card h3{margin-top:10px}.card-top{display:flex;gap:6px}.tag{font-size:12px;font-weight:700;padding:3px 9px;border-radius:99px;background:var(--accent-soft);color:var(--accent)}.tag.soft{background:var(--bg2);color:var(--ink2)}.meters{display:grid;gap:6px;margin-top:auto;padding-top:10px}.meter{display:grid;grid-template-columns:62px 1fr 38px;align-items:center;gap:8px;font-size:12px;color:var(--ink2)}.meter b{text-align:right;color:var(--ink)}.p-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;flex-wrap:wrap;margin-bottom:20px}.p-title{margin-bottom:4px}.steps{display:flex;gap:6px;background:var(--surface);padding:5px;border-radius:14px;border:1px solid var(--line)}.step{display:flex;gap:9px;align-items:center;padding:7px 14px 7px 8px;border-radius:10px;color:var(--ink2)}.step .n{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--bg2);font-weight:700;font-size:13px}.step b{display:block;color:var(--ink);font-size:14px}.step small{font-size:11px}.step.active{background:var(--ink)}.step.active b,.step.active small{color:var(--bg)}.step.active .n{background:var(--accent);color:#fff}.step.done .n{background:var(--good);color:#fff}.reader-tools{position:sticky;top:58px;z-index:10;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);margin-bottom:16px}.reader-tools .group{display:flex;gap:4px;align-items:center}.banner{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 16px;border-radius:var(--r);background:var(--good-soft);color:var(--good);margin-bottom:16px;font-weight:500}.paper{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:clamp(20px,5vw,56px);box-shadow:var(--shadow);font-family:var(--serif);line-height:1.85;max-width:820px;margin:0 auto}.para{position:relative;margin:0 0 1.1em;padding-left:2.2em;transition:opacity .3s,filter .3s}.plabel{position:absolute;left:0;top:.15em;font:700 .7em var(--sans);color:var(--accent);background:var(--accent-soft);border-radius:6px;padding:1px 6px}.paper.focus .para{opacity:.22;filter:blur(.6px);cursor:pointer}.paper.focus .para.current{opacity:1;filter:none}.w{cursor:pointer;border-radius:3px;transition:background .12s}.w:hover{background:var(--teal-soft)}.w.key{background:linear-gradient(transparent 62%,var(--key) 62%)}.sent{transition:background .2s;border-radius:4px}.sent.speaking{background:var(--speak);box-shadow:0 0 0 3px var(--speak)}.pop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.pop{position:fixed;z-index:41;transform:translate(-50%);width:300px;max-width:calc(100vw - 32px);background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 18px 40px #0000002e;font-family:var(--sans);animation:pop .15s ease-out}@keyframes pop{0%{opacity:0;transform:translate(-50%,-4px)}}.pop-head{display:flex;align-items:center;gap:8px}.pop-head b{font-size:18px;font-family:var(--display)}.pop-head .btn{margin-left:auto}.pop p{margin:8px 0}.pop .uz{font-weight:600;color:var(--teal)}.gloss{max-width:820px;margin:26px auto 0}.gloss-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin-bottom:12px}.gl{display:flex;gap:8px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 10px}.gl span{color:var(--ink2);font-size:13px;flex:1}.mode-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.mode{text-align:left;background:var(--surface);border:1.5px solid var(--line);border-radius:14px;padding:14px;cursor:pointer;color:var(--ink);display:grid;gap:2px;font-family:var(--sans);transition:border-color .15s,transform .15s}.mode:hover{transform:translateY(-2px)}.mode.on{border-color:var(--accent);background:var(--accent-soft)}.mode .mi{font-size:24px}.mode small{color:var(--ink2);font-size:12px}.fade-ctl{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.fade-ctl input[type=range]{accent-color:var(--accent);width:180px}.memo-text{white-space:pre-wrap;font-size:18px;margin-top:12px}.hidden-w{color:var(--ink2);letter-spacing:.5px;cursor:pointer;border-radius:4px;background:var(--bg2)}.peeked{background:var(--mid-soft);border-radius:4px}.blank-wrap{display:inline-flex;flex-direction:column;vertical-align:baseline}.blank{font:inherit;font-size:.92em;border:0;border-bottom:2px solid var(--accent);background:var(--accent-soft);color:var(--ink);padding:0 4px;border-radius:4px 4px 0 0;text-align:center}.blank:focus{outline:none;background:var(--teal-soft);border-color:var(--teal)}.blank.ok{border-color:var(--good);background:var(--good-soft)}.blank.bad{border-color:var(--bad);background:var(--bad-soft);text-decoration:line-through}.fix{font:600 12px var(--sans);color:var(--good);text-align:center;line-height:1.2}.order-list{font-family:var(--serif);font-size:16px;padding-left:26px;display:grid;gap:6px}.order-list li{padding:8px 12px;background:var(--bg2);border-radius:10px;cursor:pointer}.order-list li.empty{background:none;border:1.5px dashed var(--line);color:var(--ink2);cursor:default}.order-list li.ok{background:var(--good-soft)}.order-list li.bad{background:var(--bad-soft)}.pool{display:grid;gap:8px;margin-top:12px}.chipbtn{text-align:left;font:15px/1.5 var(--serif);padding:10px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}.chipbtn:hover{border-color:var(--accent)}.recall-marks{white-space:normal}.recall-marks .ok{background:var(--good-soft)}.recall-marks .miss{background:var(--bad-soft);text-decoration:underline wavy}.score{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:12px;font-weight:500}.score b{font:700 24px var(--display)}.score.good{background:var(--good-soft);color:var(--good)}.score.mid{background:var(--mid-soft);color:var(--mid)}.score.low{background:var(--bad-soft);color:var(--bad)}.next-row{display:flex;justify-content:flex-end;margin-top:18px}.start-card{max-width:520px;margin:0 auto;text-align:center;display:grid;justify-items:center;gap:4px}.test-bar{position:sticky;top:58px;z-index:10;display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);margin-bottom:12px}.timer{font:700 20px var(--display);font-variant-numeric:tabular-nums}.timer.warn{color:var(--bad);animation:blink 1s infinite}@keyframes blink{50%{opacity:.5}}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.test-passage{position:sticky;top:130px;max-height:calc(100vh - 150px);overflow:auto;padding:24px;font-size:16px;line-height:1.75;margin:0}.para.evidence{background:var(--mid-soft);border-radius:8px;box-shadow:0 0 0 8px var(--mid-soft)}.questions{display:grid;gap:14px}.qgroup{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;margin:0}.instr{font-weight:600;margin-top:0}.headings{list-style:none;padding:10px 14px;background:var(--bg2);border-radius:10px;font-family:var(--serif)}.q{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.q p{margin:0 0 8px}.qn{flex:none;width:28px;height:28px;border-radius:8px;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-weight:700;font-size:13px}.q.right .qn{background:var(--good)}.q.wrong .qn{background:var(--bad)}.qbody{flex:1;min-width:0}.q .row{margin-top:0}.q select{max-width:100%}.opts{display:grid;gap:6px}.opt{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.opt.on{border-color:var(--teal);background:var(--teal-soft)}.opt input{margin-top:4px;accent-color:var(--teal)}.input.gap{width:150px;margin:0 4px;padding:4px 8px}.explain{margin-top:8px;font-size:13px;padding:8px 10px;background:var(--bg2);border-radius:8px}.only-mobile{display:none}.flash-area{max-width:460px;margin:20px auto}.flash{width:100%;height:240px;perspective:1000px;background:none;border:0;cursor:pointer;position:relative;padding:0;font:inherit;color:var(--ink)}.face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;display:grid;place-content:center;text-align:center;padding:20px;backface-visibility:hidden;transition:transform .5s cubic-bezier(.3,.7,.3,1);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);gap:8px}.face.back{transform:rotateY(180deg);background:var(--ink);color:var(--bg)}.flash.flipped .front{transform:rotateY(-180deg)}.flash.flipped .back{transform:rotateY(0)}.big-word{font:700 34px var(--display)}.face small{color:var(--ink2)}.face p{margin:0;opacity:.8}.boxes{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:14px}.box{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center;display:grid}.box b{font:700 22px var(--display)}.box small{color:var(--ink2);font-size:12px}.table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--r);overflow:hidden;border:1px solid var(--line)}.table th,.table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);font-size:14px}.table th{background:var(--bg2);font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink2)}.table td a{color:var(--accent);font-weight:600}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;box-shadow:var(--shadow)}.kpi b{font:700 26px var(--display)}.kpi small{color:var(--ink2)}.chart{display:flex;gap:6px;align-items:stretch;height:200px}.col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.cv{font-size:11px;color:var(--ink2);height:16px}.barbox{flex:1;width:100%;position:relative;display:flex;align-items:flex-end}.barbox i{width:100%;background:var(--accent-soft);border-radius:6px 6px 2px 2px;min-height:2px;transition:height .4s}.barbox i.hit{background:var(--accent)}.goal{position:absolute;left:-3px;right:-3px;border-top:2px dashed var(--teal);opacity:.6}.col small{font-size:11px;color:var(--ink2)}.badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.badge{background:var(--surface);border:1px dashed var(--line);border-radius:14px;padding:14px;text-align:center;display:grid;gap:4px;filter:grayscale(1);opacity:.5}.badge.got{filter:none;opacity:1;border-style:solid;border-color:var(--accent);background:var(--accent-soft)}.badge span{font-size:28px}.form{display:grid;gap:12px}.form label{display:grid;gap:5px;font-weight:600;font-size:13px}.form .row{margin:0}.frow{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.toaster{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:60;display:grid;gap:8px;justify-items:center;pointer-events:none}.toast{background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:99px;box-shadow:0 10px 30px #00000040;animation:rise .3s ease-out;font-weight:500}.toast b{color:#ffb38a}@keyframes rise{0%{opacity:0;transform:translateY(12px) scale(.96)}}@media (max-width: 900px){.hero{grid-template-columns:1fr}.mode-tabs,.kpis{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.test-passage,.questions{display:none;position:static;max-height:none}.test-passage.show{display:block}.questions.show{display:grid}.only-mobile{display:inline-flex}}@media (max-width: 680px){.topbar{flex-wrap:wrap;gap:8px}.nav{order:3;width:100%;overflow-x:auto}.nav a{padding:6px 10px;font-size:14px}.reader-tools,.test-bar{top:98px}.test-passage{top:170px}.boxes{grid-template-columns:repeat(3,1fr)}.hero-stats{flex-direction:column;align-items:stretch}.ring{margin:0 auto}.steps{width:100%}.step{flex:1;padding-right:8px}.table{display:block;overflow-x:auto}.mode small{display:none}}.panel .paper{border:0;box-shadow:none;padding:8px 0 0;max-width:none;background:none}.banner.warn{background:var(--mid-soft);color:var(--mid)}.pick{display:grid;gap:8px;width:100%;margin:10px 0;text-align:left}.pick-item{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1.5px solid var(--line);border-radius:12px;cursor:pointer}.pick-item.on{border-color:var(--accent);background:var(--accent-soft)}.pick-item small{margin-left:auto;color:var(--ink2)}.pick-item input{accent-color:var(--accent)}.note{background:var(--mid-soft);color:var(--mid);padding:8px 12px;border-radius:10px}.bank{margin:0 0 8px}.bank-words{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.bank-words span{padding:4px 10px;border-radius:99px;background:var(--teal-soft);color:var(--teal);font-weight:600;font-size:13px}.input.gap.wide{width:min(100%,280px);margin:0}.vocab-q p{margin-bottom:6px}.sections{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.sec-btn{border:1.5px solid var(--line);background:var(--surface);border-radius:14px;padding:10px 14px;cursor:pointer;text-align:left;color:var(--ink);font:inherit;display:grid;min-width:150px}.sec-btn.on{border-color:var(--ink);background:var(--ink);color:var(--bg)}.sec-btn small{opacity:.7;font-size:12px}.more{display:flex;justify-content:center;margin-top:16px}.card .num{font:700 28px var(--display);color:hsl(var(--hue) 60% 50%);opacity:.35;position:absolute;right:14px;top:12px}.tag.key{background:var(--teal-soft);color:var(--teal)}.pop a{color:var(--teal);font-weight:600;font-size:13px}.pager{display:flex;justify-content:space-between;gap:10px;margin-top:30px;flex-wrap:wrap}.pager .btn{max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}