@import"https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700&f[]=boska@400,700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #FAF6EE;--surface: #FFFFFF;--surface2: #F5EFE6;--surface3: #EFE7DA;--border: rgba(49,46,129,.16);--accent: #0D9488;--accent2: #0F766E;--accent-dim: rgba(13,148,136,.12);--gold: #D97706;--teal: #0D9488;--green: #15803D;--red: #B91C1C;--orange: #C2410C;--text: #25233A;--text-muted: #625F73;--text-faint: #777286;--font-body: "Satoshi", sans-serif;--font-display: "Boska", Georgia, serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow: 0 4px 24px rgba(49,46,129,.09);--transition: .16s cubic-bezier(.16,1,.3,1)}html{scroll-behavior:smooth}html,body,#root{width:100%;min-width:0;height:100%;margin:0}body{font-family:var(--font-body);background-color:#fbf7ed;background-image:radial-gradient(ellipse at 12% 16%,rgba(13,148,136,.1),transparent 38%),radial-gradient(ellipse at 88% 80%,rgba(217,119,6,.09),transparent 34%);background-attachment:fixed;color:var(--text);font-size:16px;line-height:1.6;min-height:100dvh;overflow-x:hidden;overflow-y:auto;-webkit-font-smoothing:antialiased;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.2;text-wrap:balance}p,li{text-wrap:pretty;max-width:72ch}button{cursor:pointer;background:none;border:none;font:inherit;color:inherit;min-width:0;-webkit-tap-highlight-color:transparent}input,select,textarea{font:inherit;color:inherit;background:none;border:none;outline:none;min-width:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}::selection{background:#0d948833}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--accent2)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--surface2) 25%,var(--surface3) 50%,var(--surface2) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes notePulse{0%,to{transform:scale(1);box-shadow:0 0 #0d948800}50%{transform:scale(1.12);box-shadow:0 0 12px 4px #0d94884d}}.note-active{animation:notePulse .3s ease;background:var(--accent)!important;color:#fff!important}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.w-full{width:100%}.h-full{height:100%}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.rounded{border-radius:var(--radius)}.rounded-lg{border-radius:var(--radius-lg)}.p-4{padding:var(--space-4)}.p-3{padding:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}#root{position:relative;isolation:isolate}#root>*{position:relative;z-index:1}#root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.1;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1200'%20height='800'%20viewBox='0%200%201200%20800'%20fill='none'%3e%3cg%20stroke='%230f766e'%20stroke-width='2'%20stroke-linecap='round'%20opacity='.55'%3e%3cpath%20d='M0%20155%20C180%2075%20250%20240%20430%20155%20S690%2075%20850%20155%20S1040%20235%201200%20130'/%3e%3cpath%20d='M0%20178%20C180%2098%20250%20263%20430%20178%20S690%2098%20850%20178%20S1040%20258%201200%20153'/%3e%3cpath%20d='M0%20201%20C180%20121%20250%20286%20430%20201%20S690%20121%20850%20201%20S1040%20281%201200%20176'/%3e%3c/g%3e%3cg%20stroke='%23c58a2b'%20stroke-width='2.4'%20stroke-linecap='round'%20stroke-linejoin='round'%20opacity='.7'%3e%3cpath%20d='M140%20320%20v-42%20q0-13%2010-13%20q10%200%2010%2013%20v42%20M140%20320%20q-14%204-14%2016%20q0%2012%2014%2012%20q12%200%2012-12%20v-58'/%3e%3cpath%20d='M1040%20265%20v-50%20q0-12%2010-12%20q10%200%2010%2012%20v50%20M1040%20265%20q-14%204-14%2016%20q0%2012%2014%2012%20q12%200%2012-12%20v-66'/%3e%3cpath%20d='M840%20420%20q-12-24%200-48%20q12%2024%200%2048%20M840%20420%20v25%20M836%20445%20h8'/%3e%3cpath%20d='M280%20570%20q-12-24%200-48%20q12%2024%200%2048%20M280%20570%20v25%20M276%20595%20h8'/%3e%3c/g%3e%3cg%20stroke='%23c58a2b'%20stroke-width='2'%20opacity='.45'%3e%3ccircle%20cx='950'%20cy='540'%20r='36'/%3e%3ccircle%20cx='950'%20cy='540'%20r='25'/%3e%3cpath%20d='M914%20540h72%20M950%20504v72%20M925%20515l50%2050%20M975%20515l-50%2050'/%3e%3c/g%3e%3cg%20stroke='%230f766e'%20stroke-width='2'%20opacity='.4'%20stroke-linecap='round'%3e%3cpath%20d='M70%20640%20q20-35%2040%200%20q20%2035%2040%200%20q20-35%2040%200'/%3e%3cpath%20d='M980%20690%20q20-35%2040%200%20q20%2035%2040%200%20q20-35%2040%200'/%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:min(100vw,1500px) auto;background-position:50% 0%;animation:naadaMotifFloat 42s ease-in-out infinite alternate;mix-blend-mode:multiply}@keyframes naadaMotifFloat{0%{background-position:48% 0%;transform:translateZ(0)}to{background-position:52% 12px;transform:translate3d(0,-3px,0)}}#root:after{content:"𝄞   ♪   ♫   ♬   वीणा   ·   बाँसुरी   ·   मृदङ्गम्";position:fixed;right:clamp(12px,3vw,42px);bottom:12px;z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;font-family:var(--font-display),Georgia,serif;font-size:clamp(14px,1.4vw,21px);letter-spacing:.12em;color:#0d94881f;animation:musicDrift 34s ease-in-out infinite alternate}@keyframes musicDrift{0%{transform:translateZ(0);opacity:.45}to{transform:translate3d(-18px,-5px,0);opacity:.8}}@keyframes calmWaves{0%{transform:translate3d(-1%,-.5%,0) scale(1);opacity:.7}to{transform:translate3d(1%,.5%,0) scale(1.04);opacity:1}}.raga-library-root,.raga-library-root>div{min-width:0}.raga-exercise-grid{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;align-content:flex-start!important;gap:14px!important;min-width:0;min-height:0;overflow-x:hidden!important;overflow-y:auto!important}.raga-exercise-card{display:block!important;position:relative;flex:0 0 auto!important;width:100%;height:auto!important;min-height:0!important;min-width:0;overflow:visible;contain:none!important;box-shadow:0 4px 16px #312e8114;background:#fffffff5!important;border-radius:var(--radius);border:1px solid rgba(13,148,136,.2);transition:all .2s ease}.raga-exercise-card:hover{border-color:#0d948873;box-shadow:0 6px 22px #0d94881f}.raga-exercise-card>div:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.raga-exercise-card .raga-note-line,.raga-exercise-card .raga-note-line span,.raga-exercise-card .raga-note-line>span,.raga-exercise-card [class*=note-line] span{display:inline-block!important;line-height:2.1!important;font-size:1.05rem!important;font-weight:600;white-space:normal;overflow-wrap:anywhere;word-break:normal;color:inherit;opacity:1;text-shadow:none;padding:2px 4px;margin:1px;border-radius:4px}.raga-exercise-card .note-active,.raga-exercise-card span.note-active,.note-active{color:#fff!important;background:#0d9488!important;opacity:1!important;font-weight:700!important;border-radius:6px;box-shadow:0 0 0 3px #0d948840,0 4px 12px #0d948859;transform:scale(1.05)}.raga-exercise-card .raga-swarasthana{display:block;width:calc(100% - 22px);max-width:calc(100% - 22px);height:auto;margin:8px 0 12px 22px;padding:10px 12px;border:1px solid rgba(13,148,136,.3);border-radius:var(--radius-sm);background:#0d948808;overflow:visible;font-size:.9rem;font-weight:500;color:#0f766e}.raga-exercise-card h3,.raga-exercise-card h4,.raga-exercise-card strong{color:#25233a!important;min-width:0;overflow-wrap:anywhere}.raga-exercise-card button{color:#0d9488;font-weight:600}.raga-exercise-grid>*{min-width:0}@media (max-width: 600px){#root:after{right:10px;bottom:6px;font-size:12px;letter-spacing:.04em}#root:before{opacity:.12;background-size:150vw auto}.raga-exercise-grid{padding:10px!important;gap:12px!important}.raga-exercise-card{padding:12px!important;border-radius:12px}.raga-exercise-card .raga-note-line{line-height:2.25!important}.raga-exercise-card .raga-note-line>span{font-size:.96rem!important;padding-left:3px!important;padding-right:3px!important}.raga-swarasthana{font-size:.78rem!important}}@media (min-width: 601px) and (max-width: 1024px){.raga-library-root>div:first-child{width:190px!important;min-width:190px!important}.raga-exercise-grid{padding:12px!important;gap:12px!important}.raga-exercise-card{padding:13px!important}.raga-exercise-card .raga-note-line>span{font-size:.98rem!important}}@media (min-width: 1025px){.raga-exercise-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:max-content;align-items:start!important;gap:16px!important;padding:16px!important}.raga-exercise-grid.raga-tab-alankara{display:flex!important;flex-direction:column!important}.raga-exercise-card{padding:16px!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}#root:before,#root:after{animation:none!important}}.raga-exercise-card{min-width:0;background:#fffffff7!important;border-color:#0d746b38;box-shadow:0 5px 18px #2b352d12}.raga-exercise-card .raga-note-line{display:flex!important;align-items:baseline;flex-wrap:wrap;gap:2px 0;min-width:0;padding:5px 0;line-height:2.1!important;overflow-wrap:normal;word-break:normal}.raga-exercise-card .raga-note-line .raga-phrase-group{display:inline-flex!important;flex:0 0 auto;flex-wrap:nowrap;align-items:baseline;white-space:nowrap;width:max-content;max-width:100%;margin:0 clamp(.2rem,1vw,.55rem) 0 0;padding:0;border:0;border-radius:0;background:transparent}.raga-exercise-card .raga-note-line .raga-phrase-group>span{display:inline-flex!important;flex:0 0 auto;align-items:baseline;white-space:pre;overflow-wrap:normal;word-break:normal;line-height:2!important;color:inherit;opacity:1;padding:2px clamp(3px,.55vw,7px);margin:0}.raga-exercise-card .raga-note-line .raga-phrase-group>span[style*=background]{border-radius:6px}.raga-exercise-card h4{font-size:clamp(.9rem,1.15vw,1.05rem)!important;line-height:1.35}@media (max-width: 600px){.raga-exercise-card{padding:12px!important;border-radius:14px}.raga-exercise-card .raga-note-line{font-size:.95rem;padding:4px 0}.raga-exercise-card .raga-note-line .raga-phrase-group{margin-right:.2rem}.raga-exercise-card .raga-note-line .raga-phrase-group>span{font-size:.95rem!important;padding-left:3px;padding-right:3px}}@media (min-width: 601px) and (max-width: 1024px){.raga-exercise-card .raga-note-line .raga-phrase-group>span{font-size:.98rem!important}}@media (min-width: 1025px){.raga-exercise-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,430px),1fr))!important}}.raga-exercise-card>div:first-child>div:first-child{flex:1 1 220px;min-width:0;flex-wrap:wrap}.raga-exercise-card>div:first-child>button{flex:0 0 auto;min-height:36px;white-space:nowrap}@media (max-width: 420px){.raga-exercise-card>div:first-child{align-items:flex-start!important}.raga-exercise-card>div:first-child>div:first-child{flex-basis:100%}.raga-exercise-card>div:first-child>button{margin-left:auto}}