.recent-speed{margin:8px 0}.recent-speed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.recent-speed-card{display:flex;align-items:center;gap:8px;text-align:left;padding:8px 12px;border:1px solid #e89238;border-radius:999px;cursor:pointer;min-width:0;font-size:13px}.recent-speed-card small{flex-shrink:0;font-weight:700;opacity:.75}.recent-speed-card strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-speed-card time{flex-shrink:0;font-size:12px;opacity:.7}.recent-speed-card span{flex-shrink:0;font-weight:700}.recent-speed-0{background:#fff0d8;color:#943e08}.recent-speed-1{background:#fff8ed;color:#985d30}.recent-group-mark{display:block;font-size:11px;border-radius:6px;padding:3px 5px;margin-top:4px}.sky-ui .seg button:has(.recent-speed-0){background:#fff0d8;border:2px solid #ed8a26;color:#943e08}.sky-ui .seg button:has(.recent-speed-1){background:#fff8ed;border:1px solid #e9b887;color:#985d30}.recent-group-help{font-size:12px;color:#985d30;margin:8px 0}.lesson-practice-prompt{border:1px solid #cde0ec;border-radius:22px;padding:24px;max-width:460px;width:calc(100% - 40px);box-sizing:border-box;color:#243e52}.lesson-practice-prompt::backdrop{background:#102a4566}.lesson-practice-prompt .row{gap:10px}@media (max-width: 480px){.recent-speed-grid{grid-template-columns:1fr}.recent-speed-card time{display:none}}@font-face{font-family:CharisIPA;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/charis-ipa-regular-B9yxHmA7.woff2) format("woff2")}@font-face{font-family:CharisIPA;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/charis-ipa-bold-CMdRsSXA.woff2) format("woff2")}.phon,.phonetic,.ipa{font-family:CharisIPA,Doulos SIL,Charis SIL,Times New Roman,Times,serif}:root{--brand: #1cb0f6;--brand-deep: #1492d6;--brand-dim: #9fdcff;--brand-soft: #ddf2ff;--brand-ink: #0b6fa6;--good: #58cc02;--good-deep: #58a700;--good-soft: #d8f7b5;--again: #ff4b4b;--again-deep: #e23b3b;--again-soft: #ffe0e1;--hard: #ff9600;--hard-soft: #ffe9cc;--gold: #ffc800;--gold-deep: #e0a800;--bg: #f1f7fd;--surface: #ffffff;--surface-2: #eef4fb;--line: #e3ebf3;--line-strong: #d6e0ea;--text: #2b3b4e;--muted: #8794a6;--radius: 20px;--radius-sm: 14px;--shadow: 0 10px 26px rgba(26, 86, 148, .1);--shadow-card: 0 2px 0 var(--line-strong);--font-en: "Times New Roman", Times, "Liberation Serif", serif;--font-cn: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;--font-body: "Times New Roman", Times, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", serif;--font-display: "Times New Roman", Times, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", serif;font-family:var(--font-body)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-weight:500;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}.app{max-width:520px;margin:0 auto;min-height:100%;min-height:100dvh;display:flex;flex-direction:column;background:transparent;position:relative;z-index:1}body{background:radial-gradient(1200px 600px at 8% -10%,rgba(28,176,246,.16),transparent 60%),radial-gradient(900px 520px at 110% 4%,rgba(124,92,255,.1),transparent 55%),radial-gradient(820px 560px at 50% 118%,rgba(88,204,2,.08),transparent 62%),var(--bg);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(rgba(28,130,220,.05) 1px,transparent 1.5px);background-size:24px 24px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;background:#ffffffd1;-webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1)}.brand{font-family:var(--font-display);font-weight:800;font-size:19px;letter-spacing:.2px;color:var(--text)}.brand .spark{background:linear-gradient(90deg,#1cb0f6,#6a8bff);-webkit-background-clip:text;background-clip:text;color:transparent}.lib-pill{font-size:12px;font-weight:700;color:var(--brand-ink);background:var(--brand-soft);border:1.5px solid var(--brand-dim);border-radius:999px;padding:5px 12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{flex:1;padding:18px;padding-bottom:calc(94px + env(safe-area-inset-bottom))}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:520px;display:flex;border-top:1px solid var(--line);background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-bottom:env(safe-area-inset-bottom)}.tabbar button{flex:1;background:none;border:none;color:var(--muted);padding:10px 0 13px;font-size:11px;font-weight:800;font-family:var(--font-body);display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;transition:color .15s,transform .1s}.tabbar button .ico{font-size:21px;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.tabbar button.active{color:var(--brand)}.tabbar button.active .ico{transform:translateY(-2px) scale(1.12)}body.immersive .tabbar{display:none}body.immersive .content{padding-bottom:calc(20px + env(safe-area-inset-bottom))!important}.card{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:14px;box-shadow:var(--shadow-card)}.muted{color:var(--muted)}.small{font-size:13px}.row{display:flex;gap:10px;align-items:center}.between{justify-content:space-between}.wrap{flex-wrap:wrap}h1{font-family:var(--font-display);font-weight:800;font-size:25px;margin:4px 0 16px;letter-spacing:.2px}h2{font-family:var(--font-display);font-weight:800;font-size:18px;margin:0 0 12px}button.btn{background:var(--brand);color:#fff;border:none;border-radius:var(--radius-sm);padding:15px 18px;font-size:16px;font-weight:800;font-family:var(--font-body);letter-spacing:.3px;cursor:pointer;width:100%;box-shadow:0 4px 0 var(--brand-deep);transition:transform .06s ease,box-shadow .06s ease,filter .15s}button.btn:hover{filter:brightness(1.04)}button.btn:active{transform:translateY(4px);box-shadow:0 0 0 var(--brand-deep)}button.btn:disabled{background:#c4d2df;box-shadow:0 4px #aebccb;color:#fff;cursor:not-allowed;filter:none}button.btn.ghost{background:var(--surface);color:var(--brand-ink);border:2px solid var(--line-strong);box-shadow:0 4px 0 var(--line-strong)}button.btn.ghost:active{transform:translateY(4px);box-shadow:0 0 0 var(--line-strong)}button.btn.sm{padding:10px 16px;font-size:14px;width:auto;box-shadow:0 3px 0 var(--brand-deep)}button.btn.sm:active{transform:translateY(3px);box-shadow:0 0 0 var(--brand-deep)}.grammar-course-video-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.grammar-course-video-actions button{min-height:52px;padding:9px 11px;border-radius:15px;font-family:var(--font-cn);font-size:14px;font-weight:800;line-height:1.35;cursor:pointer}.grammar-course-handout-btn{color:#0c659f;background:linear-gradient(135deg,#effaff,#d9f2ff);border:1.5px solid #a9dff8;box-shadow:0 3px #9bd7f0}.grammar-course-ask-btn{color:#5d3eb1;background:linear-gradient(135deg,#f7f2ff,#eee4ff);border:1.5px solid #cfbaf8;box-shadow:0 3px #c2a9ed}.grammar-course-video-actions button:active{transform:translateY(3px);box-shadow:none}.grammar-course-video-actions button:disabled{opacity:.65;cursor:wait}.grammar-course-action-note{grid-column:1 / -1;padding:9px 12px;border-radius:12px;background:#fff7ed;color:#9a3412;font-size:12px;line-height:1.45}.course-handout-library-entry{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:72px;margin:0 0 14px;padding:11px 14px;text-align:left;color:#21435c;background:linear-gradient(135deg,#f4fbff,#edf8ff 55%,#f8f3ff);border:1.5px solid #b9ddf3;border-radius:17px;box-shadow:0 4px #c8e3f2,0 8px 20px #2a699114;cursor:pointer}.course-handout-library-entry:active{transform:translateY(3px);box-shadow:0 1px #c8e3f2}.course-handout-library-entry>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.course-handout-library-entry strong{font-family:var(--font-cn);font-size:15px;line-height:1.35}.course-handout-library-entry small{color:#678094;font-family:var(--font-cn);font-size:12px;line-height:1.35}.course-handout-library-entry>b{color:#1272aa;font-size:13px;white-space:nowrap}.course-handout-library-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#fff;border:1px solid #cbe6f5;box-shadow:0 4px 10px #28719a1f;font-size:24px}.sheet-overlay.grammar-context-overlay{z-index:100}.grammar-context-sheet{display:flex;flex-direction:column;overflow:hidden;min-height:460px}.grammar-context-kicker{color:var(--brand-ink);font-size:12px;font-weight:800;margin-bottom:2px}.grammar-context-meta{color:var(--muted);font-size:12px;font-weight:700;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grammar-context-source{margin:0 0 10px;padding:10px 12px;background:#f4f8fc;border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:10px;color:#42566b;font-size:13px;line-height:1.65;max-height:106px;overflow-y:auto;white-space:pre-line}.grammar-context-messages{flex:1;min-height:118px;max-height:32vh;overflow-y:auto;padding:4px 2px 8px;display:flex;flex-direction:column;gap:8px}.grammar-context-welcome{color:var(--muted);font-size:14px;line-height:1.6;padding:8px 2px}.grammar-context-bubble{max-width:92%;border-radius:15px;padding:10px 12px;font-family:var(--font-cn);font-size:14px;line-height:1.65;white-space:pre-wrap}.grammar-context-bubble.student{align-self:flex-end;color:#fff;background:var(--brand);border-bottom-right-radius:4px}.grammar-context-bubble.teacher{align-self:flex-start;color:var(--text);background:#f1f7fc;border:1px solid var(--line);border-bottom-left-radius:4px}.grammar-context-tools{border-top:1px solid var(--line);padding-top:10px}.grammar-context-quick{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.grammar-context-quick .btn{text-align:left;white-space:normal;line-height:1.35;padding:8px 10px;font-size:12px}.grammar-context-excerpt-label{color:var(--muted);font-family:var(--font-cn);font-size:11.5px;font-weight:800;margin-bottom:4px}.grammar-context-choose{display:flex;flex-direction:column}.grammar-context-choose-title{font-family:var(--font-cn);font-size:13.5px;font-weight:800;color:var(--text);margin:2px 0 8px}.grammar-context-directions{display:flex;flex-direction:column;gap:8px}.grammar-context-directions button{display:flex;align-items:flex-start;gap:9px;width:100%;text-align:left;padding:11px 12px;background:#f6fafd;border:1.5px solid var(--line);border-radius:12px;color:var(--text);font-family:var(--font-cn);font-size:13.5px;line-height:1.5;cursor:pointer}.grammar-context-directions button:active{border-color:var(--brand);background:#eef7fd}.grammar-context-directions button:disabled{opacity:.6;cursor:default}.grammar-context-directions button i{flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:var(--brand);color:#fff;font-style:normal;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:1px}.grammar-context-custom-label{color:var(--muted);font-family:var(--font-cn);font-size:12px;font-weight:700;margin:12px 0 5px}.grammar-context-custom{width:100%;box-sizing:border-box;padding:9px 11px;border:1.5px solid var(--line);border-radius:10px;font-family:var(--font-cn);font-size:13.5px;line-height:1.55;resize:none;background:var(--surface);color:var(--text)}.grammar-context-custom:focus{outline:none;border-color:var(--brand)}.grammar-context-choose-actions{display:flex;gap:8px;margin-top:10px}.sheet-overlay.grammar-handout-overlay{z-index:95}.sheet.grammar-handout-sheet{width:min(920px,100%);max-width:920px;min-height:82vh;min-height:min(670px,82vh);min-height:min(670px,82dvh);height:88vh;height:88dvh;max-height:88vh;max-height:88dvh;display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}@media (min-width: 700px){.sheet.grammar-handout-sheet{height:82vh;height:82dvh;max-height:82vh;max-height:82dvh}}.grammar-handout-head{gap:12px}.grammar-handout-head>div{min-width:0}.grammar-handout-head strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grammar-handout-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding-bottom:10px;flex-shrink:0}.grammar-handout-sheet .sheet-head,.grammar-handout-tip{flex-shrink:0}.grammar-handout-tabs button{flex:0 0 auto;min-height:36px;color:#617386;background:#f5f8fb;border:1.5px solid var(--line);border-radius:999px;padding:7px 12px;font-family:var(--font-cn);font-size:13px;font-weight:800;cursor:pointer}.grammar-handout-tabs button.active{color:#fff;background:var(--brand);border-color:var(--brand)}.grammar-handout-tabs .grammar-handout-toc-toggle{color:#0e6f9e;background:#edf9ff;border-color:#adddf2}.grammar-handout-tabs .grammar-handout-toc-toggle.active{color:#fff;background:#1686b9;border-color:#1686b9}.grammar-handout-tabs .grammar-handout-select-toggle{margin-left:auto;color:#6244ae;background:#f7f2ff;border-color:#d8c8f9}.grammar-handout-tabs .grammar-handout-select-toggle.active{color:#fff;background:#7a5bd1;border-color:#7a5bd1}.grammar-handout-tip{margin:0 0 8px;padding:8px 10px;background:#fff7e8;border:1px solid #f7d99c;border-radius:10px;color:#8a5b0a;font-family:var(--font-cn);font-size:12px;line-height:1.5}.grammar-handout-body{position:relative;flex:1;min-height:0;margin:0 -18px;display:flex;flex-direction:column;overflow:hidden;background:#eaf1f7}.grammar-handout-scroll{flex:1 1 auto;width:100%;min-width:0;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;background:#eaf1f7;padding:14px 18px 92px}.grammar-handout-toc{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:14px;color:#29455b;background:#f5f9fc;overscroll-behavior:contain}.grammar-handout-toc-summary{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:4px 3px 12px}.grammar-handout-toc-summary strong{font-size:15px}.grammar-handout-toc-summary span{color:#718495;font-size:12px;white-space:nowrap}.grammar-handout-toc-notice{margin:0 0 10px;padding:9px 10px;color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;font-size:12px;line-height:1.4}.grammar-handout-toc-groups{display:flex;flex-direction:column;gap:9px}.grammar-handout-toc-group{overflow:hidden;background:#fff;border:1px solid #d9e4ec;border-radius:13px;box-shadow:0 3px 10px #294f690f}.grammar-handout-toc-group-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto 24px;align-items:center;gap:7px;width:100%;min-height:46px;padding:9px 10px 9px 13px;color:#29455b;background:#fff;border:0;text-align:left;font-family:var(--font-cn);font-size:13px;font-weight:800;cursor:pointer}.grammar-handout-toc-group-toggle span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grammar-handout-toc-group-toggle small{color:#7a8b99;font-size:11px;white-space:nowrap}.grammar-handout-toc-group-toggle i{color:#3784ad;font-size:17px;font-style:normal;text-align:center}.grammar-handout-toc-lessons{padding:0 7px 7px;border-top:1px solid #edf2f6}.grammar-handout-toc-lessons button{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;min-height:46px;padding:6px 7px;color:#496174;background:transparent;border:0;border-bottom:1px dashed #e7eef3;text-align:left;font-family:var(--font-cn);cursor:pointer}.grammar-handout-toc-lessons button:last-child{border-bottom:0}.grammar-handout-toc-lessons button b{color:#60788a;font-size:11px;white-space:nowrap}.grammar-handout-toc-lessons button span{min-width:0;font-size:12px;line-height:1.35}.grammar-handout-toc-lessons button i{color:#1680b4;font-size:11px;font-style:normal;white-space:nowrap}.grammar-handout-toc-lessons button.current{color:#0b618e;background:#e9f7ff;border-radius:9px;border-bottom-color:transparent;font-weight:800}.grammar-handout-toc-lessons button.current b{color:#0b75aa}.grammar-handout-toc-lessons button:disabled{cursor:wait;opacity:.68}.course-handout-loading,.course-handout-empty{justify-content:flex-start}.course-handout-loading>.empty,.course-handout-empty>.empty{margin:auto 0}.course-handout-loading>.btn{align-self:center;margin:0 0 24px}.grammar-handout-page{position:relative;max-width:760px;min-height:420px;margin:0 auto;padding:28px;color:#263a4e;background:#fff;border:1px solid #d7e2ec;border-radius:10px;box-shadow:0 5px 18px #1f425f1f;font-family:var(--font-cn);line-height:1.7;-webkit-user-select:text;user-select:text}.grammar-handout-page.selecting{-webkit-user-select:none;user-select:none;touch-action:none}.grammar-handout-title{padding:0 0 15px;margin-bottom:16px;border-bottom:2px solid #d9e6f0}.grammar-handout-title span{display:inline-block;color:#0f76b3;background:#e0f3ff;border-radius:5px;padding:2px 8px;font-size:12px;font-weight:800}.grammar-handout-title h2{margin:7px 0 0;color:#1d3144;font-family:var(--font-cn);font-size:21px;line-height:1.45}.grammar-handout-core{margin:14px 0;padding:12px 14px;border:1px solid #aee0f6;border-left:4px solid #1cb0f6;border-radius:8px;background:#f0fbff}.grammar-handout-core b{color:#0872aa;font-size:14px}.grammar-handout-core p{margin:4px 0 0;font-size:15px}.grammar-handout-grid{overflow:hidden;margin:14px 0;border:1px solid #cbd9e5;border-radius:8px}.grammar-handout-grid-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #dce6ee}.grammar-handout-grid-row:first-child{border-top:0}.grammar-handout-grid-row>*{min-width:0;padding:9px 10px;border-left:1px solid #dce6ee;font-size:13px;white-space:pre-line}.grammar-handout-grid-row>*:first-child{border-left:0}.grammar-handout-grid-head{background:#edf6fc;color:#31556f}.grammar-handout-grid-head b{font-size:13px}.grammar-handout-section,.grammar-handout-warning{margin:18px 0}.grammar-handout-section h3,.grammar-handout-warning h3{margin:0 0 7px;color:#28465f;font-size:16px}.grammar-handout-section ol{margin:0;padding-left:22px}.grammar-handout-section li{margin:5px 0;font-size:14px}.grammar-handout-warning{padding:11px 13px;background:#fff9ee;border:1px solid #f2d398;border-radius:8px}.grammar-handout-warning h3{color:#9a6400}.grammar-handout-warning p{margin:4px 0;font-size:14px}.grammar-handout-answers{margin-top:16px;padding:10px 12px;background:#f6f9fc;border:1px dashed #b8cad8;border-radius:8px}.grammar-handout-answers summary{color:#35647f;font-size:14px;font-weight:800;cursor:pointer}.grammar-handout-answers p{margin:9px 0 0;font-size:14px;white-space:pre-line}.handout-selection-box{position:absolute;z-index:5;border:2.5px solid var(--brand);border-radius:4px;background:#1cb0f621;box-shadow:0 0 0 9999px #102a3c33,0 3px 14px #0c5b8240;cursor:move;touch-action:none}.handout-selection-label{position:absolute;top:7px;left:50%;transform:translate(-50%);background:#ffffffed;color:#0f6fae;font-family:var(--font-cn);font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;white-space:nowrap;pointer-events:none;box-shadow:0 1px 5px #0f3c5f2e}.handout-selection-handle{position:absolute;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;transform:translate(-50%,-50%);touch-action:none}.handout-selection-handle:before{content:"";width:18px;height:18px;border-radius:50%;background:var(--brand);border:3px solid #fff;box-shadow:0 1px 6px #00000052}.handout-selection-handle.n:before,.handout-selection-handle.s:before{width:34px;height:12px;border-radius:8px}.handout-selection-handle.e:before,.handout-selection-handle.w:before{width:12px;height:34px;border-radius:8px}.handout-selection-handle.nw{left:0;top:0;cursor:nwse-resize}.handout-selection-handle.n{left:50%;top:0;cursor:ns-resize}.handout-selection-handle.ne{left:100%;top:0;cursor:nesw-resize}.handout-selection-handle.e{left:100%;top:50%;cursor:ew-resize}.handout-selection-handle.se{left:100%;top:100%;cursor:nwse-resize}.handout-selection-handle.s{left:50%;top:100%;cursor:ns-resize}.handout-selection-handle.sw{left:0;top:100%;cursor:nesw-resize}.handout-selection-handle.w{left:0;top:50%;cursor:ew-resize}.grammar-handout-confirm{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0 calc(11px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);color:#657789;font-family:var(--font-cn);font-size:12px;line-height:1.4}.grammar-handout-confirm>div{display:flex;flex:0 0 auto;gap:8px}.grammar-handout-confirm .btn.sm{padding:9px 12px}@media (min-width: 1024px){.sheet.grammar-handout-sheet{width:min(1120px,calc(100% - 32px));max-width:1120px}.grammar-handout-body.toc-open{display:grid;grid-template-columns:290px minmax(0,1fr)}.grammar-handout-body.toc-open .grammar-handout-toc{position:static;min-width:0;border-right:1px solid #d6e2eb}}@media (max-width: 560px){.grammar-course-video-actions{grid-template-columns:1fr}.course-handout-library-entry{grid-template-columns:42px minmax(0,1fr);gap:10px;padding:10px 11px}.course-handout-library-icon{width:40px;height:40px;font-size:21px}.course-handout-library-entry>b{grid-column:2;justify-self:start}.grammar-handout-page{padding:20px 15px}.grammar-handout-scroll{padding-left:10px;padding-right:10px}.grammar-handout-grid-row>*{padding:8px 6px;font-size:12px}.grammar-handout-confirm{align-items:flex-end}.grammar-handout-confirm>span{max-width:48%}.grammar-handout-tabs .grammar-handout-select-toggle{margin-left:0}.grammar-handout-tabs button{padding:7px 10px;font-size:12px}.grammar-handout-head strong{max-width:calc(100vw - 100px)}}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px}.stat{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:14px 14px 13px;box-shadow:var(--shadow-card)}.stat .num{font-family:var(--font-display);font-size:28px;font-weight:800;line-height:1.05;color:var(--text)}.stat .lbl{font-size:12px;font-weight:700;color:var(--muted);margin-top:3px}.stat .num.brand{color:var(--brand)}.bar{height:10px;border-radius:10px;background:var(--surface-2);overflow:hidden;margin-top:8px}.bar>span{display:block;height:100%;background:var(--brand);border-radius:10px}.pron-btn{display:inline-flex;align-items:center;gap:3px;padding:3px 10px;border-radius:999px;border:1.5px solid var(--brand);background:var(--surface);color:var(--brand-ink);font-family:var(--font-cn);font-size:12px;font-weight:700;line-height:1.4;cursor:pointer;white-space:nowrap;vertical-align:middle;transition:background .12s,color .12s,border-color .12s}@media (hover: hover){.pron-btn:hover{background:var(--brand-soft)}}.pron-btn:active{background:var(--brand);color:#fff;border-color:var(--brand);transform:translateY(1px)}.pron-btn svg{flex:none}.pron-group{display:inline-flex;align-items:center;gap:5px}.pron-line{display:flex;align-items:center;gap:8px;margin-top:3px}.pron-tag{min-width:20px;font-size:12px;font-weight:700;color:var(--muted, #8a97a8)}.session-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.summer-assessment-entry{width:100%;display:grid;grid-template-columns:62px 1fr auto;gap:14px;align-items:center;margin:0 0 16px;padding:14px 18px;text-align:left;border-radius:20px;border:1px solid #9fd9e8;color:#123855;background:linear-gradient(110deg,#e9fbff,#f7fbff 54%,#fff7d9);box-shadow:0 8px 22px #1a83ab1a;cursor:pointer}.summer-assessment-entry:hover{transform:translateY(-1px);box-shadow:0 11px 26px #1a83ab26}.summer-assessment-entry small{display:block;margin-top:4px;color:#557286}.summer-assessment-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#22b6d8,#376ee7);color:#fff;font-weight:900;box-shadow:0 7px #1a78a8}.summer-assessment-action{color:#087ea0;font-weight:800;white-space:nowrap}.phon-assess-hub{max-width:1120px;margin:0 auto;padding:4px 4px 100px}.practice-page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.phon-assess-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;border:1px solid #9bd9df;border-radius:28px;background:radial-gradient(circle at 85% 12%,rgba(255,224,104,.36),transparent 26%),linear-gradient(135deg,#e9fbff,#f3f4ff 58%,#fff9dc);box-shadow:0 16px 36px #3268971f}.phon-assess-hero span{color:#158a91;font-weight:850;letter-spacing:.06em}.phon-assess-hero h1{margin:7px 0 8px;font-size:clamp(30px,4vw,46px);color:#153957}.phon-assess-hero p{max-width:760px;margin:0;line-height:1.75;color:#506a7c}.phon-assess-badge{flex:0 0 118px;height:118px;display:grid;place-content:center;text-align:center;border-radius:32px;background:linear-gradient(145deg,#20bdd3,#3e71e8);color:#fff;font-size:34px;font-weight:950;box-shadow:0 12px #187caa,0 22px 38px #1a5fa338;transform:rotate(3deg)}.phon-assess-badge small{font-size:15px;color:#eaffff;letter-spacing:0}.phon-assess-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.phon-assess-modes button{border:1px solid #cbdce8;border-radius:18px;padding:15px 14px;text-align:left;color:#173a55;background:#fff;cursor:pointer}.phon-assess-modes button strong,.phon-assess-modes button span{display:block}.phon-assess-modes button span{margin-top:5px;color:#667e8e;font-size:13px;line-height:1.45}.phon-assess-modes button.is-active{border-color:#16a6c0;background:#eafcff;box-shadow:inset 0 0 0 2px #16a6c01f}.phon-assess-stages{display:grid;gap:13px}.phon-assess-stage{width:100%;display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:15px;padding:18px 20px;border-radius:21px;border:1px solid #c9dce8;text-align:left;color:#183a55;background:#fff;cursor:pointer}.phon-assess-stage:hover{transform:translateY(-1px);box-shadow:0 10px 25px #1b4e761a}.phon-assess-stage.stage-1{border-left:7px solid #27aee4;background:linear-gradient(90deg,#ecfaff,#fff 45%)}.phon-assess-stage.stage-2{border-left:7px solid #28b681;background:linear-gradient(90deg,#edfff7,#fff 45%)}.phon-assess-stage.stage-3{border-left:7px solid #9867df;background:linear-gradient(90deg,#f6f0ff,#fff 45%)}.phon-assess-stage-number{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;color:#fff;font-size:25px;font-weight:950;background:#318fcd}.stage-2 .phon-assess-stage-number{background:#22a971}.stage-3 .phon-assess-stage-number{background:#8957ce}.phon-assess-stage strong{font-size:19px}.phon-assess-stage p{margin:5px 0;color:#536d7f}.phon-assess-stage small{color:#758b99}.phon-assess-boundary{margin-top:16px;padding:14px 18px;border-radius:16px;color:#607182;background:#f3f7fa;line-height:1.65}.phon-sheet-page{max-width:1180px;margin:0 auto;padding:4px 4px 110px;color:#173951}.phon-sheet-toolbar{position:sticky;top:72px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:9px 11px;border:1px solid rgba(167,200,218,.82);border-radius:17px;background:#f8fcfff0;box-shadow:0 8px 24px #1644661a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.phon-sheet-title{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;border:1px solid #a8dce5;border-radius:26px;background:radial-gradient(circle at 88% 12%,rgba(255,224,104,.34),transparent 27%),linear-gradient(135deg,#eafbff,#fff);box-shadow:0 14px 34px #1c577e1a}.phon-sheet-title.stage-2{border-color:#a8dfc9;background:radial-gradient(circle at 88% 12%,rgba(255,224,104,.28),transparent 27%),linear-gradient(135deg,#edfff7,#fff)}.phon-sheet-title.stage-3{border-color:#d5c3ee;background:radial-gradient(circle at 88% 12%,rgba(255,224,104,.25),transparent 27%),linear-gradient(135deg,#f6f0ff,#fff)}.phon-sheet-title span{color:#158a91;font-weight:850;letter-spacing:.05em}.phon-sheet-title h1{margin:6px 0;font-size:clamp(28px,4vw,43px);color:#153957}.phon-sheet-title p{margin:0;color:#587184;line-height:1.65}.phon-sheet-title-mark{flex:0 0 86px;height:86px;display:grid;place-content:center;text-align:center;border-radius:25px;color:#fff;font-size:36px;font-weight:950;background:linear-gradient(145deg,#20b7d2,#3d74e8);box-shadow:0 9px #1a7daa}.stage-2 .phon-sheet-title-mark{background:linear-gradient(145deg,#29bd83,#0d8e66);box-shadow-color:#087457}.stage-3 .phon-sheet-title-mark{background:linear-gradient(145deg,#a372e6,#7546c3);box-shadow-color:#6035a6}.phon-sheet-title-mark small{font-size:13px}.phon-sheet-note{margin:14px 0 18px;padding:13px 17px;border-left:5px solid #21a9c7;border-radius:13px;color:#516d7e;background:#eefaff;line-height:1.65}.mode-mock .phon-sheet-note{border-left-color:#e6a317;background:#fff9e7}.mode-daily .phon-sheet-note{border-left-color:#7bc043;background:#f3fbe9}.phon-sheet-section{margin:0 0 18px;padding:20px;border:1px solid #c8dde7;border-radius:23px;background:#fffffff5;box-shadow:0 9px 26px #1a476814}.phon-sheet-section>header{display:flex;align-items:center;gap:11px;padding-bottom:13px;border-bottom:1px solid #deebf1}.phon-sheet-section>header>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#fff;background:#218fb6;font-weight:900}.phon-sheet-section h2{margin:0;font-size:20px}.phon-sheet-section header p{margin:3px 0 0;color:#728795;font-size:13px}.phon-sheet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:14px}.phon-sheet-grid.is-sentences{grid-template-columns:1fr}.phon-sheet-grid.is-pure-ipa{gap:18px 22px}.phon-sheet-grid.is-pure-ipa .phon-sheet-item{min-height:96px;padding:16px 18px}.phon-sheet-grid.is-pure-ipa .phon-sheet-ipa{font-size:clamp(26px,3.2vw,36px)}.phon-sheet-grid.is-pure-ipa .phon-sheet-number{width:32px;height:32px;font-size:13px}.phon-sheet-item{min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:82px;padding:12px 13px;border:1px solid #d5e3eb;border-radius:16px;background:linear-gradient(145deg,#fff,#f8fbfd)}.phon-sheet-item.kind-sentence{min-height:92px}.phon-sheet-number{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:#1685aa;background:#e7f7fc;font-size:12px;font-weight:900}.phon-sheet-item-main{min-width:0}.phon-sheet-ipa{overflow-wrap:anywhere;font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,2.6vw,31px);font-weight:650;color:#173c56}.phon-sheet-sentence{font-family:Arial,sans-serif;font-size:clamp(17px,2vw,23px);line-height:1.5;color:#173c56}.phon-sheet-answer{margin-top:4px;color:#148765;font-weight:850}.phon-sheet-focus{margin-top:4px;color:#748895;font-size:12px;line-height:1.45}.phon-sheet-blind{margin-top:4px;color:#9b721b;font-size:12px}.phon-sheet-play{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:76px;min-height:42px;padding:8px 10px;border:1px solid #49b8d3;border-radius:13px;color:#087da0;background:#effcff;font-weight:850;cursor:pointer}.phon-sheet-play:hover{background:#dff8ff;transform:translateY(-1px)}.phon-sheet-clip{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:76px;min-height:42px;padding:8px 10px;border:1px solid #7eafe1;border-radius:13px;color:#1779ae;background:#f0f8ff;font-weight:850;cursor:pointer}.phon-sheet-clip:hover{background:#dff3ff;transform:translateY(-1px)}.phon-sheet-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 14px;padding:21px;border:1px dashed #a7cbd9;border-radius:19px;text-align:center;background:#f5fbfd}.phon-sheet-footer span{color:#657d8d}.phon-sheet-footer .btn{margin-left:8px}.summer-assessment-tracks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:20px 0}.summer-assessment-tracks>button{min-width:0;display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:15px;padding:22px;border:1px solid #bad9e7;border-radius:24px;text-align:left;color:#173a55;background:linear-gradient(145deg,#fff,#f2fbff);box-shadow:0 9px 24px #1d4e7117;cursor:pointer}.summer-assessment-tracks>button+button{border-color:#b7dfca;background:linear-gradient(145deg,#fff,#effff7)}.summer-assessment-tracks>button:hover{transform:translateY(-2px);box-shadow:0 13px 30px #1d4e7121}.summer-track-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;color:#fff;background:linear-gradient(145deg,#20b7d2,#3d74e8);font-size:19px;font-weight:950;box-shadow:0 7px #1a7daa}.summer-track-icon.is-phonics{background:linear-gradient(145deg,#35c58c,#15916a);box-shadow-color:#087457}.summer-assessment-tracks strong{display:block;font-size:20px}.summer-assessment-tracks p{margin:6px 0;line-height:1.5;color:#526f82}.summer-assessment-tracks small{color:#748b99}.phonics-assess-hero{border-color:#a8dfc9;background:radial-gradient(circle at 85% 12%,rgba(255,224,104,.34),transparent 26%),linear-gradient(135deg,#edfff7,#f3fbff 58%,#fff9dc)}.phonics-paper-toolbar>div{display:flex;gap:8px}.phonics-paper-toolbar .btn.is-active{border-color:#1ca777;color:#087457;background:#eafff5}.phonics-paper-grid{grid-template-columns:1fr}.phonics-paper-item{min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:84px;padding:12px 13px;border:1px solid #d5e3eb;border-radius:16px;background:linear-gradient(145deg,#fff,#f8fbfd)}.phonics-paper-item.has-part-audio{grid-template-columns:30px minmax(0,1fr)}.phonics-paper-question{min-width:0}.phonics-paper-question>strong{display:block;overflow-wrap:anywhere;font-family:Georgia,Times New Roman,serif;font-size:clamp(20px,2.4vw,29px);color:#173c56}.phonics-paper-question>small{display:block;margin-top:5px;color:#8b711c}.phonics-contrast-question{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#173c56;font-family:Georgia,Times New Roman,serif;font-size:clamp(20px,2.4vw,29px);line-height:1.45}.phonics-contrast-question>span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.phonics-contrast-question b{font-weight:750}.phonics-contrast-question>i{color:#7992a1;font-style:normal}.phonics-contrast-question>em{color:#284d66;font-family:Arial,sans-serif;font-size:clamp(15px,1.6vw,20px);font-style:normal;font-weight:700}.phonics-contrast-play{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:58px;min-height:34px;padding:5px 7px;border:1px solid #49b8d3;border-radius:11px;color:#087da0;background:#effcff;font-family:Arial,sans-serif;font-size:13px;font-weight:850;cursor:pointer}.phonics-contrast-play:hover{background:#dff8ff;transform:translateY(-1px)}.phonics-write-line{display:block;width:min(320px,100%);height:24px;margin-top:8px;border-bottom:2px solid #8ca7b7}.phonics-teacher-reference{margin-top:8px;padding:8px 10px;border-radius:10px;color:#126847;background:#e9fbf2;line-height:1.45}.phonics-teacher-reference span{display:block;margin-top:3px;color:#657d75;font-size:12px}.phonics-paper-finish{display:flex;justify-content:center;padding:22px;border:1px dashed #a7cbd9;border-radius:19px;background:#f5fbfd}.phonics-review-video{margin-left:auto;border:1px solid #7eafe1;border-radius:12px;padding:8px 11px;color:#1779ae;background:#f0f8ff;font-weight:800;cursor:pointer;white-space:nowrap}.phonics-review-video:hover{background:#dff3ff}.phonics-video-layer{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#0c26387a}.phonics-video-dialog{width:min(860px,100%);max-height:min(92vh,760px);overflow:auto;padding:20px;border:1px solid #b6d6e6;border-radius:22px;background:#fff;box-shadow:0 24px 80px #00000047}.phonics-video-dialog>header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.phonics-video-dialog header span{color:#1689a4;font-weight:800}.phonics-video-dialog h2{margin:4px 0 0;color:#173951}.phonics-video-dialog nav{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.phonics-video-dialog nav button{border:1px solid #cee2ee;border-radius:999px;padding:7px 10px;color:#41637a;background:#f7fbfd;cursor:pointer}.phonics-video-dialog nav button.is-active{border-color:#33afd2;color:#07799d;background:#e4f9ff;font-weight:800}.phonics-video-dialog video{display:block;width:100%;max-height:60vh;border-radius:14px;background:#102431}.phonics-video-dialog>p{margin:12px 0 0;color:#637c8d;line-height:1.55}.phonics-video-loading{min-height:180px;display:grid;place-items:center;border-radius:14px;background:#f3fafc}@media (max-width: 700px){.summer-assessment-entry{grid-template-columns:48px 1fr;padding:12px}.summer-assessment-icon{width:44px;height:44px;border-radius:13px}.summer-assessment-action{grid-column:2}.phon-assess-hero{padding:22px 18px}.phon-assess-badge{display:none}.phon-assess-modes{grid-template-columns:1fr}.phon-assess-stage{grid-template-columns:48px 1fr;padding:15px}.phon-assess-stage>svg{display:none}.phon-sheet-page{padding-inline:0}.phon-sheet-toolbar{top:64px}.phon-sheet-toolbar .pill{display:none}.phon-sheet-title{padding:20px 17px}.phon-sheet-title-mark{flex-basis:64px;width:64px;height:64px;border-radius:19px;font-size:28px}.phon-sheet-section{padding:14px 11px;border-radius:18px}.phon-sheet-grid{grid-template-columns:1fr}.phon-sheet-item{grid-template-columns:26px minmax(0,1fr) 46px 46px;padding:10px 9px}.phon-sheet-play{min-width:44px;width:44px;padding:8px}.phon-sheet-play span{display:none}.phon-sheet-clip{min-width:44px;width:44px;padding:8px}.phon-sheet-clip span{display:none}.phon-sheet-footer{align-items:stretch;flex-direction:column}.phon-sheet-footer .btn{margin:6px 0 0}.summer-assessment-tracks{grid-template-columns:1fr}.summer-assessment-tracks>button{grid-template-columns:52px minmax(0,1fr);padding:17px}.summer-assessment-tracks>button>svg{display:none}.summer-track-icon{width:50px;height:50px;border-radius:15px}.phonics-paper-toolbar{align-items:stretch;flex-direction:column}.phonics-paper-toolbar>div{display:grid;grid-template-columns:1fr 1fr}.phonics-paper-item{grid-template-columns:26px minmax(0,1fr) 46px}.phonics-paper-item.has-part-audio{grid-template-columns:26px minmax(0,1fr)}.phonics-contrast-question{gap:5px;font-size:20px}.phonics-contrast-question>em{flex-basis:100%;font-size:15px}.phonics-contrast-play{min-width:35px;width:35px;min-height:34px;padding:5px}.phonics-contrast-play span{display:none}.phonics-paper-finish{padding:14px}.phonics-paper-finish .btn{width:100%}.phonics-review-video{margin-left:0}.phonics-video-layer{padding:10px}.phonics-video-dialog{padding:15px;border-radius:18px}}@media print{body{background:#fff!important}.tabbar,.phon-sheet-toolbar,.phon-sheet-play,.phon-sheet-clip,.phonics-paper-finish,.phonics-review-video{display:none!important}.phon-sheet-page{max-width:none;padding:0}.phon-sheet-title,.phon-sheet-section{box-shadow:none;break-inside:avoid}.phon-sheet-section{margin-bottom:10mm}.phonics-paper-item{grid-template-columns:24px 1fr;min-height:17mm;break-inside:avoid}.phonics-teacher-reference{background:#fff;border:1px dashed #789}}.progress-line{flex:1;height:16px;background:#e6eef6;border-radius:999px;margin:0 12px;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px #0000000d}.progress-line>span{display:block;height:100%;border-radius:999px;background:linear-gradient(180deg,#7fd0ff,var(--brand));transition:width .45s cubic-bezier(.22,1,.36,1);position:relative}.progress-line>span:after{content:"";position:absolute;left:6px;right:6px;top:3px;height:4px;border-radius:4px;background:#ffffff73}.x-btn{background:none;border:none;color:var(--muted);font-size:24px;cursor:pointer;line-height:1;font-weight:700}.x-btn:active{transform:scale(.9)}.study-card{text-align:center;padding:26px 18px}.headword{font-family:var(--font-display);font-size:42px;font-weight:800;letter-spacing:.4px;color:var(--text)}.headword.small{font-size:30px}.phonetic{color:var(--muted);margin-top:6px;font-size:16px;font-weight:700}.pos-tag{display:inline-block;font-size:12px;font-weight:800;color:var(--brand-ink);border:1.5px solid var(--brand-dim);background:var(--brand-soft);border-radius:8px;padding:1px 8px;margin-bottom:8px}.meaning-big{font-size:22px;font-weight:700;margin:14px 0}.mnemonic{text-align:left;background:var(--brand-soft);border:1.5px solid var(--brand-dim);border-radius:var(--radius-sm);padding:14px;margin-top:14px;font-size:15px;line-height:1.6}.mnemonic .tag{font-size:11px;font-weight:800;color:var(--hard);display:block;margin-bottom:6px;letter-spacing:.5px}.mnemonic details{margin-top:10px}.mnemonic summary{cursor:pointer;color:var(--brand-ink);font-size:13px;font-weight:700}.mnemonic details p{margin:8px 0 0;color:var(--muted)}.mnemonic .mfull{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.speak-btn{background:var(--brand);color:#fff;border:none;border-radius:50%;width:66px;height:66px;font-size:28px;cursor:pointer;margin:8px 0;box-shadow:0 4px 0 var(--brand-deep);transition:transform .06s,box-shadow .06s}.speak-btn:active{transform:translateY(4px);box-shadow:0 0 0 var(--brand-deep)}.prompt-q{font-family:var(--font-display);font-size:27px;font-weight:800;text-align:center;margin:8px 0 22px;min-height:36px}.options{display:flex;flex-direction:column;gap:11px}.opt{text-align:left;background:var(--surface);border:2px solid var(--line-strong);border-radius:var(--radius-sm);padding:15px 16px;font-size:16.5px;font-weight:500;color:var(--text);cursor:pointer;box-shadow:0 2px 0 var(--line-strong);transition:border-color .12s,background .12s,transform .06s,box-shadow .06s}@media (hover: hover){.opt:hover{border-color:var(--brand-dim);background:var(--brand-soft)}}.opt:active{transform:translateY(2px);box-shadow:0 0 0 var(--line-strong)}.opt.correct{border-color:var(--good);background:var(--good-soft);color:var(--good-deep);box-shadow:0 2px 0 var(--good-deep);animation:pop .42s cubic-bezier(.18,.89,.32,1.4)}.opt.wrong{border-color:var(--again);background:var(--again-soft);color:var(--again-deep);box-shadow:0 2px 0 var(--again-deep);animation:shake .4s}.opt:disabled{cursor:default}.spell-input{width:100%;font-size:22px;text-align:center;letter-spacing:2px;font-weight:700;padding:14px;border-radius:var(--radius-sm);border:2px solid var(--line-strong);background:var(--surface);color:var(--text);font-family:var(--font-display)}.spell-input:focus{outline:none;border-color:var(--brand)}.spell-input.correct{border-color:var(--good)}.spell-input.wrong{border-color:var(--again)}.text-input{width:100%;font-size:16px;font-weight:700;padding:13px 14px;border-radius:var(--radius-sm);border:2px solid var(--line-strong);background:var(--surface);color:var(--text);font-family:var(--font-body)}.text-input:focus{outline:none;border-color:var(--brand)}.fb{text-align:center;padding:10px 0}.fb .verdict{font-family:var(--font-display);font-size:21px;font-weight:800;margin-bottom:4px}.fb .verdict.good{color:var(--good-deep)}.fb .verdict.hard{color:var(--hard)}.fb .verdict.again{color:var(--again)}.fb .verdict.soft{color:var(--brand-ink)}.fb .answer-en{font-family:var(--font-display);font-size:32px;font-weight:800;margin:8px 0 2px}.chip{display:inline-block;font-size:12px;font-weight:800;padding:4px 11px;border-radius:999px;background:var(--surface-2);color:var(--muted);margin:4px 4px 0}.chip.book{color:var(--again);background:var(--again-soft);border:1.5px solid rgba(255,75,75,.35)}.fb{border-radius:var(--radius)}.dropzone{border:2.5px dashed var(--brand-dim);border-radius:var(--radius);padding:26px 18px;text-align:center;cursor:pointer;background:var(--brand-soft);transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.drag{border-color:var(--brand);background:#cfeaff}.map-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:10px}.map-table td{padding:6px 8px;border-bottom:1px solid var(--line)}.map-table td:first-child{color:var(--muted);width:40%}.ok{color:var(--good-deep);font-weight:800}.miss{color:var(--again);font-weight:800}.warn-box{background:var(--hard-soft);border:1.5px solid rgba(255,150,0,.4);border-radius:var(--radius-sm);padding:10px 12px;font-size:13px;font-weight:700;margin-top:10px}.lib-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.lib-item:last-child{border-bottom:none}.lib-item .nm{font-weight:800}.lib-item.active .nm{color:var(--brand)}.field{margin-bottom:18px}.field label{display:block;font-size:13px;font-weight:700;color:var(--muted);margin-bottom:8px}.seg{display:flex;gap:8px;flex-wrap:wrap}.seg button{background:var(--surface);border:2px solid var(--line-strong);color:var(--text);border-radius:12px;padding:9px 15px;cursor:pointer;font-size:14px;font-weight:800;font-family:var(--font-body);box-shadow:0 2px 0 var(--line-strong);transition:transform .06s,box-shadow .06s,border-color .12s,color .12s,background .12s}.seg button:active{transform:translateY(2px);box-shadow:0 0 0 var(--line-strong)}.seg button.on{border-color:var(--brand);color:var(--brand-ink);background:var(--brand-soft);box-shadow:0 2px 0 var(--brand-dim)}input[type=range]{width:100%;accent-color:var(--brand)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.empty{text-align:center;color:var(--muted);padding:50px 20px;font-weight:700}.empty .big{font-size:48px;margin-bottom:12px}.basic-row{display:block;width:100%;text-align:left;background:var(--surface);border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:10px;cursor:pointer;box-shadow:0 2px 0 var(--line-strong)}.basic-row:active{transform:translateY(2px);box-shadow:0 0 0 var(--line-strong)}.basic-row-top{display:flex;align-items:baseline;gap:10px}.basic-label{font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--brand-ink);white-space:nowrap}.basic-mean{flex:1;font-size:14px;font-weight:600;color:var(--text)}.basic-check{color:var(--good-deep);font-weight:800;font-size:16px}.basic-pct{font-size:12px;font-weight:800;color:var(--muted);width:40px;text-align:right;flex-shrink:0}.practice-card{border:1.5px solid var(--line)}.practice-card.soon{opacity:.65}.reading-passage{font-size:16px;line-height:1.85;color:var(--text);font-weight:500}.lp-passage{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.lp-word{border-radius:4px;padding:0 1px;cursor:pointer;transition:background .12s}.lp-word:active{background:#1cb0f62e}.lp-word.target{color:#087d9b;background:#1cb0f61a;box-shadow:inset 0 -2px #1cb0f659}.lp-word.booked{background:#fff2bf;box-shadow:inset 0 -2px #f6c948}.reading-word-note{position:fixed;z-index:72;left:50%;bottom:78px;transform:translate(-50%);width:min(390px,calc(100vw - 32px));box-sizing:border-box;padding:15px 48px 14px 16px;border:1px solid #b9deef;border-radius:16px;background:#fffffffa;box-shadow:0 16px 42px #134b693d;color:var(--text);text-align:left;animation:readingWordNoteIn .16s ease-out}.reading-word-note>small{display:block;margin-bottom:4px;color:#138c74;font-size:12px;font-weight:800}.reading-word-note>strong{display:block;font-family:var(--font-display);color:var(--brand-ink);font-size:24px;line-height:1.1}.reading-word-note>p{margin:7px 0 0;color:var(--text);font-size:14px;line-height:1.55}.reading-word-note>p>b{color:#497084;margin-right:4px}.reading-word-note-context{padding:7px 9px;border-radius:9px;background:#f0f9fc;color:#42606e!important}.reading-word-note-context>i{display:block;margin-bottom:2px;color:#197b9a;font-size:11px;font-style:normal;font-weight:800}.reading-word-note-close{position:absolute;top:8px;right:10px;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#68808d;cursor:pointer;font-size:24px;line-height:1}.reading-word-note-audio{margin-top:11px;border:1px solid #9ad8ed;border-radius:999px;padding:7px 11px;background:#edfaff;color:#087caa;cursor:pointer;font-size:13px;font-weight:800}@keyframes readingWordNoteIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.reading-toast{position:fixed;left:50%;bottom:88px;transform:translate(-50%);background:#11181ce6;color:#fff;padding:9px 18px;border-radius:22px;font-size:14px;font-weight:600;z-index:60;max-width:86%;text-align:center;box-shadow:0 6px 20px #00000040;animation:toastIn .18s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.reading-cn{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line-strong);font-size:14px;color:var(--muted);line-height:1.7}.boot{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:24px}.boot-bar{width:min(280px,70vw);height:12px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-top:24px;box-shadow:inset 0 1px 2px #0000000f}.boot-bar>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#7fd0ff,var(--brand));transition:width .3s ease}.boot-text{margin-top:12px;font-size:13px;font-weight:700;color:var(--muted)}.boot-tip{width:min(420px,86vw);margin-top:22px;padding:14px 16px;border:1px solid #cfe0eb;border-radius:14px;color:#3e5f70;background:linear-gradient(135deg,#ffffffeb,#eef8fdeb);box-shadow:0 9px 24px #26587e14;text-align:center}.boot-tip>span{display:inline-block;padding:4px 8px;border-radius:999px;color:#087d92;background:#dff5f6;font-size:10px;font-weight:850;letter-spacing:.04em}.boot-tip>p{margin:9px 0 0;color:#355a68;font-size:13px;font-weight:700;line-height:1.65}.mbar{position:relative;flex:1;height:10px;border-radius:10px;background:var(--surface-2);overflow:hidden}.mbar.big{height:16px;border-radius:12px;box-shadow:inset 0 1px 2px #0000000d}.mbar>span{position:absolute;left:0;top:0;display:block;height:100%;border-radius:10px;background:var(--brand);transition:width .8s cubic-bezier(.22,1,.36,1)}.mbar.big>span{background:linear-gradient(90deg,#5cc1ff,var(--brand))}.mbar>span.good{background:var(--good)}.mbar.big>span.good{background:linear-gradient(90deg,#7ee03f,var(--good))}.mbar>span.mid{background:var(--hard)}.mbar.big>span.mid{background:linear-gradient(90deg,#ffb84d,var(--hard))}.mbar>span.low{background:var(--again)}.gain-badge{font-family:var(--font-display);text-align:center;font-size:32px;font-weight:800;color:var(--good-deep);margin:6px 0 2px;letter-spacing:.5px;transform-origin:center;animation:gain-pop .55s cubic-bezier(.18,.89,.32,1.4) both}@keyframes gain-pop{0%{opacity:0;transform:scale(.3) translateY(8px)}60%{opacity:1;transform:scale(1.2) translateY(0)}to{opacity:1;transform:scale(1)}}.mastery-pct{font-family:var(--font-display);font-size:22px;font-weight:800}.tier-hint{margin-top:10px;font-size:13px;font-weight:700;color:var(--brand-ink);background:var(--brand-soft);border-radius:10px;padding:9px 11px}.sentence-cn{margin:10px 0 4px;background:var(--surface-2);border-radius:12px;padding:10px 12px;text-align:left}.sentence-cn .en{font-size:15px;color:var(--text);line-height:1.5;font-weight:700}.sentence-cn .cn{font-size:14px;color:var(--muted);margin-top:4px}.ai-tag{display:inline-block;margin-left:6px;font-size:11px;font-weight:800;color:var(--hard);border:1.5px solid rgba(255,150,0,.4);background:var(--hard-soft);border-radius:7px;padding:0 6px;vertical-align:middle}.combo-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:800;font-size:15px;color:#8a5a00;background:linear-gradient(180deg,#ffe08a,var(--gold));border:2px solid var(--gold-deep);border-radius:999px;padding:5px 14px;margin:0 auto 4px;box-shadow:0 3px 0 var(--gold-deep);animation:combo-pop .4s cubic-bezier(.18,.89,.32,1.5) both}@keyframes combo-pop{0%{transform:scale(.4) rotate(-8deg);opacity:0}60%{transform:scale(1.15) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0)}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;overflow:hidden}.confetti i{position:absolute;top:-14px;width:9px;height:14px;border-radius:2px;opacity:0;animation:confetti-fall 1.5s linear forwards}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:.9;transform:translateY(108vh) rotate(760deg)}}.studied-row{padding:12px 2px;border-bottom:1px solid var(--line)}.studied-row:last-child{border-bottom:none}.sl-word{font-family:var(--font-display);font-size:19px;font-weight:700}.sl-pct{font-family:var(--font-display);font-weight:800;font-size:16px}.sl-pct.good{color:var(--good-deep)}.sl-pct.mid{color:var(--hard)}.sl-pct.low{color:var(--again)}.sl-mean{font-size:15px;color:var(--text)}.source-meaning{white-space:pre-line;overflow-wrap:anywhere;line-height:1.7}.option-review-copy small.source-meaning{display:block;-webkit-line-clamp:unset;overflow:visible;line-height:1.7}.sl-mnem{font-size:13px;color:var(--muted);line-height:1.5;background:var(--surface-2);border-radius:8px;padding:6px 10px}.sl-phonics{font-size:13px;color:#0e7490;line-height:1.5;background:#ecfeff;border:1px solid #cff2f7;border-radius:8px;padding:5px 10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ph-toggle{flex:0 0 auto;font-size:11px;line-height:1.25;color:#0e7490;background:#fff;border:1px solid #a5e5ee;border-radius:12px;padding:2px 8px;cursor:pointer;white-space:nowrap}.ph-toggle:hover{background:#d6f6fb}.sl-meta{font-size:12px;color:var(--muted)}.sl-mask{display:inline-block;background:var(--surface-2);color:var(--muted);border:1.5px dashed var(--line-strong);border-radius:8px;padding:4px 14px;font-size:13px;font-weight:700;cursor:pointer}.sl-mask:active{background:var(--brand-soft)}.detail-link{display:inline-flex;align-items:center;gap:4px;margin-top:10px;font-size:13px;font-weight:700;color:#fff;background:var(--brand);border:none;border-radius:999px;padding:7px 14px;cursor:pointer;box-shadow:0 3px 0 var(--brand-deep);transition:transform .06s,box-shadow .06s,filter .15s}.detail-link:hover{filter:brightness(1.05)}.detail-link:active{transform:translateY(3px);box-shadow:0 0 0 var(--brand-deep)}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#142d4b6b;display:flex;align-items:flex-end;justify-content:center;animation:sheet-fade .18s ease both;padding-bottom:env(safe-area-inset-bottom)}.sheet{width:100%;max-width:520px;max-height:88vh;overflow-y:auto;background:var(--surface);border-radius:22px 22px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px #142d4b2e;animation:sheet-up .26s cubic-bezier(.22,1,.36,1) both}@media (min-width: 700px){.sheet-overlay{align-items:center}.sheet{border-radius:22px;max-height:82vh}}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#142d4b6b;display:flex;align-items:center;justify-content:center;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));animation:sheet-fade .18s ease both}.modal{width:100%;max-width:440px;max-height:86vh;overflow-y:auto;background:var(--surface);border-radius:22px;padding:22px 20px;box-shadow:0 20px 60px #142d4b47;animation:modal-pop .24s cubic-bezier(.22,1,.36,1) both}@keyframes modal-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.detail-sec{margin-top:16px}.detail-title{font-family:var(--font-display);font-weight:700;font-size:15px;margin-bottom:8px;color:var(--text)}@keyframes sheet-fade{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translateY(28px);opacity:.6}to{transform:translateY(0);opacity:1}}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.match-tip{background:var(--brand-soft);border:1.5px solid var(--brand-dim);border-radius:12px;padding:10px 12px;margin-bottom:12px;font-size:14px;font-weight:700;color:var(--brand-ink);line-height:1.5}.match-tip b{color:var(--brand-ink)}.match{display:flex;gap:10px}.match-col{flex:1;display:flex;flex-direction:column;gap:8px}.match-chip{text-align:left;background:var(--surface);border:2px solid var(--line-strong);color:var(--text);border-radius:12px;padding:11px 13px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 2px 0 var(--line-strong);transition:all .12s}.match-chip:active{transform:translateY(2px);box-shadow:0 0 0 var(--line-strong)}.match-chip.cue{font-size:13px;color:var(--muted)}.match-chip.sel{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 2px 0 var(--brand-dim)}.match-chip.done{border-color:var(--good);background:var(--good-soft);color:var(--good-deep);box-shadow:0 2px 0 var(--good-deep);cursor:default}.match-chip.bad{border-color:var(--again);background:var(--again-soft);animation:shake .4s}.learn-item{padding:16px}.li-head{font-family:var(--font-display);font-size:20px;font-weight:800}.li-mean{color:var(--muted);font-size:14px;font-weight:700}.li-mnemonic{margin-top:8px;font-size:14px;line-height:1.6;background:var(--brand-soft);border-radius:12px;padding:10px 12px;font-weight:600}.li-mnemonic.na{color:var(--muted);font-size:13px;background:var(--surface-2)}.li-full{color:var(--muted)}.li-tip{margin-top:8px;font-size:12px;font-weight:700;color:var(--hard)}.phase-tag{display:inline-block;font-size:12px;font-weight:800;color:var(--brand-ink);background:var(--brand-soft);border:1.5px solid var(--brand-dim);border-radius:999px;padding:5px 14px;margin-bottom:14px}.phase-tag.warn{color:var(--hard);background:var(--hard-soft);border-color:#ff960059}.q-why{font-size:12px;color:var(--muted);margin:-6px 0 14px;line-height:1.5}.prompt-q.sm{font-size:19px;min-height:0;margin:6px 0 14px}.speak-mini{background:none;border:none;cursor:pointer;font-size:18px;margin-left:8px;vertical-align:middle}.speak-mini:active{transform:scale(.86)}.phon{color:var(--muted);font-size:14px;font-weight:700}.stem{font-size:19px;font-weight:500;line-height:1.8;text-align:center;margin:0 auto 18px;max-width:440px;color:var(--text)}.stem-target{color:var(--brand-ink)}.blank-box{display:inline-block;min-width:56px;border-bottom:3px solid var(--brand);color:var(--brand);text-align:center;margin:0 4px;font-weight:800}.tiny-note{text-align:center;font-size:11px;font-weight:700;color:var(--muted);margin:-8px 0 12px}.options.compact{gap:8px}.opt.sm{padding:12px 14px;font-size:15px}.decomp{text-align:left;background:var(--brand-soft);border:1.5px dashed var(--brand-dim);border-radius:12px;padding:12px 14px;margin-top:12px;font-size:14px;line-height:1.6}.decomp .tag{font-size:11px;font-weight:800;color:var(--brand-ink);display:block;margin-bottom:6px;letter-spacing:.5px}.note-input{width:100%;min-height:64px;resize:vertical;font-size:14px;line-height:1.5;font-weight:600;padding:10px 12px;border-radius:12px;border:2px solid var(--line-strong);background:var(--surface);color:var(--text);font-family:var(--font-body)}.note-input:focus{outline:none;border-color:var(--brand)}.dim-row{display:flex;align-items:center;gap:10px;margin-bottom:9px}.dim-name{font-size:13px;font-weight:700;width:64px;flex-shrink:0}.dim-pct{width:38px;text-align:right;font-weight:800;flex-shrink:0}.vb-item{padding:12px 0;border-bottom:1px solid var(--line)}.vb-item.key{background:var(--again-soft);border-radius:12px;padding:12px 10px;margin:4px 0;border-bottom:none}.vb-item.sel{background:var(--brand-soft, rgba(28,176,246,.08));border-radius:10px}.vb-item:last-child{border-bottom:none}.vb-check{width:18px;height:18px;flex:none;accent-color:var(--brand);cursor:pointer}.vb-head{display:flex;align-items:baseline;justify-content:space-between}.vb-head .en{font-family:var(--font-display);font-size:18px;font-weight:800}.brandblock{display:flex;align-items:center;gap:10px;min-width:0}.brandblock-text{min-width:0}.brandblock .brand{line-height:1.15}.credit{font-size:10px;font-weight:700;color:var(--muted);margin-top:2px;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:62vw}.auth-brand{text-align:center;margin-bottom:28px;display:flex;flex-direction:column;align-items:center}.auth-brand .credit{white-space:normal;max-width:300px;line-height:1.5}.auth-wrap{max-width:460px;margin:0 auto}.scope-card{padding:14px 16px}.scope-head{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;padding:0;cursor:pointer;color:var(--text);text-align:left;font-weight:800;font-family:var(--font-body)}.scope-caret{font-size:13px;font-weight:800;color:var(--brand-ink);white-space:nowrap}.unit-wordlist{display:flex;flex-direction:column;max-height:360px;overflow-y:auto;margin-top:2px;border:1px solid var(--line-strong);border-radius:12px}.uw-row{display:flex;align-items:baseline;gap:8px;padding:7px 11px;border-bottom:1px solid var(--line);font-size:14px}.uw-row:last-child{border-bottom:none}.uw-dot{width:14px;flex:none;font-weight:800;text-align:center}.uw-word{font-family:Times New Roman,Georgia,serif;font-weight:700;min-width:92px;flex:none;color:var(--text)}.uw-mean{color:var(--muted);font-size:13px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uw-due{flex:none;font-size:11px;font-weight:700;color:var(--again);background:#ff4b4b1a;border-radius:6px;padding:1px 6px}.group-list{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow-y:auto}.group-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface);border:2px solid var(--line-strong);border-radius:12px;padding:11px 13px;font-size:15px;font-weight:700;color:var(--text);cursor:pointer;text-align:left;box-shadow:0 2px 0 var(--line-strong);transition:all .12s}.group-row:active{transform:translateY(2px);box-shadow:0 0 0 var(--line-strong)}.group-row.on{border-color:var(--brand);color:var(--brand-ink);background:var(--brand-soft);box-shadow:0 2px 0 var(--brand-dim)}.gtype{font-size:11px;font-weight:800;color:var(--muted);border:1.5px solid var(--line);border-radius:7px;padding:1px 6px;margin-left:6px}.group-row.on .gtype{color:var(--brand-ink);border-color:var(--brand-dim)}.scope-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:grid;place-items:center;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:#0f2a437a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.scope-picker-dialog{width:min(720px,100%);max-height:min(760px,86dvh);display:flex;flex-direction:column;overflow:hidden;border:1px solid #cfe2f0;border-radius:22px;background:#f9fcff;box-shadow:0 26px 76px #0f2a434d}.scope-picker-dialog-head,.scope-picker-dialog-foot{flex:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;background:#fff}.scope-picker-dialog-head{border-bottom:1px solid #dce9f2}.scope-picker-dialog-head>div{min-width:0;display:grid;gap:3px}.scope-picker-dialog-head strong{color:#173f5d;font-size:18px}.scope-picker-dialog-head small,.scope-picker-dialog-foot span{overflow:hidden;color:#647f92;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.scope-picker-dialog-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:17px 18px 20px}.scope-picker-dialog-body .group-list{max-height:310px}.scope-picker-dialog-foot{border-top:1px solid #dce9f2}.scope-picker-dialog-foot span{flex:1}.scope-picker-dialog-foot .btn{width:auto;min-width:112px;padding:11px 18px}.scope-mode-seg{position:sticky;top:-17px;z-index:2;padding:8px 0 10px;background:#f9fcff}.topbar,.content{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.topbar{padding-top:max(14px,env(safe-area-inset-top))}@media (max-width: 699px){.topbar .libname{display:none}}@media (max-width: 380px){.content{padding:14px;padding-bottom:calc(88px + env(safe-area-inset-bottom))}h1{font-size:22px}.stat-grid{gap:10px}.stat{padding:12px}.stat .num{font-size:24px}.headword{font-size:36px}.headword.small{font-size:27px}.meaning-big{font-size:20px}.prompt-q{font-size:23px;margin:6px 0 18px}.prompt-q.sm,.stem{font-size:17px}.opt{padding:13px 14px;font-size:15px}.options{gap:10px}button.btn{padding:14px 16px;font-size:15px}.speak-btn{width:58px;height:58px;font-size:24px}.study-card{padding:20px 14px}}@media (max-width: 340px){.headword{font-size:31px}.prompt-q{font-size:21px}}@media (orientation: landscape) and (max-height: 460px){.study-card{padding:10px 16px}.headword{font-size:32px}.prompt-q{margin:4px 0 12px}.speak-btn{width:46px;height:46px;font-size:22px}}@media (min-width: 700px){.app,.tabbar{max-width:760px}.content{padding:24px 28px 100px}h1{font-size:30px}h2{font-size:20px}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.opt{font-size:17px}.headword{font-size:56px}.headword.small{font-size:40px}.prompt-q{font-size:32px}.meaning-big{font-size:24px}button.btn{font-size:17px;padding:16px 20px}}@media (min-width: 1024px){.app,.tabbar{max-width:940px}.content{padding:28px 40px 104px}.stat-grid{grid-template-columns:repeat(4,1fr)}.study-card,.fb,.session-head,.options,.prompt-q,.spell-input,.text-input{max-width:680px;margin-left:auto;margin-right:auto}.options{grid-template-columns:1fr 1fr}.vb-list{columns:2;column-gap:28px}.vb-item{break-inside:avoid;-webkit-column-break-inside:avoid}.group-list{columns:2;column-gap:12px;max-height:none}.group-row{break-inside:avoid;margin-bottom:8px;width:100%}}@media (min-width: 1280px){.app,.tabbar{max-width:1040px}}@media (orientation: landscape) and (min-width: 900px) and (min-height: 600px){.app,.tabbar{max-width:min(94vw,1080px)}.stat-grid{grid-template-columns:repeat(4,1fr)}.study-card,.options,.prompt-q,.fb,.session-head,.spell-input,.text-input{max-width:640px;margin-left:auto;margin-right:auto}.learn-item{max-width:720px;margin-left:auto;margin-right:auto}}.good-text{color:var(--good-deep)}.again-text{color:var(--again-deep)}.rec-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.rec-tag{font-size:12px;font-weight:800;padding:2px 9px;border-radius:999px;white-space:nowrap}.rec-tag.study{color:var(--brand-ink);background:var(--brand-soft);border:1.5px solid var(--brand-dim)}.rec-tag.speed{color:var(--good-deep);background:var(--good-soft);border:1.5px solid #b6e88a}.rec-main{font-size:14px}.rec-rw{margin-left:auto;font-size:13px;white-space:nowrap}.rec-detail{margin-top:8px;border-top:1px dashed var(--line, #e6e9ee);padding-top:8px;display:flex;flex-direction:column;gap:5px}.rec-sub{display:flex;align-items:center;gap:8px;font-size:13px}.rec-sub-kind{width:16px;text-align:center}.rec-sub-scope{color:var(--ink, #2b3338);font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.verify-trigger{color:var(--muted, #8a939b)!important}.verify-box{margin-top:4px;padding:10px 12px;border-radius:12px;font-size:13.5px;line-height:1.6;border:1.5px solid var(--line, #e6e9ee);background:#f7f9fb}.verify-box.pending{color:var(--brand-ink, #1f4fc7);background:var(--brand-soft);border-color:var(--brand-dim)}.verify-box.ok{color:var(--good-deep, #3a8a00);background:var(--good-soft, #eefae0);border-color:#b6e88a}.verify-box.warn{color:#9a6a00;background:#fff6e3;border-color:#ffd98a}.verify-box.bad{color:var(--again, #d33);background:#fdecec;border-color:#f6b9b9}.verify-votes{margin-top:8px;display:flex;flex-direction:column;gap:5px}.verify-vote{display:flex;align-items:baseline;gap:8px;font-size:12.5px}.vv-by{font-weight:700;min-width:42px;color:var(--ink, #2b3338)}.vv-ok{color:var(--good-deep, #3a8a00);font-weight:600}.vv-bad{color:var(--again, #d33);font-weight:600}.vv-reason{color:var(--muted, #8a939b);overflow:hidden;text-overflow:ellipsis}.tutor-sheet{max-height:86vh;display:flex;flex-direction:column}.tutor-q{font-size:14px;color:var(--ink, #2b3338);background:#f4f7fb;border-radius:12px;padding:10px 12px;margin-bottom:10px;line-height:1.5}.tutor-msgs{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:2px;min-height:80px;max-height:38vh}.tutor-bubble{border-radius:14px;padding:11px 13px;font-size:14.5px;line-height:1.65;white-space:pre-wrap}.tutor-bubble.ai{background:var(--brand-soft);border:1.5px solid var(--brand-dim);color:var(--ink, #2b3338)}.tutor-bubble.ai.dim{opacity:.65}.tutor-bubble.sys{align-self:flex-end;background:var(--brand, #2563EB);color:#fff;font-weight:700;font-size:13px;padding:7px 12px;border-radius:14px 14px 4px}.tutor-tools{border-top:1px solid var(--line, #e6e9ee);margin-top:12px;padding-top:12px}.tutor-similar{margin-top:14px}.tl-dots{display:inline-flex;gap:4px;align-items:center;vertical-align:middle;flex-wrap:wrap}.tl-dot{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}.tl-dot.ok{background:var(--good, #1f9d6b)}.tl-dot.bad{background:var(--again, #e0556b)}.mascot{-webkit-user-select:none;user-select:none;pointer-events:none;object-fit:contain}.linklike{background:none;border:none;padding:0;color:var(--brand, #2b6cb0);cursor:pointer;font-size:inherit;text-decoration:underline}:root{--font-display: "SF Pro Rounded", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;--m-study: #1cb0f6;--m-study-deep: #1492d6;--m-study-soft: #e1f3ff;--m-book: #ff5a5f;--m-book-deep: #e23b46;--m-book-soft: #ffe4e5;--m-practice: #ff9600;--m-practice-deep: #e07d00;--m-practice-soft: #ffeccd;--m-speed: #ffb800;--m-speed-deep: #e09e00;--m-speed-soft: #fff1c2;--m-set: #8794a6;--m-set-deep: #6c7889;--m-set-soft: #edf1f6;--m-grammar: #7c5cff;--m-grammar-deep: #5f43d6;--m-grammar-soft: #ece6ff;--m-reading: #ff7a3d;--m-reading-deep: #e0611f;--m-reading-soft: #ffe6d8;--m-basics: #12c2a0;--m-basics-deep: #0fa386;--m-basics-soft: #d4f6ee;--m-wrong: #ff5a5f;--m-wrong-deep: #e23b46;--m-wrong-soft: #ffe4e5}h1,h2,.brand,.stat .num,.combo-badge{font-family:var(--font-display)}h1{font-size:27px;letter-spacing:-.2px}button.btn{font-family:var(--font-display);border-radius:18px;background:linear-gradient(180deg,#ffffff47,#fff0 52%),var(--brand);box-shadow:0 6px 0 var(--brand-deep),0 11px 18px #1482dc38;letter-spacing:.4px;transition:transform .08s cubic-bezier(.34,1.56,.64,1),box-shadow .08s ease,filter .15s}button.btn:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 7px 0 var(--brand-deep),0 14px 22px #1482dc42}button.btn:active{transform:translateY(6px);box-shadow:0 0 0 var(--brand-deep),0 2px 6px #1482dc2e}button.btn.ghost{background:linear-gradient(180deg,#fff,#f6fafe);box-shadow:0 5px 0 var(--line-strong),0 8px 14px #1a569412}button.btn.ghost:hover{transform:translateY(-1px);box-shadow:0 6px 0 var(--line-strong),0 11px 18px #1a56941a}button.btn.ghost:active{transform:translateY(5px);box-shadow:0 0 0 var(--line-strong)}button.btn.sm{border-radius:13px;box-shadow:0 4px 0 var(--brand-deep),0 6px 10px #1482dc2e}button.btn.sm.ghost{box-shadow:0 4px 0 var(--line-strong),0 6px 10px #1a56940f}button.btn.sm:active{transform:translateY(4px);box-shadow:0 0 0 var(--brand-deep)}.card{background:linear-gradient(180deg,#fff,#fbfdff);border-radius:22px;box-shadow:0 2px 0 var(--line-strong),0 10px 26px #1a569412}.practice-card{position:relative;border-radius:20px;border:1.5px solid var(--line);background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:inset 6px 0 0 var(--accent, var(--brand)),0 3px 0 var(--line-strong),0 8px 20px #1a56940f;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .12s ease,border-color .12s;padding-left:22px}.practice-card:hover{transform:translateY(-3px);border-color:var(--accent, var(--brand-dim));box-shadow:inset 6px 0 0 var(--accent, var(--brand)),0 6px 0 var(--line-strong),0 16px 30px #1a56941f}.practice-card:active{transform:translateY(0);box-shadow:inset 6px 0 0 var(--accent, var(--brand)),0 2px 0 var(--line-strong),0 6px 14px #1a569414}.practice-card.soon{opacity:.6;box-shadow:inset 6px 0 0 var(--line-strong)}.practice-card[class*=accent-] .row:not(.between)>span:first-child,.practice-card.has-badge .row:not(.between)>span:first-child{width:48px;height:48px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;font-size:26px!important;background:var(--accent-soft, var(--brand-soft));box-shadow:inset 0 0 0 1.5px #ffffffb3,0 2px 6px #1a56941a}.practice-card[class*=accent-] .row:not(.between)>span.ipa:first-child,.practice-card.has-badge .row:not(.between)>span.ipa:first-child{width:58px;height:48px;font-size:15px!important;line-height:1.08;white-space:normal;text-align:center;letter-spacing:-.2px;padding:2px;overflow:hidden}.practice-card[class*=accent-] .row:not(.between)>span.tier-badge:first-child,.practice-card.has-badge .row:not(.between)>span.tier-badge:first-child{width:46px;height:46px;border-radius:13px;font-size:14px!important;font-weight:800;color:#fff;line-height:1;letter-spacing:0;padding:0}.practice-card .scope-caret{color:var(--accent, var(--brand-ink))}.accent-study{--accent: var(--m-study);--accent-deep: var(--m-study-deep);--accent-soft: var(--m-study-soft)}.accent-book{--accent: var(--m-book);--accent-deep: var(--m-book-deep);--accent-soft: var(--m-book-soft)}.accent-practice{--accent: var(--m-practice);--accent-deep: var(--m-practice-deep);--accent-soft: var(--m-practice-soft)}.accent-speed{--accent: var(--m-speed);--accent-deep: var(--m-speed-deep);--accent-soft: var(--m-speed-soft)}.accent-grammar{--accent: var(--m-grammar);--accent-deep: var(--m-grammar-deep);--accent-soft: var(--m-grammar-soft)}.accent-reading{--accent: var(--m-reading);--accent-deep: var(--m-reading-deep);--accent-soft: var(--m-reading-soft)}.accent-basics{--accent: var(--m-basics);--accent-deep: var(--m-basics-deep);--accent-soft: var(--m-basics-soft)}.accent-wrong{--accent: var(--m-wrong);--accent-deep: var(--m-wrong-deep);--accent-soft: var(--m-wrong-soft)}.section-head{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:800;font-size:13.5px;color:var(--text);letter-spacing:.2px;margin:18px 2px 9px}.section-head:before{content:"";width:4px;height:15px;border-radius:3px;background:var(--accent, var(--brand))}.stat{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 2px 0 var(--line-strong),0 8px 18px #1a56940f}.stat:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--brand-dim)}.stat .num.good{color:var(--good-deep)}.stat:has(.good):before{background:var(--good)}.stat .num.again{color:var(--again)}.stat:has(.again):before{background:var(--again)}.bar,.mbar{height:13px;border-radius:999px;background:#e9eef5;box-shadow:inset 0 1.5px 3px #1a56941a}.bar>span{border-radius:999px;background:linear-gradient(180deg,#ffffff59,#fff0 60%),var(--brand);box-shadow:inset 0 0 0 1px #ffffff40}.tabbar{border-top:1px solid var(--line);box-shadow:0 -6px 20px #1a56940f}.tabbar button{gap:5px;padding-top:8px}.tabbar button .ico{font-size:20px;width:50px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;transition:background .18s,transform .18s cubic-bezier(.34,1.56,.64,1)}.tabbar button.active .ico{transform:translateY(-1px) scale(1.06)}.tabbar button:nth-child(1).active{color:var(--m-study)}.tabbar button:nth-child(1).active .ico{background:var(--m-study-soft)}.tabbar button:nth-child(2).active{color:var(--m-book)}.tabbar button:nth-child(2).active .ico{background:var(--m-book-soft)}.tabbar button:nth-child(3).active{color:var(--m-speed-deep)}.tabbar button:nth-child(3).active .ico{background:var(--m-speed-soft)}.tabbar button:nth-child(4).active{color:var(--m-practice-deep)}.tabbar button:nth-child(4).active .ico{background:var(--m-practice-soft)}.tabbar button:nth-child(5).active{color:var(--m-set-deep)}.tabbar button:nth-child(5).active .ico{background:var(--m-set-soft)}.panel{border-radius:22px;padding:15px 16px 14px;margin-bottom:16px;background:var(--panel-bg, linear-gradient(180deg,#ffffff,#fbfdff));border:1.6px solid var(--panel-border, var(--line));box-shadow:0 2px #1a56940d,0 10px 24px #1a56940f}.panel-title{font-family:var(--font-display);font-weight:800;font-size:16.5px;color:var(--panel-ink, var(--text));letter-spacing:.2px}.panel-sub{font-size:12.5px;color:var(--panel-sub-c, #6f7d8f);margin:4px 0 13px;line-height:1.55}.tint-study{--panel-bg: linear-gradient(180deg,#e8f4ff,#f4faff 72%);--panel-border:#c5e4fb;--panel-ink:#0b6fa6;--panel-sub-c:#3f7ba5}.tint-speed{--panel-bg: linear-gradient(180deg,#fff4d2,#fffdf2 74%);--panel-border:#f0da90;--panel-ink:#946400;--panel-sub-c:#876619}.tint-import{--panel-bg: linear-gradient(180deg,#eafaef,#f6fdf8 74%);--panel-border:#c6e8ce;--panel-ink:#1b884c;--panel-sub-c:#3f8a5f}.tint-list{--panel-bg: linear-gradient(180deg,#e7fbf4,#f5fdfb 74%);--panel-border:#bbe8da;--panel-ink:#0e8f76;--panel-sub-c:#3a8d7c}.card.tint-study,.card.tint-speed,.card.tint-import,.card.tint-list{background:var(--panel-bg);border-color:var(--panel-border)}.section-intro{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:10px 14px;border:1px solid #dbe9f6;border-radius:14px;background:linear-gradient(90deg,#f2f8ff,#fff);color:#49657e}.section-intro strong{color:#153c5a;white-space:nowrap}.section-intro span{font-size:13px;line-height:1.45}.grade-guide--controls{display:grid;grid-template-columns:minmax(180px,1fr) repeat(2,minmax(150px,.8fr));gap:12px;align-items:end}.study-top-controls{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(270px,.8fr);gap:12px;align-items:stretch;margin-bottom:12px}.study-dashboard>.study-top-controls,.study-dashboard>.section-intro{grid-column:1/-1}.study-top-controls>.grade-guide--controls,.study-top-controls>.scope-card{grid-column:auto;margin:0;height:100%}.study-top-controls>.scope-card{display:flex;align-items:stretch}.study-top-controls>.scope-card .scope-head{width:100%}.grade-guide--controls .grade-guide-note,.grade-guide--controls .grade-guide-confirm,.grade-guide--controls .grade-guide-mode-choices{grid-column:1/-1}.grade-guide-mode-current{display:flex;min-height:45px;flex-direction:column;justify-content:center;gap:2px;padding:7px 11px;border:1px solid #cfe4f5;border-radius:12px;background:#f3f9ff}.grade-guide-mode-current span{color:#668096;font-size:11px;font-weight:700}.grade-guide-mode-current strong{color:#123f61;font-size:14px}.mode-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.mode-choice{min-width:0;padding:10px 11px;border:1.5px solid #d5e4ef;border-radius:13px;background:#fff;color:#48657a;text-align:left;line-height:1.35;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s}.mode-choice strong,.mode-choice span,.mode-choice small{display:block;overflow-wrap:anywhere}.mode-choice strong{color:#183f5d;font-size:13px}.mode-choice span{margin-top:4px;font-size:11.5px;font-weight:700}.mode-choice small{margin-top:3px;color:#70869a;font-size:10.5px}.mode-choice.is-current{border-color:#21a8d7;background:linear-gradient(145deg,#e8f8ff,#fffdf3);box-shadow:0 5px 14px #188bb81f}.mode-choice.is-current:before{content:"当前";display:inline-block;margin:0 5px 5px 0;padding:2px 6px;border-radius:999px;background:#18a8d8;color:#fff;font-size:10px;font-weight:800}.mode-choice:active{transform:translateY(1px)}.grade-guide-mode-info,.mode-explain-card{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 12px;padding:10px 13px;border:1px solid #cfe4f5;border-radius:13px;background:linear-gradient(90deg,#edf8ff,#fffdf5);color:#43657d}.grade-guide-mode-info strong,.mode-explain-card strong{color:#123f61}.grade-guide-mode-info span,.mode-explain-card span{font-size:13px;font-weight:700}.grade-guide-mode-info small,.mode-explain-card small{width:100%;line-height:1.45;color:#648096}.cognition-app{min-height:100dvh;background:radial-gradient(circle at 80% 10%,#dff6ff 0,transparent 34%),linear-gradient(180deg,#f3f9ff,#fffaf2)}.cognition-content{width:min(900px,100%);margin:0 auto;padding:22px 18px 40px}.cognition-card{max-width:760px;margin:18px auto 0;padding:clamp(20px,4vw,38px);text-align:center;border:1px solid #cde4f4;box-shadow:0 16px 38px #266a971f}.cognition-card h1{font-size:clamp(42px,7vw,72px);margin:8px 0 4px;font-family:Georgia,serif}.cognition-card h2{font-size:clamp(30px,5vw,48px);margin:8px 0;font-family:Georgia,serif}.cognition-kicker{color:#1687a7;font-weight:800;letter-spacing:.08em}.cognition-pron{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:8px 0 14px}.cognition-meaning,.cognition-example{margin:16px auto;padding:14px 16px;border-radius:14px;background:#eef8ff;line-height:1.65;text-align:left}.cognition-meaning small{display:block;margin-bottom:5px;color:#648096;font-size:12px;font-weight:800}.cognition-meaning span{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.cognition-full-mnemonic{display:grid;gap:5px}.cognition-full-mnemonic b{color:#147c9f;font-size:13px}.cognition-action-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:12px;margin-top:14px}.cognition-listen{width:auto;margin:0 auto 14px}.cognition-recognition-note{margin:10px auto 14px;padding:10px 13px;border:1px solid #f0d287;border-radius:12px;background:#fff8df;color:#806323;font-size:13px;font-weight:700}.cognition-answer-slots,.cognition-pieces{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0}.cognition-answer-slots button,.cognition-pieces button{min-width:64px;min-height:52px;padding:10px 15px;border-radius:13px;border:2px solid #bee1f4;background:#fff;color:#17354e;font-size:22px;font-weight:800}.cognition-answer-slots button.filled{background:#e2f7ef;border-color:#67c7a5}.cognition-pieces button:disabled{opacity:.28}.cognition-cues{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.cognition-cues button{min-height:68px;padding:12px 14px;border:2px solid #d7e4ef;border-radius:14px;background:#fff;text-align:left;line-height:1.5}.cognition-cues button.correct{border-color:#55bd84;background:#e9f9ef}.cognition-cues button.wrong{border-color:#ef8a8a;background:#fff0f0}@media (max-width:900px){.study-top-controls{grid-template-columns:1fr}}@media (max-width:700px){.grade-guide--controls{grid-template-columns:1fr 1fr}.grade-guide--controls .grade-guide-copy{grid-column:1/-1}.mode-choice-grid,.cognition-cues,.cognition-action-grid{grid-template-columns:1fr}.section-intro{align-items:flex-start;flex-direction:column;gap:3px}.scope-picker-overlay{place-items:end center;padding:0}.scope-picker-dialog{width:100%;max-height:88dvh;border-radius:22px 22px 0 0}.scope-picker-dialog-body{padding:15px 14px 18px}.scope-picker-dialog-head,.scope-picker-dialog-foot{padding:13px 15px}.scope-mode-seg{top:-15px;display:grid;grid-template-columns:1fr}.scope-picker-dialog-body .seg.wrap{max-height:240px;overflow:auto}.scope-picker-dialog-foot span{display:none}}.panel .stat-grid{margin-bottom:13px}.panel>.btn:last-child{margin-bottom:0!important}button.btn{white-space:nowrap}.practice-card{-webkit-appearance:none;-moz-appearance:none;appearance:none}.practice-card>div{width:100%}.vb-head{flex-wrap:wrap;gap:4px 8px}.vb-head .en{min-width:0}.vb-head>.row{flex-shrink:0;margin-left:auto}.vb-head>.row .btn{flex:none}.phon{white-space:nowrap}.cp-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0f172ac7;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:center;padding:16px;animation:cpIn .18s ease-out}@keyframes cpIn{0%{opacity:0}to{opacity:1}}.cp-card{background:#fff;border-radius:16px;width:min(460px,96vw);max-height:88vh;overflow:auto;padding:18px 18px 20px;box-shadow:0 18px 50px #0f172a4d}.cp-tag{display:inline-block;background:linear-gradient(135deg,#eef4ff,#f6faff);color:var(--brand);font-weight:800;font-size:14px;padding:5px 12px;border-radius:999px}.cp-idx{color:var(--muted);font-weight:600;font-size:12.5px}.cp-hint{color:var(--muted);font-size:12.5px;margin:8px 2px 4px}.cp-stem{font-size:17px;font-weight:600;line-height:1.5;margin:10px 2px 14px}.cp-opts{display:flex;flex-direction:column;gap:8px}.cp-opt{text-align:left;background:#fff;border:1.5px solid var(--line, #e5e9f2);border-radius:11px;padding:11px 13px;font-size:15px;cursor:pointer;transition:border-color .12s,background .12s}.cp-opt b{margin-right:6px;color:var(--muted)}@media (hover: hover){.cp-opt:hover:not(:disabled){border-color:var(--brand)}}.cp-opt:disabled{cursor:default}.cp-opt.correct{background:#e8f7ee;border-color:#16a34a;color:#15803d;font-weight:700}.cp-opt.correct b{color:#15803d}.cp-opt.wrong{background:#fdecec;border-color:#dc2626;color:#b91c1c;font-weight:700}.cp-opt.wrong b{color:#b91c1c}.cp-fb{margin-top:14px}.cp-fb .cp-right{font-weight:800;color:var(--good, #16a34a)}.cp-fb .cp-wrong{font-weight:800;color:var(--again, #dc2626)}.cp-expl{background:#f2f7ff;border-radius:10px;padding:9px 12px;margin-top:8px;font-size:13.5px;color:#33507a;line-height:1.55}.ti-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:18px;animation:cpIn .18s ease-out}.ti-card{background:#fff;border-radius:18px;width:min(420px,94vw);overflow:hidden;box-shadow:0 20px 55px #0f172a59;border-top:6px solid var(--brand)}.ti-card.call{border-top-color:#dc2626}.ti-top{display:flex;gap:12px;align-items:center;padding:18px 18px 10px}.ti-face{width:56px;height:56px;border-radius:50%;object-fit:cover;background:#eef4ff;border:2px solid #dbe7ff;flex:none}.ti-card.call .ti-face{background:#fee2e2;border-color:#fca5a5}.ti-title{font-size:18px;font-weight:800}.ti-card.call .ti-title{color:#dc2626}.ti-sub{font-size:12.5px;color:var(--muted);margin-top:2px}.ti-body{padding:4px 18px 6px}.ti-msg{background:#f5f8ff;border-radius:12px;padding:12px 14px;font-size:16px;line-height:1.55;margin-bottom:8px}.ti-card.call .ti-msg{background:#fef2f2}.ti-from{font-size:12px;color:var(--muted);margin-top:6px;text-align:right}.ti-ok{margin:8px 18px 18px;width:calc(100% - 36px);padding:13px;font-size:16px;font-weight:700}.reading-annotation{position:relative}.ra-toolbar{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#f0f4f7;border-radius:8px;margin-bottom:8px;font-size:14px;flex-wrap:wrap;user-select:none;-webkit-user-select:none}.ra-sep{width:1px;height:26px;background:#c5d2db;margin:0 2px}.ra-group-label{font-size:12px;color:#4a5d6e;font-weight:600;margin-right:2px;white-space:nowrap}.ra-color-btn{height:44px;min-width:52px;border-radius:22px;border:2px solid #c5d2db;background:#fff;color:#315169;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;padding:0 10px;font-size:15px;font-weight:600;transition:border-color .15s,transform .1s}.ra-color-btn:active{transform:scale(.94)}.ra-color-btn.active{border-color:#315169;background:#e8f0f5}.ra-color-dot{width:20px;height:20px;border-radius:50%;flex:none}.ra-btn-label{line-height:1}.ra-tool-btn{height:44px;min-width:44px;border-radius:8px;border:1.5px solid #c5d2db;background:#fff;color:#315169;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 12px}.ra-tool-btn:active{background:#dce5eb}.ra-tool-btn.active{background:#315169;color:#fff;border-color:#315169}.ra-tool-btn:disabled{opacity:.4;cursor:default}.ra-danger{color:#c62828;border-color:#e0b4b4}.ra-collapse{margin-left:auto;border:none;background:none;font-size:15px;color:#8fa6b5}.ra-tool-btn.bracket{font-size:22px;font-weight:700;padding:0 14px}.ra-expand{height:44px;padding:0 14px;border-radius:8px;border:1.5px solid #c5d2db;background:#fff;font-size:15px;font-weight:600;color:#315169;cursor:pointer;margin-bottom:8px}.ra-container{position:relative;line-height:1.9;color:var(--text, #1d2934);font-weight:500;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.ra-container.ra-draw-cursor{cursor:crosshair}.ra-text-layer{position:relative;z-index:1;pointer-events:none}.ra-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;touch-action:none}.ra-canvas-live{cursor:crosshair}.ra-canvas-passive{pointer-events:none}.ra-bracket-char{font-weight:700;font-size:1.15em;color:#e65100}.ra-mode-hint{font-size:13px;color:#e65100;font-weight:600;min-height:21px;line-height:21px;padding:0;margin:0 0 4px}.ra-toast{position:absolute;top:56px;left:50%;transform:translate(-50%);background:#142d40e0;color:#fff;padding:6px 16px;border-radius:6px;font-size:13px;pointer-events:none;z-index:10;white-space:nowrap}@media (max-width: 480px){.ra-toolbar{gap:4px;padding:4px 6px}.ra-color-btn{min-width:46px;padding:0 8px}.ra-tool-btn{padding:0 10px}}.ra-question{margin:10px 0 0;padding:10px 14px;background:#f0f4f7;border-left:4px solid #315169;border-radius:6px;font-size:16px;font-weight:600;color:#1d2934;line-height:1.6}.pw-pressable{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.pw-note{margin-top:8px}