:root{
  --ink:#1a1814; --paper:#f7f1e3; --paper2:#fffdf7; --line:#e3d9c2;
  --red:#c0392b; --blue:#1d9bf0; --green:#16a34a; --gold:#b8860b;
  --bg:#0f1115; --card:#16181d; --card2:#1d2026; --muted:#8a94a6; --txt:#e8eaed;
  --x-border:#2f3336; --shadow:0 10px 40px rgba(0,0,0,.35);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--txt);line-height:1.6;overflow-x:hidden}
em{font-style:italic}
.muddle{color:var(--muted);font-style:italic;font-size:.92em}
.pos{font-weight:700;font-style:italic;color:var(--red)}

/* ===== LIVE NEWS BAR ===== */
.newsbar{display:flex;align-items:center;background:#0a0c10;border-bottom:1px solid #23262d;height:34px;overflow:hidden;font-size:.8rem;position:sticky;top:0;z-index:60}
.newsbar-label{background:var(--red);color:#fff;font-weight:800;padding:0 12px;height:100%;display:flex;align-items:center;letter-spacing:.5px;flex:none;animation:blink 1.4s infinite}
@keyframes blink{50%{opacity:.55}}
.newsbar-track{display:flex;gap:48px;white-space:nowrap;animation:marquee 38s linear infinite;padding-left:48px}
.newsbar-track span{color:#cfd6e0}.newsbar-track b{color:var(--blue)}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ===== NAV ===== */
.nav{background:rgba(15,17,21,.92);backdrop-filter:blur(10px);border-bottom:1px solid #23262d;position:sticky;top:34px;z-index:55}
.nav-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:24px;padding:12px 20px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--txt);font-weight:800}
.brand-mark{background:var(--red);color:#fff;width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-family:'Libre Baskerville',serif;font-size:1.3rem}
.brand-name{font-size:.95rem;letter-spacing:-.2px}
.nav-links{display:flex;gap:20px;margin-left:auto}
.nav-links a{color:var(--muted);text-decoration:none;font-size:.9rem;font-weight:500}
.nav-links a:hover{color:var(--txt)}
.nav-search{position:relative}
.nav-search input{background:var(--card2);border:1px solid var(--x-border);border-radius:999px;padding:7px 14px 7px 32px;color:var(--txt);font-size:.85rem;width:150px}
.nav-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:.8rem;opacity:.6}
@media(max-width:760px){.nav-links{display:none}.nav-search input{width:110px}}

/* ===== HERO / DICTIONARY ENTRY ===== */
.hero{position:relative;background:var(--paper);padding:64px 20px;display:flex;justify-content:center;overflow:hidden}
.hero-bg-word{position:absolute;font-family:'Libre Baskerville',serif;font-weight:700;font-size:24vw;color:rgba(26,24,20,.04);top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:none;user-select:none}
.entry-card{position:relative;background:var(--paper2);max-width:760px;width:100%;border:1px solid var(--line);border-radius:6px;box-shadow:0 20px 60px rgba(80,60,20,.18);padding:38px 44px 30px;color:var(--ink)}
.entry-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:18px}
.badge{font-size:.72rem;font-weight:800;padding:5px 10px;border-radius:999px;letter-spacing:.3px}
.badge-red{background:#fbe8e5;color:var(--red)}
.badge-blue{background:#e3f2fd;color:#1666a8}
.entry-saves{margin-left:auto;font-size:.78rem;color:var(--gold);font-weight:700}
.entry-headword{display:flex;align-items:baseline;flex-wrap:wrap;gap:14px}
.entry-headword h1{font-family:'Libre Baskerville',serif;font-size:4rem;font-weight:700;letter-spacing:-1px;color:var(--ink);line-height:1}
.pron-btn{background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;color:var(--red);font-size:1rem}
.pron-speaker{font-size:1.25rem;transition:transform .15s}
.pron-btn:hover .pron-speaker{transform:scale(1.2)}
.pron-ipa{font-family:'Libre Baskerville',serif;color:#7a6f5c}
.entry-meta{margin:14px 0 22px;font-size:.95rem;color:#5d5444}
.entry-meta .muddle{color:#8a7d65}
.defs{list-style:none;display:flex;flex-direction:column;gap:18px}
.defs li{display:flex;gap:14px}
.def-num{font-family:'Libre Baskerville',serif;font-weight:700;color:var(--red);font-size:1.1rem;flex:none;width:18px}
.def-text{font-size:1.08rem;color:#2b271f}
.def-eg{display:block;margin-top:6px;color:#6b6150;font-style:italic;border-left:3px solid var(--line);padding-left:12px}
.label-informal{font-style:italic;color:var(--red);font-size:.85em;font-weight:600;margin-right:4px}
.entry-etym{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
.entry-etym h4{font-family:'Libre Baskerville',serif;font-size:.8rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--red);margin-bottom:8px}
.entry-etym p{font-size:.98rem;color:#3b362c}
.entry-cta{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.btn{cursor:pointer;font-family:inherit;font-weight:700;font-size:.98rem;padding:13px 26px;border-radius:10px;border:none;transition:transform .12s,box-shadow .2s}
.btn:active{transform:scale(.97)}
.btn-primary{background:var(--red);color:#fff;box-shadow:0 6px 18px rgba(192,57,43,.35)}
.btn-primary:hover{box-shadow:0 8px 24px rgba(192,57,43,.5)}
.btn-ghost{background:#fff;color:var(--ink);border:2px solid var(--ink)}
.btn-ghost:hover{background:var(--ink);color:#fff}
.entry-hint{margin-top:16px;font-size:.84rem;color:#9a8e76}
.entry-hint #liveViewers{color:var(--red);font-weight:700}

/* ===== REVEAL ===== */
.reveal-zone{max-height:0;opacity:0;overflow:hidden;transition:opacity .6s ease}
.reveal-zone.open{max-height:none;opacity:1}
.section{max-width:1100px;margin:0 auto;padding:64px 20px}
.section-head{text-align:center;margin-bottom:36px}
.section-head h2{font-family:'Libre Baskerville',serif;font-size:2rem;letter-spacing:-.5px}
.section-sub{color:var(--muted);margin-top:8px}
.pulse-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(22,163,74,.6);animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(22,163,74,.6)}70%{box-shadow:0 0 0 10px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
.reveal-item{opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s}
.reveal-item.in{opacity:1;transform:none}

/* ===== SENTENCES ===== */
.sentence-list{display:flex;flex-direction:column;gap:20px;max-width:820px;margin:0 auto}
.sentence{display:flex;gap:20px;background:var(--card);border:1px solid var(--x-border);border-radius:16px;overflow:hidden;align-items:stretch}
.sentence:nth-child(even){flex-direction:row-reverse}
.sentence img{width:200px;min-height:160px;object-fit:cover;flex:none}
.sentence-body{padding:22px;display:flex;flex-direction:column;justify-content:center}
.sentence-body p{font-size:1.18rem;font-family:'Libre Baskerville',serif;line-height:1.5}
.sentence-body p b{color:var(--red);font-style:normal}
.sentence-src{margin-top:12px;color:var(--muted);font-size:.82rem}
@media(max-width:640px){.sentence,.sentence:nth-child(even){flex-direction:column}.sentence img{width:100%;height:220px}}

/* ===== TWIN ===== */
.twin-card{display:flex;gap:30px;background:var(--card);border:1px solid var(--x-border);border-radius:18px;padding:24px;align-items:center;max-width:900px;margin:0 auto}
.twin-img{width:46%;border-radius:12px;flex:none}
.twin-readout h3{font-size:1.3rem;margin-bottom:16px}
.match-bar{position:relative;background:var(--card2);border-radius:999px;height:34px;overflow:hidden;margin-bottom:14px;border:1px solid var(--x-border)}
.match-fill{height:100%;width:0;background:linear-gradient(90deg,#16a34a,#22c55e);transition:width 2s ease;border-radius:999px}
.match-num{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.findings{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:8px;color:var(--muted)}
.findings b{color:var(--txt)}
@media(max-width:640px){.twin-card{flex-direction:column}.twin-img{width:100%}}

/* ===== GALLERY ===== */
.gallery-grid{columns:3;column-gap:16px}
@media(max-width:900px){.gallery-grid{columns:2}}
@media(max-width:560px){.gallery-grid{columns:1}}
.gphoto{break-inside:avoid;margin-bottom:16px;border-radius:14px;overflow:hidden;position:relative;background:var(--card);border:1px solid var(--x-border);cursor:pointer}
.gphoto img{width:100%;display:block;transition:transform .4s}
.gphoto:hover img{transform:scale(1.04)}
.gphoto-cap{padding:12px 14px;font-size:.92rem;color:var(--txt)}
.gphoto-cap .tag{display:block;color:var(--red);font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.6px;margin-bottom:3px}
.gphoto-likes{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);padding:4px 9px;border-radius:999px;font-size:.78rem;font-weight:600}

/* ===== SOCIAL GRID ===== */
.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
@media(max-width:860px){.social-grid{grid-template-columns:1fr}}

/* X FEED */
.x-feed{background:#000;border:1px solid var(--x-border);border-radius:18px;overflow:hidden}
.x-feed-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--x-border);font-weight:800}
.x-logo{font-size:1.3rem}
.x-trend{margin-left:auto;font-size:.78rem;color:var(--muted);font-weight:500}
.x-posts{max-height:620px;overflow-y:auto}
.x-post{display:flex;gap:12px;padding:14px 18px;border-bottom:1px solid var(--x-border);animation:slideIn .5s ease}
@keyframes slideIn{from{opacity:0;transform:translateY(-10px);background:#0a1a26}to{opacity:1;transform:none}}
.x-av{width:42px;height:42px;border-radius:50%;flex:none;object-fit:cover;background:var(--card2)}
.x-body{flex:1;min-width:0}
.x-name-row{display:flex;align-items:center;gap:5px;font-size:.92rem}
.x-name{font-weight:700}
.verified{color:var(--blue);font-size:.85em}
.verified.gold{color:var(--gold)}
.x-handle,.x-time{color:var(--muted);font-weight:400}
.x-text{font-size:.95rem;margin:3px 0 8px;word-wrap:break-word}
.x-text .hashtag{color:var(--blue)}
.x-actions{display:flex;gap:28px;color:var(--muted);font-size:.82rem}
.x-actions span{display:flex;align-items:center;gap:6px;cursor:pointer;transition:color .15s}
.x-actions .act-like:hover{color:var(--red)}
.x-actions .act-rt:hover{color:var(--green)}

/* INSTAGRAM */
.ig-card{background:var(--card);border:1px solid var(--x-border);border-radius:18px;overflow:hidden}
.ig-head{display:flex;gap:14px;padding:18px;align-items:flex-start;flex-wrap:wrap}
.ig-avatar{width:62px;height:62px;border-radius:50%;padding:3px;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);flex:none}
.ig-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--card)}
.ig-meta{flex:1;min-width:140px}
.ig-handle{font-weight:700;font-size:1rem}
.ig-stats{display:flex;gap:16px;font-size:.82rem;color:var(--muted);margin:6px 0}
.ig-stats b{color:var(--txt)}
.ig-bio{font-size:.85rem;line-height:1.45}
.ig-follow{background:var(--blue);color:#fff;border:none;border-radius:9px;padding:8px 22px;font-weight:700;cursor:pointer;font-family:inherit}
.ig-follow.following{background:var(--card2);color:var(--txt);border:1px solid var(--x-border)}
.ig-highlights{display:flex;gap:18px;padding:6px 18px 16px;overflow-x:auto}
.ig-hl{text-align:center;flex:none}
.ig-hl-ring{width:54px;height:54px;border-radius:50%;border:2px solid var(--x-border);display:grid;place-items:center;font-size:1.4rem;background:var(--card2)}
.ig-hl span{display:block;font-size:.72rem;color:var(--muted);margin-top:5px}
.ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.ig-cell{position:relative;aspect-ratio:1;overflow:hidden;cursor:pointer}
.ig-cell img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.ig-cell:hover img{transform:scale(1.08)}
.ig-cell-likes{position:absolute;inset:0;background:rgba(0,0,0,.45);color:#fff;display:flex;align-items:center;justify-content:center;gap:14px;font-weight:700;opacity:0;transition:opacity .2s;font-size:.9rem}
.ig-cell:hover .ig-cell-likes{opacity:1}

/* ===== TRENDING DASH ===== */
.dash{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}
@media(max-width:760px){.dash{grid-template-columns:1fr}}
.chart-card{background:var(--card);border:1px solid var(--x-border);border-radius:18px;padding:22px}
.chart-top{display:flex;justify-content:space-between;color:var(--muted);font-size:.85rem;margin-bottom:10px}
.chart-up{color:var(--green);font-weight:800}
.chart{width:100%;height:200px}
.chart-x{display:flex;justify-content:space-between;color:var(--muted);font-size:.72rem;margin-top:6px}
.stat-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.stat{background:var(--card);border:1px solid var(--x-border);border-radius:16px;padding:22px;text-align:center}
.stat-num{font-size:2.1rem;font-weight:900;font-family:'Libre Baskerville',serif;color:var(--txt);line-height:1}
.stat-lbl{color:var(--muted);font-size:.82rem;margin-top:8px}

/* ===== ENDORSEMENTS ===== */
.quote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.quote{background:var(--card);border:1px solid var(--x-border);border-radius:16px;padding:24px;position:relative}
.quote-mark{font-family:'Libre Baskerville',serif;font-size:3rem;color:var(--red);line-height:.5;opacity:.4}
.quote-text{font-size:1.05rem;margin:6px 0 16px;font-style:italic}
.quote-who{display:flex;align-items:center;gap:10px}
.quote-av{width:38px;height:38px;border-radius:50%;background:var(--card2);display:grid;place-items:center;font-size:1.1rem}
.quote-who b{display:block}.quote-who span{color:var(--muted);font-size:.82rem}

/* ===== RELATED ===== */
.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.related{background:var(--card);border:1px solid var(--x-border);border-left:4px solid var(--red);border-radius:12px;padding:20px}
.related b{font-family:'Libre Baskerville',serif;font-size:1.2rem}
.pos-sm{color:var(--red);font-style:italic;margin-left:6px;font-size:.85rem}
.related p{color:var(--muted);margin-top:8px;font-size:.92rem}
.related em{color:var(--txt)}

/* ===== SIGNUP ===== */
.signup-card{background:linear-gradient(135deg,#1d2026,#16181d);border:1px solid var(--x-border);border-radius:22px;padding:46px;text-align:center;max-width:620px;margin:0 auto}
.signup-card h2{font-family:'Libre Baskerville',serif;font-size:1.8rem}
.signup-card p{color:var(--muted);margin-top:8px}
.signup-form{display:flex;gap:10px;margin-top:22px;justify-content:center;flex-wrap:wrap}
.signup-form input{background:var(--bg);border:1px solid var(--x-border);border-radius:10px;padding:13px 16px;color:var(--txt);font-size:1rem;min-width:240px;font-family:inherit}
.signup-note{margin-top:14px;color:var(--green);font-weight:600;min-height:20px}

/* ===== FOOTER ===== */
.footer{background:#0a0c10;border-top:1px solid #23262d;padding:48px 20px 28px;margin-top:40px}
.footer-cols{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}
@media(max-width:760px){.footer-cols{grid-template-columns:1fr 1fr}}
.footer h5{font-family:'Libre Baskerville',serif;margin-bottom:12px}
.footer p{color:var(--muted);font-size:.88rem}
.footer a{display:block;color:var(--muted);text-decoration:none;font-size:.88rem;padding:3px 0}
.footer a:hover{color:var(--txt)}
.footer-bottom{max-width:1100px;margin:36px auto 0;padding-top:20px;border-top:1px solid #23262d;color:var(--muted);font-size:.82rem;text-align:center}

/* ===== TOASTS ===== */
.toast-wrap{position:fixed;bottom:20px;left:20px;z-index:100;display:flex;flex-direction:column;gap:10px;max-width:320px}
.toast{background:var(--card);border:1px solid var(--x-border);border-left:4px solid var(--green);border-radius:12px;padding:12px 16px;box-shadow:var(--shadow);font-size:.88rem;animation:toastIn .4s ease;display:flex;gap:10px;align-items:center}
.toast.live{border-left-color:var(--red)}
.toast-emoji{font-size:1.3rem}
.toast b{color:var(--txt)}.toast small{color:var(--muted);display:block}
@keyframes toastIn{from{opacity:0;transform:translateX(-110%)}to{opacity:1;transform:none}}
.toast.out{animation:toastOut .4s ease forwards}
@keyframes toastOut{to{opacity:0;transform:translateX(-110%)}}

/* ===== PINIGOTI-FY ===== */
.pgfy-card{max-width:620px;margin:0 auto;background:var(--card);border:1px solid var(--x-border);border-radius:18px;padding:28px}
.pgfy-form{display:flex;gap:10px;flex-wrap:wrap}
.pgfy-form input{flex:1;min-width:220px;background:var(--bg);border:1px solid var(--x-border);border-radius:10px;padding:14px 16px;color:var(--txt);font-size:1rem;font-family:inherit}
.pgfy-result{margin-top:22px;opacity:0;transform:translateY(10px);transition:.4s}
.pgfy-result.show{opacity:1;transform:none}
.pg-row{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-radius:12px;font-size:1.1rem}
.pg-before{background:var(--card2);color:var(--muted)}
.pg-before span:first-child{text-transform:lowercase}
.pg-after{background:linear-gradient(90deg,rgba(184,134,11,.25),rgba(57,211,83,.25));border:1px solid var(--gold);color:var(--txt);margin-top:4px}
.pg-after b{text-transform:lowercase}
.pg-arrow{text-align:center;color:var(--red);font-weight:800;font-size:.85rem;letter-spacing:.5px;padding:8px 0}
.pg-rate{font-weight:800;white-space:nowrap}
.pg-max{color:#39d353}
.pg-verdict{text-align:center;margin-top:14px;font-family:'Libre Baskerville',serif;font-style:italic;color:var(--gold);font-size:1.05rem}

/* ===== POP-UP AD ===== */
.adlay{position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:200;display:none;overflow-y:auto;padding:20px;animation:fadeIn .3s ease}
.adlay.open{display:block}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.adbox{width:100%;max-width:420px;margin:24px auto;background:#fff;color:#1a1814;border-radius:14px;overflow:hidden;box-shadow:0 0 0 4px #ffd000,0 30px 80px rgba(0,0,0,.6);animation:adPop .4s cubic-bezier(.18,1.4,.5,1)}
@keyframes adPop{from{transform:scale(.6) rotate(-3deg);opacity:0}to{transform:none;opacity:1}}
.adbar{display:flex;align-items:center;gap:8px;background:#1a1814;color:#cfd6e0;padding:7px 10px;font-size:.74rem}
.ad-tag{background:#ffd000;color:#1a1814;font-weight:900;padding:1px 6px;border-radius:3px;animation:blink 1s infinite}
.ad-spon{flex:1;font-style:italic;opacity:.8}
.ad-x{background:#3a3a3a;color:#fff;border:none;width:22px;height:22px;border-radius:4px;cursor:pointer;font-size:.7rem;line-height:1}
.ad-x:hover{background:#c0392b}
.ad-body{padding:18px 22px 20px;text-align:center}
.ad-flash{background:linear-gradient(90deg,#ff0040,#ff7b00);color:#fff;font-weight:900;font-size:.82rem;padding:7px;border-radius:6px;margin-bottom:14px;letter-spacing:.3px;animation:flashpulse .8s infinite alternate}
@keyframes flashpulse{from{transform:scale(1)}to{transform:scale(1.04)}}
.ad-head{font-family:'Inter',sans-serif;font-size:1.9rem;font-weight:900;color:#c0392b;line-height:1.1;text-shadow:1px 1px 0 #ffd000}
.ad-sub{font-size:.95rem;margin:10px 0 14px;color:#333}
.ad-sub u{text-decoration-color:#c0392b}
.ad-img-wrap{position:relative;border-radius:10px;overflow:hidden;border:3px solid #ffd000}
.ad-img-wrap img{width:100%;display:block}
.ad-img-cap{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.65);color:#fff;font-size:.72rem;padding:5px;font-style:italic}
.ad-bullets{list-style:none;text-align:left;margin:14px auto;max-width:300px;display:flex;flex-direction:column;gap:6px;font-size:.92rem;font-weight:600}
.ad-cta{width:100%;background:linear-gradient(180deg,#39d353,#16a34a);color:#fff;border:none;border-radius:10px;padding:15px;font-size:1.05rem;font-weight:900;cursor:pointer;box-shadow:0 5px 0 #0c7a32;animation:ctawiggle 1.2s ease-in-out infinite}
.ad-cta:hover{filter:brightness(1.05)}
.ad-cta:active{transform:translateY(4px);box-shadow:0 1px 0 #0c7a32}
@keyframes ctawiggle{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
.ad-fine{font-size:.64rem;color:#999;margin-top:12px;line-height:1.4}
@media(max-width:460px){.ad-head{font-size:1.5rem}}

/* lightbox */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:120;display:none;align-items:center;justify-content:center;padding:30px;cursor:zoom-out}
.lightbox.open{display:flex}
.lightbox img{max-width:90%;max-height:88%;border-radius:10px;box-shadow:var(--shadow)}