:root{--cream:#faf7f0;--green:#244c3a;--green-tint:color-mix(in srgb, var(--green) 8%, var(--cream));--green-soft:color-mix(in srgb, var(--green) 20%, var(--cream));--green-mid:color-mix(in srgb, var(--green) 70%, var(--cream));--cream-on-green:color-mix(in srgb, var(--cream) 85%, var(--green));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Noto Sans Tamil,Tamil Sangam MN,Latha,Nirmala UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--cream);color:var(--green);margin:0;font-size:18px;line-height:1.8}a{color:var(--green)}h1,h2,h3{margin:0 0 .5rem;line-height:1.4}button,input,select{font:inherit;color:var(--green)}:focus-visible{outline:3px solid var(--green);outline-offset:2px}.header{background:var(--green);color:var(--cream);padding:1.25rem 1rem}.header a{color:var(--cream);text-decoration:none}.header .inner,.container{max-width:960px;margin:0 auto;padding:0 1rem}.header .inner{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;padding:0;display:flex}.header h1{margin:0;font-size:1.6rem}.count{color:var(--cream-on-green)}.container{padding-top:1.25rem;padding-bottom:3rem}.footer{border-top:2px solid var(--green);background:var(--green-tint);text-align:center;font-size:.95rem}.footer .container{padding-top:1rem;padding-bottom:1rem}.footer p{overflow-wrap:anywhere;margin:.15rem 0}.search{gap:.5rem;margin-bottom:1rem;display:flex}.search input{border:2px solid var(--green);background:var(--cream);border-radius:6px;flex:1;min-width:0;padding:.6rem .8rem}.btn{background:var(--green);color:var(--cream);border:2px solid var(--green);cursor:pointer;border-radius:6px;padding:.55rem 1rem}.btn:hover:not(:disabled),.btn.secondary{background:var(--cream);color:var(--green)}.btn.secondary:hover:not(:disabled){background:var(--green-soft)}.btn:disabled{opacity:.45;cursor:not-allowed}.filters{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.filters select{border:2px solid var(--green);background:var(--cream);border-radius:6px;max-width:100%;padding:.5rem}.card{border:1px solid var(--green-soft);background:var(--green-tint);border-radius:8px;margin-bottom:.75rem;padding:.8rem 1rem;text-decoration:none;display:block}.card:hover{border-color:var(--green)}.card .num{color:var(--green-mid);font-size:.9rem}.card .verse{white-space:pre-line;margin:0;font-weight:600}.pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:1.25rem;display:flex}.panel{border:1px solid var(--green-soft);background:var(--cream);border-radius:8px;margin-bottom:1.25rem;padding:1rem 1.25rem}.panel.verse-panel{background:var(--green);color:var(--cream)}.panel.verse-panel .meta{color:var(--cream-on-green)}.verse-text{white-space:pre-line;margin:.5rem 0 0;font-size:1.35rem;font-weight:700}.meta{color:var(--green-mid);font-size:.95rem}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--green-soft);padding:.5rem .6rem}.table th{background:var(--green-tint)}.table-wrap{overflow-x:auto}.story{white-space:pre-line}.note{border-left:4px solid var(--green);background:var(--green-tint);border-radius:0 6px 6px 0;padding:.6rem .9rem;font-size:.95rem}.state{border:2px dashed var(--green-soft);text-align:center;border-radius:8px;padding:1.25rem}.state.error{border:2px solid var(--green);background:var(--green-tint)}.spinner{border:3px solid var(--green-soft);border-top-color:var(--green);vertical-align:middle;border-radius:50%;width:1.6rem;height:1.6rem;margin-right:.6rem;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}@media (width<=600px){body{font-size:17px}.header h1{font-size:1.35rem}.verse-text{font-size:1.2rem}}
