.note-reading_enter__3zNIA{animation:note-reading_note-in__3yLoc .18s cubic-bezier(.2,.8,.2,1) both}.note-reading_shake__hZHzr{animation:note-reading_shake__hZHzr .32s ease-in-out}.note-reading_pop__2QZ4D{animation:note-reading_pop__2QZ4D .7s ease-out forwards}.note-reading_bump__TACNz{animation:note-reading_bump__TACNz .26s ease-out}.note-reading_countdown__5qGBU{animation:note-reading_countdown__5qGBU .6s cubic-bezier(.2,.8,.2,1) both}.note-reading_flash__5ogQL{animation:note-reading_flash__5ogQL .26s ease-out}.note-reading_chart__w6YaZ g[role=button] .note-staff-hit{transition:fill .12s ease-out}.note-reading_chart__w6YaZ g[role=button]:focus-visible .note-staff-hit,.note-reading_chart__w6YaZ g[role=button]:hover .note-staff-hit{fill:hsl(var(--muted))}.note-reading_chart__w6YaZ g[role=button]:focus-visible .note-staff-hit{stroke:hsl(var(--ring));stroke-width:1.5}@keyframes note-reading_note-in__3yLoc{0%{opacity:0;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}@keyframes note-reading_shake__hZHzr{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(3px)}}@keyframes note-reading_pop__2QZ4D{0%{opacity:0;transform:translateY(4px) scale(.9)}20%{opacity:1;transform:translateY(0) scale(1.05)}to{opacity:0;transform:translateY(-14px) scale(1)}}@keyframes note-reading_pop-fade__j1Nku{0%,60%{opacity:1}to{opacity:0}}@keyframes note-reading_bump__TACNz{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes note-reading_countdown__5qGBU{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes note-reading_flash__5ogQL{0%{transform:scale(.94)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.note-reading_bump__TACNz,.note-reading_countdown__5qGBU,.note-reading_enter__3zNIA,.note-reading_flash__5ogQL,.note-reading_shake__hZHzr{animation:none}.note-reading_pop__2QZ4D{animation:note-reading_pop-fade__j1Nku .7s linear forwards}.note-reading_chart__w6YaZ g[role=button] .note-staff-hit{transition:none}}.app-theme{--radius:1rem;--background:33.3 52.9% 96.7%;--foreground:265.0 18.8% 12.5%;--card:0.0 0.0% 100.0%;--card-foreground:265.0 18.8% 12.5%;--popover:0.0 0.0% 100.0%;--popover-foreground:265.0 18.8% 12.5%;--primary:12.4 88.4% 56.1%;--primary-foreground:0.0 0.0% 100.0%;--secondary:35.0 33.3% 92.9%;--secondary-foreground:265.0 18.8% 12.5%;--muted:35.0 33.3% 92.9%;--muted-foreground:264.7 7.6% 43.7%;--accent:35.0 33.3% 92.9%;--accent-foreground:265.0 18.8% 12.5%;--destructive:358.0 71.2% 57.8%;--destructive-foreground:0.0 0.0% 100.0%;--border:33.8 27.6% 88.6%;--input:33.8 27.6% 88.6%;--ring:13.5 79.6% 40.4%;--font-fraunces:var(--font-inter);--font-dm-sans:var(--font-inter);--glass-fill:rgba(255,255,255,0.55);--glass-fill-hover:rgba(255,255,255,0.75);--glass-ring:rgba(255,255,255,0.9);--glass-ring-bottom:rgba(60,40,20,0.08);--glass-highlight:inset 0 1px 0 #ffffff;--glass-shadow:0 1px 2px rgba(40,20,10,0.06),0 6px 16px rgba(40,20,10,0.06);--glass-blur:14px;--button-shadow:inset 0 1px 1px rgba(255,255,255,0.4),inset 0 -2px 2px rgba(140,40,10,0.22),0 3px 8px rgba(242,85,44,0.18);--button-ink-shadow:inset 0 1px 1px rgba(255,255,255,0.18),inset 0 -2px 2px rgba(0,0,0,0.3),0 3px 8px rgba(31,26,38,0.18);--glass-dark-fill:rgba(255,255,255,0.14);--glass-dark-fill-hover:rgba(255,255,255,0.22);--glass-dark-ring:rgba(255,255,255,0.3);--glass-dark-ring-bottom:rgba(255,255,255,0.08);--glass-dark-highlight:inset 0 1px 0 rgba(255,255,255,0.25);--glass-accent-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 3px 10px rgba(242,85,44,0.25);--cover-shadow:0 1px 2px rgba(40,20,10,0.12),0 6px 12px rgba(40,20,10,0.1),0 16px 28px -8px rgba(40,20,10,0.18);--cover-shine:linear-gradient(140deg,rgba(255,255,255,0.42),rgba(255,255,255,0.1) 30%,rgba(255,255,255,0) 55%),linear-gradient(180deg,rgba(255,255,255,0.16),rgba(255,255,255,0) 34%),linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,0.22));--cover-ring:rgba(255,255,255,0.34);--cover-ring-bottom:rgba(255,255,255,0.06);--cover-inset:inset 0 1.5px 1px rgba(255,255,255,0.55),inset 1px 0 1px rgba(255,255,255,0.18),inset 0 -5px 14px rgba(0,0,0,0.26);--cover-fade:linear-gradient(180deg,rgba(10,6,4,0),rgba(10,6,4,0.18) 30%,rgba(10,6,4,0.5) 65%,rgba(10,6,4,0.72));--cover-pill-fill:rgba(20,14,10,0.45);--cover-pill-ring:rgba(255,255,255,0.18);--cover-text:#ffffff;--cover-text-muted:rgba(255,255,255,0.78);--cover-text-shadow:0 1px 4px rgba(0,0,0,0.45);--rail-mask:linear-gradient(90deg,transparent,#000000 16px,#000000 calc(100% - 24px),transparent)}