:root{--ink:#24251f;--muted:#636257;--line:#d5d0c2;--paper:#f5f2ea;--white:#fffefa;--blue:#274f64;--light-blue:#edf3f4;--ochre:#9b5b25;--green:#2f6548;--reading-size:18px;--ui-size:14px;--touch-size:44px;--measure:780px}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:var(--reading-size)/1.65 Arial,Helvetica,sans-serif}a{color:inherit}.site-nav{min-height:68px;padding:10px clamp(18px,5vw,72px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(245,242,234,.98)}.brand img{display:block;width:116px}.nav-links{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap}.nav-links>a{display:inline-flex;align-items:center;min-height:var(--touch-size);font-size:var(--ui-size);font-weight:800;text-decoration:none}.support-switch{display:flex;border:1px solid var(--ink)}.support-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-size);padding:7px 11px;font-size:var(--ui-size);font-weight:800;text-decoration:none}.support-switch a[aria-current=page]{background:var(--ink);color:var(--white)}
.hero{padding:clamp(56px,8vw,100px) clamp(20px,8vw,118px);border-bottom:1px solid var(--line);background:linear-gradient(126deg,var(--paper) 0 75%,#ddd5c2 75%)}.hero>span,.pronunciation-guide>span,.word-tools header>span,.stage-head>span,.word-card section>span,.data-notes>span,.corpus-loader>div>span{color:var(--blue);font-size:var(--ui-size);font-weight:900;letter-spacing:.13em}.hero h1{max-width:1050px;margin:18px 0 22px;font:clamp(2.8rem,6vw,6.1rem)/.96 Georgia,"Times New Roman",serif;letter-spacing:-.05em}.hero>p{max-width:860px;margin:0;color:var(--muted);font:var(--reading-size)/1.75 Georgia,"Times New Roman",serif}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-size);padding:12px 17px;border:1px solid var(--ink);font-size:var(--ui-size);font-weight:900;text-decoration:none}.primary{background:var(--ink);color:var(--white)}.coverage-strip{max-width:860px;margin-top:35px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ink);background:var(--white)}.coverage-strip div{padding:17px 19px}.coverage-strip div+div{border-left:1px solid var(--ink)}.coverage-strip strong{display:block;font:2rem/1 Georgia,"Times New Roman",serif}.coverage-strip span{display:block;margin-top:7px;color:var(--muted);font-size:var(--ui-size);font-weight:800}.progress-card{max-width:860px;margin-top:12px;padding:18px;border:1px solid var(--line);background:rgba(255,254,250,.95)}.progress-card>span{display:block;color:var(--blue);font-size:var(--ui-size);font-weight:900;letter-spacing:.1em}.progress-card>strong{display:block;margin:5px 0 11px}.progress-track{height:8px;background:#ded9cc}.progress-track i{display:block;width:0;height:100%;background:var(--green);transition:width .25s ease}
.pronunciation-guide{width:min(1180px,calc(100% - 40px));margin:auto;padding:62px 0;display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;border-bottom:1px solid var(--line)}.pronunciation-guide h2{margin:0 0 12px;font:clamp(2rem,4vw,3.6rem)/1 Georgia,"Times New Roman",serif;letter-spacing:-.035em}.pronunciation-guide p{max-width:var(--measure);margin:0;color:var(--muted);font-family:Georgia,"Times New Roman",serif}.word-tools{width:min(1180px,calc(100% - 40px));margin:45px auto 0;padding:28px;border:1px solid var(--line);background:var(--white);scroll-margin-top:16px}.word-tools h2{margin:5px 0 18px;font:2rem/1.1 Georgia,"Times New Roman",serif}.catalog-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:20px;border:1px solid var(--ink)}.catalog-tabs button{min-height:64px;padding:10px 16px;border:0;background:var(--white);color:var(--ink);cursor:pointer;text-align:left}.catalog-tabs button+button{border-left:1px solid var(--ink)}.catalog-tabs button[aria-selected=true]{background:var(--ink);color:var(--white)}.catalog-tabs strong{display:block;font:1.6rem/1 Georgia,"Times New Roman",serif}.catalog-tabs span{display:block;margin-top:4px;font:800 var(--ui-size)/1.3 Arial,sans-serif}.filters{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:12px}.filters label>span{display:block;margin-bottom:5px;font-size:var(--ui-size);font-weight:900}.filters input,.filters select{width:100%;min-height:var(--touch-size);padding:9px 11px;border:1px solid var(--ink);background:var(--white);color:var(--ink);font:16px/1.4 Arial,sans-serif}.results-status{min-height:24px;margin:14px 0 0;color:var(--muted);font-size:var(--ui-size);font-weight:800}.corpus-loader{width:min(1180px,calc(100% - 40px));margin:18px auto 0;padding:24px 28px;border:1px solid var(--ochre);background:#fff8e9}.corpus-loader h2{margin:5px 0 8px;font:1.7rem/1.15 Georgia,"Times New Roman",serif}.corpus-loader p{max-width:850px;margin:0;color:var(--muted)}.loader-meter{height:9px;margin-top:17px;background:#e4d7b7}.loader-meter i{display:block;width:0;height:100%;background:var(--ochre);transition:width .25s ease}.corpus-loader>strong{display:block;margin-top:9px;font-size:var(--ui-size)}.corpus-loader>button{min-height:var(--touch-size);margin-top:14px;padding:9px 14px;border:1px solid var(--ink);background:var(--ink);color:var(--white);font:800 var(--ui-size)/1.3 Arial,sans-serif;cursor:pointer}.corpus-loader.has-error{border-color:#8f2d27;background:#fff0ed}
.word-stages{width:min(1180px,calc(100% - 40px));margin:auto}.stage-head{padding:70px 0 26px}.stage-head h2{max-width:850px;margin:9px 0 10px;font:clamp(2.3rem,5vw,4.4rem)/1 Georgia,"Times New Roman",serif;letter-spacing:-.04em}.stage-head p{max-width:var(--measure);margin:0;color:var(--muted);font-family:Georgia,"Times New Roman",serif}.word-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.word-card{min-width:0;border:1px solid var(--line);background:var(--white)}.entry-badges{min-height:35px;padding:7px 12px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;border-bottom:1px solid var(--line);background:#f7f5ef}.entry-badges span{padding:2px 6px;border:1px solid var(--line);font-size:var(--ui-size);font-weight:900}.entry-badges .academic-badge{border-color:var(--ochre);background:#fff0d8;color:#723d13}.word-card>header{padding:22px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.word-card h3{overflow-wrap:anywhere;margin:0;font:clamp(2rem,4vw,3rem)/1 Georgia,"Times New Roman",serif}.phrase-card h3{font-size:clamp(1.7rem,3vw,2.45rem)}.word-card header p{display:flex;flex-wrap:wrap;gap:8px;margin:9px 0 0}.ipa{font:17px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.part{padding:2px 7px;background:var(--light-blue);font-size:var(--ui-size);font-weight:800}.word-card button{min-height:var(--touch-size);padding:9px 11px;border:1px solid var(--ink);background:var(--ink);color:var(--white);font:800 var(--ui-size)/1.3 Arial,sans-serif;cursor:pointer}.word-card button span{margin-right:5px}.meanings{display:grid;grid-template-columns:1fr 1fr}.meanings.one-meaning{grid-template-columns:1fr}.meanings section{padding:18px 22px;border-bottom:1px solid var(--line)}.meanings section+section{border-left:1px solid var(--line)}.meanings.one-meaning section+section{border-left:0}.meanings span,.example>span{display:block;color:var(--blue);font-size:var(--ui-size);font-weight:900;letter-spacing:.09em}.meanings p{margin:6px 0 0;font-family:Georgia,"Times New Roman",serif}.meanings .chinese{background:var(--light-blue)}.meanings .chinese p{font-family:Arial,Helvetica,sans-serif}.word-card dl{margin:0}.word-card dl div{padding:12px 22px;display:grid;grid-template-columns:120px 1fr;gap:10px;border-bottom:1px solid var(--line)}.word-card dt{font-size:var(--ui-size);font-weight:900}.word-card dd{margin:0;color:var(--muted);font-size:16px}.example{padding:18px 22px;background:#f7f5ef}.example p{margin:7px 0 13px;font-family:Georgia,"Times New Roman",serif}.example .speak-example{background:transparent;color:var(--ink)}.master-button{width:100%;border-width:1px 0 0!important;background:var(--blue)!important}.master-button.is-mastered{background:var(--green)!important}.pager{width:min(1180px,calc(100% - 40px));margin:34px auto;display:flex;align-items:center;justify-content:center;gap:15px}.pager button{min-height:var(--touch-size);padding:9px 14px;border:1px solid var(--ink);background:var(--ink);color:var(--white);font:800 var(--ui-size)/1.3 Arial,sans-serif;cursor:pointer}.pager button:disabled{opacity:.42;cursor:not-allowed}.pager span{font-size:var(--ui-size);font-weight:900}.empty-state{width:min(700px,calc(100% - 40px));margin:70px auto;padding:35px;border:1px solid var(--line);background:var(--white);text-align:center}.empty-state h2{margin:0 0 10px;font:2rem/1.1 Georgia,"Times New Roman",serif}.empty-state p{margin:0;color:var(--muted)}.data-notes{width:min(1180px,calc(100% - 40px));margin:80px auto 20px;padding:30px;border:1px solid var(--line);background:var(--white)}.data-notes h2{max-width:850px;margin:7px 0 12px;font:clamp(2rem,4vw,3.3rem)/1 Georgia,"Times New Roman",serif;letter-spacing:-.035em}.data-notes>p{max-width:900px;margin:0;color:var(--muted)}.data-notes details{margin-top:20px;border-top:1px solid var(--line);padding-top:15px}.data-notes summary{min-height:var(--touch-size);display:flex;align-items:center;font-weight:900;cursor:pointer}.data-notes li+li{margin-top:8px}
footer{padding:45px clamp(20px,5vw,70px) 30px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;color:var(--muted);font-size:var(--ui-size)}footer img{display:block;width:100px}footer p{margin:0}footer span{text-align:right}
@media(max-width:1050px){.filters{grid-template-columns:1fr 1fr}.filters label:first-child{grid-column:1/-1}}@media(max-width:900px){.hero{background:var(--paper)}.word-grid{grid-template-columns:1fr}}@media(max-width:720px){.site-nav{align-items:flex-start}.nav-links>a{display:none}.coverage-strip{grid-template-columns:1fr}.coverage-strip div+div{border-left:0;border-top:1px solid var(--ink)}.pronunciation-guide{grid-template-columns:1fr;gap:10px}.meanings{grid-template-columns:1fr}.meanings section+section{border-left:0}.word-card>header{display:block}.word-card .speak-word{margin-top:14px}.pager{flex-wrap:wrap}footer{grid-template-columns:1fr}footer span{text-align:left}}@media(max-width:520px){.support-switch a{padding-inline:8px}.support-switch a:first-child{display:none}.catalog-tabs{grid-template-columns:1fr}.catalog-tabs button+button{border-left:0;border-top:1px solid var(--ink)}.filters{grid-template-columns:1fr}.filters label:first-child{grid-column:auto}.word-card dl div{grid-template-columns:1fr;gap:3px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress-track i,.loader-meter i{transition:none}}@media print{.site-nav,.hero-actions,.word-tools,.corpus-loader,.pager,.word-card button{display:none!important}.hero,.stage-head{padding-block:20px;background:#fff}.word-card{break-inside:avoid}.word-grid{grid-template-columns:repeat(2,1fr)}}