@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#17223d;background:#f5f7fc;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f5ad28;outline-offset:4px}header{background:white;border-bottom:1px solid #dfe4ef;padding:22px max(5vw,24px);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#16213a;font-weight:700;font-size:20px}.logo{color:white;background:#173dca;padding:9px;border-radius:12px;letter-spacing:-2px}.edition{font-size:12px;letter-spacing:2px;font-weight:500;color:#61708c;margin-left:15px}main{max-width:1240px;margin:auto;padding:44px 36px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.eyebrow{color:#173dca;font-weight:700;letter-spacing:2px;font-size:12px}h1{font-family:Manrope,sans-serif;font-size:clamp(28px,3.3vw,42px);letter-spacing:-1.6px;margin:10px 0 12px;line-height:1.2}.intro p:not(.eyebrow){color:#63708a;margin:0}.level{border-left:3px solid #b0c0fb;padding:8px 22px;font-size:26px;font-weight:700;color:#173dca;white-space:nowrap}.level span{display:block;font-size:14px;font-weight:400;color:#63708a;margin-top:5px}.search-area{background:#173dca;color:white;border-radius:20px;padding:25px 30px;box-shadow:0 12px 30px #173dca16}.search-area label{font-size:15px;font-weight:600;display:block;margin-bottom:12px}.searchbox{display:flex;background:white;align-items:center;gap:14px;border-radius:10px;padding:8px 18px;color:#173dca}.searchbox>span{font-size:34px}.searchbox input{width:100%;padding:12px 0;border:0;outline:none;font-size:18px;color:#17223d;background:white;min-width:0}.searchbox kbd{border:1px solid #dde2ed;padding:3px 9px;border-radius:4px;color:#6b7790}.suggestions{display:flex;gap:9px;align-items:center;margin-top:15px;font-size:14px;color:#cbd6ff;flex-wrap:wrap}.suggestions button{border:1px solid #6c86df;background:#ffffff0d;color:white;border-radius:25px;padding:4px 12px;font-size:14px}nav{display:flex;gap:8px;padding:25px 0;overflow-x:auto}nav button{white-space:nowrap;border:1px solid #dce2ef;border-radius:9px;padding:10px 16px;background:white;color:#57647d;font-size:14px}nav button.active{background:#17223d;color:white;border-color:#17223d}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:9px 0 18px;gap:12px}h2{font-family:Manrope,sans-serif;font-size:23px;margin:0;letter-spacing:-.6px}.toolbar p{font-size:14px;color:#65728b;margin:6px 0 0}.outline{background:white;border:1px solid #d7deec;border-radius:9px;padding:11px 16px;color:#33415e;font-size:14px;font-weight:600}.outline[aria-pressed=true]{color:#173dca;border-color:#173dca;background:#edf1ff}#fav-count{background:#edf1ff;color:#173dca;padding:2px 7px;border-radius:6px;margin-left:6px}.hint{font-size:13px;color:#65728b;margin:0 0 20px}.table-head,.entry{display:grid;grid-template-columns:1fr 1.45fr 1fr 170px;gap:24px;align-items:center}.table-head{font-size:11px;font-weight:700;letter-spacing:1px;color:#76829b;padding:0 24px 13px}.entry{background:white;border:1px solid #e2e7f1;border-radius:12px;padding:23px 24px;margin-bottom:10px}.es{font-weight:600;font-size:17px}.cat-label{display:block;font-size:12px;color:#7a86a0;font-weight:400;margin-top:7px}.en{font-family:Manrope,sans-serif;font-weight:800;font-size:21px;color:#173dca;line-height:1.3}.example{color:#68758d;font-size:13px;margin-top:7px;line-height:1.5}.sound{font-size:18px;font-weight:500}.sound small{display:none}.actions{display:flex;align-items:center;gap:8px}.audio{border:0;background:#eaf0ff;color:#173dca;border-radius:50%;width:40px;height:40px;font-size:17px;flex-shrink:0}.slow{border:0;background:transparent;color:#63708a;font-size:12px;padding:8px 2px}.star{border:0;background:transparent;font-size:26px;color:#8b97ad;padding:6px}.star.saved{color:#bb7c00}.empty{padding:50px 20px;text-align:center;background:white;border:1px dashed #b9c6e0;border-radius:12px;color:#63708a}.empty strong{display:block;color:#17223d;font-size:20px;margin-bottom:9px}.more{display:block;margin:24px auto}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dce2ef;padding-top:28px;margin-top:35px;font-size:13px;color:#64718a}.footnote{color:#758199;font-size:12px;line-height:1.7}#status{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#17223d;color:white;border-radius:12px;padding:12px 22px;box-shadow:0 8px 30px #17223d30;display:none;max-width:90vw;font-size:14px}dialog{border:0;border-radius:22px;padding:35px;max-width:480px;width:90%;box-shadow:0 20px 100px #10245040}dialog::backdrop{background:#10245088;backdrop-filter:blur(3px)}.close{float:right}dialog h3{font-size:29px;margin:30px 0}#answer{background:#edf1ff;padding:20px;border-radius:12px;margin-bottom:20px}#answer strong{font-size:25px;color:#173dca}#answer p{margin-bottom:0}.primary{border:0;border-radius:9px;padding:12px 18px;background:#173dca;color:white;margin:0 8px 10px 0}[hidden]{display:none!important}@media(max-width:760px){header{padding:16px 20px}.brand{font-size:16px}.edition,.level{display:none}main{padding:25px 18px}.intro{margin-bottom:23px}.intro p:not(.eyebrow){font-size:14px;line-height:1.6}h1{letter-spacing:-1px}.search-area{padding:20px;border-radius:16px}.searchbox{padding:5px 10px}.searchbox input{font-size:16px}.searchbox kbd{display:none}nav{padding:20px 0}.toolbar{align-items:flex-start}h2{font-size:19px}.toolbar .outline{font-size:12px;padding:10px}.table-head{display:none}.entry{grid-template-columns:1fr 1fr;gap:15px;padding:20px}.en{font-size:20px}.sound{font-size:17px;color:#52617c}.sound small{display:block;font-size:10px;letter-spacing:1px;margin-bottom:5px;color:#7a86a0}.actions{justify-content:flex-end}.hint{font-size:12px;line-height:1.6}footer{flex-direction:column;gap:7px}.footnote{font-size:12px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,transform .15s}button:hover{filter:brightness(.96)}.entry{animation:appear .25s ease-out}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}