@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Epilogue:wght@500;700&family=Noto+Sans+Devanagari:wght@400;500;600&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&display=swap";.app-root[data-v-91baa2e7]{min-height:100dvh;position:relative}.app-shell[data-v-91baa2e7]{min-height:100dvh}:root{--surface:#131313;--surface-dim:#131313;--surface-bright:#393939;--surface-container-lowest:#0e0e0e;--surface-container-low:#1c1b1b;--surface-container:#201f1f;--surface-container-high:#2a2a2a;--surface-container-highest:#353534;--on-surface:#e5e2e1;--on-surface-variant:#dac2b4;--inverse-surface:#e5e2e1;--inverse-on-surface:#313030;--outline:#a28c80;--outline-variant:#544339;--surface-tint:#ffb689;--primary:#ffb689;--on-primary:#512300;--primary-container:#d47a3b;--on-primary-container:#471e00;--inverse-primary:#95490a;--secondary:#ffb77f;--on-secondary:#4e2600;--secondary-container:#804201;--on-secondary-container:#ffb77e;--tertiary:#fab891;--on-tertiary:#4d2609;--tertiary-container:#be8460;--on-tertiary-container:#462004;--error:#ffb4ab;--on-error:#690005;--error-container:#93000a;--on-error-container:#ffdad6;--primary-fixed:#ffdbc8;--primary-fixed-dim:#ffb689;--on-primary-fixed:#311300;--on-primary-fixed-variant:#743500;--secondary-fixed:#ffdcc4;--secondary-fixed-dim:#ffb77f;--on-secondary-fixed:#2f1500;--on-secondary-fixed-variant:#6f3800;--tertiary-fixed:#ffdbc8;--tertiary-fixed-dim:#fab891;--on-tertiary-fixed:#321300;--on-tertiary-fixed-variant:#683b1e;--background:#131313;--on-background:#e5e2e1;--surface-variant:#353534;--glass-bg:#201f1f99;--glass-border:#ffffff14;--notation-grid-bg:#333;--notation-cell-bg:#1c1c1c;--notation-cell-active:var(--primary-container);--beat-dot-idle:#ffffff1f;--amber-glow:#d47a3b8c;--nav-glow:#d47a3b26;--font-display:"Plus Jakarta Sans", system-ui, sans-serif;--font-notation:"Epilogue", system-ui, sans-serif;--font-devanagari:"Noto Sans Devanagari", system-ui, sans-serif;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--space-unit:8px;--margin-mobile:16px;--margin-desktop:24px;--gutter:24px;--container-max:100%;--container-pad:clamp(1rem, 3vw, 2.5rem);--touch-target:44px;--text-display-lg:700 48px/56px var(--font-display);--text-headline-lg:600 32px/40px var(--font-display);--text-headline-md:600 24px/32px var(--font-display);--text-body-md:400 16px/24px var(--font-display);--text-label-sm:500 12px/16px var(--font-display);--text-notation-xl:500 28px/36px var(--font-notation);--shadow-amber:0 8px 32px var(--nav-glow);--shadow-card:0 8px 32px #0000005e;--blur-glass:12px;--main-nav-left:0px;--main-nav-bottom:5.5rem}@media (width>=768px){:root{--main-nav-left:4.5rem;--main-nav-bottom:0px}}@media (width>=1024px){:root{--main-nav-left:14rem}}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{background-color:var(--background);min-height:100dvh;color:var(--on-surface);font:var(--text-body-md);margin:0;overflow-x:hidden}#app{min-height:100dvh}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;-webkit-user-select:none;user-select:none}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));border:1px solid var(--glass-border);box-shadow:var(--shadow-card)}.page-shell{max-width:28rem;padding:calc(4rem + var(--margin-mobile)) var(--margin-mobile) calc(var(--main-nav-bottom,5.5rem) + var(--margin-mobile));width:100%;margin-inline:auto}.page-shell--wide,.page-shell--library{max-width:none;margin-inline:0}.page-shell--reader{max-width:42rem;padding-bottom:calc(9rem + var(--margin-mobile))}@media (width>=768px){.page-shell{max-width:none;padding-inline:var(--container-pad);padding-bottom:calc(1.5rem + var(--margin-mobile));margin-inline:0}.page-shell--reader{max-width:min(56rem,100%);margin-inline:auto}}@media (width>=1024px){.page-shell--reader{max-width:min(64rem,100%)}}.text-display-lg{font:var(--text-display-lg);letter-spacing:-.02em}.text-headline-lg{font:var(--text-headline-lg)}.text-headline-md{font:var(--text-headline-md)}.text-body-md{font:var(--text-body-md)}.text-label-sm{font:var(--text-label-sm);letter-spacing:.05em;text-transform:uppercase}.text-notation-xl{font:var(--text-notation-xl);letter-spacing:.05em}.text-primary{color:var(--primary)}.text-on-surface-variant{color:var(--on-surface-variant)}.progress-line{background:linear-gradient(90deg, var(--secondary-container) 0%, var(--primary) 100%)}@keyframes pulse-subtle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}.animate-pulse-subtle{animation:3s ease-in-out infinite pulse-subtle}.notation-grid{background-color:var(--notation-grid-bg);border:1px solid var(--notation-grid-bg);border-radius:var(--radius-lg);grid-template-columns:repeat(2,1fr);gap:1px;display:grid;overflow:hidden}.notation-cell{background-color:var(--notation-cell-bg);cursor:pointer;flex-direction:column;justify-content:space-between;min-height:80px;padding:12px 8px;transition:background-color 80ms ease-out;display:flex}.notation-cell--khali{opacity:.85}.notation-cell--khali .notation-devanagari{color:var(--on-surface-variant)}.notation-cell--sam-flash{background-color:var(--notation-cell-active)!important}.notation-cell--sam-flash .marker-badge,.notation-cell--sam-flash .notation-devanagari{color:#fff!important;opacity:1!important}.marker-badge{font-family:var(--font-notation);color:var(--primary-container);opacity:.8;letter-spacing:.05em;font-size:10px}.notation-devanagari{font-family:var(--font-devanagari);word-break:break-all;font-size:13px;line-height:1.35}.beat-track{align-items:center;gap:3px;padding:0 2px;display:flex}.beat-dot{border-radius:var(--radius-full);background-color:var(--beat-dot-idle);flex:1;height:4px;transition:background-color 80ms,transform 80ms,opacity .2s}.beat-dot--sam{height:5px}.beat-dot--active{background-color:var(--primary);transform:scaleY(1.35)}.beat-dot--sam.beat-dot--active{background-color:var(--primary-container);box-shadow:0 0 8px var(--amber-glow)}.beat-track--idle .beat-dot{opacity:.45}.ambient-glow{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-glow__orb{filter:blur(120px);border-radius:50%;position:absolute}.ambient-glow__orb--top{background:color-mix(in srgb, var(--primary) 5%, transparent);width:50%;height:50%;top:-10%;right:-10%}.ambient-glow__orb--bottom{background:color-mix(in srgb, var(--primary) 3%, transparent);width:40%;height:40%;bottom:-5%;left:-5%}