:root{--ink:#15211b;--muted:#66736c;--paper:#f7f6ef;--white:#fffef9;--line:#dfe3dc;--green:#1f7a55;--green-dark:#14523a;--lime:#d8f56b;--orange:#ff8d5c;--shadow:0 24px 70px rgba(21,33,27,.1);color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.site-shell{min-height:100vh;overflow:hidden}.site-header{height:78px;justify-content:space-between;margin:0 auto;max-width:1240px;padding:0 28px}.brand,.site-header{align-items:center;display:flex}.brand{font-size:18px;font-weight:800;gap:10px;letter-spacing:-.02em}.brand-mark{align-items:center;background:var(--ink);border-radius:10px 10px 10px 2px;color:var(--lime);display:inline-flex;height:34px;justify-content:center;width:34px}.site-nav{align-items:center;display:flex;gap:28px;font-size:14px;font-weight:650}.site-nav>a:not(.login-link){color:var(--muted)}.site-nav>a:hover,.site-nav>a[aria-current=page]{color:var(--green)}.login-link{background:var(--ink);border-radius:999px;color:#fff;padding:11px 18px}.hero-section{align-items:center;display:grid;gap:48px;grid-template-columns:minmax(0,1fr) minmax(440px,.9fr);margin:0 auto;max-width:1240px;min-height:650px;padding:62px 28px 90px}.section-kicker{color:var(--green);font-size:12px;font-weight:850;letter-spacing:.17em;margin:0 0 18px}.hero-copy h1{font-family:Georgia,Songti SC,serif;font-size:clamp(54px,6vw,84px);font-weight:500;letter-spacing:-.06em;line-height:.98;margin:0}.hero-copy h1 span{color:var(--green);font-style:italic}.hero-lead{color:var(--muted);font-size:18px;line-height:1.8;margin:32px 0;max-width:600px}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:24px}.lookup-button,.primary-button{background:var(--green);border:0;border-radius:999px;color:#fff;display:inline-flex;font-weight:750;justify-content:center;padding:15px 24px}.lookup-button:hover,.primary-button:hover{background:var(--green-dark);transform:translateY(-1px)}.text-button{color:var(--muted);font-size:14px;font-weight:700}.text-button span{color:var(--green);margin-left:6px}.hero-visual{height:500px;position:relative}.hero-visual:before{background:var(--lime);border-radius:48% 52% 56% 44%;content:"";filter:saturate(.85);inset:55px 20px 25px 65px;position:absolute;transform:rotate(-7deg)}.orbit{border:1px solid rgba(21,33,27,.22);border-radius:50%;position:absolute}.orbit-one{height:440px;right:-45px;top:15px;width:440px}.orbit-two{height:355px;right:12px;top:62px;width:355px}.word-card{background:#fffef9f0;border:1px solid rgba(21,33,27,.12);box-shadow:var(--shadow);position:absolute}.word-card-main{border-radius:28px;left:40px;padding:34px;top:120px;transform:rotate(-3deg);width:350px}.word-lang{color:var(--green);display:block;font-size:11px;font-weight:800;letter-spacing:.14em}.word-card-main strong{display:block;font-family:Georgia,serif;font-size:44px;font-weight:500;margin:16px 0 4px}.word-phonetic{color:var(--muted);font-size:14px}.word-card-main p{border-top:1px solid var(--line);font-weight:750;margin:22px 0 0;padding-top:18px}.word-card-small{border-radius:18px;font-size:12px;line-height:1.6;padding:16px 19px}.word-card-small b{font-size:15px}.card-left{bottom:38px;left:2px;transform:rotate(5deg)}.card-right{right:8px;top:55px;transform:rotate(4deg)}.dictionary-section{background:var(--ink);color:#fff;padding:78px max(28px,calc(50vw - 592px))}.dictionary-intro{align-items:end;display:grid;gap:10px 40px;grid-template-columns:1fr 1fr;margin-bottom:34px}.dictionary-intro .section-kicker{grid-column:1/-1;color:var(--lime)}.dictionary-intro h2{font-family:Georgia,serif;font-size:44px;font-weight:500;margin:0}.dictionary-intro>p:last-child{color:#aeb8b2;line-height:1.7;margin:0}.lookup-panel{align-items:end;background:var(--white);border-radius:22px;color:var(--ink);display:grid;gap:14px;grid-template-columns:220px 1fr auto;padding:18px}.lookup-panel label{display:grid;gap:8px;min-width:0}.lookup-panel label>span:first-child{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.lookup-panel input,.lookup-panel select{background:#f2f3ee;border:1px solid transparent;border-radius:12px;color:var(--ink);height:50px;outline:none;padding:0 14px;width:100%}.lookup-panel input:focus,.lookup-panel select:focus{border-color:var(--green);background:#fff}.lookup-button{height:50px;min-width:120px}.lookup-button:disabled{cursor:not-allowed;opacity:.5}.word-input-wrap{position:relative}.input-status{color:var(--muted);font-size:11px;position:absolute;right:14px;top:43px}.suggestion-list{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);left:0;list-style:none;margin:0;overflow:hidden;padding:6px;position:absolute;right:0;top:78px;z-index:8}.suggestion-list button{align-items:center;background:transparent;border:0;border-radius:8px;display:flex;justify-content:space-between;padding:10px 12px;text-align:left;width:100%}.suggestion-list button:hover{background:#f0f5ec}.suggestion-list span{color:var(--muted);font-size:11px}.feature-section{margin:0 auto;max-width:1240px;padding:100px 28px 120px}.feature-heading{display:grid;gap:18px;grid-template-columns:1fr 1.4fr;margin-bottom:44px}.feature-heading .section-kicker{align-self:end;margin:0}.feature-heading h2{font-family:Georgia,Songti SC,serif;font-size:44px;font-weight:500;letter-spacing:-.03em;line-height:1.15;margin:0}.feature-grid{border-left:1px solid var(--line);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.feature-card{border-bottom:1px solid var(--line);border-right:1px solid var(--line);min-height:240px;padding:30px;transition:background .2s,color .2s}.feature-card:hover{background:var(--green);color:#fff}.feature-card>span{color:var(--green);font-size:12px;font-weight:800}.feature-card:hover p,.feature-card:hover>span{color:#dcebe3}.feature-card h3{font-family:Georgia,Songti SC,serif;font-size:28px;font-weight:500;margin:44px 0 12px}.feature-card p{color:var(--muted);line-height:1.75;margin:0}.site-footer{border-top:1px solid var(--line);color:var(--muted);display:flex;font-size:12px;justify-content:space-between;margin:0 auto;max-width:1184px;padding:30px 0 44px}.word-page{margin:0 auto;max-width:980px;padding:40px 24px 100px}.compact-search{align-items:center;display:grid;gap:12px;grid-template-columns:auto 1fr auto;margin-bottom:30px}.compact-search>a{color:var(--muted);font-size:13px;font-weight:700}.compact-search input{background:#fff;border:1px solid var(--line);border-radius:12px;height:44px;padding:0 14px}.compact-search button{background:var(--ink);border:0;border-radius:12px;color:#fff;height:44px;padding:0 20px}.entry-sheet,.state-panel{background:var(--white);border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 60px #15211b0d;padding:clamp(28px,5vw,58px)}.error-panel h1{font-family:Georgia,serif;font-size:42px;font-weight:500}.entry-header{align-items:start;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding-bottom:34px}.entry-language{color:var(--green);font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.entry-header h1{font-family:Georgia,serif;font-size:clamp(48px,8vw,72px);font-weight:500;letter-spacing:-.04em;margin:10px 0 4px}.phonetics{color:var(--muted);margin:0}.entry-id{background:#eef4e8;border-radius:999px;color:var(--green-dark);font-size:12px;font-weight:750;padding:9px 13px}.entry-section{padding-top:36px}.entry-section+.entry-section{border-top:1px solid var(--line);margin-top:36px}.entry-section h2{font-family:Georgia,Songti SC,serif;font-size:28px;font-weight:500;margin:0 0 24px}.definition-list{list-style:none;margin:0;padding:0}.definition-list li{align-items:start;display:grid;gap:18px;grid-template-columns:34px 1fr;padding:14px 0}.definition-index{color:var(--green);font-size:12px;font-weight:850;padding-top:4px}.definition-list small{color:var(--orange);display:block;font-size:11px;font-weight:800;margin-bottom:4px;text-transform:uppercase}.definition-list strong{font-size:17px}.definition-list p{color:var(--muted);font-size:13px;margin:6px 0 0}.example-list{display:grid;gap:12px}.example-list blockquote{background:#f2f3ee;border-left:3px solid var(--lime);margin:0;padding:16px 18px}.example-list blockquote p{margin:0}.example-list footer{color:var(--muted);font-size:13px;margin-top:8px}.phrase-grid{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.phrase-grid>div{background:#f2f3ee;border-radius:12px;display:grid;gap:5px;padding:14px}.empty-copy,.phrase-grid span{color:var(--muted);font-size:13px}@media(max-width:900px){.hero-section{grid-template-columns:1fr;padding-top:40px}.hero-visual{height:430px;margin:0 auto;max-width:520px;width:100%}.lookup-panel{grid-template-columns:1fr 1fr}.lookup-button{grid-column:1/-1}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.site-header{height:68px;padding:0 18px}.site-nav{gap:14px}.site-nav>a:not(.login-link):not(.download-nav-link){display:none}.site-nav .download-nav-link{font-size:12px}.login-link{padding:10px 13px}.brand{font-size:16px;gap:7px}.hero-section{min-height:auto;padding:52px 20px 70px}.hero-copy h1{font-size:50px}.hero-visual{height:350px}.hero-visual:before{inset:40px 0 20px 28px}.word-card-main{left:15px;top:90px;width:285px}.word-card-main strong{font-size:35px}.card-right{right:-8px;top:36px}.card-left{bottom:8px}.dictionary-section{padding:60px 20px}.dictionary-intro,.feature-heading{display:block}.dictionary-intro h2,.feature-heading h2{font-size:36px;margin-bottom:16px}.lookup-panel{grid-template-columns:1fr}.lookup-button{grid-column:auto}.feature-section{padding:72px 20px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:210px}.site-footer{display:grid;gap:8px;margin:0 20px}.compact-search{grid-template-columns:1fr auto}.compact-search>a{grid-column:1/-1}.entry-header{gap:18px}.entry-id{display:none}.phrase-grid{grid-template-columns:1fr}}@media(max-width:380px){.site-header{padding:0 12px}.brand{font-size:14px;gap:6px;white-space:nowrap}.brand-mark{flex-shrink:0;height:30px;width:30px}.site-nav{gap:10px}.site-nav>a{white-space:nowrap}.login-link{font-size:12px;padding:10px 12px}}
