:root{--orange:#ff5900;--ink:#30291f;--muted:#8b8174;--paper:#f7f3e9;--line:#ded6c7;font-family:Georgia,'Times New Roman','Noto Serif SC',SimSun,serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:white}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:4px}button{border:0;background:transparent;color:inherit}button:hover:not(:disabled){color:var(--orange)}[hidden]{display:none!important}.eyebrow{font-size:11px;letter-spacing:2.5px;color:var(--muted)}.home{max-width:760px;margin:16vh auto;padding:0 32px}.home h1{font-size:clamp(48px,7vw,76px);font-weight:400;letter-spacing:-3px;margin:24px 0 14px}.home h1 span,.brand span,.dot{color:var(--orange)}.intro{color:var(--muted);font-size:16px;letter-spacing:1px}.tools{margin-top:72px;border-top:1px solid #e9e4df}.tools a{display:flex;align-items:center;gap:30px;padding:28px 0;border-bottom:1px solid #e9e4df}.tool-number{color:var(--orange);font-size:13px}.tools strong{font-size:25px;font-weight:400}.tools small{display:block;color:var(--muted);font-size:13px;margin-top:8px}.arrow{margin-left:auto;color:var(--orange);font-size:25px}.tools a:hover strong{color:var(--orange)}footer{margin-top:120px;font-size:13px;color:var(--muted);font-style:italic}.listening{background:var(--paper)}.page-header{height:78px;display:flex;align-items:center;gap:36px;padding:0 48px;border-bottom:1px solid var(--line);margin-right:230px}.brand{font-size:23px;letter-spacing:-.8px}.page-label{font-size:12px;color:var(--muted);letter-spacing:1px}.workspace{display:flex;margin-right:230px;padding:48px;min-height:calc(100vh - 78px)}.sentence-column{width:600px;max-width:66%}.blank-space{flex:1}.lesson-heading{margin-bottom:36px}.lesson-heading h1{font-size:36px;font-weight:400;letter-spacing:-1px;margin:16px 0 32px}.selectors{display:flex;gap:20px}label{display:block;color:var(--muted);font-size:12px}select{display:block;background:transparent;border:0;border-bottom:1px solid var(--line);padding:10px 24px 10px 0;color:var(--ink);max-width:100%;border-radius:0}.selectors label:first-child{flex:1}#test{width:100%}#status{font-size:12px;line-height:1.7;color:var(--muted);min-height:20px}#retry{color:var(--orange);padding:8px 0}.sentence{padding:22px 24px 16px;border-radius:4px;margin:8px 0;transition:background .2s;scroll-margin:25px;border-left:2px solid transparent;position:relative}.sentence.active{background:#ffe5ce;border-left-color:var(--orange)}.sentence-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px;letter-spacing:1px}.sentence.active .sentence-top{color:#b14a15}.sentence-jump{padding:4px 0;font-size:11px}.text{font-size:20px;line-height:1.7;min-height:58px;margin:12px 0;overflow-wrap:anywhere}.hidden-text{display:flex;align-items:center;gap:7px;min-height:58px;margin:12px 0;color:#b5ac9e;font-size:13px;font-style:italic;letter-spacing:1px}.hidden-text:before{content:'';width:30px;height:1px;background:currentColor}.cn{font-size:15px;line-height:1.9;color:#80735f;margin:0 0 12px}.sentence-actions{display:flex;justify-content:flex-end;gap:20px}.sentence-actions button{font-size:12px;color:var(--muted);padding:6px 0}.sentence-actions button[aria-pressed=true]{color:var(--orange)}.source{font-size:11px;color:var(--muted);margin:48px 24px}.source a{text-decoration:underline;text-underline-offset:3px}.controls{position:fixed;right:0;top:0;bottom:0;width:230px;border-left:1px solid var(--line);padding:38px 25px;display:flex;flex-direction:column;justify-content:space-between;background:var(--paper)}#count{font-size:34px;font-weight:400;margin:24px 0 28px;letter-spacing:-1px}.controls button{display:block;width:100%;text-align:left;padding:14px 0;font-size:14px}.controls button span{float:right;color:var(--muted)}.controls .primary{background:var(--orange);color:white;padding:16px;border-radius:3px;margin-bottom:12px}.controls .primary:hover:not(:disabled){background:#e85000;color:white}.controls button[aria-pressed=true]{color:var(--orange)}.rule{border-top:1px solid var(--line);margin:20px 0}.control-bottom p{font-size:11px;line-height:2;color:var(--muted);margin:28px 0}.control-bottom a{font-size:12px}.control-bottom select{width:100%;margin-top:4px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;font-size:13px;padding:12px 20px;border-radius:3px;z-index:10}@media(min-width:1500px){.workspace{padding-left:7vw}.sentence-column{width:660px}}@media(max-width:1000px){.sentence-column{max-width:100%;width:100%}.workspace{padding:32px}.page-header{padding:0 32px}.controls{width:200px}.workspace,.page-header{margin-right:200px}.page-label{display:none}}@media(max-width:650px){.page-header{height:62px;margin:0;padding:0 22px}.workspace{margin:0;padding:30px 18px 240px}.lesson-heading{padding:0 6px}.lesson-heading h1{font-size:30px}.sentence{padding:18px 16px 12px}.text{font-size:18px}.controls{top:auto;height:210px;width:100%;padding:14px 18px;border-left:0;border-top:1px solid var(--line);display:block;z-index:5}.controls>div:first-child{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 12px}.controls .eyebrow,.controls .rule,.control-bottom{display:none}#count{font-size:20px;margin:0;grid-column:1;align-self:center}.controls .primary{grid-column:2/4;margin:0;padding:12px;text-align:center}.step-buttons{display:contents}.controls button{font-size:12px;padding:12px 0}.controls button span{display:none}#original{grid-column:1}#translation{grid-column:2}#copy{grid-column:3}.home{margin-top:12vh;padding:0 24px}.home h1{letter-spacing:-2px}}