:root{--bg:#0B111B;--paper:#121A28;--card:#172235;--line:#2B3A53;--ink:#F1F4F9;--ink2:#C1CAD8;--ink3:#8C98AC;--gold:#E4B95A;--green:#7FC58A;--sky:#7CB5D6;--r:18px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans","Noto Sans Devanagari","Noto Sans Arabic",sans-serif}
a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:980px;margin:0 auto;padding:0 16px}
header.top{position:sticky;top:0;z-index:10;background:rgba(11,17,27,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;gap:14px;height:60px}
.logo{font-weight:900;font-size:21px;color:var(--ink);letter-spacing:.2px}.logo b{color:var(--gold)}.logo:hover{text-decoration:none}
nav.links{margin-left:auto;display:flex;gap:16px;font-size:14px}nav.links a{color:var(--ink2)}
.hero{padding:44px 0 24px;text-align:center}
.hero h1{font-size:clamp(28px,6vw,46px);line-height:1.15;margin:0 0 10px}.hero h1 span{color:var(--gold)}
.hero p{color:var(--ink2);margin:0 auto 22px;max-width:620px}
.search{position:relative;max-width:620px;margin:0 auto}
.search input{width:100%;padding:16px 18px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:17px;outline:none}
.search input:focus{border-color:var(--gold)}
#results{position:absolute;left:0;right:0;top:60px;background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;text-align:left;display:none;z-index:5}
#results a{display:block;padding:11px 16px;border-bottom:1px solid var(--line);color:var(--ink)}#results a small{color:var(--ink3);margin-left:8px}
#results a:hover{background:var(--card);text-decoration:none}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin:18px 0 36px}
.tile{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;color:var(--ink);display:block}
.tile:hover{border-color:var(--gold);text-decoration:none}
.tile img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;background:#1B2740}
.tile div{padding:10px 12px}.tile b{font-size:17px}.tile p{margin:2px 0 0;color:var(--ink2);font-size:13.5px;line-height:1.4}
h2.sec{font-size:22px;margin:30px 0 4px}p.sub{color:var(--ink3);margin:0}
.crumbs{font-size:13px;color:var(--ink3);margin:18px 0 6px}.crumbs a{color:var(--ink3)}
.word h1{font-size:clamp(34px,8vw,54px);margin:0;line-height:1.1}
.pron{color:var(--ink2);margin:6px 0 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pos{display:inline-block;border:1px solid var(--gold);color:var(--gold);border-radius:999px;padding:1px 10px;font-size:13px;font-weight:800}
button.say{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:5px 12px;cursor:pointer;font-size:14px}
figure.pic{margin:18px 0;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#1B2740}
figure.pic img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover}
figure.pic figcaption{padding:10px 14px;color:var(--ink3);font-size:13.5px;background:var(--paper)}
.def{font-size:21px;font-weight:700;margin:6px 0}
.box{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;margin:14px 0}
.box h2{font-size:15px;letter-spacing:.8px;text-transform:uppercase;color:var(--gold);margin:0 0 8px}
.hi{font-size:19px;font-weight:700}.muted{color:var(--ink2)}
ol.ex{margin:0;padding-left:20px}ol.ex li{margin:6px 0}ol.ex li .t{display:block;color:var(--ink3);font-size:14.5px}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips a,.chips span{border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:14px;color:var(--ink)}
.chips .ant{color:#DF8B7C}
.fact{border-color:#E4B95A66;background:#2A2410}
table.langs{width:100%;border-collapse:collapse}table.langs td{padding:8px 6px;border-top:1px solid var(--line);vertical-align:top}table.langs td:first-child{color:var(--ink3);width:120px;font-size:14px}
[dir=rtl]{text-align:right}
.app{background:linear-gradient(135deg,#2A2410,#172235);border:1px solid var(--gold)}
.app a.btn,.btn{display:inline-block;background:var(--gold);color:#1B1608;font-weight:900;border-radius:999px;padding:10px 18px;margin-top:8px}
.quiz button{display:block;width:100%;text-align:left;margin:8px 0;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:16px;cursor:pointer}
.quiz button.ok{border-color:var(--green);background:#17301F}.quiz button.no{border-color:#DF8B7C;background:#301917}
footer{border-top:1px solid var(--line);margin-top:40px;padding:26px 0;color:var(--ink3);font-size:14px}
footer a{color:var(--ink2)}
@media(max-width:560px){nav.links{gap:10px;font-size:13px}.def{font-size:19px}}