.cari-form{margin-top:1rem;display:flex;flex-direction:column;gap:.65rem}.cari-input{width:100%;padding:.85rem 1rem;border:1px solid oklch(from var(--color-gold) l c h / .3);border-radius:14px;background:var(--color-surface-offset);color:var(--color-text);font:inherit;font-size:1rem;resize:vertical;transition:border-color .15s,background .15s;line-height:1.5}.cari-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-surface)}.cari-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}.cari-tabs{display:flex;gap:.3rem;flex-wrap:wrap}.cari-tab{background:var(--color-surface-offset);border:1px solid oklch(from var(--color-primary) l c h / .18);color:var(--color-text-muted);border-radius:999px;padding:.4rem .95rem;font:inherit;font-size:.82rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.cari-tab:hover{color:var(--color-text)}.cari-tab.active{background:var(--color-primary);color:#fff;border-color:transparent}.cari-submit{padding:.55rem 1.4rem;font-size:.92rem;border-radius:12px}.cari-submit[disabled]{opacity:.6;cursor:wait}.cari-chips-row{margin-top:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .9rem}.cari-chips-row__label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);flex-shrink:0}.cari-chips-row--personal .cari-chips-row__label{color:var(--color-gold)}.cari-chips-row__chips{display:flex;flex-wrap:wrap;gap:.4rem}.cari-chip{display:inline-flex;align-items:center;padding:.4rem .9rem;border-radius:999px;background:var(--color-surface);border:1px solid oklch(from var(--color-primary) l c h / .22);color:var(--color-text-muted);font:inherit;font-size:.82rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .1s}.cari-chip:hover{background:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.cari-chip--personal{background:oklch(from var(--color-gold) l c h / .08);border-color:oklch(from var(--color-gold) l c h / .35);color:#92400e;font-weight:600}.cari-chip--personal:hover{background:oklch(from var(--color-gold) l c h / .18);border-color:var(--color-gold);color:#7c2d12}.cari-empty-state{margin-top:2rem;padding:2rem 1rem;text-align:center;color:var(--color-text-muted)}.cari-empty-state__icon{display:inline-block;font-size:2.4rem;opacity:.6;margin-bottom:.5rem}.cari-empty-state__title{margin:0;font-size:.95rem;line-height:1.55;color:var(--color-text)}.cari-empty-state__hint{margin:.6rem 0 0;font-size:.82rem;color:var(--color-text-muted);font-style:italic}.cari-mode-banner{margin:1rem 0 0;padding:.65rem .9rem;border-radius:10px;background:oklch(from var(--color-gold) l c h / .08);border:1px solid oklch(from var(--color-gold) l c h / .35);color:var(--color-text);font-size:.82rem;line-height:1.5}.cari-results-list{list-style:none;padding:0;margin:1.5rem 0 0;display:flex;flex-direction:column;gap:1rem}.cari-result{padding:1.2rem 1.25rem;border-radius:16px;background:var(--color-surface);border:1px solid var(--color-divider);box-shadow:0 1px 3px #00000008;transition:border-color .18s,box-shadow .18s,transform .18s}.cari-result:hover{border-color:oklch(from var(--color-gold) l c h / .5);box-shadow:0 6px 20px #00000012;transform:translateY(-2px)}.cari-result__top{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-bottom:.9rem}.cari-result__type{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .7rem;border-radius:999px;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;line-height:1}.cari-result--ayat .cari-result__type{background:var(--color-primary-subtle);color:var(--color-primary);border:1px solid oklch(from var(--color-primary) l c h / .3)}.cari-result--hadits .cari-result__type{background:oklch(from var(--color-gold) l c h / .13);color:#92400e;border:1px solid oklch(from var(--color-gold) l c h / .4)}.cari-result__type-icon{font-size:.85rem}.cari-result__ref{flex:1;font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--color-text);min-width:0}.cari-result__ref strong{font-weight:700}.cari-result__ref-num{color:var(--color-text-muted);font-weight:500}.cari-result__match{display:inline-flex;align-items:baseline;gap:.25rem;padding:.25rem .65rem;background:var(--color-surface-offset);border-radius:999px;border:1px solid var(--color-divider);font-size:.7rem;color:var(--color-text-muted);line-height:1;white-space:nowrap}.cari-result__match-num{font-weight:700;color:var(--color-text);font-size:.78rem}.cari-result__arabic-block{margin:0;padding:.9rem 1.1rem;background:oklch(from var(--color-gold) l c h / .045);border-radius:12px;border-right:3px solid oklch(from var(--color-gold) l c h / .4)}.cari-result__arabic{margin:0;font-family:var(--font-quran, "Scheherazade New", "Amiri", serif);font-size:1.55rem;line-height:2.15;text-align:right;color:var(--color-text-arabic);direction:rtl}.cari-result__translation{margin:.85rem 0 0;color:var(--color-text);line-height:1.7;font-size:.95rem}.cari-result__actions{margin-top:1.1rem;padding-top:.9rem;border-top:1px dashed var(--color-divider);display:flex;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}.cari-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:999px;text-decoration:none;font-size:.85rem;font-weight:600;border:1px solid;line-height:1.2;transition:background .15s,color .15s,border-color .15s,transform .1s;white-space:nowrap}.cari-btn:hover{transform:translateY(-1px)}.cari-btn__icon{font-size:.95rem;line-height:1}.cari-btn--ghost{background:var(--color-surface);border-color:oklch(from var(--color-primary) l c h / .32);color:var(--color-primary)}.cari-btn--ghost:hover{background:var(--color-primary-subtle);border-color:var(--color-primary)}.cari-btn--primary{background:linear-gradient(135deg,oklch(from var(--color-gold) calc(l*.95) c h),oklch(from var(--color-gold-light) calc(l*1.02) c h));color:#1c1510;border-color:oklch(from var(--color-gold) l c h / .7);box-shadow:0 2px oklch(from var(--color-gold) l c h / .2) inset,0 2px 12px oklch(from var(--color-gold) l c h / .25)}.cari-btn--primary:hover{box-shadow:0 2px oklch(from var(--color-gold) l c h / .25) inset,0 6px 20px oklch(from var(--color-gold) l c h / .4)}[data-theme=dark] .cari-btn--primary{color:#0c1410}.cari-result__covered{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:999px;background:oklch(from var(--color-success, #2E6B35) l c h / .14);color:var(--color-success, #2E6B35);border:1px solid oklch(from var(--color-success, #2E6B35) l c h / .4);font-size:.65rem;font-weight:600;line-height:1}.cari-result__grade{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1}.cari-result__grade.grade-shahih{background:oklch(from var(--color-success) l c h / .15);color:var(--color-success)}.cari-result__grade.grade-hasan{background:oklch(from var(--color-primary) l c h / .15);color:var(--color-primary)}.cari-result__grade.grade-dhaif{background:oklch(from var(--color-warning) l c h / .15);color:var(--color-warning)}.cari-result__grade.grade-mawdu{background:oklch(from var(--color-error) l c h / .15);color:var(--color-error)}.cari-result__grade.grade-unknown{background:var(--color-surface-offset);color:var(--color-text-muted)}.cari-skeleton{height:220px;background:linear-gradient(90deg,var(--color-surface-offset),var(--color-surface),var(--color-surface-offset));background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:16px;border:1px solid var(--color-divider)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:480px){.cari-result{padding:1rem}.cari-result__arabic{font-size:1.4rem;line-height:2}.cari-result__actions{justify-content:stretch}.cari-btn{flex:1;justify-content:center}}