:root{--bg: #f7f7f7;--fg: #1a1a1a;--muted: #6b7280;--border: #e5e7eb;--accent: #1d4ed8;--accent-soft: #eff6ff;--card: #ffffff;--radius: 14px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:860px;margin:0 auto;padding:0 16px}.header{padding:28px 0 16px;border-bottom:1px solid var(--border)}.logo{margin:0;font-size:28px;font-weight:800;letter-spacing:-.02em}.tagline{margin:4px 0 0;color:var(--muted);font-size:14px}.search-wrap{margin:20px 0 12px}#search{width:100%;padding:14px 16px;font-size:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);outline:none;transition:border-color .15s,box-shadow .15s}#search:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.search-meta{display:flex;gap:8px;align-items:center;margin-top:8px;font-size:13px;color:var(--muted)}.source-badge{padding:2px 8px;border-radius:999px;background:var(--accent-soft);border:1px solid #bfdbfe;color:var(--accent);font-weight:600;font-size:12px}.abjad{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 16px}.abjad button{padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--card);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.abjad button:hover{border-color:var(--accent);background:var(--accent-soft)}.abjad button.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.results{list-style:none;padding:0;margin:0;display:grid;gap:5px;font-size:16px}.kata{font-weight:700;font-size:1.1em;word-break:break-word;font-family:Times New Roman,Times,serif;display:inline-block}.kata mark,.arti mark{background:#fef08a;padding:0;border-radius:3px}.arti{margin-top:4px;color:#374151;font-size:.95em;word-break:break-word;display:inline-block;padding-left:7px;color:#777}.badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;font-size:11px;font-weight:700;vertical-align:middle;border:1px solid #e5e7eb;color:var(--muted)}.badge-kbji{border-color:#c4b5fd;background:#f5f3ff;color:#6d28d9}.empty{text-align:center;color:var(--muted);padding:24px 0}.footer{margin-top:32px;padding:20px 0 32px;border-top:1px solid var(--border);color:var(--muted);font-size:13px}.footer a{color:var(--accent);text-decoration:none}.footer a:hover{text-decoration:underline}.small{margin-top:6px;font-size:12px}code{background:#f3f4f6;padding:1px 4px;border-radius:4px;font-size:12px}