@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-toast-stack[data-v-cb396a92]{top:max(1rem, env(safe-area-inset-top));z-index:9999;pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;width:min(24rem,100vw - 2rem);display:flex;position:fixed;left:50%;transform:translate(-50%)}.app-toast[data-v-cb396a92]{border-radius:var(--radius-md);width:100%;font:var(--text-body-md);box-shadow:var(--shadow-card);pointer-events:auto;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;display:flex}.app-toast--success[data-v-cb396a92]{background:color-mix(in srgb, #22c55e 18%, var(--surface-container-high));color:#86efac;border:1px solid #22c55e59}.app-toast--error[data-v-cb396a92]{background:color-mix(in srgb, #ef4444 18%, var(--surface-container-high));color:#fca5a5;border:1px solid #ef444459}.app-toast--info[data-v-cb396a92]{background:var(--surface-container-high);color:var(--on-surface);border:1px solid var(--outline-variant)}.app-toast__message[data-v-cb396a92]{flex:1;margin:0}.app-toast__dismiss[data-v-cb396a92]{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;padding:0;font-size:1.25rem;line-height:1}.app-toast__dismiss[data-v-cb396a92]:hover{opacity:1}.toast-enter-active[data-v-cb396a92],.toast-leave-active[data-v-cb396a92]{transition:opacity .2s,transform .2s}.toast-enter-from[data-v-cb396a92],.toast-leave-to[data-v-cb396a92]{opacity:0;transform:translateY(-.5rem)}.toast-move[data-v-cb396a92]{transition:transform .2s}.bottom-nav[data-v-902a07f1]{z-index:40;height:5.5rem;padding:0 var(--margin-mobile) .5rem;background:color-mix(in srgb, var(--surface-container-highest) 92%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid color-mix(in srgb, var(--primary) 20%, transparent);box-shadow:var(--shadow-amber);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item[data-v-902a07f1]{color:var(--on-surface-variant);opacity:.7;cursor:pointer;border-radius:var(--radius-lg);background:0 0;border:none;flex-direction:column;align-items:center;gap:.2rem;padding:.35rem .75rem;transition:all .15s;display:flex}.bottom-nav__item--active[data-v-902a07f1]{opacity:1;color:var(--primary);background:color-mix(in srgb, var(--primary-container) 18%, transparent);transform:scale(1.05)}@media (width>=768px){.bottom-nav[data-v-902a07f1]{display:none}}.side-nav[data-v-ccc627b6]{z-index:45;width:var(--main-nav-left,14rem);background:color-mix(in srgb, var(--surface-container-highest) 92%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid color-mix(in srgb, var(--primary) 18%, transparent);box-shadow:var(--shadow-amber);flex-direction:column;gap:1rem;padding:.85rem .65rem;transition:width .2s;display:none;position:fixed;top:0;bottom:0;left:0}@media (width>=768px){.side-nav[data-v-ccc627b6]{display:flex}}.side-nav__top[data-v-ccc627b6]{align-items:center;gap:.5rem;min-height:2.75rem;padding-inline:.15rem;display:flex}.side-nav--collapsed .side-nav__top[data-v-ccc627b6]{justify-content:center}.side-nav__toggle[data-v-ccc627b6]{border-radius:var(--radius-full);width:2.5rem;height:2.5rem;color:var(--on-surface-variant);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.side-nav__toggle[data-v-ccc627b6]:hover{background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary)}.side-nav__brand[data-v-ccc627b6]{white-space:nowrap;font-size:.95rem;font-weight:700;overflow:hidden}.side-nav__list[data-v-ccc627b6]{flex-direction:column;gap:.35rem;display:flex}.side-nav__item[data-v-ccc627b6]{border-radius:var(--radius-lg);width:100%;min-height:2.75rem;color:var(--on-surface-variant);opacity:.75;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;padding:.55rem .75rem;transition:background .15s,color .15s,opacity .15s;display:flex}.side-nav--collapsed .side-nav__item[data-v-ccc627b6]{justify-content:center;padding-inline:.5rem}.side-nav__item[data-v-ccc627b6]:hover{opacity:1;background:color-mix(in srgb, var(--primary) 8%, transparent);color:var(--on-surface)}.side-nav__item--active[data-v-ccc627b6]{opacity:1;color:var(--primary);background:color-mix(in srgb, var(--primary-container) 22%, transparent)}.side-nav__label[data-v-ccc627b6]{font:var(--text-body-md);white-space:nowrap;font-size:.95rem}.base-button[data-v-74c55ca4]{border-radius:var(--radius-full);font:var(--text-label-sm);text-transform:none;letter-spacing:.02em;cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;transition:transform .15s,opacity .15s,box-shadow .15s;display:inline-flex}.base-button[data-v-74c55ca4]:active{transform:scale(.97)}.base-button--sm[data-v-74c55ca4]{min-height:36px;padding:.4rem .85rem;font-size:11px}.base-button--md[data-v-74c55ca4]{min-height:var(--touch-target);padding:.65rem 1.1rem}.base-button--lg[data-v-74c55ca4]{min-height:48px;padding:.75rem 1.25rem}.base-button--block[data-v-74c55ca4]{width:100%}.base-button--primary[data-v-74c55ca4]{background:var(--primary);color:var(--on-primary)}.base-button--secondary[data-v-74c55ca4]{background:var(--primary-container);color:var(--on-primary-container)}.base-button--ghost[data-v-74c55ca4]{color:var(--on-surface-variant);border:1px solid var(--outline-variant);background:0 0}.base-chip[data-v-cb499c86]{border-radius:var(--radius-full);border:1px solid var(--outline-variant);color:var(--on-surface-variant);font:var(--text-label-sm);cursor:pointer;background:0 0;flex-shrink:0;padding:.45rem .9rem;transition:all .15s}.base-chip--active[data-v-cb499c86]{background:var(--primary-container);border-color:var(--primary-container);color:var(--on-primary-container)}.timer-sheet-overlay[data-v-a047c8cf]{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--margin-mobile);background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.timer-sheet[data-v-a047c8cf]{border-radius:var(--radius-xl) var(--radius-xl) var(--radius-lg) var(--radius-lg);background:var(--surface-container-high);border:1px solid var(--glass-border);width:100%;max-width:28rem;box-shadow:var(--shadow-card);padding:1.25rem}.timer-sheet__head[data-v-a047c8cf]{justify-content:space-between;gap:.75rem;margin-bottom:1rem;display:flex}.timer-sheet__sub[data-v-a047c8cf]{margin:.25rem 0 0;font-size:.875rem}.timer-sheet__close[data-v-a047c8cf]{border-radius:var(--radius-full);background:color-mix(in srgb, var(--on-surface) 8%, transparent);width:2.25rem;height:2.25rem;color:var(--on-surface-variant);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.timer-sheet__mode[data-v-a047c8cf]{margin-bottom:1rem}.timer-sheet__mode-row[data-v-a047c8cf]{gap:.5rem;margin-top:.45rem;display:flex}.timer-sheet__beats[data-v-a047c8cf]{margin-bottom:1rem}.timer-sheet__beats-row[data-v-a047c8cf]{justify-content:center;align-items:center;gap:.75rem;margin:.5rem 0;display:flex}.timer-sheet__beats-input[data-v-a047c8cf]{text-align:center;width:4rem;font:var(--text-headline-md);color:var(--primary);background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--radius-md);padding:.35rem;font-size:1.25rem;font-weight:700}.timer-sheet__presets[data-v-a047c8cf]{flex-wrap:wrap;gap:.4rem;display:flex}.timer-sheet__preset[data-v-a047c8cf]{border:1px solid var(--outline-variant);border-radius:var(--radius-full);color:var(--on-surface-variant);cursor:pointer;text-transform:none;letter-spacing:0;background:0 0;padding:.3rem .65rem}.timer-sheet__preset--active[data-v-a047c8cf]{border-color:var(--primary-container);color:var(--primary);background:color-mix(in srgb, var(--primary-container) 15%, transparent)}.timer-sheet__neutral-pulse[data-v-a047c8cf]{flex-direction:column;align-items:center;gap:.35rem;margin-bottom:.75rem;padding:.5rem 0;display:flex}.timer-sheet__neutral-dot[data-v-a047c8cf]{border-radius:var(--radius-full);background:var(--beat-dot-idle);width:2.5rem;height:6px}.timer-sheet__neutral-dot--active[data-v-a047c8cf]{background:var(--primary);box-shadow:0 0 10px var(--amber-glow);animation:.5s ease-out neutral-pulse-a047c8cf}@keyframes neutral-pulse-a047c8cf{0%{transform:scaleY(1)}50%{transform:scaleY(1.8)}to{transform:scaleY(1)}}.timer-sheet__controls[data-v-a047c8cf]{justify-content:center;align-items:center;gap:1.25rem;margin:1rem 0;display:flex}.timer-sheet__tempo[data-v-a047c8cf]{flex-direction:column;align-items:center;gap:.15rem;display:flex}.timer-sheet__tempo .text-headline-md[data-v-a047c8cf]{font-size:1.5rem;font-weight:700}.timer-sheet__round-btn[data-v-a047c8cf]{border-radius:var(--radius-full);background:color-mix(in srgb, var(--on-surface) 10%, transparent);width:2.5rem;height:2.5rem;color:var(--on-surface);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex}.timer-sheet__hint[data-v-a047c8cf]{text-align:center;text-transform:none;letter-spacing:0;margin:.85rem 0 0;line-height:1.4}.app-root[data-v-a1214918]{min-height:100dvh;position:relative}.app-shell[data-v-a1214918]{min-height:100dvh;transition:padding-left .2s}.app-root--side-nav .app-shell[data-v-a1214918]{padding-left:var(--main-nav-left,0px)}: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%}