@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Serif:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--green:#144e40;--ink:#203c34;--paper:#f6f5ef;--muted:#78857a;--line:#dedfd5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px Manrope,Arial,sans-serif}button,input,select{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d49a4d;outline-offset:3px}header{max-width:1320px;margin:auto;padding:28px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:29px;font-weight:800;letter-spacing:-1px}.mark{background:var(--green);color:#fff;width:36px;height:38px;border-radius:7px;text-align:center;font-family:Georgia;line-height:38px}.brand-sub{font-size:8px;letter-spacing:1.4px;max-width:103px;line-height:1.7;margin-left:4px;font-weight:600}nav{display:flex;gap:32px;font-size:13px}nav a.active{font-weight:800}nav span{font-size:10px;background:#e6e8de;border-radius:20px;padding:3px 7px}.lang{font-size:9px;letter-spacing:1px}.lang b{margin-left:15px;border:1px solid var(--line);padding:9px;border-radius:50%}main{max-width:1224px;margin:auto}.hero{position:relative;padding:64px 0 35px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}.eyebrow span{display:inline-block;width:6px;height:6px;background:#ab7950;border-radius:50%;margin-right:7px}h1{font-family:'Noto Serif',Georgia,serif;font-size:60px;line-height:1.18;font-weight:400;letter-spacing:-2.5px;margin:24px 0 20px}h1 em{font-weight:400;color:#54715b}.intro{font-size:14px;line-height:1.9;color:#758074}.ornament{position:absolute;right:70px;top:42px;width:360px;height:295px;border:1px solid #e1e3d8;border-radius:50%;transform:rotate(-12deg);background:repeating-radial-gradient(ellipse at center,transparent 0,transparent 36px,#e5e5dc 37px,transparent 38px);pointer-events:none;font-family:'Noto Serif',Georgia,serif}.ornament span{position:absolute;left:90px;top:24px;font-size:150px;color:#164e40;transform:rotate(5deg)}.ornament i{font-size:89px;position:absolute;right:16px;top:150px;color:#bb9163;font-style:normal}.ornament b{position:absolute;top:0;right:4px;font-size:67px;color:#84917d;font-weight:400}.ornament small{position:absolute;left:20px;bottom:30px;font-size:36px;color:#a0aa98}form{position:relative;display:flex;margin-top:34px;width:100%;background:#fff;padding:9px;border:1px solid #d3d8cb;border-radius:8px;box-shadow:0 6px 25px #193b2810;gap:10px}.search-icon{font-size:32px;width:45px;text-align:center;color:#72917e;align-self:center}input{flex:1;min-width:0;border:0;outline:0;font-size:16px;background:transparent}form button{border:0;border-radius:5px;background:var(--green);color:white;font-size:14px;padding:17px 30px}form button span{margin-left:30px}.examples{display:flex;align-items:center;gap:13px;margin-top:14px;color:var(--muted);font-size:11px}.examples button{border:0;border-bottom:1px solid #c9cec0;background:none;padding:2px 0}.keyboard{margin-left:auto;display:flex;gap:6px}.keyboard button{border:1px solid #d4d9cd;border-radius:4px;padding:4px 11px;background:#eeefe7}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;padding:27px 0;margin:6px 0 47px;gap:60px}.stats div{display:flex;flex-direction:column;gap:5px}.stats strong{font-size:29px;font-weight:500;letter-spacing:-1px}.stats span{font-size:11px;color:var(--muted)}.stats p{margin:auto 0 auto auto;line-height:1.8;font-size:12px;color:var(--muted);border-left:1px solid var(--line);padding-left:42px}.stats p b{font-weight:500;color:var(--ink)}.section-title{display:flex;align-items:center;justify-content:space-between}h2{font:400 29px 'Noto Serif',Georgia,serif;margin:12px 0 22px}.section-title>a{font-size:11px;border-bottom:1px solid var(--line);padding-bottom:8px}.alphabet{display:flex;gap:4px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin-bottom:28px}.alphabet button{border:0;background:none;flex:1;min-width:24px;height:30px;border-radius:4px;font-size:12px}.alphabet button:hover,.alphabet button.active{color:#fff;background:var(--green)}.layout{display:grid;grid-template-columns:245px 1fr;gap:35px}aside{padding-right:24px;border-right:1px solid var(--line)}aside h3{font-size:13px;margin:0 0 24px}aside label{display:block;font-size:10px;color:var(--muted);margin:18px 0 8px}select{background:#fff;border:1px solid var(--line);border-radius:5px;width:100%;padding:11px 8px;font-size:11px;color:var(--ink)}.reset{background:none;border:0;padding:20px 0;font-size:10px;color:#697c6a}.source-note{border-top:1px solid var(--line);padding-top:20px;margin-top:15px}.source-note>span{display:block;font-size:23px;margin-bottom:13px}.source-note b{font-size:11px}.source-note p{font-size:11px;line-height:1.9;color:var(--muted)}.result-bar{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin:0 0 16px}.card{padding:23px 25px;border:1px solid var(--line);background:#fff;border-radius:7px;margin-bottom:12px;position:relative}.card h3{font:500 24px 'Noto Serif',Georgia,serif;margin:8px 42px 10px;color:var(--green)}.card h3 button{border:0;background:none;padding:0;font:inherit;text-align:left}.card h3{margin-left:0}.badge{display:inline-block;font-size:9px;letter-spacing:.6px;color:#68816e;background:#f0f3e9;padding:5px 8px;border-radius:3px}.meaning{font:14px/1.9 'Noto Serif',Georgia,serif;color:#566156;overflow-wrap:anywhere}.preview{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:82px}.source{border-top:1px solid #eeeee8;margin-top:18px;padding-top:12px;color:#7c897b;font-size:10px;display:flex;justify-content:space-between;gap:15px}.source button{border:0;background:none;font-size:10px;white-space:nowrap}.bookmark{position:absolute;right:22px;top:28px;border:1px solid var(--line);border-radius:50%;background:none;width:30px;height:30px;color:#8b9989}.bookmark.on{background:var(--green);color:white}.empty{text-align:center;padding:60px 20px;border:1px dashed #c7cebf;border-radius:7px;line-height:1.8;color:var(--muted)}#more{display:block;width:100%;padding:14px;background:none;border:1px solid var(--line);border-radius:5px;margin-top:20px}#more[hidden]{display:none}.bottom-note{text-align:center;padding:55px 0 48px;margin-top:50px;border-top:1px solid var(--line)}.bottom-note>span{font:65px Georgia;color:#a9936d}.bottom-note h2{font-size:26px;margin:0 0 12px}.bottom-note p{color:var(--muted);font-size:11px}footer{max-width:1224px;margin:auto;border-top:1px solid var(--line);padding:29px 0 38px;display:flex;align-items:center;justify-content:space-between}footer p{font-size:10px;color:var(--muted);line-height:1.8}footer>a:last-child{font-size:10px}dialog{border:1px solid var(--line);border-radius:10px;padding:38px;max-width:760px;width:calc(100% - 30px);max-height:85vh;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#10271dcc;backdrop-filter:blur(4px)}dialog h2{padding-right:20px}.close{position:absolute;right:15px;top:10px;font-size:26px;border:0;background:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}audio{width:100%;margin:14px 0}.catalog-card{cursor:pointer}.catalog-card:hover{border-color:#789b7b}.catalog-card h3{font-size:20px}.catalog-card p{font-size:12px;color:var(--muted)}@media(min-width:1400px){main,footer{max-width:1160px}}@media(max-width:1300px){main,footer{margin-left:48px;margin-right:48px}.hero h1{font-size:54px}.ornament{right:30px}}@media(max-width:800px){header{padding:22px}.brand-sub,.lang{display:none}nav{gap:16px;font-size:11px}main,footer{margin-left:22px;margin-right:22px}.hero{padding-top:40px}h1,.hero h1{font-size:43px}.ornament{right:-150px;opacity:.23;top:38px}.hero .eyebrow{font-size:8px}.intro{font-size:12px}form{margin-top:26px}form button{padding:15px 19px}form button span{display:none}input{font-size:13px}.search-icon{width:27px}.stats{gap:25px;padding:22px 0;margin-bottom:32px}.stats strong{font-size:23px}.stats span{font-size:9px}.stats p{display:none}.section-title>a{display:none}h2{font-size:24px}.layout{grid-template-columns:1fr;gap:20px}aside{border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}aside h3,aside label,.source-note{display:none}aside select{padding:11px}aside .reset{grid-column:1/-1;text-align:left;padding:3px 0 8px}.card{padding:20px}.alphabet{gap:2px}.alphabet button{flex:0 0 26px}.bottom-note h2{font-size:20px}footer{gap:20px;flex-wrap:wrap}footer .brand{font-size:22px}footer p{font-size:9px}dialog{padding:26px}.meaning{font-size:13px}}