.spike-page{background:var(--background);min-height:100dvh;color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.spike-frame{max-width:480px;min-height:100dvh;margin:auto;padding:20px 16px 48px}.spike-header h1{margin-top:16px;font-size:20px;font-weight:700}.spike-header p,.spike-card p,.spike-source{color:var(--muted-foreground);font-size:13px}.spike-back,.spike-source a{color:var(--tj-hijau);text-decoration:underline}.spike-controls{gap:10px;margin:24px 0 16px;display:grid}.spike-controls label{font-size:14px;font-weight:600}.spike-controls input{width:100%;accent-color:var(--tj-hijau)}.spike-controls button,.spike-controls select{text-align:left;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.spike-warning{background:var(--secondary);border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:13px}.spike-cards{gap:16px;display:grid}.spike-card{border:1px solid var(--border);background:var(--card);overflow-wrap:anywhere;border-radius:14px;padding:16px}.spike-selected{outline:2px solid var(--tj-hijau)}.spike-card h2{font-size:15px;font-weight:650}.spike-card p{margin:4px 0 12px}.spike-ayah{border-top:1px solid var(--border);flex-direction:column;padding:8px 0 12px;display:flex}.spike-ref{color:var(--muted-foreground);font-size:11px}.spike-words{font:var(--arfs)/2.3 var(--font-quran);padding:8px 0}.spike-word{margin-inline-end:.65em;display:inline-block;position:relative}.spike-salah{border-bottom:3px solid var(--st-salah)}.spike-mungkin{border-bottom:3px dashed var(--st-mungkin)}.spike-mark{inset-inline-end:0;background:var(--card);border-radius:4px;padding:2px 4px;font:600 12px/1 Inter,sans-serif;position:absolute;top:-.5em}.spike-salah .spike-mark{color:var(--st-salah)}.spike-mungkin .spike-mark{color:var(--st-mungkin)}.spike-source{margin-top:20px}