:root{--bg:#f2e900;--ink:#111;--card:#fffdf0;--line:rgba(0,0,0,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
main{width:min(860px,calc(100% - 32px));margin:auto;padding:54px 0 34px}
header{position:relative}.mark{width:68px;height:68px;border-radius:50%;background:#1d385f;filter:blur(1px);margin-bottom:36px}
.eyebrow{font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;margin:0 0 12px}
h1{font-size:clamp(3.4rem,13vw,8rem);line-height:.82;letter-spacing:-.07em;margin:0 0 28px}
.intro{max-width:610px;font-size:clamp(1.05rem,2.5vw,1.35rem);line-height:1.45;margin:0 0 32px}
.search{display:flex;align-items:center;background:white;border:3px solid #111;border-radius:18px;padding:0 14px;box-shadow:7px 7px 0 #111}
.search input{width:100%;border:0;outline:0;background:transparent;font-size:1.2rem;padding:19px 6px;color:#111}
kbd{font:inherit;font-size:.8rem;border:1px solid #aaa;border-radius:7px;padding:4px 7px;color:#555;white-space:nowrap}
.meta{display:flex;justify-content:space-between;align-items:center;margin:22px 2px 18px;font-weight:700}
button{font:inherit;border:0;border-bottom:2px solid #111;background:transparent;cursor:pointer;padding:2px}
#results{display:grid;gap:14px}
.card{background:var(--card);border:2px solid #111;border-radius:18px;padding:22px 23px;transition:transform .15s}
.card:hover{transform:translateY(-2px)}.wordline{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
h2{font-size:1.65rem;margin:0 0 10px;letter-spacing:-.03em}.meaning{font-size:1.08rem;line-height:1.5;margin:0}
.example{border-top:1px solid var(--line);padding-top:13px;margin:15px 0 0;font-family:Georgia,serif;font-size:1rem;line-height:1.45}
.share{flex:none;border:1px solid #111;border-radius:999px;padding:6px 9px;text-decoration:none;color:#111;font-size:.78rem;font-weight:750}
#empty{background:#fff;padding:22px;border:2px solid #111;border-radius:18px}
footer{border-top:2px solid #111;margin-top:44px;padding-top:20px;font-size:.88rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
mark{background:#ff9cd7;padding:0 .08em}
@media(max-width:540px){main{padding-top:28px}.mark{width:48px;height:48px;margin-bottom:25px}kbd{display:none}.card{padding:18px}.share{font-size:0;width:35px;height:35px}.share:after{content:"↗";font-size:1rem}}