@import "https://fonts.googleapis.com/css2?family=Mukta:wght@400;700&family=Inter:wght@400;500&display=swap";:root{--color-saffron:#f93;--color-maroon:maroon;--color-cream:#fff8e1;--color-cream-transparent:#fff8e1d9;--color-dark-grey:#2d2d2d;--color-white:#fff;--color-border:#fde68a;--color-text-muted:#374151}body.dark{--color-saffron:#d4af37;--color-maroon:#d4af37;--color-cream:#1a1a1a;--color-cream-transparent:#1a1a1ad9;--color-dark-grey:#e5e7eb;--color-white:#262626;--color-border:#404040;--color-text-muted:#d1d5db}body{background-color:var(--color-cream);color:var(--color-dark-grey);margin:0;padding:0;font-family:Mukta,sans-serif;line-height:1.8}body.focus-mode-active{height:100vh;overflow:hidden}h1,h2,h3,h4,h5,h6,title{font-family:Mukta,sans-serif;font-weight:700}.app-container{flex-direction:column;max-width:1024px;min-height:100vh;margin:0 auto;padding:0 16px 20px;display:flex}body.focus-mode-active .app-container{padding:0}.sticky-header{background-color:var(--color-cream-transparent);-webkit-backdrop-filter:blur(8px);z-index:50;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-bottom:24px;transition:padding .3s;display:flex;position:sticky;top:0;box-shadow:0 2px 4px -2px #0000001a}.hidden-in-focus-mode{display:none!important}.sidebar-left-pane,.sidebar-right-pane{display:contents}.header-title-container{align-items:center;max-height:50px;margin:0 0 12px;font-size:24px;transition:all .3s;display:flex;overflow:hidden}.header-actions{flex-direction:column;flex-shrink:0;align-items:stretch;gap:8px;width:100%;max-height:100px;transition:all .3s;display:flex;overflow:hidden}.header-actions-row{justify-content:center;gap:8px;width:100%;display:flex}.header-actions-row:first-child{justify-content:space-between}.sticky-header div{color:var(--color-maroon);margin:0;font-size:28px}.theme-toggle{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-size:1.5rem;transition:transform .2s}.theme-toggle:active{transform:scale(.9)}.install-btn,.add-btn{background-color:var(--color-maroon);color:var(--color-white);cursor:pointer;white-space:nowrap;border:none;border-radius:9999px;align-items:center;gap:6px;padding:6px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:background-color .2s,transform .1s,box-shadow .2s,filter .2s;display:inline-flex;box-shadow:0 2px 5px #0003}.install-btn:hover,.add-btn:hover{filter:brightness(.95);transform:translateY(-1px);box-shadow:0 4px 8px #0003}.install-btn:active,.add-btn:active{transform:translateY(1px)scale(.98);box-shadow:0 1px 2px #0003}body.dark .install-btn,body.dark .add-btn{color:var(--color-cream)}@media (width<=1023px){.sticky-header.scrolled .header-actions{opacity:0;max-height:0;margin-bottom:0}.sticky-header.scrolled{padding:8px 0}}.search-input{background-color:var(--color-white);width:100%;color:var(--color-dark-grey);border:1px solid var(--color-border);box-sizing:border-box;border-radius:9999px;outline:none;padding:12px 20px;font-family:Inter,sans-serif;font-size:16px;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--color-saffron);box-shadow:0 0 0 2px #f933}.content-type-tabs{scrollbar-width:none;justify-content:center;gap:16px;width:100%;margin-bottom:16px;display:flex;overflow-x:auto}.content-type-tabs::-webkit-scrollbar{display:none}.tab-btn{color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background-color:#0000;border:none;border-bottom:3px solid #0000;padding:8px 12px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;transition:all .2s}.tab-btn.active{color:var(--color-saffron);border-bottom-color:var(--color-saffron)}.search-container{width:100%;max-width:600px;margin:0 auto;position:relative}.search-container.has-query .search-input{padding-right:40px}.clear-search-btn{cursor:pointer;color:#888;background:0 0;border:none;font-size:20px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.filter-chips{scrollbar-width:none;flex-direction:row;gap:10px;width:100%;margin-top:16px;padding-bottom:10px;display:flex;overflow-x:auto}@media (width>=768px){.filter-chips{flex-wrap:wrap;justify-content:center;overflow-x:visible}}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{border:1px solid var(--color-border);background-color:var(--color-white);color:var(--color-dark-grey);cursor:pointer;white-space:nowrap;border-radius:9999px;padding:.5rem 1.25rem;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:all .2s}.filter-chip.active{background-color:var(--color-saffron);border-color:var(--color-saffron);color:var(--color-white)}.aarti-list{flex-direction:column;gap:1.5rem;display:flex}.aarti-card{background-color:var(--color-white);border:1px solid var(--color-border);white-space:pre-wrap;border-radius:1rem;padding:1.5rem;transition:box-shadow .2s,border-color .2s;position:relative;box-shadow:0 1px 3px #0000000d}.aarti-card:hover{border-color:var(--color-saffron);box-shadow:0 4px 12px #ff993326}.aarti-title{color:var(--color-maroon);margin:0 0 4px;padding-right:120px;font-size:22px}.aarti-deity{color:var(--color-saffron);text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:14px;font-weight:700}.aarti-lyrics{color:var(--color-text-muted);font-size:1.125rem}.font-resizer{align-items:center;gap:.5rem;display:flex;position:absolute;top:1.5rem;right:1.5rem}.font-btn{background-color:var(--color-cream);border:1px solid var(--color-border);color:var(--color-maroon);cursor:pointer;border-radius:.5rem;padding:.25rem .5rem;font-size:.875rem;font-weight:700;transition:background-color .2s,transform .1s}.font-btn:active{transform:scale(.95)}.favorite-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 .25rem;font-size:1.25rem;transition:transform .2s;display:flex}.favorite-btn:active{transform:scale(.8)}@media (width>=1024px){.app-container{flex-direction:row;align-items:flex-start;gap:32px;padding-top:32px;padding-right:24px}.sticky-header{-webkit-backdrop-filter:none;width:auto;box-shadow:none;background-color:#0000;flex-direction:column;flex-shrink:0;order:1;align-items:flex-start;gap:16px;width:200px;margin-bottom:0;padding:0;display:flex;top:32px}.sidebar-left-pane,.sidebar-right-pane{flex-direction:column;gap:16px;display:flex}.sidebar-right-pane{flex-shrink:0;order:2;width:280px;max-height:calc(100vh - 64px);position:sticky;top:32px}body.focus-mode-active .app-container{flex-direction:column}.header-actions{flex-direction:column;align-items:stretch;gap:16px;max-height:none;margin:0;padding-top:0;overflow:visible}.header-actions-row{justify-content:flex-start;gap:12px;display:flex}.header-actions-row:first-child{justify-content:space-between}.header-title-container{max-height:none;margin:0;padding-top:0;font-size:24px;overflow:visible}.search-container{width:100%;max-width:none;margin:0}.content-type-tabs{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;margin-bottom:0}.tab-btn{text-align:left;white-space:normal;border-bottom:none;border-left:3px solid #0000}.tab-btn.active{border-bottom-color:#0000;border-left-color:var(--color-saffron)}.filter-chips{flex-flow:column;flex-grow:1;justify-content:flex-start;align-items:stretch;margin-top:0;padding-bottom:32px;overflow-y:auto}.filter-chip{text-align:left;white-space:normal}.aarti-list{flex-grow:1;order:3;min-width:0}.focused-aarti-card{padding:3rem}}
