:root{--r-brand-latin-x:2.21%;--r-brand-latin-y:2.44%;--r-brand-latin-w:31.25%;--r-brand-latin-h:5.96%;--r-brand-latin-cap:53px;--r-brand-latin-font:76px;--r-brand-latin-family:"LXGW WenKai Mono TC";--r-brand-latin-weight:300;--r-brand-chinese-x:36.2%;--r-brand-chinese-y:2.15%;--r-brand-chinese-w:17.32%;--r-brand-chinese-h:6.25%;--r-brand-chinese-cap:52px;--r-brand-chinese-font:74px;--r-save-x:73.05%;--r-save-y:2.83%;--r-save-w:11.52%;--r-save-h:5.57%;--r-sync-x:85.35%;--r-sync-y:2.83%;--r-sync-w:12.7%;--r-sync-h:5.57%;--r-mode-a-x:2.21%;--r-mode-a-y:11.33%;--r-mode-a-w:14.0%;--r-mode-a-h:5.47%;--r-mode-b-x:2.21%;--r-mode-b-y:16.89%;--r-mode-b-w:14.0%;--r-mode-b-h:4.79%;--r-track-1-x:18.68%;--r-track-1-y:12.7%;--r-track-1-w:25.52%;--r-track-1-h:8.2%;--r-track-2-x:44.6%;--r-track-2-y:13.28%;--r-track-2-w:21.81%;--r-track-2-h:7.91%;--r-track-3-x:66.73%;--r-track-3-y:13.28%;--r-track-3-w:19.4%;--r-track-3-h:7.91%;--r-all-tracks-x:87.24%;--r-all-tracks-y:12.7%;--r-all-tracks-w:11.13%;--r-all-tracks-h:8.5%;--r-current-tag-x:2.67%;--r-current-tag-y:26.46%;--r-current-tag-w:5.66%;--r-current-tag-h:2.15%;--r-current-tag-cap:19px;--r-current-tag-font:27px;--r-lesson-heading-x:2.6%;--r-lesson-heading-y:29.59%;--r-lesson-heading-w:36.98%;--r-lesson-heading-h:3.71%;--r-lesson-heading-cap:32px;--r-lesson-heading-font:47px;--r-pairing-x:2.6%;--r-pairing-y:34.28%;--r-pairing-w:38.28%;--r-pairing-h:2.54%;--r-pairing-cap:21px;--r-pairing-font:31px;--r-player-x:2.47%;--r-player-y:38.09%;--r-player-w:44.14%;--r-player-h:6.84%;--r-speed-x:47.59%;--r-speed-y:37.99%;--r-speed-w:6.84%;--r-speed-h:6.84%;--r-ab-a-x:2.54%;--r-ab-a-y:46.19%;--r-ab-a-w:13.15%;--r-ab-a-h:4.88%;--r-ab-b-x:16.6%;--r-ab-b-y:46.19%;--r-ab-b-w:13.74%;--r-ab-b-h:4.88%;--r-repeat-x:32.03%;--r-repeat-y:46.19%;--r-repeat-w:10.87%;--r-repeat-h:4.88%;--r-fine-x:43.95%;--r-fine-y:46.19%;--r-fine-w:10.55%;--r-fine-h:4.88%;--r-question-count-x:2.67%;--r-question-count-y:54.3%;--r-question-count-w:3.91%;--r-question-count-h:2.64%;--r-question-count-cap:17px;--r-question-count-font:25px;--r-question-x:2.73%;--r-question-y:58.01%;--r-question-w:48.96%;--r-question-h:3.32%;--r-question-cap:24px;--r-question-font:35px;--r-answer-a-x:2.6%;--r-answer-a-y:62.99%;--r-answer-a-w:51.95%;--r-answer-a-h:4.3%;--r-answer-b-x:2.6%;--r-answer-b-y:67.48%;--r-answer-b-w:51.95%;--r-answer-b-h:4.1%;--r-answer-c-x:2.6%;--r-answer-c-y:71.97%;--r-answer-c-w:51.95%;--r-answer-c-h:4.1%;--r-answer-d-x:2.6%;--r-answer-d-y:76.46%;--r-answer-d-w:51.95%;--r-answer-d-h:4.1%;--r-submit-x:2.54%;--r-submit-y:82.03%;--r-submit-w:52.02%;--r-submit-h:6.15%;--r-reader-heading-x:57.75%;--r-reader-heading-y:26.66%;--r-reader-heading-w:23.5%;--r-reader-heading-h:2.64%;--r-reader-heading-cap:24px;--r-reader-heading-font:34px;--r-reader-toggle-x:89.52%;--r-reader-toggle-y:25.78%;--r-reader-toggle-w:8.72%;--r-reader-toggle-h:3.71%;--r-reader-hint-x:67.32%;--r-reader-hint-y:54.59%;--r-reader-hint-w:23.18%;--r-reader-hint-h:8.2%;--r-reader-hint-cap:26px;--r-reader-hint-font:37px;--r-budget-x:2.28%;--r-budget-y:91.8%;--r-budget-w:19.01%;--r-budget-h:4.88%;--r-actual-x:25.98%;--r-actual-y:91.8%;--r-actual-w:17.25%;--r-actual-h:4.88%;--r-words-x:67.19%;--r-words-y:92.29%;--r-words-w:13.15%;--r-words-h:4.0%;--r-clip-x:83.33%;--r-clip-y:91.21%;--r-clip-w:14.78%;--r-clip-h:5.66%;--r-paper-x:60.48%;--r-paper-y:36.13%;--r-paper-w:7.81%;--r-paper-h:2.15%;--r-blue-ink-x:3.13%;--r-blue-ink-y:82.91%;--r-blue-ink-w:5.21%;--r-blue-ink-h:3.91%;--r-frame-x:0.52%;--r-frame-y:0.68%;--r-frame-w:98.96%;--r-frame-h:98.44%;--r-header-rule-x:0.72%;--r-header-rule-y:9.47%;--r-header-rule-w:98.5%;--r-header-rule-h:1.27%;--r-track-rule-x:0.72%;--r-track-rule-y:22.46%;--r-track-rule-w:98.5%;--r-track-rule-h:1.37%;--r-work-rule-x:55.86%;--r-work-rule-y:24.02%;--r-work-rule-w:0.46%;--r-work-rule-h:65.72%;--r-question-rule-x:2.41%;--r-question-rule-y:52.54%;--r-question-rule-w:52.28%;--r-question-rule-h:0.68%;--r-footer-rule-x:0.78%;--r-footer-rule-y:89.45%;--r-footer-rule-w:98.24%;--r-footer-rule-h:1.07%;--r-red-strip-left-x:16.47%;--r-red-strip-left-y:10.84%;--r-red-strip-left-w:1.37%;--r-red-strip-left-h:11.23%;--r-red-strip-right-x:86.33%;--r-red-strip-right-y:10.84%;--r-red-strip-right-w:1.43%;--r-red-strip-right-h:11.23%}.comp-frame{aspect-ratio:1536/1024;width:100%;position:relative;overflow:hidden}.r-brand-latin{left:var(--r-brand-latin-x);top:var(--r-brand-latin-y);width:var(--r-brand-latin-w);height:var(--r-brand-latin-h);position:absolute}.r-brand-chinese{left:var(--r-brand-chinese-x);top:var(--r-brand-chinese-y);width:var(--r-brand-chinese-w);height:var(--r-brand-chinese-h);position:absolute}.r-save{left:var(--r-save-x);top:var(--r-save-y);width:var(--r-save-w);height:var(--r-save-h);position:absolute}.r-sync{left:var(--r-sync-x);top:var(--r-sync-y);width:var(--r-sync-w);height:var(--r-sync-h);position:absolute}.r-mode-a{left:var(--r-mode-a-x);top:var(--r-mode-a-y);width:var(--r-mode-a-w);height:var(--r-mode-a-h);position:absolute}.r-mode-b{left:var(--r-mode-b-x);top:var(--r-mode-b-y);width:var(--r-mode-b-w);height:var(--r-mode-b-h);position:absolute}.r-track-1{left:var(--r-track-1-x);top:var(--r-track-1-y);width:var(--r-track-1-w);height:var(--r-track-1-h);position:absolute}.r-track-2{left:var(--r-track-2-x);top:var(--r-track-2-y);width:var(--r-track-2-w);height:var(--r-track-2-h);position:absolute}.r-track-3{left:var(--r-track-3-x);top:var(--r-track-3-y);width:var(--r-track-3-w);height:var(--r-track-3-h);position:absolute}.r-all-tracks{left:var(--r-all-tracks-x);top:var(--r-all-tracks-y);width:var(--r-all-tracks-w);height:var(--r-all-tracks-h);position:absolute}.r-current-tag{left:var(--r-current-tag-x);top:var(--r-current-tag-y);width:var(--r-current-tag-w);height:var(--r-current-tag-h);position:absolute}.r-lesson-heading{left:var(--r-lesson-heading-x);top:var(--r-lesson-heading-y);width:var(--r-lesson-heading-w);height:var(--r-lesson-heading-h);position:absolute}.r-pairing{left:var(--r-pairing-x);top:var(--r-pairing-y);width:var(--r-pairing-w);height:var(--r-pairing-h);position:absolute}.r-player{left:var(--r-player-x);top:var(--r-player-y);width:var(--r-player-w);height:var(--r-player-h);position:absolute}.r-speed{left:var(--r-speed-x);top:var(--r-speed-y);width:var(--r-speed-w);height:var(--r-speed-h);position:absolute}.r-ab-a{left:var(--r-ab-a-x);top:var(--r-ab-a-y);width:var(--r-ab-a-w);height:var(--r-ab-a-h);position:absolute}.r-ab-b{left:var(--r-ab-b-x);top:var(--r-ab-b-y);width:var(--r-ab-b-w);height:var(--r-ab-b-h);position:absolute}.r-repeat{left:var(--r-repeat-x);top:var(--r-repeat-y);width:var(--r-repeat-w);height:var(--r-repeat-h);position:absolute}.r-fine{left:var(--r-fine-x);top:var(--r-fine-y);width:var(--r-fine-w);height:var(--r-fine-h);position:absolute}.r-question-count{left:var(--r-question-count-x);top:var(--r-question-count-y);width:var(--r-question-count-w);height:var(--r-question-count-h);position:absolute}.r-question{left:var(--r-question-x);top:var(--r-question-y);width:var(--r-question-w);height:var(--r-question-h);position:absolute}.r-answer-a{left:var(--r-answer-a-x);top:var(--r-answer-a-y);width:var(--r-answer-a-w);height:var(--r-answer-a-h);position:absolute}.r-answer-b{left:var(--r-answer-b-x);top:var(--r-answer-b-y);width:var(--r-answer-b-w);height:var(--r-answer-b-h);position:absolute}.r-answer-c{left:var(--r-answer-c-x);top:var(--r-answer-c-y);width:var(--r-answer-c-w);height:var(--r-answer-c-h);position:absolute}.r-answer-d{left:var(--r-answer-d-x);top:var(--r-answer-d-y);width:var(--r-answer-d-w);height:var(--r-answer-d-h);position:absolute}.r-submit{left:var(--r-submit-x);top:var(--r-submit-y);width:var(--r-submit-w);height:var(--r-submit-h);position:absolute}.r-reader-heading{left:var(--r-reader-heading-x);top:var(--r-reader-heading-y);width:var(--r-reader-heading-w);height:var(--r-reader-heading-h);position:absolute}.r-reader-toggle{left:var(--r-reader-toggle-x);top:var(--r-reader-toggle-y);width:var(--r-reader-toggle-w);height:var(--r-reader-toggle-h);position:absolute}.r-reader-hint{left:var(--r-reader-hint-x);top:var(--r-reader-hint-y);width:var(--r-reader-hint-w);height:var(--r-reader-hint-h);position:absolute}.r-budget{left:var(--r-budget-x);top:var(--r-budget-y);width:var(--r-budget-w);height:var(--r-budget-h);position:absolute}.r-actual{left:var(--r-actual-x);top:var(--r-actual-y);width:var(--r-actual-w);height:var(--r-actual-h);position:absolute}.r-words{left:var(--r-words-x);top:var(--r-words-y);width:var(--r-words-w);height:var(--r-words-h);position:absolute}.r-clip{left:var(--r-clip-x);top:var(--r-clip-y);width:var(--r-clip-w);height:var(--r-clip-h);position:absolute}.r-paper{left:var(--r-paper-x);top:var(--r-paper-y);width:var(--r-paper-w);height:var(--r-paper-h);position:absolute}.r-blue-ink{left:var(--r-blue-ink-x);top:var(--r-blue-ink-y);width:var(--r-blue-ink-w);height:var(--r-blue-ink-h);position:absolute}.r-frame{left:var(--r-frame-x);top:var(--r-frame-y);width:var(--r-frame-w);height:var(--r-frame-h);position:absolute}.r-header-rule{left:var(--r-header-rule-x);top:var(--r-header-rule-y);width:var(--r-header-rule-w);height:var(--r-header-rule-h);position:absolute}.r-track-rule{left:var(--r-track-rule-x);top:var(--r-track-rule-y);width:var(--r-track-rule-w);height:var(--r-track-rule-h);position:absolute}.r-work-rule{left:var(--r-work-rule-x);top:var(--r-work-rule-y);width:var(--r-work-rule-w);height:var(--r-work-rule-h);position:absolute}.r-question-rule{left:var(--r-question-rule-x);top:var(--r-question-rule-y);width:var(--r-question-rule-w);height:var(--r-question-rule-h);position:absolute}.r-footer-rule{left:var(--r-footer-rule-x);top:var(--r-footer-rule-y);width:var(--r-footer-rule-w);height:var(--r-footer-rule-h);position:absolute}.r-red-strip-left{left:var(--r-red-strip-left-x);top:var(--r-red-strip-left-y);width:var(--r-red-strip-left-w);height:var(--r-red-strip-left-h);position:absolute}.r-red-strip-right{left:var(--r-red-strip-right-x);top:var(--r-red-strip-right-y);width:var(--r-red-strip-right-w);height:var(--r-red-strip-right-h);position:absolute}@font-face{font-family:Inlay Hand;src:url(/fonts/PatrickHand-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Inlay Caps;src:url(/fonts/PatrickHandSC-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Inlay Chinese;src:url(/fonts/LXGWWenKai-Regular.woff2)format("woff2");font-weight:400;font-display:swap}:root{color:#1e3a8a;font-synthesis:none;--blue:#1e3a8a;--ink:#172e79;--muted:#536d9b;--line:#8f9fc2;--faint:#e7eaf0;--red:#b1303b;--red-dark:#8e2230;--green:#24624a;--surface:#f7f4e9;--radius:2px;--paper:url(/assets/inlay-paper.png);--pen:url(/assets/ballpoint-ink.png);--reading-line:40px;background:#f7f4e9;font-family:Inlay Hand,Inlay Chinese,sans-serif;font-size:20px}*{box-sizing:border-box}body{background-image:var(--paper);background-size:480px 176px;margin:0}#app{border:4px double var(--blue);background-image:var(--paper);outline-offset:-8px;outline:1px solid #284d974d;min-height:calc(100svh - 16px);margin:8px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:var(--blue);border:1.5px solid var(--blue);border-radius:var(--radius);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:7px 15px;line-height:1.35;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}button:hover{background-color:#dce4f24d}button:active{background-color:#ced9eb80}button:disabled{cursor:not-allowed;color:#56688b;border-color:#8d9ab8}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible,[tabindex="-1"]:focus-visible{outline-offset:4px;outline:3px solid #b1303b}::selection{color:#102d79;background:#cfdbef}input,textarea{caret-color:var(--blue);accent-color:var(--blue)}input[type=range]{cursor:pointer;min-width:30px;height:30px;accent-color:var(--blue);background:0 0;padding:0}input[type=radio],input[type=checkbox]{width:23px;height:23px;accent-color:var(--blue);flex:none;margin:0}input:not([type=radio]):not([type=checkbox]):not([type=range]),textarea,select{border:1px solid var(--blue);color:var(--ink);background-color:var(--surface);background-image:var(--paper);border-radius:2px;max-width:100%;min-height:44px;padding:9px}input::placeholder,textarea::placeholder{color:#687da2;opacity:1}textarea{resize:vertical;width:100%}p{line-height:1.6}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong,b{font-weight:400}h1{color:var(--ink);text-wrap:balance;margin-bottom:0;font-size:clamp(25px,2.48vw,38px);line-height:1.35}h2{margin-bottom:16px;font-size:27px;line-height:1.45}h3{font-size:23px}a{color:var(--blue)}small{font-size:16px;line-height:1.5}svg{vertical-align:middle;flex:none;width:24px;height:24px}button svg{width:25px;height:25px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}.topbar{border-bottom:6px double var(--blue);align-items:center;gap:20px;height:96px;padding:6px 25px 8px;display:flex}.brand{white-space:nowrap;align-items:baseline;gap:21px;line-height:1;text-decoration:none;display:flex}.brand-en{letter-spacing:2px;font-family:Inlay Caps,sans-serif;font-size:clamp(38px,5.27vw,81px)}.brand-cn{letter-spacing:2px;font-family:Inlay Chinese,sans-serif;font-size:clamp(28px,3.92vw,60px)}.brand-slash{font-size:64px}.header-actions{gap:24px;margin-left:auto;display:flex}.header-actions button{white-space:nowrap;min-height:55px;padding:6px 17px;font-size:clamp(18px,1.76vw,27px)}.header-actions button:first-child{color:var(--red);border-color:var(--red)}.header-actions svg{width:27px;height:27px}.sidebar{border-bottom:7px double var(--blue);grid-template-columns:minmax(170px,220px) minmax(0,1fr) minmax(130px,170px);align-items:stretch;gap:20px;min-width:0;height:136px;padding:8px 16px 8px 20px;display:grid}.side-switch{border-right:5px double var(--red);grid-template-rows:1fr 1fr;padding-right:20px;display:grid}.side-switch button{white-space:nowrap;letter-spacing:.03em;border-radius:0;grid-template-columns:1fr 1fr;gap:0;min-width:0;min-height:44px;padding:0;font-size:clamp(19px,2.08vw,32px);display:grid}.side-switch button+button{border-top:0}.side-letter{justify-content:center;align-self:stretch;align-items:center;min-width:0;padding:0 8px;display:flex}.side-switch .selected .side-letter{background-image:var(--pen);color:#fffdf3;background-size:160px 80px}.selected{color:var(--blue);outline:1px solid var(--blue);outline-offset:-4px}.tracklist{scrollbar-color:#8ca0c5 #eee9d9;scrollbar-width:thin;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:10px;min-width:0;display:grid;overflow-x:auto}.track{border:0;border-bottom:1px solid var(--line);text-align:left;border-radius:0;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-content:center;gap:0 9px;width:100%;min-width:0;min-height:84px;padding:5px 8px 0;font-size:clamp(17px,1.56vw,24px);display:grid;position:relative}.track.active{background-color:#7b95bb0b;border:1px solid #687dad}.track-num{font-variant-numeric:tabular-nums;align-self:start;font-family:Inlay Hand,sans-serif;font-size:1.08em;line-height:1.35}.track.active .track-num:before{content:"";border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:12px solid var(--red);margin-right:5px;display:inline-block}.track-label{overflow-wrap:anywhere;min-width:0;line-height:1.45}.track-label small{display:none}.track-state{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);border-top:1px solid #8f9fc252;grid-column:1/-1;margin-top:3px;padding:2px 5px 0;font-size:.9em;line-height:1.45;display:block}.all-tracks{border:0;border-left:5px double var(--red);border-radius:0;flex-direction:column;align-self:stretch;gap:0;min-width:0;padding:0 8px 0 18px;font-size:clamp(18px,1.95vw,30px);display:flex}.all-count{align-items:center;gap:14px;display:flex}.all-count svg{width:25px}.sidebar:has(.all-tracks[data-expanded=true]) .tracklist{grid-template-columns:none;grid-auto-columns:minmax(240px,1fr);grid-auto-flow:column}.app-layout{grid-template-columns:56% 44%;min-height:674px;display:grid}.work{outline:none;min-width:0;padding:23px 25px 20px}.lesson-heading{margin-bottom:0;position:relative}.study-tag{color:var(--blue);border:1px solid #b1303b6b;border-radius:3px;margin:0 0 2px;padding:3px 5px;font-size:22px;line-height:1;display:inline-block}.lesson-heading h1{white-space:nowrap;text-wrap:initial;margin:0}.pairing-state{color:var(--muted);margin:0 0 10px;font-size:clamp(16px,1.56vw,24px);line-height:1.5}.compact-reading{display:none}.transport{border:1.5px solid var(--blue);border-radius:2px;align-items:center;gap:18px;min-height:70px;margin-right:121px;padding:7px 14px;display:flex;position:relative}.transport .play{border:0;min-width:45px;min-height:44px;padding:0}.play svg{width:38px;height:38px}.audio-time{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(17px,1.76vw,27px)}.transport input[type=range]{flex:1;width:60px;min-width:35px}.icon-button{border:0;min-width:40px;min-height:40px;padding:5px}.transport .icon-button svg{width:27px;height:27px}.transport select{text-align:center;width:105px;height:70px;padding:6px;font-size:27px;position:absolute;top:-1.5px;right:-121px}.ab-controls{grid-template-columns:1.2fr 1.2fr 1fr 1fr;align-items:start;gap:13px;margin-top:12px;display:grid}.ab-controls>button,.fine-adjust>summary{white-space:nowrap;gap:8px;min-height:52px;padding:5px 9px;font-size:clamp(16px,1.56vw,24px)}.ab-controls button span[id]{font-variant-numeric:tabular-nums;font-family:Inlay Hand;font-size:1em}.key{color:var(--red);font-family:Inlay Hand;font-size:1.35em;line-height:1}.fine-adjust{min-width:0;margin:0}.fine-adjust summary{border:1.5px solid var(--blue);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;line-height:1.3;list-style:none;display:flex}.fine-adjust summary::-webkit-details-marker{display:none}.fine-adjust summary:before{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:7px solid var(--blue);display:inline-block}.fine-adjust[open]>summary{justify-content:flex-start}.fine-adjust[open]>summary:before{transform:rotate(90deg)}.inline-fields{flex-wrap:wrap;align-items:flex-end;gap:15px;padding:16px 0;display:flex}.inline-fields label{font-size:17px}.inline-fields input{width:125px;margin-top:5px;display:block}.field-error{color:var(--red);margin:14px 0 0;font-size:17px}.question{border-top:4px double var(--blue);margin-top:17px;padding-top:8px}.question-counter{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:6px;display:flex}.question-counter h2{text-wrap:pretty;order:2;max-width:100%;margin:0;font-size:clamp(21px,2.08vw,32px);line-height:1.28}.question-counter>span{color:var(--muted);font-variant-numeric:tabular-nums;order:1;font-size:24px;line-height:1.4}.options{border:0;flex-direction:column;margin:0;padding:0;display:flex}.answer-option{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:18px;min-height:46px;padding:1px 15px;font-size:clamp(21px,1.95vw,30px);line-height:1.35;transition:background-color .15s;display:flex}.answer-option input[type=radio]{width:27px;height:27px}.answer-option:hover,.answer-option.chosen{background-color:#6b86c51a}.answer-option.correct{color:#1c5942;border-color:var(--green);background-color:#24624a10}.question-actions{flex-wrap:wrap;align-items:center;gap:15px;margin-top:15px;display:flex}.primary{background-image:var(--pen);color:#fffdf3;border-color:var(--blue);background-size:160px 80px;min-height:50px;padding:10px 20px}.primary:hover{color:#fff;background-color:var(--blue);background-blend-mode:multiply}.primary:disabled{color:#fffdf3;border-color:var(--blue);opacity:.8}.question-actions>.primary{width:100%;min-height:62px;font-size:34px;line-height:1.2}.feedback{color:var(--red);margin:0;font-size:22px}.feedback.good{color:var(--green)}.feedback small{color:var(--muted);margin-top:5px;font-size:16px;display:block}.reader{border-left:4px double var(--blue);flex-direction:column;min-width:0;display:flex}.reader-top{justify-content:space-between;align-items:center;gap:15px;min-height:69px;padding:14px 17px 8px;display:flex}.reader-top h2{white-space:nowrap;margin:0;font-size:clamp(20px,1.95vw,30px);line-height:1.3}.reader-top h2 span{letter-spacing:.035em;font-family:Inlay Caps;font-size:1em}.reader-top button{white-space:nowrap;min-height:42px;padding:5px 13px;font-size:clamp(17px,1.63vw,25px)}.reader-empty,.transcript,.reference-body{border-top:1px solid var(--line);background-image:repeating-linear-gradient(#0000 0 39px,#6b86c542 39px 40px);background-size:100% 40px;margin:0 16px 12px;position:relative}.reader-empty{text-align:center;min-height:530px;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:25px 22px 25px 35px;display:flex}.reader-empty:before,.transcript:before{content:"";pointer-events:none;border-left:1px solid #b1303b66;position:absolute;inset:0 auto 0 14px}.reader-empty p{margin:0;font-size:clamp(21px,1.95vw,30px);line-height:1.75}.short-rule{display:none}.transcript{scrollbar-width:thin;scrollbar-color:#6982b3 #efebdf;max-height:650px;padding:16px 20px 20px 34px;overflow:auto}.source-note{color:var(--muted);margin-bottom:20px;font-size:17px;line-height:1.6}.transcript-segment{margin-bottom:20px}.transcript-segment p{max-width:70ch;margin:0;font-size:24px;line-height:40px}.speaker{color:var(--muted);font-size:16px}.source-issue{color:#8b4626;padding-top:6px;font-size:16px;display:block}.return-reading{display:none}.bottom-tools{border-top:6px double var(--blue);align-items:center;gap:24px;min-height:90px;padding:8px 20px;display:flex}.budget-control,.actual-control{border:0;border-right:1px solid var(--blue);white-space:nowrap;text-align:left;border-radius:0;justify-content:flex-start;gap:14px;min-height:62px;padding:0 25px 0 3px;display:flex}.budget-control>span:first-child,.actual-control>span:first-child{font-size:24px;line-height:1.2}.budget-control small,.actual-control small{letter-spacing:.04em;font-family:Inlay Caps;font-size:20px;line-height:1.3;display:block}.budget-control strong,.actual-control strong{font-variant-numeric:tabular-nums;font-family:Inlay Hand;font-size:49px;line-height:1.1}.budget-control>span:last-child{font-size:22px}.actual-control .timer-state{flex-direction:column;align-items:center;gap:2px;font-size:12px;line-height:1.3;display:flex}.timer-state svg{width:18px;height:18px}.footer-review{margin-left:auto}.text-button{text-align:left;border:0;justify-content:flex-start;min-height:40px;padding:7px 0}.text-button:hover{text-underline-offset:4px;background:0 0;text-decoration:underline}.footer-review button{white-space:nowrap;font-size:24px}.footer-review svg{width:30px;height:30px}.clip-control{color:var(--red);border-color:var(--red);white-space:nowrap;min-height:57px;font-size:clamp(18px,1.76vw,27px)}.clip-control svg{width:27px;height:27px}.timer-explanation{font-weight:400}:root{--paper:url(/assets/inlay-paper.png?v=0.2.0);--pen:url(/assets/ballpoint-ink.png?v=0.2.0)}.topbar{padding-right:18px}.header-actions{gap:14px}.header-actions button:first-child{width:177px}.header-actions button:last-child{width:195px}.sidebar{grid-template-columns:minmax(170px,240px) minmax(0,1fr) minmax(130px,170px);gap:15px}.side-switch{border:0;padding-right:22px;position:relative}.tracklist{grid-template-columns:1.17fr 1fr .9fr}.track{padding-left:16px}.all-tracks{border:0;padding-left:22px;position:relative}.cassette-bars{pointer-events:none;align-items:stretch;gap:4px;width:19px;display:flex;position:absolute;top:0;bottom:0;right:0}.cassette-bars i{background-color:#c2414a;background-image:var(--pen);background-blend-mode:luminosity;background-size:160px 80px;width:2px;display:block}.all-tracks>.cassette-bars{left:0;right:auto}.work{padding-bottom:12px}.question-counter>span{font-size:27px;line-height:1.2}.question-counter h2{letter-spacing:.8px;font-size:clamp(23px,2.41vw,37px);line-height:1.2}.answer-option{letter-spacing:.8px;gap:22px;padding-left:29px;font-size:clamp(22px,2.15vw,33px);line-height:1.25}.answer-option span:nth-child(2){min-width:24px}.answer-option input[type=radio]{appearance:none;border:1.5px solid var(--blue);background:0 0;border-radius:50%;place-content:center;display:grid}.answer-option input[type=radio]:checked:before{content:"";background-color:var(--blue);background-image:var(--pen);border-radius:50%;width:15px;height:15px}.primary:disabled{opacity:1}.reader-top{padding-top:20px}.reader-top button{width:134px;min-height:38px}.reader-empty p{line-height:1.6}.reader-empty p+p{margin-top:0}.bottom-tools{gap:44px}.budget-control{min-width:322px}.actual-control{min-width:286px}.side-switch .selected{outline:0}.side-switch button{font-size:35px}.side-letter{letter-spacing:.12em}.track-state{font-size:27px;line-height:1.1}.cassette-bars{opacity:.65;width:21px}.cassette-bars i{width:3px}.cassette-bars i:nth-child(2){width:7px}.side-switch>.cassette-bars{top:-5px;bottom:-1px;right:-1px}.study-tag{padding:0 4px;font-size:20px;line-height:22px}.ab-controls{grid-template-columns:202fr 211fr 167fr 162fr;gap:18px}.ab-controls>button,.fine-adjust>summary{border-width:2px;border-radius:7px;min-height:52px;font-size:27px}.key{font-size:36px}.fine-adjust>summary:before{display:none}.fine-adjust>summary svg{width:26px;height:26px}.question{margin-top:16px}.transport{border-width:2px;border-radius:5px}.transport select{border-width:2px;border-radius:7px;top:-2px}.transport input[type=range]{appearance:none;background:#8499c2;border-radius:2px;height:4px}.transport input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--blue);border:1px solid var(--blue);border-radius:50%;width:21px;height:21px}.transport input[type=range]::-moz-range-thumb{background:var(--blue);border:1px solid var(--blue);border-radius:50%;width:20px;height:20px}.reader-top button{border-width:2px;border-radius:5px}.reader-empty{padding-bottom:47px}.reader-empty p{color:#6278a0}.budget-control strong,.actual-control strong{font-size:56px}.primary,.side-switch .selected .side-letter,.cassette-bars i{background-size:768px 512px}.lesson-heading{flex-direction:column;align-items:flex-start;display:flex}.lesson-heading h1{width:100%}.study-tag{width:max-content;display:block}.work{padding-left:27px;padding-right:21px}.ab-controls{grid-template-columns:202fr 14fr 211fr 26fr 167fr 16fr 162fr;gap:0;margin-top:12.75px}.ab-controls>button:first-child{grid-column:1}.ab-controls>button:nth-child(2){grid-column:3}.ab-controls>button:nth-child(3){grid-column:5}.fine-adjust{grid-column:7}.fine-adjust[open]{grid-column:1/-1}.ab-controls>button,.fine-adjust>summary{height:50px;min-height:50px}.question{margin-top:17px;padding-top:3px}.question-counter{margin-bottom:12px}.side-switch{grid-template-rows:57px 49px;align-content:start;width:calc(100% - 2px);margin-left:2px}.side-switch button{grid-template-columns:45% 55%}.tracklist{grid-template-columns:392fr 335fr 298fr;gap:5.5px}.side-switch>.cassette-bars{top:-5px;bottom:3px}.all-tracks>.cassette-bars{top:-5px;bottom:3px;left:-12px}.reader-empty p{letter-spacing:2px}.budget-control{gap:25px;padding-right:15px}.budget-control strong,.actual-control strong{font-size:68px;line-height:.85}.actual-control>span:first-child{min-width:118px}.actual-control{gap:16px}.actual-control strong{transform-origin:0;width:132px;transform:scaleX(.85)}.ab-controls>button,.fine-adjust>summary,.reader-top button,.track.active{background-image:var(--paper),var(--pen);background-size:480px 176px,768px 512px;background-origin:padding-box,border-box;background-clip:padding-box,border-box;border-color:#0000}.ab-controls>button,.fine-adjust>summary,.reader-top button{-webkit-text-stroke:.12px currentColor}.all-tracks>.cassette-bars i:nth-child(2){width:6px}.wide-work{grid-column:1/-1;min-width:0;padding:30px 38px 45px}.section-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:30px;display:flex}.section-heading h1{margin:0 0 10px}.section-heading p{color:var(--muted);margin:0;font-size:20px}.section-heading>button{white-space:nowrap}.settings{width:100%;max-width:1280px}.settings-section{border-bottom:1px solid var(--line);padding:28px 0}.settings-section:first-of-type{padding-top:0}.settings-section p{max-width:78ch;font-size:20px;line-height:1.8}.settings-section p.source-note{margin:14px 0 0;font-size:17px}.button-row{flex-wrap:wrap;align-items:center;gap:14px;margin:16px 0;display:flex}.button-row button{font-size:19px}.file-button{border:1.5px solid var(--blue);cursor:pointer;border-radius:2px;align-items:center;min-height:46px;padding:8px 15px;font-size:19px;display:inline-flex;position:relative}.file-button:hover{background-color:#6b86c51a}.file-button:focus-within{outline:3px solid var(--red);outline-offset:4px}.file-button input{opacity:0;width:1px;height:1px;position:absolute;bottom:2px;left:2px}.settings-fields{grid-template-columns:1fr 1fr;gap:22px;max-width:850px;margin:22px 0;display:grid}.settings-fields label{font-size:19px;line-height:1.5}.settings-fields input{width:100%;margin-top:8px;font-family:Inlay Hand,Inlay Chinese,sans-serif;display:block}.settings-fields input[type=password]{font-family:system-ui,sans-serif}.plan-rows{margin:0;padding:0;list-style:none}.plan-rows li{border-bottom:1px solid var(--line);align-items:center;gap:25px;padding:22px 0;display:flex}.plan-rows li>span:first-child{flex:1}.plan-rows strong{font-size:25px;display:block}.plan-rows small{color:var(--muted);margin-top:7px;font-size:18px;display:block}.plan-rows li>span:nth-child(2){white-space:nowrap;font-size:25px}.actual-history,.week-section{border-top:1px solid var(--blue);margin-top:32px;padding-top:25px}.actual-line{font-size:24px}.table-scroll{scrollbar-color:#8ca0c5 #eee9d9;scrollbar-width:thin;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:620px;font-size:21px;line-height:1.6}th,td{border-bottom:1px solid var(--line);padding:12px 14px;font-weight:400}thead{color:var(--ink)}thead th{border-bottom:3px double var(--blue)}td{font-variant-numeric:tabular-nums}.vocabulary .lesson-heading p{color:var(--muted);margin:8px 0 0;font-size:20px}.review-modes{gap:0;margin:22px 0 18px;display:flex}.review-modes button{border-radius:0;min-width:145px}.review-modes button+button{border-left:0}.review-modes .selected{background-image:var(--pen);color:#fffdf3;background-size:768px 512px;outline:0}.review-face{border-top:3px double var(--blue);border-bottom:1px solid var(--blue);min-height:280px;padding:22px 0 28px}.card-context{color:var(--muted);font-size:18px}.word-term{color:var(--blue);overflow-wrap:anywhere;margin:30px 0;font-size:64px;line-height:1.2}.audio-cue{font-size:30px;line-height:1.5}.word-answer{margin-top:20px}.meaning{margin-bottom:12px;font-size:28px}.word-note{font-size:20px;line-height:1.8}.review-ratings{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.review-ratings button{flex-direction:column;gap:6px;min-height:84px;padding:12px 5px;display:flex}.review-ratings strong{font-size:23px}.review-ratings small{font-size:17px}.review-ratings button:first-child{color:var(--red);border-color:var(--red)}.scheduler-note{color:var(--muted);margin-top:14px;font-size:17px;line-height:1.6}.review-bottom{justify-content:space-between;align-items:center;gap:15px;margin:20px 0;display:flex}.review-bottom>span{color:var(--muted);font-size:18px}.word-inventory{border-top:1px solid var(--line);padding-top:13px}.word-inventory summary{cursor:pointer;min-height:44px;line-height:1.8}.inventory-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:6px 0;display:flex}.inventory-row>span{color:var(--muted);text-align:right;font-size:17px}.reference-body{flex:1;padding:24px 26px 24px 35px;line-height:1.8}.reference-body h3{font-size:25px}.reference-body p{font-size:21px}.reference-body .example{max-width:70ch;font-size:28px;line-height:40px}.reference-body .spaced{margin-top:38px}.muted{color:var(--muted)}.linked-clip{border-bottom:1px solid var(--line);padding:12px 0}.linked-clip p{color:var(--muted);overflow-wrap:anywhere;margin:8px 0;font-size:18px}.clip-editor,.saved-clips{border-top:3px double var(--blue);margin-top:25px;padding-top:23px}.clip-editor p,.saved-row p{color:var(--muted);font-size:19px}.clip-editor label{font-size:20px}.clip-editor textarea{margin:10px 0 16px}.clip-editor fieldset{border:0;margin:0 0 16px;padding:0}.clip-editor legend{margin-bottom:10px;font-size:19px}.word-checks{flex-wrap:wrap;gap:16px;display:flex}.word-checks label{align-items:center;gap:8px;min-height:44px;display:flex}.saved-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:15px 0;display:flex}.saved-row>div{flex:1;min-width:0}.saved-row p{overflow-wrap:anywhere;margin:7px 0}.saved-row small{font-size:17px}.boot,.fatal{max-width:850px;padding:35px}.fatal .file-button{margin:20px 15px 0 0}#notice{background-color:var(--surface);background-image:var(--paper);border:2px solid var(--blue);z-index:20;max-width:min(650px,100vw - 32px);padding:14px 20px;font-size:20px;line-height:1.6;display:none;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}#notice.visible{display:block}#notice.error{border-color:var(--red);color:var(--red)}@media (width>=1600px){#app{max-width:1584px;margin-inline:auto}.app-layout{grid-template-columns:56% 44%}}@media (width<=1400px){.brand-slash{font-size:clamp(28px,4.16vw,64px)}.header-actions button{min-height:48px;padding:6px 13px;font-size:22px;width:auto!important}.side-switch button{font-size:clamp(21px,2.28vw,32px)}.track-label{font-size:clamp(18px,1.69vw,25px)}.track-state{font-size:clamp(18px,1.76vw,26px)}.reader-top h2 span{display:none}.bottom-tools{gap:25px}.budget-control{gap:15px;min-width:0}.budget-control>span:first-child,.actual-control>span:first-child{font-size:22px}.budget-control small,.actual-control small{font-size:18px}.budget-control strong,.actual-control strong{font-size:56px}.actual-control{gap:12px;min-width:0;padding-right:15px}.actual-control>span:first-child{min-width:96px}.actual-control strong{width:112px}.footer-review button{font-size:21px}.clip-control{font-size:22px}.reader-top h2{font-size:26px}.reader-top button{width:auto;min-height:44px;font-size:21px}}@media (width<=1180px){:root{font-size:18px}.topbar{height:82px;padding-left:18px;padding-right:15px}.brand{gap:13px}.header-actions{gap:12px}.header-actions button{min-height:44px;padding:5px 10px;font-size:18px}.header-actions svg{width:23px;height:23px}.sidebar{grid-template-columns:160px minmax(0,1fr) 107px;gap:12px;height:119px;padding-left:16px;padding-right:14px}.side-switch{grid-template-rows:48px 46px;padding-right:14px}.side-switch button{min-height:44px;font-size:22px}.cassette-bars{gap:2px;width:12px}.cassette-bars i{width:2px}.cassette-bars i:nth-child(2){width:4px}.side-switch>.cassette-bars{top:-3px;bottom:2px}.track{min-height:78px;padding:4px 5px}.track-label{letter-spacing:0;font-size:18px}.track-num{font-size:20px}.track.active .track-num:before{border-top-width:5px;border-bottom-width:5px;border-left-width:8px;margin-right:3px}.track-state{padding:3px 2px 0;font-size:18px}.all-tracks{padding-left:8px;padding-right:0;font-size:19px}.all-tracks>.cassette-bars{width:12px;left:-7px}.all-tracks>.cassette-bars i:nth-child(2){width:4px}.work{padding:20px 20px 25px}.study-tag{font-size:17px;line-height:21px}.lesson-heading h1{font-size:27px;line-height:1.4}.pairing-state{margin:5px 0 12px;font-size:17px;line-height:1.6}.transport{gap:10px;height:60px;min-height:60px;margin-right:81px;padding:8px 10px}.transport select{width:70px;height:60px;font-size:21px;right:-81px}.play svg{width:31px;height:31px}.audio-time{font-size:19px}.transport .icon-button{display:none}.ab-controls{grid-template-columns:1fr 1fr 1fr;gap:9px;margin-top:12px}.ab-controls>button:first-child,.ab-controls>button:nth-child(2),.ab-controls>button:nth-child(3){grid-column:auto}.ab-controls>button,.fine-adjust>summary{gap:5px;height:46px;min-height:46px;padding:5px;font-size:19px}.key{font-size:27px}.fine-adjust{grid-column:1/-1}.fine-adjust>summary{height:38px;min-height:38px;font-size:17px}.fine-adjust summary svg{width:21px;height:21px}.question{margin-top:18px;padding-top:8px}.question-counter h2{letter-spacing:.3px;font-size:27px;line-height:1.35}.question-counter>span{font-size:21px}.answer-option{letter-spacing:.3px;gap:13px;min-height:49px;padding:5px 9px;font-size:25px}.answer-option input[type=radio]{width:24px;height:24px}.question-actions>.primary{min-height:52px;font-size:26px}.reader-top{min-height:69px;padding:20px 13px 12px}.reader-top h2{font-size:23px}.reader-top button{padding:5px 9px;font-size:18px}.reader-empty{min-height:450px;margin:0 10px 10px;padding:20px 14px 35px 24px}.reader-empty p{letter-spacing:1px;font-size:23px}.transcript{margin-inline:10px;padding:15px 15px 20px 26px}.transcript-segment p{font-size:22px;line-height:36px}.source-note{font-size:16px}.bottom-tools{flex-wrap:wrap;gap:15px;padding:10px 14px}.budget-control,.actual-control{gap:10px;padding-right:12px}.budget-control>span:first-child,.actual-control>span:first-child{font-size:18px}.budget-control small,.actual-control small{font-size:15px}.budget-control strong,.actual-control strong{font-size:48px}.budget-control>span:last-child{font-size:18px}.actual-control>span:first-child{min-width:73px}.actual-control strong{width:94px}.footer-review button{font-size:19px}.clip-control{min-height:50px;font-size:19px}.footer-review svg{width:25px;height:25px}.review-ratings{gap:8px}.review-ratings strong{font-size:19px}.review-ratings small{font-size:16px}}@media (width<=900px){.topbar{height:78px}.brand-en{font-size:42px}.brand-cn{font-size:29px}.brand-slash{font-size:33px}.brand{gap:10px}.header-actions button{font-size:16px}.header-actions svg{width:20px;height:20px}.sidebar{grid-template-rows:44px auto;grid-template-columns:1fr 122px;gap:8px 12px;height:auto;padding:10px 13px 9px;display:grid}.side-switch{border:0;grid-area:1/1;grid-template-rows:none;width:190px;max-width:100%;margin:0;padding:0;display:flex}.side-switch button{border:1.5px solid var(--blue);gap:7px;width:50%;min-height:44px;padding:0 8px;font-size:20px;display:flex}.side-switch button+button{border-left:0}.side-letter{letter-spacing:.02em;padding:0 5px}.cassette-bars{display:none}.all-tracks{white-space:nowrap;border:0;flex-direction:row;grid-area:1/2;gap:4px;min-height:44px;padding:0;font-size:17px;display:flex}.all-count{gap:3px}.all-count svg{width:19px}.tracklist{grid-area:2/1/auto/-1;grid-template-columns:none;grid-auto-columns:minmax(220px,32%);grid-auto-flow:column;gap:10px;max-width:100%;padding-bottom:3px;overflow-x:auto}.sidebar:has(.all-tracks[data-expanded=true]) .tracklist{grid-area:2/1/auto/-1;grid-template-columns:none;grid-auto-columns:minmax(220px,32%);grid-auto-flow:column;gap:10px;max-width:100%;padding-bottom:3px;overflow-x:auto}.track{grid-template-columns:25px minmax(0,1fr);gap:0 5px;min-height:54px;padding:4px 7px}.track-label{white-space:nowrap;text-overflow:ellipsis;font-size:17px;line-height:1.3;overflow:hidden}.track-state{margin-top:2px;font-size:16px;line-height:1.2}.track-num{font-size:18px;line-height:1.25}.track.active .track-num:before{display:none}.app-layout{grid-template-columns:minmax(0,1fr);min-height:0}.work{padding:20px 22px 30px}.lesson-heading h1{white-space:normal;font-size:29px;line-height:1.35}.study-tag{margin-bottom:5px;font-size:16px;line-height:21px}.compact-reading{gap:5px;min-height:32px;padding:3px 8px;font-size:15px;position:absolute;top:0;right:0;display:flex!important}.compact-reading svg{width:18px;height:18px}.pairing-state{font-size:17px}.transport{max-width:none}.ab-controls{grid-template-columns:1fr 1fr 1fr;gap:9px}.fine-adjust{grid-column:1/-1}.question-counter h2{font-size:29px}.answer-option{gap:15px;min-height:55px;padding:8px 12px;font-size:26px}.question-actions>.primary{min-height:54px;font-size:28px}.reader{border-left:0;border-top:5px double var(--blue);min-width:0}.reader-top{flex-wrap:wrap;gap:12px;padding:18px 21px 12px}.reader-top h2{flex:1;font-size:25px}.reader-top button{font-size:18px}.reader-top .return-reading{width:auto;display:inline-flex}.reader-empty{min-height:270px}.transcript{min-height:200px;max-height:none;margin-inline:14px;padding-left:29px}.transcript-segment p{font-size:24px;line-height:38px}.reader-empty p{font-size:25px}.reference-body{margin-inline:14px}.bottom-tools{grid-template-columns:1fr 1fr;gap:12px 18px;min-height:0;padding:14px 20px;display:grid}.budget-control,.actual-control{justify-content:flex-start;min-width:0;min-height:54px;padding-right:8px}.actual-control{border-right:0}.budget-control>span:first-child,.actual-control>span:first-child{font-size:18px}.budget-control strong,.actual-control strong{font-size:48px}.budget-control small,.actual-control small{font-size:16px}.actual-control>span:first-child{min-width:76px}.actual-control strong{width:96px}.footer-review{margin:0}.footer-review button{font-size:19px}.clip-control{width:100%;min-height:46px;font-size:19px}.wide-work{padding:25px 24px 35px}.section-heading{gap:18px}.plan-rows li{flex-wrap:wrap;gap:16px}.plan-rows li>span:first-child{flex-basis:100%}.plan-rows li>span:nth-child(2){flex:1}.vocabulary .lesson-heading p{font-size:18px}.review-face{min-height:230px}.vocabulary+.reader{min-height:300px}.review-ratings strong{font-size:22px}.reference-body .example{font-size:26px}.word-term{font-size:60px}}@media (width<=620px){#app{outline-offset:-5px;border-width:3px;min-height:calc(100svh - 8px);margin:4px}:root{font-size:18px}.topbar{gap:10px;height:75px;padding:8px 12px}.brand{flex-direction:column;align-items:flex-start;gap:1px;display:flex}.brand-en{letter-spacing:.6px;font-size:31px;line-height:1}.brand-cn{letter-spacing:.15em;font-size:17px;line-height:1.3}.brand-slash{display:none}.header-actions{gap:8px}.header-actions button{min-width:44px;min-height:44px;padding:8px;width:44px!important}.header-actions span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.header-actions svg{width:24px;height:24px}.sidebar{grid-template-columns:1fr 114px;padding:8px 12px}.side-switch{width:182px}.side-switch button{gap:4px;padding:0 5px;font-size:19px}.all-tracks{font-size:15px}.tracklist{grid-auto-columns:235px}.sidebar:has(.all-tracks[data-expanded=true]) .tracklist{grid-auto-columns:235px}.work{padding:16px 15px 25px}.lesson-heading h1{font-size:23px}.study-tag{font-size:14px;line-height:18px}.compact-reading{min-height:32px;font-size:14px}.pairing-state{margin:9px 0 13px;font-size:14px;line-height:1.6}.transport{gap:9px;height:56px;min-height:56px;margin-right:65px;padding:7px 9px}.transport select{width:57px;height:56px;font-size:17px;right:-65px}.transport .play{min-width:30px;min-height:40px}.play svg{width:28px;height:28px}.audio-time{font-size:17px}.transport input[type=range]{width:35px;min-width:25px}.transport input[type=range]::-webkit-slider-thumb{width:17px;height:17px}.ab-controls{gap:7px;margin-top:10px}.ab-controls>button{flex-wrap:wrap;gap:4px;height:auto;min-height:47px;padding:6px 4px;font-size:15px;line-height:1.2}.key{font-size:24px}.ab-controls>button span[id]{font-size:16px}.ab-controls>button svg{width:18px;height:18px}.fine-adjust>summary{height:auto;min-height:44px;font-size:15px}.inline-fields{gap:12px}.inline-fields input{width:106px}.inline-fields label{font-size:16px}.question{margin-top:18px;padding-top:9px}.question-counter{gap:7px;margin-bottom:12px}.question-counter h2{letter-spacing:.2px;font-size:26px;line-height:1.35}.question-counter>span{font-size:20px}.answer-option{letter-spacing:.2px;gap:11px;min-height:63px;padding:8px 7px;font-size:24px;line-height:1.3}.answer-option input[type=radio]{width:23px;height:23px}.answer-option span:nth-child(2){min-width:20px}.question-actions{margin-top:17px}.question-actions>.primary{min-height:51px;font-size:27px}.feedback{font-size:20px}.feedback small{font-size:15px}.reader-top{gap:10px;padding:17px 15px 13px}.reader-top h2{flex-basis:100%;font-size:23px}.reader-top h2 span{font-size:20px;display:inline}.reader-top button{width:calc(50% - 5px);min-height:44px;font-size:17px}.reader-top .return-reading{width:calc(50% - 5px)}.reader-empty{min-height:240px;margin-inline:10px;padding:24px 15px 24px 24px}.reader-empty p{letter-spacing:1px;font-size:22px}.transcript{margin-inline:10px;padding:15px 15px 20px 26px}.transcript-segment p{font-size:23px;line-height:36px}.source-note,.source-issue{font-size:15px}.bottom-tools{gap:13px 10px;padding:13px 12px}.budget-control,.actual-control{gap:7px;min-height:49px;padding-right:6px}.budget-control>span:first-child,.actual-control>span:first-child{font-size:14px}.budget-control small,.actual-control small{letter-spacing:.01em;font-size:12px}.budget-control>span:last-child{font-size:14px}.budget-control strong,.actual-control strong{font-size:38px}.actual-control>span:first-child{min-width:55px}.actual-control strong{width:71px;transform:none}.actual-control .timer-state{font-size:9px}.timer-state svg{width:16px;height:16px}.footer-review button{white-space:normal;gap:5px;font-size:16px}.footer-review svg{width:22px;height:22px}.clip-control{gap:5px;padding:7px;font-size:16px}.clip-control svg{width:21px;height:21px}.wide-work{padding:23px 17px 30px}.section-heading{flex-direction:column;gap:17px;margin-bottom:25px}.section-heading h1{font-size:28px}.section-heading p,.section-heading>button{font-size:17px}.settings-section{padding:24px 0}.settings-section h2{font-size:24px}.settings-section p{font-size:18px;line-height:1.8}.settings-section p.source-note{font-size:15px}.settings-fields{grid-template-columns:1fr;gap:18px}.settings-fields label{font-size:17px}.button-row{gap:12px}.button-row button,.file-button{font-size:17px}.plan-rows strong{font-size:22px}.plan-rows small{font-size:16px}.plan-rows li{gap:15px}.plan-rows li>span:nth-child(2){font-size:23px}.actual-line{font-size:20px;line-height:1.8}.table-scroll table{font-size:18px}.review-modes{margin-top:20px}.review-modes button{width:50%;min-width:0;font-size:18px}.review-face{min-height:240px;padding:20px 0 25px}.word-term{font-size:51px}.card-context{font-size:16px}.meaning{font-size:24px}.word-note{font-size:18px}.review-ratings{grid-template-columns:1fr 1fr;gap:10px}.review-ratings button{min-height:77px}.review-ratings strong{font-size:22px}.review-ratings small{font-size:16px}.scheduler-note{font-size:15px}.review-bottom{flex-wrap:wrap}.review-bottom>span{font-size:16px}.review-bottom button{font-size:17px}.inventory-row>span{font-size:15px}.reference-body{margin-inline:10px;padding:20px 16px 20px 28px}.reference-body h3{font-size:23px}.reference-body p{font-size:19px}.reference-body .example{font-size:25px;line-height:36px}.saved-row{flex-wrap:wrap}.saved-row>div{flex-basis:100%}.saved-row p,.clip-editor p{font-size:17px}.word-checks{gap:12px}.word-checks label{font-size:18px}#notice{padding:12px 15px;font-size:17px;bottom:12px}.boot,.fatal{padding:24px 17px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.track-label{letter-spacing:.3px;font-size:clamp(17px,1.56vw,24px)}.track-label>span{text-wrap:balance;display:block}@media (width<=900px) and (width>=621px){.brand-en{font-size:38px}.brand-cn{font-size:26px}.brand-slash{font-size:30px}.header-actions{gap:10px}.header-actions button{padding:5px 8px;font-size:15px}.topbar{gap:16px}}@media (width<=900px){.track-label{letter-spacing:0;font-size:17px}.track-label>span{text-wrap:nowrap}}:root{--pen-rule:url(/assets/pen-rule.png?v=0.2.0);--pen-border:url(/assets/pen-border.png?v=0.2.0);--registration:url(/assets/cassette-stripes.png?v=0.2.0);--reading-line:30px}.brand-en,.brand-cn{flex:none;line-height:1;display:block}.brand-en{width:clamp(250px,31.5vw,484px)}.brand-cn{width:clamp(160px,15vw,230px)}.brand-en img,.brand-cn img{object-fit:contain;width:100%;height:auto;max-height:68px;display:block}.brand-cn img{max-height:59px}.brand-slash{font-family:Inlay Chinese;font-size:62px;line-height:1}#app{border:3px solid #0000;border-image-source:var(--pen-border);border-image-slice:24;border-image-width:3px;border-image-repeat:stretch;outline:0;position:relative}.topbar,.sidebar,.reader,.bottom-tools,.question{border-image-source:var(--pen-border);border-image-slice:24;border-image-repeat:stretch}.topbar,.sidebar{border-bottom:3px solid #0000;border-image-width:0 0 3px}.reader{border-left:3px solid #0000;border-image-width:0 0 0 3px}.bottom-tools{border-top:3px solid #0000;border-image-width:3px 0 0}.question{border-top:2px solid #0000;border-image-width:2px 0 0}.header-actions button,.side-switch button,.transport,.transport select,.ab-controls>button,.fine-adjust>summary,.reader-top button,.track.active,.clip-control{border:2px solid #0000;border-image-source:var(--pen-border);background-image:var(--paper);background-size:480px 176px;background-origin:padding-box;background-clip:padding-box;border-image-slice:24;border-image-width:2px;border-image-repeat:stretch;border-radius:0}.header-actions button:first-child,.clip-control{border-color:var(--red);border-width:1px;border-image:}.side-switch button+button{border-top:0;border-image-width:0 2px 2px}.track.active{border-image-width:1.5px}.track:not(:first-child){border-left:1.5px solid #0000;border-image-source:var(--pen-border);border-image-slice:24;border-image-width:0 0 1px 1.5px}.track.active:not(:first-child){border-image-width:1.5px}.transport select{top:-2px}.ab-controls>.selected{background-image:var(--pen);color:#fffdf3;background-size:768px 512px;background-origin:border-box;background-clip:border-box}.cassette-bars{background-image:var(--registration);opacity:1;background-repeat:no-repeat;background-size:100% 100%;width:18px}.cassette-bars i{display:none}.side-switch>.cassette-bars{width:18px}.all-tracks>.cassette-bars{width:18px;left:-10px}.lesson-heading{padding-top:24px}.lesson-heading h1{margin:0}.compact-reading{top:0}.ab-controls>button,.fine-adjust>summary{gap:7px;font-size:clamp(24px,1.76vw,27px)}.reader-empty,.transcript,.reference-body{background-image:var(--pen-rule);background-size:100% var(--reading-line);background-repeat:repeat-y;border-top:0}.transcript-segment p{line-height:var(--reading-line)}.budget-control strong,.actual-control strong{letter-spacing:-1px;font-family:Inlay Chinese,Inlay Hand,sans-serif;font-size:52px;font-weight:400;line-height:1;transform:none}.actual-control strong{width:132px}@media (width<=1400px){.ab-controls{grid-template-columns:1fr 1fr 1fr;gap:10px}.ab-controls>button:first-child,.ab-controls>button:nth-child(2),.ab-controls>button:nth-child(3){grid-column:auto}.fine-adjust{grid-column:1/-1}.fine-adjust>summary{height:40px;min-height:40px;font-size:20px}.ab-controls>button{font-size:22px}.fine-adjust summary svg{width:23px;height:23px}.budget-control strong,.actual-control strong{font-size:48px}}@media (width<=1180px){.brand-en{width:clamp(220px,29.8vw,350px)}.brand-cn{width:clamp(140px,15vw,177px)}.brand-slash{font-size:43px}.brand-en img{max-height:53px}.brand-cn img{max-height:43px}.ab-controls>button{font-size:19px}.fine-adjust>summary{height:38px;min-height:38px;font-size:17px}.lesson-heading{padding-top:20px}.budget-control strong,.actual-control strong{font-size:44px}.actual-control strong{width:108px}}@media (width<=900px){:root{--reading-line:36px}.brand-en{width:clamp(190px,30vw,270px)}.brand-cn{width:clamp(125px,17vw,153px)}.brand-slash{font-size:36px}.brand-en img{max-height:45px}.brand-cn img{max-height:37px}.lesson-heading{padding-top:0}.reader{border-top:3px solid #0000;border-left:0;border-image-width:3px 0 0}.track:not(:first-child){border-left:0;border-image-width:0}.track.active{border-image-width:1.5px}.ab-controls>button{font-size:19px}.budget-control strong,.actual-control strong{font-size:43px}.actual-control strong{width:104px}}@media (width<=620px){.brand-en{width:190px}.brand-cn{width:104px}.brand-en img{height:32px;max-height:32px}.brand-cn img{height:23px;max-height:23px}.brand{gap:3px}.brand-slash{display:none}.topbar{height:83px}.cassette-bars{display:none}.ab-controls>button{font-size:15px}.fine-adjust>summary{height:auto;min-height:44px;font-size:15px}.budget-control strong,.actual-control strong{font-size:36px}.actual-control{white-space:normal;grid-template-columns:auto 1fr;gap:5px 7px;min-height:65px;padding-left:0;display:grid}.actual-control>span:first-child{min-width:0;line-height:1.25}.actual-control strong{text-align:right;letter-spacing:-1.5px;width:auto}.actual-control .timer-state{flex-direction:row;grid-column:1/-1;justify-content:flex-end;align-items:center;gap:5px;min-height:22px;font-size:13px;line-height:1.4;display:flex}.actual-control .timer-state svg{width:18px;height:18px}.budget-control{align-self:stretch;align-items:center}.bottom-tools{align-items:stretch}}.reader-empty,.transcript,.reference-body{background-image:url(/assets/ruled-paper.svg?v=0.2.0)}.brand-en img{object-fit:fill;height:62px;max-height:62px}.brand-cn img{object-fit:fill;height:57px;max-height:57px}@media (width<=1180px){.brand-en img{height:48px;max-height:48px}.brand-cn img{height:43px;max-height:43px}}@media (width<=900px){.brand-en img{height:40px;max-height:40px}.brand-cn img{height:35px;max-height:35px}}@media (width<=620px){.brand-en img{height:32px;max-height:32px}.brand-cn img{height:23px;max-height:23px}}#app{border-image-slice:16;border-image-width:5px}.topbar,.sidebar,.reader,.bottom-tools,.question{border-image-slice:16}.topbar,.sidebar{border-image-width:0 0 5px}.reader{border-image-width:0 0 0 5px}.bottom-tools{border-image-width:5px 0 0}.question{border-image-width:3px 0 0}.header-actions button,.side-switch button,.transport,.transport select,.ab-controls>button,.fine-adjust>summary,.reader-top button,.track.active,.clip-control{border-image-slice:16;border-image-width:3px}.side-switch button+button{border-image-width:0 3px 3px}.track:not(:first-child){border-image-slice:16;border-image-width:0 0 2px 3px}.track.active,.track.active:not(:first-child){border-image-width:3px}.header-actions button:first-child,.clip-control{border-color:var(--red);border-width:1.5px;border-image-source:none}.transcript,.reference-body{background-image:none}.transcript-segment p,.reference-body .example{line-height:var(--reading-line);background-image:url(/assets/ruled-paper.svg?v=0.2.0);background-repeat:repeat-y;background-size:100% var(--reading-line);background-position:0 0}.reference-body{--reading-line:40px}@media (width<=900px){.reader{border-image-width:5px 0 0}.track:not(:first-child){border-image-width:0}.track.active,.track.active:not(:first-child){border-image-width:3px}}@media (width<=620px){.compact-reading{order:-1;align-self:flex-end;min-height:36px;margin-bottom:8px;position:static}.lesson-heading h1{margin:0}.reference-body{--reading-line:36px}}@media (width>=901px) and (height>=480px){#app{flex-direction:column;height:calc(100dvh - 16px);min-height:0;display:flex}.topbar,.sidebar,.bottom-tools{flex:none}.app-layout{flex:1;grid-template-rows:minmax(0,1fr);min-height:0;overflow:hidden}.app-layout>.work,.app-layout>.wide-work{scrollbar-width:thin;scrollbar-color:#6982b3 #efebdf;min-height:0;scroll-padding-block:20px;position:relative;overflow:auto}.reader{min-height:0;overflow:hidden}.reader-top{flex:none}.reader-empty{min-height:0}.transcript,.reference-body{scrollbar-width:thin;scrollbar-color:#6982b3 #efebdf;flex:1;min-height:0;max-height:none;scroll-padding-block:20px;overflow:auto}}.bottom-tools{padding-bottom:max(8px,env(safe-area-inset-bottom,0px))}@media (width<=900px){.bottom-tools{padding-bottom:max(14px,env(safe-area-inset-bottom,0px))}}.library{width:100%;max-width:1280px;margin-inline:auto}.library-toolbar{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:18px;margin:24px 0 12px;display:grid}.library-toolbar label,.library-add label{flex-direction:column;gap:7px;min-width:0;display:flex}.library-toolbar input,.library-toolbar select,.library-add input,.library-add textarea{width:100%;min-width:0}.library-add,.library-import{border-block-start:1px solid var(--line);margin-top:20px;padding:18px 0}.library-add summary,.library-import summary,.library-row summary{cursor:pointer;min-height:44px;line-height:1.5}.library-add .settings-fields{margin-block:16px}.library-add textarea{margin-bottom:16px}.library-row{border-block-start:1px solid var(--line);padding-block:22px}.library-word{grid-template-columns:minmax(140px,1fr) minmax(0,2fr) auto;align-items:baseline;gap:12px;display:grid}.library-word h2{overflow-wrap:anywhere;margin:0;font-size:30px}.library-word span{overflow-wrap:anywhere;font-size:22px}.library-word small{color:var(--muted);font-size:16px}.library-choice{flex-wrap:wrap;gap:10px;margin:12px 0 4px;display:flex}.library-choice button{min-height:44px;font-size:18px}.library-row details>p{overflow-wrap:anywhere;max-width:70ch}.library-row details>small{color:var(--muted);font-size:16px}.library-row summary{color:var(--muted);font-size:17px;display:list-item}.library-pages{justify-content:space-between;gap:20px;padding-block:20px;display:flex}.library-pages button{min-height:44px}.import-preview{padding-block:18px}.import-preview p{overflow-wrap:anywhere}.library-empty{padding-block:32px}.library .source-note{max-width:78ch}.library .section-heading{flex-wrap:wrap;gap:14px}@media (width<=900px){.library-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.library-toolbar label:first-child{grid-column:1/-1}.library-word{grid-template-columns:minmax(0,1fr) auto}.library-word span{grid-area:2/1/auto/-1}.library-word h2{font-size:29px}.library-word small{font-size:15px}.library-choice{gap:8px}.library-choice button{padding-inline:12px;font-size:17px}.library .section-heading>button{width:100%}.library-row{padding-block:18px}}.library-toolbar{grid-template-columns:minmax(0,2fr) minmax(0,1fr);margin-bottom:12px}.library-tools{border:0;margin:0 0 12px;padding:0}.library-tools>summary{cursor:pointer;min-height:40px;font-size:18px;line-height:1.6}.library-tools[open]{padding-block-end:20px}.library-tools>.source-note{margin-top:16px}.library-limit{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.library-limit input{width:100px}.import-preview>.primary:disabled{color:var(--muted);border:1px dashed var(--line);opacity:1;background-color:#0000;background-image:none}.import-preview>button{margin-inline-end:12px}@media (width<=900px){.library-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:16px}.library-toolbar label:first-child{grid-column:auto}.library-toolbar input,.library-toolbar select{padding-inline:9px;font-size:17px}.library-tools>summary{font-size:17px}}.b01-plan .section-heading{margin-bottom:16px}.availability{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:end;gap:12px 24px;padding-bottom:16px;display:flex}.availability label{align-items:center;gap:10px;display:flex}.availability input{width:95px}.availability select{min-height:44px}.next-task{border-bottom:1px solid var(--line);padding:20px 0 16px}.next-task h2{margin:0 0 6px;font-size:1.55rem}.next-task p{margin:0 0 12px}.task-details,.estimate-details{margin:16px 0}.task-details summary,.estimate-details summary{cursor:pointer;text-underline-offset:5px;align-items:center;min-height:44px;text-decoration:underline;display:flex}.task-list{margin:0;padding:0;list-style:none}.task-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:16px 0;display:grid}.task-row small,.week-section td small{margin-top:4px;font-size:.9rem;display:block}.task-buttons{gap:6px;display:flex}.estimate-details article{border-bottom:1px solid var(--line);margin:20px 0;padding-bottom:12px}.estimate-details h3{font-size:1.2rem}.estimate-details p{max-width:72ch}.listening-guide{border-bottom:1px solid var(--line);margin:0 0 16px;padding-bottom:16px}.guide-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.guide-heading h2{margin:0;font-size:1.3rem}.guide-steps{flex-wrap:wrap;gap:4px;margin:12px 0;display:flex}.guide-steps button{min-height:44px;padding:7px 10px;font-size:1rem}.guide-steps [aria-current=step]{background:var(--ink);color:var(--surface)}.listening-guide p{margin:8px 0;font-size:1rem}.listening-guide details{margin-top:12px;font-size:.95rem}.listening-guide select,.listening-guide textarea{width:100%;margin:8px 0 12px;display:block}.difficulty{flex-wrap:wrap;gap:8px 16px;margin:12px 0;display:flex}.difficulty label{align-items:center;min-height:44px;display:flex}.bottom-tools .budget-control strong{font-size:clamp(1.45rem,3vw,2.8rem)}@media (width<=900px){.task-row{grid-template-columns:minmax(0,1fr) auto}.task-buttons{grid-column:1/-1}.availability{align-items:start;gap:12px}.availability label{flex-wrap:wrap}.guide-heading{align-items:start}.guide-heading .text-button{font-size:.9rem}.b01-plan .section-heading{display:block}.next-task h2{font-size:1.35rem}.bottom-tools .budget-control strong{font-size:1.55rem}.b01-plan table{min-width:580px}}.range-reference{margin-block:12px 10px;font-size:16px;line-height:1.55}.range-reference p{margin:4px 0}.range-reference strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:400}.range-reference small{color:var(--muted);font-size:14px;display:block}.audio-block .transport{gap:10px;height:auto;min-height:60px;margin-right:0;padding:8px 10px}.audio-block .transport .play{white-space:nowrap;align-items:center;gap:6px;min-width:114px;min-height:44px;font-size:17px;display:flex}.audio-block .transport .play svg{flex:none;width:24px;height:24px}.audio-block .transport select{width:68px;height:44px;min-height:44px;padding:4px;font-size:17px;position:static}.audio-block .audio-time{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:17px}.audio-block .transport input[type=range]{flex:1;width:100%;min-width:40px;margin:0}.audio-block .transport .icon-button{min-width:36px;min-height:44px}#media-status{margin:7px 0 0;font-size:16px;line-height:1.5}.position-help,.range-example,#range-help,#draft-status,.range-reset{margin:6px 0;font-size:15px;line-height:1.6}.position-help{color:var(--muted)}.range-example{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;display:flex}.range-example button{min-height:44px;font-size:16px}.audio-block .ab-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.audio-block .ab-controls>button{gap:6px;height:auto;min-height:48px;padding:6px;font-size:19px}.audio-block .key{font-size:24px}.audio-block .fine-adjust{margin-top:8px}.audio-block .fine-adjust>summary{cursor:pointer;align-items:center;gap:8px;height:auto;min-height:44px;padding:7px 10px;font-size:17px;display:flex}.range-fields{grid-template-columns:1fr 1fr;gap:16px;margin-top:12px;display:grid}.range-fields fieldset{border:0;align-items:end;gap:8px;min-width:0;margin:0;padding:0;display:flex}.range-fields legend{margin-bottom:6px;font-size:18px}.range-fields label{flex-direction:column;flex:1;gap:3px;min-width:0;font-size:16px;display:flex}.range-fields input{font-variant-numeric:tabular-nums;width:100%;min-width:0;min-height:44px;padding:7px;font-size:21px}.range-fields input[aria-invalid=true]{border-color:var(--red)}.fine-adjust>.primary{width:auto;min-height:44px;padding:8px 16px;font-size:19px}.range-reset summary{cursor:pointer;min-height:44px;padding-top:9px;display:list-item}.range-reset .text-button{min-height:44px;font-size:16px}.range-reset p{margin:4px 0}.range-reset button{display:block}.save-recovery:has(#save-status[hidden]){display:none}.save-recovery button{min-height:44px;font-size:16px}.audio-block .source-issue,.audio-block .field-error{font-size:16px;line-height:1.6}.listening-guide{border-block:1px solid var(--line);margin:16px 0 20px;padding:14px 0 16px}.guide-heading{align-items:start}.guide-heading h2{font-size:20px;line-height:1.6}.guide-heading>button{text-align:right;max-width:160px;min-height:44px;padding:4px;font-size:16px}.listening-guide p{max-width:72ch;font-size:16px;line-height:1.65}.listening-guide>.primary{min-height:46px;padding:9px 16px;font-size:19px}.listening-guide #guide-play-hint{color:var(--muted);font-size:15px}.guide-navigation>summary{cursor:pointer;min-height:44px;padding-block:10px}.guide-navigation .guide-steps{margin:4px 0}.guide-navigation button{min-height:44px}.clip-editor textarea{width:100%}.range-fields input:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media (width<=1180px) and (width>=901px){.audio-block .transport{flex-wrap:wrap;gap:6px 10px}.audio-block .transport input[type=range]{flex-basis:100%;order:5}.audio-block .transport .play{flex:1}.audio-block .transport .icon-button{display:none}}@media (width<=900px){.range-reference{font-size:16px}.range-fields{gap:12px}.audio-block .transport{flex-wrap:wrap;gap:6px 10px;display:flex}.audio-block .transport .play{flex:1}.audio-block .transport input[type=range]{flex-basis:100%;order:5}.audio-block .transport .icon-button{display:none}.guide-heading{flex-wrap:wrap;gap:6px}.guide-heading>button{text-align:left;max-width:none}.audio-block .ab-controls>button{font-size:16px}.range-reference small{font-size:14px}.range-fields input{font-size:20px}.listening-guide .difficulty{display:block}.listening-guide .difficulty label{min-height:44px;font-size:16px}.range-fields legend{font-size:17px}.audio-block .audio-time{font-size:16px}.audio-block .transport .play{min-width:112px;font-size:16px}}.audio-block .ab-controls>button:nth-child(n){grid-column:auto}.audio-block .listening-guide{margin:10px 0 12px;padding:10px 0 12px}.audio-block .guide-heading>button{max-width:none}.audio-block .guide-navigation{margin-top:6px}@media (width<=620px){.bottom-tools .budget-control{white-space:normal;grid-template-columns:minmax(0,1fr) auto;gap:4px;display:grid}.bottom-tools .budget-control>span:first-child{grid-column:1/-1}.bottom-tools .budget-control strong{font-size:31px;line-height:1.2}.bottom-tools .budget-control>span:last-child{align-self:center}.audio-block .listening-guide .guide-heading{display:block}.audio-block .listening-guide .guide-heading>button{text-align:left;padding-left:0;display:block}}.phone-setup{width:100%;max-width:1100px;margin-inline:auto}.phone-setup .section-heading{margin-bottom:18px}.phone-setup .section-heading p{max-width:60ch}.setup-steps{margin:0;padding-inline-start:26px}.setup-steps>li{border-bottom:1px solid var(--line);padding:18px 0 24px 8px}.setup-steps h2{margin:0 0 8px;font-size:26px}.setup-steps p{max-width:65ch;margin:8px 0 14px;font-size:19px;line-height:1.75}.setup-steps small{color:var(--muted);max-width:72ch;font-size:16px;line-height:1.65;display:block}.setup-steps summary,.offline-panel summary{cursor:pointer;min-height:44px;padding-block:10px}.setup-steps details{margin-top:12px}.setup-steps .file-button{margin:6px 12px 8px 0}.pack-preview{border-block:1px solid var(--line);margin-top:20px;padding-block:16px}.pack-preview h3{margin:0 0 8px;font-size:24px}.pack-preview button{min-height:44px;margin:6px 12px 0 0}.offline-list{max-width:780px;margin:16px 0}.offline-list>div{border-bottom:1px solid var(--line);grid-template-columns:180px minmax(0,1fr);gap:16px;padding:12px 0;font-size:19px;line-height:1.6;display:grid}.offline-list dt{font-weight:400}.offline-list dd{overflow-wrap:anywhere;margin:0}.offline-panel li{margin-block:8px;font-size:18px;line-height:1.75}.offline-panel #offline-message{font-size:18px}.offline-panel #offline-message.field-error{color:var(--red)}.phone-setup #setup-message{overflow-wrap:anywhere}@media (width<=900px){.phone-setup .section-heading h1{font-size:28px}.setup-steps{padding-left:20px}.setup-steps>li{padding-left:3px}.setup-steps h2{font-size:23px}.setup-steps p{font-size:18px}.setup-steps .file-button,.setup-steps button{min-height:46px;font-size:17px}.setup-steps small{font-size:16px}.offline-list>div{grid-template-columns:1fr;gap:3px;font-size:18px}.offline-list dd{color:var(--muted)}.offline-panel .button-row{align-items:stretch}.offline-panel .button-row>button{flex:100%;min-height:46px}.phone-setup input,.offline-panel input,.settings-fields input{font-size:16px}.settings{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}}@media (width<=360px){.topbar{gap:8px;padding-inline:10px}.brand-en{width:166px}.brand-cn{width:100px}.header-actions{gap:6px}.header-actions button{width:38px;min-width:38px;padding:4px}.sidebar .all-tracks{white-space:normal;min-width:0;padding-inline:2px;font-size:14px}.sidebar{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);gap:9px;height:auto;min-height:0;padding:10px 12px;display:grid}.sidebar .side-switch{grid-area:1/1;justify-self:start}.sidebar .tracklist{grid-area:2/1;width:100%;min-width:0}.sidebar .all-tracks{grid-area:3/1;justify-self:start;width:auto;min-height:44px;padding:5px 0;font-size:16px;position:static}.sidebar .all-count{margin-left:8px;position:static}.sidebar .all-tracks>.cassette-bars{display:none}}#sync-panel .text-button{min-height:44px}#sync-panel .check-option{cursor:pointer;align-items:flex-start;gap:10px;min-height:44px;padding-block:8px;display:flex}#sync-panel .check-option input{flex:none;margin:3px 0 0}