:root{--bg: #0e0f13;--bg-soft: #16181f;--card: #1b1e27;--line: #2a2e3a;--txt: #f3f4f8;--mut: #9aa0b0;--accent: #ffd24a;--accent-2: #7c5cff;--gold: #ffce5c;--radius: 16px;--shadow: 0 10px 40px rgba(0, 0, 0, .45);--font: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:radial-gradient(1100px 600px at 80% -10%,rgba(124,92,255,.18),transparent 60%),radial-gradient(900px 500px at -10% 10%,rgba(255,210,74,.12),transparent 55%),var(--bg);color:var(--txt);font-family:var(--font);-webkit-font-smoothing:antialiased;min-height:100%}.wrap{max-width:760px;margin:0 auto;padding:clamp(28px,7vw,72px) 20px 56px}.hero{text-align:center;margin-bottom:30px}h1{font-size:clamp(28px,6vw,46px);font-weight:800;letter-spacing:-.02em;line-height:1.05}.accent{background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.sub{color:var(--mut);margin:14px auto 0;max-width:44ch;font-size:16px}.search{display:flex;gap:10px;margin:26px auto 14px;max-width:560px;flex-wrap:wrap}.search input{flex:1 1 160px;min-width:0;padding:14px 16px;font-size:16px;color:var(--txt);background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;outline:none;transition:border-color .15s,box-shadow .15s}.search input::placeholder{color:#6a7184}.search input:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px #7c5cff40}.search button{flex:0 0 auto;padding:14px 24px;font-size:16px;font-weight:700;color:#1a1505;background:linear-gradient(120deg,var(--accent),#ffb347);border:0;border-radius:12px;cursor:pointer;transition:transform .12s,filter .15s}.search button:hover{filter:brightness(1.06);transform:translateY(-1px)}.search button:active{transform:translateY(0)}.samples{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}.samples-lbl{color:var(--mut);font-size:13px}.sample{padding:6px 12px;font-size:13px;color:var(--mut);background:transparent;border:1px solid var(--line);border-radius:999px;cursor:pointer;transition:all .15s}.sample:hover{color:var(--txt);border-color:var(--accent-2)}.for{color:var(--mut);margin:6px 0 18px;font-size:15px}.for strong{color:var(--txt)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;margin-bottom:14px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);animation:rise .4s ease forwards}.card.gold{border-color:#ffce5c80;background:linear-gradient(180deg,rgba(255,206,92,.06),var(--card))}@keyframes rise{to{opacity:1;transform:none}}.card-h{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ico{font-size:20px}.card-h h3{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--mut)}.card.gold .card-h h3{color:var(--gold)}.card-b{font-size:22px;font-weight:600}.pun{font-size:clamp(24px,5vw,34px);font-weight:800;letter-spacing:-.01em;background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.card-n{margin-top:12px;color:var(--mut);font-size:13px;font-weight:400}.acro-box{display:flex;flex-direction:column;gap:6px}.acro{display:flex;align-items:baseline;gap:12px;font-size:18px;font-weight:600}.acro-l{display:inline-flex;justify-content:center;width:26px;font-weight:800;color:var(--accent);font-size:20px}.tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tag{padding:6px 12px;font-size:16px;font-weight:600;background:var(--bg-soft);border:1px solid var(--line);border-radius:10px}.leftover{color:var(--mut);font-size:14px;font-weight:500;letter-spacing:.1em}.mm-q{font-size:16px;font-weight:500;color:var(--txt);line-height:1.5}.mm-a{margin-top:12px;font-size:22px;font-weight:800}.mm-eq{display:block;margin-top:4px;font-size:15px;font-weight:500;color:var(--gold)}.empty{text-align:center;padding:40px 20px;border:1px dashed var(--line);border-radius:var(--radius)}.empty h3{font-size:20px;margin-bottom:8px}.empty p{color:var(--mut)}.credit{margin-top:34px;text-align:center;color:#5a6072;font-size:12px}@media(prefers-reduced-motion:reduce){.card{animation:none;opacity:1;transform:none}}