@font-face{font-family:Inter Tight;src:url(/fonts/inter-tight-medium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Inter Tight;src:url(/fonts/inter-tight-semibold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/dm-sans.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/dm-sans-semibold.ttf)format("truetype");font-weight:500 700;font-display:swap}:root{--ink:#111;--canvas:#fff;--soft:#f5f5f5;--muted:#707072;--line:#e5e5e5;--success:#007d48;--danger:#b32b36;--display:"Inter Tight", "Helvetica Neue", Arial, sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:DM Sans,Helvetica Neue,Arial,sans-serif;font-size:16px}*{box-sizing:border-box}body{min-width:280px;margin:0}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button,a,input,select{transition:color .18s,background-color .18s,border-color .18s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:5px;outline:2px solid #06c}h1,h2,p,dl,dd{margin:0}a{color:inherit}.sr-only,.skip-link:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link:focus{z-index:10;background:#fff;padding:12px 20px;position:fixed;top:12px;left:12px}.arrow{flex-shrink:0;width:24px;height:24px}.app{width:min(1600px,100%);margin:0 auto;padding:0 40px}.site-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;min-height:96px;display:grid}.wordmark{font-family:var(--display);letter-spacing:-1.4px;justify-self:start;align-items:center;font-size:28px;font-weight:600;line-height:1;text-decoration:none;display:flex}.wordmark>span:first-child{margin-left:5px}.brand-symbol{margin-left:10px;font-size:27px;font-weight:500}.navigation{align-items:stretch;gap:32px;height:96px;display:flex}.navigation button{color:var(--muted);white-space:nowrap;background:0 0;border:0;padding:0;font-size:14px;font-weight:500;position:relative}.navigation button:after{background:var(--ink);content:"";transform-origin:0;height:2px;transition:transform .18s ease-out;position:absolute;bottom:23px;left:0;right:0;transform:scaleX(0)}.navigation button[aria-current],.navigation button:hover{color:var(--ink)}.navigation button[aria-current]:after,.navigation button:hover:after{transform:scaleX(1)}.language-pair{justify-self:end;align-items:center;gap:10px;font-size:12px;font-weight:500;display:flex}.language-pair>span{color:#b4b4b4}main{min-width:0;padding-top:12px}main:focus{outline:none}.exercise{grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);align-items:start;display:grid}.question-stage{isolation:isolate;color:#142c43;background:#fcfdff;flex-direction:column;justify-content:space-between;min-width:0;height:clamp(440px,100svh - 132px,660px);padding:32px 40px;display:flex;position:relative;overflow:clip}.question-stage:before,.question-stage:after{z-index:-1;pointer-events:none;content:"";background:linear-gradient(#4681cf66,#0000 21%),linear-gradient(90deg,#9c89c866,#0000 19%),linear-gradient(270deg,#6baef273,#0000 20%),linear-gradient(#0000 78%,#39b7c266);position:absolute;inset:0}.question-stage:after{background:linear-gradient(#58c1c766,#0000 22%),linear-gradient(90deg,#83bafa73,#0000 20%),linear-gradient(270deg,#24487859,#0000 19%),linear-gradient(#0000 79%,#a18acf73),#fcfdff;animation:16s ease-in-out infinite alternate edge-colors}.stage-top,.stage-bottom{justify-content:space-between;align-items:center;gap:24px;display:flex}.stage-top{letter-spacing:1.1px;font-size:11px;font-weight:500}.direction{white-space:nowrap}.question-copy{padding:24px 0;animation:.25s ease-out question-reveal}.question-copy>p{margin-bottom:24px;font-size:17px;line-height:1.5}.question-copy h1{max-width:100%;font-family:var(--display);letter-spacing:-.055em;text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(44px,5.4vw,84px);font-weight:500;line-height:.99}.question-copy h1.sentence{letter-spacing:-.04em;max-width:100%;font-size:clamp(26px,min(3.1vw,6svh),48px);line-height:1.1}.stage-bottom{font-size:13px}.stage-bottom>span:last-child{font-size:32px;line-height:1}.answer-panel{flex-direction:column;justify-content:flex-start;min-width:0;padding:0 0 0 60px;display:flex}.eyebrow{color:var(--muted);letter-spacing:1.2px;font-size:11px;font-weight:500}.filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0 0 18px;display:grid}.filters label{gap:4px;min-width:0;display:grid}.filters label>span{color:var(--muted);font-size:12px;line-height:1.5}.filters select{cursor:pointer;background-color:#0000;border:0;border-bottom:1px solid #cacacb;border-radius:0;width:100%;min-width:0;min-height:38px;padding:0 24px 0 0;font-size:14px}.filters select:hover{border-color:var(--ink)}.choices{gap:8px;display:grid}.choices.four{grid-template-columns:repeat(2,minmax(0,1fr))}.choice{text-align:left;overflow-wrap:anywhere;background:#fff;border:1px solid #d7d7d7;border-radius:3px;grid-template-columns:18px minmax(0,1fr) 20px;align-items:center;gap:16px;width:100%;min-height:54px;padding:12px 18px;font-size:16px;line-height:1.4;display:grid}.choice-letter{color:var(--muted);font-size:12px}.choice-indicator{border:1px solid #c1c1c1;border-radius:50%;place-items:center;width:18px;height:18px;font-size:12px;display:grid}.choice:hover:not(:disabled){border-color:var(--ink);background:var(--soft)}.choice:hover:not(:disabled) .choice-indicator{border-color:var(--ink);box-shadow:inset 0 0 0 4px var(--soft);background:var(--ink)}.choice.correct{border-color:var(--success);color:#006a3d;background:#f1f7f4}.choice.wrong{border-color:var(--danger);color:var(--danger);background:#fcf3f3}.choice.correct .choice-indicator{border-color:var(--success);background:var(--success);color:#fff}.choice.wrong .choice-indicator{border-color:var(--danger);background:var(--danger);color:#fff}.choice:disabled:not(.correct,.wrong){color:#878787;border-color:var(--line);background:#fafafa}.answer-note{color:var(--muted);margin-top:24px;font-size:12px;line-height:1.6}.feedback{gap:14px;margin-top:18px;animation:.25s ease-out question-reveal;display:grid}.feedback strong{color:var(--success);align-items:center;gap:8px;font-size:16px;font-weight:500;display:flex}.feedback-correction strong{color:var(--danger)}.answer-translation{margin-top:4px;font-size:15px;line-height:1.5}.feedback ul{color:#535353;border-left:1px solid #cacacb;gap:4px;margin:10px 0 0;padding:0 0 0 16px;font-size:14px;line-height:1.6;list-style:none;display:grid}.nuance{background:var(--soft);margin-top:16px;padding:14px 16px;font-size:13px;line-height:1.6}.nuance>span{font-weight:500}.nuance p{color:#535353;margin-top:5px}.next{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:999px;justify-content:space-between;align-items:center;gap:24px;min-height:44px;padding:10px 24px;font-size:15px;display:flex}.next:hover{background:#39393b;border-color:#39393b}.next .arrow{width:20px;height:20px;transition:transform .18s}.next:hover .arrow{transform:translate(3px)}.progress-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:160px minmax(0,1fr) 220px;align-items:center;gap:32px;margin-top:32px;padding:36px 0;display:grid}.progress-heading h2{font-family:var(--display);letter-spacing:-.4px;font-size:20px;font-weight:500}.progress-heading>span{color:var(--muted);margin-top:6px;font-size:12px;display:block}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.stats>div{flex-direction:column-reverse;justify-content:end;gap:7px;display:flex}.stats dt{color:var(--muted);font-size:11px;line-height:1.4}.stats dd{font-family:var(--display);letter-spacing:-1px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:28px;font-weight:500;line-height:1.1}.dictionary-link{border:0;border-left:1px solid var(--line);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:16px;padding:0 0 0 28px;font-size:13px;line-height:1.5;display:flex}.dictionary-link small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.dictionary-link .arrow{width:20px;transition:transform .18s}.dictionary-link:hover .arrow{transform:translate(4px)}.site-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding:24px 0 32px;font-size:11px;display:flex}.site-footer>span:last-child{letter-spacing:1px;font-size:9px}.dictionary{padding-top:44px}.dictionary-heading{justify-content:space-between;align-items:end;gap:32px;padding:0 0 48px;display:flex}.dictionary-heading h1{font-family:var(--display);letter-spacing:-.055em;margin-top:18px;font-size:clamp(54px,7vw,100px);font-weight:500;line-height:1}.dictionary-heading>p{color:var(--muted);font-size:15px;line-height:1.6}.search-box{border-bottom:2px solid var(--ink);align-items:center;gap:20px;padding:12px 0;display:flex}.search-box svg{flex-shrink:0;width:24px;height:24px}.search-box input{background:0 0;border:0;border-radius:0;width:100%;min-width:0;min-height:44px;padding:0 5px;font-size:21px}.search-box input::placeholder{color:#8b8b8b}.search-box:focus-within{border-color:#06c}.search-box input:focus-visible{outline:none}.result-count{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding:32px 0 20px;font-size:13px;display:flex}.result-count strong{color:var(--ink);font-weight:400}.result-count>span{letter-spacing:1px;font-size:10px}.results{border-top:1px solid var(--line)}.result{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 140px minmax(0,1.15fr);gap:32px;padding:32px 0;display:grid}.result h2{font-family:var(--display);letter-spacing:-.9px;font-size:30px;font-weight:500;line-height:1.2}.result-word p{color:#535353;margin-top:8px;font-size:15px;line-height:1.6}.tags{color:var(--muted);flex-direction:column;align-items:start;gap:12px;padding-top:4px;font-size:12px;display:flex}.level-tag{color:#535353;border:1px solid #d7d7d7;border-radius:999px;padding:5px 10px;line-height:1.2;display:inline-flex}.result ul{color:#535353;align-content:start;gap:12px;margin:0;padding:5px 0 0;font-size:14px;line-height:1.6;list-style:none;display:grid}.empty-state{text-align:center;padding:80px 20px}.empty-state h2{font-family:var(--display);letter-spacing:-.8px;font-size:30px;font-weight:500}.empty-state p{color:var(--muted);margin-top:12px;font-size:15px;line-height:1.6}@keyframes question-reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes edge-colors{0%{opacity:0}to{opacity:1}}@media (width>=1450px){.app{padding-left:56px;padding-right:56px}.question-stage{padding:40px 48px}.answer-panel{padding-left:80px;padding-right:24px}.choice{min-height:60px;font-size:17px}}@media (width<=1100px){.app{padding-left:28px;padding-right:28px}.site-header{grid-template-columns:1fr auto;gap:20px}.language-pair{display:none}.navigation{gap:24px}.question-stage{padding:28px}.answer-panel{padding-left:36px}.choice{gap:12px;padding:14px 16px;font-size:15px}.progress-strip{grid-template-columns:140px minmax(0,1fr);gap:24px}.dictionary-link{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;padding:20px 0 0}.dictionary-link small{margin-left:12px;display:inline}.result{grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);gap:24px}}@media (width<=760px){.app{padding-left:20px;padding-right:20px}.site-header{flex-wrap:wrap;justify-content:space-between;row-gap:0;min-height:0;padding-top:24px;display:flex}.wordmark{font-size:27px}.brand-symbol{font-size:25px}.language-pair{font-size:11px;display:flex}.navigation{order:3;justify-content:space-between;gap:16px;width:100%;height:70px}.navigation button{font-size:13px}.navigation button:after{bottom:14px}main{padding-top:8px}.exercise{grid-template-columns:minmax(0,1fr)}.question-stage{height:auto;min-height:330px;padding:24px}.stage-top{font-size:10px}.question-copy{padding:28px 0}.question-copy>p{margin-bottom:18px;font-size:15px}.question-copy h1{letter-spacing:-.055em;max-width:15ch;font-size:clamp(48px,9vw,74px)}.question-copy h1.sentence{max-width:24ch;font-size:clamp(30px,6vw,44px)}.stage-bottom{font-size:12px}.stage-bottom>span:last-child{font-size:26px}.answer-panel{padding:32px 4px 8px}.filters{gap:24px;margin:0 0 18px}.filters select{min-height:42px;font-size:14px}.choice{min-height:65px;padding:16px;font-size:16px}.answer-note{margin-top:20px}.progress-strip{grid-template-columns:1fr;gap:24px;margin-top:28px;padding:28px 0}.progress-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.progress-heading h2{font-size:21px}.progress-heading>span{margin:0}.stats{gap:14px}.stats dd{font-size:28px}.stats dt{font-size:10px}.dictionary-link{padding-top:20px;font-size:14px}.dictionary-link small{margin-left:0;display:block}.dictionary{padding-top:24px}.dictionary-heading{padding-bottom:28px;display:block}.dictionary-heading h1{margin-top:16px;font-size:clamp(47px,10vw,76px)}.dictionary-heading>p{margin-top:20px;font-size:14px}.dictionary-heading>p br{display:none}.search-box{gap:12px;padding:10px 0}.search-box input{min-height:42px;font-size:16px}.search-box svg{width:21px;height:21px}.result-count{padding:26px 0 18px;font-size:12px}.result-count>span{letter-spacing:.5px;font-size:8px}.result{grid-template-columns:minmax(0,1fr) auto;gap:20px 16px;padding:28px 0}.result h2{font-size:29px}.result-word p{font-size:14px}.tags{text-align:right;align-items:end;gap:9px;max-width:85px;font-size:11px}.level-tag{padding:4px 8px}.result ul{border-left:1px solid #d7d7d7;grid-column:1/-1;gap:8px;padding:0 0 0 16px;font-size:13px}}@media (width<=370px){.app{padding-left:14px;padding-right:14px}.navigation{gap:12px}.navigation button{font-size:12px}.question-stage{min-height:300px;padding:20px}.question-copy h1{font-size:47px}.question-copy h1.sentence{font-size:29px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
