:root{--color-primary: #7c3aed;--color-secondary: #6b7280;--color-surface: #ffffff;--color-background: #f3f4f6;--color-text: #1f2937;--color-text-secondary: #6b7280;--chord-color: #dc2626;--chord-weight: bold}:root.dark{--color-primary: #a78bfa;--color-secondary: #9ca3af;--color-surface: #1f2937;--color-background: #111827;--color-text: #f9fafb;--color-text-secondary: #9ca3af;--chord-color: #fbbf24;--chord-weight: 500}*{box-sizing:border-box;margin:0;padding:0}html{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;scroll-behavior:smooth}body{background-color:var(--color-background);color:var(--color-text);min-height:100vh;transition:background-color .3s,color .3s}@font-face{font-family:NotoSerifKannada;src:url(../../../fonts/NotoSerifKannada-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:NotoSerifKannada;src:url(../../../fonts/NotoSerifKannada-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Benne;src:url(../../../fonts/Benne.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.kannada-text{font-family:NotoSerifKannada,serif}h1,h2,h3,h4{font-weight:600;line-height:1.3}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.card{background-color:var(--color-surface);border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1rem;transition:box-shadow .2s}.card:hover{box-shadow:0 4px 6px #0000001a}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;cursor:pointer;border:none;transition:all .2s}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{opacity:.9}.btn-icon{width:2.5rem;height:2.5rem;padding:0;border-radius:50%}.chord{color:var(--chord-color);font-weight:var(--chord-weight)}.sidebar{width:280px;background-color:var(--color-surface);border-right:1px solid rgba(0,0,0,.1);height:100vh;overflow-y:auto;position:fixed;left:0;top:0}.sidebar-header{padding:1rem;border-bottom:1px solid rgba(0,0,0,.1);text-align:center}.sidebar-content{padding:.5rem}.main-content{margin-left:280px;padding:1rem;min-height:100vh}@media(max-width:768px){.sidebar{transform:translate(-100%);z-index:50;transition:transform .3s}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}}.hymn-card{display:flex;align-items:center;padding:.75rem 1rem;border-radius:.5rem;cursor:pointer;transition:background-color .2s}.hymn-card:hover{background-color:#7c3aed1a}.hymn-number{font-weight:700;color:var(--color-primary);width:2rem;flex-shrink:0}.hymn-info{flex:1;min-width:0}.hymn-title{font-family:NotoSerifKannada,serif;font-size:1rem;margin-bottom:.25rem}.hymn-subtitle{font-size:.875rem;color:var(--color-text-secondary)}.hymn-icons{display:flex;gap:.25rem}.audio-player{background-color:var(--color-surface);border-radius:.5rem;padding:1rem;box-shadow:0 2px 4px #0000001a}.spinner{width:2rem;height:2rem;border:3px solid var(--color-secondary);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.accordion{border-radius:.5rem;overflow:hidden}.accordion-header{display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer;background-color:var(--color-surface);border-bottom:1px solid rgba(0,0,0,.05);transition:background-color .2s}.accordion-header:hover{background-color:#0000000d}.accordion-content{padding-left:1rem}.accordion-icon{transition:transform .2s}.accordion-icon.open{transform:rotate(180deg)}.text-center{text-align:center}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.p-4{padding:1rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.playlist-player.svelte-wn5hcp{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid rgba(0,0,0,.1);box-shadow:0 -4px 12px #00000026;z-index:1000;padding:.75rem 1rem}.player-content.svelte-wn5hcp{max-width:800px;margin:0 auto;position:relative}.close-btn.svelte-wn5hcp{position:absolute;top:-.5rem;right:0;background:transparent;border:none;font-size:1rem;cursor:pointer;color:var(--color-text-secondary);padding:.25rem}.close-btn.svelte-wn5hcp:hover{color:var(--color-text)}.track-info.svelte-wn5hcp{display:flex;flex-direction:column;margin-bottom:.5rem}.track-title.svelte-wn5hcp{font-weight:600;color:var(--color-text);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-subtitle.svelte-wn5hcp{font-size:.75rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loading-text.svelte-wn5hcp{color:var(--color-text-secondary)}.error-text.svelte-wn5hcp{color:#dc2626;font-size:.9rem}.progress-section.svelte-wn5hcp{margin-bottom:.5rem}.progress-slider.svelte-wn5hcp{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:#0000001a;border-radius:2px;cursor:pointer}.progress-slider.svelte-wn5hcp::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--color-primary);border-radius:50%;cursor:pointer}.time-display.svelte-wn5hcp{display:flex;justify-content:space-between;font-size:.7rem;color:var(--color-text-secondary);margin-top:.25rem}.controls.svelte-wn5hcp{display:flex;justify-content:center;align-items:center;gap:.5rem}.control-btn.svelte-wn5hcp{background:transparent;border:none;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .2s}.control-btn.svelte-wn5hcp:hover:not(:disabled){background:#0000000d}.control-btn.svelte-wn5hcp:disabled{opacity:.5;cursor:not-allowed}.control-btn.secondary.svelte-wn5hcp{font-size:1rem;opacity:.6}.control-btn.active.svelte-wn5hcp{opacity:1;color:var(--color-primary)}.control-btn.play-btn.svelte-wn5hcp{font-size:1.5rem;background:var(--color-primary);color:#fff;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center}.control-btn.play-btn.svelte-wn5hcp:hover:not(:disabled){background:var(--color-primary);filter:brightness(1.1)}@media(max-width:480px){.controls.svelte-wn5hcp{gap:.25rem}.control-btn.secondary.svelte-wn5hcp{display:none}}.app-container.svelte-12qhfyh{display:flex;min-height:100vh}.sidebar-overlay.svelte-12qhfyh{position:fixed;inset:0;background:#00000080;z-index:40;border:none;cursor:pointer}.sidebar.svelte-12qhfyh{width:280px;background:var(--color-surface);border-right:1px solid rgba(0,0,0,.1);height:100vh;overflow-y:auto;position:fixed;left:0;top:0;z-index:50;transition:transform .3s ease}.sidebar-header.svelte-12qhfyh{padding:1rem;border-bottom:1px solid rgba(0,0,0,.1);text-align:center}.logo-link.svelte-12qhfyh{text-decoration:none;color:inherit}.site-title.svelte-12qhfyh{font-size:1.1rem;color:var(--color-primary);font-weight:600}.sidebar-nav.svelte-12qhfyh{padding:.5rem}.nav-section.svelte-12qhfyh{margin-bottom:.5rem}.nav-section-title.svelte-12qhfyh{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-secondary);padding:.5rem 1rem}.nav-divider.svelte-12qhfyh{border:none;border-top:1px solid rgba(0,0,0,.1);margin:.5rem 0}.nav-link.svelte-12qhfyh{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--color-text);text-decoration:none;border-radius:.5rem;transition:background-color .2s}.nav-link.svelte-12qhfyh:hover{background:#7c3aed1a}.nav-icon.svelte-12qhfyh{font-size:1.25rem}.accordion.svelte-12qhfyh{margin-bottom:.25rem}.accordion-header.svelte-12qhfyh{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;cursor:pointer;color:var(--color-text);font-size:.9rem;border-radius:.5rem;transition:background-color .2s}.accordion-header.svelte-12qhfyh:hover{background:#0000000d}.subcategory-icon.svelte-12qhfyh{width:24px;height:24px;border-radius:50%;object-fit:cover}.subcategory-title.svelte-12qhfyh{flex:1;text-align:left}.accordion-icon.svelte-12qhfyh{font-size:.75rem;transition:transform .2s}.accordion-icon.open.svelte-12qhfyh{transform:rotate(180deg)}.accordion-content.svelte-12qhfyh{padding-left:1rem}.category-link.svelte-12qhfyh{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:var(--color-text);text-decoration:none;font-size:.875rem;border-left:2px solid rgba(0,0,0,.1);transition:all .2s}.category-link.svelte-12qhfyh:hover{background:#7c3aed1a;border-left-color:var(--color-primary)}.category-letter.svelte-12qhfyh{font-weight:600;color:var(--color-primary)}.main-content.svelte-12qhfyh{flex:1;margin-left:280px}.top-bar.svelte-12qhfyh{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--color-surface);border-bottom:1px solid rgba(0,0,0,.1);position:sticky;top:0;z-index:30}.menu-btn.svelte-12qhfyh{display:none;background:transparent;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;color:var(--color-text);flex-shrink:0;width:40px}.menu-btn-spacer.svelte-12qhfyh{width:40px;flex-shrink:0}.top-title.svelte-12qhfyh{font-size:1rem;color:var(--color-primary);text-decoration:none;font-weight:600;text-align:center;flex:1}.theme-btn.svelte-12qhfyh{background:transparent;border:none;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .2s}.theme-btn.svelte-12qhfyh:hover{background:#0000001a}.page-content.svelte-12qhfyh{padding:1rem;min-height:calc(100vh - 60px)}@media(max-width:768px){.sidebar.svelte-12qhfyh{transform:translate(-100%)}.sidebar.open.svelte-12qhfyh{transform:translate(0)}.main-content.svelte-12qhfyh{margin-left:0}.menu-btn.svelte-12qhfyh{display:block}.top-title.svelte-12qhfyh{font-size:.9rem}}