@import"https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&family=Inter:wght@400;500;600&family=Inter+Tight:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";.comparison-card-centered.comparison-card-centered{position:relative;display:flex;flex-direction:row;margin-top:14px;border-radius:24px;background:hsl(var(--card));font-family:Inter,ui-sans-serif,sans-serif}.comparison-card-centered>div:first-of-type{background:hsl(var(--primary) / .055);border-radius:24px 0 0 24px}.comparison-card-centered>div:last-of-type{background:hsl(var(--module-1) / .055);border-radius:0 24px 24px 0}.comparison-card-centered>div[aria-hidden=true]{width:1px;height:auto;margin-block:22px 14px}.comparison-card-centered .comparison-panel{align-items:center;text-align:center;padding:24px 16px 16px;gap:12px;border-radius:inherit}.comparison-card-centered button.comparison-panel:hover{background:hsl(var(--primary) / .04)}.comparison-card-centered button.comparison-panel:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:-3px}.comparison-card-centered .comparison-panel h4{font:700 15px/1.25 Inter,ui-sans-serif,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:hsl(var(--primary))}.comparison-card-centered>div:last-of-type h4{color:color-mix(in srgb,hsl(var(--module-1)) 55%,hsl(var(--foreground)))}.comparison-card-centered .comparison-panel>div{width:100%}.comparison-caption,.comparison-center-label{position:absolute;z-index:1;background:hsl(var(--card));color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));border-radius:999px;font:600 11px/1.2 Inter,ui-sans-serif,sans-serif;text-align:center}.comparison-caption{top:0;left:50%;transform:translate(-50%,-50%);padding:7px 16px;width:-moz-max-content;width:max-content;max-width:88%;letter-spacing:.04em;text-transform:uppercase}.comparison-center-label{top:52%;left:50%;transform:translate(-50%,-50%);padding:9px 7px}.interval-kind-body{display:flex;flex-direction:column;align-items:stretch;gap:10px}.interval-kind-body svg{width:100%;max-width:180px;height:64px;margin:0 auto}.interval-kind-paths{display:grid;gap:5px}.interval-kind-paths>span{padding:5px 2px;border-radius:10px;background:hsl(var(--card) / .75);font:500 13px/1.3 Inter,ui-sans-serif,sans-serif}.interval-kind-footer{border-top:1px solid hsl(var(--border));padding-top:10px;color:hsl(var(--primary))}.interval-kind-footer[data-kind=diff]{color:color-mix(in srgb,hsl(var(--module-1)) 55%,hsl(var(--foreground)))}.interval-kind-footer>span{display:block;font:700 11px/1.3 Inter,ui-sans-serif,sans-serif;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.interval-kind-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.interval-kind-badges>span{border-radius:10px;padding:8px 2px;background:hsl(var(--primary) / .09);font:700 16px/1.2 Inter,ui-sans-serif,sans-serif;overflow-wrap:anywhere}.interval-kind-footer[data-kind=diff] .interval-kind-badges>span{background:hsl(var(--module-1) / .1)}@media (max-width: 430px){.comparison-card-centered .comparison-panel{padding:20px 10px 12px;gap:8px}.comparison-card-centered .comparison-panel h4{font-size:12px;letter-spacing:.025em}.interval-kind-body{gap:8px}.interval-kind-body svg{height:48px}.interval-kind-paths>span{font-size:12px;padding-block:4px}.interval-kind-footer{padding-top:8px}.interval-kind-footer>span{font-size:10px;margin-bottom:6px}.interval-kind-badges>span{font-size:14px;padding-block:6px}}@media (max-width: 430px) and (max-height: 720px){.comparison-card-centered .comparison-panel,.interval-kind-body{gap:6px}.interval-kind-body svg{height:44px}}@media (min-width: 431px) and (max-height: 800px){.comparison-card-centered .comparison-panel{padding:18px 14px 10px;gap:6px}.comparison-card-centered .comparison-panel h4{font-size:13px}.interval-kind-body{gap:6px}.interval-kind-body svg{height:44px}.interval-kind-paths>span{padding-block:3px;font-size:12px}.interval-kind-footer{padding-top:6px}.interval-kind-footer>span{font-size:10px;margin-bottom:5px}.interval-kind-badges>span{padding-block:5px;font-size:14px}}.lesson-help-surface,.lesson-help-typography{font-size:min(1em,14px)}.lesson-help-surface{--lesson-help-accent: var(--primary);--lesson-help-inset-inline: 24px;--lesson-help-inset-block: 16px;position:relative;isolation:isolate;min-width:0;padding:16px 20px;border:1px solid hsl(var(--lesson-help-accent) / .13);border-radius:18px;background:#fff;color:hsl(var(--foreground));box-shadow:0 5px 18px -10px hsl(var(--lesson-help-accent) / .24);font-family:Inter,Inter Tight,ui-sans-serif,system-ui,sans-serif;text-align:start}@layer lesson-help-insets{.lesson-help-surface{padding-inline:var(--lesson-help-inset-inline)!important;padding-block:var(--lesson-help-inset-block)!important}}.lesson-help-surface:before{content:"";position:absolute;inset-block:10px;left:0;width:4px;border-radius:0 4px 4px 0;background:hsl(var(--lesson-help-accent));pointer-events:none}.dark .lesson-help-surface{--lesson-help-accent: 265 90% 70%;background:linear-gradient(120deg,hsl(var(--lesson-help-accent) / .06),transparent),#101017;border-color:hsl(var(--lesson-help-accent) / .25);box-shadow:0 5px 20px -14px hsl(var(--lesson-help-accent) / .3)}.lesson-help-surface.jargon-popover{position:fixed}.lesson-help-surface[data-callout-kind=heads-up]{--lesson-help-accent: var(--editorial-amber)}.lesson-help-surface[data-callout-kind=try-this]{--lesson-help-accent: var(--success)}.lesson-help-surface[data-callout-kind=pro-tip]{--lesson-help-accent: var(--editorial-teal)}:is(.lesson-help-surface,.lesson-help-typography) .lesson-help-header{display:flex;align-items:center;flex-shrink:0;gap:10px;width:100%;min-width:0;color:hsl(var(--lesson-help-accent))}.lesson-help-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:hsl(var(--lesson-help-accent) / .1);color:hsl(var(--lesson-help-accent))}.lesson-help-icon>svg{width:18px;height:18px}:is(.lesson-help-surface,.lesson-help-typography) .lesson-help-label{font-size:min(12px,1em);font-weight:700;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;white-space:normal;overflow-wrap:anywhere}:is(.lesson-help-surface,.lesson-help-typography) .lesson-help-title{margin:0;font-family:Inter Tight,Inter,ui-sans-serif,system-ui,sans-serif;font-size:inherit;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:hsl(var(--foreground))}:is(.lesson-help-surface,.lesson-help-typography) .lesson-help-copy{width:100%;min-width:0;font-size:inherit;font-weight:400;line-height:1.45;color:hsl(var(--callout-body));overflow-wrap:anywhere}:is(.lesson-help-surface,.lesson-help-typography) .lesson-help-copy :is(strong,b,[data-glossary-term]){color:hsl(var(--lesson-help-accent));font-weight:600}.lesson-help-copy>:first-child{margin-top:0}.lesson-help-copy>:last-child{margin-bottom:0}@media (max-width: 639px){.lesson-help-surface{--lesson-help-inset-inline: 20px;--lesson-help-inset-block: 12px;border-radius:16px}.lesson-help-icon{width:28px;height:28px;border-radius:8px}.lesson-help-icon>svg{width:16px;height:16px}}@media (max-height: 640px){.lesson-callout--card{--lesson-help-inset-block: 8px}}@media (max-width: 639px) and (max-height: 740px){.lesson-callout--card .lesson-help-icon{width:22px;height:22px;border-radius:6px}.lesson-callout--card .lesson-help-icon>svg{width:14px;height:14px}}@media (min-width: 640px) and (max-height: 900px){.lesson-card:has(.lesson-callout--card){--rhythm-section: 16px;--rhythm-snug: 8px;padding-block:12px}}@media (max-width: 639px) and (max-height: 800px){.lesson-visual-viewport-root[data-lesson-id=what-is-a-key] .lesson-focus-stage:has([data-step-id=feel-the-pull-chords]){padding-block:2px!important}.lesson-visual-viewport-root[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull-chords]{padding-block:0!important}.lesson-visual-viewport-root[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull-chords]>.flex.justify-center{margin-bottom:6px}.what-is-key-chord-pull-visual>.lesson-caption{margin-top:4px}.what-is-key-chord-pull-visual>div>button{padding-block:6px}}@media (max-width: 639px) and (max-height: 640px){.lesson-visual-viewport-root[data-lesson-id=what-is-a-key] .lesson-focus-stage:has([data-step-id=feel-the-pull-chords]){padding-block:0!important}.lesson-visual-viewport-root[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull-chords]>.flex.justify-center{margin-bottom:0}.what-is-key-chord-pull-visual>div:first-child{padding-block:2px!important}.what-is-key-chord-pull-visual>div>.flex>.flex-1>svg{height:60px}.what-is-key-chord-pull-visual .min-h-\[84px\]{min-height:18px!important}}.examples-key-card{padding:24px;gap:12px;border-radius:24px;box-shadow:0 4px 18px -12px hsl(var(--foreground) / .18)}.examples-key-card .examples-key-card-heading{gap:5px}.examples-key-card-title{font-size:20px;text-wrap:balance}.examples-key-card-meta{font-size:14px;line-height:1.4}.examples-key-card .examples-key-card-controls .examples-key-card-play{inset:auto;width:32px;height:32px;background:hsl(var(--primary) / .1);color:hsl(var(--primary));box-shadow:none}.examples-key-card .examples-key-card-play>svg{width:14px;height:14px;fill:currentColor;fill-opacity:1}.examples-key-card-keyboard{container-type:inline-size}.examples-key-card .examples-key-card-piano{--piano-incard-white-key-width: calc(100cqw / 14);--piano-incard-white-key-height: clamp(56px, 23cqw, 88px);--piano-incard-black-key-width: calc(100cqw / 14 * .64);--piano-incard-black-key-height: clamp(36px, 14.72cqw, 56px)}.examples-key-card-caption{margin:0;font-size:14px;line-height:1.5;text-wrap:pretty}@media (max-width: 639px){.examples-key-card{padding:18px;gap:10px;border-radius:20px}.examples-key-card-title{font-size:18px}.examples-key-card-meta,.examples-key-card-caption{font-size:13px}}.sight-reading-scan-card{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:8px;padding:8px 12px}.sight-reading-scan-card .lesson-caption{padding-top:18px;text-align:left}.sight-reading-scan-card .sight-reading-scan-staff>svg{max-width:100%;height:auto}.sight-reading-scan-card[data-playing=true]{border-color:hsl(var(--primary) / .5);background:hsl(var(--primary) / .05)}.dynamics-comparison .lesson-media-card{height:100%;background:hsl(var(--card))}.dynamics-comparison .lesson-media-card-visual{padding:20px 10px 8px}.dynamics-comparison .lesson-media-card-visual>svg{width:100%;height:auto}.dynamics-comparison .lesson-media-card-footer{gap:8px;padding:12px}.dynamics-comparison [data-playing=true] .lesson-media-card{border-color:hsl(var(--primary) / .5)}.dynamics-comparison [data-playing=true] .lesson-media-card-footer{color:hsl(var(--primary));background:hsl(var(--primary) / .07)}.dark .dynamics-comparison .lesson-media-card{background:hsl(var(--primary) / .07)}.dynamics-hairpins .lesson-media-card-visual>div>svg{width:100%;height:auto}:is(.dynamics-hairpins,.dynamics-emphasis) .lesson-media-card-footer{flex-direction:column}:is(.dynamics-hairpins,.dynamics-emphasis) .lesson-media-card-footer>span:first-child{text-align:center}.dynamics-emphasis .lesson-media-card-visual{padding:12px 6px 10px;text-align:center}.dynamics-emphasis .lesson-media-card-footer{padding:10px 8px}.dynamics-emphasis .lesson-media-card-footer>span:first-child{min-height:3lh}@media (min-width: 768px) and (max-height: 860px){[data-lesson-id=dynamics] .lesson-card[data-step-id=sforzando-accent]{padding-block:0}.dynamics-emphasis .lesson-media-card-visual{padding-block:8px 6px}.dynamics-emphasis .lesson-media-card-footer{padding-block:6px}.dynamics-emphasis .lesson-media-card-footer>span:first-child{min-height:2lh}.dynamics-hairpins .lesson-media-card-visual{padding-block:8px 4px}.dynamics-hairpins .lesson-media-card-visual>div{gap:4px}.dynamics-hairpins .lesson-media-card-visual>div>svg{max-height:78px}}.rhythm-example-card{display:grid;grid-template-columns:minmax(0,1fr) 100px;align-items:center;gap:12px;padding:8px 12px;min-height:74px;transition:background-color .18s ease}.rhythm-example-copy{display:flex;flex-direction:column;gap:3px}.rhythm-example-title{transition:color .18s ease}.rhythm-example-visual{display:flex;flex-direction:column;gap:5px;padding-top:20px}.rhythm-example-tempo{font-size:11px;font-weight:600;text-align:center;color:hsl(var(--muted-foreground))}.rhythm-example-pattern{display:flex;align-items:center;gap:3px}.rhythm-example-pattern>svg{width:20px;height:32px;flex:none}.rhythm-example-bars{display:flex;flex-direction:column;gap:4px;width:100%}.rhythm-example-bar{border-inline:1px solid hsl(var(--foreground) / .35);padding-inline:3px}.rhythm-example-bars .flex{gap:4px}.rhythm-example-bars .aspect-square{border-radius:5px}.rhythm-example-bars .text-lg{font-size:10px;line-height:1}@media (hover: hover){.rhythm-example-card:hover{background-color:hsl(var(--primary) / .045)}.rhythm-example-card:hover .rhythm-example-title{color:hsl(var(--primary))}.rhythm-example-card:hover .rhythm-example-bars .aspect-square{background-color:hsl(var(--primary) / .09)}}@media (max-width: 380px){.rhythm-example-card{grid-template-columns:minmax(0,1fr) 82px;gap:8px}}@media (min-width: 768px){.lesson-card .rhythm-vocabulary-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px;gap:10px}.rhythm-vocabulary-examples .rhythm-example-card{min-height:104px}.rhythm-vocabulary-examples .rhythm-example-copy>:first-child{font-size:14px}.rhythm-vocabulary-examples .rhythm-example-copy>:last-child{font-size:12px}}.game-results-layout{min-height:calc(100dvh - 48px);padding-block:clamp(58px,6vh,82px) clamp(22px,3vh,40px)}.game-results-content{width:100%;max-width:1400px;gap:clamp(14px,2vh,20px)}.game-results-hero{min-height:430px}.game-results-secondary--review{grid-template-areas:"level" "review" "recent"}.game-results-secondary--plain{grid-template-areas:"level" "recent"}.game-results-level{grid-area:level}.game-results-recent{grid-area:recent}.game-results-review{grid-area:review}.game-results-title{font-family:var(--font-display)!important;font-size:clamp(38px,4.6vw,64px);font-weight:800;letter-spacing:-.035em}@media (min-width: 768px){.game-results-content{width:92%}}@media (max-width: 1023px){.game-results-layout{justify-content:flex-start;padding-block:68px 24px}.game-results-content{max-width:820px}.game-results-hero{min-height:0}.game-results-title{font-size:clamp(38px,8vw,58px)}}@media (min-width: 1024px){.game-results-secondary--review{grid-template-areas:"level recent" "review review"}.game-results-secondary--plain{grid-template-areas:"level recent"}}@media (max-width: 479px){.game-results-layout{padding-top:62px}.game-results-metrics{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.game-results-title{font-size:clamp(34px,11vw,44px)}}.practice-triad-row{display:flex;justify-content:safe center;max-width:512px;gap:4px;padding:6px 5px 12px;scrollbar-width:thin}.journey-session-header{grid-template-columns:minmax(0,1fr) auto}.journey-session-heading{grid-column:1 / -1;grid-row:2}.journey-stage .journey-stage-content{padding-block:1rem}.journey-stage .journey-note-path{margin-block:1rem}@media (min-width: 768px){.journey-session-header{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr)}.journey-session-heading{grid-column:2;grid-row:1}}@media (max-height: 800px){[data-testid=journey-session-chrome] .journey-session-header,.journey-stage .journey-stage-content{padding-block:.375rem}.journey-stage-content h1{margin-top:.375rem;font-size:1.75rem}.journey-stage-content>p{margin-top:.375rem;font-size:.8125rem}.journey-stage .journey-note-path{margin-block:.625rem}.journey-stage-content>button{min-height:2.25rem;margin-top:.5rem}.journey-stage .journey-stage-actions{padding-block:.375rem}}:root{--info-violet-bg: hsl(var(--primary) / .065);--info-violet-accent: hsl(var(--primary));--info-mint-bg: hsl(var(--success) / .065);--info-mint-accent: hsl(var(--success));--info-amber-bg: hsl(var(--orange) / .075);--info-amber-accent: hsl(var(--orange));--info-red-bg: hsl(var(--destructive) / .065);--info-red-accent: hsl(var(--destructive));--info-cyan-bg: hsl(var(--editorial-teal) / .065);--info-cyan-accent: hsl(var(--editorial-teal));--surface-canvas: hsl(var(--background));--surface-navigation: hsl(var(--nav-background));--surface-card: hsl(var(--card));--surface-elevated: hsl(var(--popover));--surface-nested: hsl(var(--card-secondary));--surface-inset: hsl(var(--muted));--surface-hover: hsl(var(--card-hover));--surface-active: hsl(var(--card-active));--surface-selected: hsl(var(--primary) / .12);--content-primary: hsl(var(--foreground));--content-secondary: hsl(var(--muted-foreground));--content-tertiary: hsl(var(--text-muted));--content-disabled: hsl(var(--muted-foreground) / .55);--stroke-subtle: hsl(var(--border));--stroke-emphasis: hsl(var(--primary) / .22);--stroke-separator: hsl(var(--hairline));--color-brand: hsl(var(--primary));--color-brand-soft: hsl(var(--primary) / .1);--color-brand-subtle: hsl(var(--primary) / .06);--color-brand-border: hsl(var(--primary) / .25);--color-brand-glow: hsl(var(--primary) / .4);--color-text: hsl(var(--foreground));--color-text-muted: hsl(var(--muted-foreground));--color-text-faint: hsl(var(--text-muted));--color-surface: hsl(var(--background));--color-surface-raised: hsl(var(--card));--color-surface-sunken: hsl(var(--muted));--type-family-display: "Inter Tight", "Inter", system-ui, sans-serif;--type-family-body: "Inter", "Inter Tight", system-ui, sans-serif;--type-family-mono: "Space Grotesk", ui-monospace, system-ui, monospace;--type-size-xs: .75rem;--type-size-sm: .875rem;--type-size-base: 1rem;--type-size-lg: 1.125rem;--type-size-xl: 1.25rem;--type-size-2xl: 1.5rem;--type-size-3xl: 1.875rem;--type-size-4xl: 2.25rem;--type-weight-regular: 400;--type-weight-medium: 500;--type-weight-semibold: 600;--type-weight-bold: 700;--type-leading-tight: 1.15;--type-leading-snug: 1.3;--type-leading-normal: 1.5;--type-leading-relaxed: 1.65;--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--space-40: 160px;--space-48: 192px;--space-56: 224px;--space-64: 256px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-pill: 9999px;--elevation-none: none;--elevation-xs: var(--shadow-xs);--elevation-sm: var(--shadow-sm);--elevation-md: var(--shadow-md);--elevation-lg: var(--shadow-lg);--elevation-xl: var(--shadow-xl);--elevation-glow-brand: var(--shadow-primary-glow);--duration-instant: 80ms;--duration-fast: .15s;--duration-medium: .25s;--duration-slow: .4s;--duration-slower: .6s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-emphasized:cubic-bezier(.2, 0, 0, 1);--motion-fast: .15s;--motion-base: .25s;--motion-medium: .3s;--motion-slow: .4s;--motion-card-enter: .32s;--motion-element-enter: .38s;--motion-key-tap: .36s;--motion-hero-flash: .4s;--motion-hero-ripple-duration: 1.2s;--motion-hero-ripple-stagger: .15s;--motion-hero-label-delay: .15s;--hero-ripple-max-scale: 3;--hero-ripple-base-size: 96px;--hero-key-scale: 1.7;--easing-out: cubic-bezier(.16, 1, .3, 1);--easing-in: cubic-bezier(.7, 0, .84, 0);--easing-in-out: cubic-bezier(.65, 0, .35, 1);--stagger-base: 80ms;--rhythm-tight: 8px;--rhythm-snug: 16px;--rhythm-relaxed: 24px;--rhythm-section: 32px;--rhythm-major: 40px;--celebration-backdrop: radial-gradient(ellipse 1200px 600px at center top, hsl(258 90% 96%) 0%, transparent 70%);--celebration-hero-backdrop: radial-gradient(ellipse 800px 400px at center top, hsl(195 100% 96% / .6) 0%, transparent 70%);--celebration-tint-violet: hsl(258 60% 50% / .04);--celebration-tint-primary: hsl(var(--primary) / .04);--celebration-tint-teal: hsl(178 60% 40% / .05);--celebration-tint-amber: hsl(35 92% 50% / .05);--celebration-star-glow: 0 0 22px hsl(var(--primary) / .75), 0 0 8px hsl(var(--primary) / .55);--celebration-star-glow-min: 0 0 18px hsl(var(--primary) / .55);--celebration-star-glow-max: 0 0 28px hsl(var(--primary) / .85);--mastery-stars-glow: drop-shadow(0 0 20px hsl(var(--primary) / .55)) drop-shadow(0 0 8px hsl(var(--primary) / .4));--mastery-stars-glow-min: drop-shadow(0 0 18px hsl(var(--primary) / .45)) drop-shadow(0 0 7px hsl(var(--primary) / .35));--mastery-stars-glow-max: drop-shadow(0 0 26px hsl(var(--primary) / .7)) drop-shadow(0 0 10px hsl(var(--primary) / .52));--font-serif: "Source Serif 4", "Source Serif Pro", "Crimson Text", Georgia, "Times New Roman", serif;--editorial-amber: 35 92% 48%;--editorial-teal: 178 65% 38%;--piano-advance-target-fill: var(--primary);--rank-progress-track: 0 0% 0% / .08;--z-base: 0;--z-raised: 10;--z-sticky: 20;--z-overlay: 40;--z-modal: 50;--z-popover: 60;--z-toast: 70;--z-tooltip: 80}.dark{--celebration-backdrop: radial-gradient(ellipse 1200px 600px at center top, hsl(258 50% 16%) 0%, transparent 70%);--celebration-hero-backdrop: radial-gradient(ellipse 800px 400px at center top, hsl(258 50% 18% / .6) 0%, transparent 70%);--celebration-tint-violet: hsl(258 70% 60% / .06);--celebration-tint-primary: hsl(var(--primary) / .05);--celebration-tint-teal: hsl(178 60% 55% / .05);--celebration-tint-amber: hsl(38 90% 62% / .05);--mastery-stars-glow: drop-shadow(0 0 22px hsl(var(--primary) / .62)) drop-shadow(0 0 9px hsl(var(--primary) / .48));--mastery-stars-glow-min: drop-shadow(0 0 19px hsl(var(--primary) / .5)) drop-shadow(0 0 8px hsl(var(--primary) / .4));--mastery-stars-glow-max: drop-shadow(0 0 30px hsl(var(--primary) / .78)) drop-shadow(0 0 12px hsl(var(--primary) / .6));--editorial-amber: 35 80% 57%;--editorial-teal: 172 66% 50%;--piano-advance-target-fill: 262 83% 62%;--rank-progress-track: 0 0% 100% / .18}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,Inter Tight,ui-sans-serif,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:Space Grotesk,ui-monospace,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root,.light{--polish-blue-primary: hsl(var(--primary));--polish-blue-soft: hsl(var(--primary) / .1);--polish-blue-border: hsl(var(--primary) / .25);--background: 0 0% 98%;--foreground: 215 28% 12%;--card: 0 0% 100%;--card-foreground: 215 28% 12%;--card-secondary: 210 30% 96%;--card-hover: 210 30% 97%;--card-active: 210 30% 94%;--popover: 0 0% 100%;--popover-foreground: 215 28% 12%;--primary: 261 83% 58.9%;--brand-primary: 261 83% 58.9%;--primary-foreground: 0 0% 100%;--primary-hover: 262 83% 52%;--primary-pressed: 263 70% 45%;--primary-soft: 262 83% 95%;--primary-subtle: 262 83% 98%;--primary-border: 262 60% 88%;--primary-glow: 262 83% 58%;--gradient-primary: linear-gradient(135deg, hsl(262 83% 58%) 0%, hsl(272 80% 66%) 100%);--gradient-primary-soft: linear-gradient(135deg, hsl(262 83% 58% / .12) 0%, hsl(272 80% 66% / .12) 100%);--accent-soft: 262 83% 95%;--accent-mid: 262 70% 88%;--accent-glow: 262 83% 58% / .18;--secondary: 210 30% 96%;--secondary-foreground: 262 70% 45%;--orange: 32 100% 50%;--orange-foreground: 0 0% 100%;--orange-soft: 32 100% 95%;--success: 142 71% 45%;--success-foreground: 0 0% 100%;--success-soft: 142 76% 95%;--premium: 263 70% 58%;--premium-foreground: 0 0% 100%;--premium-soft: 263 70% 96%;--pink: 340 82% 62%;--pink-foreground: 0 0% 100%;--pink-soft: 340 82% 96%;--step-whole: 150 55% 38%;--step-half: 30 90% 48%;--mood-major: 142 71% 42%;--mood-major-foreground: 0 0% 100%;--mood-major-soft: 142 60% 92%;--mood-minor: 0 72% 55%;--mood-minor-foreground: 0 0% 100%;--quality-major: 142 71% 42%;--quality-major-foreground: 0 0% 100%;--quality-major-soft: 142 71% 42% / .14;--quality-minor: 0 72% 55%;--quality-minor-foreground: 0 0% 100%;--quality-minor-soft: 0 72% 55% / .14;--quality-dim: 217 85% 55%;--quality-dim-foreground: 0 0% 100%;--quality-dim-soft: 217 85% 55% / .14;--quality-aug: 36 90% 50%;--quality-aug-foreground: 220 40% 10%;--quality-aug-soft: 36 90% 50% / .14;--quality-dominant: 22 88% 52%;--quality-dominant-foreground: 0 0% 100%;--quality-dominant-soft: 22 88% 52% / .14;--quality-sus: 174 62% 42%;--quality-sus-foreground: 0 0% 100%;--quality-sus-soft: 174 62% 42% / .14;--mood-minor-soft: 0 72% 95%;--yellow: 43 96% 56%;--yellow-foreground: 215 28% 12%;--yellow-soft: 43 96% 95%;--reward: 32 100% 50%;--reward-foreground: 0 0% 100%;--streak: 32 100% 50%;--streak-foreground: 0 0% 100%;--destructive: 0 84% 60%;--destructive-foreground: 0 0% 100%;--text-primary: 215 28% 12%;--text-secondary: 220 10% 30%;--text-muted: 215 14% 50%;--callout-body: 220 10% 30%;--muted: 210 30% 96%;--muted-foreground: 215 16% 34%;--interval-orb-unlit: 220 14% 90%;--accent: 262 100% 97%;--accent-foreground: 262 83% 45%;--nav-background: 0 0% 100%;--nav-foreground: 215 16% 34%;--nav-active: 262 83% 58%;--border: 220 13% 91%;--input: 220 13% 91%;--ring: 262 83% 58%;--hairline: 0 0% 0% / .1;--radius: 1rem;--font-display: "Inter Tight", "Inter", system-ui, sans-serif;--font-body: "Inter", "Inter Tight", system-ui, sans-serif;--font-mono: "Space Grotesk", system-ui, sans-serif;--shadow-xs: 0 1px 2px 0 hsl(0 0% 0% / .03);--shadow-sm: 0 2px 8px -2px hsl(0 0% 0% / .05);--shadow: 0 4px 16px -4px hsl(0 0% 0% / .08);--shadow-md: 0 8px 24px -6px hsl(0 0% 0% / .1);--shadow-lg: 0 12px 32px -8px hsl(0 0% 0% / .12);--shadow-xl: 0 20px 48px -12px hsl(0 0% 0% / .15);--shadow-primary-glow: 0 4px 20px -4px rgba(0, 175, 255, .25);--lesson-card-glow: transparent;--module-1: 197 100% 50%;--module-2: 263 55% 60%;--module-3: 160 55% 42%;--module-4: 33 85% 50%;--shadow-module-1: 0 4px 20px -4px rgba(0, 175, 255, .25);--shadow-module-2: 0 4px 20px -4px rgba(140, 100, 220, .25);--shadow-module-3: 0 4px 20px -4px rgba(40, 170, 130, .25);--shadow-module-4: 0 4px 20px -4px rgba(220, 150, 50, .25);--glass-bg: 0 0% 100%;--glass-border: 214 20% 89%;--surface-2: 210 30% 96%;--accent-full: hsl(var(--primary));--accent-light: hsl(var(--primary) / .65);--accent-deep: hsl(var(--primary-pressed));--accent-glow: hsl(var(--primary) / .55);--accent-soft: hsl(var(--primary) / .14);--accent-pale: hsl(var(--primary) / .1);--accent-press-glow-1: transparent;--accent-press-glow-2: transparent;--piano-white-key-top: 210 25% 99%;--piano-white-key-mid: 240 12% 96%;--piano-white-key-bottom: 240 8% 89%;--piano-white-key-border: 240 10% 78%;--piano-black-key-top: 255 12% 18%;--piano-black-key-mid: 255 15% 9%;--piano-black-key-bottom: 255 18% 4%;--piano-static-key-top: hsl(258 78% 60%);--piano-static-key-bottom: hsl(258 78% 60%);--piano-static-black-key-top: hsl(258 78% 60%);--piano-static-black-key-bottom: hsl(258 78% 60%);--piano-active-key-top: hsl(var(--primary) / .82);--piano-active-key-mid: hsl(var(--primary));--piano-active-key-bottom: hsl(var(--primary-pressed));--piano-lit-glow: 0 0 0 0 transparent;--piano-anchor-key-top: 258 90% 84%;--piano-anchor-key-mid: 258 80% 64%;--piano-anchor-key-bottom: 258 78% 54%;--piano-wrong-top: 14 82% 84%;--piano-wrong-bottom: 10 70% 74%;--piano-frame-bg: 220 30% 96%;--piano-frame-inner-bg: 220 25% 92%;--piano-stage-bg: 0 0% 100%;--piano-key-white: #fafaf6;--piano-key-white-edge-top: rgba(255,255,255,.55);--piano-key-white-edge-bottom: rgba(0,0,0,.07);--piano-key-white-border: rgba(15,23,42,.1);--piano-lip-top: #ece9df;--piano-lip-bottom: #d8d4c8;--piano-front-lip: #d6d2c5;--piano-ground-shadow: rgba(0,0,0,.18);--piano-footer-black-key-drop: 0 3px 5px -1px rgba(0,0,0,.3), 0 9px 14px -6px rgba(0,0,0,.34);--piano-footer-white-key-bg: linear-gradient(90deg, rgba(22,24,28,.025) 0%, transparent 14%, transparent 86%, rgba(22,24,28,.04) 100%), linear-gradient(180deg, #ffffff 0%, #fdfdfd 68%, #f7f7f7 91%, #ededed 100%);--piano-footer-white-key-shadow: inset 0 1px 0 rgba(255,255,255,1), inset 0 -1px 0 rgba(18,18,20,.16), inset 0 -5px 7px -7px rgba(18,18,20,.2), 0 1px 1px rgba(0,0,0,.2);--piano-footer-black-key-bg: linear-gradient(90deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.025) 13%, transparent 28%, transparent 70%, rgba(255,255,255,.035) 86%, rgba(0,0,0,.34) 100%), radial-gradient(ellipse at 50% 0%, rgba(255,255,255,.14) 0%, rgba(255,255,255,.035) 28%, transparent 56%), linear-gradient(180deg, #2b2c31 0%, #202126 7%, #131418 76%, #090a0d 90%, #1c1d22 95%, #090a0c 100%);--piano-footer-black-key-shadow: inset 0 1px 0 rgba(255,255,255,.25), inset 1px 0 0 rgba(255,255,255,.09), inset -1px 0 0 rgba(0,0,0,.66), inset 0 0 0 1px rgba(255,255,255,.035), inset 0 -4px 3px -2px rgba(255,255,255,.13), 0 2px 2px rgba(0,0,0,.52), 0 5px 7px -3px rgba(0,0,0,.46);--piano-footer-active-key-bg: radial-gradient(ellipse at 55% 26%, rgba(255,255,255,.48) 0%, rgba(255,255,255,.1) 38%, transparent 68%), linear-gradient(180deg, hsl(263 87% 67%) 0%, hsl(261 88% 64%) 46%, hsl(265 98% 77%) 100%);--piano-footer-active-black-key-bg: hsl(263 87% 62%);--piano-footer-active-key-shadow: inset 0 1px 0 rgba(255,255,255,.58), inset 1px 0 0 rgba(255,255,255,.18), inset -1px 0 0 rgba(59,20,116,.24), inset 0 -8px 12px -8px rgba(62,20,120,.42), 0 2px 0 rgba(35,12,68,.48), 0 0 12px hsl(var(--primary) / .46), 0 0 24px hsl(var(--primary) / .2);--piano-active-halo: rgba(2, 182, 255, .32);--piano-key-black: #1a1d24;--piano-key-black-hover: #2a2e36;--piano-key-black-text: #ffffff;--piano-incard-white-key-width-standard: 20px;--piano-incard-white-key-height-standard: 64px;--piano-incard-black-key-width-standard: 13px;--piano-incard-black-key-height-standard: 40px;--piano-incard-white-key-width-compact: 14px;--piano-incard-white-key-height-compact: 45px;--piano-incard-black-key-width-compact: 9px;--piano-incard-black-key-height-compact: 28px;--piano-incard-white-key-width: var(--piano-incard-white-key-width-standard);--piano-incard-white-key-height: var(--piano-incard-white-key-height-standard);--piano-incard-black-key-width: var(--piano-incard-black-key-width-standard);--piano-incard-black-key-height: var(--piano-incard-black-key-height-standard);--sidebar-background: 0 0% 100%;--sidebar-foreground: 215 28% 12%;--sidebar-primary: 262 83% 58%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 262 100% 97%;--sidebar-accent-foreground: 262 83% 45%;--sidebar-border: 214 20% 89%;--sidebar-ring: 262 83% 58%;--sidebar: 0 0% 100%;--chart-1: 142 71% 45%;--chart-2: 197 100% 50%;--chart-3: 32 100% 50%;--chart-4: 340 82% 62%;--chart-5: 263 70% 58%}.\!dark{--background: 234 32% 2.5% !important;--foreground: 228 100% 98% !important;--card: 230 24% 7% !important;--card-foreground: 228 100% 98% !important;--card-secondary: 230 22% 10% !important;--card-hover: 230 20% 12.5% !important;--card-active: 230 20% 14.5% !important;--popover: 232 26% 5% !important;--popover-foreground: 228 100% 98% !important;--lesson-card-glow: radial-gradient(ellipse 95% 90% at 50% 50%, hsl(var(--primary) / .85) 0%, hsl(var(--primary) / .5) 28%, hsl(var(--primary) / .22) 56%, transparent 78%) !important;--primary: 261 83% 58.9% !important;--brand-primary: 261 83% 58.9% !important;--primary-foreground: 0 0% 100% !important;--primary-hover: 262 83% 58% !important;--primary-pressed: 266 70% 50% !important;--primary-soft: 256 78% 64% / .08 !important;--primary-subtle: 256 78% 64% / .05 !important;--primary-border: 264 62% 62% / .14 !important;--primary-glow: 256 78% 64% !important;--gradient-primary: linear-gradient(135deg, hsl(256 78% 64%) 0%, hsl(262 83% 58%) 100%) !important;--gradient-primary-soft: linear-gradient(135deg, hsl(256 78% 64% / .16) 0%, hsl(262 83% 58% / .16) 100%) !important;--accent-soft: 258 50% 18% !important;--accent-mid: 258 60% 30% !important;--accent-glow: 258 90% 74% / .25 !important;--secondary: 258 30% 22% !important;--secondary-foreground: 258 80% 82% !important;--module-1: 210 70% 55% !important;--module-2: 263 55% 68% !important;--premium: 263 55% 68% !important;--premium-foreground: 0 0% 100% !important;--premium-soft: 263 55% 65% / .12 !important;--module-3: 142 71% 45% !important;--success: 142 71% 45% !important;--success-foreground: 0 0% 100% !important;--success-soft: 142 71% 45% / .12 !important;--module-4: 33 75% 55% !important;--orange: 38 95% 62% !important;--orange-foreground: 0 0% 100% !important;--orange-soft: 38 88% 58% / .16 !important;--pink: 344 44% 40% !important;--pink-foreground: 0 0% 100% !important;--pink-soft: 344 44% 40% / .12 !important;--step-whole: 150 46% 44% !important;--step-half: 30 88% 55% !important;--mood-major: 142 65% 55% !important;--mood-major-foreground: 220 40% 10% !important;--mood-major-soft: 142 65% 55% / .16 !important;--mood-minor: 0 78% 65% !important;--mood-minor-foreground: 220 40% 10% !important;--mood-minor-soft: 0 78% 65% / .15 !important;--quality-major: 142 65% 55% !important;--quality-major-foreground: 220 40% 10% !important;--quality-major-soft: 142 65% 55% / .16 !important;--quality-minor: 0 78% 65% !important;--quality-minor-foreground: 0 0% 100% !important;--quality-minor-soft: 0 78% 65% / .16 !important;--quality-dim: 217 91% 65% !important;--quality-dim-foreground: 0 0% 100% !important;--quality-dim-soft: 217 91% 65% / .16 !important;--quality-aug: 38 92% 60% !important;--quality-aug-foreground: 220 40% 10% !important;--quality-aug-soft: 38 92% 60% / .16 !important;--quality-dominant: 24 90% 60% !important;--quality-dominant-foreground: 220 40% 10% !important;--quality-dominant-soft: 24 90% 60% / .16 !important;--quality-sus: 174 60% 52% !important;--quality-sus-foreground: 0 0% 100% !important;--quality-sus-soft: 174 60% 52% / .16 !important;--yellow: 48 70% 50% !important;--yellow-foreground: 220 40% 10% !important;--yellow-soft: 48 70% 48% / .12 !important;--reward: 33 75% 55% !important;--reward-foreground: 0 0% 100% !important;--streak: 33 75% 55% !important;--streak-foreground: 0 0% 100% !important;--destructive: 0 65% 55% !important;--destructive-foreground: 0 0% 100% !important;--text-primary: 228 100% 98% !important;--text-secondary: 226 23% 87% !important;--text-muted: 224 15% 69% !important;--callout-body: 228 100% 98% / .92 !important;--muted: 230 20% 12% !important;--interval-orb-unlit: 240 15% 11% !important;--muted-foreground: 232 12% 56% !important;--accent: 230 18% 14% !important;--accent-foreground: 254 100% 85% !important;--nav-background: 226 30% 8% / .95 !important;--nav-foreground: 226 18% 71% !important;--nav-active: 254 100% 85% !important;--border: 0 0% 100% / .06 !important;--input: 0 0% 100% / .08 !important;--ring: 256 78% 64% !important;--hairline: 0 0% 100% / .07 !important;--shadow-xs: 0 1px 3px 0 hsl(0 0% 0% / .5) !important;--shadow-sm: 0 2px 8px -2px hsl(0 0% 0% / .6) !important;--shadow: 0 4px 16px -4px hsl(0 0% 0% / .7) !important;--shadow-md: 0 8px 28px -6px hsl(0 0% 0% / .35) !important;--shadow-lg: 0 12px 32px -8px hsl(0 0% 0% / .5) !important;--shadow-xl: 0 20px 48px -12px hsl(0 0% 0% / .6) !important;--shadow-primary-glow: 0 0 20px -4px rgba(167, 139, 250, .3), 0 0 40px -8px rgba(167, 139, 250, .15) !important;--shadow-primary-intense: 0 0 30px -4px rgba(167, 139, 250, .45), 0 0 60px -8px rgba(167, 139, 250, .2) !important;--shadow-module-1: 0 0 20px -4px rgba(100, 160, 230, .25) !important;--shadow-module-2: 0 0 20px -4px rgba(140, 120, 240, .25) !important;--shadow-module-3: 0 0 20px -4px rgba(52, 180, 140, .25) !important;--shadow-module-4: 0 0 20px -4px rgba(220, 160, 60, .25) !important;--glass-bg: 258 28% 10% / .8 !important;--glass-border: 0 0% 100% / .08 !important;--surface-2: 260 8% 8% !important;--accent-full: hsl(var(--primary)) !important;--accent-light: hsl(var(--primary) / .7) !important;--accent-deep: hsl(var(--primary-pressed)) !important;--accent-glow: hsl(var(--primary) / .55) !important;--accent-soft: hsl(var(--primary) / .14) !important;--accent-pale: hsl(var(--primary) / .18) !important;--accent-press-glow-1: hsl(var(--primary-pressed) / .65) !important;--accent-press-glow-2: hsl(var(--primary-pressed) / .28) !important;--piano-white-key-top: 210 25% 99% !important;--piano-white-key-mid: 240 12% 96% !important;--piano-white-key-bottom: 240 8% 89% !important;--piano-white-key-border: 240 10% 78% !important;--piano-black-key-top: 255 12% 18% !important;--piano-black-key-mid: 255 15% 9% !important;--piano-black-key-bottom: 255 18% 4% !important;--piano-static-key-top: hsl(258 78% 60%) !important;--piano-static-key-bottom: hsl(258 78% 60%) !important;--piano-static-black-key-top: hsl(258 78% 60%) !important;--piano-static-black-key-bottom: hsl(258 78% 60%) !important;--piano-active-key-top: hsl(258 72% 60%) !important;--piano-active-key-mid: hsl(var(--primary)) !important;--piano-active-key-bottom: hsl(258 100% 82%) !important;--piano-lit-glow: 0 0 0 0 transparent !important;--piano-anchor-key-top: 258 100% 90% !important;--piano-anchor-key-mid: 258 95% 80% !important;--piano-anchor-key-bottom: 258 90% 72% !important;--piano-wrong-top: 14 60% 62% !important;--piano-wrong-bottom: 10 55% 54% !important;--piano-frame-bg: 260 30% 4% !important;--piano-frame-inner-bg: 260 35% 2% !important;--piano-stage-bg: 220 50% 5% !important;--piano-key-white: #f4f0e9 !important;--piano-key-white-edge-top: rgba(255,255,255,.25) !important;--piano-key-white-edge-bottom: rgba(0,0,0,.28) !important;--piano-key-white-border: rgba(0,0,0,0) !important;--piano-lip-top: #1d1f27 !important;--piano-lip-bottom: #14161c !important;--piano-front-lip: #0f1117 !important;--piano-ground-shadow: rgba(0,0,0,.45) !important;--piano-footer-black-key-drop: 0 3px 5px -1px rgba(0,0,0,.3), 0 9px 14px -6px rgba(0,0,0,.34) !important;--piano-footer-white-key-bg: linear-gradient(90deg, rgba(22,24,28,.025) 0%, transparent 14%, transparent 86%, rgba(22,24,28,.04) 100%), linear-gradient(180deg, #ffffff 0%, #fdfdfd 68%, #f7f7f7 91%, #ededed 100%) !important;--piano-footer-white-key-shadow: inset 0 1px 0 rgba(255,255,255,1), inset 0 -1px 0 rgba(18,18,20,.16), inset 0 -5px 7px -7px rgba(18,18,20,.2), 0 1px 1px rgba(0,0,0,.2) !important;--piano-footer-black-key-bg: linear-gradient(90deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.025) 13%, transparent 28%, transparent 70%, rgba(255,255,255,.035) 86%, rgba(0,0,0,.34) 100%), radial-gradient(ellipse at 50% 0%, rgba(255,255,255,.14) 0%, rgba(255,255,255,.035) 28%, transparent 56%), linear-gradient(180deg, #2b2c31 0%, #202126 7%, #131418 76%, #090a0d 90%, #1c1d22 95%, #090a0c 100%) !important;--piano-footer-black-key-shadow: inset 0 1px 0 rgba(255,255,255,.25), inset 1px 0 0 rgba(255,255,255,.09), inset -1px 0 0 rgba(0,0,0,.66), inset 0 0 0 1px rgba(255,255,255,.035), inset 0 -4px 3px -2px rgba(255,255,255,.13), 0 2px 2px rgba(0,0,0,.52), 0 5px 7px -3px rgba(0,0,0,.46) !important;--piano-footer-active-key-bg: radial-gradient(ellipse at 55% 26%, rgba(255,255,255,.48) 0%, rgba(255,255,255,.1) 38%, transparent 68%), linear-gradient(180deg, hsl(263 87% 67%) 0%, hsl(261 88% 64%) 46%, hsl(265 98% 77%) 100%) !important;--piano-footer-active-black-key-bg: hsl(263 87% 62%) !important;--piano-footer-active-key-shadow: inset 0 1px 0 rgba(255,255,255,.58), inset 1px 0 0 rgba(255,255,255,.18), inset -1px 0 0 rgba(59,20,116,.24), inset 0 -8px 12px -8px rgba(62,20,120,.42), 0 2px 0 rgba(35,12,68,.48), 0 0 12px hsl(var(--primary) / .46), 0 0 24px hsl(var(--primary) / .2) !important;--piano-active-halo: rgba(167, 139, 250, .45) !important;--piano-key-black: #0a0c11 !important;--piano-key-black-hover: #1a1d24 !important;--piano-key-black-text: #e6eeff !important;--sidebar-background: 232 26% 5% !important;--sidebar-foreground: 230 50% 98% !important;--sidebar-primary: 256 78% 64% !important;--sidebar-primary-foreground: 0 0% 100% !important;--sidebar-accent: 264 88% 74% / .12 !important;--sidebar-accent-foreground: 264 90% 84% !important;--sidebar-border: 0 0% 100% / .08 !important;--sidebar-ring: 264 88% 74% !important;--sidebar: 232 26% 5% !important;--chart-1: 160 55% 48% !important;--chart-2: 210 70% 55% !important;--chart-3: 33 75% 55% !important;--chart-4: 330 55% 62% !important;--chart-5: 263 55% 68% !important}.dark{--background: 234 32% 2.5%;--foreground: 228 100% 98%;--card: 230 24% 7%;--card-foreground: 228 100% 98%;--card-secondary: 230 22% 10%;--card-hover: 230 20% 12.5%;--card-active: 230 20% 14.5%;--popover: 232 26% 5%;--popover-foreground: 228 100% 98%;--lesson-card-glow: radial-gradient(ellipse 95% 90% at 50% 50%, hsl(var(--primary) / .85) 0%, hsl(var(--primary) / .5) 28%, hsl(var(--primary) / .22) 56%, transparent 78%);--primary: 261 83% 58.9%;--brand-primary: 261 83% 58.9%;--primary-foreground: 0 0% 100%;--primary-hover: 262 83% 58%;--primary-pressed: 266 70% 50%;--primary-soft: 256 78% 64% / .08;--primary-subtle: 256 78% 64% / .05;--primary-border: 264 62% 62% / .14;--primary-glow: 256 78% 64%;--gradient-primary: linear-gradient(135deg, hsl(256 78% 64%) 0%, hsl(262 83% 58%) 100%);--gradient-primary-soft: linear-gradient(135deg, hsl(256 78% 64% / .16) 0%, hsl(262 83% 58% / .16) 100%);--accent-soft: 258 50% 18%;--accent-mid: 258 60% 30%;--accent-glow: 258 90% 74% / .25;--secondary: 258 30% 22%;--secondary-foreground: 258 80% 82%;--module-1: 210 70% 55%;--module-2: 263 55% 68%;--premium: 263 55% 68%;--premium-foreground: 0 0% 100%;--premium-soft: 263 55% 65% / .12;--module-3: 142 71% 45%;--success: 142 71% 45%;--success-foreground: 0 0% 100%;--success-soft: 142 71% 45% / .12;--module-4: 33 75% 55%;--orange: 38 95% 62%;--orange-foreground: 0 0% 100%;--orange-soft: 38 88% 58% / .16;--pink: 344 44% 40%;--pink-foreground: 0 0% 100%;--pink-soft: 344 44% 40% / .12;--step-whole: 150 46% 44%;--step-half: 30 88% 55%;--mood-major: 142 65% 55%;--mood-major-foreground: 220 40% 10%;--mood-major-soft: 142 65% 55% / .16;--mood-minor: 0 78% 65%;--mood-minor-foreground: 220 40% 10%;--mood-minor-soft: 0 78% 65% / .15;--quality-major: 142 65% 55%;--quality-major-foreground: 220 40% 10%;--quality-major-soft: 142 65% 55% / .16;--quality-minor: 0 78% 65%;--quality-minor-foreground: 0 0% 100%;--quality-minor-soft: 0 78% 65% / .16;--quality-dim: 217 91% 65%;--quality-dim-foreground: 0 0% 100%;--quality-dim-soft: 217 91% 65% / .16;--quality-aug: 38 92% 60%;--quality-aug-foreground: 220 40% 10%;--quality-aug-soft: 38 92% 60% / .16;--quality-dominant: 24 90% 60%;--quality-dominant-foreground: 220 40% 10%;--quality-dominant-soft: 24 90% 60% / .16;--quality-sus: 174 60% 52%;--quality-sus-foreground: 0 0% 100%;--quality-sus-soft: 174 60% 52% / .16;--yellow: 48 70% 50%;--yellow-foreground: 220 40% 10%;--yellow-soft: 48 70% 48% / .12;--reward: 33 75% 55%;--reward-foreground: 0 0% 100%;--streak: 33 75% 55%;--streak-foreground: 0 0% 100%;--destructive: 0 65% 55%;--destructive-foreground: 0 0% 100%;--text-primary: 228 100% 98%;--text-secondary: 226 23% 87%;--text-muted: 224 15% 69%;--callout-body: 228 100% 98% / .92;--muted: 230 20% 12%;--interval-orb-unlit: 240 15% 11%;--muted-foreground: 232 12% 56%;--accent: 230 18% 14%;--accent-foreground: 254 100% 85%;--nav-background: 226 30% 8% / .95;--nav-foreground: 226 18% 71%;--nav-active: 254 100% 85%;--border: 0 0% 100% / .06;--input: 0 0% 100% / .08;--ring: 256 78% 64%;--hairline: 0 0% 100% / .07;--shadow-xs: 0 1px 3px 0 hsl(0 0% 0% / .5);--shadow-sm: 0 2px 8px -2px hsl(0 0% 0% / .6);--shadow: 0 4px 16px -4px hsl(0 0% 0% / .7);--shadow-md: 0 8px 28px -6px hsl(0 0% 0% / .35);--shadow-lg: 0 12px 32px -8px hsl(0 0% 0% / .5);--shadow-xl: 0 20px 48px -12px hsl(0 0% 0% / .6);--shadow-primary-glow: 0 0 20px -4px rgba(167, 139, 250, .3), 0 0 40px -8px rgba(167, 139, 250, .15);--shadow-primary-intense: 0 0 30px -4px rgba(167, 139, 250, .45), 0 0 60px -8px rgba(167, 139, 250, .2);--shadow-module-1: 0 0 20px -4px rgba(100, 160, 230, .25);--shadow-module-2: 0 0 20px -4px rgba(140, 120, 240, .25);--shadow-module-3: 0 0 20px -4px rgba(52, 180, 140, .25);--shadow-module-4: 0 0 20px -4px rgba(220, 160, 60, .25);--glass-bg: 258 28% 10% / .8;--glass-border: 0 0% 100% / .08;--surface-2: 260 8% 8%;--accent-full: hsl(var(--primary));--accent-light: hsl(var(--primary) / .7);--accent-deep: hsl(var(--primary-pressed));--accent-glow: hsl(var(--primary) / .55);--accent-soft: hsl(var(--primary) / .14);--accent-pale: hsl(var(--primary) / .18);--accent-press-glow-1: hsl(var(--primary-pressed) / .65);--accent-press-glow-2: hsl(var(--primary-pressed) / .28);--piano-white-key-top: 210 25% 99%;--piano-white-key-mid: 240 12% 96%;--piano-white-key-bottom: 240 8% 89%;--piano-white-key-border: 240 10% 78%;--piano-black-key-top: 255 12% 18%;--piano-black-key-mid: 255 15% 9%;--piano-black-key-bottom: 255 18% 4%;--piano-static-key-top: hsl(258 78% 60%);--piano-static-key-bottom: hsl(258 78% 60%);--piano-static-black-key-top: hsl(258 78% 60%);--piano-static-black-key-bottom: hsl(258 78% 60%);--piano-active-key-top: hsl(258 72% 60%);--piano-active-key-mid: hsl(var(--primary));--piano-active-key-bottom: hsl(258 100% 82%);--piano-lit-glow: 0 0 0 0 transparent;--piano-anchor-key-top: 258 100% 90%;--piano-anchor-key-mid: 258 95% 80%;--piano-anchor-key-bottom: 258 90% 72%;--piano-wrong-top: 14 60% 62%;--piano-wrong-bottom: 10 55% 54%;--piano-frame-bg: 260 30% 4%;--piano-frame-inner-bg: 260 35% 2%;--piano-stage-bg: 220 50% 5%;--piano-key-white: #f4f0e9;--piano-key-white-edge-top: rgba(255,255,255,.25);--piano-key-white-edge-bottom: rgba(0,0,0,.28);--piano-key-white-border: rgba(0,0,0,0);--piano-lip-top: #1d1f27;--piano-lip-bottom: #14161c;--piano-front-lip: #0f1117;--piano-ground-shadow: rgba(0,0,0,.45);--piano-footer-black-key-drop: 0 3px 5px -1px rgba(0,0,0,.3), 0 9px 14px -6px rgba(0,0,0,.34);--piano-footer-white-key-bg: linear-gradient(90deg, rgba(22,24,28,.025) 0%, transparent 14%, transparent 86%, rgba(22,24,28,.04) 100%), linear-gradient(180deg, #ffffff 0%, #fdfdfd 68%, #f7f7f7 91%, #ededed 100%);--piano-footer-white-key-shadow: inset 0 1px 0 rgba(255,255,255,1), inset 0 -1px 0 rgba(18,18,20,.16), inset 0 -5px 7px -7px rgba(18,18,20,.2), 0 1px 1px rgba(0,0,0,.2);--piano-footer-black-key-bg: linear-gradient(90deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.025) 13%, transparent 28%, transparent 70%, rgba(255,255,255,.035) 86%, rgba(0,0,0,.34) 100%), radial-gradient(ellipse at 50% 0%, rgba(255,255,255,.14) 0%, rgba(255,255,255,.035) 28%, transparent 56%), linear-gradient(180deg, #2b2c31 0%, #202126 7%, #131418 76%, #090a0d 90%, #1c1d22 95%, #090a0c 100%);--piano-footer-black-key-shadow: inset 0 1px 0 rgba(255,255,255,.25), inset 1px 0 0 rgba(255,255,255,.09), inset -1px 0 0 rgba(0,0,0,.66), inset 0 0 0 1px rgba(255,255,255,.035), inset 0 -4px 3px -2px rgba(255,255,255,.13), 0 2px 2px rgba(0,0,0,.52), 0 5px 7px -3px rgba(0,0,0,.46);--piano-footer-active-key-bg: radial-gradient(ellipse at 55% 26%, rgba(255,255,255,.48) 0%, rgba(255,255,255,.1) 38%, transparent 68%), linear-gradient(180deg, hsl(263 87% 67%) 0%, hsl(261 88% 64%) 46%, hsl(265 98% 77%) 100%);--piano-footer-active-black-key-bg: hsl(263 87% 62%);--piano-footer-active-key-shadow: inset 0 1px 0 rgba(255,255,255,.58), inset 1px 0 0 rgba(255,255,255,.18), inset -1px 0 0 rgba(59,20,116,.24), inset 0 -8px 12px -8px rgba(62,20,120,.42), 0 2px 0 rgba(35,12,68,.48), 0 0 12px hsl(var(--primary) / .46), 0 0 24px hsl(var(--primary) / .2);--piano-active-halo: rgba(167, 139, 250, .45);--piano-key-black: #0a0c11;--piano-key-black-hover: #1a1d24;--piano-key-black-text: #e6eeff;--sidebar-background: 232 26% 5%;--sidebar-foreground: 230 50% 98%;--sidebar-primary: 256 78% 64%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 264 88% 74% / .12;--sidebar-accent-foreground: 264 90% 84%;--sidebar-border: 0 0% 100% / .08;--sidebar-ring: 264 88% 74%;--sidebar: 232 26% 5%;--chart-1: 160 55% 48%;--chart-2: 210 70% 55%;--chart-3: 33 75% 55%;--chart-4: 330 55% 62%;--chart-5: 263 55% 68%}*{border-color:hsl(var(--border))}html,body{overflow-x:clip}body{background-color:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-body);font-size:13px;line-height:1.6;color:#5e6d82}html[data-text-direction=rtl] :where(h1,h2,h3,h4,h5,h6,p,blockquote,figcaption,label,input,textarea,option){unicode-bidi:plaintext}html[data-text-direction=rtl] :where(input,textarea){direction:rtl;text-align:right}.desktop-app-shell{width:100%}@media (min-width: 1280px){.desktop-app-shell{display:flex;gap:1.5rem;max-width:1720px;margin-inline:auto;padding:1.25rem 1.5rem 0}}.desktop-sidebar-shell{position:sticky;top:1.25rem;display:none;width:260px;flex-shrink:0;flex-direction:column;align-self:flex-start;border-radius:1.25rem;border-width:1px;border-color:hsl(var(--sidebar-border));background-color:hsl(var(--sidebar-background));--tw-shadow: var(--shadow-sm);--tw-shadow-colored: var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 768px) and (max-height: 860px){[data-lesson-id=scale-degrees-explained] .lesson-card:is([data-step-id=degree-1],[data-step-id=degree-2],[data-step-id=degree-3],[data-step-id=degree-4],[data-step-id=degree-5],[data-step-id=degree-6],[data-step-id=degree-7]) [data-degree-interaction]>.flex.desktop-sidebar-shell{gap:0}}@media (min-width: 768px) and (max-height: 851px){.major-scale-transpose-step>.flex.desktop-sidebar-shell.items-center{gap:8px}.major-scale-transpose-visual>.w-full.max-w-xl>.w-full.desktop-sidebar-shell{padding:4px}.major-scale-transpose-visual>.w-full.max-w-xl>.w-full.rounded-2xl>.relative.flex.desktop-sidebar-shell{gap:2px}.major-scale-transpose-visual>.w-full.max-w-xl>.w-full.desktop-sidebar-shell>.relative.flex.flex-col{gap:2px}.major-scale-transpose-visual>.w-full.max-w-xl>.w-full.desktop-sidebar-shell button{height:16px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) .flex.desktop-sidebar-shell.w-full.gap-4.items-center{gap:8px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) :is(.w-full.max-w-md,.w-full.max-w-lg).flex.desktop-sidebar-shell.items-center{gap:4px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .w-full.max-w-lg.flex.desktop-sidebar-shell.items-center{gap:1px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .flex.desktop-sidebar-shell.w-full.gap-4.items-center{gap:6px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=dc-fine],[data-step-id=ds-coda])>div>.pt-stagger .w-full.max-w-lg>.flex.items-center>.flex.desktop-sidebar-shell{padding-top:2px;padding-bottom:2px}.lesson-card:is([data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) .w-full.max-w-lg.flex.desktop-sidebar-shell.items-center{gap:6px}.lesson-card[data-step-id=quick-check]:has([aria-label="Hear the first fifths"]) .w-full.max-w-md.flex.desktop-sidebar-shell{gap:6px}.lesson-card[data-step-id=fingering] .flex.desktop-sidebar-shell.gap-4.items-center.w-full{gap:2px}.lesson-card[data-step-id=swing-build] .w-full.max-w-md.flex.desktop-sidebar-shell.items-center{gap:3px}.lesson-card:is([data-step-id=lines],[data-step-id=spaces]) .w-full.max-w-lg.flex.desktop-sidebar-shell.items-center{gap:4px}.major-scale-zoo-visual>.flex.desktop-sidebar-shell{gap:3px}.natural-minor-melody-maker .lesson-step-sequencer>.w-full.desktop-sidebar-shell{padding-top:6px;padding-bottom:6px}.triads-family-map-visual>.w-full.flex.desktop-sidebar-shell{gap:4px}.triads-family-map-visual>.w-full.flex.desktop-sidebar-shell>button{gap:8px;padding-top:6px;padding-bottom:6px}.triads-family-map-visual>.w-full.flex.desktop-sidebar-shell>button>span:first-child{height:36px}.diatonic-shades-visual>.flex.desktop-sidebar-shell.items-center{gap:4px}.diatonic-shades-visual>.flex.desktop-sidebar-shell.items-center>button{padding-top:6px;padding-bottom:6px}.chords-recital-finale-visual>.flex.desktop-sidebar-shell.items-center{gap:5px}.chords-recital-finale-visual>.flex.desktop-sidebar-shell.items-center>.flex.items-center{gap:8px}.minor-functions-leading-tone-visual>.w-full.desktop-sidebar-shell,.major-motions-deceptive-visual>.w-full.desktop-sidebar-shell,.other-chords-color-visual>.w-full.desktop-sidebar-shell{padding-top:8px;padding-bottom:8px}.one-four-five-beat-visual>.w-full.max-w-md>.w-full.desktop-sidebar-shell,.one-five-six-four-beat-visual>.w-full.max-w-md>.w-full.desktop-sidebar-shell{padding:10px}.four-one-five-six-beat-visual>.w-full.max-w-md>.w-full.desktop-sidebar-shell{padding:10px}.voice-leading-rules-visual>.w-full.flex.desktop-sidebar-shell{gap:6px}.voice-leading-rules-visual>.w-full.flex.desktop-sidebar-shell>button{padding-top:8px;padding-bottom:8px}}@media (max-width: 767px) and (max-height: 590px){.lesson-module-1 .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.desktop-sidebar-shell.items-center{gap:8px}}@media (min-width: 768px) and (max-height: 900px){:is([data-lesson-id=intro-to-chords],[data-lesson-id=fully-diminished7],[data-lesson-id=chord-inversion-practice]) .lesson-card[data-step-id=quick-check] .max-w-md.flex.desktop-sidebar-shell.items-center{gap:8px}}@media (min-width: 1024px) and (max-height: 780px){.triads-jobs-visual>.w-full.flex.desktop-sidebar-shell,.add-chords-habitats-visual>.w-full.flex.desktop-sidebar-shell{gap:6px}.triads-jobs-visual>.w-full.flex.desktop-sidebar-shell>button,.add-chords-habitats-visual>.w-full.flex.desktop-sidebar-shell>button{padding-top:6px;padding-bottom:6px}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=roman-numerals] .lesson-card[data-step-id=quick-check] .max-w-md.flex.desktop-sidebar-shell.items-center{gap:8px}[data-lesson-id=progression-tips] .lesson-card[data-step-id=quick-check] .max-w-md.flex.desktop-sidebar-shell.items-center{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=hook] .max-w-lg.flex.desktop-sidebar-shell.items-center>.flex.flex-col.items-center{gap:12px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops] .what-is-progression-loops-visual .w-9.desktop-sidebar-shell span{line-height:1}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=quick-check] .max-w-md.flex.desktop-sidebar-shell.items-center{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=ear-which-order] .max-w-md.flex.desktop-sidebar-shell.items-center{gap:4px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .max-w-lg.flex.desktop-sidebar-shell.items-center{gap:12px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .key-shortcut-practice.max-w-lg.flex.desktop-sidebar-shell.items-center{gap:4px}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .treble-lines-visual.w-full.max-w-lg.flex.desktop-sidebar-shell.items-center{gap:12px}}@media (min-width: 768px) and (max-height: 780px){:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.desktop-sidebar-shell.items-center{gap:8px}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-example-card>.flex.w-full.desktop-sidebar-shell.items-center{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=compare] .grid>button>.flex.w-full.desktop-sidebar-shell.items-center{zoom:.82}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.justify-center button>.flex.desktop-sidebar-shell.items-center{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}[data-lesson-id=interval-examples] .lesson-card:is([data-step-id=star-wars],[data-step-id=simpsons],[data-step-id=bad],[data-step-id=take-on-me]) [role=button].group.flex.desktop-sidebar-shell{gap:6px;padding-block:8px}[data-lesson-id=major-scale-pattern] .major-scale-zoo-visual>.flex.desktop-sidebar-shell{gap:1px}}@media (min-width: 1280px){.desktop-sidebar-shell{display:flex}}.desktop-sidebar-shell{height:calc(100vh - 40px)}.\!dark .desktop-sidebar-shell{background:hsl(var(--card))!important;border:1px solid hsl(var(--sidebar-border))!important;box-shadow:inset 0 1px #ffffff0a,0 24px 60px -20px #0000008c!important}.dark .desktop-sidebar-shell{background:hsl(var(--card));border:1px solid hsl(var(--sidebar-border));box-shadow:inset 0 1px #ffffff0a,0 24px 60px -20px #0000008c}.desktop-sidebar-link-active{background:hsl(var(--sidebar-accent));color:hsl(var(--primary))}.\!dark .desktop-sidebar-link-active{background:var(--gradient-primary)!important;color:#fff!important;box-shadow:0 6px 18px #a819e659!important}.dark .desktop-sidebar-link-active{background:var(--gradient-primary);color:#fff;box-shadow:0 6px 18px #a819e659}.bg-gradient-primary{background-image:var(--gradient-primary)}.\!dark .desktop-sidebar-icon-active{color:#fff!important}.dark .desktop-sidebar-icon-active{color:#fff}.\!dark .desktop-sidebar-icon-active .lucide{stroke:#fff!important;filter:none!important}.dark .desktop-sidebar-icon-active .lucide{stroke:#fff;filter:none}html.lesson-open,body.lesson-open,body.onboarding-open{overflow:hidden;overscroll-behavior:none}@keyframes pt-tab-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.animate-tab-breathe{animation-name:pt-tab-breathe;animation-duration:1.6s!important;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes pt-note-ripple{0%{transform:scale(.92);opacity:.55}to{transform:scale(1.9);opacity:0}}.pt-note-ripple{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 0 0 2px hsl(var(--primary) / .65);animation:pt-note-ripple .52s ease-out forwards;pointer-events:none}@keyframes pt-finger-confirm{0%{opacity:.95}to{opacity:0}}.pt-finger-confirm{animation:pt-finger-confirm .52s ease-out forwards}@media (prefers-reduced-motion: reduce){.animate-tab-breathe{animation:none}.pt-note-ripple,.pt-finger-confirm{animation:none;opacity:0}}body.lesson-open .bottom-nav,body.onboarding-open .bottom-nav,body.lesson-open .app-stats-header,body.onboarding-open .app-stats-header,body.onboarding-open .feedback-widget{display:none!important}@media (max-width: 767px){body.practice-session-open .feedback-widget{display:none!important}}@media (min-width: 768px){.lesson-content-compact .space-y-5{gap:.5rem}.lesson-content-compact .space-y-5>*+*{margin-top:.5rem}.lesson-content-compact .space-y-6{gap:.625rem}.lesson-content-compact .space-y-6>*+*{margin-top:.625rem}.lesson-content-compact .space-y-4{gap:.5rem}.lesson-content-compact .space-y-4>*+*{margin-top:.5rem}.lesson-content-compact h2{font-size:1.25rem;line-height:1.75rem}.lesson-content-compact .text-3xl{font-size:1.375rem;line-height:1.75rem}.lesson-content-compact .text-2xl{font-size:1.25rem;line-height:1.625rem}.lesson-content-compact .p-6{padding:.75rem}.lesson-content-compact .p-5{padding:.625rem}.lesson-content-compact .sm\:p-8{padding:1rem}.lesson-content-compact .text-lg{font-size:.9375rem}.lesson-content-compact .gap-4{gap:.625rem}.lesson-content-compact .mb-3{margin-bottom:.375rem}}.lesson-content-compact:has(.lesson-wide-card){max-width:920px;padding-left:2rem;padding-right:2rem}@media (max-width: 640px){.lesson-content-compact:has(.lesson-wide-card){max-width:100%;padding-left:1.25rem;padding-right:1.25rem}}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}@media (min-width: 1400px){.container{max-width:1400px}}.app-type-hero-title{font-family:var(--font-display);font-size:2rem;font-weight:700;line-height:1.08;letter-spacing:-.02em}.app-type-hero-kicker{font-family:var(--font-display);font-size:1rem;font-weight:700;line-height:1.3;letter-spacing:-.006em}.app-type-page-title{font-family:var(--font-display);font-size:2rem;font-weight:700;line-height:1.08;letter-spacing:-.02em}.app-type-section-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;line-height:1.25;letter-spacing:-.012em}.app-type-card-title{font-family:var(--font-display);font-size:1rem;font-weight:700;line-height:1.3;letter-spacing:-.006em}.app-type-body{font-family:var(--font-body);font-size:1rem;font-weight:400;line-height:1.6}.app-type-body-sm{font-family:var(--font-body);font-size:.875rem;font-weight:400;line-height:1.5}.app-type-label{font-family:var(--font-body);font-size:.75rem;font-weight:700;line-height:1.3;letter-spacing:.14em;text-transform:uppercase}.app-type-meta{font-family:var(--font-body);font-size:.75rem;font-weight:500;line-height:1.4}.app-type-stat{font-family:var(--font-display);font-size:1.5rem;font-weight:700;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.app-dashboard-fluid{width:100%;margin-inline:auto;padding:.75rem clamp(1rem,3vw,2.5rem)}@media (min-width: 1280px){.app-dashboard-fluid{margin-inline:0;padding-top:0;padding-inline:0}}.\!dark .card-elevated{border-color:transparent!important;box-shadow:0 8px 28px #00000059!important}.dark .card-elevated{border-color:transparent;box-shadow:0 8px 28px #00000059}.\!dark .card-interactive{border-color:transparent!important}.dark .card-interactive{border-color:transparent}.\!dark .card-interactive:hover{border-color:transparent!important;box-shadow:0 6px 18px #00000059,0 0 20px #02b6ff14!important;transform:translateY(-2px)!important}.dark .card-interactive:hover{border-color:transparent;box-shadow:0 6px 18px #00000059,0 0 20px #02b6ff14;transform:translateY(-2px)}.success-glow{box-shadow:0 0 0 3px hsl(var(--success) / .2),0 4px 12px -2px hsl(var(--success) / .25)}.\!dark .success-glow{box-shadow:0 0 20px -4px #34d39966,0 0 40px -8px #34d39940!important}.dark .success-glow{box-shadow:0 0 20px -4px #34d39966,0 0 40px -8px #34d39940}.primary-glow{box-shadow:0 0 0 3px hsl(var(--primary) / .2),0 4px 12px -2px hsl(var(--primary) / .25)}.\!dark .primary-glow{box-shadow:var(--shadow-primary-intense)!important}.dark .primary-glow{box-shadow:var(--shadow-primary-intense)}.\!dark .reward-glow{box-shadow:0 0 20px -4px #ffb02066,0 0 40px -8px #ffb02040!important}.dark .reward-glow{box-shadow:0 0 20px -4px #ffb02066,0 0 40px -8px #ffb02040}.\!dark .premium-glow{box-shadow:0 0 20px -4px #b66bff66,0 0 40px -8px #b66bff40!important}.dark .premium-glow{box-shadow:0 0 20px -4px #b66bff66,0 0 40px -8px #b66bff40}.progress-track{height:.75rem;overflow:hidden;border-radius:9999px;background-color:hsl(var(--muted))}.\!dark .progress-track{background:#1a2940!important}.dark .progress-track{background:#1a2940}.progress-fill{height:100%;border-radius:9999px;background-color:hsl(var(--primary));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;animation-duration:.5s}.\!dark .progress-fill{background:linear-gradient(90deg,#7c5cff,#a78bfa)!important;box-shadow:0 0 12px #7c5cff33!important}.dark .progress-fill{background:linear-gradient(90deg,#7c5cff,#a78bfa);box-shadow:0 0 12px #7c5cff33}.\!dark .progress-audio-meter .progress-fill-gradient{background:linear-gradient(90deg,#7c5cff,#a78bfa)!important;box-shadow:0 0 12px #7c5cff33,inset 0 1px #fff3!important}.dark .progress-audio-meter .progress-fill-gradient{background:linear-gradient(90deg,#7c5cff,#a78bfa);box-shadow:0 0 12px #7c5cff33,inset 0 1px #fff3}.\!dark .progress-fill-module-1{background:linear-gradient(90deg,#00afff,#00d4ff)!important;box-shadow:0 0 12px #00afff80!important}.dark .progress-fill-module-1{background:linear-gradient(90deg,#00afff,#00d4ff);box-shadow:0 0 12px #00afff80}.\!dark .progress-fill-module-2{background:linear-gradient(90deg,#b66bff,#d4a3ff)!important;box-shadow:0 0 12px #b66bff80!important}.dark .progress-fill-module-2{background:linear-gradient(90deg,#b66bff,#d4a3ff);box-shadow:0 0 12px #b66bff80}.\!dark .progress-fill-module-3{background:linear-gradient(90deg,#34d399,#6ee7b7)!important;box-shadow:0 0 12px #34d39980!important}.dark .progress-fill-module-3{background:linear-gradient(90deg,#34d399,#6ee7b7);box-shadow:0 0 12px #34d39980}.\!dark .progress-fill-module-4{background:linear-gradient(90deg,#ffb020,#ffd060)!important;box-shadow:0 0 12px #ffb02080!important}.dark .progress-fill-module-4{background:linear-gradient(90deg,#ffb020,#ffd060);box-shadow:0 0 12px #ffb02080}.\!dark .badge-xp{background:linear-gradient(135deg,#ffb020,#ff9500)!important;box-shadow:0 0 16px #ffb02066,0 2px 8px #ffb0204d!important}.dark .badge-xp{background:linear-gradient(135deg,#ffb020,#ff9500);box-shadow:0 0 16px #ffb02066,0 2px 8px #ffb0204d}.\!dark .badge-streak{background:linear-gradient(135deg,#ffb020,#f80)!important;box-shadow:0 0 16px #ffb02066,0 2px 8px #ff88004d!important}.dark .badge-streak{background:linear-gradient(135deg,#ffb020,#f80);box-shadow:0 0 16px #ffb02066,0 2px 8px #ff88004d}.\!dark .badge-rank{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;box-shadow:0 0 16px #8b5cf666,0 2px 8px #8b5cf64d!important}.dark .badge-rank{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 0 16px #8b5cf666,0 2px 8px #8b5cf64d}.\!dark .badge-pro{background:linear-gradient(135deg,#b66bff,#9333ea)!important;box-shadow:0 0 16px #b66bff66,0 2px 8px #b66bff4d!important}.dark .badge-pro{background:linear-gradient(135deg,#b66bff,#9333ea);box-shadow:0 0 16px #b66bff66,0 2px 8px #b66bff4d}.\!dark .badge-success{background:linear-gradient(135deg,#34d399,#059669)!important;box-shadow:0 0 16px #34d39966,0 2px 8px #34d3994d!important}.dark .badge-success{background:linear-gradient(135deg,#34d399,#059669);box-shadow:0 0 16px #34d39966,0 2px 8px #34d3994d}.lesson-card{border-radius:1.25rem;border-width:1px;border-color:hsl(var(--border) / .5);background-color:hsl(var(--card))}@media (min-width: 768px) and (max-height: 851px){.major-scale-transpose-visual>.w-full.max-w-xl>.w-full.lesson-card{padding:4px}.major-scale-transpose-visual>.w-full.max-w-xl>.w-full.lesson-card>.relative.flex.flex-col{gap:2px}.major-scale-transpose-visual>.w-full.max-w-xl>.w-full.lesson-card button{height:16px}.natural-minor-melody-maker .lesson-step-sequencer>.w-full.lesson-card{padding-top:6px;padding-bottom:6px}.minor-functions-leading-tone-visual>.w-full.lesson-card,.major-motions-deceptive-visual>.w-full.lesson-card,.other-chords-color-visual>.w-full.lesson-card{padding-top:8px;padding-bottom:8px}.one-four-five-beat-visual>.w-full.max-w-md>.w-full.lesson-card,.one-five-six-four-beat-visual>.w-full.max-w-md>.w-full.lesson-card{padding:10px}.four-one-five-six-beat-visual>.w-full.max-w-md>.w-full.lesson-card{padding:10px}}.lesson-card{box-shadow:var(--shadow-sm);transition:all .2s ease;position:relative}.lesson-card.lesson-card--bare,.dark .lesson-card.lesson-card--bare{background:transparent;border:none;box-shadow:none}.\!dark .lesson-card.lesson-card--bare{background:transparent!important;border:none!important;box-shadow:none!important}.\!dark .lesson-card{border:1px solid rgba(255,255,255,.05)!important;background:linear-gradient(180deg,#1d1f2a,#191b24 55%,#14161f)!important;box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #00000059,0 1px #0006,0 24px 60px -24px #000000b3,0 8px 24px -12px #00000080!important}.dark .lesson-card{border:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg,#1d1f2a,#191b24 55%,#14161f);box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #00000059,0 1px #0006,0 24px 60px -24px #000000b3,0 8px 24px -12px #00000080}.lesson-card-halo{display:none}.\!dark .lesson-card-halo{content:""!important;position:absolute!important;top:-260px!important;right:-320px!important;bottom:-220px!important;left:-320px!important;background:radial-gradient(ellipse 60% 55% at 38% 32%,hsl(258 70% 55% / .16) 0%,hsl(258 70% 55% / .07) 35%,transparent 70%),radial-gradient(ellipse 55% 50% at 68% 70%,hsl(238 65% 55% / .1) 0%,hsl(238 65% 55% / .045) 40%,transparent 75%),radial-gradient(ellipse 110% 95% at 50% 48%,hsl(258 55% 50% / .05) 0%,hsl(258 55% 50% / .022) 50%,transparent 80%)!important;filter:blur(60px) saturate(1.15)!important;opacity:1!important;z-index:0!important;pointer-events:none!important;display:block!important;border-radius:inherit!important}.dark .lesson-card-halo{content:"";position:absolute;top:-260px;right:-320px;bottom:-220px;left:-320px;background:radial-gradient(ellipse 60% 55% at 38% 32%,hsl(258 70% 55% / .16) 0%,hsl(258 70% 55% / .07) 35%,transparent 70%),radial-gradient(ellipse 55% 50% at 68% 70%,hsl(238 65% 55% / .1) 0%,hsl(238 65% 55% / .045) 40%,transparent 75%),radial-gradient(ellipse 110% 95% at 50% 48%,hsl(258 55% 50% / .05) 0%,hsl(258 55% 50% / .022) 50%,transparent 80%);filter:blur(60px) saturate(1.15);opacity:1;z-index:0;pointer-events:none;display:block;border-radius:inherit}.lesson-card:before{display:none}.\!dark .lesson-card:before{display:none!important}.dark .lesson-card:before{display:none}.\!dark .lesson-card:hover{border-color:#ffffff12!important;box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #00000059,0 1px #0006,0 28px 70px -24px #000000bf,0 10px 28px -12px #0000008c!important;transform:translateY(-2px)!important}.dark .lesson-card:hover{border-color:#ffffff12;box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #00000059,0 1px #0006,0 28px 70px -24px #000000bf,0 10px 28px -12px #0000008c;transform:translateY(-2px)}.\!dark .module-card{background:#0d1624!important;border-color:transparent!important}.dark .module-card{background:#0d1624;border-color:transparent}.\!dark .module-card:hover{border-color:transparent!important;box-shadow:0 10px 30px #00000073!important}.dark .module-card:hover{border-color:transparent;box-shadow:0 10px 30px #00000073}.lesson-content-card{border-radius:1.25rem;border-width:1px;border-color:hsl(var(--border) / .3);background-color:hsl(var(--card))}@media (min-width: 768px) and (max-height: 851px){.major-scale-transpose-visual>.w-full.max-w-xl>.w-full.lesson-content-card{padding:4px}.major-scale-transpose-visual>.w-full.max-w-xl>.w-full.lesson-content-card>.relative.flex.flex-col{gap:2px}.major-scale-transpose-visual>.w-full.max-w-xl>.w-full.lesson-content-card button{height:16px}.natural-minor-melody-maker .lesson-step-sequencer>.w-full.lesson-content-card{padding-top:6px;padding-bottom:6px}.minor-functions-leading-tone-visual>.w-full.lesson-content-card,.major-motions-deceptive-visual>.w-full.lesson-content-card,.other-chords-color-visual>.w-full.lesson-content-card{padding-top:8px;padding-bottom:8px}.one-four-five-beat-visual>.w-full.max-w-md>.w-full.lesson-content-card,.one-five-six-four-beat-visual>.w-full.max-w-md>.w-full.lesson-content-card{padding:10px}.four-one-five-six-beat-visual>.w-full.max-w-md>.w-full.lesson-content-card{padding:10px}}.lesson-content-card{box-shadow:var(--shadow-lg);position:relative;overflow:hidden}@media (max-height: 760px){.practice-drill-stage section>.lesson-content-card.mt-3{margin-top:.375rem}.practice-drill-stage section>.lesson-content-card.mb-4{margin-bottom:.5rem}}@media (max-height: 660px){.practice-drill-stage section>.lesson-content-card.mb-4{margin-bottom:.25rem}}@media (max-height: 700px){.practice-drill-stage section>.lesson-content-card.mx-auto.mb-2{display:none}}@media (min-width: 768px) and (max-height: 851px){.major-scale-transpose-visual>.w-full.max-w-xl>.w-full.rounded-2xl>.lesson-content-card.flex.flex-col{gap:2px}}@media (max-width: 767px) and (max-height: 590px){.lesson-module-1 .lesson-card[data-step-id=m4-finale] .lesson-content-card.w-full.flex.flex-col.items-center{gap:8px}}@media (min-width: 768px) and (max-height: 780px){:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m4-finale] .lesson-content-card.w-full.flex.flex-col.items-center{gap:8px}}.lesson-content-card:before{content:"";pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}@media (min-width: 768px) and (max-height: 851px){.chord-formulas-hook-visual>button>.lesson-content-card:before{--piano-incard-white-key-height: 38px;--piano-incard-black-key-height: 24px}}.lesson-content-card:before{background:linear-gradient(135deg,hsl(var(--primary) / .03) 0%,transparent 50%)}.\!dark .lesson-content-card{background:hsl(var(--card))!important;border-color:#ffffff0a!important}.dark .lesson-content-card{background:hsl(var(--card));border-color:#ffffff0a}.\!dark .lesson-content-card:before{background:none!important}.dark .lesson-content-card:before{background:none}.bottom-nav-modern{position:fixed;bottom:0;left:0;right:0;z-index:50;background-color:hsl(var(--card) / .95);--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);border-top-width:1px;border-color:hsl(var(--border) / .5);box-shadow:0 -4px 24px -4px #00000014}.\!dark .bottom-nav-modern{background:#070b12f5!important;border-color:transparent!important;box-shadow:0 -4px 32px -4px #0009!important}.dark .bottom-nav-modern{background:#070b12f5;border-color:transparent;box-shadow:0 -4px 32px -4px #0009}.top-bar{position:fixed;top:0;left:0;right:0;z-index:50;background-color:hsl(var(--card) / .95);--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);border-bottom-width:1px;border-color:hsl(var(--border) / .5)}@media (min-width: 768px) and (max-height: 780px){[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-example-card .top-bar{padding-block:4px}}.top-bar{box-shadow:0 4px 24px -4px #0000000f}@media (min-width: 1280px){.top-bar{position:sticky;top:0;left:auto;right:auto}}.\!dark .top-bar{background:#070b12f5!important;border-color:transparent!important;box-shadow:0 4px 32px -4px #0009!important}.dark .top-bar{background:#070b12f5;border-color:transparent;box-shadow:0 4px 32px -4px #0009}.\!dark .stat-card{background:#0d1624!important;border-color:transparent!important}.dark .stat-card{background:#0d1624;border-color:transparent}.\!dark .stat-card:hover{border-color:transparent!important;box-shadow:0 6px 18px #00000059!important}.dark .stat-card:hover{border-color:transparent;box-shadow:0 6px 18px #00000059}.\!dark .game-card{background:#0d1624!important;border-color:transparent!important}.dark .game-card{background:#0d1624;border-color:transparent}.\!dark .game-card:hover{border-color:transparent!important;box-shadow:0 6px 18px #00000059!important}.dark .game-card:hover{border-color:transparent;box-shadow:0 6px 18px #00000059}.focus-ring:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: hsl(var(--primary));--tw-ring-offset-width: 2px}.pill-primary{display:inline-flex;align-items:center;border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500}@media (min-width: 768px) and (max-height: 851px){.major-scale-transpose-step>.flex.flex-col.pill-primary{gap:8px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) .flex.flex-col.w-full.gap-4.pill-primary{gap:8px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) :is(.w-full.max-w-md,.w-full.max-w-lg).flex.flex-col.pill-primary{gap:4px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .w-full.max-w-lg.flex.flex-col.pill-primary{gap:1px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .flex.flex-col.w-full.gap-4.pill-primary{gap:6px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=dc-fine],[data-step-id=ds-coda])>div>.pt-stagger .w-full.max-w-lg>.flex.pill-primary>.flex.flex-col{padding-top:2px;padding-bottom:2px}.lesson-card:is([data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) .w-full.max-w-lg.flex.flex-col.pill-primary{gap:6px}.lesson-card[data-step-id=fingerprint] .w-full.max-w-md.mx-auto.pill-primary>svg{width:auto;height:160px}.lesson-card[data-step-id=fingering] .flex.flex-col.gap-4.pill-primary.w-full{gap:2px}.lesson-card[data-step-id=swing-build] .w-full.max-w-md.flex.flex-col.pill-primary{gap:3px}.lesson-card:is([data-step-id=lines],[data-step-id=spaces]) .w-full.max-w-lg.flex.flex-col.pill-primary{gap:4px}.chord-formulas-hook-visual>button>.flex.pill-primary.gap-1>span.grid{height:20px;min-width:20px}.diatonic-shades-visual>.flex.flex-col.pill-primary{gap:4px}.diatonic-shades-visual>.flex.flex-col.pill-primary>button{padding-top:6px;padding-bottom:6px}.chords-recital-finale-visual>.flex.flex-col.pill-primary{gap:5px}.chords-recital-finale-visual>.flex.flex-col.pill-primary>.flex.items-center{gap:8px}.voice-leading-quiz-visual>.flex.pill-primary.gap-1\.5>span{height:24px}}@media (max-width: 767px) and (max-height: 590px){.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.pill-primary.justify-center.flex-wrap{flex-wrap:nowrap;gap:8px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.pill-primary.justify-center.flex-wrap>div{width:48px;height:48px;font-size:18px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.flex-col.pill-primary{gap:8px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.pill-primary.justify-center.flex-wrap{flex-wrap:nowrap;gap:4px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.pill-primary.justify-center.flex-wrap>div{width:36px;height:36px;font-size:15px}}@media (min-width: 768px) and (max-height: 851px){.harmonic-minor-intro-visual>.pill-primary button{padding-top:4px;padding-bottom:4px}}@media (min-width: 768px) and (max-height: 900px){:is([data-lesson-id=intro-to-chords],[data-lesson-id=fully-diminished7],[data-lesson-id=chord-inversion-practice]) .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.pill-primary{gap:8px}[data-lesson-id=roman-numerals] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.pill-primary{gap:8px}[data-lesson-id=progression-tips] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.pill-primary{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=hook] .max-w-lg.flex.flex-col.pill-primary>.flex.flex-col.items-center{gap:12px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.pill-primary{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=ear-which-order] .max-w-md.flex.flex-col.pill-primary{gap:4px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .max-w-lg.flex.flex-col.pill-primary{gap:12px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .key-shortcut-practice.max-w-lg.flex.flex-col.pill-primary{gap:4px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .key-shortcut-practice .pill-primary{padding-block:0}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .treble-lines-visual.w-full.max-w-lg.flex.flex-col.pill-primary{gap:12px}}@media (min-width: 768px) and (max-height: 780px){:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.flex-col.pill-primary{gap:8px}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-example-card>.flex.w-full.flex-col.pill-primary{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=compare] .grid>button>.flex.w-full.flex-col.pill-primary{zoom:.82}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.justify-center button>.flex.flex-col.pill-primary{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.pill-primary:first-child{padding-block:2px}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.pill-primary:first-child>span:first-child{width:24px;height:24px}[data-lesson-id=melodic-minor] .melodic-minor-hook-visual>.pill-primary button{padding-block:4px}}.pill-primary{background-color:hsl(var(--primary) / .1);color:hsl(var(--primary))}.\!dark .pill-primary{background:#00afff26!important;color:#00cfff!important}.dark .pill-primary{background:#00afff26;color:#00cfff}.pill-success{display:inline-flex;align-items:center;border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500}@media (min-width: 768px) and (max-height: 851px){.major-scale-transpose-step>.flex.flex-col.pill-success{gap:8px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) .flex.flex-col.w-full.gap-4.pill-success{gap:8px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) :is(.w-full.max-w-md,.w-full.max-w-lg).flex.flex-col.pill-success{gap:4px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .w-full.max-w-lg.flex.flex-col.pill-success{gap:1px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .flex.flex-col.w-full.gap-4.pill-success{gap:6px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=dc-fine],[data-step-id=ds-coda])>div>.pt-stagger .w-full.max-w-lg>.flex.pill-success>.flex.flex-col{padding-top:2px;padding-bottom:2px}.lesson-card:is([data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) .w-full.max-w-lg.flex.flex-col.pill-success{gap:6px}.lesson-card[data-step-id=fingerprint] .w-full.max-w-md.mx-auto.pill-success>svg{width:auto;height:160px}.lesson-card[data-step-id=fingering] .flex.flex-col.gap-4.pill-success.w-full{gap:2px}.lesson-card[data-step-id=swing-build] .w-full.max-w-md.flex.flex-col.pill-success{gap:3px}.lesson-card:is([data-step-id=lines],[data-step-id=spaces]) .w-full.max-w-lg.flex.flex-col.pill-success{gap:4px}.chord-formulas-hook-visual>button>.flex.pill-success.gap-1>span.grid{height:20px;min-width:20px}.diatonic-shades-visual>.flex.flex-col.pill-success{gap:4px}.diatonic-shades-visual>.flex.flex-col.pill-success>button{padding-top:6px;padding-bottom:6px}.chords-recital-finale-visual>.flex.flex-col.pill-success{gap:5px}.chords-recital-finale-visual>.flex.flex-col.pill-success>.flex.items-center{gap:8px}.voice-leading-quiz-visual>.flex.pill-success.gap-1\.5>span{height:24px}}@media (max-width: 767px) and (max-height: 590px){.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.pill-success.justify-center.flex-wrap{flex-wrap:nowrap;gap:8px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.pill-success.justify-center.flex-wrap>div{width:48px;height:48px;font-size:18px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.flex-col.pill-success{gap:8px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.pill-success.justify-center.flex-wrap{flex-wrap:nowrap;gap:4px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.pill-success.justify-center.flex-wrap>div{width:36px;height:36px;font-size:15px}}@media (min-width: 768px) and (max-height: 851px){.harmonic-minor-intro-visual>.pill-success button{padding-top:4px;padding-bottom:4px}}@media (min-width: 768px) and (max-height: 900px){:is([data-lesson-id=intro-to-chords],[data-lesson-id=fully-diminished7],[data-lesson-id=chord-inversion-practice]) .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.pill-success{gap:8px}[data-lesson-id=roman-numerals] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.pill-success{gap:8px}[data-lesson-id=progression-tips] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.pill-success{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=hook] .max-w-lg.flex.flex-col.pill-success>.flex.flex-col.items-center{gap:12px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.pill-success{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=ear-which-order] .max-w-md.flex.flex-col.pill-success{gap:4px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .max-w-lg.flex.flex-col.pill-success{gap:12px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .key-shortcut-practice.max-w-lg.flex.flex-col.pill-success{gap:4px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .key-shortcut-practice .pill-success{padding-block:0}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .treble-lines-visual.w-full.max-w-lg.flex.flex-col.pill-success{gap:12px}}@media (min-width: 768px) and (max-height: 780px){:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.flex-col.pill-success{gap:8px}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-example-card>.flex.w-full.flex-col.pill-success{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=compare] .grid>button>.flex.w-full.flex-col.pill-success{zoom:.82}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.justify-center button>.flex.flex-col.pill-success{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.pill-success:first-child{padding-block:2px}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.pill-success:first-child>span:first-child{width:24px;height:24px}[data-lesson-id=melodic-minor] .melodic-minor-hook-visual>.pill-success button{padding-block:4px}}.pill-success{background-color:hsl(var(--success) / .1);color:hsl(var(--success))}.\!dark .pill-success{background:#34d39926!important;color:#5eeaad!important}.dark .pill-success{background:#34d39926;color:#5eeaad}.\!dark .pill-orange{background:#ffb02026!important;color:#ffd060!important}.dark .pill-orange{background:#ffb02026;color:#ffd060}.\!dark .pill-premium{background:#b66bff26!important;color:#d4a3ff!important}.dark .pill-premium{background:#b66bff26;color:#d4a3ff}.\!dark .btn-primary-glow{box-shadow:0 0 20px #00afff59,0 0 40px #00afff26!important}.dark .btn-primary-glow{box-shadow:0 0 20px #00afff59,0 0 40px #00afff26}.\!dark .btn-primary-glow:hover{box-shadow:0 0 25px #00afff73,0 0 50px #00afff33!important}.dark .btn-primary-glow:hover{box-shadow:0 0 25px #00afff73,0 0 50px #00afff33}.\!dark .glow-overlay-intense{background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(0,175,255,.12) 0%,transparent 50%)!important}.dark .glow-overlay-intense{background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(0,175,255,.12) 0%,transparent 50%)}.\!dark .hero-card-glow{background:linear-gradient(180deg,#121a26,#0d131c)!important;border-color:#00afff26!important;box-shadow:0 0 0 1px #00afff1a,0 0 30px #00afff1a,0 8px 32px -8px #00000080!important}.dark .hero-card-glow{background:linear-gradient(180deg,#121a26,#0d131c);border-color:#00afff26;box-shadow:0 0 0 1px #00afff1a,0 0 30px #00afff1a,0 8px 32px -8px #00000080}.\!dark .hero-card-glow:before{content:""!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;border-radius:inherit!important;background:radial-gradient(ellipse 100% 60% at 50% 0%,rgba(0,175,255,.08) 0%,transparent 50%)!important;pointer-events:none!important}.dark .hero-card-glow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(ellipse 100% 60% at 50% 0%,rgba(0,175,255,.08) 0%,transparent 50%);pointer-events:none}.\!dark .chip-daw{background:#131b2a!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important;box-shadow:inset 0 1px #ffffff0d,0 2px 4px #0000004d!important}.dark .chip-daw{background:#131b2a;border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:inset 0 1px #ffffff0d,0 2px 4px #0000004d}.\!dark .chip-daw:hover{border-color:#00afff33!important;box-shadow:inset 0 1px #ffffff0d,0 0 12px #00afff33!important}.dark .chip-daw:hover{border-color:#00afff33;box-shadow:inset 0 1px #ffffff0d,0 0 12px #00afff33}.lesson-note-button.is-active{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.lesson-pill-button.is-active{background:hsl(var(--primary) / .12);color:hsl(var(--primary))}.lesson-chord-card.is-active{background:hsl(var(--primary) / .18)}.lesson-formula-token{display:inline-flex;align-items:center;justify-content:center}@media (min-width: 768px) and (max-height: 860px){:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) .lesson-card>.flex.lesson-formula-token{margin-bottom:2px}}@media (min-width: 768px) and (max-height: 780px){.lesson-step-what-is-2nd>.w-full.flex.lesson-formula-token{margin-top:4px}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=staff-basics] .lesson-card[data-step-id=lines-spaces] .pt-stagger>.w-full.flex.lesson-formula-token,[data-lesson-id=treble-clef-notes] .lesson-card:is([data-step-id=lines],[data-step-id=two-clefs],[data-step-id=two-clefs-bass]) .pt-stagger>.w-full.flex.lesson-formula-token{margin-top:2px}.melodic-harmonic-concept-step>.w-full.flex.lesson-formula-token{margin-top:6px}.unison-octaves-concept-step>.w-full.flex.lesson-formula-token{margin-top:8px}.seconds-thirds-what-is-3rd-step>.w-full.flex.lesson-formula-token{margin-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.w-full.flex.lesson-formula-token{margin-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull-chords] .pt-stagger>.w-full.flex.lesson-formula-token{margin-top:4px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.w-full.flex.lesson-formula-token ul{gap:6px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.w-full.flex.lesson-formula-token li{padding-top:8px;padding-bottom:8px}.lesson-card[data-step-id=recap]:has(.what-is-key-recap-visual) .pt-stagger>.w-full.flex.lesson-formula-token{margin-top:24px}.lesson-card[data-step-id=build-melody] .pt-stagger>.w-full.flex.lesson-formula-token{margin-top:16px}.major-scale-transpose-step>.flex.flex-col.lesson-formula-token{gap:8px}.major-scale-transpose-step>.w-full.flex.lesson-formula-token{margin-top:12px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) .flex.flex-col.w-full.gap-4.lesson-formula-token{gap:8px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) :is(.w-full.max-w-md,.w-full.max-w-lg).flex.flex-col.lesson-formula-token{gap:4px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .w-full.max-w-lg.flex.flex-col.lesson-formula-token{gap:1px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .flex.flex-col.w-full.gap-4.lesson-formula-token{gap:6px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=dc-fine],[data-step-id=ds-coda])>div>.pt-stagger .w-full.max-w-lg>.flex.lesson-formula-token>.flex.flex-col{padding-top:2px;padding-bottom:2px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) button[aria-label="Watch the playing order"]>.flex.lesson-formula-token>svg{width:auto;height:72px}.lesson-card[data-step-id=hear-bluesy]>div>.pt-stagger>.w-full.flex.lesson-formula-token{margin-top:4px}.lesson-card:is([data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) .w-full.max-w-lg.flex.flex-col.lesson-formula-token{gap:6px}.lesson-card[data-step-id=fingering] .flex.flex-col.gap-4.lesson-formula-token.w-full{gap:2px}.lesson-card[data-step-id=swing-build] .w-full.max-w-md.flex.flex-col.lesson-formula-token{gap:3px}.lesson-card:is([data-step-id=lines],[data-step-id=spaces]) .w-full.max-w-lg.flex.flex-col.lesson-formula-token{gap:4px}.lesson-card[data-step-id=compare-all] .w-full.flex.lesson-formula-token:has(>.lesson-callout--boxed){margin-top:8px}.lesson-card[data-step-id=transpose-melody] .major-scale-transpose-step>.w-full.flex.lesson-formula-token{margin-top:5px}.lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]):has(.playing-scales-fingering-visual) .pt-stagger>.w-full.flex.lesson-formula-token{margin-top:8px}.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-map) .pt-stagger>.w-full.flex.lesson-formula-token{margin-top:20px}.lesson-card[data-step-id=make-melody]:has(.natural-minor-melody-maker) .pt-stagger>.w-full.flex.lesson-formula-token{margin-top:12px}.lesson-card[data-step-id=where-you-hear]:has(.build-major-where-you-hear-visual) .pt-stagger>.w-full.flex.lesson-formula-token,.lesson-card[data-step-id=why-accidentals]:has(.build-major-why-accidentals-visual) .pt-stagger>.w-full.flex.lesson-formula-token,.lesson-card[data-step-id=compare-three]:has(.playing-scales-compare-three-visual) .pt-stagger>.w-full.flex.lesson-formula-token,.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-visual) .pt-stagger>.w-full.flex.lesson-formula-token{margin-top:7px}.lesson-card[data-step-id=real-music-usage] .pt-stagger>.w-full.flex.lesson-formula-token{margin-top:12px}.lesson-card:has(.short-viewport-genre-grid)>div>.pt-stagger>.w-full.flex.lesson-formula-token,.lesson-card:has(.melodic-minor-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-formula-token,.lesson-card:has(.major-pentatonic-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-formula-token,.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-formula-token,.lesson-card:has(.intro-chords-vocab-visual)>div>.pt-stagger>.w-full.flex.lesson-formula-token{margin-top:4px}.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-formula-token{margin-top:12px}.chord-formulas-hook-visual>button>.flex.lesson-formula-token.gap-1>span.grid{height:20px;min-width:20px}.diatonic-shades-visual>.flex.flex-col.lesson-formula-token{gap:4px}.diatonic-shades-visual>.flex.flex-col.lesson-formula-token>button{padding-top:6px;padding-bottom:6px}.chords-recital-finale-visual>.flex.flex-col.lesson-formula-token{gap:5px}.chords-recital-finale-visual>.flex.flex-col.lesson-formula-token>.flex.items-center{gap:8px}.voice-leading-quiz-visual>.flex.lesson-formula-token.gap-1\.5>span{height:24px}}@media (max-width: 767px) and (max-height: 590px){.lesson-module-1 .lesson-card[data-step-id=mary-lamb] .flex.items-end.lesson-formula-token{flex-wrap:nowrap;gap:4px}.lesson-module-1 .lesson-card[data-step-id=mary-lamb] .flex.items-end.lesson-formula-token>div>div{width:36px;height:56px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.lesson-formula-token.justify-center.flex-wrap{flex-wrap:nowrap;gap:8px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.items-center.lesson-formula-token.flex-wrap{flex-wrap:nowrap;gap:8px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.lesson-formula-token.justify-center.flex-wrap>div{width:48px;height:48px;font-size:18px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.items-center.lesson-formula-token.flex-wrap>div{width:48px;height:48px;font-size:18px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.flex-col.lesson-formula-token{gap:8px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.lesson-formula-token.justify-center.flex-wrap,.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.items-center.lesson-formula-token.flex-wrap{flex-wrap:nowrap;gap:4px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.lesson-formula-token.justify-center.flex-wrap>div{width:36px;height:36px;font-size:15px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.items-center.lesson-formula-token.flex-wrap>div{width:36px;height:36px;font-size:15px}}@media (min-width: 768px) and (max-height: 851px){.lesson-card[data-step-id=method-3-circle] .pt-stagger>.w-full.flex.lesson-formula-token,.lesson-card[data-step-id=real-music-usage] .pt-stagger>.w-full.flex.lesson-formula-token,.lesson-card:has(.harmonic-minor-intro-visual) .pt-stagger>.w-full.flex.lesson-formula-token,.lesson-card:has(.harmonic-minor-genre-grid) .pt-stagger>.w-full.flex.lesson-formula-token,.lesson-card:has(.harmonic-minor-formula-visual) .pt-stagger>.w-full.flex.lesson-formula-token,.lesson-card:has(.melodic-minor-genre-grid) .pt-stagger>.w-full.flex.lesson-formula-token,.lesson-card[data-step-id=formula-smooth] .pt-stagger>.w-full.flex.lesson-formula-token{margin-top:2px}.harmonic-minor-intro-visual>.lesson-formula-token button{padding-top:4px;padding-bottom:4px}:is(.key-signatures-viewport-step[data-step-id=hook],.key-signatures-viewport-step[data-step-id=what-it-is],.middle-c-grand-staff-viewport-step[data-step-id=border-notes],.landmark-notes-viewport-step[data-step-id=anchors],.ledger-lines-viewport-step[data-step-id=hook],.ledger-lines-viewport-step[data-step-id=rungs],.reading-intervals-viewport-step[data-step-id=hook],.reading-scales-viewport-step[data-step-id=signature],.reading-scales-viewport-step[data-step-id=relative])>.w-full.flex.lesson-formula-token{margin-top:16px}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .pt-stagger>.w-full.flex.lesson-formula-token{margin-top:8px}:is([data-lesson-id=intro-to-chords],[data-lesson-id=fully-diminished7],[data-lesson-id=chord-inversion-practice]) .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-formula-token{gap:8px}}@media (min-width: 1024px) and (max-height: 780px){[data-lesson-module="4"] .lesson-card--bare>.flex.lesson-formula-token:first-child{margin-bottom:6px}[data-lesson-module="4"] .pt-stagger>.w-full.flex.lesson-formula-token .max-w-lg{max-width:48rem}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=roman-numerals] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-formula-token{gap:8px}[data-lesson-id=progression-tips] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-formula-token{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops]>.flex.lesson-formula-token{margin-bottom:4px}[data-lesson-id=what-is-progression] .lesson-card:is([data-step-id=hook],[data-step-id=loops],[data-step-id=ear-which-order],[data-step-id=quick-check])>.flex.lesson-formula-token{margin-bottom:8px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=hook] .max-w-lg.flex.flex-col.lesson-formula-token>.flex.flex-col.items-center{gap:12px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-formula-token{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=ear-which-order] .max-w-md.flex.flex-col.lesson-formula-token{gap:4px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .max-w-lg.flex.flex-col.lesson-formula-token{gap:12px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .key-shortcut-practice.max-w-lg.flex.flex-col.lesson-formula-token{gap:4px}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .pt-stagger>.w-full.flex.lesson-formula-token{margin-top:18px}[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .treble-lines-visual.w-full.max-w-lg.flex.flex-col.lesson-formula-token{gap:12px}}@media (min-width: 768px) and (max-height: 780px){:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.flex-col.lesson-formula-token{gap:8px}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-example-card>.flex.w-full.flex-col.lesson-formula-token{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=compare] .grid>button>.flex.w-full.flex-col.lesson-formula-token{zoom:.82}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.lesson-formula-token button{gap:8px;padding-block:10px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.justify-center button>.flex.flex-col.lesson-formula-token{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.lesson-formula-token button>.flex.flex-col.items-center{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}}@media (min-width: 1200px) and (max-width: 1300px) and (min-height: 800px) and (max-height: 830px){[data-lesson-id=naming-whites] .lesson-card:is([data-step-id=finding-c],[data-step-id=alphabet]) .pt-stagger>:is(.w-full.flex.lesson-formula-token,.w-full.max-w-lg.mx-auto){margin-top:40px}}@media (min-width: 768px) and (max-height: 780px){[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=recap] .pt-stagger>.w-full.flex.lesson-formula-token{margin-top:4px}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=enharmonics] .pt-stagger>.w-full.flex.lesson-formula-token{gap:4px;margin-top:3px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=what-you-can-do] .pt-stagger>.w-full.flex.lesson-formula-token{margin-top:4px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=build-melody] .pt-stagger>.w-full.flex.lesson-formula-token{margin-top:3px}[data-lesson-id=major-scale-practice] .lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]) .pt-stagger>.w-full.flex.lesson-formula-token{margin-top:3px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.w-full.flex.lesson-formula-token{margin-top:2px}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.lesson-formula-token:first-child{padding-block:2px}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.lesson-formula-token:first-child>span:first-child{width:24px;height:24px}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=method-1-demo] .pt-stagger>.w-full.flex.lesson-formula-token>*{max-width:40rem;gap:4px}[data-lesson-id=melodic-minor] .melodic-minor-hook-visual>.lesson-formula-token button{padding-block:4px}[data-lesson-id=minor-pentatonic] .lesson-card[data-step-id=where] .pt-stagger>.w-full.flex.lesson-formula-token{margin-top:4px}}.lesson-formula-token{min-width:36px;height:28px;padding:0 8px;border-radius:6px;background:hsl(var(--primary) / .1);color:hsl(var(--primary));font-family:Space Grotesk,system-ui,sans-serif;font-size:14px;font-weight:600;line-height:1}.lesson-formula-token.is-emphasized{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.lesson-keytile{display:inline-flex;align-items:center;justify-content:center}@media (min-width: 768px) and (max-height: 860px){:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) .lesson-card>.flex.lesson-keytile{margin-bottom:2px}}@media (min-width: 768px) and (max-height: 780px){.lesson-step-what-is-2nd>.w-full.flex.lesson-keytile{margin-top:4px}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=staff-basics] .lesson-card[data-step-id=lines-spaces] .pt-stagger>.w-full.flex.lesson-keytile,[data-lesson-id=treble-clef-notes] .lesson-card:is([data-step-id=lines],[data-step-id=two-clefs],[data-step-id=two-clefs-bass]) .pt-stagger>.w-full.flex.lesson-keytile{margin-top:2px}.melodic-harmonic-concept-step>.w-full.flex.lesson-keytile{margin-top:6px}.unison-octaves-concept-step>.w-full.flex.lesson-keytile{margin-top:8px}.seconds-thirds-what-is-3rd-step>.w-full.flex.lesson-keytile{margin-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.w-full.flex.lesson-keytile{margin-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull-chords] .pt-stagger>.w-full.flex.lesson-keytile{margin-top:4px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.w-full.flex.lesson-keytile ul{gap:6px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.w-full.flex.lesson-keytile li{padding-top:8px;padding-bottom:8px}.lesson-card[data-step-id=recap]:has(.what-is-key-recap-visual) .pt-stagger>.w-full.flex.lesson-keytile{margin-top:24px}.lesson-card[data-step-id=build-melody] .pt-stagger>.w-full.flex.lesson-keytile{margin-top:16px}.major-scale-transpose-step>.flex.flex-col.lesson-keytile{gap:8px}.major-scale-transpose-step>.w-full.flex.lesson-keytile{margin-top:12px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) .flex.flex-col.w-full.gap-4.lesson-keytile{gap:8px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) :is(.w-full.max-w-md,.w-full.max-w-lg).flex.flex-col.lesson-keytile{gap:4px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .w-full.max-w-lg.flex.flex-col.lesson-keytile{gap:1px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .flex.flex-col.w-full.gap-4.lesson-keytile{gap:6px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=dc-fine],[data-step-id=ds-coda])>div>.pt-stagger .w-full.max-w-lg>.flex.lesson-keytile>.flex.flex-col{padding-top:2px;padding-bottom:2px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) button[aria-label="Watch the playing order"]>.flex.lesson-keytile>svg{width:auto;height:72px}.lesson-card[data-step-id=hear-bluesy]>div>.pt-stagger>.w-full.flex.lesson-keytile{margin-top:4px}.lesson-card:is([data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) .w-full.max-w-lg.flex.flex-col.lesson-keytile{gap:6px}.lesson-card[data-step-id=fingering] .flex.flex-col.gap-4.lesson-keytile.w-full{gap:2px}.lesson-card[data-step-id=swing-build] .w-full.max-w-md.flex.flex-col.lesson-keytile{gap:3px}.lesson-card:is([data-step-id=lines],[data-step-id=spaces]) .w-full.max-w-lg.flex.flex-col.lesson-keytile{gap:4px}.lesson-card[data-step-id=compare-all] .w-full.flex.lesson-keytile:has(>.lesson-callout--boxed){margin-top:8px}.lesson-card[data-step-id=transpose-melody] .major-scale-transpose-step>.w-full.flex.lesson-keytile{margin-top:5px}.lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]):has(.playing-scales-fingering-visual) .pt-stagger>.w-full.flex.lesson-keytile{margin-top:8px}.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-map) .pt-stagger>.w-full.flex.lesson-keytile{margin-top:20px}.lesson-card[data-step-id=make-melody]:has(.natural-minor-melody-maker) .pt-stagger>.w-full.flex.lesson-keytile{margin-top:12px}.lesson-card[data-step-id=where-you-hear]:has(.build-major-where-you-hear-visual) .pt-stagger>.w-full.flex.lesson-keytile,.lesson-card[data-step-id=why-accidentals]:has(.build-major-why-accidentals-visual) .pt-stagger>.w-full.flex.lesson-keytile,.lesson-card[data-step-id=compare-three]:has(.playing-scales-compare-three-visual) .pt-stagger>.w-full.flex.lesson-keytile,.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-visual) .pt-stagger>.w-full.flex.lesson-keytile{margin-top:7px}.lesson-card[data-step-id=real-music-usage] .pt-stagger>.w-full.flex.lesson-keytile{margin-top:12px}.lesson-card:has(.short-viewport-genre-grid)>div>.pt-stagger>.w-full.flex.lesson-keytile,.lesson-card:has(.melodic-minor-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-keytile,.lesson-card:has(.major-pentatonic-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-keytile,.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-keytile,.lesson-card:has(.intro-chords-vocab-visual)>div>.pt-stagger>.w-full.flex.lesson-keytile{margin-top:4px}.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-keytile{margin-top:12px}.chord-formulas-hook-visual>button>.flex.lesson-keytile.gap-1>span.grid{height:20px;min-width:20px}.diatonic-shades-visual>.flex.flex-col.lesson-keytile{gap:4px}.diatonic-shades-visual>.flex.flex-col.lesson-keytile>button{padding-top:6px;padding-bottom:6px}.chords-recital-finale-visual>.flex.flex-col.lesson-keytile{gap:5px}.chords-recital-finale-visual>.flex.flex-col.lesson-keytile>.flex.items-center{gap:8px}.voice-leading-quiz-visual>.flex.lesson-keytile.gap-1\.5>span{height:24px}}@media (max-width: 767px) and (max-height: 590px){.lesson-module-1 .lesson-card[data-step-id=mary-lamb] .flex.items-end.lesson-keytile{flex-wrap:nowrap;gap:4px}.lesson-module-1 .lesson-card[data-step-id=mary-lamb] .flex.items-end.lesson-keytile>div>div{width:36px;height:56px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.lesson-keytile.justify-center.flex-wrap{flex-wrap:nowrap;gap:8px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.items-center.lesson-keytile.flex-wrap{flex-wrap:nowrap;gap:8px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.lesson-keytile.justify-center.flex-wrap>div{width:48px;height:48px;font-size:18px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.items-center.lesson-keytile.flex-wrap>div{width:48px;height:48px;font-size:18px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.flex-col.lesson-keytile{gap:8px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.lesson-keytile.justify-center.flex-wrap,.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.items-center.lesson-keytile.flex-wrap{flex-wrap:nowrap;gap:4px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.lesson-keytile.justify-center.flex-wrap>div{width:36px;height:36px;font-size:15px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.items-center.lesson-keytile.flex-wrap>div{width:36px;height:36px;font-size:15px}}@media (min-width: 768px) and (max-height: 851px){.lesson-card[data-step-id=method-3-circle] .pt-stagger>.w-full.flex.lesson-keytile,.lesson-card[data-step-id=real-music-usage] .pt-stagger>.w-full.flex.lesson-keytile,.lesson-card:has(.harmonic-minor-intro-visual) .pt-stagger>.w-full.flex.lesson-keytile,.lesson-card:has(.harmonic-minor-genre-grid) .pt-stagger>.w-full.flex.lesson-keytile,.lesson-card:has(.harmonic-minor-formula-visual) .pt-stagger>.w-full.flex.lesson-keytile,.lesson-card:has(.melodic-minor-genre-grid) .pt-stagger>.w-full.flex.lesson-keytile,.lesson-card[data-step-id=formula-smooth] .pt-stagger>.w-full.flex.lesson-keytile{margin-top:2px}.harmonic-minor-intro-visual>.lesson-keytile button{padding-top:4px;padding-bottom:4px}:is(.key-signatures-viewport-step[data-step-id=hook],.key-signatures-viewport-step[data-step-id=what-it-is],.middle-c-grand-staff-viewport-step[data-step-id=border-notes],.landmark-notes-viewport-step[data-step-id=anchors],.ledger-lines-viewport-step[data-step-id=hook],.ledger-lines-viewport-step[data-step-id=rungs],.reading-intervals-viewport-step[data-step-id=hook],.reading-scales-viewport-step[data-step-id=signature],.reading-scales-viewport-step[data-step-id=relative])>.w-full.flex.lesson-keytile{margin-top:16px}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .pt-stagger>.w-full.flex.lesson-keytile{margin-top:8px}:is([data-lesson-id=intro-to-chords],[data-lesson-id=fully-diminished7],[data-lesson-id=chord-inversion-practice]) .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-keytile{gap:8px}}@media (min-width: 1024px) and (max-height: 780px){[data-lesson-module="4"] .lesson-card--bare>.flex.lesson-keytile:first-child{margin-bottom:6px}[data-lesson-module="4"] .pt-stagger>.w-full.flex.lesson-keytile .max-w-lg{max-width:48rem}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=roman-numerals] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-keytile{gap:8px}[data-lesson-id=progression-tips] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-keytile{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops]>.flex.lesson-keytile{margin-bottom:4px}[data-lesson-id=what-is-progression] .lesson-card:is([data-step-id=hook],[data-step-id=loops],[data-step-id=ear-which-order],[data-step-id=quick-check])>.flex.lesson-keytile{margin-bottom:8px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=hook] .max-w-lg.flex.flex-col.lesson-keytile>.flex.flex-col.items-center{gap:12px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-keytile{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=ear-which-order] .max-w-md.flex.flex-col.lesson-keytile{gap:4px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .max-w-lg.flex.flex-col.lesson-keytile{gap:12px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .key-shortcut-practice.max-w-lg.flex.flex-col.lesson-keytile{gap:4px}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .pt-stagger>.w-full.flex.lesson-keytile{margin-top:18px}[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .treble-lines-visual.w-full.max-w-lg.flex.flex-col.lesson-keytile{gap:12px}}@media (min-width: 768px) and (max-height: 780px){:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.flex-col.lesson-keytile{gap:8px}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-example-card>.flex.w-full.flex-col.lesson-keytile{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=compare] .grid>button>.flex.w-full.flex-col.lesson-keytile{zoom:.82}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.lesson-keytile button{gap:8px;padding-block:10px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.justify-center button>.flex.flex-col.lesson-keytile{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.lesson-keytile button>.flex.flex-col.items-center{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}}@media (min-width: 1200px) and (max-width: 1300px) and (min-height: 800px) and (max-height: 830px){[data-lesson-id=naming-whites] .lesson-card:is([data-step-id=finding-c],[data-step-id=alphabet]) .pt-stagger>:is(.w-full.flex.lesson-keytile,.w-full.max-w-lg.mx-auto){margin-top:40px}}@media (min-width: 768px) and (max-height: 780px){[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=recap] .pt-stagger>.w-full.flex.lesson-keytile{margin-top:4px}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=enharmonics] .pt-stagger>.w-full.flex.lesson-keytile{gap:4px;margin-top:3px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=what-you-can-do] .pt-stagger>.w-full.flex.lesson-keytile{margin-top:4px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=build-melody] .pt-stagger>.w-full.flex.lesson-keytile{margin-top:3px}[data-lesson-id=major-scale-practice] .lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]) .pt-stagger>.w-full.flex.lesson-keytile{margin-top:3px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.w-full.flex.lesson-keytile{margin-top:2px}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.lesson-keytile:first-child{padding-block:2px}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.lesson-keytile:first-child>span:first-child{width:24px;height:24px}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=method-1-demo] .pt-stagger>.w-full.flex.lesson-keytile>*{max-width:40rem;gap:4px}[data-lesson-id=melodic-minor] .melodic-minor-hook-visual>.lesson-keytile button{padding-block:4px}[data-lesson-id=minor-pentatonic] .lesson-card[data-step-id=where] .pt-stagger>.w-full.flex.lesson-keytile{margin-top:4px}}.lesson-keytile{width:36px;height:36px;padding:0 6px;border-radius:8px;border:1px solid hsl(var(--border));font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;line-height:1;transition:background-color .15s ease,color .15s ease}.lesson-keytile--white{background:hsl(var(--background));color:hsl(var(--foreground))}.lesson-keytile--black{background:hsl(var(--foreground));color:hsl(var(--background));border-color:hsl(var(--border))}.lesson-inline-tag{display:inline-flex;align-items:center;justify-content:center}@media (min-width: 768px) and (max-height: 860px){:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) .lesson-card>.flex.lesson-inline-tag{margin-bottom:2px}}@media (min-width: 768px) and (max-height: 780px){.lesson-step-what-is-2nd>.w-full.flex.lesson-inline-tag{margin-top:4px}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=staff-basics] .lesson-card[data-step-id=lines-spaces] .pt-stagger>.w-full.flex.lesson-inline-tag,[data-lesson-id=treble-clef-notes] .lesson-card:is([data-step-id=lines],[data-step-id=two-clefs],[data-step-id=two-clefs-bass]) .pt-stagger>.w-full.flex.lesson-inline-tag{margin-top:2px}.melodic-harmonic-concept-step>.w-full.flex.lesson-inline-tag{margin-top:6px}.unison-octaves-concept-step>.w-full.flex.lesson-inline-tag{margin-top:8px}.seconds-thirds-what-is-3rd-step>.w-full.flex.lesson-inline-tag{margin-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.w-full.flex.lesson-inline-tag{margin-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull-chords] .pt-stagger>.w-full.flex.lesson-inline-tag{margin-top:4px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.w-full.flex.lesson-inline-tag ul{gap:6px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.w-full.flex.lesson-inline-tag li{padding-top:8px;padding-bottom:8px}.lesson-card[data-step-id=recap]:has(.what-is-key-recap-visual) .pt-stagger>.w-full.flex.lesson-inline-tag{margin-top:24px}.lesson-card[data-step-id=build-melody] .pt-stagger>.w-full.flex.lesson-inline-tag{margin-top:16px}.major-scale-transpose-step>.flex.flex-col.lesson-inline-tag{gap:8px}.major-scale-transpose-step>.w-full.flex.lesson-inline-tag{margin-top:12px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) .flex.flex-col.w-full.gap-4.lesson-inline-tag{gap:8px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) :is(.w-full.max-w-md,.w-full.max-w-lg).flex.flex-col.lesson-inline-tag{gap:4px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .w-full.max-w-lg.flex.flex-col.lesson-inline-tag{gap:1px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .flex.flex-col.w-full.gap-4.lesson-inline-tag{gap:6px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=dc-fine],[data-step-id=ds-coda])>div>.pt-stagger .w-full.max-w-lg>.flex.lesson-inline-tag>.flex.flex-col{padding-top:2px;padding-bottom:2px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) button[aria-label="Watch the playing order"]>.flex.lesson-inline-tag>svg{width:auto;height:72px}.lesson-card[data-step-id=hear-bluesy]>div>.pt-stagger>.w-full.flex.lesson-inline-tag{margin-top:4px}.lesson-card:is([data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) .w-full.max-w-lg.flex.flex-col.lesson-inline-tag{gap:6px}.lesson-card[data-step-id=fingering] .flex.flex-col.gap-4.lesson-inline-tag.w-full{gap:2px}.lesson-card[data-step-id=swing-build] .w-full.max-w-md.flex.flex-col.lesson-inline-tag{gap:3px}.lesson-card:is([data-step-id=lines],[data-step-id=spaces]) .w-full.max-w-lg.flex.flex-col.lesson-inline-tag{gap:4px}.lesson-card[data-step-id=compare-all] .w-full.flex.lesson-inline-tag:has(>.lesson-callout--boxed){margin-top:8px}.lesson-card[data-step-id=transpose-melody] .major-scale-transpose-step>.w-full.flex.lesson-inline-tag{margin-top:5px}.lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]):has(.playing-scales-fingering-visual) .pt-stagger>.w-full.flex.lesson-inline-tag{margin-top:8px}.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-map) .pt-stagger>.w-full.flex.lesson-inline-tag{margin-top:20px}.lesson-card[data-step-id=make-melody]:has(.natural-minor-melody-maker) .pt-stagger>.w-full.flex.lesson-inline-tag{margin-top:12px}.lesson-card[data-step-id=where-you-hear]:has(.build-major-where-you-hear-visual) .pt-stagger>.w-full.flex.lesson-inline-tag,.lesson-card[data-step-id=why-accidentals]:has(.build-major-why-accidentals-visual) .pt-stagger>.w-full.flex.lesson-inline-tag,.lesson-card[data-step-id=compare-three]:has(.playing-scales-compare-three-visual) .pt-stagger>.w-full.flex.lesson-inline-tag,.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-visual) .pt-stagger>.w-full.flex.lesson-inline-tag{margin-top:7px}.lesson-card[data-step-id=real-music-usage] .pt-stagger>.w-full.flex.lesson-inline-tag{margin-top:12px}.lesson-card:has(.short-viewport-genre-grid)>div>.pt-stagger>.w-full.flex.lesson-inline-tag,.lesson-card:has(.melodic-minor-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-inline-tag,.lesson-card:has(.major-pentatonic-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-inline-tag,.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-inline-tag,.lesson-card:has(.intro-chords-vocab-visual)>div>.pt-stagger>.w-full.flex.lesson-inline-tag{margin-top:4px}.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-inline-tag{margin-top:12px}.chord-formulas-hook-visual>button>.flex.lesson-inline-tag.gap-1>span.grid{height:20px;min-width:20px}.diatonic-shades-visual>.flex.flex-col.lesson-inline-tag{gap:4px}.diatonic-shades-visual>.flex.flex-col.lesson-inline-tag>button{padding-top:6px;padding-bottom:6px}.chords-recital-finale-visual>.flex.flex-col.lesson-inline-tag{gap:5px}.chords-recital-finale-visual>.flex.flex-col.lesson-inline-tag>.flex.items-center{gap:8px}.voice-leading-quiz-visual>.flex.lesson-inline-tag.gap-1\.5>span{height:24px}}@media (max-width: 767px) and (max-height: 590px){.lesson-module-1 .lesson-card[data-step-id=mary-lamb] .flex.items-end.lesson-inline-tag{flex-wrap:nowrap;gap:4px}.lesson-module-1 .lesson-card[data-step-id=mary-lamb] .flex.items-end.lesson-inline-tag>div>div{width:36px;height:56px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.lesson-inline-tag.justify-center.flex-wrap{flex-wrap:nowrap;gap:8px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.items-center.lesson-inline-tag.flex-wrap{flex-wrap:nowrap;gap:8px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.lesson-inline-tag.justify-center.flex-wrap>div{width:48px;height:48px;font-size:18px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.items-center.lesson-inline-tag.flex-wrap>div{width:48px;height:48px;font-size:18px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.flex-col.lesson-inline-tag{gap:8px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.lesson-inline-tag.justify-center.flex-wrap,.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.items-center.lesson-inline-tag.flex-wrap{flex-wrap:nowrap;gap:4px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.lesson-inline-tag.justify-center.flex-wrap>div{width:36px;height:36px;font-size:15px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.items-center.lesson-inline-tag.flex-wrap>div{width:36px;height:36px;font-size:15px}}@media (min-width: 768px) and (max-height: 851px){.lesson-card[data-step-id=method-3-circle] .pt-stagger>.w-full.flex.lesson-inline-tag,.lesson-card[data-step-id=real-music-usage] .pt-stagger>.w-full.flex.lesson-inline-tag,.lesson-card:has(.harmonic-minor-intro-visual) .pt-stagger>.w-full.flex.lesson-inline-tag,.lesson-card:has(.harmonic-minor-genre-grid) .pt-stagger>.w-full.flex.lesson-inline-tag,.lesson-card:has(.harmonic-minor-formula-visual) .pt-stagger>.w-full.flex.lesson-inline-tag,.lesson-card:has(.melodic-minor-genre-grid) .pt-stagger>.w-full.flex.lesson-inline-tag,.lesson-card[data-step-id=formula-smooth] .pt-stagger>.w-full.flex.lesson-inline-tag{margin-top:2px}.harmonic-minor-intro-visual>.lesson-inline-tag button{padding-top:4px;padding-bottom:4px}:is(.key-signatures-viewport-step[data-step-id=hook],.key-signatures-viewport-step[data-step-id=what-it-is],.middle-c-grand-staff-viewport-step[data-step-id=border-notes],.landmark-notes-viewport-step[data-step-id=anchors],.ledger-lines-viewport-step[data-step-id=hook],.ledger-lines-viewport-step[data-step-id=rungs],.reading-intervals-viewport-step[data-step-id=hook],.reading-scales-viewport-step[data-step-id=signature],.reading-scales-viewport-step[data-step-id=relative])>.w-full.flex.lesson-inline-tag{margin-top:16px}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .pt-stagger>.w-full.flex.lesson-inline-tag{margin-top:8px}:is([data-lesson-id=intro-to-chords],[data-lesson-id=fully-diminished7],[data-lesson-id=chord-inversion-practice]) .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-inline-tag{gap:8px}}@media (min-width: 1024px) and (max-height: 780px){[data-lesson-module="4"] .lesson-card--bare>.flex.lesson-inline-tag:first-child{margin-bottom:6px}[data-lesson-module="4"] .pt-stagger>.w-full.flex.lesson-inline-tag .max-w-lg{max-width:48rem}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=roman-numerals] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-inline-tag{gap:8px}[data-lesson-id=progression-tips] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-inline-tag{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops]>.flex.lesson-inline-tag{margin-bottom:4px}[data-lesson-id=what-is-progression] .lesson-card:is([data-step-id=hook],[data-step-id=loops],[data-step-id=ear-which-order],[data-step-id=quick-check])>.flex.lesson-inline-tag{margin-bottom:8px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=hook] .max-w-lg.flex.flex-col.lesson-inline-tag>.flex.flex-col.items-center{gap:12px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-inline-tag{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=ear-which-order] .max-w-md.flex.flex-col.lesson-inline-tag{gap:4px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .max-w-lg.flex.flex-col.lesson-inline-tag{gap:12px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .key-shortcut-practice.max-w-lg.flex.flex-col.lesson-inline-tag{gap:4px}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .pt-stagger>.w-full.flex.lesson-inline-tag{margin-top:18px}[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .treble-lines-visual.w-full.max-w-lg.flex.flex-col.lesson-inline-tag{gap:12px}}@media (min-width: 768px) and (max-height: 780px){:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.flex-col.lesson-inline-tag{gap:8px}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-example-card>.flex.w-full.flex-col.lesson-inline-tag{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=compare] .grid>button>.flex.w-full.flex-col.lesson-inline-tag{zoom:.82}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.lesson-inline-tag button{gap:8px;padding-block:10px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.justify-center button>.flex.flex-col.lesson-inline-tag{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.lesson-inline-tag button>.flex.flex-col.items-center{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}}@media (min-width: 1200px) and (max-width: 1300px) and (min-height: 800px) and (max-height: 830px){[data-lesson-id=naming-whites] .lesson-card:is([data-step-id=finding-c],[data-step-id=alphabet]) .pt-stagger>:is(.w-full.flex.lesson-inline-tag,.w-full.max-w-lg.mx-auto){margin-top:40px}}@media (min-width: 768px) and (max-height: 780px){[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=recap] .pt-stagger>.w-full.flex.lesson-inline-tag{margin-top:4px}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=enharmonics] .pt-stagger>.w-full.flex.lesson-inline-tag{gap:4px;margin-top:3px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=what-you-can-do] .pt-stagger>.w-full.flex.lesson-inline-tag{margin-top:4px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=build-melody] .pt-stagger>.w-full.flex.lesson-inline-tag{margin-top:3px}[data-lesson-id=major-scale-practice] .lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]) .pt-stagger>.w-full.flex.lesson-inline-tag{margin-top:3px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.w-full.flex.lesson-inline-tag{margin-top:2px}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.lesson-inline-tag:first-child{padding-block:2px}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.lesson-inline-tag:first-child>span:first-child{width:24px;height:24px}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=method-1-demo] .pt-stagger>.w-full.flex.lesson-inline-tag>*{max-width:40rem;gap:4px}[data-lesson-id=melodic-minor] .melodic-minor-hook-visual>.lesson-inline-tag button{padding-block:4px}[data-lesson-id=minor-pentatonic] .lesson-card[data-step-id=where] .pt-stagger>.w-full.flex.lesson-inline-tag{margin-top:4px}}.lesson-inline-tag{padding:4px 12px;border-radius:9999px;background:hsl(var(--primary) / .1);color:hsl(var(--primary));font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:600;line-height:1.2}.lesson-inline-tag--glass{color:hsl(var(--foreground));background:hsl(var(--card));border:1px solid hsl(var(--border))}.\!dark .lesson-inline-tag--glass{color:#fff!important;background:hsl(var(--primary) / .07)!important;border-color:hsl(var(--primary) / .15)!important}.dark .lesson-inline-tag--glass{color:#fff;background:hsl(var(--primary) / .07);border-color:hsl(var(--primary) / .15)}.lesson-caption{text-align:center;color:hsl(var(--muted-foreground));font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:400;line-height:1.5;margin-top:16px}.lesson-caption--inline{text-align:inherit;color:hsl(var(--muted-foreground));font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:400;line-height:1.5;margin-top:0}.lesson-caption--faint{text-align:inherit;color:hsl(var(--muted-foreground) / .7);font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:400;font-style:italic;line-height:1.5;margin-top:0}.lesson-takeaway-callout,.lesson-hint-callout{background:hsl(var(--muted) / .5);border-radius:12px;padding:12px;text-align:center;max-width:24rem;margin-left:auto;margin-right:auto}.lesson-action-prompt{background:transparent;border-radius:0;padding:0}@keyframes lessonWrongFlash{0%{background:hsl(var(--destructive));color:#fff}to{background:inherit;color:inherit}}@keyframes lessonCorrectPulse{0%{transform:scale(1)}50%{transform:scale(1.08);box-shadow:0 0 0 4px hsl(var(--success) / .3)}to{transform:scale(1)}}.lesson-page-atmosphere-overlay{background:radial-gradient(ellipse 110% 75% at 50% 38%,hsl(262 83% 58% / .14) 0%,hsl(262 83% 58% / .07) 30%,hsl(262 83% 58% / .025) 55%,transparent 75%)}.\!dark .lesson-page-atmosphere-overlay,.dark .lesson-page-atmosphere-overlay{background:radial-gradient(ellipse 120% 80% at 50% 35%,hsl(258 60% 50% / .04) 0%,hsl(258 60% 50% / .0175) 32%,transparent 68%)!important}.\!dark .lesson-page-atmosphere:before{content:""!important;position:absolute!important;left:50%!important;top:46%!important;width:min(1500px,96%)!important;height:min(760px,62%)!important;transform:translate(-50%,-50%)!important;border-radius:50%!important;background:radial-gradient(ellipse 56% 52% at center,hsl(262 90% 62% / .42) 0%,hsl(264 88% 58% / .16) 42%,transparent 72%)!important;filter:blur(58px)!important;pointer-events:none!important;z-index:0!important;animation:pt-atmosphere-drift 26s ease-in-out infinite!important;will-change:transform!important}.dark .lesson-page-atmosphere:before{content:"";position:absolute;left:50%;top:46%;width:min(1500px,96%);height:min(760px,62%);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse 56% 52% at center,hsl(262 90% 62% / .42) 0%,hsl(264 88% 58% / .16) 42%,transparent 72%);filter:blur(58px);pointer-events:none;z-index:0;animation:pt-atmosphere-drift 26s ease-in-out infinite;will-change:transform}@keyframes pt-atmosphere-drift{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-46%,-53%) scale(1.12)}}@media (prefers-reduced-motion: reduce){.\!dark .lesson-page-atmosphere:before{animation:none!important}.dark .lesson-page-atmosphere:before{animation:none}}.\!dark .pt-hear-btn{background:linear-gradient(180deg,#6b40d2,#5330b2)!important;box-shadow:0 8px 20px -8px #00000080!important}.dark .pt-hear-btn{background:linear-gradient(180deg,#6b40d2,#5330b2);box-shadow:0 8px 20px -8px #00000080}.lesson-stage--cardless{background:radial-gradient(125% 64% at 50% 0%,hsl(var(--primary) / .055) 0%,hsl(var(--primary) / .022) 40%,transparent 66%),hsl(var(--background))}.\!dark .lesson-stage--cardless{background:radial-gradient(125% 66% at 50% 0%,hsl(258 70% 55% / .1) 0%,hsl(258 70% 55% / .04) 38%,transparent 64%),hsl(var(--background))!important}.dark .lesson-stage--cardless{background:radial-gradient(125% 66% at 50% 0%,hsl(258 70% 55% / .1) 0%,hsl(258 70% 55% / .04) 38%,transparent 64%),hsl(var(--background))}.lesson-stage--cardless .lesson-card-title{font-size:28px;line-height:1.1;letter-spacing:-.02em;padding-left:8px;padding-right:8px;margin-bottom:.4rem}.lesson-stage--cardless .lesson-card-subtitle{font-size:16px}.lesson-stage--cardless .lesson-card-title.is-functional{font-size:23px}@media (min-width: 640px){.lesson-stage--cardless .lesson-card-title{font-size:38px}.lesson-stage--cardless .lesson-card-title.is-functional{font-size:28px}.lesson-stage--cardless .lesson-card-subtitle{font-size:17px}}@keyframes pt-correct-glow{0%{filter:drop-shadow(0 0 0 hsl(var(--success) / 0))}35%{filter:drop-shadow(0 0 10px hsl(var(--success) / .85))}to{filter:drop-shadow(0 0 0 hsl(var(--success) / 0))}}.pt-correct-glow{animation:pt-correct-glow .5s ease-out}@media (prefers-reduced-motion: reduce){.pt-correct-glow{animation:none!important}}@keyframes pt-status-pop{0%{opacity:0;transform:translateY(3px) scale(.96)}60%{transform:translateY(0) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.pt-status-pop{animation:pt-status-pop .32s ease-out both}@media (prefers-reduced-motion: reduce){.pt-status-pop{animation:none!important}}@keyframes pt-pop{0%{transform:scale(1)}40%{transform:scale(1.09)}to{transform:scale(1)}}.pt-pop{animation:pt-pop .34s ease-out}@media (prefers-reduced-motion: reduce){.pt-pop{animation:none!important}}@media (min-width: 768px){.lesson-stage--cardless .lesson-content-compact .space-y-4>*+*{margin-top:.875rem}.lesson-stage--cardless .lesson-content-compact .space-y-5>*+*{margin-top:1rem}.lesson-stage--cardless .lesson-content-compact .space-y-6>*+*{margin-top:1.125rem}.lesson-stage--cardless .lesson-content-compact .mb-3{margin-bottom:.625rem}}.lesson-footer-piano-stage{padding:12px 24px 8px;border-top:1px solid hsl(var(--border) / .35);background:hsl(var(--piano-stage-bg));box-shadow:inset 0 1px #ffffff0a}.lesson-footer-piano-stage:has(.lesson-piano-console){padding:0;border-top:0;background:transparent;box-shadow:none}.lesson-piano-console{position:relative;min-height:76px;overflow:hidden;color:#f5f5f8eb;border:1px solid rgba(255,255,255,.07);border-bottom:0;border-radius:11px 11px 0 0;background:linear-gradient(98deg,transparent 0 24%,rgba(255,255,255,.018) 47%,transparent 68%),repeating-linear-gradient(92deg,rgba(255,255,255,.008) 0 1px,transparent 1px 4px),linear-gradient(180deg,#181a20,#111217 52%,#090a0e);box-shadow:inset 0 1px #ffffff13,inset 0 -18px 28px #00000057,0 -5px 18px #0000002e}.lesson-piano-console--collapsed{min-height:34px}.lesson-piano-console-collapsed-row{display:grid;min-height:34px;grid-template-columns:minmax(0,1fr) minmax(180px,320px) minmax(0,1fr);align-items:center;gap:8px;padding:3px 8px}.lesson-piano-console-toggle{display:inline-flex;height:28px;min-width:76px;align-items:center;justify-content:center;gap:5px;justify-self:start;padding-inline:9px;border:1px solid rgba(255,255,255,.08);border-radius:5px;color:#f6f6f9d1;background:linear-gradient(180deg,#17191f,#090a0e);box-shadow:inset 0 1px #ffffff14,0 2px 4px #0000008c;font-family:Inter,system-ui,sans-serif;font-size:10px;font-weight:650;line-height:1;text-transform:uppercase}.lesson-piano-console-toggle svg{width:14px;height:14px}.lesson-piano-console-toggle:hover{color:#fffffffa}.lesson-piano-console-toggle:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:1px}.lesson-piano-console-collapsed-display{width:100%;min-width:0;padding-inline:0}.lesson-piano-console-collapsed-display>div{height:28px;min-width:0!important;max-width:none!important}.lesson-piano-console-scroll{width:100%;margin-left:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:none;touch-action:pan-x}.lesson-piano-console-scroll::-webkit-scrollbar{display:none}.lesson-piano-console-controls{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);min-width:0;min-height:76px;align-items:center;justify-content:center;-moz-column-gap:8px;column-gap:8px;padding:10px clamp(10px,1.25vw,20px) 8px}.lesson-piano-console-control-cluster{display:flex;min-width:0;align-items:center;gap:8px}.lesson-piano-console-control-cluster--left{justify-self:end;justify-content:flex-end}.lesson-piano-console-control-cluster--right{justify-self:start;justify-content:flex-start}.lesson-piano-console .lesson-piano-hardware-button,.lesson-piano-console [data-lesson-ui=connect-midi]{display:inline-flex;height:42px!important;min-width:54px;flex:0 0 auto;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid rgba(0,0,0,.92)!important;border-radius:5px!important;color:#f6f6f9d1!important;background:linear-gradient(180deg,rgba(255,255,255,.035) 0%,transparent 22%),linear-gradient(180deg,#17191f,#090a0e)!important;box-shadow:inset 0 1px #ffffff17,inset 0 -2px 4px #000000b8,0 0 0 1px #ffffff09,0 3px 5px #000000a6!important;font-family:Inter,system-ui,sans-serif;font-size:10px;font-weight:650;letter-spacing:.01em;text-transform:uppercase}.lesson-piano-console .lesson-piano-hardware-button:hover,.lesson-piano-console [data-lesson-ui=connect-midi]:hover{color:#fffffff5!important}.lesson-piano-console .lesson-piano-hardware-button:focus-visible,.lesson-piano-console [data-lesson-ui=connect-midi]:focus-visible,.lesson-piano-range-button:focus-visible,.lesson-piano-tempo-step:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.lesson-piano-control-icon{width:15px;height:15px;flex:0 0 auto}.lesson-piano-visibility-button{width:54px;flex-direction:column;gap:3px!important;padding-inline:7px!important;font-size:8px!important;line-height:1.05}.lesson-piano-console .lesson-piano-instrument-label{max-width:126px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none}.lesson-piano-console .lesson-piano-instrument-chevron{width:15px;height:15px;flex:0 0 auto;opacity:.7}.lesson-piano-console .lesson-piano-hardware-button:has(.lesson-piano-instrument-label){min-width:146px;justify-content:flex-start;font-size:12px;text-transform:none}.lesson-piano-label-button{min-width:68px!important;flex-direction:column;gap:3px!important}.lesson-piano-label-button .lesson-piano-control-icon{color:hsl(var(--primary))}.lesson-piano-range-controls{display:inline-flex;min-width:268px;width:clamp(268px,calc(30vw - 38px),373px);align-items:stretch}.lesson-piano-range-button{display:inline-flex;width:38px;height:42px;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.92);border-radius:5px;color:#f0f0f59e;background:linear-gradient(180deg,#17191f,#090a0e);box-shadow:inset 0 1px #ffffff14,0 3px 5px #000000ad}.lesson-piano-range-button svg{width:18px;height:18px}.lesson-piano-range-button:hover:not(:disabled){color:hsl(var(--primary))}.lesson-piano-range-button:disabled{cursor:not-allowed;opacity:.3}.lesson-piano-range-display{min-width:192px;flex:1 1 276px;overflow:hidden;padding-inline:4px}.lesson-piano-range-display>div{width:100%;height:42px;min-width:0!important;border-color:#ffffff0e!important;border-radius:4px!important;background:#090a0f!important;box-shadow:inset 0 3px 8px #000000d1,0 1px #ffffff06}.lesson-piano-console--collapsed .lesson-piano-console-collapsed-display>div{height:28px}.lesson-piano-console-brand{position:absolute;z-index:2;top:50%;left:24px;display:flex;width:189px;align-items:center;justify-content:flex-start;transform:translateY(-50%);pointer-events:none}.lesson-piano-console-brand-image{display:block;width:100%;height:auto;max-height:54px;-o-object-fit:contain;object-fit:contain;mix-blend-mode:screen;filter:brightness(.9) contrast(1.12) drop-shadow(0 2px 3px rgba(0,0,0,.72))}.lesson-piano-console-brand-mark{position:relative;display:block;width:180px}.lesson-piano-console-brand-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0}.\!dark .lesson-piano-console-brand-image{opacity:1!important;mix-blend-mode:screen!important;filter:grayscale(1) brightness(.94) contrast(2)!important}.dark .lesson-piano-console-brand-image{opacity:1;mix-blend-mode:screen;filter:grayscale(1) brightness(.94) contrast(2)}.\!dark .lesson-piano-console-brand-shimmer{opacity:0!important;mix-blend-mode:screen!important;filter:grayscale(1) brightness(2.35) contrast(1.08) drop-shadow(0 0 3px rgba(240,247,255,.48))!important;animation:lesson-piano-logo-shimmer 30s ease-in-out 4s infinite!important;will-change:clip-path,opacity!important}.dark .lesson-piano-console-brand-shimmer{opacity:0;mix-blend-mode:screen;filter:grayscale(1) brightness(2.35) contrast(1.08) drop-shadow(0 0 3px rgba(240,247,255,.48));animation:lesson-piano-logo-shimmer 30s ease-in-out 4s infinite;will-change:clip-path,opacity}@keyframes lesson-piano-logo-shimmer{0%,2%{clip-path:polygon(-28% 0,-12% 0,-2% 100%,-20% 100%);opacity:0}2.5%{opacity:.82}6.5%{clip-path:polygon(110% 0,126% 0,136% 100%,118% 100%);opacity:0}to{clip-path:polygon(110% 0,126% 0,136% 100%,118% 100%);opacity:0}}.lesson-piano-metronome-button{min-width:84px!important;flex-direction:row;gap:7px!important}.lesson-piano-metronome-button:before,.lesson-piano-console [data-lesson-ui=connect-midi]:before{content:"";position:absolute;top:5px;width:22px;height:2px;border-radius:999px;background:#ffffffb8;box-shadow:0 0 8px #ffffff40}.lesson-piano-metronome-button{position:relative}.lesson-piano-metronome-button.is-active{color:#f6f6f9d1!important}.lesson-piano-metronome-button.is-active:before{background:hsl(var(--primary));box-shadow:0 0 10px hsl(var(--primary) / .7)}.lesson-piano-metronome-button .is-beat{animation:lesson-piano-metronome-beat .19s ease-out}@keyframes lesson-piano-metronome-beat{0%{color:#f6f6f9d1;filter:drop-shadow(0 0 0 hsl(var(--primary) / 0));transform:scale(1)}36%{color:hsl(var(--primary));filter:drop-shadow(0 0 6px hsl(var(--primary) / .9));transform:scale(1.22)}to{color:#f6f6f9d1;filter:drop-shadow(0 0 0 hsl(var(--primary) / 0));transform:scale(1)}}@media (prefers-reduced-motion: reduce){.lesson-piano-metronome-button .is-beat{animation:none;color:hsl(var(--primary))}}.lesson-piano-tempo{display:inline-flex;height:42px;min-width:126px;flex:0 0 auto;align-items:stretch}.lesson-piano-tempo-step{display:inline-flex;width:34px;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.92);border-radius:5px;color:#f4f4f8ad;background:linear-gradient(180deg,#17191f,#090a0e);box-shadow:inset 0 1px #ffffff14,0 3px 5px #000000ad}.lesson-piano-tempo-step:hover{color:hsl(var(--primary))}.lesson-piano-tempo-step svg{width:15px;height:15px}.lesson-piano-tempo-display{display:flex;min-width:58px;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-block:1px solid rgba(255,255,255,.05);color:hsl(var(--primary));background:#08090d;box-shadow:inset 0 3px 8px #000000d1;font-family:Inter,system-ui,sans-serif}.lesson-piano-tempo-trigger{display:flex;width:100%;height:100%;min-width:0;cursor:ns-resize;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:0;padding:0;color:inherit;background:transparent;font:inherit;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lesson-piano-tempo-trigger:hover,.lesson-piano-tempo-display.is-editing,.lesson-piano-tempo-display.is-scrubbing{color:hsl(var(--primary));box-shadow:inset 0 3px 8px #000000d1,inset 0 0 0 1px hsl(var(--primary) / .4),0 0 8px hsl(var(--primary) / .18)}.lesson-piano-tempo-display.is-scrubbing{box-shadow:inset 0 3px 8px #000000d1,inset 0 0 0 1px hsl(var(--primary) / .72),0 0 12px hsl(var(--primary) / .32)}.lesson-piano-tempo-trigger:focus-visible,.lesson-piano-tempo-input:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:-2px}.lesson-piano-tempo-input{width:100%;min-width:0;border:0;padding:0;color:inherit;outline:0;background:transparent;font:inherit;font-size:16px;font-weight:700;line-height:1;text-align:center;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.lesson-piano-tempo-input::-webkit-inner-spin-button,.lesson-piano-tempo-input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.lesson-piano-tempo-display strong{font-size:16px;line-height:1}.lesson-piano-tempo-display span{font-size:8px;font-weight:700;letter-spacing:.08em;line-height:1}.lesson-piano-midi-control{width:42px;flex:0 0 42px}.lesson-piano-console [data-lesson-ui=connect-midi]{position:relative;width:42px;min-width:42px;max-width:42px;padding:6px 0 0;overflow:hidden;border-radius:5px!important}.lesson-piano-console [data-lesson-ui=connect-midi] [data-midi-label]{display:none!important}@media (min-width: 768px) and (max-width: 1279px){.lesson-piano-console-controls{min-width:0;-moz-column-gap:6px;column-gap:6px;padding-inline:8px}.lesson-piano-console-control-cluster{gap:6px}.lesson-piano-console-brand{width:158px;top:50%;left:18px}.lesson-piano-visibility-button .lesson-piano-control-text,.lesson-piano-label-button .lesson-piano-control-text,.lesson-piano-metronome-button .lesson-piano-control-text{display:none}.lesson-piano-console-brand-mark{width:150px}.lesson-piano-console-brand-image{height:auto;max-height:44px}.lesson-piano-visibility-button,.lesson-piano-label-button,.lesson-piano-metronome-button{width:38px;min-width:38px!important;padding-inline:0!important}.lesson-piano-console .lesson-piano-hardware-button:has(.lesson-piano-instrument-label){min-width:116px;padding-inline:8px}.lesson-piano-console .lesson-piano-instrument-label{max-width:72px}.lesson-piano-range-controls{min-width:220px;width:clamp(220px,calc(27vw - 32px),250px)}.lesson-piano-range-button{width:32px}.lesson-piano-range-display{min-width:150px}.lesson-piano-tempo{min-width:100px}.lesson-piano-tempo-step{width:27px}.lesson-piano-tempo-display{min-width:46px}.lesson-piano-console [data-lesson-ui=connect-midi]{min-width:38px;width:38px;max-width:38px;padding-inline:0}.lesson-piano-midi-control{width:38px;flex-basis:38px}.lesson-piano-console [data-lesson-ui=connect-midi] [data-midi-label]{display:none!important}}@media (min-width: 768px) and (max-width: 1439px){.lesson-piano-console-brand{display:flex;left:clamp(18px,1.75vw,24px);width:clamp(92px,14vw,150px)}.lesson-piano-console-brand-mark{width:100%}.lesson-piano-console-brand-image{max-height:44px}}@media (max-width: 767px){.lesson-piano-console{min-height:58px}.lesson-piano-console-controls{width:100%;min-width:0;min-height:58px;-moz-column-gap:5px;column-gap:5px;padding:7px 6px 5px}.lesson-piano-console-control-cluster{gap:5px}.lesson-piano-console-brand,.lesson-piano-visibility-button .lesson-piano-control-text,.lesson-piano-label-button .lesson-piano-control-text,.lesson-piano-metronome-button .lesson-piano-control-text{display:none}.lesson-piano-console .lesson-piano-hardware-button,.lesson-piano-console [data-lesson-ui=connect-midi],.lesson-piano-range-button,.lesson-piano-tempo{height:36px!important}.lesson-piano-visibility-button,.lesson-piano-label-button,.lesson-piano-metronome-button{width:34px;min-width:34px!important;padding-inline:0!important}.lesson-piano-console .lesson-piano-hardware-button:has(.lesson-piano-instrument-label){min-width:98px;padding-inline:7px}.lesson-piano-console .lesson-piano-instrument-label{max-width:58px;font-size:10px}.lesson-piano-range-controls{min-width:199px;width:199px}.lesson-piano-range-button{width:29px}.lesson-piano-range-display{min-width:132px;padding-inline:2px}.lesson-piano-range-display>div{height:36px}.lesson-piano-tempo{min-width:88px}.lesson-piano-tempo-step{width:23px}.lesson-piano-tempo-display{min-width:42px}.lesson-piano-tempo-display strong{font-size:13px}.lesson-piano-console [data-lesson-ui=connect-midi]{width:34px;min-width:34px;max-width:34px;padding-inline:0}.lesson-piano-midi-control{width:34px;flex-basis:34px}.lesson-piano-console [data-lesson-ui=connect-midi] [data-midi-label]{display:none!important}}@media (min-width: 1280px){.lesson-piano-console .lesson-piano-hardware-button:has(.lesson-piano-instrument-label){width:130px;min-width:130px}.lesson-piano-console .lesson-piano-instrument-label{max-width:104px}}@media (max-width: 1279px){.lesson-piano-console .lesson-piano-hardware-button:has(.lesson-piano-instrument-label){width:38px;min-width:38px;justify-content:center;padding-inline:0}.lesson-piano-console .lesson-piano-instrument-label,.lesson-piano-console .lesson-piano-instrument-chevron{display:none}.lesson-piano-tempo{width:38px;min-width:38px}.lesson-piano-tempo-step{display:none}.lesson-piano-tempo-display{min-width:38px}}@media (max-width: 479px){.lesson-piano-console-controls{-moz-column-gap:3px;column-gap:3px;padding-inline:4px}.lesson-piano-console-control-cluster{gap:3px}.lesson-piano-console .lesson-piano-hardware-button:has(.lesson-piano-instrument-label){width:34px;min-width:34px}.lesson-piano-range-controls{width:172px;min-width:172px}.lesson-piano-range-button{width:26px}.lesson-piano-range-display{min-width:114px;padding-inline:1px}.lesson-piano-tempo{width:34px;min-width:34px}.lesson-piano-tempo-step{display:none}.lesson-piano-tempo-display{min-width:34px}.lesson-piano-tempo-display strong{font-size:12px}.lesson-piano-tempo-display span{font-size:7px}}@media (max-width: 379px){.lesson-piano-console [data-lesson-ui=piano-labels-toggle]{display:none!important}.lesson-piano-range-controls{width:160px;min-width:160px}.lesson-piano-midi-control{display:none}}@media (max-width: 339px){.lesson-piano-range-controls{width:154px;min-width:154px}}.lesson-top-chrome-stage{border-bottom:1px solid hsl(var(--border) / .35);background:hsl(var(--piano-stage-bg));box-shadow:inset 0 -1px #ffffff0a}.\!dark .lesson-footer-piano-stage{background:#14151aeb!important;border-top:1px solid rgba(255,255,255,.05)!important;box-shadow:inset 0 1px #ffffff0a!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}.dark .lesson-footer-piano-stage{background:#14151aeb;border-top:1px solid rgba(255,255,255,.05);box-shadow:inset 0 1px #ffffff0a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.\!dark .lesson-footer-piano-stage:has(.lesson-piano-console){padding:0!important;border-top:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.dark .lesson-footer-piano-stage:has(.lesson-piano-console){padding:0;border-top:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.lesson-footer-piano-stage:has(.pt-fb-footer--wide-glass){padding:8px clamp(10px,1.8vw,24px) 4px}.\!dark .lesson-top-chrome-stage{background:#14151aeb!important;border-bottom:1px solid rgba(255,255,255,.05)!important;box-shadow:inset 0 -1px #ffffff0a!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}.dark .lesson-top-chrome-stage{background:#14151aeb;border-bottom:1px solid rgba(255,255,255,.05);box-shadow:inset 0 -1px #ffffff0a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.lesson-footer-piano-frame{height:176px;padding:0 0 9px;border-radius:0 0 12px 12px;background:linear-gradient(180deg,#090a0e,#050609 55%,#020205);box-shadow:inset 1px 0 #ffffff0b,inset -1px 0 #ffffff0b,inset 0 -1px #ffffff0a,0 8px 22px #0000003d}.lesson-piano-keybed{isolation:isolate;overflow:hidden}.lesson-piano-keybed:after{content:"";position:absolute;top:0;left:0;right:0;height:18px;border-radius:7px 7px 0 0;pointer-events:none;z-index:15;background:none}.\!dark .lesson-footer-piano-frame{padding:0 0 11px!important;border-radius:0 0 14px 14px!important;background:linear-gradient(180deg,#090a10,#050609 48%,#020205)!important;box-shadow:inset 0 1px #ffffff12,inset 0 3px 7px #000000d9,inset 0 -1px #ffffff0d,0 0 0 1px #894eef29,0 0 22px -2px #7c3bed47,0 8px 22px #0000008c,0 18px 44px #00000080!important;filter:none!important}.dark .lesson-footer-piano-frame{padding:0 0 11px;border-radius:0 0 14px 14px;background:linear-gradient(180deg,#090a10,#050609 48%,#020205);box-shadow:inset 0 1px #ffffff12,inset 0 3px 7px #000000d9,inset 0 -1px #ffffff0d,0 0 0 1px #894eef29,0 0 22px -2px #7c3bed47,0 8px 22px #0000008c,0 18px 44px #00000080;filter:none}.\!dark .lesson-piano-keybed:after{top:8px!important;left:0!important;right:0!important;height:11px!important;border-radius:0!important;background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,.12) 44%,transparent 100%)!important}.dark .lesson-piano-keybed:after{top:8px;left:0;right:0;height:11px;border-radius:0;background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,.12) 44%,transparent 100%)}.lesson-piano-red-felt{position:absolute;top:0;left:1px;right:1px;z-index:16;height:8px;pointer-events:none;background:url(/assets/piano-red-felt-B4WDGUUf.jpg) center / 100% 100% no-repeat;filter:brightness(.72) saturate(.9) contrast(1.08);box-shadow:inset 0 1px #ff9aa040,inset 0 -2px 2px #230004cc,0 1px 2px #1200026b}.\!dark .lesson-piano-red-felt{background:url(/assets/piano-red-felt-B4WDGUUf.jpg) center / 100% 100% no-repeat!important;filter:brightness(.94) saturate(1.04) contrast(1.02)!important;box-shadow:inset 0 1px #ffa0a633,inset 0 -1px 1px #150003b8,0 1px 3px #0000009e!important}.dark .lesson-piano-red-felt{background:url(/assets/piano-red-felt-B4WDGUUf.jpg) center / 100% 100% no-repeat;filter:brightness(.94) saturate(1.04) contrast(1.02);box-shadow:inset 0 1px #ffa0a633,inset 0 -1px 1px #150003b8,0 1px 3px #0000009e}:root:not(.dark) .lesson-piano-console{color:#1f232de0;border-color:#1f232d1a;background:linear-gradient(98deg,transparent 0 24%,rgba(255,255,255,.82) 47%,transparent 68%),repeating-linear-gradient(92deg,rgba(31,35,45,.012) 0 1px,transparent 1px 4px),linear-gradient(180deg,#fff,#f7f8fa 52%,#eceef2);box-shadow:inset 0 1px #fff,inset 0 -16px 26px #1f232d0e,0 -5px 18px #1f232d14}:root:not(.dark) .lesson-piano-red-felt{background:linear-gradient(#91201fd1,#91201fd1),url(/assets/piano-red-felt-B4WDGUUf.jpg) center / 100% 100% no-repeat;filter:none;box-shadow:inset 0 1px #ffb6ba47,inset 0 -1px 1px #3a00068c,0 1px 2px #36080d38}:root:not(.dark) .lesson-piano-range-display>div{border-color:#7043b226!important;background:linear-gradient(180deg,#fffffff5,#f7f3fff0 48%,#ebe4f9eb)!important;box-shadow:inset 0 2px 5px #4f2d7f1a,inset 0 1px #ffffffeb,0 1px #ffffffbd!important}:root:not(.dark) .lesson-piano-range-display .text-muted-foreground{color:hsl(var(--primary) / .72)!important}:root:not(.dark) .lesson-piano-tempo-display{border-block-color:rgba(112,67,178,.15);color:hsl(var(--primary));background:linear-gradient(180deg,#fffffff5,#f7f3fff0 48%,#ebe4f9eb);box-shadow:inset 0 2px 5px #4f2d7f1a,inset 0 1px #ffffffeb,0 1px #ffffffbd}:root:not(.dark) .lesson-piano-tempo-display strong{text-shadow:0 1px 0 rgba(255,255,255,.9),0 0 8px hsl(var(--primary) / .12)}:root:not(.dark) .lesson-piano-tempo-display span{color:hsl(var(--primary) / .78)}:root:not(.dark) .lesson-piano-console-toggle,:root:not(.dark) .lesson-piano-console .lesson-piano-hardware-button,:root:not(.dark) .lesson-piano-console [data-lesson-ui=connect-midi],:root:not(.dark) .lesson-piano-range-button,:root:not(.dark) .lesson-piano-tempo-step{border-color:#1f232d24!important;color:#1f232dc7!important;background:linear-gradient(180deg,#fffffffa,#ffffffb8 24%),linear-gradient(180deg,#fff,#e8eaf0)!important;box-shadow:inset 0 1px #fff,inset 0 -2px 3px #1f232d17,0 0 0 1px #ffffff80,0 2px 4px #1f232d21!important}:root:not(.dark) .lesson-piano-console-toggle:hover,:root:not(.dark) .lesson-piano-console .lesson-piano-hardware-button:hover,:root:not(.dark) .lesson-piano-console [data-lesson-ui=connect-midi]:hover,:root:not(.dark) .lesson-piano-range-button:hover:not(:disabled),:root:not(.dark) .lesson-piano-tempo-step:hover{color:hsl(var(--primary))!important;background:linear-gradient(180deg,#fff,#f3efff)!important}:root:not(.dark) .lesson-piano-metronome-button:before,:root:not(.dark) .lesson-piano-console [data-lesson-ui=connect-midi]:before{background:#4247547a;box-shadow:none}:root:not(.dark) .lesson-piano-metronome-button.is-active{color:#1f232dd1!important}:root:not(.dark) .lesson-piano-metronome-button.is-active:before{background:hsl(var(--primary));box-shadow:0 0 10px hsl(var(--primary) / .58)}:root:not(.dark) .lesson-piano-console-brand-image{mix-blend-mode:multiply;filter:grayscale(1) brightness(.58) contrast(1.22) drop-shadow(0 1px 1px rgba(255,255,255,.85))}@media (prefers-reduced-motion: reduce){.\!dark .lesson-piano-console-brand-shimmer{animation:none!important}.dark .lesson-piano-console-brand-shimmer{animation:none}}:root:not(.dark) .lesson-footer-piano-frame{background:linear-gradient(180deg,#fff,#f4f5f8 48%,#e5e7ec);box-shadow:inset 1px 0 #fffffff5,inset -1px 0 #1f232d14,inset 0 -1px #1f232d1f,0 8px 22px #1f232d1f}:root:not(.dark) .lesson-piano-keybed:after{top:8px;background:linear-gradient(180deg,rgba(31,35,45,.14) 0%,rgba(31,35,45,.05) 42%,transparent 100%)}@keyframes lesson-piano-metronome-beat-light{0%,to{color:#1f232dc7;filter:drop-shadow(0 0 0 hsl(var(--primary) / 0));transform:scale(1)}36%{color:hsl(var(--primary));filter:drop-shadow(0 0 6px hsl(var(--primary) / .55));transform:scale(1.22)}}:root:not(.dark) .lesson-piano-metronome-button .is-beat{animation-name:lesson-piano-metronome-beat-light}.lesson--cardless .lesson-footer-piano-stage:not(:has(.lesson-piano-console)){padding-top:8px;padding-bottom:4px}@media (min-width: 768px){.lesson--cardless .lesson-footer-piano-frame{height:150px}}.lesson-footer-piano-frame .piano-key-white-seam:after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;pointer-events:none;z-index:5;background:#18181b47}.lesson-footer-piano-frame .piano-key-white-seam.pt-key-lit-noseam{z-index:6}.lesson-footer-piano-frame .piano-key-white-seam.pt-key-lit-noseam:after{display:block;width:1px;background:#2a1b4194}.\!dark .lesson-footer-piano-frame .piano-key-white-seam:after{width:1px!important;right:0!important;background:#18181b47!important}.dark .lesson-footer-piano-frame .piano-key-white-seam:after{width:1px;right:0;background:#18181b47}.lesson-footer-piano-frame .piano-key-white-seam:last-child:after{display:none}.lesson-footer-piano-frame .pt-footer-piano-key-hover{translate:0 0}.lesson-footer-piano-frame .pt-footer-piano-key-hover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .15s ease-out}.lesson-footer-piano-frame .pt-footer-piano-key-hover--white:before{background:linear-gradient(145deg,hsl(var(--primary) / .13),hsl(var(--primary) / .035) 42%,hsl(var(--primary) / .09));box-shadow:inset 0 0 0 1px hsl(var(--primary) / .32),inset 0 0 14px hsl(var(--primary) / .08)}.lesson-footer-piano-frame .pt-footer-piano-key-hover--black:before{top:1px;right:1px;bottom:1px;left:1px;background:linear-gradient(115deg,#ffffff2e,#ffffff09 28%,hsl(var(--primary) / .18));box-shadow:inset 0 0 0 1px hsl(var(--primary) / .42)}@media (hover: hover) and (pointer: fine){.lesson-footer-piano-frame .pt-footer-piano-key-hover:hover{translate:0 -2px}.lesson-footer-piano-frame .pt-footer-piano-key-hover--white:hover{filter:brightness(1.025) saturate(1.05) drop-shadow(0 0 6px hsl(var(--primary) / .22))}.lesson-footer-piano-frame .pt-footer-piano-key-hover--black:hover{filter:brightness(1.18) saturate(1.08) drop-shadow(0 0 7px hsl(var(--primary) / .28))}.lesson-footer-piano-frame .pt-footer-piano-key-hover:hover:before{opacity:1}}@media (prefers-reduced-motion: reduce){.lesson-footer-piano-frame .pt-footer-piano-key-hover{transition-duration:.01ms!important}.lesson-footer-piano-frame .pt-footer-piano-key-hover:before{transition-duration:.01ms}.lesson-footer-piano-frame .pt-footer-piano-key-hover:hover{translate:0 0}}.lesson-piano-ground-shadow{height:22px;width:90%;margin:-10px auto 0;background:radial-gradient(ellipse at 50% 0%,var(--piano-ground-shadow) 0%,transparent 72%);filter:blur(5px);pointer-events:none}@keyframes hintCaptionFadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:.85;transform:translateY(0)}}@media (max-width: 767px){.lesson-footer-piano-stage{padding:12px 10px 6px}.lesson-footer-piano-frame{height:140px;padding:0 0 6px}.lesson-piano-keybed:after,.dark .lesson-piano-keybed:after{display:none}{height:140px!important;padding:0 0 6px!important}.\!dark .lesson-piano-keybed:after{display:none!important}}@media (min-width: 768px) and (max-width: 1023px){.lesson-footer-piano-frame{height:182px}}.\!dark .lesson-card{--muted-foreground: 0 0% 100% !important}.dark .lesson-card{--muted-foreground: 0 0% 100%}.lesson-card-title{font-family:Inter Tight,Inter,system-ui,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.2;text-align:center;color:hsl(var(--foreground));padding-left:64px;padding-right:64px}.lesson-card-subtitle{font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1.5;text-align:center;color:hsl(var(--muted-foreground))}.lesson-card-subtitle strong{font-family:Inter,system-ui,sans-serif;font-weight:700;color:hsl(var(--foreground))}.lesson-row-text{font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:500;line-height:1.4;color:hsl(var(--foreground))}.lesson-row-text strong{font-family:Inter,system-ui,sans-serif;font-weight:700;color:hsl(var(--foreground))}.lesson-complete-title{font-family:var(--font-serif);font-size:32px;line-height:1.04;letter-spacing:-.025em;font-weight:600;color:hsl(var(--foreground));max-width:24ch;text-wrap:balance}@media (min-width: 640px){.lesson-complete-title{font-size:clamp(42px,4.2vw,56px)}}.lesson-card-microlabel{font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600;line-height:1.375;letter-spacing:.025em;text-transform:uppercase;color:hsl(var(--primary))}.lesson-card-microcaption{font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:400;line-height:1.375;color:hsl(var(--text-secondary));text-align:center}@media (min-width: 640px){.lesson-card-microlabel,.lesson-card-microcaption{font-size:13px}}.lesson-eyebrow{font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--muted-foreground))}.lesson-panel-text{font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1.5;color:hsl(var(--foreground));text-align:left}.lesson-panel-text strong{font-family:Inter,system-ui,sans-serif;font-weight:700;color:hsl(var(--foreground))}.lesson-panel-text--center{text-align:center}.lesson-step-dots{display:inline-flex;align-items:center;justify-content:center}@media (min-width: 768px) and (max-height: 860px){:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) .lesson-card>.flex.lesson-step-dots{margin-bottom:2px}}@media (min-width: 768px) and (max-height: 780px){.lesson-step-what-is-2nd>.w-full.flex.lesson-step-dots{margin-top:4px}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=staff-basics] .lesson-card[data-step-id=lines-spaces] .pt-stagger>.w-full.flex.lesson-step-dots,[data-lesson-id=treble-clef-notes] .lesson-card:is([data-step-id=lines],[data-step-id=two-clefs],[data-step-id=two-clefs-bass]) .pt-stagger>.w-full.flex.lesson-step-dots{margin-top:2px}.melodic-harmonic-concept-step>.w-full.flex.lesson-step-dots{margin-top:6px}.unison-octaves-concept-step>.w-full.flex.lesson-step-dots{margin-top:8px}.seconds-thirds-what-is-3rd-step>.w-full.flex.lesson-step-dots{margin-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.w-full.flex.lesson-step-dots{margin-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull-chords] .pt-stagger>.w-full.flex.lesson-step-dots{margin-top:4px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.w-full.flex.lesson-step-dots ul{gap:6px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.w-full.flex.lesson-step-dots li{padding-top:8px;padding-bottom:8px}.lesson-card[data-step-id=recap]:has(.what-is-key-recap-visual) .pt-stagger>.w-full.flex.lesson-step-dots{margin-top:24px}.lesson-card[data-step-id=build-melody] .pt-stagger>.w-full.flex.lesson-step-dots{margin-top:16px}.major-scale-transpose-step>.flex.flex-col.lesson-step-dots{gap:8px}.major-scale-transpose-step>.w-full.flex.lesson-step-dots{margin-top:12px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) .flex.flex-col.w-full.gap-4.lesson-step-dots{gap:8px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) :is(.w-full.max-w-md,.w-full.max-w-lg).flex.flex-col.lesson-step-dots{gap:4px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .w-full.max-w-lg.flex.flex-col.lesson-step-dots{gap:1px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .flex.flex-col.w-full.gap-4.lesson-step-dots{gap:6px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=dc-fine],[data-step-id=ds-coda])>div>.pt-stagger .w-full.max-w-lg>.flex.lesson-step-dots>.flex.flex-col{padding-top:2px;padding-bottom:2px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) button[aria-label="Watch the playing order"]>.flex.lesson-step-dots>svg{width:auto;height:72px}.lesson-card[data-step-id=hear-bluesy]>div>.pt-stagger>.w-full.flex.lesson-step-dots{margin-top:4px}.lesson-card:is([data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) .w-full.max-w-lg.flex.flex-col.lesson-step-dots{gap:6px}.lesson-card[data-step-id=fingering] .flex.flex-col.gap-4.lesson-step-dots.w-full{gap:2px}.lesson-card[data-step-id=swing-build] .w-full.max-w-md.flex.flex-col.lesson-step-dots{gap:3px}.lesson-card:is([data-step-id=lines],[data-step-id=spaces]) .w-full.max-w-lg.flex.flex-col.lesson-step-dots{gap:4px}.lesson-card[data-step-id=compare-all] .w-full.flex.lesson-step-dots:has(>.lesson-callout--boxed){margin-top:8px}.lesson-card[data-step-id=transpose-melody] .major-scale-transpose-step>.w-full.flex.lesson-step-dots{margin-top:5px}.lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]):has(.playing-scales-fingering-visual) .pt-stagger>.w-full.flex.lesson-step-dots{margin-top:8px}.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-map) .pt-stagger>.w-full.flex.lesson-step-dots{margin-top:20px}.lesson-card[data-step-id=make-melody]:has(.natural-minor-melody-maker) .pt-stagger>.w-full.flex.lesson-step-dots{margin-top:12px}.lesson-card[data-step-id=where-you-hear]:has(.build-major-where-you-hear-visual) .pt-stagger>.w-full.flex.lesson-step-dots,.lesson-card[data-step-id=why-accidentals]:has(.build-major-why-accidentals-visual) .pt-stagger>.w-full.flex.lesson-step-dots,.lesson-card[data-step-id=compare-three]:has(.playing-scales-compare-three-visual) .pt-stagger>.w-full.flex.lesson-step-dots,.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-visual) .pt-stagger>.w-full.flex.lesson-step-dots{margin-top:7px}.lesson-card[data-step-id=real-music-usage] .pt-stagger>.w-full.flex.lesson-step-dots{margin-top:12px}.lesson-card:has(.short-viewport-genre-grid)>div>.pt-stagger>.w-full.flex.lesson-step-dots,.lesson-card:has(.melodic-minor-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-step-dots,.lesson-card:has(.major-pentatonic-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-step-dots,.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-step-dots,.lesson-card:has(.intro-chords-vocab-visual)>div>.pt-stagger>.w-full.flex.lesson-step-dots{margin-top:4px}.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-step-dots{margin-top:12px}.chord-formulas-hook-visual>button>.flex.lesson-step-dots.gap-1>span.grid{height:20px;min-width:20px}.diatonic-shades-visual>.flex.flex-col.lesson-step-dots{gap:4px}.diatonic-shades-visual>.flex.flex-col.lesson-step-dots>button{padding-top:6px;padding-bottom:6px}.chords-recital-finale-visual>.flex.flex-col.lesson-step-dots{gap:5px}.chords-recital-finale-visual>.flex.flex-col.lesson-step-dots>.flex.items-center{gap:8px}.voice-leading-quiz-visual>.flex.lesson-step-dots.gap-1\.5>span{height:24px}}@media (max-width: 767px) and (max-height: 590px){.lesson-module-1 .lesson-card[data-step-id=mary-lamb] .flex.items-end.lesson-step-dots{flex-wrap:nowrap;gap:4px}.lesson-module-1 .lesson-card[data-step-id=mary-lamb] .flex.items-end.lesson-step-dots>div>div{width:36px;height:56px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.lesson-step-dots.justify-center.flex-wrap{flex-wrap:nowrap;gap:8px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.items-center.lesson-step-dots.flex-wrap{flex-wrap:nowrap;gap:8px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.lesson-step-dots.justify-center.flex-wrap>div{width:48px;height:48px;font-size:18px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.items-center.lesson-step-dots.flex-wrap>div{width:48px;height:48px;font-size:18px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.flex-col.lesson-step-dots{gap:8px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.lesson-step-dots.justify-center.flex-wrap,.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.items-center.lesson-step-dots.flex-wrap{flex-wrap:nowrap;gap:4px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.lesson-step-dots.justify-center.flex-wrap>div{width:36px;height:36px;font-size:15px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.items-center.lesson-step-dots.flex-wrap>div{width:36px;height:36px;font-size:15px}}@media (min-width: 768px) and (max-height: 851px){.lesson-card[data-step-id=method-3-circle] .pt-stagger>.w-full.flex.lesson-step-dots,.lesson-card[data-step-id=real-music-usage] .pt-stagger>.w-full.flex.lesson-step-dots,.lesson-card:has(.harmonic-minor-intro-visual) .pt-stagger>.w-full.flex.lesson-step-dots,.lesson-card:has(.harmonic-minor-genre-grid) .pt-stagger>.w-full.flex.lesson-step-dots,.lesson-card:has(.harmonic-minor-formula-visual) .pt-stagger>.w-full.flex.lesson-step-dots,.lesson-card:has(.melodic-minor-genre-grid) .pt-stagger>.w-full.flex.lesson-step-dots,.lesson-card[data-step-id=formula-smooth] .pt-stagger>.w-full.flex.lesson-step-dots{margin-top:2px}.harmonic-minor-intro-visual>.lesson-step-dots button{padding-top:4px;padding-bottom:4px}:is(.key-signatures-viewport-step[data-step-id=hook],.key-signatures-viewport-step[data-step-id=what-it-is],.middle-c-grand-staff-viewport-step[data-step-id=border-notes],.landmark-notes-viewport-step[data-step-id=anchors],.ledger-lines-viewport-step[data-step-id=hook],.ledger-lines-viewport-step[data-step-id=rungs],.reading-intervals-viewport-step[data-step-id=hook],.reading-scales-viewport-step[data-step-id=signature],.reading-scales-viewport-step[data-step-id=relative])>.w-full.flex.lesson-step-dots{margin-top:16px}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .pt-stagger>.w-full.flex.lesson-step-dots{margin-top:8px}:is([data-lesson-id=intro-to-chords],[data-lesson-id=fully-diminished7],[data-lesson-id=chord-inversion-practice]) .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-step-dots{gap:8px}}@media (min-width: 1024px) and (max-height: 780px){[data-lesson-module="4"] .lesson-card--bare>.flex.lesson-step-dots:first-child{margin-bottom:6px}[data-lesson-module="4"] .pt-stagger>.w-full.flex.lesson-step-dots .max-w-lg{max-width:48rem}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=roman-numerals] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-step-dots{gap:8px}[data-lesson-id=progression-tips] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-step-dots{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops]>.flex.lesson-step-dots{margin-bottom:4px}[data-lesson-id=what-is-progression] .lesson-card:is([data-step-id=hook],[data-step-id=loops],[data-step-id=ear-which-order],[data-step-id=quick-check])>.flex.lesson-step-dots{margin-bottom:8px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=hook] .max-w-lg.flex.flex-col.lesson-step-dots>.flex.flex-col.items-center{gap:12px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-step-dots{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=ear-which-order] .max-w-md.flex.flex-col.lesson-step-dots{gap:4px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .max-w-lg.flex.flex-col.lesson-step-dots{gap:12px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .key-shortcut-practice.max-w-lg.flex.flex-col.lesson-step-dots{gap:4px}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .pt-stagger>.w-full.flex.lesson-step-dots{margin-top:18px}[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .treble-lines-visual.w-full.max-w-lg.flex.flex-col.lesson-step-dots{gap:12px}}@media (min-width: 768px) and (max-height: 780px){:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.flex-col.lesson-step-dots{gap:8px}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-example-card>.flex.w-full.flex-col.lesson-step-dots{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=compare] .grid>button>.flex.w-full.flex-col.lesson-step-dots{zoom:.82}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.lesson-step-dots button{gap:8px;padding-block:10px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.justify-center button>.flex.flex-col.lesson-step-dots{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.lesson-step-dots button>.flex.flex-col.items-center{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}}@media (min-width: 1200px) and (max-width: 1300px) and (min-height: 800px) and (max-height: 830px){[data-lesson-id=naming-whites] .lesson-card:is([data-step-id=finding-c],[data-step-id=alphabet]) .pt-stagger>:is(.w-full.flex.lesson-step-dots,.w-full.max-w-lg.mx-auto){margin-top:40px}}@media (min-width: 768px) and (max-height: 780px){[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=recap] .pt-stagger>.w-full.flex.lesson-step-dots{margin-top:4px}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=enharmonics] .pt-stagger>.w-full.flex.lesson-step-dots{gap:4px;margin-top:3px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=what-you-can-do] .pt-stagger>.w-full.flex.lesson-step-dots{margin-top:4px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=build-melody] .pt-stagger>.w-full.flex.lesson-step-dots{margin-top:3px}[data-lesson-id=major-scale-practice] .lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]) .pt-stagger>.w-full.flex.lesson-step-dots{margin-top:3px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.w-full.flex.lesson-step-dots{margin-top:2px}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.lesson-step-dots:first-child{padding-block:2px}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.lesson-step-dots:first-child>span:first-child{width:24px;height:24px}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=method-1-demo] .pt-stagger>.w-full.flex.lesson-step-dots>*{max-width:40rem;gap:4px}[data-lesson-id=melodic-minor] .melodic-minor-hook-visual>.lesson-step-dots button{padding-block:4px}[data-lesson-id=minor-pentatonic] .lesson-card[data-step-id=where] .pt-stagger>.w-full.flex.lesson-step-dots{margin-top:4px}}.lesson-step-dots{gap:6px;font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:600;color:hsl(var(--muted-foreground));letter-spacing:.04em}.lesson-step-dots-dot{display:inline-block;border-radius:9999px}@media (max-width: 767px) and (max-height: 590px){.lesson-module-1 .hearing-pitch-card>.lesson-step-dots-dot{display:none}}@media (min-width: 768px) and (max-height: 780px){[data-lesson-id=hearing-the-notes] .lesson-card[data-step-id=concept] .hearing-pitch-card>.lesson-step-dots-dot{display:none}}.lesson-step-dots-dot{width:7px;height:7px;background:hsl(var(--muted-foreground) / .45);transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.lesson-step-dots-dot.is-completed{background:hsl(var(--primary))}.lesson-step-dots-dot.is-active{background:hsl(var(--primary));transform:scale(1.18);box-shadow:0 0 0 3px hsl(var(--primary) / .18);animation:stepDotPulse 2.5s ease-in-out infinite}@keyframes stepDotPulse{0%,to{box-shadow:0 0 0 3px hsl(var(--primary) / .18)}50%{box-shadow:0 0 0 5px hsl(var(--primary) / .1)}}.lesson-step-dots-label{font-family:Space Grotesk,system-ui,sans-serif;font-size:11px;font-weight:600;color:hsl(var(--muted-foreground));margin-left:4px}.lesson-interval-pill{display:inline-flex;align-items:center;justify-content:center}@media (min-width: 768px) and (max-height: 860px){:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) .lesson-card>.flex.lesson-interval-pill{margin-bottom:2px}}@media (min-width: 768px) and (max-height: 780px){.lesson-step-what-is-2nd>.w-full.flex.lesson-interval-pill{margin-top:4px}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=staff-basics] .lesson-card[data-step-id=lines-spaces] .pt-stagger>.w-full.flex.lesson-interval-pill,[data-lesson-id=treble-clef-notes] .lesson-card:is([data-step-id=lines],[data-step-id=two-clefs],[data-step-id=two-clefs-bass]) .pt-stagger>.w-full.flex.lesson-interval-pill{margin-top:2px}.melodic-harmonic-concept-step>.w-full.flex.lesson-interval-pill{margin-top:6px}.unison-octaves-concept-step>.w-full.flex.lesson-interval-pill{margin-top:8px}.seconds-thirds-what-is-3rd-step>.w-full.flex.lesson-interval-pill{margin-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.w-full.flex.lesson-interval-pill{margin-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull-chords] .pt-stagger>.w-full.flex.lesson-interval-pill{margin-top:4px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.w-full.flex.lesson-interval-pill ul{gap:6px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.w-full.flex.lesson-interval-pill li{padding-top:8px;padding-bottom:8px}.lesson-card[data-step-id=recap]:has(.what-is-key-recap-visual) .pt-stagger>.w-full.flex.lesson-interval-pill{margin-top:24px}.lesson-card[data-step-id=build-melody] .pt-stagger>.w-full.flex.lesson-interval-pill{margin-top:16px}.major-scale-transpose-step>.flex.flex-col.lesson-interval-pill{gap:8px}.major-scale-transpose-step>.w-full.flex.lesson-interval-pill{margin-top:12px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) .flex.flex-col.w-full.gap-4.lesson-interval-pill{gap:8px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) :is(.w-full.max-w-md,.w-full.max-w-lg).flex.flex-col.lesson-interval-pill{gap:4px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .w-full.max-w-lg.flex.flex-col.lesson-interval-pill{gap:1px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .flex.flex-col.w-full.gap-4.lesson-interval-pill{gap:6px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=dc-fine],[data-step-id=ds-coda])>div>.pt-stagger .w-full.max-w-lg>.flex.lesson-interval-pill>.flex.flex-col{padding-top:2px;padding-bottom:2px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) button[aria-label="Watch the playing order"]>.flex.lesson-interval-pill>svg{width:auto;height:72px}.lesson-card[data-step-id=hear-bluesy]>div>.pt-stagger>.w-full.flex.lesson-interval-pill{margin-top:4px}.lesson-card:is([data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) .w-full.max-w-lg.flex.flex-col.lesson-interval-pill{gap:6px}.lesson-card[data-step-id=fingering] .flex.flex-col.gap-4.lesson-interval-pill.w-full{gap:2px}.lesson-card[data-step-id=swing-build] .w-full.max-w-md.flex.flex-col.lesson-interval-pill{gap:3px}.lesson-card:is([data-step-id=lines],[data-step-id=spaces]) .w-full.max-w-lg.flex.flex-col.lesson-interval-pill{gap:4px}.lesson-card[data-step-id=compare-all] .w-full.flex.lesson-interval-pill:has(>.lesson-callout--boxed){margin-top:8px}.lesson-card[data-step-id=transpose-melody] .major-scale-transpose-step>.w-full.flex.lesson-interval-pill{margin-top:5px}.lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]):has(.playing-scales-fingering-visual) .pt-stagger>.w-full.flex.lesson-interval-pill{margin-top:8px}.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-map) .pt-stagger>.w-full.flex.lesson-interval-pill{margin-top:20px}.lesson-card[data-step-id=make-melody]:has(.natural-minor-melody-maker) .pt-stagger>.w-full.flex.lesson-interval-pill{margin-top:12px}.lesson-card[data-step-id=where-you-hear]:has(.build-major-where-you-hear-visual) .pt-stagger>.w-full.flex.lesson-interval-pill,.lesson-card[data-step-id=why-accidentals]:has(.build-major-why-accidentals-visual) .pt-stagger>.w-full.flex.lesson-interval-pill,.lesson-card[data-step-id=compare-three]:has(.playing-scales-compare-three-visual) .pt-stagger>.w-full.flex.lesson-interval-pill,.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-visual) .pt-stagger>.w-full.flex.lesson-interval-pill{margin-top:7px}.lesson-card[data-step-id=real-music-usage] .pt-stagger>.w-full.flex.lesson-interval-pill{margin-top:12px}.lesson-card:has(.short-viewport-genre-grid)>div>.pt-stagger>.w-full.flex.lesson-interval-pill,.lesson-card:has(.melodic-minor-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-interval-pill,.lesson-card:has(.major-pentatonic-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-interval-pill,.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-interval-pill,.lesson-card:has(.intro-chords-vocab-visual)>div>.pt-stagger>.w-full.flex.lesson-interval-pill{margin-top:4px}.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-interval-pill{margin-top:12px}.chord-formulas-hook-visual>button>.flex.lesson-interval-pill.gap-1>span.grid{height:20px;min-width:20px}.diatonic-shades-visual>.flex.flex-col.lesson-interval-pill{gap:4px}.diatonic-shades-visual>.flex.flex-col.lesson-interval-pill>button{padding-top:6px;padding-bottom:6px}.chords-recital-finale-visual>.flex.flex-col.lesson-interval-pill{gap:5px}.chords-recital-finale-visual>.flex.flex-col.lesson-interval-pill>.flex.items-center{gap:8px}.voice-leading-quiz-visual>.flex.lesson-interval-pill.gap-1\.5>span{height:24px}}@media (max-width: 767px) and (max-height: 590px){.lesson-module-1 .lesson-card[data-step-id=mary-lamb] .flex.items-end.lesson-interval-pill{flex-wrap:nowrap;gap:4px}.lesson-module-1 .lesson-card[data-step-id=mary-lamb] .flex.items-end.lesson-interval-pill>div>div{width:36px;height:56px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.lesson-interval-pill.justify-center.flex-wrap{flex-wrap:nowrap;gap:8px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.items-center.lesson-interval-pill.flex-wrap{flex-wrap:nowrap;gap:8px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.lesson-interval-pill.justify-center.flex-wrap>div{width:48px;height:48px;font-size:18px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.items-center.lesson-interval-pill.flex-wrap>div{width:48px;height:48px;font-size:18px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.flex-col.lesson-interval-pill{gap:8px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.lesson-interval-pill.justify-center.flex-wrap,.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.items-center.lesson-interval-pill.flex-wrap{flex-wrap:nowrap;gap:4px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.lesson-interval-pill.justify-center.flex-wrap>div{width:36px;height:36px;font-size:15px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.items-center.lesson-interval-pill.flex-wrap>div{width:36px;height:36px;font-size:15px}}@media (min-width: 768px) and (max-height: 851px){.lesson-card[data-step-id=method-3-circle] .pt-stagger>.w-full.flex.lesson-interval-pill,.lesson-card[data-step-id=real-music-usage] .pt-stagger>.w-full.flex.lesson-interval-pill,.lesson-card:has(.harmonic-minor-intro-visual) .pt-stagger>.w-full.flex.lesson-interval-pill,.lesson-card:has(.harmonic-minor-genre-grid) .pt-stagger>.w-full.flex.lesson-interval-pill,.lesson-card:has(.harmonic-minor-formula-visual) .pt-stagger>.w-full.flex.lesson-interval-pill,.lesson-card:has(.melodic-minor-genre-grid) .pt-stagger>.w-full.flex.lesson-interval-pill,.lesson-card[data-step-id=formula-smooth] .pt-stagger>.w-full.flex.lesson-interval-pill{margin-top:2px}.harmonic-minor-intro-visual>.lesson-interval-pill button{padding-top:4px;padding-bottom:4px}:is(.key-signatures-viewport-step[data-step-id=hook],.key-signatures-viewport-step[data-step-id=what-it-is],.middle-c-grand-staff-viewport-step[data-step-id=border-notes],.landmark-notes-viewport-step[data-step-id=anchors],.ledger-lines-viewport-step[data-step-id=hook],.ledger-lines-viewport-step[data-step-id=rungs],.reading-intervals-viewport-step[data-step-id=hook],.reading-scales-viewport-step[data-step-id=signature],.reading-scales-viewport-step[data-step-id=relative])>.w-full.flex.lesson-interval-pill{margin-top:16px}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .pt-stagger>.w-full.flex.lesson-interval-pill{margin-top:8px}:is([data-lesson-id=intro-to-chords],[data-lesson-id=fully-diminished7],[data-lesson-id=chord-inversion-practice]) .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-interval-pill{gap:8px}}@media (min-width: 1024px) and (max-height: 780px){[data-lesson-module="4"] .lesson-card--bare>.flex.lesson-interval-pill:first-child{margin-bottom:6px}[data-lesson-module="4"] .pt-stagger>.w-full.flex.lesson-interval-pill .max-w-lg{max-width:48rem}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=roman-numerals] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-interval-pill{gap:8px}[data-lesson-id=progression-tips] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-interval-pill{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops]>.flex.lesson-interval-pill{margin-bottom:4px}[data-lesson-id=what-is-progression] .lesson-card:is([data-step-id=hook],[data-step-id=loops],[data-step-id=ear-which-order],[data-step-id=quick-check])>.flex.lesson-interval-pill{margin-bottom:8px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=hook] .max-w-lg.flex.flex-col.lesson-interval-pill>.flex.flex-col.items-center{gap:12px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-interval-pill{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=ear-which-order] .max-w-md.flex.flex-col.lesson-interval-pill{gap:4px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .max-w-lg.flex.flex-col.lesson-interval-pill{gap:12px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .key-shortcut-practice.max-w-lg.flex.flex-col.lesson-interval-pill{gap:4px}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .pt-stagger>.w-full.flex.lesson-interval-pill{margin-top:18px}[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .treble-lines-visual.w-full.max-w-lg.flex.flex-col.lesson-interval-pill{gap:12px}}@media (min-width: 768px) and (max-height: 780px){:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.flex-col.lesson-interval-pill{gap:8px}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-example-card>.flex.w-full.flex-col.lesson-interval-pill{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=compare] .grid>button>.flex.w-full.flex-col.lesson-interval-pill{zoom:.82}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.lesson-interval-pill button{gap:8px;padding-block:10px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.justify-center button>.flex.flex-col.lesson-interval-pill{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.lesson-interval-pill button>.flex.flex-col.items-center{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}}@media (min-width: 1200px) and (max-width: 1300px) and (min-height: 800px) and (max-height: 830px){[data-lesson-id=naming-whites] .lesson-card:is([data-step-id=finding-c],[data-step-id=alphabet]) .pt-stagger>:is(.w-full.flex.lesson-interval-pill,.w-full.max-w-lg.mx-auto){margin-top:40px}}@media (min-width: 768px) and (max-height: 780px){[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=recap] .pt-stagger>.w-full.flex.lesson-interval-pill{margin-top:4px}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=enharmonics] .pt-stagger>.w-full.flex.lesson-interval-pill{gap:4px;margin-top:3px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=what-you-can-do] .pt-stagger>.w-full.flex.lesson-interval-pill{margin-top:4px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=build-melody] .pt-stagger>.w-full.flex.lesson-interval-pill{margin-top:3px}[data-lesson-id=major-scale-practice] .lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]) .pt-stagger>.w-full.flex.lesson-interval-pill{margin-top:3px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.w-full.flex.lesson-interval-pill{margin-top:2px}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.lesson-interval-pill:first-child{padding-block:2px}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.lesson-interval-pill:first-child>span:first-child{width:24px;height:24px}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=method-1-demo] .pt-stagger>.w-full.flex.lesson-interval-pill>*{max-width:40rem;gap:4px}[data-lesson-id=melodic-minor] .melodic-minor-hook-visual>.lesson-interval-pill button{padding-block:4px}[data-lesson-id=minor-pentatonic] .lesson-card[data-step-id=where] .pt-stagger>.w-full.flex.lesson-interval-pill{margin-top:4px}}.lesson-interval-pill{width:44px;padding:4px 12px;border-radius:6px;background:hsl(var(--card));border:1px solid hsl(var(--border));color:hsl(var(--foreground));font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:500;line-height:1.2}.lesson-answer-divider{display:flex;width:100%;align-items:center}@media (min-width: 768px) and (max-height: 860px){:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) .lesson-card>.lesson-answer-divider.justify-center{margin-bottom:2px}:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) .lesson-card[data-step-id=labeling-drill] .pt-stagger>.lesson-answer-divider.flex-wrap button{width:48px;height:64px}[data-lesson-id=scale-degrees-explained] .lesson-card:is([data-step-id=degree-1],[data-step-id=degree-2],[data-step-id=degree-3],[data-step-id=degree-4],[data-step-id=degree-5],[data-step-id=degree-6],[data-step-id=degree-7]) [data-degree-interaction]>.lesson-answer-divider.flex-col{gap:0}}@media (min-width: 768px) and (max-height: 780px){.lesson-step-what-is-2nd>.lesson-answer-divider.flex.justify-center{margin-top:4px}.lesson-step-what-is-2nd>.w-full.lesson-answer-divider.justify-center{margin-top:4px}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=staff-basics] .lesson-card[data-step-id=lines-spaces] .pt-stagger>.lesson-answer-divider.flex.justify-center,[data-lesson-id=treble-clef-notes] .lesson-card:is([data-step-id=lines],[data-step-id=two-clefs],[data-step-id=two-clefs-bass]) .pt-stagger>.lesson-answer-divider.flex.justify-center{margin-top:2px}[data-lesson-id=staff-basics] .lesson-card[data-step-id=lines-spaces] .pt-stagger>.w-full.lesson-answer-divider.justify-center,[data-lesson-id=treble-clef-notes] .lesson-card:is([data-step-id=lines],[data-step-id=two-clefs],[data-step-id=two-clefs-bass]) .pt-stagger>.w-full.lesson-answer-divider.justify-center{margin-top:2px}.melodic-harmonic-concept-step>.lesson-answer-divider.flex.justify-center{margin-top:6px}.melodic-harmonic-concept-step>.w-full.lesson-answer-divider.justify-center{margin-top:6px}.unison-octaves-concept-step>.lesson-answer-divider.flex.justify-center{margin-top:8px}.unison-octaves-concept-step>.w-full.lesson-answer-divider.justify-center{margin-top:8px}.unison-octaves-concept-step>.lesson-answer-divider.mx-auto.max-w-md{margin-top:12px}.seconds-thirds-what-is-3rd-step>.lesson-answer-divider.flex.justify-center{margin-top:8px}.seconds-thirds-what-is-3rd-step>.w-full.lesson-answer-divider.justify-center{margin-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.lesson-answer-divider.flex.justify-center{margin-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.w-full.lesson-answer-divider.justify-center{margin-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.lesson-answer-divider.mx-auto.max-w-md{margin-top:12px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull-chords] .pt-stagger>.lesson-answer-divider.flex.justify-center{margin-top:4px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull-chords] .pt-stagger>.w-full.lesson-answer-divider.justify-center{margin-top:4px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull-chords] .pt-stagger>.lesson-answer-divider.mx-auto.max-w-md{margin-top:4px}.what-is-key-chord-pull-visual>.lesson-answer-divider.rounded-3xl>.flex.items-stretch svg.w-full{height:auto}.what-is-key-chord-pull-visual>.w-full.rounded-3xl>.lesson-answer-divider.items-stretch svg.w-full{height:auto}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.lesson-answer-divider.flex.justify-center ul{gap:6px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.w-full.lesson-answer-divider.justify-center ul{gap:6px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.lesson-answer-divider.flex.justify-center li{padding-top:8px;padding-bottom:8px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.w-full.lesson-answer-divider.justify-center li{padding-top:8px;padding-bottom:8px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.lesson-answer-divider.mx-auto.max-w-md{margin-top:12px}.what-is-key-chord-pull-visual>.lesson-answer-divider.rounded-3xl{padding-top:2px;padding-bottom:2px}.lesson-card[data-step-id=recap]:has(.what-is-key-recap-visual) .pt-stagger>.lesson-answer-divider.flex.justify-center{margin-top:24px}.lesson-card[data-step-id=recap]:has(.what-is-key-recap-visual) .pt-stagger>.w-full.lesson-answer-divider.justify-center{margin-top:24px}.lesson-card[data-step-id=why-eb] .pt-stagger>.lesson-answer-divider.mx-auto.max-w-md{margin-top:30px}.lesson-card[data-step-id=build-melody] .pt-stagger>.lesson-answer-divider.flex.justify-center{margin-top:16px}.lesson-card[data-step-id=build-melody] .pt-stagger>.w-full.lesson-answer-divider.justify-center{margin-top:16px}.lesson-card[data-step-id=build-melody] .pt-stagger>.lesson-answer-divider.mx-auto.max-w-md:empty{display:none}.lesson-card[data-step-id=build-melody] .lesson-answer-divider.max-w-xl>div:first-child button{height:22px}.major-scale-transpose-step>.lesson-answer-divider.flex-col.items-center{gap:8px}.major-scale-transpose-step>.flex.flex-col.lesson-answer-divider{gap:8px}.major-scale-transpose-step>.lesson-answer-divider.flex.justify-center{margin-top:12px}.major-scale-transpose-step>.w-full.lesson-answer-divider.justify-center{margin-top:12px}.major-scale-transpose-visual>.lesson-answer-divider.max-w-xl{gap:4px}.major-scale-transpose-visual>.lesson-answer-divider.max-w-xl>.w-full.rounded-2xl{padding:4px}.major-scale-transpose-visual>.lesson-answer-divider.max-w-xl>.w-full.rounded-2xl>.relative.flex.flex-col{gap:2px}.major-scale-transpose-visual>.w-full.max-w-xl>.w-full.rounded-2xl>.relative.lesson-answer-divider.flex-col{gap:2px}.major-scale-transpose-visual>.lesson-answer-divider.max-w-xl>.w-full.rounded-2xl button{height:16px}.major-scale-transpose-step>.lesson-answer-divider.mx-auto.max-w-md{margin-top:4px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) .flex.flex-col.lesson-answer-divider.gap-4.items-center{gap:8px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) .lesson-answer-divider.flex-col.w-full.gap-4.items-center{gap:8px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) .flex.flex-col.w-full.gap-4.lesson-answer-divider{gap:8px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) :is(.lesson-answer-divider.max-w-md,.w-full.max-w-lg).flex.flex-col.items-center{gap:4px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) :is(.w-full.max-w-md,.w-full.max-w-lg).lesson-answer-divider.flex-col.items-center{gap:4px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) :is(.w-full.max-w-md,.w-full.max-w-lg).flex.flex-col.lesson-answer-divider{gap:4px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .lesson-answer-divider.max-w-lg.flex.flex-col.items-center{gap:1px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .w-full.max-w-lg.lesson-answer-divider.flex-col.items-center{gap:1px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .w-full.max-w-lg.flex.flex-col.lesson-answer-divider{gap:1px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .flex.flex-col.lesson-answer-divider.gap-4.items-center{gap:6px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .lesson-answer-divider.flex-col.w-full.gap-4.items-center{gap:6px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .flex.flex-col.w-full.gap-4.lesson-answer-divider{gap:6px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=dc-fine],[data-step-id=ds-coda])>div>.pt-stagger .lesson-answer-divider.max-w-lg>.flex.items-center>.flex.flex-col{padding-top:2px;padding-bottom:2px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=dc-fine],[data-step-id=ds-coda])>div>.pt-stagger .w-full.max-w-lg>.lesson-answer-divider.items-center>.flex.flex-col{padding-top:2px;padding-bottom:2px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=dc-fine],[data-step-id=ds-coda])>div>.pt-stagger .w-full.max-w-lg>.flex.lesson-answer-divider>.flex.flex-col{padding-top:2px;padding-bottom:2px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) button[aria-label="Watch the playing order"]>.lesson-answer-divider.justify-center>svg{width:auto;height:72px}.lesson-card[data-step-id=hear-bluesy]>div>.pt-stagger>.lesson-answer-divider.flex.justify-center{margin-top:4px}.lesson-card[data-step-id=hear-bluesy]>div>.pt-stagger>.w-full.lesson-answer-divider.justify-center{margin-top:4px}.lesson-card:is([data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) .lesson-answer-divider.max-w-lg.flex.flex-col.items-center{gap:6px}.lesson-card:is([data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) .w-full.max-w-lg.lesson-answer-divider.flex-col.items-center{gap:6px}.lesson-card:is([data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) .w-full.max-w-lg.flex.flex-col.lesson-answer-divider{gap:6px}.lesson-card[data-step-id=fingerprint] .lesson-answer-divider.max-w-md.mx-auto.py-1>svg{width:auto;height:160px}.lesson-card[data-step-id=inversion] .lesson-answer-divider.max-w-md [class*="[&_svg]:h-[104px]"] svg{width:auto;height:80px}.lesson-card[data-step-id=quick-check]:has([aria-label="Hear the first fifths"]) .lesson-answer-divider.max-w-md.flex.flex-col{gap:6px}.lesson-card[data-step-id=quick-check]:has([aria-label="Hear the first fifths"]) .w-full.max-w-md.lesson-answer-divider.flex-col{gap:6px}.lesson-card[data-step-id=fingering] .flex.flex-col.gap-4.items-center.lesson-answer-divider,.lesson-card[data-step-id=fingering] .lesson-answer-divider.flex-col.gap-4.items-center.w-full,.lesson-card[data-step-id=fingering] .flex.flex-col.gap-4.lesson-answer-divider.w-full{gap:2px}.lesson-card[data-step-id=swing-build] .lesson-answer-divider.max-w-md.flex.flex-col.items-center,.lesson-card[data-step-id=swing-build] .w-full.max-w-md.lesson-answer-divider.flex-col.items-center,.lesson-card[data-step-id=swing-build] .w-full.max-w-md.flex.flex-col.lesson-answer-divider{gap:3px}.lesson-card:is([data-step-id=lines],[data-step-id=spaces]) .lesson-answer-divider.max-w-lg.flex.flex-col.items-center{gap:4px}.lesson-card:is([data-step-id=lines],[data-step-id=spaces]) .w-full.max-w-lg.lesson-answer-divider.flex-col.items-center{gap:4px}.lesson-card:is([data-step-id=lines],[data-step-id=spaces]) .w-full.max-w-lg.flex.flex-col.lesson-answer-divider{gap:4px}.lesson-card[data-step-id=compare-all] .lesson-answer-divider.flex.justify-center:has(>.lesson-callout--boxed){margin-top:8px}.lesson-card[data-step-id=compare-all] .w-full.lesson-answer-divider.justify-center:has(>.lesson-callout--boxed){margin-top:8px}.middle-c-hinge-visual>.lesson-answer-divider.max-w-md{max-width:385px}.staff-basics-ladder-visual [class*="[&_svg]:h-[188px]"]>.lesson-answer-divider.max-w-md{padding-top:4px;padding-bottom:4px}.major-scale-zoo-visual>.lesson-answer-divider.flex-col{gap:3px}.lesson-card[data-step-id=transpose-melody] .major-scale-transpose-step>.lesson-answer-divider.flex.justify-center{margin-top:5px}.lesson-card[data-step-id=transpose-melody] .major-scale-transpose-step>.w-full.lesson-answer-divider.justify-center{margin-top:5px}.lesson-card[data-step-id=spine] .scale-degree-spine>.lesson-answer-divider.flex-wrap{gap:4px 10px}.lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]):has(.playing-scales-fingering-visual) .pt-stagger>.lesson-answer-divider.flex.justify-center{margin-top:8px}.lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]):has(.playing-scales-fingering-visual) .pt-stagger>.w-full.lesson-answer-divider.justify-center{margin-top:8px}.playing-scales-fingering-visual>.lesson-answer-divider.py-2{padding-top:2px;padding-bottom:2px}.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-map) .pt-stagger>.lesson-answer-divider.flex.justify-center{margin-top:20px}.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-map) .pt-stagger>.w-full.lesson-answer-divider.justify-center{margin-top:20px}.lesson-card[data-step-id=make-melody]:has(.natural-minor-melody-maker) .pt-stagger>.lesson-answer-divider.flex.justify-center{margin-top:12px}.lesson-card[data-step-id=make-melody]:has(.natural-minor-melody-maker) .pt-stagger>.w-full.lesson-answer-divider.justify-center{margin-top:12px}.natural-minor-melody-maker .lesson-step-sequencer>.lesson-answer-divider.rounded-2xl{padding-top:6px;padding-bottom:6px}.lesson-card[data-step-id=where-you-hear]:has(.build-major-where-you-hear-visual) .pt-stagger>.lesson-answer-divider.flex.justify-center,.lesson-card[data-step-id=why-accidentals]:has(.build-major-why-accidentals-visual) .pt-stagger>.lesson-answer-divider.flex.justify-center,.lesson-card[data-step-id=compare-three]:has(.playing-scales-compare-three-visual) .pt-stagger>.lesson-answer-divider.flex.justify-center,.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-visual) .pt-stagger>.lesson-answer-divider.flex.justify-center{margin-top:7px}.lesson-card[data-step-id=where-you-hear]:has(.build-major-where-you-hear-visual) .pt-stagger>.w-full.lesson-answer-divider.justify-center,.lesson-card[data-step-id=why-accidentals]:has(.build-major-why-accidentals-visual) .pt-stagger>.w-full.lesson-answer-divider.justify-center,.lesson-card[data-step-id=compare-three]:has(.playing-scales-compare-three-visual) .pt-stagger>.w-full.lesson-answer-divider.justify-center,.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-visual) .pt-stagger>.w-full.lesson-answer-divider.justify-center{margin-top:7px}.build-major-where-you-hear-visual>.lesson-answer-divider.rounded-3xl{gap:6px;padding-top:8px;padding-bottom:8px}.lesson-card[data-step-id=real-music-usage] .pt-stagger>.lesson-answer-divider.flex.justify-center{margin-top:12px}.lesson-card[data-step-id=real-music-usage] .pt-stagger>.w-full.lesson-answer-divider.justify-center{margin-top:12px}.lesson-card:has(.short-viewport-genre-grid)>div>.pt-stagger>.lesson-answer-divider.flex.justify-center,.lesson-card:has(.melodic-minor-formula-visual)>div>.pt-stagger>.lesson-answer-divider.flex.justify-center,.lesson-card:has(.major-pentatonic-formula-visual)>div>.pt-stagger>.lesson-answer-divider.flex.justify-center,.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.lesson-answer-divider.flex.justify-center,.lesson-card:has(.intro-chords-vocab-visual)>div>.pt-stagger>.lesson-answer-divider.flex.justify-center{margin-top:4px}.lesson-card:has(.short-viewport-genre-grid)>div>.pt-stagger>.w-full.lesson-answer-divider.justify-center,.lesson-card:has(.melodic-minor-formula-visual)>div>.pt-stagger>.w-full.lesson-answer-divider.justify-center,.lesson-card:has(.major-pentatonic-formula-visual)>div>.pt-stagger>.w-full.lesson-answer-divider.justify-center,.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.w-full.lesson-answer-divider.justify-center,.lesson-card:has(.intro-chords-vocab-visual)>div>.pt-stagger>.w-full.lesson-answer-divider.justify-center{margin-top:4px}.short-viewport-genre-grid>div[role=button]>.lesson-answer-divider:first-child>.w-7.h-7{width:24px;height:24px}.short-viewport-genre-grid>div[role=button]>.lesson-answer-divider.flex-wrap span{min-width:20px;height:20px;padding-left:4px;padding-right:4px}.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.lesson-answer-divider.flex.justify-center{margin-top:12px}.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.w-full.lesson-answer-divider.justify-center{margin-top:12px}.intro-chords-vocab-visual>.lesson-answer-divider.max-w-md>button{gap:8px;padding-top:10px;padding-bottom:10px}.chord-construction-seventh-visual>.lesson-answer-divider.max-w-md>button,.shifting-odd-one-visual>.lesson-answer-divider.max-w-md>button,.chord-formulas-no-scale-visual>.lesson-answer-divider.max-w-md>button,.triads-drop-lab-visual>.lesson-answer-divider.max-w-md>button{gap:7px;padding-top:9px;padding-bottom:9px}.chord-construction-seventh-visual>.lesson-answer-divider.max-w-md>button{padding-top:5px;padding-bottom:5px}.chord-formulas-hook-visual>button>.lesson-answer-divider.items-center.gap-1>span.grid{height:20px;min-width:20px}.chord-formulas-hook-visual>button>.flex.lesson-answer-divider.gap-1>span.grid{height:20px;min-width:20px}.triads-family-map-visual>.lesson-answer-divider.flex.flex-col{gap:4px}.triads-family-map-visual>.w-full.lesson-answer-divider.flex-col{gap:4px}.triads-family-map-visual>.lesson-answer-divider.flex.flex-col>button{gap:8px;padding-top:6px;padding-bottom:6px}.triads-family-map-visual>.w-full.lesson-answer-divider.flex-col>button{gap:8px;padding-top:6px;padding-bottom:6px}.triads-family-map-visual>.lesson-answer-divider.flex.flex-col>button>span:first-child{height:36px}.triads-family-map-visual>.w-full.lesson-answer-divider.flex-col>button>span:first-child{height:36px}.power-chords-physics-visual>.lesson-answer-divider.max-w-md>button,.slash-chords-anatomy-visual>.lesson-answer-divider.max-w-md>button{gap:7px;padding-top:9px;padding-bottom:9px}.add-chords-counting-visual>.lesson-answer-divider>button{padding-top:6px;padding-bottom:6px}.slash-chords-anatomy-visual>.lesson-answer-divider:first-child{transform:scale(.9);transform-origin:center;margin-top:-2px;margin-bottom:-2px}.slash-chords-staircase-visual>.lesson-answer-divider:first-child{gap:6px}.slash-chords-staircase-visual>.lesson-answer-divider:first-child>button{padding-top:8px;padding-bottom:8px}.chord-inversions-why-visual>.lesson-answer-divider.max-w-md>button{gap:7px;padding-top:10px;padding-bottom:10px}.chord-inversions-why-visual>.lesson-answer-divider.max-w-md>button .h-12.w-16{width:56px;height:42px}.chord-voicings-dials-visual>.lesson-answer-divider:first-child{gap:6px}.chord-voicings-dials-visual>.lesson-answer-divider:first-child>button{padding-top:7px;padding-bottom:7px}.chord-voicings-suits-visual>.lesson-answer-divider:first-child>button{padding-top:6px;padding-bottom:6px}.chord-voicings-gm-visual>.lesson-answer-divider:first-child>button{padding-top:8px;padding-bottom:8px}.chord-function-context-visual>.lesson-answer-divider.max-w-md>button{--piano-incard-white-key-height: 60px;--piano-incard-black-key-height: 40px;gap:7px;padding-top:10px;padding-bottom:10px}.what-is-progression-loops-visual>.lesson-answer-divider.max-w-lg>.flex:first-child{padding-top:5px;padding-bottom:5px}.what-is-progression-loops-visual>.w-full.max-w-lg>.lesson-answer-divider:first-child{padding-top:5px;padding-bottom:5px}.what-is-progression-loops-visual>.lesson-answer-divider.max-w-lg>.flex:nth-child(2) span{padding-top:2px;padding-bottom:2px}.what-is-progression-loops-visual>.w-full.max-w-lg>.lesson-answer-divider:nth-child(2) span{padding-top:2px;padding-bottom:2px}.diatonic-shades-visual>.lesson-answer-divider:first-child{padding:2px}.diatonic-shades-visual>.lesson-answer-divider:first-child button{padding-top:4px;padding-bottom:4px}.diatonic-shades-visual>.lesson-answer-divider.flex-col.items-center{gap:4px}.diatonic-shades-visual>.flex.flex-col.lesson-answer-divider{gap:4px}.diatonic-shades-visual>.lesson-answer-divider.flex-col.items-center>button{padding-top:6px;padding-bottom:6px}.diatonic-shades-visual>.flex.flex-col.lesson-answer-divider>button{padding-top:6px;padding-bottom:6px}.chords-recital-finale-visual>.lesson-answer-divider.flex-col.items-center{gap:5px}.chords-recital-finale-visual>.flex.flex-col.lesson-answer-divider{gap:5px}.chords-recital-finale-visual>.lesson-answer-divider.flex-col.items-center>.flex.items-center{gap:8px}.chords-recital-finale-visual>.flex.flex-col.lesson-answer-divider>.flex.items-center{gap:8px}.minor-key-shortcut-visual>.lesson-answer-divider{margin-top:0;margin-bottom:0}.minor-functions-leading-tone-visual>.lesson-answer-divider:first-child,.major-motions-deceptive-visual>.lesson-answer-divider:first-child,.other-chords-color-visual>.lesson-answer-divider:first-child{margin-top:0;margin-bottom:0}.minor-key-shortcut-visual>.lesson-answer-divider{padding-top:6px;padding-bottom:6px}.minor-functions-leading-tone-visual>.lesson-answer-divider.rounded-2xl,.major-motions-deceptive-visual>.lesson-answer-divider.rounded-2xl,.other-chords-color-visual>.lesson-answer-divider.rounded-2xl{padding-top:8px;padding-bottom:8px}.one-four-five-beat-visual>.lesson-answer-divider.max-w-md,.one-five-six-four-beat-visual>.lesson-answer-divider.max-w-md{gap:7px}.one-four-five-beat-visual>.lesson-answer-divider.max-w-md>.w-full.rounded-2xl,.one-five-six-four-beat-visual>.lesson-answer-divider.max-w-md>.w-full.rounded-2xl{padding:10px}.four-one-five-six-beat-visual>.lesson-answer-divider.max-w-md{gap:7px}.four-one-five-six-beat-visual>.lesson-answer-divider.max-w-md>.w-full.rounded-2xl{padding:10px}.voice-leading-rules-visual>.lesson-answer-divider.flex.flex-col{gap:6px}.voice-leading-rules-visual>.w-full.lesson-answer-divider.flex-col{gap:6px}.voice-leading-rules-visual>.lesson-answer-divider.flex.flex-col>button{padding-top:8px;padding-bottom:8px}.voice-leading-rules-visual>.w-full.lesson-answer-divider.flex-col>button{padding-top:8px;padding-bottom:8px}.voice-leading-quiz-visual>.lesson-answer-divider.items-center.gap-1\.5>span{height:24px}.voice-leading-quiz-visual>.flex.lesson-answer-divider.gap-1\.5>span{height:24px}}@media (max-width: 767px) and (max-height: 590px){.lesson-module-1 .lesson-card:is([data-step-id=find-2black],[data-step-id=find-3black]) .lesson-answer-divider.items-stretch>div{gap:4px;padding:7px 12px}.lesson-module-1 .lesson-card:is([data-step-id=find-2black],[data-step-id=find-3black]) .lesson-answer-divider.items-stretch>div>div:last-child{font-size:10px;line-height:1.1}.lesson-module-1 .lesson-card[data-step-id=mary-lamb] .lesson-answer-divider.items-end.justify-center{flex-wrap:nowrap;gap:4px}.lesson-module-1 .lesson-card[data-step-id=mary-lamb] .lesson-answer-divider.items-end.justify-center>div>div{width:36px;height:56px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .lesson-answer-divider.items-center.justify-center.flex-wrap{flex-wrap:nowrap;gap:8px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.lesson-answer-divider.justify-center.flex-wrap{flex-wrap:nowrap;gap:8px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .lesson-answer-divider.items-center.justify-center.flex-wrap>div{width:48px;height:48px;font-size:18px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.lesson-answer-divider.justify-center.flex-wrap>div{width:48px;height:48px;font-size:18px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .relative.lesson-answer-divider.flex.flex-col.items-center,.lesson-module-1 .lesson-card[data-step-id=m4-finale] .relative.w-full.lesson-answer-divider.flex-col.items-center,.lesson-module-1 .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.flex-col.lesson-answer-divider{gap:8px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .lesson-answer-divider.items-center.justify-center.flex-wrap,.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.lesson-answer-divider.justify-center.flex-wrap{flex-wrap:nowrap;gap:4px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .lesson-answer-divider.items-center.justify-center.flex-wrap>div{width:36px;height:36px;font-size:15px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.lesson-answer-divider.justify-center.flex-wrap>div{width:36px;height:36px;font-size:15px}}@media (min-width: 768px) and (max-height: 851px){.lesson-card[data-step-id=method-3-circle] .pt-stagger>.lesson-answer-divider.flex.justify-center,.lesson-card[data-step-id=real-music-usage] .pt-stagger>.lesson-answer-divider.flex.justify-center,.lesson-card:has(.harmonic-minor-intro-visual) .pt-stagger>.lesson-answer-divider.flex.justify-center,.lesson-card:has(.harmonic-minor-genre-grid) .pt-stagger>.lesson-answer-divider.flex.justify-center,.lesson-card:has(.harmonic-minor-formula-visual) .pt-stagger>.lesson-answer-divider.flex.justify-center,.lesson-card:has(.melodic-minor-genre-grid) .pt-stagger>.lesson-answer-divider.flex.justify-center,.lesson-card[data-step-id=formula-smooth] .pt-stagger>.lesson-answer-divider.flex.justify-center{margin-top:2px}.lesson-card[data-step-id=method-3-circle] .pt-stagger>.w-full.lesson-answer-divider.justify-center,.lesson-card[data-step-id=real-music-usage] .pt-stagger>.w-full.lesson-answer-divider.justify-center,.lesson-card:has(.harmonic-minor-intro-visual) .pt-stagger>.w-full.lesson-answer-divider.justify-center,.lesson-card:has(.harmonic-minor-genre-grid) .pt-stagger>.w-full.lesson-answer-divider.justify-center,.lesson-card:has(.harmonic-minor-formula-visual) .pt-stagger>.w-full.lesson-answer-divider.justify-center,.lesson-card:has(.melodic-minor-genre-grid) .pt-stagger>.w-full.lesson-answer-divider.justify-center,.lesson-card[data-step-id=formula-smooth] .pt-stagger>.w-full.lesson-answer-divider.justify-center{margin-top:2px}.harmonic-minor-formula-visual>.lesson-answer-divider.max-w-md,.melodic-minor-formula-visual>.lesson-answer-divider.max-w-md{border-radius:12px}.harmonic-minor-formula-visual>.lesson-answer-divider.max-w-md button,.melodic-minor-formula-visual>.lesson-answer-divider.max-w-md button{padding-top:5px;padding-bottom:5px}:is(.key-signatures-viewport-step[data-step-id=hook],.key-signatures-viewport-step[data-step-id=what-it-is],.middle-c-grand-staff-viewport-step[data-step-id=border-notes],.landmark-notes-viewport-step[data-step-id=anchors],.ledger-lines-viewport-step[data-step-id=hook],.ledger-lines-viewport-step[data-step-id=rungs],.reading-intervals-viewport-step[data-step-id=hook],.reading-scales-viewport-step[data-step-id=signature],.reading-scales-viewport-step[data-step-id=relative])>.lesson-answer-divider.flex.justify-center{margin-top:16px}:is(.key-signatures-viewport-step[data-step-id=hook],.key-signatures-viewport-step[data-step-id=what-it-is],.middle-c-grand-staff-viewport-step[data-step-id=border-notes],.landmark-notes-viewport-step[data-step-id=anchors],.ledger-lines-viewport-step[data-step-id=hook],.ledger-lines-viewport-step[data-step-id=rungs],.reading-intervals-viewport-step[data-step-id=hook],.reading-scales-viewport-step[data-step-id=signature],.reading-scales-viewport-step[data-step-id=relative])>.w-full.lesson-answer-divider.justify-center{margin-top:16px}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .pt-stagger>.lesson-answer-divider.flex.justify-center{margin-top:8px}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .pt-stagger>.w-full.lesson-answer-divider.justify-center{margin-top:8px}:is([data-lesson-id=intro-to-chords],[data-lesson-id=fully-diminished7],[data-lesson-id=chord-inversion-practice]) .lesson-card[data-step-id=quick-check] .max-w-md.lesson-answer-divider.flex-col.items-center{gap:8px}:is([data-lesson-id=intro-to-chords],[data-lesson-id=fully-diminished7],[data-lesson-id=chord-inversion-practice]) .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-answer-divider{gap:8px}}@media (min-width: 1024px) and (max-height: 780px){[data-lesson-module="4"] .lesson-card--bare>.lesson-answer-divider.justify-center:first-child{margin-bottom:6px}[data-lesson-module="4"] .pt-stagger>.lesson-answer-divider.flex.justify-center .max-w-lg{max-width:48rem}[data-lesson-module="4"] .pt-stagger>.w-full.lesson-answer-divider.justify-center .max-w-lg{max-width:48rem}.triads-jobs-visual>.lesson-answer-divider.flex.flex-col,.add-chords-habitats-visual>.lesson-answer-divider.flex.flex-col{gap:6px}.triads-jobs-visual>.w-full.lesson-answer-divider.flex-col,.add-chords-habitats-visual>.w-full.lesson-answer-divider.flex-col{gap:6px}.triads-jobs-visual>.lesson-answer-divider.flex.flex-col>button,.add-chords-habitats-visual>.lesson-answer-divider.flex.flex-col>button{padding-top:6px;padding-bottom:6px}.triads-jobs-visual>.w-full.lesson-answer-divider.flex-col>button,.add-chords-habitats-visual>.w-full.lesson-answer-divider.flex-col>button{padding-top:6px;padding-bottom:6px}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=roman-numerals] .lesson-card[data-step-id=quick-check] .max-w-md.lesson-answer-divider.flex-col.items-center,[data-lesson-id=roman-numerals] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-answer-divider{gap:8px}[data-lesson-id=progression-tips] .lesson-card[data-step-id=quick-check] .max-w-md.lesson-answer-divider.flex-col.items-center,[data-lesson-id=progression-tips] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-answer-divider{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops]>.lesson-answer-divider.justify-center{margin-bottom:4px}[data-lesson-id=what-is-progression] .lesson-card:is([data-step-id=hook],[data-step-id=loops],[data-step-id=ear-which-order],[data-step-id=quick-check])>.lesson-answer-divider.justify-center{margin-bottom:8px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=hook] .max-w-lg.lesson-answer-divider.flex-col.items-center>.flex.flex-col.items-center{gap:12px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=hook] .max-w-lg.flex.flex-col.lesson-answer-divider>.flex.flex-col.items-center{gap:12px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops] .what-is-progression-loops-visual>.lesson-answer-divider.max-w-lg>.flex:first-child{padding-block:2px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops] .what-is-progression-loops-visual>.w-full.max-w-lg>.lesson-answer-divider:first-child{padding-block:2px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops] .what-is-progression-loops-visual>.lesson-answer-divider.max-w-lg>.flex:nth-child(2) span{padding-block:0}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops] .what-is-progression-loops-visual>.w-full.max-w-lg>.lesson-answer-divider:nth-child(2) span{padding-block:0}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=quick-check] .max-w-md.lesson-answer-divider.flex-col.items-center,[data-lesson-id=what-is-progression] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-answer-divider{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=ear-which-order] .max-w-md.lesson-answer-divider.flex-col.items-center,[data-lesson-id=what-is-progression] .lesson-card[data-step-id=ear-which-order] .max-w-md.flex.flex-col.lesson-answer-divider{gap:4px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .max-w-lg.lesson-answer-divider.flex-col.items-center,[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .max-w-lg.flex.flex-col.lesson-answer-divider{gap:12px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .key-shortcut-practice.max-w-lg.lesson-answer-divider.flex-col.items-center,[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .key-shortcut-practice.max-w-lg.flex.flex-col.lesson-answer-divider{gap:4px}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .pt-stagger>.lesson-answer-divider.flex.justify-center{margin-top:18px}[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .pt-stagger>.w-full.lesson-answer-divider.justify-center{margin-top:18px}[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .treble-lines-visual.lesson-answer-divider.max-w-lg.flex.flex-col.items-center,[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .treble-lines-visual.w-full.max-w-lg.lesson-answer-divider.flex-col.items-center,[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .treble-lines-visual.w-full.max-w-lg.flex.flex-col.lesson-answer-divider{gap:12px}}@media (min-width: 768px) and (max-height: 780px){:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m4-finale] .relative.lesson-answer-divider.flex.flex-col.items-center{gap:8px}:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m4-finale] .relative.w-full.lesson-answer-divider.flex-col.items-center{gap:8px}:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.flex-col.lesson-answer-divider{gap:8px}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-example-card>.flex.lesson-answer-divider.flex-col.items-center{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-example-card>.lesson-answer-divider.w-full.flex-col.items-center{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-example-card>.flex.w-full.flex-col.lesson-answer-divider{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=compare] .grid>button>.flex.lesson-answer-divider.flex-col.items-center{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=compare] .grid>button>.lesson-answer-divider.w-full.flex-col.items-center{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=compare] .grid>button>.flex.w-full.flex-col.lesson-answer-divider{zoom:.82}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.lesson-answer-divider.flex.justify-center button{gap:8px;padding-block:10px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.lesson-answer-divider.justify-center button{gap:8px;padding-block:10px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.lesson-answer-divider.flex.justify-center button>.flex.flex-col.items-center{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.lesson-answer-divider.justify-center button>.flex.flex-col.items-center{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.justify-center button>.flex.flex-col.lesson-answer-divider{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}[data-lesson-id=interval-examples] .lesson-card:is([data-step-id=star-wars],[data-step-id=simpsons],[data-step-id=bad],[data-step-id=take-on-me]) [role=button].group.lesson-answer-divider.flex-col{gap:6px;padding-block:8px}}@media (min-width: 1200px) and (max-width: 1300px) and (min-height: 800px) and (max-height: 830px){[data-lesson-id=naming-whites] .lesson-card:is([data-step-id=finding-c],[data-step-id=alphabet]) .pt-stagger>:is(.lesson-answer-divider.flex.justify-center,.w-full.max-w-lg.mx-auto){margin-top:40px}[data-lesson-id=naming-whites] .lesson-card:is([data-step-id=finding-c],[data-step-id=alphabet]) .pt-stagger>:is(.w-full.lesson-answer-divider.justify-center,.w-full.max-w-lg.mx-auto){margin-top:40px}[data-lesson-id=naming-whites] .lesson-card[data-step-id=alphabet] .pt-stagger>.lesson-answer-divider.max-w-lg.mx-auto{max-width:640px}}@media (min-width: 768px) and (max-height: 780px){[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=recap] .pt-stagger>.lesson-answer-divider.flex.justify-center{margin-top:4px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=recap] .pt-stagger>.w-full.lesson-answer-divider.justify-center{margin-top:4px}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=enharmonics] .pt-stagger>.lesson-answer-divider.flex.justify-center{gap:4px;margin-top:3px}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=enharmonics] .pt-stagger>.w-full.lesson-answer-divider.justify-center{gap:4px;margin-top:3px}[data-lesson-id=major-scale-pattern] .major-scale-zoo-visual>.lesson-answer-divider.flex-col{gap:1px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=what-you-can-do] .pt-stagger>.lesson-answer-divider.flex.justify-center{margin-top:4px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=what-you-can-do] .pt-stagger>.w-full.lesson-answer-divider.justify-center{margin-top:4px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=build-melody] .pt-stagger>.lesson-answer-divider.flex.justify-center{margin-top:3px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=build-melody] .pt-stagger>.w-full.lesson-answer-divider.justify-center{margin-top:3px}[data-lesson-id=build-major-scale] .build-major-where-you-hear-visual>.lesson-answer-divider.flex-wrap{display:none}[data-lesson-id=major-scale-practice] .lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]) .pt-stagger>.lesson-answer-divider.flex.justify-center{margin-top:3px}[data-lesson-id=major-scale-practice] .lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]) .pt-stagger>.w-full.lesson-answer-divider.justify-center{margin-top:3px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.lesson-answer-divider.mx-auto.max-w-md{max-width:40rem}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.lesson-answer-divider.flex.justify-center{margin-top:2px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.w-full.lesson-answer-divider.justify-center{margin-top:2px}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=method-1-demo] .pt-stagger>.lesson-answer-divider.flex.justify-center>*{max-width:40rem;gap:4px}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=method-1-demo] .pt-stagger>.w-full.lesson-answer-divider.justify-center>*{max-width:40rem;gap:4px}[data-lesson-id=minor-pentatonic] .lesson-card[data-step-id=where] .pt-stagger>.lesson-answer-divider.flex.justify-center{margin-top:4px}[data-lesson-id=minor-pentatonic] .lesson-card[data-step-id=where] .pt-stagger>.w-full.lesson-answer-divider.justify-center{margin-top:4px}}.lesson-answer-divider{max-width:30rem;gap:12px}.lesson-answer-divider:before,.lesson-answer-divider:after{content:"";flex:1;height:1px;background:hsl(var(--border))}.lesson-answer-divider span{color:hsl(var(--muted-foreground));font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:500}.lesson-binary-answer-grid{display:grid;width:100%}@media (min-width: 768px) and (max-height: 860px){[data-lesson-id=scale-degrees-explained] .lesson-card:is([data-step-id=degree-1],[data-step-id=degree-2],[data-step-id=degree-3],[data-step-id=degree-4],[data-step-id=degree-5],[data-step-id=degree-6],[data-step-id=degree-7]) [data-degree-interaction]>.lesson-binary-answer-grid>button{padding-block:2px}}@media (min-width: 768px) and (max-height: 780px){.lesson-step-what-is-2nd>.lesson-binary-answer-grid.flex.justify-center{margin-top:4px}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=staff-basics] .lesson-card[data-step-id=lines-spaces] .pt-stagger>.lesson-binary-answer-grid.flex.justify-center,[data-lesson-id=treble-clef-notes] .lesson-card:is([data-step-id=lines],[data-step-id=two-clefs],[data-step-id=two-clefs-bass]) .pt-stagger>.lesson-binary-answer-grid.flex.justify-center{margin-top:2px}.melodic-harmonic-concept-step>.lesson-binary-answer-grid.flex.justify-center{margin-top:6px}.unison-octaves-concept-step>.lesson-binary-answer-grid.flex.justify-center{margin-top:8px}.unison-octaves-concept-step>.lesson-binary-answer-grid.mx-auto.max-w-md{margin-top:12px}.seconds-thirds-what-is-3rd-step>.lesson-binary-answer-grid.flex.justify-center{margin-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.lesson-binary-answer-grid.flex.justify-center{margin-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.lesson-binary-answer-grid.mx-auto.max-w-md{margin-top:12px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull-chords] .pt-stagger>.lesson-binary-answer-grid.flex.justify-center{margin-top:4px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull-chords] .pt-stagger>.lesson-binary-answer-grid.mx-auto.max-w-md{margin-top:4px}.what-is-key-chord-pull-visual>.lesson-binary-answer-grid.rounded-3xl>.flex.items-stretch svg.w-full{height:auto}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.lesson-binary-answer-grid.flex.justify-center ul{gap:6px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.lesson-binary-answer-grid.flex.justify-center li{padding-top:8px;padding-bottom:8px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.lesson-binary-answer-grid.mx-auto.max-w-md{margin-top:12px}.what-is-key-chord-pull-visual>.lesson-binary-answer-grid.rounded-3xl{padding-top:2px;padding-bottom:2px}.lesson-card[data-step-id=recap]:has(.what-is-key-recap-visual) .pt-stagger>.lesson-binary-answer-grid.flex.justify-center{margin-top:24px}.lesson-card[data-step-id=why-eb] .pt-stagger>.lesson-binary-answer-grid.mx-auto.max-w-md{margin-top:30px}.lesson-card[data-step-id=build-melody] .pt-stagger>.lesson-binary-answer-grid.flex.justify-center{margin-top:16px}.lesson-card[data-step-id=build-melody] .pt-stagger>.lesson-binary-answer-grid.mx-auto.max-w-md:empty{display:none}.lesson-card[data-step-id=build-melody] .lesson-binary-answer-grid.max-w-xl>div:first-child button{height:22px}.major-scale-transpose-step>.lesson-binary-answer-grid.flex.justify-center{margin-top:12px}.major-scale-transpose-visual>.lesson-binary-answer-grid.max-w-xl{gap:4px}.major-scale-transpose-visual>.lesson-binary-answer-grid.max-w-xl>.w-full.rounded-2xl{padding:4px}.major-scale-transpose-visual>.lesson-binary-answer-grid.max-w-xl>.w-full.rounded-2xl>.relative.flex.flex-col{gap:2px}.major-scale-transpose-visual>.lesson-binary-answer-grid.max-w-xl>.w-full.rounded-2xl button{height:16px}.major-scale-transpose-step>.lesson-binary-answer-grid.mx-auto.max-w-md{margin-top:4px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) .flex.flex-col.lesson-binary-answer-grid.gap-4.items-center{gap:8px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) :is(.lesson-binary-answer-grid.max-w-md,.w-full.max-w-lg).flex.flex-col.items-center{gap:4px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .lesson-binary-answer-grid.max-w-lg.flex.flex-col.items-center{gap:1px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .flex.flex-col.lesson-binary-answer-grid.gap-4.items-center{gap:6px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=dc-fine],[data-step-id=ds-coda])>div>.pt-stagger .lesson-binary-answer-grid.max-w-lg>.flex.items-center>.flex.flex-col{padding-top:2px;padding-bottom:2px}.lesson-card[data-step-id=hear-bluesy]>div>.pt-stagger>.lesson-binary-answer-grid.flex.justify-center{margin-top:4px}.lesson-card[data-step-id=hear-bluesy] .lesson-binary-answer-grid.grid-cols-2{gap:4px}.lesson-card[data-step-id=hear-bluesy] .lesson-binary-answer-grid.grid-cols-2>button{gap:3px;padding-top:4px;padding-bottom:4px}.lesson-card:is([data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) .lesson-binary-answer-grid.max-w-lg.flex.flex-col.items-center{gap:6px}.lesson-card[data-step-id=fingerprint] .lesson-binary-answer-grid.max-w-md.mx-auto.py-1>svg{width:auto;height:160px}.lesson-card[data-step-id=inversion] .lesson-binary-answer-grid.max-w-md [class*="[&_svg]:h-[104px]"] svg{width:auto;height:80px}.lesson-card[data-step-id=quick-check]:has([aria-label="Hear the first fifths"]) .lesson-binary-answer-grid.max-w-md.flex.flex-col{gap:6px}.lesson-card[data-step-id=fingering] .flex.flex-col.gap-4.items-center.lesson-binary-answer-grid{gap:2px}.lesson-card[data-step-id=swing-build] .lesson-binary-answer-grid.max-w-md.flex.flex-col.items-center{gap:3px}.lesson-card:is([data-step-id=lines],[data-step-id=spaces]) .lesson-binary-answer-grid.max-w-lg.flex.flex-col.items-center{gap:4px}.lesson-card[data-step-id=compare-all] .lesson-binary-answer-grid.flex.justify-center:has(>.lesson-callout--boxed){margin-top:8px}.lesson-card[data-step-id=compare-all] .lesson-binary-answer-grid.grid-cols-2>button{padding-top:8px;padding-bottom:8px}.middle-c-hinge-visual>.lesson-binary-answer-grid.max-w-md{max-width:385px}.staff-basics-ladder-visual [class*="[&_svg]:h-[188px]"]>.lesson-binary-answer-grid.max-w-md{padding-top:4px;padding-bottom:4px}.diatonic-numerals-visual>.lesson-binary-answer-grid>button{padding-top:4px;padding-bottom:4px}.lesson-card[data-step-id=transpose-melody] .major-scale-transpose-step>.lesson-binary-answer-grid.flex.justify-center{margin-top:5px}.lesson-card[data-step-id=supporting-cast] .scale-degree-supporting-cast>.lesson-binary-answer-grid{gap:12px}.lesson-card[data-step-id=supporting-cast] .scale-degree-supporting-cast>.lesson-binary-answer-grid>button{gap:12px;padding-top:12px;padding-bottom:12px}.lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]):has(.playing-scales-fingering-visual) .pt-stagger>.lesson-binary-answer-grid.flex.justify-center{margin-top:8px}.playing-scales-fingering-visual>.lesson-binary-answer-grid.py-2{padding-top:2px;padding-bottom:2px}.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-map) .pt-stagger>.lesson-binary-answer-grid.flex.justify-center{margin-top:20px}.lesson-card[data-step-id=make-melody]:has(.natural-minor-melody-maker) .pt-stagger>.lesson-binary-answer-grid.flex.justify-center{margin-top:12px}.natural-minor-melody-maker .lesson-step-sequencer>.lesson-binary-answer-grid.rounded-2xl{padding-top:6px;padding-bottom:6px}.lesson-card[data-step-id=where-you-hear]:has(.build-major-where-you-hear-visual) .pt-stagger>.lesson-binary-answer-grid.flex.justify-center,.lesson-card[data-step-id=why-accidentals]:has(.build-major-why-accidentals-visual) .pt-stagger>.lesson-binary-answer-grid.flex.justify-center,.lesson-card[data-step-id=compare-three]:has(.playing-scales-compare-three-visual) .pt-stagger>.lesson-binary-answer-grid.flex.justify-center,.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-visual) .pt-stagger>.lesson-binary-answer-grid.flex.justify-center{margin-top:7px}.build-major-where-you-hear-visual>.lesson-binary-answer-grid.rounded-3xl{gap:6px;padding-top:8px;padding-bottom:8px}.lesson-card[data-step-id=real-music-usage] .pt-stagger>.lesson-binary-answer-grid.flex.justify-center{margin-top:12px}.lesson-card:has(.short-viewport-genre-grid)>div>.pt-stagger>.lesson-binary-answer-grid.flex.justify-center,.lesson-card:has(.melodic-minor-formula-visual)>div>.pt-stagger>.lesson-binary-answer-grid.flex.justify-center,.lesson-card:has(.major-pentatonic-formula-visual)>div>.pt-stagger>.lesson-binary-answer-grid.flex.justify-center,.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.lesson-binary-answer-grid.flex.justify-center,.lesson-card:has(.intro-chords-vocab-visual)>div>.pt-stagger>.lesson-binary-answer-grid.flex.justify-center{margin-top:4px}.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.lesson-binary-answer-grid.flex.justify-center{margin-top:12px}.intro-chords-vocab-visual>.lesson-binary-answer-grid.max-w-md>button{gap:8px;padding-top:10px;padding-bottom:10px}.intro-chords-vocab-visual>.lesson-binary-answer-grid>button{gap:2px;padding-top:6px;padding-bottom:6px}.chord-construction-seventh-visual>.lesson-binary-answer-grid.max-w-md>button,.shifting-odd-one-visual>.lesson-binary-answer-grid.max-w-md>button,.chord-formulas-no-scale-visual>.lesson-binary-answer-grid.max-w-md>button,.triads-drop-lab-visual>.lesson-binary-answer-grid.max-w-md>button{gap:7px;padding-top:9px;padding-bottom:9px}.chord-construction-seventh-visual>.lesson-binary-answer-grid.max-w-md>button{padding-top:5px;padding-bottom:5px}.chord-formulas-hook-visual>button>.flex.items-center.gap-1>span.lesson-binary-answer-grid{height:20px;min-width:20px}.triads-family-map-visual>.lesson-binary-answer-grid.flex.flex-col{gap:4px}.triads-family-map-visual>.lesson-binary-answer-grid.flex.flex-col>button{gap:8px;padding-top:6px;padding-bottom:6px}.triads-family-map-visual>.lesson-binary-answer-grid.flex.flex-col>button>span:first-child{height:36px}.power-chords-physics-visual>.lesson-binary-answer-grid.max-w-md>button,.slash-chords-anatomy-visual>.lesson-binary-answer-grid.max-w-md>button{gap:7px;padding-top:9px;padding-bottom:9px}.fully-diminished-four-names-visual>.lesson-binary-answer-grid>button{padding-top:6px;padding-bottom:6px}.slash-chords-restack-visual>.lesson-binary-answer-grid{gap:8px}.slash-chords-restack-visual>.lesson-binary-answer-grid>button{gap:4px;padding-top:6px;padding-bottom:6px}.slash-chords-restack-visual>.lesson-binary-answer-grid>button .h-9.w-9{width:32px;height:32px}.chord-inversions-naming-visual>.lesson-binary-answer-grid>button{gap:3px;padding-top:6px;padding-bottom:6px}.chord-inversions-naming-visual>.lesson-binary-answer-grid>button .h-6.w-6{width:22px;height:22px}.chord-inversions-why-visual>.lesson-binary-answer-grid.max-w-md>button{gap:7px;padding-top:10px;padding-bottom:10px}.chord-inversions-why-visual>.lesson-binary-answer-grid.max-w-md>button .h-12.w-16{width:56px;height:42px}.chord-function-context-visual>.lesson-binary-answer-grid.max-w-md>button{--piano-incard-white-key-height: 60px;--piano-incard-black-key-height: 40px;gap:7px;padding-top:10px;padding-bottom:10px}.what-is-progression-loops-visual>.lesson-binary-answer-grid.max-w-lg>.flex:first-child{padding-top:5px;padding-bottom:5px}.what-is-progression-loops-visual>.lesson-binary-answer-grid.max-w-lg>.flex:nth-child(2) span{padding-top:2px;padding-bottom:2px}.minor-functions-map-visual>.lesson-binary-answer-grid{margin-top:0;margin-bottom:0}.minor-key-shortcut-visual>.lesson-binary-answer-grid{margin-top:0;margin-bottom:0;padding-top:6px;padding-bottom:6px}.minor-functions-map-visual>.lesson-binary-answer-grid{row-gap:6px}.minor-functions-map-visual>.lesson-binary-answer-grid button{height:48px}.minor-functions-leading-tone-visual>.lesson-binary-answer-grid.rounded-2xl,.major-motions-deceptive-visual>.lesson-binary-answer-grid.rounded-2xl,.other-chords-color-visual>.lesson-binary-answer-grid.rounded-2xl{padding-top:8px;padding-bottom:8px}.one-four-five-beat-visual>.lesson-binary-answer-grid.max-w-md,.one-five-six-four-beat-visual>.lesson-binary-answer-grid.max-w-md{gap:7px}.one-four-five-beat-visual>.lesson-binary-answer-grid.max-w-md>.w-full.rounded-2xl,.one-five-six-four-beat-visual>.lesson-binary-answer-grid.max-w-md>.w-full.rounded-2xl{padding:10px}.four-one-five-six-beat-visual>.lesson-binary-answer-grid.max-w-md{gap:7px}.four-one-five-six-beat-visual>.lesson-binary-answer-grid.max-w-md>.w-full.rounded-2xl{padding:10px}.voice-leading-rules-visual>.lesson-binary-answer-grid.flex.flex-col{gap:6px}.voice-leading-rules-visual>.lesson-binary-answer-grid.flex.flex-col>button{padding-top:8px;padding-bottom:8px}}@media (max-width: 767px) and (max-height: 590px){.lesson-module-1 .lesson-card[data-step-id=m4-finale] .relative.lesson-binary-answer-grid.flex.flex-col.items-center{gap:8px}}@media (min-width: 768px) and (max-height: 851px){.lesson-card[data-step-id=method-3-circle] .pt-stagger>.lesson-binary-answer-grid.flex.justify-center,.lesson-card[data-step-id=real-music-usage] .pt-stagger>.lesson-binary-answer-grid.flex.justify-center,.lesson-card:has(.harmonic-minor-intro-visual) .pt-stagger>.lesson-binary-answer-grid.flex.justify-center,.lesson-card:has(.harmonic-minor-genre-grid) .pt-stagger>.lesson-binary-answer-grid.flex.justify-center,.lesson-card:has(.harmonic-minor-formula-visual) .pt-stagger>.lesson-binary-answer-grid.flex.justify-center,.lesson-card:has(.melodic-minor-genre-grid) .pt-stagger>.lesson-binary-answer-grid.flex.justify-center,.lesson-card[data-step-id=formula-smooth] .pt-stagger>.lesson-binary-answer-grid.flex.justify-center{margin-top:2px}.harmonic-minor-formula-visual>.lesson-binary-answer-grid.max-w-md,.melodic-minor-formula-visual>.lesson-binary-answer-grid.max-w-md{border-radius:12px}.harmonic-minor-formula-visual>.lesson-binary-answer-grid.max-w-md button,.melodic-minor-formula-visual>.lesson-binary-answer-grid.max-w-md button{padding-top:5px;padding-bottom:5px}:is(.key-signatures-viewport-step[data-step-id=hook],.key-signatures-viewport-step[data-step-id=what-it-is],.middle-c-grand-staff-viewport-step[data-step-id=border-notes],.landmark-notes-viewport-step[data-step-id=anchors],.ledger-lines-viewport-step[data-step-id=hook],.ledger-lines-viewport-step[data-step-id=rungs],.reading-intervals-viewport-step[data-step-id=hook],.reading-scales-viewport-step[data-step-id=signature],.reading-scales-viewport-step[data-step-id=relative])>.lesson-binary-answer-grid.flex.justify-center{margin-top:16px}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .pt-stagger>.lesson-binary-answer-grid.flex.justify-center{margin-top:8px}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .lesson-binary-answer-grid>button{padding-block:10px}}@media (min-width: 1024px) and (max-height: 780px){[data-lesson-module="4"] .pt-stagger>.lesson-binary-answer-grid.flex.justify-center .max-w-lg{max-width:48rem}.triads-jobs-visual>.lesson-binary-answer-grid.flex.flex-col,.add-chords-habitats-visual>.lesson-binary-answer-grid.flex.flex-col{gap:6px}.triads-jobs-visual>.lesson-binary-answer-grid.flex.flex-col>button,.add-chords-habitats-visual>.lesson-binary-answer-grid.flex.flex-col>button{padding-top:6px;padding-bottom:6px}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops] .what-is-progression-loops-visual>.lesson-binary-answer-grid.max-w-lg>.flex:first-child{padding-block:2px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops] .what-is-progression-loops-visual>.lesson-binary-answer-grid.max-w-lg>.flex:nth-child(2) span{padding-block:0}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .pt-stagger>.lesson-binary-answer-grid.flex.justify-center{margin-top:18px}[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .treble-lines-visual.lesson-binary-answer-grid.max-w-lg.flex.flex-col.items-center{gap:12px}}@media (min-width: 768px) and (max-height: 780px){:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m4-finale] .relative.lesson-binary-answer-grid.flex.flex-col.items-center{gap:8px}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-example-card>.flex.lesson-binary-answer-grid.flex-col.items-center{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=compare] .lesson-binary-answer-grid>button{gap:4px;padding-block:7px}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=compare] .lesson-binary-answer-grid>button>.flex.w-full.flex-col.items-center{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=compare] .grid>button>.flex.lesson-binary-answer-grid.flex-col.items-center{zoom:.82}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.lesson-binary-answer-grid.flex.justify-center button{gap:8px;padding-block:10px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.lesson-binary-answer-grid.flex.justify-center button>.flex.flex-col.items-center{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}}@media (min-width: 1200px) and (max-width: 1300px) and (min-height: 800px) and (max-height: 830px){[data-lesson-id=naming-whites] .lesson-card:is([data-step-id=finding-c],[data-step-id=alphabet]) .pt-stagger>:is(.lesson-binary-answer-grid.flex.justify-center,.w-full.max-w-lg.mx-auto){margin-top:40px}[data-lesson-id=naming-whites] .lesson-card[data-step-id=alphabet] .pt-stagger>.lesson-binary-answer-grid.max-w-lg.mx-auto{max-width:640px}}@media (min-width: 768px) and (max-height: 780px){[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=recap] .pt-stagger>.lesson-binary-answer-grid.flex.justify-center{margin-top:4px}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=enharmonics] .pt-stagger>.lesson-binary-answer-grid.flex.justify-center{gap:4px;margin-top:3px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=what-you-can-do] .pt-stagger>.lesson-binary-answer-grid.flex.justify-center{margin-top:4px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=build-melody] .pt-stagger>.lesson-binary-answer-grid.flex.justify-center{margin-top:3px}[data-lesson-id=major-scale-practice] .lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]) .pt-stagger>.lesson-binary-answer-grid.flex.justify-center{margin-top:3px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.lesson-binary-answer-grid.mx-auto.max-w-md{max-width:40rem}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.lesson-binary-answer-grid.flex.justify-center{margin-top:2px}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.lesson-binary-answer-grid:last-child{gap:6px}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.lesson-binary-answer-grid:last-child>div{gap:8px;padding-block:3px}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.lesson-binary-answer-grid:last-child>div>span:first-child{width:28px;height:28px}[data-lesson-id=natural-minor-pattern] .lesson-card[data-step-id=make-melody] .lesson-step-sequencer>div:first-child .lesson-binary-answer-grid>button{height:16px}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=method-1-demo] .pt-stagger>.lesson-binary-answer-grid.flex.justify-center>*{max-width:40rem;gap:4px}[data-lesson-id=minor-pentatonic] .lesson-card[data-step-id=where] .pt-stagger>.lesson-binary-answer-grid.flex.justify-center{margin-top:4px}[data-lesson-id=blues-scale] .lesson-card[data-step-id=hear-bluesy] .bluesy-interval-visual>.lesson-binary-answer-grid{gap:4px}}.lesson-binary-answer-grid{max-width:34rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lesson-binary-answer-card{display:flex;width:100%;align-items:center;text-align:left;--tw-ring-offset-color: hsl(var(--background))}@media (min-width: 768px) and (max-height: 860px){:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) .lesson-card>.lesson-binary-answer-card.justify-center{margin-bottom:2px}:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) .lesson-card[data-step-id=labeling-drill] .pt-stagger>.lesson-binary-answer-card.flex-wrap button{width:48px;height:64px}[data-lesson-id=scale-degrees-explained] .lesson-card:is([data-step-id=degree-1],[data-step-id=degree-2],[data-step-id=degree-3],[data-step-id=degree-4],[data-step-id=degree-5],[data-step-id=degree-6],[data-step-id=degree-7]) [data-degree-interaction]>.lesson-binary-answer-card.flex-col{gap:0}}@media (min-width: 768px) and (max-height: 780px){.lesson-step-what-is-2nd>.w-full.lesson-binary-answer-card.justify-center{margin-top:4px}.lesson-step-what-is-2nd>.lesson-binary-answer-card.flex.justify-center{margin-top:4px}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=staff-basics] .lesson-card[data-step-id=lines-spaces] .pt-stagger>.w-full.lesson-binary-answer-card.justify-center,[data-lesson-id=treble-clef-notes] .lesson-card:is([data-step-id=lines],[data-step-id=two-clefs],[data-step-id=two-clefs-bass]) .pt-stagger>.w-full.lesson-binary-answer-card.justify-center{margin-top:2px}[data-lesson-id=staff-basics] .lesson-card[data-step-id=lines-spaces] .pt-stagger>.lesson-binary-answer-card.flex.justify-center,[data-lesson-id=treble-clef-notes] .lesson-card:is([data-step-id=lines],[data-step-id=two-clefs],[data-step-id=two-clefs-bass]) .pt-stagger>.lesson-binary-answer-card.flex.justify-center{margin-top:2px}.melodic-harmonic-concept-step>.w-full.lesson-binary-answer-card.justify-center{margin-top:6px}.melodic-harmonic-concept-step>.lesson-binary-answer-card.flex.justify-center{margin-top:6px}.unison-octaves-concept-step>.w-full.lesson-binary-answer-card.justify-center{margin-top:8px}.unison-octaves-concept-step>.lesson-binary-answer-card.flex.justify-center{margin-top:8px}.unison-octaves-concept-step>.lesson-binary-answer-card.mx-auto.max-w-md{margin-top:12px}.seconds-thirds-what-is-3rd-step>.w-full.lesson-binary-answer-card.justify-center{margin-top:8px}.seconds-thirds-what-is-3rd-step>.lesson-binary-answer-card.flex.justify-center{margin-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.w-full.lesson-binary-answer-card.justify-center{margin-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.lesson-binary-answer-card.flex.justify-center{margin-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.lesson-binary-answer-card.mx-auto.max-w-md{margin-top:12px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull-chords] .pt-stagger>.w-full.lesson-binary-answer-card.justify-center{margin-top:4px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull-chords] .pt-stagger>.lesson-binary-answer-card.flex.justify-center{margin-top:4px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull-chords] .pt-stagger>.lesson-binary-answer-card.mx-auto.max-w-md{margin-top:4px}.what-is-key-chord-pull-visual>.w-full.rounded-3xl>.lesson-binary-answer-card.items-stretch svg.w-full{height:auto}.what-is-key-chord-pull-visual>.lesson-binary-answer-card.rounded-3xl>.flex.items-stretch svg.w-full{height:auto}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.w-full.lesson-binary-answer-card.justify-center ul{gap:6px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.lesson-binary-answer-card.flex.justify-center ul{gap:6px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.w-full.lesson-binary-answer-card.justify-center li{padding-top:8px;padding-bottom:8px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.lesson-binary-answer-card.flex.justify-center li{padding-top:8px;padding-bottom:8px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.lesson-binary-answer-card.mx-auto.max-w-md{margin-top:12px}.what-is-key-chord-pull-visual>.lesson-binary-answer-card.rounded-3xl{padding-top:2px;padding-bottom:2px}.lesson-card[data-step-id=recap]:has(.what-is-key-recap-visual) .pt-stagger>.w-full.lesson-binary-answer-card.justify-center{margin-top:24px}.lesson-card[data-step-id=recap]:has(.what-is-key-recap-visual) .pt-stagger>.lesson-binary-answer-card.flex.justify-center{margin-top:24px}.lesson-card[data-step-id=why-eb] .pt-stagger>.lesson-binary-answer-card.mx-auto.max-w-md{margin-top:30px}.lesson-card[data-step-id=build-melody] .pt-stagger>.w-full.lesson-binary-answer-card.justify-center{margin-top:16px}.lesson-card[data-step-id=build-melody] .pt-stagger>.lesson-binary-answer-card.flex.justify-center{margin-top:16px}.lesson-card[data-step-id=build-melody] .pt-stagger>.lesson-binary-answer-card.mx-auto.max-w-md:empty{display:none}.lesson-card[data-step-id=build-melody] .lesson-binary-answer-card.max-w-xl>div:first-child button{height:22px}.major-scale-transpose-step>.lesson-binary-answer-card.flex-col.items-center{gap:8px}.major-scale-transpose-step>.flex.flex-col.lesson-binary-answer-card{gap:8px}.major-scale-transpose-step>.w-full.lesson-binary-answer-card.justify-center{margin-top:12px}.major-scale-transpose-step>.lesson-binary-answer-card.flex.justify-center{margin-top:12px}.major-scale-transpose-visual>.lesson-binary-answer-card.max-w-xl{gap:4px}.major-scale-transpose-visual>.lesson-binary-answer-card.max-w-xl>.w-full.rounded-2xl{padding:4px}.major-scale-transpose-visual>.w-full.max-w-xl>.w-full.rounded-2xl>.relative.lesson-binary-answer-card.flex-col{gap:2px}.major-scale-transpose-visual>.lesson-binary-answer-card.max-w-xl>.w-full.rounded-2xl>.relative.flex.flex-col{gap:2px}.major-scale-transpose-visual>.lesson-binary-answer-card.max-w-xl>.w-full.rounded-2xl button{height:16px}.major-scale-transpose-step>.lesson-binary-answer-card.mx-auto.max-w-md{margin-top:4px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) .lesson-binary-answer-card.flex-col.w-full.gap-4.items-center{gap:8px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) .flex.flex-col.w-full.gap-4.lesson-binary-answer-card{gap:8px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) .flex.flex-col.lesson-binary-answer-card.gap-4.items-center{gap:8px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) :is(.w-full.max-w-md,.w-full.max-w-lg).lesson-binary-answer-card.flex-col.items-center{gap:4px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) :is(.w-full.max-w-md,.w-full.max-w-lg).flex.flex-col.lesson-binary-answer-card{gap:4px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) :is(.lesson-binary-answer-card.max-w-md,.w-full.max-w-lg).flex.flex-col.items-center{gap:4px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .w-full.max-w-lg.lesson-binary-answer-card.flex-col.items-center{gap:1px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .w-full.max-w-lg.flex.flex-col.lesson-binary-answer-card{gap:1px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .lesson-binary-answer-card.max-w-lg.flex.flex-col.items-center{gap:1px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .lesson-binary-answer-card.flex-col.w-full.gap-4.items-center{gap:6px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .flex.flex-col.w-full.gap-4.lesson-binary-answer-card{gap:6px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .flex.flex-col.lesson-binary-answer-card.gap-4.items-center{gap:6px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=dc-fine],[data-step-id=ds-coda])>div>.pt-stagger .w-full.max-w-lg>.lesson-binary-answer-card.items-center>.flex.flex-col{padding-top:2px;padding-bottom:2px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=dc-fine],[data-step-id=ds-coda])>div>.pt-stagger .w-full.max-w-lg>.flex.lesson-binary-answer-card>.flex.flex-col{padding-top:2px;padding-bottom:2px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=dc-fine],[data-step-id=ds-coda])>div>.pt-stagger .lesson-binary-answer-card.max-w-lg>.flex.items-center>.flex.flex-col{padding-top:2px;padding-bottom:2px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) button[aria-label="Watch the playing order"]>.lesson-binary-answer-card.justify-center>svg{width:auto;height:72px}.lesson-card[data-step-id=hear-bluesy]>div>.pt-stagger>.w-full.lesson-binary-answer-card.justify-center{margin-top:4px}.lesson-card[data-step-id=hear-bluesy]>div>.pt-stagger>.lesson-binary-answer-card.flex.justify-center{margin-top:4px}.lesson-card:is([data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) .w-full.max-w-lg.lesson-binary-answer-card.flex-col.items-center{gap:6px}.lesson-card:is([data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) .w-full.max-w-lg.flex.flex-col.lesson-binary-answer-card{gap:6px}.lesson-card:is([data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) .lesson-binary-answer-card.max-w-lg.flex.flex-col.items-center{gap:6px}.lesson-card[data-step-id=fingerprint] .lesson-binary-answer-card.max-w-md.mx-auto.py-1>svg{width:auto;height:160px}.lesson-card[data-step-id=inversion] .lesson-binary-answer-card.max-w-md [class*="[&_svg]:h-[104px]"] svg{width:auto;height:80px}.lesson-card[data-step-id=quick-check]:has([aria-label="Hear the first fifths"]) .w-full.max-w-md.lesson-binary-answer-card.flex-col{gap:6px}.lesson-card[data-step-id=quick-check]:has([aria-label="Hear the first fifths"]) .lesson-binary-answer-card.max-w-md.flex.flex-col{gap:6px}.lesson-card[data-step-id=fingering] .lesson-binary-answer-card.flex-col.gap-4.items-center.w-full,.lesson-card[data-step-id=fingering] .flex.flex-col.gap-4.lesson-binary-answer-card.w-full,.lesson-card[data-step-id=fingering] .flex.flex-col.gap-4.items-center.lesson-binary-answer-card{gap:2px}.lesson-card[data-step-id=swing-build] .w-full.max-w-md.lesson-binary-answer-card.flex-col.items-center,.lesson-card[data-step-id=swing-build] .w-full.max-w-md.flex.flex-col.lesson-binary-answer-card,.lesson-card[data-step-id=swing-build] .lesson-binary-answer-card.max-w-md.flex.flex-col.items-center{gap:3px}.lesson-card:is([data-step-id=lines],[data-step-id=spaces]) .w-full.max-w-lg.lesson-binary-answer-card.flex-col.items-center{gap:4px}.lesson-card:is([data-step-id=lines],[data-step-id=spaces]) .w-full.max-w-lg.flex.flex-col.lesson-binary-answer-card{gap:4px}.lesson-card:is([data-step-id=lines],[data-step-id=spaces]) .lesson-binary-answer-card.max-w-lg.flex.flex-col.items-center{gap:4px}.lesson-card[data-step-id=compare-all] .w-full.lesson-binary-answer-card.justify-center:has(>.lesson-callout--boxed){margin-top:8px}.lesson-card[data-step-id=compare-all] .lesson-binary-answer-card.flex.justify-center:has(>.lesson-callout--boxed){margin-top:8px}.middle-c-hinge-visual>.lesson-binary-answer-card.max-w-md{max-width:385px}.staff-basics-ladder-visual [class*="[&_svg]:h-[188px]"]>.lesson-binary-answer-card.max-w-md{padding-top:4px;padding-bottom:4px}.major-scale-zoo-visual>.lesson-binary-answer-card.flex-col{gap:3px}.lesson-card[data-step-id=transpose-melody] .major-scale-transpose-step>.w-full.lesson-binary-answer-card.justify-center{margin-top:5px}.lesson-card[data-step-id=transpose-melody] .major-scale-transpose-step>.lesson-binary-answer-card.flex.justify-center{margin-top:5px}.lesson-card[data-step-id=spine] .scale-degree-spine>.lesson-binary-answer-card.flex-wrap{gap:4px 10px}.lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]):has(.playing-scales-fingering-visual) .pt-stagger>.w-full.lesson-binary-answer-card.justify-center{margin-top:8px}.lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]):has(.playing-scales-fingering-visual) .pt-stagger>.lesson-binary-answer-card.flex.justify-center{margin-top:8px}.playing-scales-fingering-visual>.lesson-binary-answer-card.py-2{padding-top:2px;padding-bottom:2px}.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-map) .pt-stagger>.w-full.lesson-binary-answer-card.justify-center{margin-top:20px}.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-map) .pt-stagger>.lesson-binary-answer-card.flex.justify-center{margin-top:20px}.lesson-card[data-step-id=make-melody]:has(.natural-minor-melody-maker) .pt-stagger>.w-full.lesson-binary-answer-card.justify-center{margin-top:12px}.lesson-card[data-step-id=make-melody]:has(.natural-minor-melody-maker) .pt-stagger>.lesson-binary-answer-card.flex.justify-center{margin-top:12px}.natural-minor-melody-maker .lesson-step-sequencer>.lesson-binary-answer-card.rounded-2xl{padding-top:6px;padding-bottom:6px}.lesson-card[data-step-id=where-you-hear]:has(.build-major-where-you-hear-visual) .pt-stagger>.w-full.lesson-binary-answer-card.justify-center,.lesson-card[data-step-id=why-accidentals]:has(.build-major-why-accidentals-visual) .pt-stagger>.w-full.lesson-binary-answer-card.justify-center,.lesson-card[data-step-id=compare-three]:has(.playing-scales-compare-three-visual) .pt-stagger>.w-full.lesson-binary-answer-card.justify-center,.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-visual) .pt-stagger>.w-full.lesson-binary-answer-card.justify-center{margin-top:7px}.lesson-card[data-step-id=where-you-hear]:has(.build-major-where-you-hear-visual) .pt-stagger>.lesson-binary-answer-card.flex.justify-center,.lesson-card[data-step-id=why-accidentals]:has(.build-major-why-accidentals-visual) .pt-stagger>.lesson-binary-answer-card.flex.justify-center,.lesson-card[data-step-id=compare-three]:has(.playing-scales-compare-three-visual) .pt-stagger>.lesson-binary-answer-card.flex.justify-center,.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-visual) .pt-stagger>.lesson-binary-answer-card.flex.justify-center{margin-top:7px}.build-major-where-you-hear-visual>.lesson-binary-answer-card.rounded-3xl{gap:6px;padding-top:8px;padding-bottom:8px}.lesson-card[data-step-id=real-music-usage] .pt-stagger>.w-full.lesson-binary-answer-card.justify-center{margin-top:12px}.lesson-card[data-step-id=real-music-usage] .pt-stagger>.lesson-binary-answer-card.flex.justify-center{margin-top:12px}.lesson-card:has(.short-viewport-genre-grid)>div>.pt-stagger>.w-full.lesson-binary-answer-card.justify-center,.lesson-card:has(.melodic-minor-formula-visual)>div>.pt-stagger>.w-full.lesson-binary-answer-card.justify-center,.lesson-card:has(.major-pentatonic-formula-visual)>div>.pt-stagger>.w-full.lesson-binary-answer-card.justify-center,.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.w-full.lesson-binary-answer-card.justify-center,.lesson-card:has(.intro-chords-vocab-visual)>div>.pt-stagger>.w-full.lesson-binary-answer-card.justify-center{margin-top:4px}.lesson-card:has(.short-viewport-genre-grid)>div>.pt-stagger>.lesson-binary-answer-card.flex.justify-center,.lesson-card:has(.melodic-minor-formula-visual)>div>.pt-stagger>.lesson-binary-answer-card.flex.justify-center,.lesson-card:has(.major-pentatonic-formula-visual)>div>.pt-stagger>.lesson-binary-answer-card.flex.justify-center,.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.lesson-binary-answer-card.flex.justify-center,.lesson-card:has(.intro-chords-vocab-visual)>div>.pt-stagger>.lesson-binary-answer-card.flex.justify-center{margin-top:4px}.short-viewport-genre-grid>div[role=button]>.lesson-binary-answer-card:first-child>.w-7.h-7{width:24px;height:24px}.short-viewport-genre-grid>div[role=button]>.lesson-binary-answer-card.flex-wrap span{min-width:20px;height:20px;padding-left:4px;padding-right:4px}.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.w-full.lesson-binary-answer-card.justify-center{margin-top:12px}.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.lesson-binary-answer-card.flex.justify-center{margin-top:12px}.intro-chords-vocab-visual>.lesson-binary-answer-card.max-w-md>button{gap:8px;padding-top:10px;padding-bottom:10px}.chord-construction-seventh-visual>.lesson-binary-answer-card.max-w-md>button,.shifting-odd-one-visual>.lesson-binary-answer-card.max-w-md>button,.chord-formulas-no-scale-visual>.lesson-binary-answer-card.max-w-md>button,.triads-drop-lab-visual>.lesson-binary-answer-card.max-w-md>button{gap:7px;padding-top:9px;padding-bottom:9px}.chord-construction-seventh-visual>.lesson-binary-answer-card.max-w-md>button{padding-top:5px;padding-bottom:5px}.chord-formulas-hook-visual>button>.lesson-binary-answer-card.items-center.gap-1>span.grid{height:20px;min-width:20px}.chord-formulas-hook-visual>button>.flex.lesson-binary-answer-card.gap-1>span.grid{height:20px;min-width:20px}.triads-family-map-visual>.w-full.lesson-binary-answer-card.flex-col{gap:4px}.triads-family-map-visual>.lesson-binary-answer-card.flex.flex-col{gap:4px}.triads-family-map-visual>.w-full.lesson-binary-answer-card.flex-col>button{gap:8px;padding-top:6px;padding-bottom:6px}.triads-family-map-visual>.lesson-binary-answer-card.flex.flex-col>button{gap:8px;padding-top:6px;padding-bottom:6px}.triads-family-map-visual>.w-full.lesson-binary-answer-card.flex-col>button>span:first-child{height:36px}.triads-family-map-visual>.lesson-binary-answer-card.flex.flex-col>button>span:first-child{height:36px}.power-chords-physics-visual>.lesson-binary-answer-card.max-w-md>button,.slash-chords-anatomy-visual>.lesson-binary-answer-card.max-w-md>button{gap:7px;padding-top:9px;padding-bottom:9px}.add-chords-counting-visual>.lesson-binary-answer-card>button{padding-top:6px;padding-bottom:6px}.slash-chords-anatomy-visual>.lesson-binary-answer-card:first-child{transform:scale(.9);transform-origin:center;margin-top:-2px;margin-bottom:-2px}.slash-chords-staircase-visual>.lesson-binary-answer-card:first-child{gap:6px}.slash-chords-staircase-visual>.lesson-binary-answer-card:first-child>button{padding-top:8px;padding-bottom:8px}.chord-inversions-why-visual>.lesson-binary-answer-card.max-w-md>button{gap:7px;padding-top:10px;padding-bottom:10px}.chord-inversions-why-visual>.lesson-binary-answer-card.max-w-md>button .h-12.w-16{width:56px;height:42px}.chord-voicings-dials-visual>.lesson-binary-answer-card:first-child{gap:6px}.chord-voicings-dials-visual>.lesson-binary-answer-card:first-child>button{padding-top:7px;padding-bottom:7px}.chord-voicings-suits-visual>.lesson-binary-answer-card:first-child>button{padding-top:6px;padding-bottom:6px}.chord-voicings-gm-visual>.lesson-binary-answer-card:first-child>button{padding-top:8px;padding-bottom:8px}.chord-function-context-visual>.lesson-binary-answer-card.max-w-md>button{--piano-incard-white-key-height: 60px;--piano-incard-black-key-height: 40px;gap:7px;padding-top:10px;padding-bottom:10px}.what-is-progression-loops-visual>.w-full.max-w-lg>.lesson-binary-answer-card:first-child{padding-top:5px;padding-bottom:5px}.what-is-progression-loops-visual>.lesson-binary-answer-card.max-w-lg>.flex:first-child{padding-top:5px;padding-bottom:5px}.what-is-progression-loops-visual>.w-full.max-w-lg>.lesson-binary-answer-card:nth-child(2) span{padding-top:2px;padding-bottom:2px}.what-is-progression-loops-visual>.lesson-binary-answer-card.max-w-lg>.flex:nth-child(2) span{padding-top:2px;padding-bottom:2px}.diatonic-shades-visual>.lesson-binary-answer-card:first-child{padding:2px}.diatonic-shades-visual>.lesson-binary-answer-card:first-child button{padding-top:4px;padding-bottom:4px}.diatonic-shades-visual>.lesson-binary-answer-card.flex-col.items-center{gap:4px}.diatonic-shades-visual>.flex.flex-col.lesson-binary-answer-card{gap:4px}.diatonic-shades-visual>.lesson-binary-answer-card.flex-col.items-center>button{padding-top:6px;padding-bottom:6px}.diatonic-shades-visual>.flex.flex-col.lesson-binary-answer-card>button{padding-top:6px;padding-bottom:6px}.chords-recital-finale-visual>.lesson-binary-answer-card.flex-col.items-center{gap:5px}.chords-recital-finale-visual>.flex.flex-col.lesson-binary-answer-card{gap:5px}.chords-recital-finale-visual>.lesson-binary-answer-card.flex-col.items-center>.flex.items-center{gap:8px}.chords-recital-finale-visual>.flex.flex-col.lesson-binary-answer-card>.flex.items-center{gap:8px}.minor-functions-leading-tone-visual>.lesson-binary-answer-card:first-child,.major-motions-deceptive-visual>.lesson-binary-answer-card:first-child,.other-chords-color-visual>.lesson-binary-answer-card:first-child{margin-top:0;margin-bottom:0}.minor-key-shortcut-visual>.lesson-binary-answer-card{margin-top:0;margin-bottom:0;padding-top:6px;padding-bottom:6px}.minor-functions-leading-tone-visual>.lesson-binary-answer-card.rounded-2xl,.major-motions-deceptive-visual>.lesson-binary-answer-card.rounded-2xl,.other-chords-color-visual>.lesson-binary-answer-card.rounded-2xl{padding-top:8px;padding-bottom:8px}.one-four-five-beat-visual>.lesson-binary-answer-card.max-w-md,.one-five-six-four-beat-visual>.lesson-binary-answer-card.max-w-md{gap:7px}.one-four-five-beat-visual>.lesson-binary-answer-card.max-w-md>.w-full.rounded-2xl,.one-five-six-four-beat-visual>.lesson-binary-answer-card.max-w-md>.w-full.rounded-2xl{padding:10px}.four-one-five-six-beat-visual>.lesson-binary-answer-card.max-w-md{gap:7px}.four-one-five-six-beat-visual>.lesson-binary-answer-card.max-w-md>.w-full.rounded-2xl{padding:10px}.voice-leading-rules-visual>.w-full.lesson-binary-answer-card.flex-col{gap:6px}.voice-leading-rules-visual>.lesson-binary-answer-card.flex.flex-col{gap:6px}.voice-leading-rules-visual>.w-full.lesson-binary-answer-card.flex-col>button{padding-top:8px;padding-bottom:8px}.voice-leading-rules-visual>.lesson-binary-answer-card.flex.flex-col>button{padding-top:8px;padding-bottom:8px}.voice-leading-quiz-visual>.lesson-binary-answer-card.items-center.gap-1\.5>span{height:24px}.voice-leading-quiz-visual>.flex.lesson-binary-answer-card.gap-1\.5>span{height:24px}}@media (max-width: 767px) and (max-height: 590px){.lesson-module-1 .lesson-card:is([data-step-id=find-2black],[data-step-id=find-3black]) .lesson-binary-answer-card.items-stretch>div{gap:4px;padding:7px 12px}.lesson-module-1 .lesson-card:is([data-step-id=find-2black],[data-step-id=find-3black]) .lesson-binary-answer-card.items-stretch>div>div:last-child{font-size:10px;line-height:1.1}.lesson-module-1 .lesson-card[data-step-id=mary-lamb] .lesson-binary-answer-card.items-end.justify-center{flex-wrap:nowrap;gap:4px}.lesson-module-1 .lesson-card[data-step-id=mary-lamb] .lesson-binary-answer-card.items-end.justify-center>div>div{width:36px;height:56px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .lesson-binary-answer-card.items-center.justify-center.flex-wrap{flex-wrap:nowrap;gap:8px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.lesson-binary-answer-card.justify-center.flex-wrap{flex-wrap:nowrap;gap:8px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .lesson-binary-answer-card.items-center.justify-center.flex-wrap>div{width:48px;height:48px;font-size:18px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.lesson-binary-answer-card.justify-center.flex-wrap>div{width:48px;height:48px;font-size:18px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .relative.w-full.lesson-binary-answer-card.flex-col.items-center,.lesson-module-1 .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.flex-col.lesson-binary-answer-card,.lesson-module-1 .lesson-card[data-step-id=m4-finale] .relative.lesson-binary-answer-card.flex.flex-col.items-center{gap:8px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .lesson-binary-answer-card.items-center.justify-center.flex-wrap,.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.lesson-binary-answer-card.justify-center.flex-wrap{flex-wrap:nowrap;gap:4px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .lesson-binary-answer-card.items-center.justify-center.flex-wrap>div{width:36px;height:36px;font-size:15px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.lesson-binary-answer-card.justify-center.flex-wrap>div{width:36px;height:36px;font-size:15px}}@media (min-width: 768px) and (max-height: 851px){.lesson-card[data-step-id=method-3-circle] .pt-stagger>.w-full.lesson-binary-answer-card.justify-center,.lesson-card[data-step-id=real-music-usage] .pt-stagger>.w-full.lesson-binary-answer-card.justify-center,.lesson-card:has(.harmonic-minor-intro-visual) .pt-stagger>.w-full.lesson-binary-answer-card.justify-center,.lesson-card:has(.harmonic-minor-genre-grid) .pt-stagger>.w-full.lesson-binary-answer-card.justify-center,.lesson-card:has(.harmonic-minor-formula-visual) .pt-stagger>.w-full.lesson-binary-answer-card.justify-center,.lesson-card:has(.melodic-minor-genre-grid) .pt-stagger>.w-full.lesson-binary-answer-card.justify-center,.lesson-card[data-step-id=formula-smooth] .pt-stagger>.w-full.lesson-binary-answer-card.justify-center{margin-top:2px}.lesson-card[data-step-id=method-3-circle] .pt-stagger>.lesson-binary-answer-card.flex.justify-center,.lesson-card[data-step-id=real-music-usage] .pt-stagger>.lesson-binary-answer-card.flex.justify-center,.lesson-card:has(.harmonic-minor-intro-visual) .pt-stagger>.lesson-binary-answer-card.flex.justify-center,.lesson-card:has(.harmonic-minor-genre-grid) .pt-stagger>.lesson-binary-answer-card.flex.justify-center,.lesson-card:has(.harmonic-minor-formula-visual) .pt-stagger>.lesson-binary-answer-card.flex.justify-center,.lesson-card:has(.melodic-minor-genre-grid) .pt-stagger>.lesson-binary-answer-card.flex.justify-center,.lesson-card[data-step-id=formula-smooth] .pt-stagger>.lesson-binary-answer-card.flex.justify-center{margin-top:2px}.harmonic-minor-formula-visual>.lesson-binary-answer-card.max-w-md,.melodic-minor-formula-visual>.lesson-binary-answer-card.max-w-md{border-radius:12px}.harmonic-minor-formula-visual>.lesson-binary-answer-card.max-w-md button,.melodic-minor-formula-visual>.lesson-binary-answer-card.max-w-md button{padding-top:5px;padding-bottom:5px}:is(.key-signatures-viewport-step[data-step-id=hook],.key-signatures-viewport-step[data-step-id=what-it-is],.middle-c-grand-staff-viewport-step[data-step-id=border-notes],.landmark-notes-viewport-step[data-step-id=anchors],.ledger-lines-viewport-step[data-step-id=hook],.ledger-lines-viewport-step[data-step-id=rungs],.reading-intervals-viewport-step[data-step-id=hook],.reading-scales-viewport-step[data-step-id=signature],.reading-scales-viewport-step[data-step-id=relative])>.w-full.lesson-binary-answer-card.justify-center{margin-top:16px}:is(.key-signatures-viewport-step[data-step-id=hook],.key-signatures-viewport-step[data-step-id=what-it-is],.middle-c-grand-staff-viewport-step[data-step-id=border-notes],.landmark-notes-viewport-step[data-step-id=anchors],.ledger-lines-viewport-step[data-step-id=hook],.ledger-lines-viewport-step[data-step-id=rungs],.reading-intervals-viewport-step[data-step-id=hook],.reading-scales-viewport-step[data-step-id=signature],.reading-scales-viewport-step[data-step-id=relative])>.lesson-binary-answer-card.flex.justify-center{margin-top:16px}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .pt-stagger>.w-full.lesson-binary-answer-card.justify-center{margin-top:8px}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .pt-stagger>.lesson-binary-answer-card.flex.justify-center{margin-top:8px}:is([data-lesson-id=intro-to-chords],[data-lesson-id=fully-diminished7],[data-lesson-id=chord-inversion-practice]) .lesson-card[data-step-id=quick-check] .max-w-md.lesson-binary-answer-card.flex-col.items-center{gap:8px}:is([data-lesson-id=intro-to-chords],[data-lesson-id=fully-diminished7],[data-lesson-id=chord-inversion-practice]) .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-binary-answer-card{gap:8px}}@media (min-width: 1024px) and (max-height: 780px){[data-lesson-module="4"] .lesson-card--bare>.lesson-binary-answer-card.justify-center:first-child{margin-bottom:6px}[data-lesson-module="4"] .pt-stagger>.w-full.lesson-binary-answer-card.justify-center .max-w-lg{max-width:48rem}[data-lesson-module="4"] .pt-stagger>.lesson-binary-answer-card.flex.justify-center .max-w-lg{max-width:48rem}.triads-jobs-visual>.w-full.lesson-binary-answer-card.flex-col,.add-chords-habitats-visual>.w-full.lesson-binary-answer-card.flex-col{gap:6px}.triads-jobs-visual>.lesson-binary-answer-card.flex.flex-col,.add-chords-habitats-visual>.lesson-binary-answer-card.flex.flex-col{gap:6px}.triads-jobs-visual>.w-full.lesson-binary-answer-card.flex-col>button,.add-chords-habitats-visual>.w-full.lesson-binary-answer-card.flex-col>button{padding-top:6px;padding-bottom:6px}.triads-jobs-visual>.lesson-binary-answer-card.flex.flex-col>button,.add-chords-habitats-visual>.lesson-binary-answer-card.flex.flex-col>button{padding-top:6px;padding-bottom:6px}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=roman-numerals] .lesson-card[data-step-id=quick-check] .max-w-md.lesson-binary-answer-card.flex-col.items-center,[data-lesson-id=roman-numerals] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-binary-answer-card{gap:8px}[data-lesson-id=progression-tips] .lesson-card[data-step-id=quick-check] .max-w-md.lesson-binary-answer-card.flex-col.items-center,[data-lesson-id=progression-tips] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-binary-answer-card{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops]>.lesson-binary-answer-card.justify-center{margin-bottom:4px}[data-lesson-id=what-is-progression] .lesson-card:is([data-step-id=hook],[data-step-id=loops],[data-step-id=ear-which-order],[data-step-id=quick-check])>.lesson-binary-answer-card.justify-center{margin-bottom:8px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=hook] .max-w-lg.lesson-binary-answer-card.flex-col.items-center>.flex.flex-col.items-center{gap:12px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=hook] .max-w-lg.flex.flex-col.lesson-binary-answer-card>.flex.flex-col.items-center{gap:12px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops] .what-is-progression-loops-visual>.w-full.max-w-lg>.lesson-binary-answer-card:first-child{padding-block:2px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops] .what-is-progression-loops-visual>.lesson-binary-answer-card.max-w-lg>.flex:first-child{padding-block:2px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops] .what-is-progression-loops-visual>.w-full.max-w-lg>.lesson-binary-answer-card:nth-child(2) span{padding-block:0}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops] .what-is-progression-loops-visual>.lesson-binary-answer-card.max-w-lg>.flex:nth-child(2) span{padding-block:0}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=quick-check] .max-w-md.lesson-binary-answer-card.flex-col.items-center,[data-lesson-id=what-is-progression] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-binary-answer-card{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=ear-which-order] .max-w-md.lesson-binary-answer-card.flex-col.items-center,[data-lesson-id=what-is-progression] .lesson-card[data-step-id=ear-which-order] .max-w-md.flex.flex-col.lesson-binary-answer-card{gap:4px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .max-w-lg.lesson-binary-answer-card.flex-col.items-center,[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .max-w-lg.flex.flex-col.lesson-binary-answer-card{gap:12px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .key-shortcut-practice.max-w-lg.lesson-binary-answer-card.flex-col.items-center,[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .key-shortcut-practice.max-w-lg.flex.flex-col.lesson-binary-answer-card{gap:4px}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .pt-stagger>.w-full.lesson-binary-answer-card.justify-center{margin-top:18px}[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .pt-stagger>.lesson-binary-answer-card.flex.justify-center{margin-top:18px}[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .treble-lines-visual.w-full.max-w-lg.lesson-binary-answer-card.flex-col.items-center,[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .treble-lines-visual.w-full.max-w-lg.flex.flex-col.lesson-binary-answer-card,[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .treble-lines-visual.lesson-binary-answer-card.max-w-lg.flex.flex-col.items-center{gap:12px}}@media (min-width: 768px) and (max-height: 780px){:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m4-finale] .relative.w-full.lesson-binary-answer-card.flex-col.items-center{gap:8px}:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.flex-col.lesson-binary-answer-card{gap:8px}:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m4-finale] .relative.lesson-binary-answer-card.flex.flex-col.items-center{gap:8px}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-example-card>.lesson-binary-answer-card.w-full.flex-col.items-center{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-example-card>.flex.w-full.flex-col.lesson-binary-answer-card{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-example-card>.flex.lesson-binary-answer-card.flex-col.items-center{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=compare] .grid>button>.lesson-binary-answer-card.w-full.flex-col.items-center{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=compare] .grid>button>.flex.w-full.flex-col.lesson-binary-answer-card{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=compare] .grid>button>.flex.lesson-binary-answer-card.flex-col.items-center{zoom:.82}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.lesson-binary-answer-card.justify-center button{gap:8px;padding-block:10px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.lesson-binary-answer-card.flex.justify-center button{gap:8px;padding-block:10px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.lesson-binary-answer-card.justify-center button>.flex.flex-col.items-center{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.justify-center button>.flex.flex-col.lesson-binary-answer-card{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.lesson-binary-answer-card.flex.justify-center button>.flex.flex-col.items-center{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}[data-lesson-id=interval-examples] .lesson-card:is([data-step-id=star-wars],[data-step-id=simpsons],[data-step-id=bad],[data-step-id=take-on-me]) [role=button].group.lesson-binary-answer-card.flex-col{gap:6px;padding-block:8px}}@media (min-width: 1200px) and (max-width: 1300px) and (min-height: 800px) and (max-height: 830px){[data-lesson-id=naming-whites] .lesson-card:is([data-step-id=finding-c],[data-step-id=alphabet]) .pt-stagger>:is(.w-full.lesson-binary-answer-card.justify-center,.w-full.max-w-lg.mx-auto){margin-top:40px}[data-lesson-id=naming-whites] .lesson-card:is([data-step-id=finding-c],[data-step-id=alphabet]) .pt-stagger>:is(.lesson-binary-answer-card.flex.justify-center,.w-full.max-w-lg.mx-auto){margin-top:40px}[data-lesson-id=naming-whites] .lesson-card[data-step-id=alphabet] .pt-stagger>.lesson-binary-answer-card.max-w-lg.mx-auto{max-width:640px}}@media (min-width: 768px) and (max-height: 780px){[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=recap] .pt-stagger>.w-full.lesson-binary-answer-card.justify-center{margin-top:4px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=recap] .pt-stagger>.lesson-binary-answer-card.flex.justify-center{margin-top:4px}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=enharmonics] .pt-stagger>.w-full.lesson-binary-answer-card.justify-center{gap:4px;margin-top:3px}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=enharmonics] .pt-stagger>.lesson-binary-answer-card.flex.justify-center{gap:4px;margin-top:3px}[data-lesson-id=major-scale-pattern] .major-scale-zoo-visual>.lesson-binary-answer-card.flex-col{gap:1px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=what-you-can-do] .pt-stagger>.w-full.lesson-binary-answer-card.justify-center{margin-top:4px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=what-you-can-do] .pt-stagger>.lesson-binary-answer-card.flex.justify-center{margin-top:4px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=build-melody] .pt-stagger>.w-full.lesson-binary-answer-card.justify-center{margin-top:3px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=build-melody] .pt-stagger>.lesson-binary-answer-card.flex.justify-center{margin-top:3px}[data-lesson-id=build-major-scale] .build-major-where-you-hear-visual>.lesson-binary-answer-card.flex-wrap{display:none}[data-lesson-id=major-scale-practice] .lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]) .pt-stagger>.w-full.lesson-binary-answer-card.justify-center{margin-top:3px}[data-lesson-id=major-scale-practice] .lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]) .pt-stagger>.lesson-binary-answer-card.flex.justify-center{margin-top:3px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.lesson-binary-answer-card.mx-auto.max-w-md{max-width:40rem}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.w-full.lesson-binary-answer-card.justify-center{margin-top:2px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.lesson-binary-answer-card.flex.justify-center{margin-top:2px}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=method-1-demo] .pt-stagger>.w-full.lesson-binary-answer-card.justify-center>*{max-width:40rem;gap:4px}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=method-1-demo] .pt-stagger>.lesson-binary-answer-card.flex.justify-center>*{max-width:40rem;gap:4px}[data-lesson-id=minor-pentatonic] .lesson-card[data-step-id=where] .pt-stagger>.w-full.lesson-binary-answer-card.justify-center{margin-top:4px}[data-lesson-id=minor-pentatonic] .lesson-card[data-step-id=where] .pt-stagger>.lesson-binary-answer-card.flex.justify-center{margin-top:4px}}.lesson-binary-answer-card:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: hsl(var(--primary));--tw-ring-offset-width: 2px}.lesson-binary-answer-card{min-height:118px;gap:16px;padding:18px 20px;border-radius:14px;background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:var(--shadow-xs);transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.lesson-binary-answer-card:hover{background:hsl(var(--primary) / .04);border-color:hsl(var(--primary) / .35);box-shadow:var(--shadow-sm)}.lesson-binary-answer-card:active{transform:scale(.99)}.\!dark .lesson-binary-answer-card{background:hsl(var(--primary) / .07)!important;border-color:hsl(var(--primary) / .15)!important;box-shadow:none!important}.dark .lesson-binary-answer-card{background:hsl(var(--primary) / .07);border-color:hsl(var(--primary) / .15);box-shadow:none}.\!dark .lesson-binary-answer-card:hover{background:hsl(var(--primary) / .1)!important;border-color:hsl(var(--primary) / .4)!important}.dark .lesson-binary-answer-card:hover{background:hsl(var(--primary) / .1);border-color:hsl(var(--primary) / .4)}.lesson-binary-answer-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px}@media (min-width: 768px) and (max-height: 860px){:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) .lesson-card>.flex.lesson-binary-answer-icon{margin-bottom:2px}}@media (min-width: 768px) and (max-height: 780px){.lesson-step-what-is-2nd>.w-full.flex.lesson-binary-answer-icon{margin-top:4px}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=staff-basics] .lesson-card[data-step-id=lines-spaces] .pt-stagger>.w-full.flex.lesson-binary-answer-icon,[data-lesson-id=treble-clef-notes] .lesson-card:is([data-step-id=lines],[data-step-id=two-clefs],[data-step-id=two-clefs-bass]) .pt-stagger>.w-full.flex.lesson-binary-answer-icon{margin-top:2px}.melodic-harmonic-concept-step>.w-full.flex.lesson-binary-answer-icon{margin-top:6px}.unison-octaves-concept-step>.w-full.flex.lesson-binary-answer-icon{margin-top:8px}.seconds-thirds-what-is-3rd-step>.w-full.flex.lesson-binary-answer-icon{margin-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.w-full.flex.lesson-binary-answer-icon{margin-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull-chords] .pt-stagger>.w-full.flex.lesson-binary-answer-icon{margin-top:4px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.w-full.flex.lesson-binary-answer-icon ul{gap:6px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.w-full.flex.lesson-binary-answer-icon li{padding-top:8px;padding-bottom:8px}.lesson-card[data-step-id=recap]:has(.what-is-key-recap-visual) .pt-stagger>.w-full.flex.lesson-binary-answer-icon{margin-top:24px}.lesson-card[data-step-id=build-melody] .pt-stagger>.w-full.flex.lesson-binary-answer-icon{margin-top:16px}.major-scale-transpose-step>.flex.flex-col.lesson-binary-answer-icon{gap:8px}.major-scale-transpose-step>.w-full.flex.lesson-binary-answer-icon{margin-top:12px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) .flex.flex-col.w-full.gap-4.lesson-binary-answer-icon{gap:8px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) :is(.w-full.max-w-md,.w-full.max-w-lg).flex.flex-col.lesson-binary-answer-icon{gap:4px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .w-full.max-w-lg.flex.flex-col.lesson-binary-answer-icon{gap:1px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .flex.flex-col.w-full.gap-4.lesson-binary-answer-icon{gap:6px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=dc-fine],[data-step-id=ds-coda])>div>.pt-stagger .w-full.max-w-lg>.flex.lesson-binary-answer-icon>.flex.flex-col{padding-top:2px;padding-bottom:2px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) button[aria-label="Watch the playing order"]>.flex.lesson-binary-answer-icon>svg{width:auto;height:72px}.lesson-card[data-step-id=hear-bluesy]>div>.pt-stagger>.w-full.flex.lesson-binary-answer-icon{margin-top:4px}.lesson-card:is([data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) .w-full.max-w-lg.flex.flex-col.lesson-binary-answer-icon{gap:6px}.lesson-card[data-step-id=fingering] .flex.flex-col.gap-4.lesson-binary-answer-icon.w-full{gap:2px}.lesson-card[data-step-id=swing-build] .w-full.max-w-md.flex.flex-col.lesson-binary-answer-icon{gap:3px}.lesson-card:is([data-step-id=lines],[data-step-id=spaces]) .w-full.max-w-lg.flex.flex-col.lesson-binary-answer-icon{gap:4px}.lesson-card[data-step-id=compare-all] .w-full.flex.lesson-binary-answer-icon:has(>.lesson-callout--boxed){margin-top:8px}.lesson-card[data-step-id=transpose-melody] .major-scale-transpose-step>.w-full.flex.lesson-binary-answer-icon{margin-top:5px}.lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]):has(.playing-scales-fingering-visual) .pt-stagger>.w-full.flex.lesson-binary-answer-icon{margin-top:8px}.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-map) .pt-stagger>.w-full.flex.lesson-binary-answer-icon{margin-top:20px}.lesson-card[data-step-id=make-melody]:has(.natural-minor-melody-maker) .pt-stagger>.w-full.flex.lesson-binary-answer-icon{margin-top:12px}.lesson-card[data-step-id=where-you-hear]:has(.build-major-where-you-hear-visual) .pt-stagger>.w-full.flex.lesson-binary-answer-icon,.lesson-card[data-step-id=why-accidentals]:has(.build-major-why-accidentals-visual) .pt-stagger>.w-full.flex.lesson-binary-answer-icon,.lesson-card[data-step-id=compare-three]:has(.playing-scales-compare-three-visual) .pt-stagger>.w-full.flex.lesson-binary-answer-icon,.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-visual) .pt-stagger>.w-full.flex.lesson-binary-answer-icon{margin-top:7px}.lesson-card[data-step-id=real-music-usage] .pt-stagger>.w-full.flex.lesson-binary-answer-icon{margin-top:12px}.lesson-card:has(.short-viewport-genre-grid)>div>.pt-stagger>.w-full.flex.lesson-binary-answer-icon,.lesson-card:has(.melodic-minor-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-binary-answer-icon,.lesson-card:has(.major-pentatonic-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-binary-answer-icon,.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-binary-answer-icon,.lesson-card:has(.intro-chords-vocab-visual)>div>.pt-stagger>.w-full.flex.lesson-binary-answer-icon{margin-top:4px}.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-binary-answer-icon{margin-top:12px}.chord-formulas-hook-visual>button>.flex.lesson-binary-answer-icon.gap-1>span.grid{height:20px;min-width:20px}.diatonic-shades-visual>.flex.flex-col.lesson-binary-answer-icon{gap:4px}.diatonic-shades-visual>.flex.flex-col.lesson-binary-answer-icon>button{padding-top:6px;padding-bottom:6px}.chords-recital-finale-visual>.flex.flex-col.lesson-binary-answer-icon{gap:5px}.chords-recital-finale-visual>.flex.flex-col.lesson-binary-answer-icon>.flex.items-center{gap:8px}.voice-leading-quiz-visual>.flex.lesson-binary-answer-icon.gap-1\.5>span{height:24px}}@media (max-width: 767px) and (max-height: 590px){.lesson-module-1 .lesson-card[data-step-id=mary-lamb] .flex.items-end.lesson-binary-answer-icon{flex-wrap:nowrap;gap:4px}.lesson-module-1 .lesson-card[data-step-id=mary-lamb] .flex.items-end.lesson-binary-answer-icon>div>div{width:36px;height:56px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.lesson-binary-answer-icon.justify-center.flex-wrap{flex-wrap:nowrap;gap:8px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.items-center.lesson-binary-answer-icon.flex-wrap{flex-wrap:nowrap;gap:8px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.lesson-binary-answer-icon.justify-center.flex-wrap>div{width:48px;height:48px;font-size:18px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.items-center.lesson-binary-answer-icon.flex-wrap>div{width:48px;height:48px;font-size:18px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.flex-col.lesson-binary-answer-icon{gap:8px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.lesson-binary-answer-icon.justify-center.flex-wrap,.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.items-center.lesson-binary-answer-icon.flex-wrap{flex-wrap:nowrap;gap:4px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.lesson-binary-answer-icon.justify-center.flex-wrap>div{width:36px;height:36px;font-size:15px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.items-center.lesson-binary-answer-icon.flex-wrap>div{width:36px;height:36px;font-size:15px}}@media (min-width: 768px) and (max-height: 851px){.lesson-card[data-step-id=method-3-circle] .pt-stagger>.w-full.flex.lesson-binary-answer-icon,.lesson-card[data-step-id=real-music-usage] .pt-stagger>.w-full.flex.lesson-binary-answer-icon,.lesson-card:has(.harmonic-minor-intro-visual) .pt-stagger>.w-full.flex.lesson-binary-answer-icon,.lesson-card:has(.harmonic-minor-genre-grid) .pt-stagger>.w-full.flex.lesson-binary-answer-icon,.lesson-card:has(.harmonic-minor-formula-visual) .pt-stagger>.w-full.flex.lesson-binary-answer-icon,.lesson-card:has(.melodic-minor-genre-grid) .pt-stagger>.w-full.flex.lesson-binary-answer-icon,.lesson-card[data-step-id=formula-smooth] .pt-stagger>.w-full.flex.lesson-binary-answer-icon{margin-top:2px}.harmonic-minor-intro-visual>.lesson-binary-answer-icon button{padding-top:4px;padding-bottom:4px}:is(.key-signatures-viewport-step[data-step-id=hook],.key-signatures-viewport-step[data-step-id=what-it-is],.middle-c-grand-staff-viewport-step[data-step-id=border-notes],.landmark-notes-viewport-step[data-step-id=anchors],.ledger-lines-viewport-step[data-step-id=hook],.ledger-lines-viewport-step[data-step-id=rungs],.reading-intervals-viewport-step[data-step-id=hook],.reading-scales-viewport-step[data-step-id=signature],.reading-scales-viewport-step[data-step-id=relative])>.w-full.flex.lesson-binary-answer-icon{margin-top:16px}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .pt-stagger>.w-full.flex.lesson-binary-answer-icon{margin-top:8px}:is([data-lesson-id=intro-to-chords],[data-lesson-id=fully-diminished7],[data-lesson-id=chord-inversion-practice]) .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-binary-answer-icon{gap:8px}}@media (min-width: 1024px) and (max-height: 780px){[data-lesson-module="4"] .lesson-card--bare>.flex.lesson-binary-answer-icon:first-child{margin-bottom:6px}[data-lesson-module="4"] .pt-stagger>.w-full.flex.lesson-binary-answer-icon .max-w-lg{max-width:48rem}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=roman-numerals] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-binary-answer-icon{gap:8px}[data-lesson-id=progression-tips] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-binary-answer-icon{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops]>.flex.lesson-binary-answer-icon{margin-bottom:4px}[data-lesson-id=what-is-progression] .lesson-card:is([data-step-id=hook],[data-step-id=loops],[data-step-id=ear-which-order],[data-step-id=quick-check])>.flex.lesson-binary-answer-icon{margin-bottom:8px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=hook] .max-w-lg.flex.flex-col.lesson-binary-answer-icon>.flex.flex-col.items-center{gap:12px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-binary-answer-icon{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=ear-which-order] .max-w-md.flex.flex-col.lesson-binary-answer-icon{gap:4px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .max-w-lg.flex.flex-col.lesson-binary-answer-icon{gap:12px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .key-shortcut-practice.max-w-lg.flex.flex-col.lesson-binary-answer-icon{gap:4px}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .pt-stagger>.w-full.flex.lesson-binary-answer-icon{margin-top:18px}[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .treble-lines-visual.w-full.max-w-lg.flex.flex-col.lesson-binary-answer-icon{gap:12px}}@media (min-width: 768px) and (max-height: 780px){:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.flex-col.lesson-binary-answer-icon{gap:8px}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-example-card>.flex.w-full.flex-col.lesson-binary-answer-icon{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=compare] .grid>button>.flex.w-full.flex-col.lesson-binary-answer-icon{zoom:.82}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.lesson-binary-answer-icon button{gap:8px;padding-block:10px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.justify-center button>.flex.flex-col.lesson-binary-answer-icon{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.lesson-binary-answer-icon button>.flex.flex-col.items-center{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}}@media (min-width: 1200px) and (max-width: 1300px) and (min-height: 800px) and (max-height: 830px){[data-lesson-id=naming-whites] .lesson-card:is([data-step-id=finding-c],[data-step-id=alphabet]) .pt-stagger>:is(.w-full.flex.lesson-binary-answer-icon,.w-full.max-w-lg.mx-auto){margin-top:40px}}@media (min-width: 768px) and (max-height: 780px){[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=recap] .pt-stagger>.w-full.flex.lesson-binary-answer-icon{margin-top:4px}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=enharmonics] .pt-stagger>.w-full.flex.lesson-binary-answer-icon{gap:4px;margin-top:3px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=what-you-can-do] .pt-stagger>.w-full.flex.lesson-binary-answer-icon{margin-top:4px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=build-melody] .pt-stagger>.w-full.flex.lesson-binary-answer-icon{margin-top:3px}[data-lesson-id=major-scale-practice] .lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]) .pt-stagger>.w-full.flex.lesson-binary-answer-icon{margin-top:3px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.w-full.flex.lesson-binary-answer-icon{margin-top:2px}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.lesson-binary-answer-icon:first-child{padding-block:2px}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.lesson-binary-answer-icon:first-child>span:first-child{width:24px;height:24px}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=method-1-demo] .pt-stagger>.w-full.flex.lesson-binary-answer-icon>*{max-width:40rem;gap:4px}[data-lesson-id=melodic-minor] .melodic-minor-hook-visual>.lesson-binary-answer-icon button{padding-block:4px}[data-lesson-id=minor-pentatonic] .lesson-card[data-step-id=where] .pt-stagger>.w-full.flex.lesson-binary-answer-icon{margin-top:4px}}.lesson-binary-answer-icon{width:46px;height:46px;background:hsl(var(--primary) / .08);color:hsl(var(--primary));transition:background .15s ease,color .15s ease}.lesson-binary-answer-card:hover .lesson-binary-answer-icon{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.lesson-binary-answer-copy{display:flex;min-width:0px;flex-direction:column}@media (min-width: 768px) and (max-height: 860px){:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) .lesson-card>.lesson-binary-answer-copy.justify-center{margin-bottom:2px}:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) .lesson-card[data-step-id=labeling-drill] .pt-stagger>.lesson-binary-answer-copy.flex-wrap button{width:48px;height:64px}[data-lesson-id=scale-degrees-explained] .lesson-card:is([data-step-id=degree-1],[data-step-id=degree-2],[data-step-id=degree-3],[data-step-id=degree-4],[data-step-id=degree-5],[data-step-id=degree-6],[data-step-id=degree-7]) [data-degree-interaction]>.lesson-binary-answer-copy.flex-col{gap:0}[data-lesson-id=scale-degrees-explained] .lesson-card:is([data-step-id=degree-1],[data-step-id=degree-2],[data-step-id=degree-3],[data-step-id=degree-4],[data-step-id=degree-5],[data-step-id=degree-6],[data-step-id=degree-7]) [data-degree-interaction]>.flex.lesson-binary-answer-copy{gap:0}}@media (min-width: 768px) and (max-height: 780px){.lesson-step-what-is-2nd>.w-full.lesson-binary-answer-copy.justify-center{margin-top:4px}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=staff-basics] .lesson-card[data-step-id=lines-spaces] .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center,[data-lesson-id=treble-clef-notes] .lesson-card:is([data-step-id=lines],[data-step-id=two-clefs],[data-step-id=two-clefs-bass]) .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center{margin-top:2px}.melodic-harmonic-concept-step>.w-full.lesson-binary-answer-copy.justify-center{margin-top:6px}.unison-octaves-concept-step>.w-full.lesson-binary-answer-copy.justify-center{margin-top:8px}.seconds-thirds-what-is-3rd-step>.w-full.lesson-binary-answer-copy.justify-center{margin-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center{margin-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull-chords] .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center{margin-top:4px}.what-is-key-chord-pull-visual>.w-full.rounded-3xl>.lesson-binary-answer-copy.items-stretch svg.w-full{height:auto}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center ul{gap:6px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center li{padding-top:8px;padding-bottom:8px}.lesson-card[data-step-id=recap]:has(.what-is-key-recap-visual) .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center{margin-top:24px}.lesson-card[data-step-id=build-melody] .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center{margin-top:16px}.major-scale-transpose-step>.lesson-binary-answer-copy.flex-col.items-center{gap:8px}.major-scale-transpose-step>.flex.lesson-binary-answer-copy.items-center{gap:8px}.major-scale-transpose-step>.w-full.lesson-binary-answer-copy.justify-center{margin-top:12px}.major-scale-transpose-visual>.w-full.max-w-xl>.w-full.rounded-2xl>.relative.lesson-binary-answer-copy.flex-col{gap:2px}.major-scale-transpose-visual>.w-full.max-w-xl>.w-full.rounded-2xl>.relative.flex.lesson-binary-answer-copy{gap:2px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) .lesson-binary-answer-copy.flex-col.w-full.gap-4.items-center{gap:8px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) .flex.lesson-binary-answer-copy.w-full.gap-4.items-center{gap:8px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) :is(.w-full.max-w-md,.w-full.max-w-lg).lesson-binary-answer-copy.flex-col.items-center{gap:4px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) :is(.w-full.max-w-md,.w-full.max-w-lg).flex.lesson-binary-answer-copy.items-center{gap:4px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .w-full.max-w-lg.lesson-binary-answer-copy.flex-col.items-center{gap:1px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .w-full.max-w-lg.flex.lesson-binary-answer-copy.items-center{gap:1px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .lesson-binary-answer-copy.flex-col.w-full.gap-4.items-center{gap:6px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .flex.lesson-binary-answer-copy.w-full.gap-4.items-center{gap:6px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=dc-fine],[data-step-id=ds-coda])>div>.pt-stagger .w-full.max-w-lg>.lesson-binary-answer-copy.items-center>.flex.flex-col{padding-top:2px;padding-bottom:2px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=dc-fine],[data-step-id=ds-coda])>div>.pt-stagger .w-full.max-w-lg>.flex.items-center>.flex.lesson-binary-answer-copy{padding-top:2px;padding-bottom:2px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) button[aria-label="Watch the playing order"]>.lesson-binary-answer-copy.justify-center>svg{width:auto;height:72px}.lesson-card[data-step-id=hear-bluesy]>div>.pt-stagger>.w-full.lesson-binary-answer-copy.justify-center{margin-top:4px}.lesson-card:is([data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) .w-full.max-w-lg.lesson-binary-answer-copy.flex-col.items-center{gap:6px}.lesson-card:is([data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) .w-full.max-w-lg.flex.lesson-binary-answer-copy.items-center{gap:6px}.lesson-card[data-step-id=quick-check]:has([aria-label="Hear the first fifths"]) .w-full.max-w-md.lesson-binary-answer-copy.flex-col{gap:6px}.lesson-card[data-step-id=quick-check]:has([aria-label="Hear the first fifths"]) .w-full.max-w-md.flex.lesson-binary-answer-copy{gap:6px}.lesson-card[data-step-id=fingering] .lesson-binary-answer-copy.flex-col.gap-4.items-center.w-full,.lesson-card[data-step-id=fingering] .flex.lesson-binary-answer-copy.gap-4.items-center.w-full{gap:2px}.lesson-card[data-step-id=swing-build] .w-full.max-w-md.lesson-binary-answer-copy.flex-col.items-center,.lesson-card[data-step-id=swing-build] .w-full.max-w-md.flex.lesson-binary-answer-copy.items-center{gap:3px}.lesson-card:is([data-step-id=lines],[data-step-id=spaces]) .w-full.max-w-lg.lesson-binary-answer-copy.flex-col.items-center{gap:4px}.lesson-card:is([data-step-id=lines],[data-step-id=spaces]) .w-full.max-w-lg.flex.lesson-binary-answer-copy.items-center{gap:4px}.lesson-card[data-step-id=compare-all] .w-full.lesson-binary-answer-copy.justify-center:has(>.lesson-callout--boxed){margin-top:8px}.major-scale-zoo-visual>.lesson-binary-answer-copy.flex-col{gap:3px}.major-scale-zoo-visual>.flex.lesson-binary-answer-copy{gap:3px}.lesson-card[data-step-id=transpose-melody] .major-scale-transpose-step>.w-full.lesson-binary-answer-copy.justify-center{margin-top:5px}.lesson-card[data-step-id=spine] .scale-degree-spine>.lesson-binary-answer-copy.flex-wrap{gap:4px 10px}.lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]):has(.playing-scales-fingering-visual) .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center{margin-top:8px}.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-map) .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center{margin-top:20px}.lesson-card[data-step-id=make-melody]:has(.natural-minor-melody-maker) .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center{margin-top:12px}.lesson-card[data-step-id=where-you-hear]:has(.build-major-where-you-hear-visual) .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center,.lesson-card[data-step-id=why-accidentals]:has(.build-major-why-accidentals-visual) .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center,.lesson-card[data-step-id=compare-three]:has(.playing-scales-compare-three-visual) .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center,.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-visual) .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center{margin-top:7px}.lesson-card[data-step-id=real-music-usage] .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center{margin-top:12px}.lesson-card:has(.short-viewport-genre-grid)>div>.pt-stagger>.w-full.lesson-binary-answer-copy.justify-center,.lesson-card:has(.melodic-minor-formula-visual)>div>.pt-stagger>.w-full.lesson-binary-answer-copy.justify-center,.lesson-card:has(.major-pentatonic-formula-visual)>div>.pt-stagger>.w-full.lesson-binary-answer-copy.justify-center,.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.w-full.lesson-binary-answer-copy.justify-center,.lesson-card:has(.intro-chords-vocab-visual)>div>.pt-stagger>.w-full.lesson-binary-answer-copy.justify-center{margin-top:4px}.short-viewport-genre-grid>div[role=button]>.lesson-binary-answer-copy:first-child>.w-7.h-7{width:24px;height:24px}.short-viewport-genre-grid>div[role=button]>.lesson-binary-answer-copy.flex-wrap span{min-width:20px;height:20px;padding-left:4px;padding-right:4px}.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.w-full.lesson-binary-answer-copy.justify-center{margin-top:12px}.chord-formulas-hook-visual>button>.lesson-binary-answer-copy.items-center.gap-1>span.grid{height:20px;min-width:20px}.triads-family-map-visual>.w-full.lesson-binary-answer-copy.flex-col{gap:4px}.triads-family-map-visual>.w-full.flex.lesson-binary-answer-copy{gap:4px}.triads-family-map-visual>.w-full.lesson-binary-answer-copy.flex-col>button{gap:8px;padding-top:6px;padding-bottom:6px}.triads-family-map-visual>.w-full.flex.lesson-binary-answer-copy>button{gap:8px;padding-top:6px;padding-bottom:6px}.triads-family-map-visual>.w-full.lesson-binary-answer-copy.flex-col>button>span:first-child{height:36px}.triads-family-map-visual>.w-full.flex.lesson-binary-answer-copy>button>span:first-child{height:36px}.add-chords-counting-visual>.lesson-binary-answer-copy>button{padding-top:6px;padding-bottom:6px}.slash-chords-anatomy-visual>.lesson-binary-answer-copy:first-child{transform:scale(.9);transform-origin:center;margin-top:-2px;margin-bottom:-2px}.slash-chords-staircase-visual>.lesson-binary-answer-copy:first-child{gap:6px}.slash-chords-staircase-visual>.lesson-binary-answer-copy:first-child>button{padding-top:8px;padding-bottom:8px}.chord-voicings-dials-visual>.lesson-binary-answer-copy:first-child{gap:6px}.chord-voicings-dials-visual>.lesson-binary-answer-copy:first-child>button{padding-top:7px;padding-bottom:7px}.chord-voicings-suits-visual>.lesson-binary-answer-copy:first-child>button{padding-top:6px;padding-bottom:6px}.chord-voicings-gm-visual>.lesson-binary-answer-copy:first-child>button{padding-top:8px;padding-bottom:8px}.what-is-progression-loops-visual>.w-full.max-w-lg>.lesson-binary-answer-copy:first-child{padding-top:5px;padding-bottom:5px}.what-is-progression-loops-visual>.w-full.max-w-lg>.lesson-binary-answer-copy:nth-child(2) span{padding-top:2px;padding-bottom:2px}.diatonic-shades-visual>.lesson-binary-answer-copy:first-child{padding:2px}.diatonic-shades-visual>.lesson-binary-answer-copy:first-child button{padding-top:4px;padding-bottom:4px}.diatonic-shades-visual>.lesson-binary-answer-copy.flex-col.items-center{gap:4px}.diatonic-shades-visual>.flex.lesson-binary-answer-copy.items-center{gap:4px}.diatonic-shades-visual>.lesson-binary-answer-copy.flex-col.items-center>button{padding-top:6px;padding-bottom:6px}.diatonic-shades-visual>.flex.lesson-binary-answer-copy.items-center>button{padding-top:6px;padding-bottom:6px}.chords-recital-finale-visual>.lesson-binary-answer-copy.flex-col.items-center{gap:5px}.chords-recital-finale-visual>.flex.lesson-binary-answer-copy.items-center{gap:5px}.chords-recital-finale-visual>.lesson-binary-answer-copy.flex-col.items-center>.flex.items-center{gap:8px}.chords-recital-finale-visual>.flex.lesson-binary-answer-copy.items-center>.flex.items-center{gap:8px}.minor-functions-leading-tone-visual>.lesson-binary-answer-copy:first-child,.major-motions-deceptive-visual>.lesson-binary-answer-copy:first-child,.other-chords-color-visual>.lesson-binary-answer-copy:first-child{margin-top:0;margin-bottom:0}.voice-leading-rules-visual>.w-full.lesson-binary-answer-copy.flex-col{gap:6px}.voice-leading-rules-visual>.w-full.flex.lesson-binary-answer-copy{gap:6px}.voice-leading-rules-visual>.w-full.lesson-binary-answer-copy.flex-col>button{padding-top:8px;padding-bottom:8px}.voice-leading-rules-visual>.w-full.flex.lesson-binary-answer-copy>button{padding-top:8px;padding-bottom:8px}.voice-leading-quiz-visual>.lesson-binary-answer-copy.items-center.gap-1\.5>span{height:24px}}@media (max-width: 767px) and (max-height: 590px){.lesson-module-1 .lesson-card:is([data-step-id=find-2black],[data-step-id=find-3black]) .lesson-binary-answer-copy.items-stretch>div{gap:4px;padding:7px 12px}.lesson-module-1 .lesson-card:is([data-step-id=find-2black],[data-step-id=find-3black]) .lesson-binary-answer-copy.items-stretch>div>div:last-child{font-size:10px;line-height:1.1}.lesson-module-1 .lesson-card[data-step-id=mary-lamb] .lesson-binary-answer-copy.items-end.justify-center{flex-wrap:nowrap;gap:4px}.lesson-module-1 .lesson-card[data-step-id=mary-lamb] .lesson-binary-answer-copy.items-end.justify-center>div>div{width:36px;height:56px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .lesson-binary-answer-copy.items-center.justify-center.flex-wrap{flex-wrap:nowrap;gap:8px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .lesson-binary-answer-copy.items-center.justify-center.flex-wrap>div{width:48px;height:48px;font-size:18px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .relative.w-full.lesson-binary-answer-copy.flex-col.items-center,.lesson-module-1 .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.lesson-binary-answer-copy.items-center{gap:8px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .lesson-binary-answer-copy.items-center.justify-center.flex-wrap{flex-wrap:nowrap;gap:4px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .lesson-binary-answer-copy.items-center.justify-center.flex-wrap>div{width:36px;height:36px;font-size:15px}}@media (min-width: 768px) and (max-height: 851px){.lesson-card[data-step-id=method-3-circle] .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center,.lesson-card[data-step-id=real-music-usage] .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center,.lesson-card:has(.harmonic-minor-intro-visual) .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center,.lesson-card:has(.harmonic-minor-genre-grid) .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center,.lesson-card:has(.harmonic-minor-formula-visual) .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center,.lesson-card:has(.melodic-minor-genre-grid) .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center,.lesson-card[data-step-id=formula-smooth] .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center{margin-top:2px}:is(.key-signatures-viewport-step[data-step-id=hook],.key-signatures-viewport-step[data-step-id=what-it-is],.middle-c-grand-staff-viewport-step[data-step-id=border-notes],.landmark-notes-viewport-step[data-step-id=anchors],.ledger-lines-viewport-step[data-step-id=hook],.ledger-lines-viewport-step[data-step-id=rungs],.reading-intervals-viewport-step[data-step-id=hook],.reading-scales-viewport-step[data-step-id=signature],.reading-scales-viewport-step[data-step-id=relative])>.w-full.lesson-binary-answer-copy.justify-center{margin-top:16px}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center{margin-top:8px}:is([data-lesson-id=intro-to-chords],[data-lesson-id=fully-diminished7],[data-lesson-id=chord-inversion-practice]) .lesson-card[data-step-id=quick-check] .max-w-md.lesson-binary-answer-copy.flex-col.items-center{gap:8px}:is([data-lesson-id=intro-to-chords],[data-lesson-id=fully-diminished7],[data-lesson-id=chord-inversion-practice]) .lesson-card[data-step-id=quick-check] .max-w-md.flex.lesson-binary-answer-copy.items-center{gap:8px}}@media (min-width: 1024px) and (max-height: 780px){[data-lesson-module="4"] .lesson-card--bare>.lesson-binary-answer-copy.justify-center:first-child{margin-bottom:6px}[data-lesson-module="4"] .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center .max-w-lg{max-width:48rem}.triads-jobs-visual>.w-full.lesson-binary-answer-copy.flex-col,.add-chords-habitats-visual>.w-full.lesson-binary-answer-copy.flex-col{gap:6px}.triads-jobs-visual>.w-full.flex.lesson-binary-answer-copy,.add-chords-habitats-visual>.w-full.flex.lesson-binary-answer-copy{gap:6px}.triads-jobs-visual>.w-full.lesson-binary-answer-copy.flex-col>button,.add-chords-habitats-visual>.w-full.lesson-binary-answer-copy.flex-col>button{padding-top:6px;padding-bottom:6px}.triads-jobs-visual>.w-full.flex.lesson-binary-answer-copy>button,.add-chords-habitats-visual>.w-full.flex.lesson-binary-answer-copy>button{padding-top:6px;padding-bottom:6px}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=roman-numerals] .lesson-card[data-step-id=quick-check] .max-w-md.lesson-binary-answer-copy.flex-col.items-center,[data-lesson-id=roman-numerals] .lesson-card[data-step-id=quick-check] .max-w-md.flex.lesson-binary-answer-copy.items-center{gap:8px}[data-lesson-id=progression-tips] .lesson-card[data-step-id=quick-check] .max-w-md.lesson-binary-answer-copy.flex-col.items-center,[data-lesson-id=progression-tips] .lesson-card[data-step-id=quick-check] .max-w-md.flex.lesson-binary-answer-copy.items-center{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops]>.lesson-binary-answer-copy.justify-center{margin-bottom:4px}[data-lesson-id=what-is-progression] .lesson-card:is([data-step-id=hook],[data-step-id=loops],[data-step-id=ear-which-order],[data-step-id=quick-check])>.lesson-binary-answer-copy.justify-center{margin-bottom:8px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=hook] .max-w-lg.lesson-binary-answer-copy.flex-col.items-center>.flex.flex-col.items-center{gap:12px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=hook] .max-w-lg.flex.lesson-binary-answer-copy.items-center>.flex.flex-col.items-center{gap:12px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops] .what-is-progression-loops-visual>.w-full.max-w-lg>.lesson-binary-answer-copy:first-child{padding-block:2px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops] .what-is-progression-loops-visual>.w-full.max-w-lg>.lesson-binary-answer-copy:nth-child(2) span{padding-block:0}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=quick-check] .max-w-md.lesson-binary-answer-copy.flex-col.items-center,[data-lesson-id=what-is-progression] .lesson-card[data-step-id=quick-check] .max-w-md.flex.lesson-binary-answer-copy.items-center{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=ear-which-order] .max-w-md.lesson-binary-answer-copy.flex-col.items-center,[data-lesson-id=what-is-progression] .lesson-card[data-step-id=ear-which-order] .max-w-md.flex.lesson-binary-answer-copy.items-center{gap:4px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .max-w-lg.lesson-binary-answer-copy.flex-col.items-center,[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .max-w-lg.flex.lesson-binary-answer-copy.items-center{gap:12px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .key-shortcut-practice.max-w-lg.lesson-binary-answer-copy.flex-col.items-center,[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .key-shortcut-practice.max-w-lg.flex.lesson-binary-answer-copy.items-center{gap:4px}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center{margin-top:18px}[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .treble-lines-visual.w-full.max-w-lg.lesson-binary-answer-copy.flex-col.items-center,[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .treble-lines-visual.w-full.max-w-lg.flex.lesson-binary-answer-copy.items-center{gap:12px}}@media (min-width: 768px) and (max-height: 780px){:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m4-finale] .relative.w-full.lesson-binary-answer-copy.flex-col.items-center{gap:8px}:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.lesson-binary-answer-copy.items-center{gap:8px}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-example-card>.lesson-binary-answer-copy.w-full.flex-col.items-center{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-example-card>.flex.w-full.lesson-binary-answer-copy.items-center{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=compare] .grid>button>.lesson-binary-answer-copy.w-full.flex-col.items-center{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=compare] .grid>button>.flex.w-full.lesson-binary-answer-copy.items-center{zoom:.82}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.lesson-binary-answer-copy.justify-center button{gap:8px;padding-block:10px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.lesson-binary-answer-copy.justify-center button>.flex.flex-col.items-center{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.justify-center button>.flex.lesson-binary-answer-copy.items-center{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}[data-lesson-id=interval-examples] .lesson-card:is([data-step-id=star-wars],[data-step-id=simpsons],[data-step-id=bad],[data-step-id=take-on-me]) [role=button].group.lesson-binary-answer-copy.flex-col{gap:6px;padding-block:8px}[data-lesson-id=interval-examples] .lesson-card:is([data-step-id=star-wars],[data-step-id=simpsons],[data-step-id=bad],[data-step-id=take-on-me]) [role=button].group.flex.lesson-binary-answer-copy{gap:6px;padding-block:8px}}@media (min-width: 1200px) and (max-width: 1300px) and (min-height: 800px) and (max-height: 830px){[data-lesson-id=naming-whites] .lesson-card:is([data-step-id=finding-c],[data-step-id=alphabet]) .pt-stagger>:is(.w-full.lesson-binary-answer-copy.justify-center,.w-full.max-w-lg.mx-auto){margin-top:40px}}@media (min-width: 768px) and (max-height: 780px){[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=recap] .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center{margin-top:4px}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=enharmonics] .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center{gap:4px;margin-top:3px}[data-lesson-id=major-scale-pattern] .major-scale-zoo-visual>.lesson-binary-answer-copy.flex-col{gap:1px}[data-lesson-id=major-scale-pattern] .major-scale-zoo-visual>.flex.lesson-binary-answer-copy{gap:1px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=what-you-can-do] .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center{margin-top:4px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=build-melody] .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center{margin-top:3px}[data-lesson-id=build-major-scale] .build-major-where-you-hear-visual>.lesson-binary-answer-copy.flex-wrap{display:none}[data-lesson-id=major-scale-practice] .lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]) .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center{margin-top:3px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center{margin-top:2px}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=method-1-demo] .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center>*{max-width:40rem;gap:4px}[data-lesson-id=minor-pentatonic] .lesson-card[data-step-id=where] .pt-stagger>.w-full.lesson-binary-answer-copy.justify-center{margin-top:4px}}.lesson-binary-answer-copy{gap:4px}.lesson-binary-answer-title{color:hsl(var(--foreground));font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:700;line-height:1.2}.lesson-binary-answer-subtitle{color:hsl(var(--muted-foreground));font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:400;line-height:1.35}.lesson-round-progress-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px}@media (min-width: 768px) and (max-height: 860px){:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) .lesson-card>.flex.lesson-round-progress-pill{margin-bottom:2px}}@media (min-width: 768px) and (max-height: 780px){.lesson-step-what-is-2nd>.w-full.flex.lesson-round-progress-pill{margin-top:4px}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=staff-basics] .lesson-card[data-step-id=lines-spaces] .pt-stagger>.w-full.flex.lesson-round-progress-pill,[data-lesson-id=treble-clef-notes] .lesson-card:is([data-step-id=lines],[data-step-id=two-clefs],[data-step-id=two-clefs-bass]) .pt-stagger>.w-full.flex.lesson-round-progress-pill{margin-top:2px}.melodic-harmonic-concept-step>.w-full.flex.lesson-round-progress-pill{margin-top:6px}.unison-octaves-concept-step>.w-full.flex.lesson-round-progress-pill{margin-top:8px}.seconds-thirds-what-is-3rd-step>.w-full.flex.lesson-round-progress-pill{margin-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.w-full.flex.lesson-round-progress-pill{margin-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull-chords] .pt-stagger>.w-full.flex.lesson-round-progress-pill{margin-top:4px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.w-full.flex.lesson-round-progress-pill ul{gap:6px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.w-full.flex.lesson-round-progress-pill li{padding-top:8px;padding-bottom:8px}.lesson-card[data-step-id=recap]:has(.what-is-key-recap-visual) .pt-stagger>.w-full.flex.lesson-round-progress-pill{margin-top:24px}.lesson-card[data-step-id=build-melody] .pt-stagger>.w-full.flex.lesson-round-progress-pill{margin-top:16px}.major-scale-transpose-step>.flex.flex-col.lesson-round-progress-pill{gap:8px}.major-scale-transpose-step>.w-full.flex.lesson-round-progress-pill{margin-top:12px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) .flex.flex-col.w-full.gap-4.lesson-round-progress-pill{gap:8px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) :is(.w-full.max-w-md,.w-full.max-w-lg).flex.flex-col.lesson-round-progress-pill{gap:4px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .w-full.max-w-lg.flex.flex-col.lesson-round-progress-pill{gap:1px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .flex.flex-col.w-full.gap-4.lesson-round-progress-pill{gap:6px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=dc-fine],[data-step-id=ds-coda])>div>.pt-stagger .w-full.max-w-lg>.flex.lesson-round-progress-pill>.flex.flex-col{padding-top:2px;padding-bottom:2px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) button[aria-label="Watch the playing order"]>.flex.lesson-round-progress-pill>svg{width:auto;height:72px}.lesson-card[data-step-id=hear-bluesy]>div>.pt-stagger>.w-full.flex.lesson-round-progress-pill{margin-top:4px}.lesson-card:is([data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) .w-full.max-w-lg.flex.flex-col.lesson-round-progress-pill{gap:6px}.lesson-card[data-step-id=fingering] .flex.flex-col.gap-4.lesson-round-progress-pill.w-full{gap:2px}.lesson-card[data-step-id=swing-build] .w-full.max-w-md.flex.flex-col.lesson-round-progress-pill{gap:3px}.lesson-card:is([data-step-id=lines],[data-step-id=spaces]) .w-full.max-w-lg.flex.flex-col.lesson-round-progress-pill{gap:4px}.lesson-card[data-step-id=compare-all] .w-full.flex.lesson-round-progress-pill:has(>.lesson-callout--boxed){margin-top:8px}.lesson-card[data-step-id=transpose-melody] .major-scale-transpose-step>.w-full.flex.lesson-round-progress-pill{margin-top:5px}.lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]):has(.playing-scales-fingering-visual) .pt-stagger>.w-full.flex.lesson-round-progress-pill{margin-top:8px}.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-map) .pt-stagger>.w-full.flex.lesson-round-progress-pill{margin-top:20px}.lesson-card[data-step-id=make-melody]:has(.natural-minor-melody-maker) .pt-stagger>.w-full.flex.lesson-round-progress-pill{margin-top:12px}.lesson-card[data-step-id=where-you-hear]:has(.build-major-where-you-hear-visual) .pt-stagger>.w-full.flex.lesson-round-progress-pill,.lesson-card[data-step-id=why-accidentals]:has(.build-major-why-accidentals-visual) .pt-stagger>.w-full.flex.lesson-round-progress-pill,.lesson-card[data-step-id=compare-three]:has(.playing-scales-compare-three-visual) .pt-stagger>.w-full.flex.lesson-round-progress-pill,.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-visual) .pt-stagger>.w-full.flex.lesson-round-progress-pill{margin-top:7px}.lesson-card[data-step-id=real-music-usage] .pt-stagger>.w-full.flex.lesson-round-progress-pill{margin-top:12px}.lesson-card:has(.short-viewport-genre-grid)>div>.pt-stagger>.w-full.flex.lesson-round-progress-pill,.lesson-card:has(.melodic-minor-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-round-progress-pill,.lesson-card:has(.major-pentatonic-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-round-progress-pill,.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-round-progress-pill,.lesson-card:has(.intro-chords-vocab-visual)>div>.pt-stagger>.w-full.flex.lesson-round-progress-pill{margin-top:4px}.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-round-progress-pill{margin-top:12px}.chord-formulas-hook-visual>button>.flex.lesson-round-progress-pill.gap-1>span.grid{height:20px;min-width:20px}.diatonic-shades-visual>.flex.flex-col.lesson-round-progress-pill{gap:4px}.diatonic-shades-visual>.flex.flex-col.lesson-round-progress-pill>button{padding-top:6px;padding-bottom:6px}.chords-recital-finale-visual>.flex.flex-col.lesson-round-progress-pill{gap:5px}.chords-recital-finale-visual>.flex.flex-col.lesson-round-progress-pill>.flex.items-center{gap:8px}.voice-leading-quiz-visual>.flex.lesson-round-progress-pill.gap-1\.5>span{height:24px}}@media (max-width: 767px) and (max-height: 590px){.lesson-module-1 .lesson-card[data-step-id=mary-lamb] .flex.items-end.lesson-round-progress-pill{flex-wrap:nowrap;gap:4px}.lesson-module-1 .lesson-card[data-step-id=mary-lamb] .flex.items-end.lesson-round-progress-pill>div>div{width:36px;height:56px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.lesson-round-progress-pill.justify-center.flex-wrap{flex-wrap:nowrap;gap:8px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.items-center.lesson-round-progress-pill.flex-wrap{flex-wrap:nowrap;gap:8px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.lesson-round-progress-pill.justify-center.flex-wrap>div{width:48px;height:48px;font-size:18px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.items-center.lesson-round-progress-pill.flex-wrap>div{width:48px;height:48px;font-size:18px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.flex-col.lesson-round-progress-pill{gap:8px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.lesson-round-progress-pill.justify-center.flex-wrap,.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.items-center.lesson-round-progress-pill.flex-wrap{flex-wrap:nowrap;gap:4px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.lesson-round-progress-pill.justify-center.flex-wrap>div{width:36px;height:36px;font-size:15px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.items-center.lesson-round-progress-pill.flex-wrap>div{width:36px;height:36px;font-size:15px}}@media (min-width: 768px) and (max-height: 851px){.lesson-card[data-step-id=method-3-circle] .pt-stagger>.w-full.flex.lesson-round-progress-pill,.lesson-card[data-step-id=real-music-usage] .pt-stagger>.w-full.flex.lesson-round-progress-pill,.lesson-card:has(.harmonic-minor-intro-visual) .pt-stagger>.w-full.flex.lesson-round-progress-pill,.lesson-card:has(.harmonic-minor-genre-grid) .pt-stagger>.w-full.flex.lesson-round-progress-pill,.lesson-card:has(.harmonic-minor-formula-visual) .pt-stagger>.w-full.flex.lesson-round-progress-pill,.lesson-card:has(.melodic-minor-genre-grid) .pt-stagger>.w-full.flex.lesson-round-progress-pill,.lesson-card[data-step-id=formula-smooth] .pt-stagger>.w-full.flex.lesson-round-progress-pill{margin-top:2px}.harmonic-minor-intro-visual>.lesson-round-progress-pill button{padding-top:4px;padding-bottom:4px}:is(.key-signatures-viewport-step[data-step-id=hook],.key-signatures-viewport-step[data-step-id=what-it-is],.middle-c-grand-staff-viewport-step[data-step-id=border-notes],.landmark-notes-viewport-step[data-step-id=anchors],.ledger-lines-viewport-step[data-step-id=hook],.ledger-lines-viewport-step[data-step-id=rungs],.reading-intervals-viewport-step[data-step-id=hook],.reading-scales-viewport-step[data-step-id=signature],.reading-scales-viewport-step[data-step-id=relative])>.w-full.flex.lesson-round-progress-pill{margin-top:16px}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .pt-stagger>.w-full.flex.lesson-round-progress-pill{margin-top:8px}:is([data-lesson-id=intro-to-chords],[data-lesson-id=fully-diminished7],[data-lesson-id=chord-inversion-practice]) .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-round-progress-pill{gap:8px}}@media (min-width: 1024px) and (max-height: 780px){[data-lesson-module="4"] .lesson-card--bare>.flex.lesson-round-progress-pill:first-child{margin-bottom:6px}[data-lesson-module="4"] .pt-stagger>.w-full.flex.lesson-round-progress-pill .max-w-lg{max-width:48rem}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=roman-numerals] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-round-progress-pill{gap:8px}[data-lesson-id=progression-tips] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-round-progress-pill{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops]>.flex.lesson-round-progress-pill{margin-bottom:4px}[data-lesson-id=what-is-progression] .lesson-card:is([data-step-id=hook],[data-step-id=loops],[data-step-id=ear-which-order],[data-step-id=quick-check])>.flex.lesson-round-progress-pill{margin-bottom:8px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=hook] .max-w-lg.flex.flex-col.lesson-round-progress-pill>.flex.flex-col.items-center{gap:12px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-round-progress-pill{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=ear-which-order] .max-w-md.flex.flex-col.lesson-round-progress-pill{gap:4px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .max-w-lg.flex.flex-col.lesson-round-progress-pill{gap:12px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .key-shortcut-practice.max-w-lg.flex.flex-col.lesson-round-progress-pill{gap:4px}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .pt-stagger>.w-full.flex.lesson-round-progress-pill{margin-top:18px}[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .treble-lines-visual.w-full.max-w-lg.flex.flex-col.lesson-round-progress-pill{gap:12px}}@media (min-width: 768px) and (max-height: 780px){:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.flex-col.lesson-round-progress-pill{gap:8px}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-example-card>.flex.w-full.flex-col.lesson-round-progress-pill{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=compare] .grid>button>.flex.w-full.flex-col.lesson-round-progress-pill{zoom:.82}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.lesson-round-progress-pill button{gap:8px;padding-block:10px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.justify-center button>.flex.flex-col.lesson-round-progress-pill{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.lesson-round-progress-pill button>.flex.flex-col.items-center{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}}@media (min-width: 1200px) and (max-width: 1300px) and (min-height: 800px) and (max-height: 830px){[data-lesson-id=naming-whites] .lesson-card:is([data-step-id=finding-c],[data-step-id=alphabet]) .pt-stagger>:is(.w-full.flex.lesson-round-progress-pill,.w-full.max-w-lg.mx-auto){margin-top:40px}}@media (min-width: 768px) and (max-height: 780px){[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=recap] .pt-stagger>.w-full.flex.lesson-round-progress-pill{margin-top:4px}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=enharmonics] .pt-stagger>.w-full.flex.lesson-round-progress-pill{gap:4px;margin-top:3px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=what-you-can-do] .pt-stagger>.w-full.flex.lesson-round-progress-pill{margin-top:4px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=build-melody] .pt-stagger>.w-full.flex.lesson-round-progress-pill{margin-top:3px}[data-lesson-id=major-scale-practice] .lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]) .pt-stagger>.w-full.flex.lesson-round-progress-pill{margin-top:3px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.w-full.flex.lesson-round-progress-pill{margin-top:2px}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.lesson-round-progress-pill:first-child{padding-block:2px}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.lesson-round-progress-pill:first-child>span:first-child{width:24px;height:24px}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=method-1-demo] .pt-stagger>.w-full.flex.lesson-round-progress-pill>*{max-width:40rem;gap:4px}[data-lesson-id=melodic-minor] .melodic-minor-hook-visual>.lesson-round-progress-pill button{padding-block:4px}[data-lesson-id=minor-pentatonic] .lesson-card[data-step-id=where] .pt-stagger>.w-full.flex.lesson-round-progress-pill{margin-top:4px}}.lesson-round-progress-pill{gap:12px;min-height:38px;padding:8px 16px;background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:var(--shadow-xs)}.lesson-round-progress-label{color:hsl(var(--muted-foreground));font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:500}.lesson-round-progress-label strong{color:hsl(var(--primary));font-family:Space Grotesk,system-ui,sans-serif;font-size:18px;font-weight:700}.lesson-progress-circles{display:inline-flex;align-items:center;justify-content:center}@media (min-width: 768px) and (max-height: 860px){:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) .lesson-card>.flex.lesson-progress-circles{margin-bottom:2px}}@media (min-width: 768px) and (max-height: 780px){.lesson-step-what-is-2nd>.w-full.flex.lesson-progress-circles{margin-top:4px}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=staff-basics] .lesson-card[data-step-id=lines-spaces] .pt-stagger>.w-full.flex.lesson-progress-circles,[data-lesson-id=treble-clef-notes] .lesson-card:is([data-step-id=lines],[data-step-id=two-clefs],[data-step-id=two-clefs-bass]) .pt-stagger>.w-full.flex.lesson-progress-circles{margin-top:2px}.melodic-harmonic-concept-step>.w-full.flex.lesson-progress-circles{margin-top:6px}.unison-octaves-concept-step>.w-full.flex.lesson-progress-circles{margin-top:8px}.seconds-thirds-what-is-3rd-step>.w-full.flex.lesson-progress-circles{margin-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.w-full.flex.lesson-progress-circles{margin-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull-chords] .pt-stagger>.w-full.flex.lesson-progress-circles{margin-top:4px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.w-full.flex.lesson-progress-circles ul{gap:6px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.w-full.flex.lesson-progress-circles li{padding-top:8px;padding-bottom:8px}.lesson-card[data-step-id=recap]:has(.what-is-key-recap-visual) .pt-stagger>.w-full.flex.lesson-progress-circles{margin-top:24px}.lesson-card[data-step-id=build-melody] .pt-stagger>.w-full.flex.lesson-progress-circles{margin-top:16px}.major-scale-transpose-step>.flex.flex-col.lesson-progress-circles{gap:8px}.major-scale-transpose-step>.w-full.flex.lesson-progress-circles{margin-top:12px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) .flex.flex-col.w-full.gap-4.lesson-progress-circles{gap:8px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) :is(.w-full.max-w-md,.w-full.max-w-lg).flex.flex-col.lesson-progress-circles{gap:4px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .w-full.max-w-lg.flex.flex-col.lesson-progress-circles{gap:1px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .flex.flex-col.w-full.gap-4.lesson-progress-circles{gap:6px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=dc-fine],[data-step-id=ds-coda])>div>.pt-stagger .w-full.max-w-lg>.flex.lesson-progress-circles>.flex.flex-col{padding-top:2px;padding-bottom:2px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) button[aria-label="Watch the playing order"]>.flex.lesson-progress-circles>svg{width:auto;height:72px}.lesson-card[data-step-id=hear-bluesy]>div>.pt-stagger>.w-full.flex.lesson-progress-circles{margin-top:4px}.lesson-card:is([data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) .w-full.max-w-lg.flex.flex-col.lesson-progress-circles{gap:6px}.lesson-card[data-step-id=fingering] .flex.flex-col.gap-4.lesson-progress-circles.w-full{gap:2px}.lesson-card[data-step-id=swing-build] .w-full.max-w-md.flex.flex-col.lesson-progress-circles{gap:3px}.lesson-card:is([data-step-id=lines],[data-step-id=spaces]) .w-full.max-w-lg.flex.flex-col.lesson-progress-circles{gap:4px}.lesson-card[data-step-id=compare-all] .w-full.flex.lesson-progress-circles:has(>.lesson-callout--boxed){margin-top:8px}.lesson-card[data-step-id=transpose-melody] .major-scale-transpose-step>.w-full.flex.lesson-progress-circles{margin-top:5px}.lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]):has(.playing-scales-fingering-visual) .pt-stagger>.w-full.flex.lesson-progress-circles{margin-top:8px}.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-map) .pt-stagger>.w-full.flex.lesson-progress-circles{margin-top:20px}.lesson-card[data-step-id=make-melody]:has(.natural-minor-melody-maker) .pt-stagger>.w-full.flex.lesson-progress-circles{margin-top:12px}.lesson-card[data-step-id=where-you-hear]:has(.build-major-where-you-hear-visual) .pt-stagger>.w-full.flex.lesson-progress-circles,.lesson-card[data-step-id=why-accidentals]:has(.build-major-why-accidentals-visual) .pt-stagger>.w-full.flex.lesson-progress-circles,.lesson-card[data-step-id=compare-three]:has(.playing-scales-compare-three-visual) .pt-stagger>.w-full.flex.lesson-progress-circles,.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-visual) .pt-stagger>.w-full.flex.lesson-progress-circles{margin-top:7px}.lesson-card[data-step-id=real-music-usage] .pt-stagger>.w-full.flex.lesson-progress-circles{margin-top:12px}.lesson-card:has(.short-viewport-genre-grid)>div>.pt-stagger>.w-full.flex.lesson-progress-circles,.lesson-card:has(.melodic-minor-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-progress-circles,.lesson-card:has(.major-pentatonic-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-progress-circles,.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-progress-circles,.lesson-card:has(.intro-chords-vocab-visual)>div>.pt-stagger>.w-full.flex.lesson-progress-circles{margin-top:4px}.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-progress-circles{margin-top:12px}.chord-formulas-hook-visual>button>.flex.lesson-progress-circles.gap-1>span.grid{height:20px;min-width:20px}.diatonic-shades-visual>.flex.flex-col.lesson-progress-circles{gap:4px}.diatonic-shades-visual>.flex.flex-col.lesson-progress-circles>button{padding-top:6px;padding-bottom:6px}.chords-recital-finale-visual>.flex.flex-col.lesson-progress-circles{gap:5px}.chords-recital-finale-visual>.flex.flex-col.lesson-progress-circles>.flex.items-center{gap:8px}.voice-leading-quiz-visual>.flex.lesson-progress-circles.gap-1\.5>span{height:24px}}@media (max-width: 767px) and (max-height: 590px){.lesson-module-1 .lesson-card[data-step-id=mary-lamb] .flex.items-end.lesson-progress-circles{flex-wrap:nowrap;gap:4px}.lesson-module-1 .lesson-card[data-step-id=mary-lamb] .flex.items-end.lesson-progress-circles>div>div{width:36px;height:56px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.lesson-progress-circles.justify-center.flex-wrap{flex-wrap:nowrap;gap:8px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.items-center.lesson-progress-circles.flex-wrap{flex-wrap:nowrap;gap:8px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.lesson-progress-circles.justify-center.flex-wrap>div{width:48px;height:48px;font-size:18px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.items-center.lesson-progress-circles.flex-wrap>div{width:48px;height:48px;font-size:18px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.flex-col.lesson-progress-circles{gap:8px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.lesson-progress-circles.justify-center.flex-wrap,.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.items-center.lesson-progress-circles.flex-wrap{flex-wrap:nowrap;gap:4px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.lesson-progress-circles.justify-center.flex-wrap>div{width:36px;height:36px;font-size:15px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.items-center.lesson-progress-circles.flex-wrap>div{width:36px;height:36px;font-size:15px}}@media (min-width: 768px) and (max-height: 851px){.lesson-card[data-step-id=method-3-circle] .pt-stagger>.w-full.flex.lesson-progress-circles,.lesson-card[data-step-id=real-music-usage] .pt-stagger>.w-full.flex.lesson-progress-circles,.lesson-card:has(.harmonic-minor-intro-visual) .pt-stagger>.w-full.flex.lesson-progress-circles,.lesson-card:has(.harmonic-minor-genre-grid) .pt-stagger>.w-full.flex.lesson-progress-circles,.lesson-card:has(.harmonic-minor-formula-visual) .pt-stagger>.w-full.flex.lesson-progress-circles,.lesson-card:has(.melodic-minor-genre-grid) .pt-stagger>.w-full.flex.lesson-progress-circles,.lesson-card[data-step-id=formula-smooth] .pt-stagger>.w-full.flex.lesson-progress-circles{margin-top:2px}.harmonic-minor-intro-visual>.lesson-progress-circles button{padding-top:4px;padding-bottom:4px}:is(.key-signatures-viewport-step[data-step-id=hook],.key-signatures-viewport-step[data-step-id=what-it-is],.middle-c-grand-staff-viewport-step[data-step-id=border-notes],.landmark-notes-viewport-step[data-step-id=anchors],.ledger-lines-viewport-step[data-step-id=hook],.ledger-lines-viewport-step[data-step-id=rungs],.reading-intervals-viewport-step[data-step-id=hook],.reading-scales-viewport-step[data-step-id=signature],.reading-scales-viewport-step[data-step-id=relative])>.w-full.flex.lesson-progress-circles{margin-top:16px}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .pt-stagger>.w-full.flex.lesson-progress-circles{margin-top:8px}:is([data-lesson-id=intro-to-chords],[data-lesson-id=fully-diminished7],[data-lesson-id=chord-inversion-practice]) .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-progress-circles{gap:8px}}@media (min-width: 1024px) and (max-height: 780px){[data-lesson-module="4"] .lesson-card--bare>.flex.lesson-progress-circles:first-child{margin-bottom:6px}[data-lesson-module="4"] .pt-stagger>.w-full.flex.lesson-progress-circles .max-w-lg{max-width:48rem}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=roman-numerals] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-progress-circles{gap:8px}[data-lesson-id=progression-tips] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-progress-circles{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops]>.flex.lesson-progress-circles{margin-bottom:4px}[data-lesson-id=what-is-progression] .lesson-card:is([data-step-id=hook],[data-step-id=loops],[data-step-id=ear-which-order],[data-step-id=quick-check])>.flex.lesson-progress-circles{margin-bottom:8px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=hook] .max-w-lg.flex.flex-col.lesson-progress-circles>.flex.flex-col.items-center{gap:12px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-progress-circles{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=ear-which-order] .max-w-md.flex.flex-col.lesson-progress-circles{gap:4px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .max-w-lg.flex.flex-col.lesson-progress-circles{gap:12px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .key-shortcut-practice.max-w-lg.flex.flex-col.lesson-progress-circles{gap:4px}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .pt-stagger>.w-full.flex.lesson-progress-circles{margin-top:18px}[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .treble-lines-visual.w-full.max-w-lg.flex.flex-col.lesson-progress-circles{gap:12px}}@media (min-width: 768px) and (max-height: 780px){:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.flex-col.lesson-progress-circles{gap:8px}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-example-card>.flex.w-full.flex-col.lesson-progress-circles{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=compare] .grid>button>.flex.w-full.flex-col.lesson-progress-circles{zoom:.82}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.lesson-progress-circles button{gap:8px;padding-block:10px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.justify-center button>.flex.flex-col.lesson-progress-circles{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.lesson-progress-circles button>.flex.flex-col.items-center{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}}@media (min-width: 1200px) and (max-width: 1300px) and (min-height: 800px) and (max-height: 830px){[data-lesson-id=naming-whites] .lesson-card:is([data-step-id=finding-c],[data-step-id=alphabet]) .pt-stagger>:is(.w-full.flex.lesson-progress-circles,.w-full.max-w-lg.mx-auto){margin-top:40px}}@media (min-width: 768px) and (max-height: 780px){[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=recap] .pt-stagger>.w-full.flex.lesson-progress-circles{margin-top:4px}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=enharmonics] .pt-stagger>.w-full.flex.lesson-progress-circles{gap:4px;margin-top:3px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=what-you-can-do] .pt-stagger>.w-full.flex.lesson-progress-circles{margin-top:4px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=build-melody] .pt-stagger>.w-full.flex.lesson-progress-circles{margin-top:3px}[data-lesson-id=major-scale-practice] .lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]) .pt-stagger>.w-full.flex.lesson-progress-circles{margin-top:3px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.w-full.flex.lesson-progress-circles{margin-top:2px}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.lesson-progress-circles:first-child{padding-block:2px}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.lesson-progress-circles:first-child>span:first-child{width:24px;height:24px}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=method-1-demo] .pt-stagger>.w-full.flex.lesson-progress-circles>*{max-width:40rem;gap:4px}[data-lesson-id=melodic-minor] .melodic-minor-hook-visual>.lesson-progress-circles button{padding-block:4px}[data-lesson-id=minor-pentatonic] .lesson-card[data-step-id=where] .pt-stagger>.w-full.flex.lesson-progress-circles{margin-top:4px}}.lesson-progress-circles{gap:6px}.lesson-progress-circles--large{gap:8px}.lesson-progress-circle{width:8px;height:8px;border-radius:9999px;background:hsl(var(--muted-foreground) / .28);transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.lesson-progress-circle.is-complete,.lesson-progress-circle.is-current{background:hsl(var(--primary))}.lesson-progress-circle.is-current{transform:scale(1.2);box-shadow:0 0 0 4px hsl(var(--primary) / .12)}.lesson-progress-circles--large .lesson-progress-circle{width:10px;height:10px;background:hsl(var(--muted-foreground) / .34);border:1px solid hsl(var(--muted-foreground) / .18)}.lesson-progress-circles--large .lesson-progress-circle.is-complete,.lesson-progress-circles--large .lesson-progress-circle.is-current{background:hsl(var(--primary));border-color:hsl(var(--primary))}@keyframes journey-route-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes journey-route-pulse{0%{opacity:0;transform:translate(-130%)}12%{opacity:.72}62%{opacity:.48}to{opacity:0;transform:translate(520%)}}@keyframes journey-complete-node-fill{0%{color:transparent;background:hsl(var(--muted-foreground) / .2);box-shadow:0 0 hsl(var(--primary) / 0);transform:scale(.8)}56%{color:hsl(var(--primary-foreground));background:linear-gradient(145deg,hsl(var(--primary-glow)),hsl(var(--primary)) 68%);box-shadow:0 0 0 6px hsl(var(--primary) / .14),0 0 20px hsl(var(--primary-glow) / .42);transform:scale(1.17)}78%{transform:scale(.96)}to{color:hsl(var(--primary-foreground));background:linear-gradient(145deg,hsl(var(--primary-glow)),hsl(var(--primary)) 68%);box-shadow:0 0 10px hsl(var(--primary) / .2);transform:scale(1)}}@keyframes journey-current-node-fill{0%{color:transparent;background:hsl(var(--muted-foreground) / .2);box-shadow:0 0 hsl(var(--primary) / 0);transform:scale(.8)}56%{color:hsl(var(--primary-foreground));background:linear-gradient(145deg,hsl(var(--primary-glow)),hsl(var(--primary)) 68%);box-shadow:0 0 0 8px hsl(var(--primary) / .18),0 0 26px hsl(var(--primary-glow) / .5);transform:scale(1.18)}78%{transform:scale(.96)}to{color:hsl(var(--primary-foreground));background:linear-gradient(145deg,hsl(var(--primary-glow)),hsl(var(--primary)) 68%);box-shadow:0 0 0 5px hsl(var(--primary) / .16),0 0 16px hsl(var(--primary-glow) / .3);transform:scale(1)}}@keyframes journey-check-reveal{0%,45%{opacity:0;transform:scale(.45) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}}.journey-route-fill{position:absolute;inset:0 auto 0 0;overflow:hidden;border-radius:inherit;background-image:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--primary-glow) / .92) 28%,#c576f9 52%,hsl(var(--primary-glow)) 74%,hsl(var(--primary)));background-size:300% 100%;box-shadow:0 0 8px hsl(var(--primary) / .36),0 0 18px hsl(var(--primary-glow) / .2);transform-origin:left center;will-change:transform,background-position;animation:journey-route-fill var(--journey-fill-duration, .9s) linear both,progressFlow 4s linear var(--journey-fill-duration, .9s) infinite}.journey-route-fill:after{content:"";position:absolute;inset:-4px auto -4px 0;width:24%;border-radius:9999px;background:linear-gradient(90deg,transparent,hsl(0 0% 100% / .08) 24%,hsl(0 0% 100% / .88) 52%,hsl(var(--primary-glow) / .5) 72%,transparent);filter:blur(2px);mix-blend-mode:screen;animation:journey-route-pulse 2.2s ease-in-out var(--journey-pulse-delay, 1.2s) infinite both}.journey-route-fill--static{transform:scaleX(1);animation:none}.journey-route-fill--static:after{display:none}.journey-complete-node-fill{will-change:transform,box-shadow;animation-name:journey-complete-node-fill;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both}.journey-current-node-fill{will-change:transform,box-shadow;animation-name:journey-current-node-fill;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both}.journey-check-reveal{animation:journey-check-reveal .19s cubic-bezier(.22,1,.36,1) both}.journey-locked-node{color:hsl(var(--muted-foreground));background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:inset 0 1px #ffffffb8,0 1px 3px hsl(var(--foreground) / .1)}.\!dark .journey-locked-node{color:hsl(var(--muted-foreground))!important;background:hsl(var(--secondary))!important;border-color:hsl(var(--border))!important;box-shadow:inset 0 1px #ffffff14,0 2px 6px #00000042!important}.dark .journey-locked-node{color:hsl(var(--muted-foreground));background:hsl(var(--secondary));border-color:hsl(var(--border));box-shadow:inset 0 1px #ffffff14,0 2px 6px #00000042}@media (prefers-reduced-motion: reduce){.journey-route-fill,.journey-complete-node-fill,.journey-current-node-fill,.journey-check-reveal{animation:none}.journey-route-fill{transform:scaleX(1)}.journey-route-fill:after{display:none}}.lesson-note-tab.is-active{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.lesson-path-slot-row{display:inline-flex;align-items:center;justify-content:center}@media (min-width: 768px) and (max-height: 860px){:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) .lesson-card>.flex.lesson-path-slot-row{margin-bottom:2px}}@media (min-width: 768px) and (max-height: 780px){.lesson-step-what-is-2nd>.w-full.flex.lesson-path-slot-row{margin-top:4px}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=staff-basics] .lesson-card[data-step-id=lines-spaces] .pt-stagger>.w-full.flex.lesson-path-slot-row,[data-lesson-id=treble-clef-notes] .lesson-card:is([data-step-id=lines],[data-step-id=two-clefs],[data-step-id=two-clefs-bass]) .pt-stagger>.w-full.flex.lesson-path-slot-row{margin-top:2px}.melodic-harmonic-concept-step>.w-full.flex.lesson-path-slot-row{margin-top:6px}.unison-octaves-concept-step>.w-full.flex.lesson-path-slot-row{margin-top:8px}.seconds-thirds-what-is-3rd-step>.w-full.flex.lesson-path-slot-row{margin-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.w-full.flex.lesson-path-slot-row{margin-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull-chords] .pt-stagger>.w-full.flex.lesson-path-slot-row{margin-top:4px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.w-full.flex.lesson-path-slot-row ul{gap:6px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.w-full.flex.lesson-path-slot-row li{padding-top:8px;padding-bottom:8px}.lesson-card[data-step-id=recap]:has(.what-is-key-recap-visual) .pt-stagger>.w-full.flex.lesson-path-slot-row{margin-top:24px}.lesson-card[data-step-id=build-melody] .pt-stagger>.w-full.flex.lesson-path-slot-row{margin-top:16px}.major-scale-transpose-step>.flex.flex-col.lesson-path-slot-row{gap:8px}.major-scale-transpose-step>.w-full.flex.lesson-path-slot-row{margin-top:12px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) .flex.flex-col.w-full.gap-4.lesson-path-slot-row{gap:8px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) :is(.w-full.max-w-md,.w-full.max-w-lg).flex.flex-col.lesson-path-slot-row{gap:4px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .w-full.max-w-lg.flex.flex-col.lesson-path-slot-row{gap:1px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .flex.flex-col.w-full.gap-4.lesson-path-slot-row{gap:6px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=dc-fine],[data-step-id=ds-coda])>div>.pt-stagger .w-full.max-w-lg>.flex.lesson-path-slot-row>.flex.flex-col{padding-top:2px;padding-bottom:2px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) button[aria-label="Watch the playing order"]>.flex.lesson-path-slot-row>svg{width:auto;height:72px}.lesson-card[data-step-id=hear-bluesy]>div>.pt-stagger>.w-full.flex.lesson-path-slot-row{margin-top:4px}.lesson-card:is([data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) .w-full.max-w-lg.flex.flex-col.lesson-path-slot-row{gap:6px}.lesson-card[data-step-id=fingering] .flex.flex-col.gap-4.lesson-path-slot-row.w-full{gap:2px}.lesson-card[data-step-id=swing-build] .w-full.max-w-md.flex.flex-col.lesson-path-slot-row{gap:3px}.lesson-card:is([data-step-id=lines],[data-step-id=spaces]) .w-full.max-w-lg.flex.flex-col.lesson-path-slot-row{gap:4px}.lesson-card[data-step-id=compare-all] .w-full.flex.lesson-path-slot-row:has(>.lesson-callout--boxed){margin-top:8px}.lesson-card[data-step-id=transpose-melody] .major-scale-transpose-step>.w-full.flex.lesson-path-slot-row{margin-top:5px}.lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]):has(.playing-scales-fingering-visual) .pt-stagger>.w-full.flex.lesson-path-slot-row{margin-top:8px}.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-map) .pt-stagger>.w-full.flex.lesson-path-slot-row{margin-top:20px}.lesson-card[data-step-id=make-melody]:has(.natural-minor-melody-maker) .pt-stagger>.w-full.flex.lesson-path-slot-row{margin-top:12px}.lesson-card[data-step-id=where-you-hear]:has(.build-major-where-you-hear-visual) .pt-stagger>.w-full.flex.lesson-path-slot-row,.lesson-card[data-step-id=why-accidentals]:has(.build-major-why-accidentals-visual) .pt-stagger>.w-full.flex.lesson-path-slot-row,.lesson-card[data-step-id=compare-three]:has(.playing-scales-compare-three-visual) .pt-stagger>.w-full.flex.lesson-path-slot-row,.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-visual) .pt-stagger>.w-full.flex.lesson-path-slot-row{margin-top:7px}.lesson-card[data-step-id=real-music-usage] .pt-stagger>.w-full.flex.lesson-path-slot-row{margin-top:12px}.lesson-card:has(.short-viewport-genre-grid)>div>.pt-stagger>.w-full.flex.lesson-path-slot-row,.lesson-card:has(.melodic-minor-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-path-slot-row,.lesson-card:has(.major-pentatonic-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-path-slot-row,.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-path-slot-row,.lesson-card:has(.intro-chords-vocab-visual)>div>.pt-stagger>.w-full.flex.lesson-path-slot-row{margin-top:4px}.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.w-full.flex.lesson-path-slot-row{margin-top:12px}.chord-formulas-hook-visual>button>.flex.lesson-path-slot-row.gap-1>span.grid{height:20px;min-width:20px}.diatonic-shades-visual>.flex.flex-col.lesson-path-slot-row{gap:4px}.diatonic-shades-visual>.flex.flex-col.lesson-path-slot-row>button{padding-top:6px;padding-bottom:6px}.chords-recital-finale-visual>.flex.flex-col.lesson-path-slot-row{gap:5px}.chords-recital-finale-visual>.flex.flex-col.lesson-path-slot-row>.flex.items-center{gap:8px}.voice-leading-quiz-visual>.flex.lesson-path-slot-row.gap-1\.5>span{height:24px}}@media (max-width: 767px) and (max-height: 590px){.lesson-module-1 .lesson-card[data-step-id=mary-lamb] .flex.items-end.lesson-path-slot-row{flex-wrap:nowrap;gap:4px}.lesson-module-1 .lesson-card[data-step-id=mary-lamb] .flex.items-end.lesson-path-slot-row>div>div{width:36px;height:56px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.lesson-path-slot-row.justify-center.flex-wrap{flex-wrap:nowrap;gap:8px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.items-center.lesson-path-slot-row.flex-wrap{flex-wrap:nowrap;gap:8px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.lesson-path-slot-row.justify-center.flex-wrap>div{width:48px;height:48px;font-size:18px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.items-center.lesson-path-slot-row.flex-wrap>div{width:48px;height:48px;font-size:18px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.flex-col.lesson-path-slot-row{gap:8px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.lesson-path-slot-row.justify-center.flex-wrap,.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.items-center.lesson-path-slot-row.flex-wrap{flex-wrap:nowrap;gap:4px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.lesson-path-slot-row.justify-center.flex-wrap>div{width:36px;height:36px;font-size:15px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.items-center.lesson-path-slot-row.flex-wrap>div{width:36px;height:36px;font-size:15px}}@media (min-width: 768px) and (max-height: 851px){.lesson-card[data-step-id=method-3-circle] .pt-stagger>.w-full.flex.lesson-path-slot-row,.lesson-card[data-step-id=real-music-usage] .pt-stagger>.w-full.flex.lesson-path-slot-row,.lesson-card:has(.harmonic-minor-intro-visual) .pt-stagger>.w-full.flex.lesson-path-slot-row,.lesson-card:has(.harmonic-minor-genre-grid) .pt-stagger>.w-full.flex.lesson-path-slot-row,.lesson-card:has(.harmonic-minor-formula-visual) .pt-stagger>.w-full.flex.lesson-path-slot-row,.lesson-card:has(.melodic-minor-genre-grid) .pt-stagger>.w-full.flex.lesson-path-slot-row,.lesson-card[data-step-id=formula-smooth] .pt-stagger>.w-full.flex.lesson-path-slot-row{margin-top:2px}.harmonic-minor-intro-visual>.lesson-path-slot-row button{padding-top:4px;padding-bottom:4px}:is(.key-signatures-viewport-step[data-step-id=hook],.key-signatures-viewport-step[data-step-id=what-it-is],.middle-c-grand-staff-viewport-step[data-step-id=border-notes],.landmark-notes-viewport-step[data-step-id=anchors],.ledger-lines-viewport-step[data-step-id=hook],.ledger-lines-viewport-step[data-step-id=rungs],.reading-intervals-viewport-step[data-step-id=hook],.reading-scales-viewport-step[data-step-id=signature],.reading-scales-viewport-step[data-step-id=relative])>.w-full.flex.lesson-path-slot-row{margin-top:16px}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .pt-stagger>.w-full.flex.lesson-path-slot-row{margin-top:8px}:is([data-lesson-id=intro-to-chords],[data-lesson-id=fully-diminished7],[data-lesson-id=chord-inversion-practice]) .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-path-slot-row{gap:8px}}@media (min-width: 1024px) and (max-height: 780px){[data-lesson-module="4"] .lesson-card--bare>.flex.lesson-path-slot-row:first-child{margin-bottom:6px}[data-lesson-module="4"] .pt-stagger>.w-full.flex.lesson-path-slot-row .max-w-lg{max-width:48rem}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=roman-numerals] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-path-slot-row{gap:8px}[data-lesson-id=progression-tips] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-path-slot-row{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops]>.flex.lesson-path-slot-row{margin-bottom:4px}[data-lesson-id=what-is-progression] .lesson-card:is([data-step-id=hook],[data-step-id=loops],[data-step-id=ear-which-order],[data-step-id=quick-check])>.flex.lesson-path-slot-row{margin-bottom:8px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=hook] .max-w-lg.flex.flex-col.lesson-path-slot-row>.flex.flex-col.items-center{gap:12px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-path-slot-row{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=ear-which-order] .max-w-md.flex.flex-col.lesson-path-slot-row{gap:4px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .max-w-lg.flex.flex-col.lesson-path-slot-row{gap:12px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .key-shortcut-practice.max-w-lg.flex.flex-col.lesson-path-slot-row{gap:4px}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .pt-stagger>.w-full.flex.lesson-path-slot-row{margin-top:18px}[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .treble-lines-visual.w-full.max-w-lg.flex.flex-col.lesson-path-slot-row{gap:12px}}@media (min-width: 768px) and (max-height: 780px){:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.flex-col.lesson-path-slot-row{gap:8px}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-example-card>.flex.w-full.flex-col.lesson-path-slot-row{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=compare] .grid>button>.flex.w-full.flex-col.lesson-path-slot-row{zoom:.82}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.lesson-path-slot-row button{gap:8px;padding-block:10px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.justify-center button>.flex.flex-col.lesson-path-slot-row{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.lesson-path-slot-row button>.flex.flex-col.items-center{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}}@media (min-width: 1200px) and (max-width: 1300px) and (min-height: 800px) and (max-height: 830px){[data-lesson-id=naming-whites] .lesson-card:is([data-step-id=finding-c],[data-step-id=alphabet]) .pt-stagger>:is(.w-full.flex.lesson-path-slot-row,.w-full.max-w-lg.mx-auto){margin-top:40px}}@media (min-width: 768px) and (max-height: 780px){[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=recap] .pt-stagger>.w-full.flex.lesson-path-slot-row{margin-top:4px}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=enharmonics] .pt-stagger>.w-full.flex.lesson-path-slot-row{gap:4px;margin-top:3px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=what-you-can-do] .pt-stagger>.w-full.flex.lesson-path-slot-row{margin-top:4px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=build-melody] .pt-stagger>.w-full.flex.lesson-path-slot-row{margin-top:3px}[data-lesson-id=major-scale-practice] .lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]) .pt-stagger>.w-full.flex.lesson-path-slot-row{margin-top:3px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.w-full.flex.lesson-path-slot-row{margin-top:2px}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.lesson-path-slot-row:first-child{padding-block:2px}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.lesson-path-slot-row:first-child>span:first-child{width:24px;height:24px}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=method-1-demo] .pt-stagger>.w-full.flex.lesson-path-slot-row>*{max-width:40rem;gap:4px}[data-lesson-id=melodic-minor] .melodic-minor-hook-visual>.lesson-path-slot-row button{padding-block:4px}[data-lesson-id=minor-pentatonic] .lesson-card[data-step-id=where] .pt-stagger>.w-full.flex.lesson-path-slot-row{margin-top:4px}}.lesson-path-slot-row{gap:14px}.lesson-path-slot-group{display:flex;flex-direction:column;align-items:center}@media (min-width: 768px) and (max-height: 860px){:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) .lesson-card>.lesson-path-slot-group.justify-center{margin-bottom:2px}:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) .lesson-card[data-step-id=labeling-drill] .pt-stagger>.lesson-path-slot-group.flex-wrap button{width:48px;height:64px}[data-lesson-id=scale-degrees-explained] .lesson-card:is([data-step-id=degree-1],[data-step-id=degree-2],[data-step-id=degree-3],[data-step-id=degree-4],[data-step-id=degree-5],[data-step-id=degree-6],[data-step-id=degree-7]) [data-degree-interaction]>.lesson-path-slot-group.flex-col{gap:0}[data-lesson-id=scale-degrees-explained] .lesson-card:is([data-step-id=degree-1],[data-step-id=degree-2],[data-step-id=degree-3],[data-step-id=degree-4],[data-step-id=degree-5],[data-step-id=degree-6],[data-step-id=degree-7]) [data-degree-interaction]>.flex.lesson-path-slot-group{gap:0}}@media (min-width: 768px) and (max-height: 780px){.lesson-step-what-is-2nd>.w-full.lesson-path-slot-group.justify-center{margin-top:4px}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=staff-basics] .lesson-card[data-step-id=lines-spaces] .pt-stagger>.w-full.lesson-path-slot-group.justify-center,[data-lesson-id=treble-clef-notes] .lesson-card:is([data-step-id=lines],[data-step-id=two-clefs],[data-step-id=two-clefs-bass]) .pt-stagger>.w-full.lesson-path-slot-group.justify-center{margin-top:2px}.melodic-harmonic-concept-step>.w-full.lesson-path-slot-group.justify-center{margin-top:6px}.unison-octaves-concept-step>.w-full.lesson-path-slot-group.justify-center{margin-top:8px}.seconds-thirds-what-is-3rd-step>.w-full.lesson-path-slot-group.justify-center{margin-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.w-full.lesson-path-slot-group.justify-center{margin-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull-chords] .pt-stagger>.w-full.lesson-path-slot-group.justify-center{margin-top:4px}.what-is-key-chord-pull-visual>.w-full.rounded-3xl>.lesson-path-slot-group.items-stretch svg.w-full{height:auto}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.w-full.lesson-path-slot-group.justify-center ul{gap:6px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.w-full.lesson-path-slot-group.justify-center li{padding-top:8px;padding-bottom:8px}.lesson-card[data-step-id=recap]:has(.what-is-key-recap-visual) .pt-stagger>.w-full.lesson-path-slot-group.justify-center{margin-top:24px}.lesson-card[data-step-id=build-melody] .pt-stagger>.w-full.lesson-path-slot-group.justify-center{margin-top:16px}.major-scale-transpose-step>.lesson-path-slot-group.flex-col.items-center{gap:8px}.major-scale-transpose-step>.flex.lesson-path-slot-group.items-center{gap:8px}.major-scale-transpose-step>.flex.flex-col.lesson-path-slot-group{gap:8px}.major-scale-transpose-step>.w-full.lesson-path-slot-group.justify-center{margin-top:12px}.major-scale-transpose-visual>.w-full.max-w-xl>.w-full.rounded-2xl>.relative.lesson-path-slot-group.flex-col{gap:2px}.major-scale-transpose-visual>.w-full.max-w-xl>.w-full.rounded-2xl>.relative.flex.lesson-path-slot-group{gap:2px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) .lesson-path-slot-group.flex-col.w-full.gap-4.items-center{gap:8px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) .flex.lesson-path-slot-group.w-full.gap-4.items-center{gap:8px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) .flex.flex-col.w-full.gap-4.lesson-path-slot-group{gap:8px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) :is(.w-full.max-w-md,.w-full.max-w-lg).lesson-path-slot-group.flex-col.items-center{gap:4px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) :is(.w-full.max-w-md,.w-full.max-w-lg).flex.lesson-path-slot-group.items-center{gap:4px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) :is(.w-full.max-w-md,.w-full.max-w-lg).flex.flex-col.lesson-path-slot-group{gap:4px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .w-full.max-w-lg.lesson-path-slot-group.flex-col.items-center{gap:1px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .w-full.max-w-lg.flex.lesson-path-slot-group.items-center{gap:1px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .w-full.max-w-lg.flex.flex-col.lesson-path-slot-group{gap:1px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .lesson-path-slot-group.flex-col.w-full.gap-4.items-center{gap:6px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .flex.lesson-path-slot-group.w-full.gap-4.items-center{gap:6px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .flex.flex-col.w-full.gap-4.lesson-path-slot-group{gap:6px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=dc-fine],[data-step-id=ds-coda])>div>.pt-stagger .w-full.max-w-lg>.lesson-path-slot-group.items-center>.flex.flex-col{padding-top:2px;padding-bottom:2px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=dc-fine],[data-step-id=ds-coda])>div>.pt-stagger .w-full.max-w-lg>.flex.items-center>.flex.lesson-path-slot-group{padding-top:2px;padding-bottom:2px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=dc-fine],[data-step-id=ds-coda])>div>.pt-stagger .w-full.max-w-lg>.flex.lesson-path-slot-group>.flex.flex-col{padding-top:2px;padding-bottom:2px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) button[aria-label="Watch the playing order"]>.lesson-path-slot-group.justify-center>svg{width:auto;height:72px}.lesson-card[data-step-id=hear-bluesy]>div>.pt-stagger>.w-full.lesson-path-slot-group.justify-center{margin-top:4px}.lesson-card:is([data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) .w-full.max-w-lg.lesson-path-slot-group.flex-col.items-center{gap:6px}.lesson-card:is([data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) .w-full.max-w-lg.flex.lesson-path-slot-group.items-center{gap:6px}.lesson-card:is([data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) .w-full.max-w-lg.flex.flex-col.lesson-path-slot-group{gap:6px}.lesson-card[data-step-id=quick-check]:has([aria-label="Hear the first fifths"]) .w-full.max-w-md.lesson-path-slot-group.flex-col{gap:6px}.lesson-card[data-step-id=quick-check]:has([aria-label="Hear the first fifths"]) .w-full.max-w-md.flex.lesson-path-slot-group{gap:6px}.lesson-card[data-step-id=fingering] .lesson-path-slot-group.flex-col.gap-4.items-center.w-full,.lesson-card[data-step-id=fingering] .flex.lesson-path-slot-group.gap-4.items-center.w-full,.lesson-card[data-step-id=fingering] .flex.flex-col.gap-4.lesson-path-slot-group.w-full{gap:2px}.lesson-card[data-step-id=swing-build] .w-full.max-w-md.lesson-path-slot-group.flex-col.items-center,.lesson-card[data-step-id=swing-build] .w-full.max-w-md.flex.lesson-path-slot-group.items-center,.lesson-card[data-step-id=swing-build] .w-full.max-w-md.flex.flex-col.lesson-path-slot-group{gap:3px}.lesson-card:is([data-step-id=lines],[data-step-id=spaces]) .w-full.max-w-lg.lesson-path-slot-group.flex-col.items-center{gap:4px}.lesson-card:is([data-step-id=lines],[data-step-id=spaces]) .w-full.max-w-lg.flex.lesson-path-slot-group.items-center{gap:4px}.lesson-card:is([data-step-id=lines],[data-step-id=spaces]) .w-full.max-w-lg.flex.flex-col.lesson-path-slot-group{gap:4px}.lesson-card[data-step-id=compare-all] .w-full.lesson-path-slot-group.justify-center:has(>.lesson-callout--boxed){margin-top:8px}.major-scale-zoo-visual>.lesson-path-slot-group.flex-col{gap:3px}.major-scale-zoo-visual>.flex.lesson-path-slot-group{gap:3px}.lesson-card[data-step-id=transpose-melody] .major-scale-transpose-step>.w-full.lesson-path-slot-group.justify-center{margin-top:5px}.lesson-card[data-step-id=spine] .scale-degree-spine>.lesson-path-slot-group.flex-wrap{gap:4px 10px}.lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]):has(.playing-scales-fingering-visual) .pt-stagger>.w-full.lesson-path-slot-group.justify-center{margin-top:8px}.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-map) .pt-stagger>.w-full.lesson-path-slot-group.justify-center{margin-top:20px}.lesson-card[data-step-id=make-melody]:has(.natural-minor-melody-maker) .pt-stagger>.w-full.lesson-path-slot-group.justify-center{margin-top:12px}.lesson-card[data-step-id=where-you-hear]:has(.build-major-where-you-hear-visual) .pt-stagger>.w-full.lesson-path-slot-group.justify-center,.lesson-card[data-step-id=why-accidentals]:has(.build-major-why-accidentals-visual) .pt-stagger>.w-full.lesson-path-slot-group.justify-center,.lesson-card[data-step-id=compare-three]:has(.playing-scales-compare-three-visual) .pt-stagger>.w-full.lesson-path-slot-group.justify-center,.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-visual) .pt-stagger>.w-full.lesson-path-slot-group.justify-center{margin-top:7px}.lesson-card[data-step-id=real-music-usage] .pt-stagger>.w-full.lesson-path-slot-group.justify-center{margin-top:12px}.lesson-card:has(.short-viewport-genre-grid)>div>.pt-stagger>.w-full.lesson-path-slot-group.justify-center,.lesson-card:has(.melodic-minor-formula-visual)>div>.pt-stagger>.w-full.lesson-path-slot-group.justify-center,.lesson-card:has(.major-pentatonic-formula-visual)>div>.pt-stagger>.w-full.lesson-path-slot-group.justify-center,.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.w-full.lesson-path-slot-group.justify-center,.lesson-card:has(.intro-chords-vocab-visual)>div>.pt-stagger>.w-full.lesson-path-slot-group.justify-center{margin-top:4px}.short-viewport-genre-grid>div[role=button]>.lesson-path-slot-group:first-child>.w-7.h-7{width:24px;height:24px}.short-viewport-genre-grid>div[role=button]>.lesson-path-slot-group.flex-wrap span{min-width:20px;height:20px;padding-left:4px;padding-right:4px}.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.w-full.lesson-path-slot-group.justify-center{margin-top:12px}.chord-formulas-hook-visual>button>.lesson-path-slot-group.items-center.gap-1>span.grid{height:20px;min-width:20px}.chord-formulas-hook-visual>button>.flex.lesson-path-slot-group.gap-1>span.grid{height:20px;min-width:20px}.triads-family-map-visual>.w-full.lesson-path-slot-group.flex-col{gap:4px}.triads-family-map-visual>.w-full.flex.lesson-path-slot-group{gap:4px}.triads-family-map-visual>.w-full.lesson-path-slot-group.flex-col>button{gap:8px;padding-top:6px;padding-bottom:6px}.triads-family-map-visual>.w-full.flex.lesson-path-slot-group>button{gap:8px;padding-top:6px;padding-bottom:6px}.triads-family-map-visual>.w-full.lesson-path-slot-group.flex-col>button>span:first-child{height:36px}.triads-family-map-visual>.w-full.flex.lesson-path-slot-group>button>span:first-child{height:36px}.add-chords-counting-visual>.lesson-path-slot-group>button{padding-top:6px;padding-bottom:6px}.slash-chords-anatomy-visual>.lesson-path-slot-group:first-child{transform:scale(.9);transform-origin:center;margin-top:-2px;margin-bottom:-2px}.slash-chords-staircase-visual>.lesson-path-slot-group:first-child{gap:6px}.slash-chords-staircase-visual>.lesson-path-slot-group:first-child>button{padding-top:8px;padding-bottom:8px}.chord-voicings-dials-visual>.lesson-path-slot-group:first-child{gap:6px}.chord-voicings-dials-visual>.lesson-path-slot-group:first-child>button{padding-top:7px;padding-bottom:7px}.chord-voicings-suits-visual>.lesson-path-slot-group:first-child>button{padding-top:6px;padding-bottom:6px}.chord-voicings-gm-visual>.lesson-path-slot-group:first-child>button{padding-top:8px;padding-bottom:8px}.what-is-progression-loops-visual>.w-full.max-w-lg>.lesson-path-slot-group:first-child{padding-top:5px;padding-bottom:5px}.what-is-progression-loops-visual>.w-full.max-w-lg>.lesson-path-slot-group:nth-child(2) span{padding-top:2px;padding-bottom:2px}.diatonic-shades-visual>.lesson-path-slot-group:first-child{padding:2px}.diatonic-shades-visual>.lesson-path-slot-group:first-child button{padding-top:4px;padding-bottom:4px}.diatonic-shades-visual>.lesson-path-slot-group.flex-col.items-center{gap:4px}.diatonic-shades-visual>.flex.lesson-path-slot-group.items-center{gap:4px}.diatonic-shades-visual>.flex.flex-col.lesson-path-slot-group{gap:4px}.diatonic-shades-visual>.lesson-path-slot-group.flex-col.items-center>button{padding-top:6px;padding-bottom:6px}.diatonic-shades-visual>.flex.lesson-path-slot-group.items-center>button{padding-top:6px;padding-bottom:6px}.diatonic-shades-visual>.flex.flex-col.lesson-path-slot-group>button{padding-top:6px;padding-bottom:6px}.chords-recital-finale-visual>.lesson-path-slot-group.flex-col.items-center{gap:5px}.chords-recital-finale-visual>.flex.lesson-path-slot-group.items-center{gap:5px}.chords-recital-finale-visual>.flex.flex-col.lesson-path-slot-group{gap:5px}.chords-recital-finale-visual>.lesson-path-slot-group.flex-col.items-center>.flex.items-center{gap:8px}.chords-recital-finale-visual>.flex.lesson-path-slot-group.items-center>.flex.items-center{gap:8px}.chords-recital-finale-visual>.flex.flex-col.lesson-path-slot-group>.flex.items-center{gap:8px}.minor-functions-leading-tone-visual>.lesson-path-slot-group:first-child,.major-motions-deceptive-visual>.lesson-path-slot-group:first-child,.other-chords-color-visual>.lesson-path-slot-group:first-child{margin-top:0;margin-bottom:0}.voice-leading-rules-visual>.w-full.lesson-path-slot-group.flex-col{gap:6px}.voice-leading-rules-visual>.w-full.flex.lesson-path-slot-group{gap:6px}.voice-leading-rules-visual>.w-full.lesson-path-slot-group.flex-col>button{padding-top:8px;padding-bottom:8px}.voice-leading-rules-visual>.w-full.flex.lesson-path-slot-group>button{padding-top:8px;padding-bottom:8px}.voice-leading-quiz-visual>.lesson-path-slot-group.items-center.gap-1\.5>span{height:24px}.voice-leading-quiz-visual>.flex.lesson-path-slot-group.gap-1\.5>span{height:24px}}@media (max-width: 767px) and (max-height: 590px){.lesson-module-1 .lesson-card:is([data-step-id=find-2black],[data-step-id=find-3black]) .lesson-path-slot-group.items-stretch>div{gap:4px;padding:7px 12px}.lesson-module-1 .lesson-card:is([data-step-id=find-2black],[data-step-id=find-3black]) .lesson-path-slot-group.items-stretch>div>div:last-child{font-size:10px;line-height:1.1}.lesson-module-1 .lesson-card[data-step-id=mary-lamb] .lesson-path-slot-group.items-end.justify-center{flex-wrap:nowrap;gap:4px}.lesson-module-1 .lesson-card[data-step-id=mary-lamb] .lesson-path-slot-group.items-end.justify-center>div>div{width:36px;height:56px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .lesson-path-slot-group.items-center.justify-center.flex-wrap{flex-wrap:nowrap;gap:8px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.lesson-path-slot-group.justify-center.flex-wrap{flex-wrap:nowrap;gap:8px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .lesson-path-slot-group.items-center.justify-center.flex-wrap>div{width:48px;height:48px;font-size:18px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.lesson-path-slot-group.justify-center.flex-wrap>div{width:48px;height:48px;font-size:18px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .relative.w-full.lesson-path-slot-group.flex-col.items-center,.lesson-module-1 .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.lesson-path-slot-group.items-center,.lesson-module-1 .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.flex-col.lesson-path-slot-group{gap:8px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .lesson-path-slot-group.items-center.justify-center.flex-wrap,.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.lesson-path-slot-group.justify-center.flex-wrap{flex-wrap:nowrap;gap:4px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .lesson-path-slot-group.items-center.justify-center.flex-wrap>div{width:36px;height:36px;font-size:15px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.lesson-path-slot-group.justify-center.flex-wrap>div{width:36px;height:36px;font-size:15px}}@media (min-width: 768px) and (max-height: 851px){.lesson-card[data-step-id=method-3-circle] .pt-stagger>.w-full.lesson-path-slot-group.justify-center,.lesson-card[data-step-id=real-music-usage] .pt-stagger>.w-full.lesson-path-slot-group.justify-center,.lesson-card:has(.harmonic-minor-intro-visual) .pt-stagger>.w-full.lesson-path-slot-group.justify-center,.lesson-card:has(.harmonic-minor-genre-grid) .pt-stagger>.w-full.lesson-path-slot-group.justify-center,.lesson-card:has(.harmonic-minor-formula-visual) .pt-stagger>.w-full.lesson-path-slot-group.justify-center,.lesson-card:has(.melodic-minor-genre-grid) .pt-stagger>.w-full.lesson-path-slot-group.justify-center,.lesson-card[data-step-id=formula-smooth] .pt-stagger>.w-full.lesson-path-slot-group.justify-center{margin-top:2px}:is(.key-signatures-viewport-step[data-step-id=hook],.key-signatures-viewport-step[data-step-id=what-it-is],.middle-c-grand-staff-viewport-step[data-step-id=border-notes],.landmark-notes-viewport-step[data-step-id=anchors],.ledger-lines-viewport-step[data-step-id=hook],.ledger-lines-viewport-step[data-step-id=rungs],.reading-intervals-viewport-step[data-step-id=hook],.reading-scales-viewport-step[data-step-id=signature],.reading-scales-viewport-step[data-step-id=relative])>.w-full.lesson-path-slot-group.justify-center{margin-top:16px}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .pt-stagger>.w-full.lesson-path-slot-group.justify-center{margin-top:8px}:is([data-lesson-id=intro-to-chords],[data-lesson-id=fully-diminished7],[data-lesson-id=chord-inversion-practice]) .lesson-card[data-step-id=quick-check] .max-w-md.lesson-path-slot-group.flex-col.items-center{gap:8px}:is([data-lesson-id=intro-to-chords],[data-lesson-id=fully-diminished7],[data-lesson-id=chord-inversion-practice]) .lesson-card[data-step-id=quick-check] .max-w-md.flex.lesson-path-slot-group.items-center{gap:8px}:is([data-lesson-id=intro-to-chords],[data-lesson-id=fully-diminished7],[data-lesson-id=chord-inversion-practice]) .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-path-slot-group{gap:8px}}@media (min-width: 1024px) and (max-height: 780px){[data-lesson-module="4"] .lesson-card--bare>.lesson-path-slot-group.justify-center:first-child{margin-bottom:6px}[data-lesson-module="4"] .pt-stagger>.w-full.lesson-path-slot-group.justify-center .max-w-lg{max-width:48rem}.triads-jobs-visual>.w-full.lesson-path-slot-group.flex-col,.add-chords-habitats-visual>.w-full.lesson-path-slot-group.flex-col{gap:6px}.triads-jobs-visual>.w-full.flex.lesson-path-slot-group,.add-chords-habitats-visual>.w-full.flex.lesson-path-slot-group{gap:6px}.triads-jobs-visual>.w-full.lesson-path-slot-group.flex-col>button,.add-chords-habitats-visual>.w-full.lesson-path-slot-group.flex-col>button{padding-top:6px;padding-bottom:6px}.triads-jobs-visual>.w-full.flex.lesson-path-slot-group>button,.add-chords-habitats-visual>.w-full.flex.lesson-path-slot-group>button{padding-top:6px;padding-bottom:6px}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=roman-numerals] .lesson-card[data-step-id=quick-check] .max-w-md.lesson-path-slot-group.flex-col.items-center,[data-lesson-id=roman-numerals] .lesson-card[data-step-id=quick-check] .max-w-md.flex.lesson-path-slot-group.items-center,[data-lesson-id=roman-numerals] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-path-slot-group{gap:8px}[data-lesson-id=progression-tips] .lesson-card[data-step-id=quick-check] .max-w-md.lesson-path-slot-group.flex-col.items-center,[data-lesson-id=progression-tips] .lesson-card[data-step-id=quick-check] .max-w-md.flex.lesson-path-slot-group.items-center,[data-lesson-id=progression-tips] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-path-slot-group{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops]>.lesson-path-slot-group.justify-center{margin-bottom:4px}[data-lesson-id=what-is-progression] .lesson-card:is([data-step-id=hook],[data-step-id=loops],[data-step-id=ear-which-order],[data-step-id=quick-check])>.lesson-path-slot-group.justify-center{margin-bottom:8px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=hook] .max-w-lg.lesson-path-slot-group.flex-col.items-center>.flex.flex-col.items-center{gap:12px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=hook] .max-w-lg.flex.lesson-path-slot-group.items-center>.flex.flex-col.items-center{gap:12px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=hook] .max-w-lg.flex.flex-col.lesson-path-slot-group>.flex.flex-col.items-center{gap:12px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops] .what-is-progression-loops-visual>.w-full.max-w-lg>.lesson-path-slot-group:first-child{padding-block:2px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops] .what-is-progression-loops-visual>.w-full.max-w-lg>.lesson-path-slot-group:nth-child(2) span{padding-block:0}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=quick-check] .max-w-md.lesson-path-slot-group.flex-col.items-center,[data-lesson-id=what-is-progression] .lesson-card[data-step-id=quick-check] .max-w-md.flex.lesson-path-slot-group.items-center,[data-lesson-id=what-is-progression] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.lesson-path-slot-group{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=ear-which-order] .max-w-md.lesson-path-slot-group.flex-col.items-center,[data-lesson-id=what-is-progression] .lesson-card[data-step-id=ear-which-order] .max-w-md.flex.lesson-path-slot-group.items-center,[data-lesson-id=what-is-progression] .lesson-card[data-step-id=ear-which-order] .max-w-md.flex.flex-col.lesson-path-slot-group{gap:4px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .max-w-lg.lesson-path-slot-group.flex-col.items-center,[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .max-w-lg.flex.lesson-path-slot-group.items-center,[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .max-w-lg.flex.flex-col.lesson-path-slot-group{gap:12px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .key-shortcut-practice.max-w-lg.lesson-path-slot-group.flex-col.items-center,[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .key-shortcut-practice.max-w-lg.flex.lesson-path-slot-group.items-center,[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .key-shortcut-practice.max-w-lg.flex.flex-col.lesson-path-slot-group{gap:4px}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .pt-stagger>.w-full.lesson-path-slot-group.justify-center{margin-top:18px}[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .treble-lines-visual.w-full.max-w-lg.lesson-path-slot-group.flex-col.items-center,[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .treble-lines-visual.w-full.max-w-lg.flex.lesson-path-slot-group.items-center,[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .treble-lines-visual.w-full.max-w-lg.flex.flex-col.lesson-path-slot-group{gap:12px}}@media (min-width: 768px) and (max-height: 780px){:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m4-finale] .relative.w-full.lesson-path-slot-group.flex-col.items-center{gap:8px}:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.lesson-path-slot-group.items-center{gap:8px}:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.flex-col.lesson-path-slot-group{gap:8px}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-example-card>.lesson-path-slot-group.w-full.flex-col.items-center{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-example-card>.flex.w-full.lesson-path-slot-group.items-center{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-example-card>.flex.w-full.flex-col.lesson-path-slot-group{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=compare] .grid>button>.lesson-path-slot-group.w-full.flex-col.items-center{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=compare] .grid>button>.flex.w-full.lesson-path-slot-group.items-center{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=compare] .grid>button>.flex.w-full.flex-col.lesson-path-slot-group{zoom:.82}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.lesson-path-slot-group.justify-center button{gap:8px;padding-block:10px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.lesson-path-slot-group.justify-center button>.flex.flex-col.items-center{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.justify-center button>.flex.lesson-path-slot-group.items-center{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.justify-center button>.flex.flex-col.lesson-path-slot-group{--piano-incard-white-key-width: 34px;--piano-incard-white-key-height: 100px;--piano-incard-black-key-width: 20px;--piano-incard-black-key-height: 62px;gap:8px}[data-lesson-id=interval-examples] .lesson-card:is([data-step-id=star-wars],[data-step-id=simpsons],[data-step-id=bad],[data-step-id=take-on-me]) [role=button].group.lesson-path-slot-group.flex-col{gap:6px;padding-block:8px}[data-lesson-id=interval-examples] .lesson-card:is([data-step-id=star-wars],[data-step-id=simpsons],[data-step-id=bad],[data-step-id=take-on-me]) [role=button].group.flex.lesson-path-slot-group{gap:6px;padding-block:8px}}@media (min-width: 1200px) and (max-width: 1300px) and (min-height: 800px) and (max-height: 830px){[data-lesson-id=naming-whites] .lesson-card:is([data-step-id=finding-c],[data-step-id=alphabet]) .pt-stagger>:is(.w-full.lesson-path-slot-group.justify-center,.w-full.max-w-lg.mx-auto){margin-top:40px}}@media (min-width: 768px) and (max-height: 780px){[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=recap] .pt-stagger>.w-full.lesson-path-slot-group.justify-center{margin-top:4px}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=enharmonics] .pt-stagger>.w-full.lesson-path-slot-group.justify-center{gap:4px;margin-top:3px}[data-lesson-id=major-scale-pattern] .major-scale-zoo-visual>.lesson-path-slot-group.flex-col{gap:1px}[data-lesson-id=major-scale-pattern] .major-scale-zoo-visual>.flex.lesson-path-slot-group{gap:1px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=what-you-can-do] .pt-stagger>.w-full.lesson-path-slot-group.justify-center{margin-top:4px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=build-melody] .pt-stagger>.w-full.lesson-path-slot-group.justify-center{margin-top:3px}[data-lesson-id=build-major-scale] .build-major-where-you-hear-visual>.lesson-path-slot-group.flex-wrap{display:none}[data-lesson-id=major-scale-practice] .lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]) .pt-stagger>.w-full.lesson-path-slot-group.justify-center{margin-top:3px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.w-full.lesson-path-slot-group.justify-center{margin-top:2px}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=method-1-demo] .pt-stagger>.w-full.lesson-path-slot-group.justify-center>*{max-width:40rem;gap:4px}[data-lesson-id=minor-pentatonic] .lesson-card[data-step-id=where] .pt-stagger>.w-full.lesson-path-slot-group.justify-center{margin-top:4px}}.lesson-path-slot-group{gap:8px}@media (max-width: 639px){.lesson-binary-answer-grid{grid-template-columns:1fr}.lesson-binary-answer-card{min-height:96px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.\!static{position:static!important}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.\!relative{position:relative!important}.relative{position:relative}.sticky{position:sticky}.\!inset-auto{inset:auto!important}.-inset-10{top:-2.5rem;right:-2.5rem;bottom:-2.5rem;left:-2.5rem}.-inset-2{top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem}.-inset-4{top:-1rem;right:-1rem;bottom:-1rem;left:-1rem}.-inset-6{top:-1.5rem;right:-1.5rem;bottom:-1.5rem;left:-1.5rem}.inset-0{top:0;right:0;bottom:0;left:0}.inset-0\.5{top:.125rem;right:.125rem;bottom:.125rem;left:.125rem}.inset-1{top:.25rem;right:.25rem;bottom:.25rem;left:.25rem}.inset-2{top:.5rem;right:.5rem;bottom:.5rem;left:.5rem}.inset-\[-16px\]{top:-16px;right:-16px;bottom:-16px;left:-16px}.inset-\[-58px\]{top:-58px;right:-58px;bottom:-58px;left:-58px}.inset-\[-5px\]{top:-5px;right:-5px;bottom:-5px;left:-5px}.inset-\[12\%\]{top:12%;right:12%;bottom:12%;left:12%}.inset-\[16\%\]{top:16%;right:16%;bottom:16%;left:16%}.inset-\[1px\]{top:1px;right:1px;bottom:1px;left:1px}.inset-\[27\%\]{top:27%;right:27%;bottom:27%;left:27%}.inset-\[30\%\]{top:30%;right:30%;bottom:30%;left:30%}.inset-\[31\%\]{top:31%;right:31%;bottom:31%;left:31%}.inset-\[35\%\]{top:35%;right:35%;bottom:35%;left:35%}.inset-\[3px\]{top:3px;right:3px;bottom:3px;left:3px}.inset-\[5px\]{top:5px;right:5px;bottom:5px;left:5px}.inset-\[6\%\]{top:6%;right:6%;bottom:6%;left:6%}.-inset-x-10{left:-2.5rem;right:-2.5rem}.-inset-x-8{left:-2rem;right:-2rem}.-inset-y-5{top:-1.25rem;bottom:-1.25rem}.-inset-y-\[3px\]{top:-3px;bottom:-3px}.inset-x-0{left:0;right:0}.inset-x-1{left:.25rem;right:.25rem}.inset-x-1\.5{left:.375rem;right:.375rem}.inset-x-10{left:2.5rem;right:2.5rem}.inset-x-12{left:3rem;right:3rem}.inset-x-2{left:.5rem;right:.5rem}.inset-x-3{left:.75rem;right:.75rem}.inset-x-4{left:1rem;right:1rem}.inset-x-8{left:2rem;right:2rem}.inset-x-\[10\%\]{left:10%;right:10%}.inset-x-\[3px\]{left:3px;right:3px}.inset-y-0{top:0;bottom:0}.inset-y-1{top:.25rem;bottom:.25rem}.inset-y-1\.5{top:.375rem;bottom:.375rem}.inset-y-\[2px\]{top:2px;bottom:2px}.-bottom-0\.5{bottom:-.125rem}.-bottom-1{bottom:-.25rem}.-bottom-10{bottom:-2.5rem}.-bottom-12{bottom:-3rem}.-bottom-16{bottom:-4rem}.-bottom-2{bottom:-.5rem}.-bottom-3{bottom:-.75rem}.-bottom-3\.5{bottom:-.875rem}.-bottom-4{bottom:-1rem}.-bottom-40{bottom:-10rem}.-bottom-5{bottom:-1.25rem}.-bottom-6{bottom:-1.5rem}.-bottom-7{bottom:-1.75rem}.-bottom-8{bottom:-2rem}.-bottom-\[13px\]{bottom:-13px}.-left-0\.5{left:-.125rem}.-left-1{left:-.25rem}.-left-1\/4{left:-25%}.-left-12{left:-3rem}.-left-16{left:-4rem}.-left-2{left:-.5rem}.-left-20{left:-5rem}.-left-3{left:-.75rem}.-left-4{left:-1rem}.-left-40{left:-10rem}.-left-6{left:-1.5rem}.-left-8{left:-2rem}.-right-0\.5{right:-.125rem}.-right-1{right:-.25rem}.-right-1\.5{right:-.375rem}.-right-10{right:-2.5rem}.-right-12{right:-3rem}.-right-14{right:-3.5rem}.-right-16{right:-4rem}.-right-2{right:-.5rem}.-right-20{right:-5rem}.-right-3{right:-.75rem}.-right-4{right:-1rem}.-right-40{right:-10rem}.-right-5{right:-1.25rem}.-right-6{right:-1.5rem}.-right-8{right:-2rem}.-right-\[3px\]{right:-3px}.-right-px{right:-1px}.-top-0\.5{top:-.125rem}.-top-1{top:-.25rem}.-top-1\.5{top:-.375rem}.-top-10{top:-2.5rem}.-top-12{top:-3rem}.-top-14{top:-3.5rem}.-top-16{top:-4rem}.-top-2{top:-.5rem}.-top-2\.5{top:-.625rem}.-top-20{top:-5rem}.-top-24{top:-6rem}.-top-3{top:-.75rem}.-top-36{top:-9rem}.-top-4{top:-1rem}.-top-40{top:-10rem}.-top-6{top:-1.5rem}.-top-7{top:-1.75rem}.-top-8{top:-2rem}.bottom-0{bottom:0}.bottom-0\.5{bottom:.125rem}.bottom-1{bottom:.25rem}.bottom-1\.5{bottom:.375rem}.bottom-10{bottom:2.5rem}.bottom-12{bottom:3rem}.bottom-16{bottom:4rem}.bottom-2{bottom:.5rem}.bottom-2\.5{bottom:.625rem}.bottom-20{bottom:5rem}.bottom-24{bottom:6rem}.bottom-28{bottom:7rem}.bottom-3{bottom:.75rem}.bottom-3\.5{bottom:.875rem}.bottom-4{bottom:1rem}.bottom-48{bottom:12rem}.bottom-5{bottom:1.25rem}.bottom-6{bottom:1.5rem}.bottom-7{bottom:1.75rem}.bottom-72{bottom:18rem}.bottom-8{bottom:2rem}.bottom-\[-10\%\]{bottom:-10%}.bottom-\[-3px\]{bottom:-3px}.bottom-\[-70px\]{bottom:-70px}.bottom-\[10\%\]{bottom:10%}.bottom-\[14\%\]{bottom:14%}.bottom-\[16\%\]{bottom:16%}.bottom-\[18\%\]{bottom:18%}.bottom-\[20\%\]{bottom:20%}.bottom-\[22\%\]{bottom:22%}.bottom-\[34px\]{bottom:34px}.bottom-\[35px\]{bottom:35px}.bottom-\[39px\]{bottom:39px}.bottom-\[6\%\]{bottom:6%}.bottom-\[7\%\]{bottom:7%}.bottom-\[8\%\]{bottom:8%}.left-0{left:0}.left-0\.5{left:.125rem}.left-1{left:.25rem}.left-1\.5{left:.375rem}.left-1\/2{left:50%}.left-12{left:3rem}.left-16{left:4rem}.left-2{left:.5rem}.left-3{left:.75rem}.left-4{left:1rem}.left-5{left:1.25rem}.left-6{left:1.5rem}.left-8{left:2rem}.left-9{left:2.25rem}.left-\[-12000px\]{left:-12000px}.left-\[1\.35rem\]{left:1.35rem}.left-\[10\%\]{left:10%}.left-\[12\%\]{left:12%}.left-\[15\%\]{left:15%}.left-\[15px\]{left:15px}.left-\[16\%\]{left:16%}.left-\[20\%\]{left:20%}.left-\[21\%\]{left:21%}.left-\[25\%\]{left:25%}.left-\[26px\]{left:26px}.left-\[28\%\]{left:28%}.left-\[30\%\]{left:30%}.left-\[34\%\]{left:34%}.left-\[35px\]{left:35px}.left-\[36\%\]{left:36%}.left-\[38\%\]{left:38%}.left-\[39\%\]{left:39%}.left-\[40\%\]{left:40%}.left-\[42\%\]{left:42%}.left-\[46\%\]{left:46%}.left-\[50\%\]{left:50%}.left-\[52\%\]{left:52%}.left-\[52px\]{left:52px}.left-\[6\%\]{left:6%}.left-\[6\.25\%\]{left:6.25%}.left-\[62\%\]{left:62%}.left-\[68\%\]{left:68%}.left-\[8\%\]{left:8%}.left-\[86px\]{left:86px}.left-\[calc\(100\%-22px\)\]{left:calc(100% - 22px)}.right-0{right:0}.right-0\.5{right:.125rem}.right-1{right:.25rem}.right-1\/2{right:50%}.right-1\/4{right:25%}.right-10{right:2.5rem}.right-12{right:3rem}.right-16{right:4rem}.right-2{right:.5rem}.right-2\.5{right:.625rem}.right-20{right:5rem}.right-3{right:.75rem}.right-3\.5{right:.875rem}.right-4{right:1rem}.right-5{right:1.25rem}.right-6{right:1.5rem}.right-8{right:2rem}.right-\[-22\%\]{right:-22%}.right-\[-9\%\]{right:-9%}.right-\[1\%\]{right:1%}.right-\[10\%\]{right:10%}.right-\[12\%\]{right:12%}.right-\[14\%\]{right:14%}.right-\[15\%\]{right:15%}.right-\[18\%\]{right:18%}.right-\[2\%\]{right:2%}.right-\[20\%\]{right:20%}.right-\[22\%\]{right:22%}.right-\[24\%\]{right:24%}.right-\[25\%\]{right:25%}.right-\[28\%\]{right:28%}.right-\[30\%\]{right:30%}.right-\[36\%\]{right:36%}.right-\[4\%\]{right:4%}.right-\[4\.25rem\]{right:4.25rem}.right-\[6\%\]{right:6%}.right-\[6\.25\%\]{right:6.25%}.right-\[60px\]{right:60px}.right-\[7\%\]{right:7%}.right-\[8\%\]{right:8%}.top-0{top:0}.top-0\.5{top:.125rem}.top-1{top:.25rem}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-1\/3{top:33.333333%}.top-1\/4{top:25%}.top-10{top:2.5rem}.top-12{top:3rem}.top-14{top:3.5rem}.top-16{top:4rem}.top-2{top:.5rem}.top-2\.5{top:.625rem}.top-20{top:5rem}.top-24{top:6rem}.top-3{top:.75rem}.top-3\.5{top:.875rem}.top-32{top:8rem}.top-4{top:1rem}.top-40{top:10rem}.top-5{top:1.25rem}.top-52{top:13rem}.top-6{top:1.5rem}.top-60{top:15rem}.top-72{top:18rem}.top-8{top:2rem}.top-\[-3px\]{top:-3px}.top-\[10\%\]{top:10%}.top-\[12\%\]{top:12%}.top-\[15px\]{top:15px}.top-\[16\%\]{top:16%}.top-\[18\%\]{top:18%}.top-\[1px\]{top:1px}.top-\[2\%\]{top:2%}.top-\[20\%\]{top:20%}.top-\[22\%\]{top:22%}.top-\[24\%\]{top:24%}.top-\[28\%\]{top:28%}.top-\[3\%\]{top:3%}.top-\[3\.8rem\]{top:3.8rem}.top-\[31px\]{top:31px}.top-\[32\%\]{top:32%}.top-\[36\%\]{top:36%}.top-\[38\%\]{top:38%}.top-\[38px\]{top:38px}.top-\[42\%\]{top:42%}.top-\[45\%\]{top:45%}.top-\[450px\]{top:450px}.top-\[46\%\]{top:46%}.top-\[5\%\]{top:5%}.top-\[50\%\]{top:50%}.top-\[54\%\]{top:54%}.top-\[6\%\]{top:6%}.top-\[60\%\]{top:60%}.top-\[600px\]{top:600px}.top-\[67\%\]{top:67%}.top-\[69\%\]{top:69%}.top-\[70px\]{top:70px}.top-\[8\%\]{top:8%}.top-\[800px\]{top:800px}.top-\[9\%\]{top:9%}.top-auto{top:auto}.top-full{top:100%}.isolate{isolation:isolate}.-z-10{z-index:-10}.-z-20{z-index:-20}.-z-\[1\]{z-index:-1}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[101\]{z-index:101}.z-\[110\]{z-index:110}.z-\[120\]{z-index:120}.z-\[130\]{z-index:130}.z-\[140\]{z-index:140}.z-\[141\]{z-index:141}.z-\[180\]{z-index:180}.z-\[1\]{z-index:1}.z-\[200\]{z-index:200}.z-\[201\]{z-index:201}.z-\[210\]{z-index:210}.z-\[211\]{z-index:211}.z-\[2\]{z-index:2}.z-\[3\]{z-index:3}.z-\[4\]{z-index:4}.z-\[5\]{z-index:5}.z-\[60\]{z-index:60}.z-\[6\]{z-index:6}.z-\[70\]{z-index:70}.z-\[90\]{z-index:90}.z-\[9999\]{z-index:9999}.z-\[999\]{z-index:999}.order-1{order:1}.order-2{order:2}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2 / span 2}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.float-left{float:left}.m-3{margin:.75rem}.m-auto{margin:auto}.-mx-0\.5{margin-left:-.125rem;margin-right:-.125rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-mx-1\.5{margin-left:-.375rem;margin-right:-.375rem}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.-mx-4{margin-left:-1rem;margin-right:-1rem}.-my-1{margin-top:-.25rem;margin-bottom:-.25rem}.mx-0{margin-left:0;margin-right:0}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-1\.5{margin-left:.375rem;margin-right:.375rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3\.5{margin-left:.875rem;margin-right:.875rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0\.5{margin-top:.125rem;margin-bottom:.125rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-1\.5{margin-top:.375rem;margin-bottom:.375rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-auto{margin-top:auto;margin-bottom:auto}.-mb-1{margin-bottom:-.25rem}.-mb-2{margin-bottom:-.5rem}.-mb-3{margin-bottom:-.75rem}.-mb-px{margin-bottom:-1px}.-ml-1\.5{margin-left:-.375rem}.-ml-2\.5{margin-left:-.625rem}.-ml-3{margin-left:-.75rem}.-ml-4{margin-left:-1rem}.-ml-px{margin-left:-1px}.-mr-1{margin-right:-.25rem}.-mr-2{margin-right:-.5rem}.-mr-px{margin-right:-1px}.-ms-2{margin-inline-start:-.5rem}.-mt-0\.5{margin-top:-.125rem}.-mt-1{margin-top:-.25rem}.-mt-2{margin-top:-.5rem}.-mt-3{margin-top:-.75rem}.-mt-4{margin-top:-1rem}.-mt-5{margin-top:-1.25rem}.-mt-6{margin-top:-1.5rem}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.mb-\[10px\]{margin-bottom:10px}.mb-\[9vh\]{margin-bottom:9vh}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-2\.5{margin-left:.625rem}.ml-3{margin-left:.75rem}.ml-8{margin-left:2rem}.ml-\[1px\]{margin-left:1px}.ml-\[2px\]{margin-left:2px}.ml-auto{margin-left:auto}.ml-px{margin-left:1px}.mr-0\.5{margin-right:.125rem}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-8{margin-right:2rem}.mr-auto{margin-right:auto}.ms-auto{margin-inline-start:auto}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-\[46px\]{margin-top:46px}.mt-\[8vh\]{margin-top:8vh}.mt-auto{margin-top:auto}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-5{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.\!hidden{display:none!important}.hidden{display:none}.aspect-\[1\/1\.92\]{aspect-ratio:1/1.92}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-\[5\/2\]{aspect-ratio:5/2}.aspect-\[9\/16\]{aspect-ratio:9/16}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.size-4{width:1rem;height:1rem}.\!h-7{height:1.75rem!important}.\!h-\[64px\]{height:64px!important}.\!h-full{height:100%!important}.h-0{height:0px}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-1\/2{height:50%}.h-1\/3{height:33.333333%}.h-1\/4{height:25%}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-2\/3{height:66.666667%}.h-2\/5{height:40%}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-3\/4{height:75%}.h-32{height:8rem}.h-36{height:9rem}.h-4{height:1rem}.h-40{height:10rem}.h-44{height:11rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-52{height:13rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-72{height:18rem}.h-8{height:2rem}.h-80{height:20rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[1\.5px\]{height:1.5px}.h-\[100dvh\]{height:100dvh}.h-\[100px\]{height:100px}.h-\[100svh\]{height:100svh}.h-\[104px\]{height:104px}.h-\[10px\]{height:10px}.h-\[112px\]{height:112px}.h-\[11px\]{height:11px}.h-\[120\%\]{height:120%}.h-\[130\%\]{height:130%}.h-\[132px\]{height:132px}.h-\[13px\]{height:13px}.h-\[140px\]{height:140px}.h-\[14px\]{height:14px}.h-\[150\%\]{height:150%}.h-\[150px\]{height:150px}.h-\[155\%\]{height:155%}.h-\[156px\]{height:156px}.h-\[16px\]{height:16px}.h-\[17px\]{height:17px}.h-\[18px\]{height:18px}.h-\[1px\]{height:1px}.h-\[200\%\]{height:200%}.h-\[208px\]{height:208px}.h-\[210px\]{height:210px}.h-\[224px\]{height:224px}.h-\[22px\]{height:22px}.h-\[260px\]{height:260px}.h-\[280px\]{height:280px}.h-\[290px\]{height:290px}.h-\[2px\]{height:2px}.h-\[3\.25rem\]{height:3.25rem}.h-\[3\.75rem\]{height:3.75rem}.h-\[32px\]{height:32px}.h-\[34rem\]{height:34rem}.h-\[360px\]{height:360px}.h-\[36vh\]{height:36vh}.h-\[3px\]{height:3px}.h-\[400px\]{height:400px}.h-\[420px\]{height:420px}.h-\[42px\]{height:42px}.h-\[46\%\]{height:46%}.h-\[46px\]{height:46px}.h-\[48px\]{height:48px}.h-\[4px\]{height:4px}.h-\[5\.5rem\]{height:5.5rem}.h-\[500px\]{height:500px}.h-\[52px\]{height:52px}.h-\[56px\]{height:56px}.h-\[58\%\]{height:58%}.h-\[58px\]{height:58px}.h-\[5px\]{height:5px}.h-\[60\%\]{height:60%}.h-\[600px\]{height:600px}.h-\[60px\]{height:60px}.h-\[63\%\]{height:63%}.h-\[66px\]{height:66px}.h-\[68px\]{height:68px}.h-\[6px\]{height:6px}.h-\[70px\]{height:70px}.h-\[720px\]{height:720px}.h-\[72px\]{height:72px}.h-\[74\%\]{height:74%}.h-\[74px\]{height:74px}.h-\[760px\]{height:760px}.h-\[76px\]{height:76px}.h-\[78\%\]{height:78%}.h-\[78px\]{height:78px}.h-\[7px\]{height:7px}.h-\[80\%\]{height:80%}.h-\[80px\]{height:80px}.h-\[82\%\]{height:82%}.h-\[820px\]{height:820px}.h-\[84px\]{height:84px}.h-\[85\%\]{height:85%}.h-\[86px\]{height:86px}.h-\[88px\]{height:88px}.h-\[8px\]{height:8px}.h-\[92px\]{height:92px}.h-\[95vh\]{height:95vh}.h-\[9px\]{height:9px}.h-\[clamp\(150px\,20svh\,210px\)\]{height:clamp(150px,20svh,210px)}.h-\[clamp\(62px\,11svh\,176px\)\]{height:clamp(62px,11svh,176px)}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.h-svh{height:100svh}.max-h-4{max-height:1rem}.max-h-72{max-height:18rem}.max-h-96{max-height:24rem}.max-h-\[300px\]{max-height:300px}.max-h-\[340px\]{max-height:340px}.max-h-\[400px\]{max-height:400px}.max-h-\[40px\]{max-height:40px}.max-h-\[420px\]{max-height:420px}.max-h-\[60vh\]{max-height:60vh}.max-h-\[65vh\]{max-height:65vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[85dvh\]{max-height:85dvh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[88vh\]{max-height:88vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[92dvh\]{max-height:92dvh}.max-h-\[92vh\]{max-height:92vh}.max-h-\[calc\(100dvh-1\.5rem\)\]{max-height:calc(100dvh - 1.5rem)}.max-h-\[calc\(100dvh-12px\)\]{max-height:calc(100dvh - 12px)}.max-h-\[calc\(100dvh-1rem\)\]{max-height:calc(100dvh - 1rem)}.max-h-\[calc\(100vh-2\.5rem\)\]{max-height:calc(100vh - 2.5rem)}.max-h-\[min\(60vh\,32rem\)\]{max-height:min(60vh,32rem)}.max-h-\[min\(76vh\,38rem\)\]{max-height:min(76vh,38rem)}.max-h-full{max-height:100%}.max-h-none{max-height:none}.max-h-screen{max-height:100vh}.min-h-0{min-height:0px}.min-h-10{min-height:2.5rem}.min-h-11{min-height:2.75rem}.min-h-12{min-height:3rem}.min-h-14{min-height:3.5rem}.min-h-16{min-height:4rem}.min-h-20{min-height:5rem}.min-h-24{min-height:6rem}.min-h-28{min-height:7rem}.min-h-32{min-height:8rem}.min-h-36{min-height:9rem}.min-h-40{min-height:10rem}.min-h-48{min-height:12rem}.min-h-5{min-height:1.25rem}.min-h-56{min-height:14rem}.min-h-6{min-height:1.5rem}.min-h-7{min-height:1.75rem}.min-h-8{min-height:2rem}.min-h-9{min-height:2.25rem}.min-h-96{min-height:24rem}.min-h-\[1\.25rem\]{min-height:1.25rem}.min-h-\[100dvh\]{min-height:100dvh}.min-h-\[104px\]{min-height:104px}.min-h-\[110px\]{min-height:110px}.min-h-\[112px\]{min-height:112px}.min-h-\[116px\]{min-height:116px}.min-h-\[11rem\]{min-height:11rem}.min-h-\[120px\]{min-height:120px}.min-h-\[128px\]{min-height:128px}.min-h-\[132px\]{min-height:132px}.min-h-\[136px\]{min-height:136px}.min-h-\[140px\]{min-height:140px}.min-h-\[148px\]{min-height:148px}.min-h-\[14px\]{min-height:14px}.min-h-\[150px\]{min-height:150px}.min-h-\[160px\]{min-height:160px}.min-h-\[168px\]{min-height:168px}.min-h-\[16px\]{min-height:16px}.min-h-\[170px\]{min-height:170px}.min-h-\[180px\]{min-height:180px}.min-h-\[190px\]{min-height:190px}.min-h-\[2\.25rem\]{min-height:2.25rem}.min-h-\[2\.5em\]{min-height:2.5em}.min-h-\[2\.5rem\]{min-height:2.5rem}.min-h-\[200px\]{min-height:200px}.min-h-\[20px\]{min-height:20px}.min-h-\[210px\]{min-height:210px}.min-h-\[212px\]{min-height:212px}.min-h-\[220px\]{min-height:220px}.min-h-\[22px\]{min-height:22px}.min-h-\[230px\]{min-height:230px}.min-h-\[240px\]{min-height:240px}.min-h-\[24px\]{min-height:24px}.min-h-\[260px\]{min-height:260px}.min-h-\[280px\]{min-height:280px}.min-h-\[28px\]{min-height:28px}.min-h-\[3\.25rem\]{min-height:3.25rem}.min-h-\[300px\]{min-height:300px}.min-h-\[312px\]{min-height:312px}.min-h-\[315px\]{min-height:315px}.min-h-\[320px\]{min-height:320px}.min-h-\[32px\]{min-height:32px}.min-h-\[350px\]{min-height:350px}.min-h-\[360px\]{min-height:360px}.min-h-\[36px\]{min-height:36px}.min-h-\[38px\]{min-height:38px}.min-h-\[390px\]{min-height:390px}.min-h-\[400px\]{min-height:400px}.min-h-\[40px\]{min-height:40px}.min-h-\[420px\]{min-height:420px}.min-h-\[430px\]{min-height:430px}.min-h-\[440px\]{min-height:440px}.min-h-\[44px\]{min-height:44px}.min-h-\[5\.5rem\]{min-height:5.5rem}.min-h-\[520px\]{min-height:520px}.min-h-\[52px\]{min-height:52px}.min-h-\[550px\]{min-height:550px}.min-h-\[55vh\]{min-height:55vh}.min-h-\[56px\]{min-height:56px}.min-h-\[5rem\]{min-height:5rem}.min-h-\[60px\]{min-height:60px}.min-h-\[60vh\]{min-height:60vh}.min-h-\[64px\]{min-height:64px}.min-h-\[68px\]{min-height:68px}.min-h-\[70vh\]{min-height:70vh}.min-h-\[72px\]{min-height:72px}.min-h-\[76px\]{min-height:76px}.min-h-\[78px\]{min-height:78px}.min-h-\[80px\]{min-height:80px}.min-h-\[84px\]{min-height:84px}.min-h-\[88px\]{min-height:88px}.min-h-\[90px\]{min-height:90px}.min-h-\[96px\]{min-height:96px}.min-h-\[calc\(100dvh-5rem\)\]{min-height:calc(100dvh - 5rem)}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.\!w-7{width:1.75rem!important}.\!w-\[80px\]{width:80px!important}.\!w-auto{width:auto!important}.w-0{width:0px}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-1\/12{width:8.333333%}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-1\/4{width:25%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-2\/3{width:66.666667%}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-40{width:10rem}.w-44{width:11rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-52{width:13rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-\[--sidebar-width\]{width:var(--sidebar-width)}.w-\[1\.35rem\]{width:1.35rem}.w-\[100px\]{width:100px}.w-\[104px\]{width:104px}.w-\[11px\]{width:11px}.w-\[120px\]{width:120px}.w-\[130\%\]{width:130%}.w-\[132px\]{width:132px}.w-\[135\%\]{width:135%}.w-\[136px\]{width:136px}.w-\[13px\]{width:13px}.w-\[14px\]{width:14px}.w-\[15\%\]{width:15%}.w-\[168px\]{width:168px}.w-\[16px\]{width:16px}.w-\[170px\]{width:170px}.w-\[17px\]{width:17px}.w-\[188px\]{width:188px}.w-\[18px\]{width:18px}.w-\[1px\]{width:1px}.w-\[2\.4\%\]{width:2.4%}.w-\[2\.5px\]{width:2.5px}.w-\[208px\]{width:208px}.w-\[22\%\]{width:22%}.w-\[22px\]{width:22px}.w-\[240px\]{width:240px}.w-\[26\%\]{width:26%}.w-\[260px\]{width:260px}.w-\[26px\]{width:26px}.w-\[280px\]{width:280px}.w-\[2px\]{width:2px}.w-\[3\.25rem\]{width:3.25rem}.w-\[3\.5px\]{width:3.5px}.w-\[320px\]{width:320px}.w-\[34px\]{width:34px}.w-\[34rem\]{width:34rem}.w-\[360px\]{width:360px}.w-\[3px\]{width:3px}.w-\[40\%\]{width:40%}.w-\[400px\]{width:400px}.w-\[42\%\]{width:42%}.w-\[420px\]{width:420px}.w-\[44\%\]{width:44%}.w-\[440px\]{width:440px}.w-\[46px\]{width:46px}.w-\[480px\]{width:480px}.w-\[5\%\]{width:5%}.w-\[500px\]{width:500px}.w-\[52\%\]{width:52%}.w-\[52px\]{width:52px}.w-\[55\%\]{width:55%}.w-\[56\%\]{width:56%}.w-\[56px\]{width:56px}.w-\[58\%\]{width:58%}.w-\[58px\]{width:58px}.w-\[6\%\]{width:6%}.w-\[600px\]{width:600px}.w-\[60px\]{width:60px}.w-\[62\%\]{width:62%}.w-\[62px\]{width:62px}.w-\[64\%\]{width:64%}.w-\[64px\]{width:64px}.w-\[67\%\]{width:67%}.w-\[68\%\]{width:68%}.w-\[68px\]{width:68px}.w-\[70\%\]{width:70%}.w-\[70px\]{width:70px}.w-\[72\%\]{width:72%}.w-\[72px\]{width:72px}.w-\[74px\]{width:74px}.w-\[760px\]{width:760px}.w-\[76px\]{width:76px}.w-\[78\%\]{width:78%}.w-\[78px\]{width:78px}.w-\[7px\]{width:7px}.w-\[8\%\]{width:8%}.w-\[80\%\]{width:80%}.w-\[80px\]{width:80px}.w-\[82\%\]{width:82%}.w-\[820px\]{width:820px}.w-\[82px\]{width:82px}.w-\[85px\]{width:85px}.w-\[88px\]{width:88px}.w-\[8px\]{width:8px}.w-\[9\%\]{width:9%}.w-\[900px\]{width:900px}.w-\[90px\]{width:90px}.w-\[92px\]{width:92px}.w-\[95\%\]{width:95%}.w-\[960px\]{width:960px}.w-\[96px\]{width:96px}.w-\[9px\]{width:9px}.w-\[calc\(100\%\+2rem\)\]{width:calc(100% + 2rem)}.w-\[calc\(100\%-1\.5rem\)\]{width:calc(100% - 1.5rem)}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-\[calc\(100vw-1rem\)\]{width:calc(100vw - 1rem)}.w-\[calc\(100vw-2rem\)\]{width:calc(100vw - 2rem)}.w-\[clamp\(118px\,15\.7svh\,165px\)\]{width:clamp(118px,15.7svh,165px)}.w-\[clamp\(49px\,8\.6svh\,138px\)\]{width:clamp(49px,8.6svh,138px)}.w-\[min\(22rem\,calc\(100vw-2rem\)\)\]{width:min(22rem,calc(100vw - 2rem))}.w-\[min\(84vw\,340px\)\]{width:min(84vw,340px)}.w-\[min\(86vw\,520px\)\]{width:min(86vw,520px)}.w-\[min\(88vw\,22rem\)\]{width:min(88vw,22rem)}.w-\[min\(88vw\,780px\)\]{width:min(88vw,780px)}.w-\[min\(92vw\,420px\)\]{width:min(92vw,420px)}.w-\[min\(92vw\,980px\)\]{width:min(92vw,980px)}.w-\[min\(94vw\,980px\)\]{width:min(94vw,980px)}.w-\[var\(--radix-dropdown-menu-trigger-width\)\]{width:var(--radix-dropdown-menu-trigger-width)}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.w-screen{width:100vw}.min-w-0{min-width:0px}.min-w-10{min-width:2.5rem}.min-w-12{min-width:3rem}.min-w-16{min-width:4rem}.min-w-20{min-width:5rem}.min-w-24{min-width:6rem}.min-w-28{min-width:7rem}.min-w-32{min-width:8rem}.min-w-4{min-width:1rem}.min-w-5{min-width:1.25rem}.min-w-52{min-width:13rem}.min-w-6{min-width:1.5rem}.min-w-64{min-width:16rem}.min-w-7{min-width:1.75rem}.min-w-8{min-width:2rem}.min-w-9{min-width:2.25rem}.min-w-\[1\.75rem\]{min-width:1.75rem}.min-w-\[100px\]{min-width:100px}.min-w-\[10rem\]{min-width:10rem}.min-w-\[112px\]{min-width:112px}.min-w-\[120px\]{min-width:120px}.min-w-\[12rem\]{min-width:12rem}.min-w-\[130px\]{min-width:130px}.min-w-\[140px\]{min-width:140px}.min-w-\[145px\]{min-width:145px}.min-w-\[160px\]{min-width:160px}.min-w-\[180px\]{min-width:180px}.min-w-\[190px\]{min-width:190px}.min-w-\[19rem\]{min-width:19rem}.min-w-\[2\.25rem\]{min-width:2.25rem}.min-w-\[2\.35rem\]{min-width:2.35rem}.min-w-\[200px\]{min-width:200px}.min-w-\[20px\]{min-width:20px}.min-w-\[22px\]{min-width:22px}.min-w-\[240px\]{min-width:240px}.min-w-\[24px\]{min-width:24px}.min-w-\[260px\]{min-width:260px}.min-w-\[26px\]{min-width:26px}.min-w-\[28px\]{min-width:28px}.min-w-\[2rem\]{min-width:2rem}.min-w-\[3\.5rem\]{min-width:3.5rem}.min-w-\[300px\]{min-width:300px}.min-w-\[30px\]{min-width:30px}.min-w-\[32px\]{min-width:32px}.min-w-\[34px\]{min-width:34px}.min-w-\[36px\]{min-width:36px}.min-w-\[38px\]{min-width:38px}.min-w-\[3rem\]{min-width:3rem}.min-w-\[4\.5rem\]{min-width:4.5rem}.min-w-\[40px\]{min-width:40px}.min-w-\[42px\]{min-width:42px}.min-w-\[44px\]{min-width:44px}.min-w-\[46px\]{min-width:46px}.min-w-\[48px\]{min-width:48px}.min-w-\[5\.5rem\]{min-width:5.5rem}.min-w-\[50px\]{min-width:50px}.min-w-\[52px\]{min-width:52px}.min-w-\[54px\]{min-width:54px}.min-w-\[58px\]{min-width:58px}.min-w-\[60px\]{min-width:60px}.min-w-\[62px\]{min-width:62px}.min-w-\[64px\]{min-width:64px}.min-w-\[65px\]{min-width:65px}.min-w-\[68px\]{min-width:68px}.min-w-\[6rem\]{min-width:6rem}.min-w-\[720px\]{min-width:720px}.min-w-\[72px\]{min-width:72px}.min-w-\[78px\]{min-width:78px}.min-w-\[7rem\]{min-width:7rem}.min-w-\[80px\]{min-width:80px}.min-w-\[85px\]{min-width:85px}.min-w-\[88px\]{min-width:88px}.min-w-\[8rem\]{min-width:8rem}.min-w-\[90px\]{min-width:90px}.min-w-\[92px\]{min-width:92px}.min-w-\[96px\]{min-width:96px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.min-w-full{min-width:100%}.min-w-max{min-width:-moz-max-content;min-width:max-content}.max-w-10{max-width:2.5rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4{max-width:1rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[--skeleton-width\]{max-width:var(--skeleton-width)}.max-w-\[1040px\]{max-width:1040px}.max-w-\[110px\]{max-width:110px}.max-w-\[1160px\]{max-width:1160px}.max-w-\[116px\]{max-width:116px}.max-w-\[1180px\]{max-width:1180px}.max-w-\[1200px\]{max-width:1200px}.max-w-\[120px\]{max-width:120px}.max-w-\[1240px\]{max-width:1240px}.max-w-\[1280px\]{max-width:1280px}.max-w-\[130px\]{max-width:130px}.max-w-\[136px\]{max-width:136px}.max-w-\[13rem\]{max-width:13rem}.max-w-\[140px\]{max-width:140px}.max-w-\[1440px\]{max-width:1440px}.max-w-\[1480px\]{max-width:1480px}.max-w-\[1500px\]{max-width:1500px}.max-w-\[155px\]{max-width:155px}.max-w-\[15rem\]{max-width:15rem}.max-w-\[160px\]{max-width:160px}.max-w-\[1640px\]{max-width:1640px}.max-w-\[180px\]{max-width:180px}.max-w-\[200px\]{max-width:200px}.max-w-\[210px\]{max-width:210px}.max-w-\[220px\]{max-width:220px}.max-w-\[230px\]{max-width:230px}.max-w-\[240px\]{max-width:240px}.max-w-\[248px\]{max-width:248px}.max-w-\[24ch\]{max-width:24ch}.max-w-\[260px\]{max-width:260px}.max-w-\[280px\]{max-width:280px}.max-w-\[290px\]{max-width:290px}.max-w-\[300px\]{max-width:300px}.max-w-\[320px\]{max-width:320px}.max-w-\[340px\]{max-width:340px}.max-w-\[360px\]{max-width:360px}.max-w-\[362px\]{max-width:362px}.max-w-\[36ch\]{max-width:36ch}.max-w-\[370px\]{max-width:370px}.max-w-\[380px\]{max-width:380px}.max-w-\[390px\]{max-width:390px}.max-w-\[40\%\]{max-width:40%}.max-w-\[400px\]{max-width:400px}.max-w-\[420px\]{max-width:420px}.max-w-\[42ch\]{max-width:42ch}.max-w-\[430px\]{max-width:430px}.max-w-\[440px\]{max-width:440px}.max-w-\[460px\]{max-width:460px}.max-w-\[470px\]{max-width:470px}.max-w-\[480px\]{max-width:480px}.max-w-\[520px\]{max-width:520px}.max-w-\[540px\]{max-width:540px}.max-w-\[560px\]{max-width:560px}.max-w-\[58px\]{max-width:58px}.max-w-\[600px\]{max-width:600px}.max-w-\[640px\]{max-width:640px}.max-w-\[64px\]{max-width:64px}.max-w-\[680px\]{max-width:680px}.max-w-\[700px\]{max-width:700px}.max-w-\[720px\]{max-width:720px}.max-w-\[72px\]{max-width:72px}.max-w-\[760px\]{max-width:760px}.max-w-\[78\%\]{max-width:78%}.max-w-\[800px\]{max-width:800px}.max-w-\[80px\]{max-width:80px}.max-w-\[820px\]{max-width:820px}.max-w-\[84\%\]{max-width:84%}.max-w-\[840px\]{max-width:840px}.max-w-\[850px\]{max-width:850px}.max-w-\[880px\]{max-width:880px}.max-w-\[8rem\]{max-width:8rem}.max-w-\[92\%\]{max-width:92%}.max-w-\[92px\]{max-width:92px}.max-w-\[95vw\]{max-width:95vw}.max-w-\[960px\]{max-width:960px}.max-w-\[96rem\]{max-width:96rem}.max-w-\[9rem\]{max-width:9rem}.max-w-\[calc\(100vw-2\.5rem\)\]{max-width:calc(100vw - 2.5rem)}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-\[min\(90vw\,28rem\)\]{max-width:min(90vw,28rem)}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-max{max-width:-moz-max-content;max-width:max-content}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-\[1\.5\]{flex:1.5}.flex-\[1\]{flex:1}.flex-\[2\]{flex:2}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.\!basis-0{flex-basis:0px!important}.basis-0{flex-basis:0px}.basis-\[120px\]{flex-basis:120px}.basis-\[196px\]{flex-basis:196px}.basis-\[9vh\]{flex-basis:9vh}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-bottom{transform-origin:bottom}.origin-center{transform-origin:center}.origin-left{transform-origin:left}.origin-right{transform-origin:right}.origin-top{transform-origin:top}.origin-top-left{transform-origin:top left}.origin-top-right{transform-origin:top right}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-px{--tw-translate-x: -1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/3{--tw-translate-y: -33.333333%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-2{--tw-translate-y: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-3{--tw-translate-y: -.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-4{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-5{--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[-50\%\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[0\.5px\]{--tw-translate-x: .5px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[1\.5px\]{--tw-translate-x: 1.5px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[1px\],.translate-x-px{--tw-translate-x: 1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0\.5{--tw-translate-y: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-2{--tw-translate-y: .5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-12{--tw-rotate: -12deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-6{--tw-rotate: -6deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-\[6deg\]{--tw-rotate: -6deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-\[8deg\]{--tw-rotate: -8deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-12{--tw-rotate: 12deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-3{--tw-rotate: 3deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-6{--tw-rotate: 6deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[-10deg\]{--tw-rotate: -10deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[-12deg\]{--tw-rotate: -12deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[-15deg\]{--tw-rotate: -15deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[-18deg\]{--tw-rotate: -18deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[-5deg\]{--tw-rotate: -5deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[-8deg\]{--tw-rotate: -8deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[-90deg\]{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[-9deg\]{--tw-rotate: -9deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[10deg\]{--tw-rotate: 10deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[15deg\]{--tw-rotate: 15deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[16deg\]{--tw-rotate: 16deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[5deg\]{--tw-rotate: 5deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[8deg\]{--tw-rotate: 8deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-skew-x-12{--tw-skew-x: -12deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-125{--tw-scale-x: 1.25;--tw-scale-y: 1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-150{--tw-scale-x: 1.5;--tw-scale-y: 1.5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-75{--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[0\.32\]{--tw-scale-x: .32;--tw-scale-y: .32;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[0\.76\]{--tw-scale-x: .76;--tw-scale-y: .76;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[0\.7\]{--tw-scale-x: .7;--tw-scale-y: .7;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[0\.84\]{--tw-scale-x: .84;--tw-scale-y: .84;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[1\.02\]{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[1\.03\]{--tw-scale-x: 1.03;--tw-scale-y: 1.03;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[1\.04\]{--tw-scale-x: 1.04;--tw-scale-y: 1.04;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[1\.06\]{--tw-scale-x: 1.06;--tw-scale-y: 1.06;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[1\.08\]{--tw-scale-x: 1.08;--tw-scale-y: 1.08;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[1\.12\]{--tw-scale-x: 1.12;--tw-scale-y: 1.12;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[1\.14\]{--tw-scale-x: 1.14;--tw-scale-y: 1.14;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[1\.1\]{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-\[1\.15\]{--tw-scale-x: 1.15;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-\[1\.2\]{--tw-scale-x: 1.2;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-\[ping_1\.1s_ease-out_infinite\]{animation:ping 1.1s ease-out infinite}.animate-\[ping_1\.6s_ease-out_infinite\]{animation:ping 1.6s ease-out infinite}.animate-\[ping_1\.8s_ease-out_infinite\]{animation:ping 1.8s ease-out infinite}.animate-\[pt-eq_0\.6s_ease-in-out_infinite\]{animation:pt-eq .6s ease-in-out infinite}.animate-\[pt-eq_0\.6s_ease-in-out_infinite_0\.2s\]{animation:pt-eq .6s ease-in-out infinite .2s}.animate-\[pt-eq_0\.6s_ease-in-out_infinite_0\.4s\]{animation:pt-eq .6s ease-in-out infinite .4s}.animate-\[pulse_0\.6s_ease-in-out_infinite\]{animation:pulse .6s ease-in-out infinite}.animate-\[pulse_0\.6s_ease-in-out_infinite_0\.15s\]{animation:pulse .6s ease-in-out infinite .15s}.animate-\[pulse_0\.6s_ease-in-out_infinite_0\.3s\]{animation:pulse .6s ease-in-out infinite .3s}.animate-\[pulse_1\.7s_ease-in-out_infinite\]{animation:pulse 1.7s ease-in-out infinite}.animate-\[shake_0\.4s_ease-in-out\]{animation:shake .4s ease-in-out}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .3s ease-out}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes progress-indeterminate{0%{transform:translate(0)}to{transform:translate(400%)}}.animate-progress-indeterminate{animation:progress-indeterminate 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.touch-pan-x{--tw-pan-x: pan-x;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-y{--tw-pan-y: pan-y;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-manipulation{touch-action:manipulation}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness: mandatory}.snap-start{scroll-snap-align:start}.snap-center{scroll-snap-align:center}.scroll-mt-20{scroll-margin-top:5rem}.scroll-mt-24{scroll-margin-top:6rem}.scroll-mt-4{scroll-margin-top:1rem}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.auto-cols-\[33\.333333\%\]{grid-auto-columns:33.333333%}.grid-flow-col{grid-auto-flow:column}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.grid-cols-\[2rem_minmax\(0\,1fr\)_2rem\]{grid-template-columns:2rem minmax(0,1fr) 2rem}.grid-cols-\[40px_minmax\(0\,1fr\)\]{grid-template-columns:40px minmax(0,1fr)}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-cols-\[auto_1fr_1fr\]{grid-template-columns:auto 1fr 1fr}.grid-cols-\[auto_minmax\(0\,1fr\)_auto\]{grid-template-columns:auto minmax(0,1fr) auto}.grid-cols-\[minmax\(0\,0\.92fr\)_minmax\(0\,1\.08fr\)\]{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.grid-cols-\[minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr)}.grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.15fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.\!flex-row{flex-direction:row!important}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.\!flex-nowrap{flex-wrap:nowrap!important}.flex-nowrap{flex-wrap:nowrap}.place-items-center{place-items:center}.content-between{align-content:space-between}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.\!justify-start{justify-content:flex-start!important}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-items-center{justify-items:center}.\!gap-3{gap:.75rem!important}.gap-0{gap:0px}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-9{gap:2.25rem}.gap-\[2px\]{gap:2px}.gap-\[3px\]{gap:3px}.gap-\[4px\]{gap:4px}.gap-\[5px\]{gap:5px}.gap-px{gap:1px}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-2\.5{-moz-column-gap:.625rem;column-gap:.625rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-7{-moz-column-gap:1.75rem;column-gap:1.75rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-0\.5{row-gap:.125rem}.gap-y-1{row-gap:.25rem}.gap-y-1\.5{row-gap:.375rem}.gap-y-2{row-gap:.5rem}.gap-y-3{row-gap:.75rem}.gap-y-4{row-gap:1rem}.gap-y-5{row-gap:1.25rem}.gap-y-6{row-gap:1.5rem}.-space-x-2\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(-.625rem * var(--tw-space-x-reverse));margin-left:calc(-.625rem * calc(1 - var(--tw-space-x-reverse)))}.-space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(-.75rem * var(--tw-space-x-reverse));margin-left:calc(-.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-3\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.875rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.875rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-7>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.75rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.space-y-9>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.25rem * var(--tw-space-y-reverse))}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-y-2>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(2px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(2px * var(--tw-divide-y-reverse))}.divide-border>:not([hidden])~:not([hidden]){border-color:hsl(var(--border))}.divide-border\/40>:not([hidden])~:not([hidden]){border-color:hsl(var(--border) / .4)}.divide-border\/50>:not([hidden])~:not([hidden]){border-color:hsl(var(--border) / .5)}.divide-border\/60>:not([hidden])~:not([hidden]){border-color:hsl(var(--border) / .6)}.divide-border\/65>:not([hidden])~:not([hidden]){border-color:hsl(var(--border) / .65)}.divide-border\/70>:not([hidden])~:not([hidden]){border-color:hsl(var(--border) / .7)}.divide-foreground\/10>:not([hidden])~:not([hidden]){border-color:hsl(var(--foreground) / .1)}.divide-foreground\/5>:not([hidden])~:not([hidden]){border-color:hsl(var(--foreground) / .05)}.divide-foreground\/\[0\.05\]>:not([hidden])~:not([hidden]){border-color:hsl(var(--foreground) / .05)}.divide-foreground\/\[0\.06\]>:not([hidden])~:not([hidden]){border-color:hsl(var(--foreground) / .06)}.divide-hairline>:not([hidden])~:not([hidden]){border-color:hsl(var(--hairline))}.divide-slate-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(226 232 240 / var(--tw-divide-opacity, 1))}.divide-slate-200\/90>:not([hidden])~:not([hidden]){border-color:#e2e8f0e6}.divide-white\/10>:not([hidden])~:not([hidden]){border-color:#ffffff1a}.divide-white\/\[0\.08\]>:not([hidden])~:not([hidden]){border-color:#ffffff14}.divide-white\/\[0\.09\]>:not([hidden])~:not([hidden]){border-color:#ffffff17}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.overscroll-contain{overscroll-behavior:contain}.overscroll-none{overscroll-behavior:none}.overscroll-x-contain{overscroll-behavior-x:contain}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hyphens-auto{-webkit-hyphens:auto;hyphens:auto}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.\!rounded-full{border-radius:9999px!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1.25rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[0\.85rem\]{border-radius:.85rem}.rounded-\[1\.25rem\]{border-radius:1.25rem}.rounded-\[1\.2rem\]{border-radius:1.2rem}.rounded-\[1\.4rem\]{border-radius:1.4rem}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[1\.65rem\]{border-radius:1.65rem}.rounded-\[1\.6rem\]{border-radius:1.6rem}.rounded-\[1\.75rem\]{border-radius:1.75rem}.rounded-\[1\.7rem\]{border-radius:1.7rem}.rounded-\[1\.9rem\]{border-radius:1.9rem}.rounded-\[14px\]{border-radius:14px}.rounded-\[16px\]{border-radius:16px}.rounded-\[18px\]{border-radius:18px}.rounded-\[1px\]{border-radius:1px}.rounded-\[1rem\]{border-radius:1rem}.rounded-\[2\.2rem\]{border-radius:2.2rem}.rounded-\[2\.4rem\]{border-radius:2.4rem}.rounded-\[2\.6rem\]{border-radius:2.6rem}.rounded-\[20px\]{border-radius:20px}.rounded-\[22px\]{border-radius:22px}.rounded-\[24px\]{border-radius:24px}.rounded-\[26px\]{border-radius:26px}.rounded-\[28px\]{border-radius:28px}.rounded-\[2px\]{border-radius:2px}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[30px\]{border-radius:30px}.rounded-\[32\%\]{border-radius:32%}.rounded-\[34px\]{border-radius:34px}.rounded-\[3px\]{border-radius:3px}.rounded-\[3rem\]{border-radius:3rem}.rounded-\[46px\]{border-radius:46px}.rounded-\[4px\]{border-radius:4px}.rounded-\[50\%\]{border-radius:50%}.rounded-\[5px\]{border-radius:5px}.rounded-\[9px\]{border-radius:9px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:1rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-b-2xl{border-bottom-right-radius:1.25rem;border-bottom-left-radius:1.25rem}.rounded-b-\[2px\]{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.rounded-b-\[3px\]{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.rounded-b-\[4px\]{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.rounded-b-lg{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.rounded-b-md{border-bottom-right-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.rounded-b-sm{border-bottom-right-radius:calc(var(--radius) - 4px);border-bottom-left-radius:calc(var(--radius) - 4px)}.rounded-b-xl{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-l-2xl{border-top-left-radius:1.25rem;border-bottom-left-radius:1.25rem}.rounded-l-\[10px\]{border-top-left-radius:10px;border-bottom-left-radius:10px}.rounded-l-lg{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-r-2xl{border-top-right-radius:1.25rem;border-bottom-right-radius:1.25rem}.rounded-r-\[10px\]{border-top-right-radius:10px;border-bottom-right-radius:10px}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.rounded-r-lg{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.rounded-r-sm{border-top-right-radius:calc(var(--radius) - 4px);border-bottom-right-radius:calc(var(--radius) - 4px)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-2xl{border-top-left-radius:1.25rem;border-top-right-radius:1.25rem}.rounded-t-3xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.rounded-t-\[1\.45rem\]{border-top-left-radius:1.45rem;border-top-right-radius:1.45rem}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-t-\[28px\]{border-top-left-radius:28px;border-top-right-radius:28px}.rounded-t-\[2rem\]{border-top-left-radius:2rem;border-top-right-radius:2rem}.rounded-t-full{border-top-left-radius:9999px;border-top-right-radius:9999px}.rounded-t-lg{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.rounded-t-md{border-top-left-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.rounded-t-sm{border-top-left-radius:calc(var(--radius) - 4px);border-top-right-radius:calc(var(--radius) - 4px)}.rounded-bl-lg{border-bottom-left-radius:var(--radius)}.rounded-br-lg{border-bottom-right-radius:var(--radius)}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)}.\!border-0{border-width:0px!important}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\[1\.5px\]{border-width:1.5px}.border-\[10px\]{border-width:10px}.border-\[3px\]{border-width:3px}.border-\[5px\]{border-width:5px}.border-\[7px\]{border-width:7px}.border-x{border-left-width:1px;border-right-width:1px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-l-\[6px\]{border-left-width:6px}.border-r{border-right-width:1px}.border-r-2{border-right-width:2px}.border-r-\[6px\]{border-right-width:6px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0px}.border-t-2{border-top-width:2px}.border-t-\[10px\]{border-top-width:10px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-none{border-style:none}.\!border-\[hsl\(214_90\%_56\%\/0\.30\)\]{border-color:#2a81f44d!important}.\!border-\[hsl\(var\(--mood-minor\)\/0\.28\)\]{border-color:hsl(var(--mood-minor)/.28)!important}.\!border-border{border-color:hsl(var(--border))!important}.\!border-destructive{border-color:hsl(var(--destructive))!important}.\!border-foreground\/20{border-color:hsl(var(--foreground) / .2)!important}.\!border-primary{border-color:hsl(var(--primary))!important}.\!border-primary\/15{border-color:hsl(var(--primary) / .15)!important}.\!border-primary\/25{border-color:hsl(var(--primary) / .25)!important}.\!border-success{border-color:hsl(var(--success))!important}.\!border-transparent{border-color:transparent!important}.border-\[\#0b0714\]{--tw-border-opacity: 1;border-color:rgb(11 7 20 / var(--tw-border-opacity, 1))}.border-\[\#1b1235\]{--tw-border-opacity: 1;border-color:rgb(27 18 53 / var(--tw-border-opacity, 1))}.border-\[\#22c55e\]{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-\[\#22c55e\]\/50{border-color:#22c55e80}.border-\[\#86EFAC\]{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))}.border-\[\#8b3dff\]{--tw-border-opacity: 1;border-color:rgb(139 61 255 / var(--tw-border-opacity, 1))}.border-\[\#FCA5A5\]{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.border-\[\#a855f7\]{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))}.border-\[\#efe9fd\]{--tw-border-opacity: 1;border-color:rgb(239 233 253 / var(--tw-border-opacity, 1))}.border-\[\#ff6b35\]{--tw-border-opacity: 1;border-color:rgb(255 107 53 / var(--tw-border-opacity, 1))}.border-\[\#ff6b35\]\/30{border-color:#ff6b354d}.border-\[\#ff6b6b\]\/30{border-color:#ff6b6b4d}.border-\[--color-border\]{border-color:var(--color-border)}.border-\[hsl\(var\(--border\)\)\]{border-color:hsl(var(--border))}.border-\[hsl\(var\(--brand-primary\)\/0\.35\)\]{border-color:hsl(var(--brand-primary)/.35)}.border-\[hsl\(var\(--piano-wrong-bottom\)\)\]{border-color:hsl(var(--piano-wrong-bottom))}.border-\[hsl\(var\(--primary\)\)\]{border-color:hsl(var(--primary))}.border-\[hsl\(var\(--primary\)\)\]\/20{border-color:hsl(var(--primary) / .2)}.border-\[hsl\(var\(--primary\)\)\]\/30{border-color:hsl(var(--primary) / .3)}.border-\[hsl\(var\(--primary\)\)\]\/40{border-color:hsl(var(--primary) / .4)}.border-\[hsl\(var\(--primary\)\)\]\/50{border-color:hsl(var(--primary) / .5)}.border-accent{border-color:hsl(var(--accent))}.border-amber-200{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.border-amber-200\/30{border-color:#fde68a4d}.border-amber-200\/80{border-color:#fde68acc}.border-amber-300{--tw-border-opacity: 1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1))}.border-amber-300\/30{border-color:#fcd34d4d}.border-amber-300\/35{border-color:#fcd34d59}.border-amber-300\/40{border-color:#fcd34d66}.border-amber-300\/45{border-color:#fcd34d73}.border-amber-300\/80{border-color:#fcd34dcc}.border-amber-400{--tw-border-opacity: 1;border-color:rgb(251 191 36 / var(--tw-border-opacity, 1))}.border-amber-400\/15{border-color:#fbbf2426}.border-amber-400\/20{border-color:#fbbf2433}.border-amber-400\/30{border-color:#fbbf244d}.border-amber-400\/40{border-color:#fbbf2466}.border-amber-400\/60{border-color:#fbbf2499}.border-amber-400\/70{border-color:#fbbf24b3}.border-amber-500\/20{border-color:#f59e0b33}.border-amber-500\/25{border-color:#f59e0b40}.border-amber-500\/30{border-color:#f59e0b4d}.border-amber-500\/40{border-color:#f59e0b66}.border-background{border-color:hsl(var(--background))}.border-background\/50{border-color:hsl(var(--background) / .5)}.border-black\/10{border-color:#0000001a}.border-black\/20{border-color:#0003}.border-black\/40{border-color:#0006}.border-black\/45{border-color:#00000073}.border-black\/5,.border-black\/\[0\.05\]{border-color:#0000000d}.border-black\/\[0\.06\]{border-color:#0000000f}.border-black\/\[0\.07\]{border-color:#00000012}.border-border{border-color:hsl(var(--border))}.border-border\/10{border-color:hsl(var(--border) / .1)}.border-border\/15{border-color:hsl(var(--border) / .15)}.border-border\/20{border-color:hsl(var(--border) / .2)}.border-border\/25{border-color:hsl(var(--border) / .25)}.border-border\/30{border-color:hsl(var(--border) / .3)}.border-border\/35{border-color:hsl(var(--border) / .35)}.border-border\/40{border-color:hsl(var(--border) / .4)}.border-border\/45{border-color:hsl(var(--border) / .45)}.border-border\/50{border-color:hsl(var(--border) / .5)}.border-border\/55{border-color:hsl(var(--border) / .55)}.border-border\/60{border-color:hsl(var(--border) / .6)}.border-border\/65{border-color:hsl(var(--border) / .65)}.border-border\/70{border-color:hsl(var(--border) / .7)}.border-border\/80{border-color:hsl(var(--border) / .8)}.border-card{border-color:hsl(var(--card))}.border-current{border-color:currentColor}.border-cyan-300{--tw-border-opacity: 1;border-color:rgb(103 232 249 / var(--tw-border-opacity, 1))}.border-cyan-300\/25{border-color:#67e8f940}.border-cyan-300\/30{border-color:#67e8f94d}.border-cyan-300\/35{border-color:#67e8f959}.border-cyan-300\/60{border-color:#67e8f999}.border-cyan-300\/70{border-color:#67e8f9b3}.border-cyan-300\/80{border-color:#67e8f9cc}.border-cyan-400{--tw-border-opacity: 1;border-color:rgb(34 211 238 / var(--tw-border-opacity, 1))}.border-cyan-500\/20{border-color:#06b6d433}.border-destructive{border-color:hsl(var(--destructive))}.border-destructive\/20{border-color:hsl(var(--destructive) / .2)}.border-destructive\/25{border-color:hsl(var(--destructive) / .25)}.border-destructive\/30{border-color:hsl(var(--destructive) / .3)}.border-destructive\/35{border-color:hsl(var(--destructive) / .35)}.border-destructive\/40{border-color:hsl(var(--destructive) / .4)}.border-destructive\/50{border-color:hsl(var(--destructive) / .5)}.border-destructive\/60{border-color:hsl(var(--destructive) / .6)}.border-emerald-200{--tw-border-opacity: 1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))}.border-emerald-200\/60{border-color:#a7f3d099}.border-emerald-200\/70{border-color:#a7f3d0b3}.border-emerald-200\/80{border-color:#a7f3d0cc}.border-emerald-300{--tw-border-opacity: 1;border-color:rgb(110 231 183 / var(--tw-border-opacity, 1))}.border-emerald-300\/35{border-color:#6ee7b759}.border-emerald-400{--tw-border-opacity: 1;border-color:rgb(52 211 153 / var(--tw-border-opacity, 1))}.border-emerald-400\/15{border-color:#34d39926}.border-emerald-400\/20{border-color:#34d39933}.border-emerald-400\/35{border-color:#34d39959}.border-emerald-400\/60{border-color:#34d39999}.border-emerald-500{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.border-emerald-500\/15{border-color:#10b98126}.border-emerald-500\/20{border-color:#10b98133}.border-emerald-500\/25{border-color:#10b98140}.border-emerald-500\/30{border-color:#10b9814d}.border-emerald-500\/40{border-color:#10b98166}.border-emerald-500\/50{border-color:#10b98180}.border-foreground\/0{border-color:hsl(var(--foreground) / 0)}.border-foreground\/10{border-color:hsl(var(--foreground) / .1)}.border-foreground\/15{border-color:hsl(var(--foreground) / .15)}.border-foreground\/20{border-color:hsl(var(--foreground) / .2)}.border-foreground\/25{border-color:hsl(var(--foreground) / .25)}.border-foreground\/40{border-color:hsl(var(--foreground) / .4)}.border-foreground\/80{border-color:hsl(var(--foreground) / .8)}.border-foreground\/\[0\.06\]{border-color:hsl(var(--foreground) / .06)}.border-foreground\/\[0\.07\]{border-color:hsl(var(--foreground) / .07)}.border-foreground\/\[0\.08\]{border-color:hsl(var(--foreground) / .08)}.border-foreground\/\[0\.09\]{border-color:hsl(var(--foreground) / .09)}.border-foreground\/\[0\.12\]{border-color:hsl(var(--foreground) / .12)}.border-fuchsia-500\/20{border-color:#d946ef33}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-700\/50{border-color:#37415180}.border-green-300{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))}.border-green-400{--tw-border-opacity: 1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-green-500\/20{border-color:#22c55e33}.border-green-500\/30{border-color:#22c55e4d}.border-green-500\/50{border-color:#22c55e80}.border-hairline{border-color:hsl(var(--hairline))}.border-indigo-500\/20{border-color:#6366f133}.border-input{border-color:hsl(var(--input))}.border-lime-500\/20{border-color:#84cc1633}.border-mood-major{border-color:hsl(var(--mood-major))}.border-mood-major\/30{border-color:hsl(var(--mood-major) / .3)}.border-mood-minor{border-color:hsl(var(--mood-minor))}.border-mood-minor\/30{border-color:hsl(var(--mood-minor) / .3)}.border-muted{border-color:hsl(var(--muted))}.border-muted-foreground\/20{border-color:hsl(var(--muted-foreground) / .2)}.border-muted-foreground\/25{border-color:hsl(var(--muted-foreground) / .25)}.border-muted-foreground\/30{border-color:hsl(var(--muted-foreground) / .3)}.border-muted-foreground\/40{border-color:hsl(var(--muted-foreground) / .4)}.border-muted-foreground\/45{border-color:hsl(var(--muted-foreground) / .45)}.border-muted-foreground\/50{border-color:hsl(var(--muted-foreground) / .5)}.border-muted\/50{border-color:hsl(var(--muted) / .5)}.border-neutral-800{--tw-border-opacity: 1;border-color:rgb(38 38 38 / var(--tw-border-opacity, 1))}.border-orange{border-color:hsl(var(--orange))}.border-orange-400\/25{border-color:#fb923c40}.border-orange-400\/50{border-color:#fb923c80}.border-orange-500\/20{border-color:#f9731633}.border-orange-500\/30{border-color:#f973164d}.border-orange-700\/60{border-color:#c2410c99}.border-orange\/15{border-color:hsl(var(--orange) / .15)}.border-orange\/20{border-color:hsl(var(--orange) / .2)}.border-orange\/25{border-color:hsl(var(--orange) / .25)}.border-orange\/30{border-color:hsl(var(--orange) / .3)}.border-orange\/40{border-color:hsl(var(--orange) / .4)}.border-orange\/50{border-color:hsl(var(--orange) / .5)}.border-pink\/30{border-color:hsl(var(--pink) / .3)}.border-primary{border-color:hsl(var(--primary))}.border-primary-foreground{border-color:hsl(var(--primary-foreground))}.border-primary-foreground\/20{border-color:hsl(var(--primary-foreground) / .2)}.border-primary\/10{border-color:hsl(var(--primary) / .1)}.border-primary\/15{border-color:hsl(var(--primary) / .15)}.border-primary\/20{border-color:hsl(var(--primary) / .2)}.border-primary\/25{border-color:hsl(var(--primary) / .25)}.border-primary\/30{border-color:hsl(var(--primary) / .3)}.border-primary\/35{border-color:hsl(var(--primary) / .35)}.border-primary\/40{border-color:hsl(var(--primary) / .4)}.border-primary\/45{border-color:hsl(var(--primary) / .45)}.border-primary\/50{border-color:hsl(var(--primary) / .5)}.border-primary\/55{border-color:hsl(var(--primary) / .55)}.border-primary\/60{border-color:hsl(var(--primary) / .6)}.border-primary\/65{border-color:hsl(var(--primary) / .65)}.border-primary\/70{border-color:hsl(var(--primary) / .7)}.border-primary\/80{border-color:hsl(var(--primary) / .8)}.border-primary\/\[0\.08\]{border-color:hsl(var(--primary) / .08)}.border-purple-200{--tw-border-opacity: 1;border-color:rgb(233 213 255 / var(--tw-border-opacity, 1))}.border-purple-200\/60{border-color:#e9d5ff99}.border-purple-400{--tw-border-opacity: 1;border-color:rgb(192 132 252 / var(--tw-border-opacity, 1))}.border-purple-500{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))}.border-purple-500\/30{border-color:#a855f74d}.border-purple-500\/40{border-color:#a855f766}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-red-200\/60{border-color:#fecaca99}.border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.border-red-400{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.border-red-400\/30{border-color:#f871714d}.border-red-400\/70{border-color:#f87171b3}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-red-500\/20{border-color:#ef444433}.border-reward\/20{border-color:hsl(var(--reward) / .2)}.border-reward\/30{border-color:hsl(var(--reward) / .3)}.border-rose-200\/50{border-color:#fecdd380}.border-rose-200\/60{border-color:#fecdd399}.border-rose-200\/80{border-color:#fecdd3cc}.border-rose-300{--tw-border-opacity: 1;border-color:rgb(253 164 175 / var(--tw-border-opacity, 1))}.border-rose-300\/25{border-color:#fda4af40}.border-rose-300\/35{border-color:#fda4af59}.border-rose-400\/15{border-color:#fb718526}.border-rose-400\/30{border-color:#fb71854d}.border-rose-400\/35{border-color:#fb718559}.border-rose-400\/40{border-color:#fb718566}.border-rose-500\/20{border-color:#f43f5e33}.border-rose-500\/25{border-color:#f43f5e40}.border-rose-500\/40{border-color:#f43f5e66}.border-sidebar-border{border-color:hsl(var(--sidebar-border))}.border-sky-300\/40{border-color:#7dd3fc66}.border-sky-400\/40{border-color:#38bdf866}.border-sky-500\/20{border-color:#0ea5e933}.border-sky-700\/60{border-color:#0369a199}.border-slate-100{--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-slate-200\/80{border-color:#e2e8f0cc}.border-slate-300{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.border-slate-600{--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}.border-slate-700\/50{border-color:#33415580}.border-slate-800\/30{border-color:#1e293b4d}.border-slate-800\/60{border-color:#1e293b99}.border-success{border-color:hsl(var(--success))}.border-success\/20{border-color:hsl(var(--success) / .2)}.border-success\/25{border-color:hsl(var(--success) / .25)}.border-success\/30{border-color:hsl(var(--success) / .3)}.border-success\/35{border-color:hsl(var(--success) / .35)}.border-success\/40{border-color:hsl(var(--success) / .4)}.border-success\/45{border-color:hsl(var(--success) / .45)}.border-success\/50{border-color:hsl(var(--success) / .5)}.border-success\/60{border-color:hsl(var(--success) / .6)}.border-teal-200{--tw-border-opacity: 1;border-color:rgb(153 246 228 / var(--tw-border-opacity, 1))}.border-teal-400{--tw-border-opacity: 1;border-color:rgb(45 212 191 / var(--tw-border-opacity, 1))}.border-teal-500\/20{border-color:#14b8a633}.border-transparent{border-color:transparent}.border-violet-200\/\[0\.14\]{border-color:#ddd6fe24}.border-violet-300\/10{border-color:#c4b5fd1a}.border-violet-300\/15{border-color:#c4b5fd26}.border-violet-300\/20{border-color:#c4b5fd33}.border-violet-300\/25{border-color:#c4b5fd40}.border-violet-300\/30{border-color:#c4b5fd4d}.border-violet-300\/40{border-color:#c4b5fd66}.border-violet-300\/\[0\.07\]{border-color:#c4b5fd12}.border-violet-300\/\[0\.08\]{border-color:#c4b5fd14}.border-violet-400{--tw-border-opacity: 1;border-color:rgb(167 139 250 / var(--tw-border-opacity, 1))}.border-violet-400\/15{border-color:#a78bfa26}.border-violet-400\/20{border-color:#a78bfa33}.border-violet-400\/25{border-color:#a78bfa40}.border-violet-500{--tw-border-opacity: 1;border-color:rgb(139 92 246 / var(--tw-border-opacity, 1))}.border-violet-500\/20{border-color:#8b5cf633}.border-violet-500\/25{border-color:#8b5cf640}.border-violet-500\/60{border-color:#8b5cf699}.border-violet-700\/60{border-color:#6d28d999}.border-violet-950\/35{border-color:#2e106559}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-white\/15{border-color:#ffffff26}.border-white\/20{border-color:#fff3}.border-white\/25{border-color:#ffffff40}.border-white\/30{border-color:#ffffff4d}.border-white\/35{border-color:#ffffff59}.border-white\/40{border-color:#fff6}.border-white\/45{border-color:#ffffff73}.border-white\/5{border-color:#ffffff0d}.border-white\/50{border-color:#ffffff80}.border-white\/55{border-color:#ffffff8c}.border-white\/60{border-color:#fff9}.border-white\/70{border-color:#ffffffb3}.border-white\/80{border-color:#fffc}.border-white\/\[\.07\]{border-color:#ffffff12}.border-white\/\[0\.06\]{border-color:#ffffff0f}.border-white\/\[0\.07\]{border-color:#ffffff12}.border-white\/\[0\.08\]{border-color:#ffffff14}.border-white\/\[0\.09\]{border-color:#ffffff17}.border-white\/\[0\.10\]{border-color:#ffffff1a}.border-white\/\[0\.12\]{border-color:#ffffff1f}.border-white\/\[0\.14\]{border-color:#ffffff24}.border-white\/\[0\.1\]{border-color:#ffffff1a}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.border-yellow-500{--tw-border-opacity: 1;border-color:rgb(234 179 8 / var(--tw-border-opacity, 1))}.border-zinc-100{--tw-border-opacity: 1;border-color:rgb(244 244 245 / var(--tw-border-opacity, 1))}.border-zinc-200{--tw-border-opacity: 1;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}.border-zinc-200\/70{border-color:#e4e4e7b3}.border-zinc-800{--tw-border-opacity: 1;border-color:rgb(39 39 42 / var(--tw-border-opacity, 1))}.border-l-border\/40{border-left-color:hsl(var(--border) / .4)}.border-l-foreground\/20{border-left-color:hsl(var(--foreground) / .2)}.border-l-slate-600\/40{border-left-color:#47556966}.border-l-slate-600\/60{border-left-color:#47556999}.border-l-transparent{border-left-color:transparent}.border-l-white\/30{border-left-color:#ffffff4d}.border-r-transparent{border-right-color:transparent}.border-t-primary{border-top-color:hsl(var(--primary))}.border-t-transparent{border-top-color:transparent}.\!bg-\[hsl\(214_90\%_56\%\/0\.10\)\]{background-color:#2a81f41a!important}.\!bg-\[hsl\(var\(--mood-minor\)\/0\.10\)\]{background-color:hsl(var(--mood-minor)/.1)!important}.\!bg-card{background-color:hsl(var(--card))!important}.\!bg-destructive\/10{background-color:hsl(var(--destructive) / .1)!important}.\!bg-destructive\/15{background-color:hsl(var(--destructive) / .15)!important}.\!bg-foreground\/\[0\.03\]{background-color:hsl(var(--foreground) / .03)!important}.\!bg-foreground\/\[0\.04\]{background-color:hsl(var(--foreground) / .04)!important}.\!bg-foreground\/\[0\.05\]{background-color:hsl(var(--foreground) / .05)!important}.\!bg-foreground\/\[0\.06\]{background-color:hsl(var(--foreground) / .06)!important}.\!bg-primary{background-color:hsl(var(--primary))!important}.\!bg-primary\/20{background-color:hsl(var(--primary) / .2)!important}.\!bg-primary\/\[0\.04\]{background-color:hsl(var(--primary) / .04)!important}.\!bg-primary\/\[0\.06\]{background-color:hsl(var(--primary) / .06)!important}.\!bg-primary\/\[0\.08\]{background-color:hsl(var(--primary) / .08)!important}.\!bg-success-soft{background-color:hsl(var(--success-soft))!important}.\!bg-success\/15{background-color:hsl(var(--success) / .15)!important}.\!bg-transparent{background-color:transparent!important}.\!bg-white{--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))!important}.bg-\[\#08051c\]{--tw-bg-opacity: 1;background-color:rgb(8 5 28 / var(--tw-bg-opacity, 1))}.bg-\[\#080611\]{--tw-bg-opacity: 1;background-color:rgb(8 6 17 / var(--tw-bg-opacity, 1))}.bg-\[\#080711\]{--tw-bg-opacity: 1;background-color:rgb(8 7 17 / var(--tw-bg-opacity, 1))}.bg-\[\#090612\]{--tw-bg-opacity: 1;background-color:rgb(9 6 18 / var(--tw-bg-opacity, 1))}.bg-\[\#090714\]{--tw-bg-opacity: 1;background-color:rgb(9 7 20 / var(--tw-bg-opacity, 1))}.bg-\[\#090812\]{--tw-bg-opacity: 1;background-color:rgb(9 8 18 / var(--tw-bg-opacity, 1))}.bg-\[\#090812\]\/90{background-color:#090812e6}.bg-\[\#090813\]\/80{background-color:#090813cc}.bg-\[\#0a0616\]{--tw-bg-opacity: 1;background-color:rgb(10 6 22 / var(--tw-bg-opacity, 1))}.bg-\[\#0a0618\]\/90{background-color:#0a0618e6}.bg-\[\#0d081d\]{--tw-bg-opacity: 1;background-color:rgb(13 8 29 / var(--tw-bg-opacity, 1))}.bg-\[\#0d0918\]{--tw-bg-opacity: 1;background-color:rgb(13 9 24 / var(--tw-bg-opacity, 1))}.bg-\[\#0d091b\]{--tw-bg-opacity: 1;background-color:rgb(13 9 27 / var(--tw-bg-opacity, 1))}.bg-\[\#0d091b\]\/60{background-color:#0d091b99}.bg-\[\#0d0b1b\]\/80{background-color:#0d0b1bcc}.bg-\[\#0e0b20\]\/85{background-color:#0e0b20d9}.bg-\[\#10091e\]\/70{background-color:#10091eb3}.bg-\[\#11101a\]{--tw-bg-opacity: 1;background-color:rgb(17 16 26 / var(--tw-bg-opacity, 1))}.bg-\[\#11101d\]{--tw-bg-opacity: 1;background-color:rgb(17 16 29 / var(--tw-bg-opacity, 1))}.bg-\[\#111022\]{--tw-bg-opacity: 1;background-color:rgb(17 16 34 / var(--tw-bg-opacity, 1))}.bg-\[\#120926\]\/70{background-color:#120926b3}.bg-\[\#12122a\]{--tw-bg-opacity: 1;background-color:rgb(18 18 42 / var(--tw-bg-opacity, 1))}.bg-\[\#160d30\]{--tw-bg-opacity: 1;background-color:rgb(22 13 48 / var(--tw-bg-opacity, 1))}.bg-\[\#16162a\]{--tw-bg-opacity: 1;background-color:rgb(22 22 42 / var(--tw-bg-opacity, 1))}.bg-\[\#17131f\]{--tw-bg-opacity: 1;background-color:rgb(23 19 31 / var(--tw-bg-opacity, 1))}.bg-\[\#180b22\]{--tw-bg-opacity: 1;background-color:rgb(24 11 34 / var(--tw-bg-opacity, 1))}.bg-\[\#1a1a2e\]{--tw-bg-opacity: 1;background-color:rgb(26 26 46 / var(--tw-bg-opacity, 1))}.bg-\[\#1e1e36\]{--tw-bg-opacity: 1;background-color:rgb(30 30 54 / var(--tw-bg-opacity, 1))}.bg-\[\#1e1e38\]{--tw-bg-opacity: 1;background-color:rgb(30 30 56 / var(--tw-bg-opacity, 1))}.bg-\[\#22c55e\]\/10{background-color:#22c55e1a}.bg-\[\#22c55e\]\/15{background-color:#22c55e26}.bg-\[\#241052\]{--tw-bg-opacity: 1;background-color:rgb(36 16 82 / var(--tw-bg-opacity, 1))}.bg-\[\#6e4ff6\]{--tw-bg-opacity: 1;background-color:rgb(110 79 246 / var(--tw-bg-opacity, 1))}.bg-\[\#6e4ff6\]\/15{background-color:#6e4ff626}.bg-\[\#835BEF\]{--tw-bg-opacity: 1;background-color:rgb(131 91 239 / var(--tw-bg-opacity, 1))}.bg-\[\#835BEF\]\/20{background-color:#835bef33}.bg-\[\#D4EEFF\]{--tw-bg-opacity: 1;background-color:rgb(212 238 255 / var(--tw-bg-opacity, 1))}.bg-\[\#EAECFF\]{--tw-bg-opacity: 1;background-color:rgb(234 236 255 / var(--tw-bg-opacity, 1))}.bg-\[\#F1ECFF\]{--tw-bg-opacity: 1;background-color:rgb(241 236 255 / var(--tw-bg-opacity, 1))}.bg-\[\#F2FBF6\]{--tw-bg-opacity: 1;background-color:rgb(242 251 246 / var(--tw-bg-opacity, 1))}.bg-\[\#FAFBFC\]{--tw-bg-opacity: 1;background-color:rgb(250 251 252 / var(--tw-bg-opacity, 1))}.bg-\[\#FEF2F2\]{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-\[\#FFF0D6\]{--tw-bg-opacity: 1;background-color:rgb(255 240 214 / var(--tw-bg-opacity, 1))}.bg-\[\#a855f7\]\/10{background-color:#a855f71a}.bg-\[\#a855f7\]\/15{background-color:#a855f726}.bg-\[\#f0c714\]{--tw-bg-opacity: 1;background-color:rgb(240 199 20 / var(--tw-bg-opacity, 1))}.bg-\[\#ff6b35\]\/10{background-color:#ff6b351a}.bg-\[\#ff6b35\]\/15{background-color:#ff6b3526}.bg-\[\#ff6b35\]\/20{background-color:#ff6b3533}.bg-\[\#ff6b35\]\/5{background-color:#ff6b350d}.bg-\[\#ff6b6b\]\/5{background-color:#ff6b6b0d}.bg-\[--color-bg\]{background-color:var(--color-bg)}.bg-\[color-mix\(in_srgb\,var\(--qc\)_14\%\,transparent\)\]{background-color:color-mix(in srgb,var(--qc) 14%,transparent)}.bg-\[hsl\(210\,90\%\,55\%\)\]{--tw-bg-opacity: 1;background-color:hsl(210 90% 55% / var(--tw-bg-opacity, 1))}.bg-\[hsl\(214_90\%_56\%\)\]{--tw-bg-opacity: 1;background-color:hsl(214 90% 56% / var(--tw-bg-opacity, 1))}.bg-\[hsl\(230_24\%_8\%\)\]{--tw-bg-opacity: 1;background-color:hsl(230 24% 8% / var(--tw-bg-opacity, 1))}.bg-\[hsl\(232_28\%_6\%\)\]{--tw-bg-opacity: 1;background-color:hsl(232 28% 6% / var(--tw-bg-opacity, 1))}.bg-\[hsl\(249_45\%_11\%\/\.92\)\]{background-color:#130f29eb}.bg-\[hsl\(249_66\%_7\%\/0\.94\)\]{background-color:#0a061ef0}.bg-\[hsl\(258_30\%_7\%\)\]{--tw-bg-opacity: 1;background-color:hsl(258 30% 7% / var(--tw-bg-opacity, 1))}.bg-\[hsl\(258_32\%_8\%\)\]{--tw-bg-opacity: 1;background-color:hsl(258 32% 8% / var(--tw-bg-opacity, 1))}.bg-\[hsl\(var\(--foreground\)\/0\.05\)\]{background-color:hsl(var(--foreground)/.05)}.bg-\[hsl\(var\(--interval-orb-unlit\)\)\]{background-color:hsl(var(--interval-orb-unlit))}.bg-\[hsl\(var\(--muted\)\)\]{background-color:hsl(var(--muted))}.bg-\[hsl\(var\(--piano-wrong-bottom\)\)\]{background-color:hsl(var(--piano-wrong-bottom))}.bg-\[hsl\(var\(--primary\)\)\]{background-color:hsl(var(--primary))}.bg-\[hsl\(var\(--primary\)\)\]\/10{background-color:hsl(var(--primary) / .1)}.bg-\[hsl\(var\(--primary\)\)\]\/15{background-color:hsl(var(--primary) / .15)}.bg-\[hsl\(var\(--primary\)\)\]\/20{background-color:hsl(var(--primary) / .2)}.bg-\[hsl\(var\(--primary\)\)\]\/5{background-color:hsl(var(--primary) / .05)}.bg-\[hsl\(var\(--primary\)\/0\.1\)\]{background-color:hsl(var(--primary)/.1)}.bg-\[hsl\(var\(--primary\)\/0\.15\)\]{background-color:hsl(var(--primary)/.15)}.bg-\[hsl\(var\(--step-half\)\)\]{background-color:hsl(var(--step-half))}.bg-\[hsl\(var\(--step-half\)\/0\.12\)\]{background-color:hsl(var(--step-half)/.12)}.bg-\[hsl\(var\(--step-whole\)\)\]{background-color:hsl(var(--step-whole))}.bg-\[hsl\(var\(--step-whole\)\/0\.12\)\]{background-color:hsl(var(--step-whole)/.12)}.bg-\[radial-gradient\(circle_at_90\%_0\%\,rgba\(20\,184\,135\,\.12\)\,transparent_48\%\)\,hsl\(var\(--card\)\)\]{background-color:radial-gradient(circle at 90% 0%,rgba(20,184,135,.12),transparent 48%),hsl(var(--card))}.bg-\[radial-gradient\(circle_at_90\%_0\%\,rgba\(244\,63\,94\,\.12\)\,transparent_48\%\)\,hsl\(var\(--card\)\)\]{background-color:radial-gradient(circle at 90% 0%,rgba(244,63,94,.12),transparent 48%),hsl(var(--card))}.bg-\[radial-gradient\(circle_at_90\%_0\%\,rgba\(245\,158\,11\,\.13\)\,transparent_48\%\)\,hsl\(var\(--card\)\)\]{background-color:radial-gradient(circle at 90% 0%,rgba(245,158,11,.13),transparent 48%),hsl(var(--card))}.bg-\[var\(--qc\)\]{background-color:var(--qc)}.bg-accent{background-color:hsl(var(--accent))}.bg-accent\/10{background-color:hsl(var(--accent) / .1)}.bg-accent\/15{background-color:hsl(var(--accent) / .15)}.bg-accent\/20{background-color:hsl(var(--accent) / .2)}.bg-accent\/30{background-color:hsl(var(--accent) / .3)}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-amber-300{--tw-bg-opacity: 1;background-color:rgb(252 211 77 / var(--tw-bg-opacity, 1))}.bg-amber-300\/10{background-color:#fcd34d1a}.bg-amber-300\/\[\.07\]{background-color:#fcd34d12}.bg-amber-400{--tw-bg-opacity: 1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))}.bg-amber-400\/10{background-color:#fbbf241a}.bg-amber-400\/15{background-color:#fbbf2426}.bg-amber-400\/20{background-color:#fbbf2433}.bg-amber-400\/\[0\.06\]{background-color:#fbbf240f}.bg-amber-400\/\[0\.10\]{background-color:#fbbf241a}.bg-amber-400\/\[0\.11\]{background-color:#fbbf241c}.bg-amber-400\/\[0\.12\]{background-color:#fbbf241f}.bg-amber-400\/\[0\.14\]{background-color:#fbbf2424}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-amber-50\/70{background-color:#fffbebb3}.bg-amber-50\/90{background-color:#fffbebe6}.bg-amber-50\/95{background-color:#fffbebf2}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-amber-500\/10{background-color:#f59e0b1a}.bg-amber-500\/15{background-color:#f59e0b26}.bg-amber-500\/20{background-color:#f59e0b33}.bg-amber-500\/25{background-color:#f59e0b40}.bg-amber-500\/80{background-color:#f59e0bcc}.bg-amber-500\/\[0\.06\]{background-color:#f59e0b0f}.bg-amber-500\/\[0\.15\]{background-color:#f59e0b26}.bg-amber-600{--tw-bg-opacity: 1;background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))}.bg-amber-700\/50{background-color:#b4530980}.bg-amber-700\/90{background-color:#b45309e6}.bg-amber-900\/40{background-color:#78350f66}.bg-background{background-color:hsl(var(--background))}.bg-background\/35{background-color:hsl(var(--background) / .35)}.bg-background\/40{background-color:hsl(var(--background) / .4)}.bg-background\/45{background-color:hsl(var(--background) / .45)}.bg-background\/50{background-color:hsl(var(--background) / .5)}.bg-background\/55{background-color:hsl(var(--background) / .55)}.bg-background\/60{background-color:hsl(var(--background) / .6)}.bg-background\/65{background-color:hsl(var(--background) / .65)}.bg-background\/70{background-color:hsl(var(--background) / .7)}.bg-background\/75{background-color:hsl(var(--background) / .75)}.bg-background\/80{background-color:hsl(var(--background) / .8)}.bg-background\/85{background-color:hsl(var(--background) / .85)}.bg-background\/90{background-color:hsl(var(--background) / .9)}.bg-background\/95{background-color:hsl(var(--background) / .95)}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/10{background-color:#0000001a}.bg-black\/15{background-color:#00000026}.bg-black\/20{background-color:#0003}.bg-black\/25{background-color:#00000040}.bg-black\/30{background-color:#0000004d}.bg-black\/35{background-color:#00000059}.bg-black\/40{background-color:#0006}.bg-black\/45{background-color:#00000073}.bg-black\/5{background-color:#0000000d}.bg-black\/50{background-color:#00000080}.bg-black\/55{background-color:#0000008c}.bg-black\/60{background-color:#0009}.bg-black\/65{background-color:#000000a6}.bg-black\/70{background-color:#000000b3}.bg-black\/75{background-color:#000000bf}.bg-black\/80{background-color:#000c}.bg-black\/85{background-color:#000000d9}.bg-black\/90{background-color:#000000e6}.bg-black\/\[0\.025\]{background-color:#00000006}.bg-black\/\[0\.04\]{background-color:#0000000a}.bg-black\/\[0\.05\]{background-color:#0000000d}.bg-black\/\[0\.06\]{background-color:#0000000f}.bg-black\/\[0\.18\]{background-color:#0000002e}.bg-blue-500\/15{background-color:#3b82f626}.bg-border{background-color:hsl(var(--border))}.bg-border\/30{background-color:hsl(var(--border) / .3)}.bg-border\/40{background-color:hsl(var(--border) / .4)}.bg-border\/45{background-color:hsl(var(--border) / .45)}.bg-border\/60{background-color:hsl(var(--border) / .6)}.bg-border\/70{background-color:hsl(var(--border) / .7)}.bg-border\/90{background-color:hsl(var(--border) / .9)}.bg-card{background-color:hsl(var(--card))}.bg-card-hover{background-color:hsl(var(--card-hover))}.bg-card-secondary\/30{background-color:hsl(var(--card-secondary) / .3)}.bg-card\/40{background-color:hsl(var(--card) / .4)}.bg-card\/45{background-color:hsl(var(--card) / .45)}.bg-card\/50{background-color:hsl(var(--card) / .5)}.bg-card\/55{background-color:hsl(var(--card) / .55)}.bg-card\/60{background-color:hsl(var(--card) / .6)}.bg-card\/65{background-color:hsl(var(--card) / .65)}.bg-card\/70{background-color:hsl(var(--card) / .7)}.bg-card\/80{background-color:hsl(var(--card) / .8)}.bg-card\/90{background-color:hsl(var(--card) / .9)}.bg-card\/95{background-color:hsl(var(--card) / .95)}.bg-current{background-color:currentColor}.bg-cyan-100{--tw-bg-opacity: 1;background-color:rgb(207 250 254 / var(--tw-bg-opacity, 1))}.bg-cyan-200{--tw-bg-opacity: 1;background-color:rgb(165 243 252 / var(--tw-bg-opacity, 1))}.bg-cyan-200\/90{background-color:#a5f3fce6}.bg-cyan-300{--tw-bg-opacity: 1;background-color:rgb(103 232 249 / var(--tw-bg-opacity, 1))}.bg-cyan-300\/10{background-color:#67e8f91a}.bg-cyan-300\/80{background-color:#67e8f9cc}.bg-cyan-400{--tw-bg-opacity: 1;background-color:rgb(34 211 238 / var(--tw-bg-opacity, 1))}.bg-cyan-400\/10{background-color:#22d3ee1a}.bg-cyan-400\/20{background-color:#22d3ee33}.bg-cyan-500{--tw-bg-opacity: 1;background-color:rgb(6 182 212 / var(--tw-bg-opacity, 1))}.bg-cyan-500\/10{background-color:#06b6d41a}.bg-cyan-500\/15{background-color:#06b6d426}.bg-cyan-500\/20{background-color:#06b6d433}.bg-cyan-600{--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1))}.bg-cyan-700\/50{background-color:#0e749080}.bg-cyan-900\/40{background-color:#164e6366}.bg-destructive{background-color:hsl(var(--destructive))}.bg-destructive\/10{background-color:hsl(var(--destructive) / .1)}.bg-destructive\/15{background-color:hsl(var(--destructive) / .15)}.bg-destructive\/20{background-color:hsl(var(--destructive) / .2)}.bg-destructive\/25{background-color:hsl(var(--destructive) / .25)}.bg-destructive\/5{background-color:hsl(var(--destructive) / .05)}.bg-destructive\/50{background-color:hsl(var(--destructive) / .5)}.bg-destructive\/\[0\.05\]{background-color:hsl(var(--destructive) / .05)}.bg-destructive\/\[0\.06\]{background-color:hsl(var(--destructive) / .06)}.bg-destructive\/\[0\.08\]{background-color:hsl(var(--destructive) / .08)}.bg-destructive\/\[0\.10\]{background-color:hsl(var(--destructive) / .1)}.bg-emerald-100{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.bg-emerald-300{--tw-bg-opacity: 1;background-color:rgb(110 231 183 / var(--tw-bg-opacity, 1))}.bg-emerald-400{--tw-bg-opacity: 1;background-color:rgb(52 211 153 / var(--tw-bg-opacity, 1))}.bg-emerald-400\/10{background-color:#34d3991a}.bg-emerald-400\/15{background-color:#34d39926}.bg-emerald-400\/65{background-color:#34d399a6}.bg-emerald-400\/70{background-color:#34d399b3}.bg-emerald-400\/\[0\.11\]{background-color:#34d3991c}.bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-emerald-50\/90{background-color:#ecfdf5e6}.bg-emerald-50\/95{background-color:#ecfdf5f2}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-emerald-500\/10{background-color:#10b9811a}.bg-emerald-500\/15{background-color:#10b98126}.bg-emerald-500\/20{background-color:#10b98133}.bg-emerald-500\/60{background-color:#10b98199}.bg-emerald-500\/\[0\.06\]{background-color:#10b9810f}.bg-emerald-500\/\[0\.12\]{background-color:#10b9811f}.bg-emerald-500\/\[0\.15\]{background-color:#10b98126}.bg-emerald-600{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.bg-emerald-700\/50{background-color:#04785780}.bg-emerald-900\/40{background-color:#064e3b66}.bg-foreground{background-color:hsl(var(--foreground))}.bg-foreground\/10{background-color:hsl(var(--foreground) / .1)}.bg-foreground\/15{background-color:hsl(var(--foreground) / .15)}.bg-foreground\/20{background-color:hsl(var(--foreground) / .2)}.bg-foreground\/25{background-color:hsl(var(--foreground) / .25)}.bg-foreground\/30{background-color:hsl(var(--foreground) / .3)}.bg-foreground\/35{background-color:hsl(var(--foreground) / .35)}.bg-foreground\/40{background-color:hsl(var(--foreground) / .4)}.bg-foreground\/45{background-color:hsl(var(--foreground) / .45)}.bg-foreground\/5{background-color:hsl(var(--foreground) / .05)}.bg-foreground\/50{background-color:hsl(var(--foreground) / .5)}.bg-foreground\/55{background-color:hsl(var(--foreground) / .55)}.bg-foreground\/60{background-color:hsl(var(--foreground) / .6)}.bg-foreground\/70{background-color:hsl(var(--foreground) / .7)}.bg-foreground\/80{background-color:hsl(var(--foreground) / .8)}.bg-foreground\/90{background-color:hsl(var(--foreground) / .9)}.bg-foreground\/\[\.045\]{background-color:hsl(var(--foreground) / .045)}.bg-foreground\/\[\.04\]{background-color:hsl(var(--foreground) / .04)}.bg-foreground\/\[\.055\]{background-color:hsl(var(--foreground) / .055)}.bg-foreground\/\[\.06\]{background-color:hsl(var(--foreground) / .06)}.bg-foreground\/\[0\.025\]{background-color:hsl(var(--foreground) / .025)}.bg-foreground\/\[0\.02\]{background-color:hsl(var(--foreground) / .02)}.bg-foreground\/\[0\.035\]{background-color:hsl(var(--foreground) / .035)}.bg-foreground\/\[0\.03\]{background-color:hsl(var(--foreground) / .03)}.bg-foreground\/\[0\.045\]{background-color:hsl(var(--foreground) / .045)}.bg-foreground\/\[0\.04\]{background-color:hsl(var(--foreground) / .04)}.bg-foreground\/\[0\.05\]{background-color:hsl(var(--foreground) / .05)}.bg-foreground\/\[0\.06\]{background-color:hsl(var(--foreground) / .06)}.bg-foreground\/\[0\.07\]{background-color:hsl(var(--foreground) / .07)}.bg-foreground\/\[0\.08\]{background-color:hsl(var(--foreground) / .08)}.bg-foreground\/\[0\.12\]{background-color:hsl(var(--foreground) / .12)}.bg-foreground\/\[0\.14\]{background-color:hsl(var(--foreground) / .14)}.bg-foreground\/\[0\.1\]{background-color:hsl(var(--foreground) / .1)}.bg-fuchsia-300{--tw-bg-opacity: 1;background-color:rgb(240 171 252 / var(--tw-bg-opacity, 1))}.bg-fuchsia-500{--tw-bg-opacity: 1;background-color:rgb(217 70 239 / var(--tw-bg-opacity, 1))}.bg-fuchsia-500\/10{background-color:#d946ef1a}.bg-fuchsia-500\/15{background-color:#d946ef26}.bg-fuchsia-500\/20{background-color:#d946ef33}.bg-fuchsia-600{--tw-bg-opacity: 1;background-color:rgb(192 38 211 / var(--tw-bg-opacity, 1))}.bg-fuchsia-700\/50{background-color:#a21caf80}.bg-fuchsia-900\/40{background-color:#701a7566}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-400\/10{background-color:#4ade801a}.bg-green-400\/70{background-color:#4ade80b3}.bg-green-400\/80{background-color:#4ade80cc}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-500\/10{background-color:#22c55e1a}.bg-green-500\/20{background-color:#22c55e33}.bg-indigo-100{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.bg-indigo-300{--tw-bg-opacity: 1;background-color:rgb(165 180 252 / var(--tw-bg-opacity, 1))}.bg-indigo-500{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.bg-indigo-500\/10{background-color:#6366f11a}.bg-indigo-500\/15{background-color:#6366f126}.bg-indigo-500\/20{background-color:#6366f133}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.bg-indigo-700\/50{background-color:#4338ca80}.bg-indigo-900\/40{background-color:#312e8166}.bg-lime-300{--tw-bg-opacity: 1;background-color:rgb(190 242 100 / var(--tw-bg-opacity, 1))}.bg-lime-500{--tw-bg-opacity: 1;background-color:rgb(132 204 22 / var(--tw-bg-opacity, 1))}.bg-lime-500\/10{background-color:#84cc161a}.bg-lime-500\/15{background-color:#84cc1626}.bg-lime-500\/20{background-color:#84cc1633}.bg-lime-600{--tw-bg-opacity: 1;background-color:rgb(101 163 13 / var(--tw-bg-opacity, 1))}.bg-lime-700\/50{background-color:#4d7c0f80}.bg-lime-900\/40{background-color:#36531466}.bg-mood-major{background-color:hsl(var(--mood-major))}.bg-mood-major-foreground\/80{background-color:hsl(var(--mood-major-foreground) / .8)}.bg-mood-major-soft{background-color:hsl(var(--mood-major-soft))}.bg-mood-minor{background-color:hsl(var(--mood-minor))}.bg-mood-minor-foreground\/80{background-color:hsl(var(--mood-minor-foreground) / .8)}.bg-mood-minor-soft{background-color:hsl(var(--mood-minor-soft))}.bg-mood-minor-soft\/60{background-color:hsl(var(--mood-minor-soft) / .6)}.bg-muted{background-color:hsl(var(--muted))}.bg-muted-foreground{background-color:hsl(var(--muted-foreground))}.bg-muted-foreground\/15{background-color:hsl(var(--muted-foreground) / .15)}.bg-muted-foreground\/20{background-color:hsl(var(--muted-foreground) / .2)}.bg-muted-foreground\/25{background-color:hsl(var(--muted-foreground) / .25)}.bg-muted-foreground\/30{background-color:hsl(var(--muted-foreground) / .3)}.bg-muted-foreground\/40{background-color:hsl(var(--muted-foreground) / .4)}.bg-muted-foreground\/50{background-color:hsl(var(--muted-foreground) / .5)}.bg-muted-foreground\/\[0\.14\]{background-color:hsl(var(--muted-foreground) / .14)}.bg-muted\/10{background-color:hsl(var(--muted) / .1)}.bg-muted\/20{background-color:hsl(var(--muted) / .2)}.bg-muted\/30{background-color:hsl(var(--muted) / .3)}.bg-muted\/35{background-color:hsl(var(--muted) / .35)}.bg-muted\/40{background-color:hsl(var(--muted) / .4)}.bg-muted\/45{background-color:hsl(var(--muted) / .45)}.bg-muted\/50{background-color:hsl(var(--muted) / .5)}.bg-muted\/60{background-color:hsl(var(--muted) / .6)}.bg-muted\/70{background-color:hsl(var(--muted) / .7)}.bg-muted\/80{background-color:hsl(var(--muted) / .8)}.bg-nav-active{background-color:hsl(var(--nav-active))}.bg-neutral-200{--tw-bg-opacity: 1;background-color:rgb(229 229 229 / var(--tw-bg-opacity, 1))}.bg-neutral-800{--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))}.bg-neutral-900{--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1))}.bg-neutral-900\/30{background-color:#1717174d}.bg-orange{background-color:hsl(var(--orange))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-orange-300{--tw-bg-opacity: 1;background-color:rgb(253 186 116 / var(--tw-bg-opacity, 1))}.bg-orange-400{--tw-bg-opacity: 1;background-color:rgb(251 146 60 / var(--tw-bg-opacity, 1))}.bg-orange-400\/10{background-color:#fb923c1a}.bg-orange-400\/15{background-color:#fb923c26}.bg-orange-400\/\[0\.08\]{background-color:#fb923c14}.bg-orange-400\/\[0\.12\]{background-color:#fb923c1f}.bg-orange-400\/\[0\.14\]{background-color:#fb923c24}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-orange-500\/10{background-color:#f973161a}.bg-orange-500\/15{background-color:#f9731626}.bg-orange-500\/20{background-color:#f9731633}.bg-orange-600{--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}.bg-orange-700\/50{background-color:#c2410c80}.bg-orange-900\/40{background-color:#7c2d1266}.bg-orange-soft{background-color:hsl(var(--orange-soft))}.bg-orange\/10{background-color:hsl(var(--orange) / .1)}.bg-orange\/15{background-color:hsl(var(--orange) / .15)}.bg-orange\/25{background-color:hsl(var(--orange) / .25)}.bg-orange\/40{background-color:hsl(var(--orange) / .4)}.bg-orange\/5{background-color:hsl(var(--orange) / .05)}.bg-orange\/60{background-color:hsl(var(--orange) / .6)}.bg-orange\/\[0\.06\]{background-color:hsl(var(--orange) / .06)}.bg-orange\/\[0\.14\]{background-color:hsl(var(--orange) / .14)}.bg-pink{background-color:hsl(var(--pink))}.bg-pink-400\/30{background-color:#f472b64d}.bg-pink-500\/10{background-color:#ec48991a}.bg-pink-soft{background-color:hsl(var(--pink-soft))}.bg-pink\/15{background-color:hsl(var(--pink) / .15)}.bg-pink\/\[0\.14\]{background-color:hsl(var(--pink) / .14)}.bg-pink\/\[0\.16\]{background-color:hsl(var(--pink) / .16)}.bg-popover{background-color:hsl(var(--popover))}.bg-popover\/95{background-color:hsl(var(--popover) / .95)}.bg-premium{background-color:hsl(var(--premium))}.bg-premium-soft{background-color:hsl(var(--premium-soft))}.bg-premium\/10{background-color:hsl(var(--premium) / .1)}.bg-premium\/15{background-color:hsl(var(--premium) / .15)}.bg-premium\/\[0\.14\]{background-color:hsl(var(--premium) / .14)}.bg-primary{background-color:hsl(var(--primary))}.bg-primary-foreground{background-color:hsl(var(--primary-foreground))}.bg-primary-foreground\/15{background-color:hsl(var(--primary-foreground) / .15)}.bg-primary-foreground\/25{background-color:hsl(var(--primary-foreground) / .25)}.bg-primary-foreground\/30{background-color:hsl(var(--primary-foreground) / .3)}.bg-primary-foreground\/80{background-color:hsl(var(--primary-foreground) / .8)}.bg-primary-subtle\/40{background-color:hsl(var(--primary-subtle) / .4)}.bg-primary\/10{background-color:hsl(var(--primary) / .1)}.bg-primary\/15{background-color:hsl(var(--primary) / .15)}.bg-primary\/20{background-color:hsl(var(--primary) / .2)}.bg-primary\/25{background-color:hsl(var(--primary) / .25)}.bg-primary\/30{background-color:hsl(var(--primary) / .3)}.bg-primary\/35{background-color:hsl(var(--primary) / .35)}.bg-primary\/40{background-color:hsl(var(--primary) / .4)}.bg-primary\/45{background-color:hsl(var(--primary) / .45)}.bg-primary\/5{background-color:hsl(var(--primary) / .05)}.bg-primary\/50{background-color:hsl(var(--primary) / .5)}.bg-primary\/55{background-color:hsl(var(--primary) / .55)}.bg-primary\/60{background-color:hsl(var(--primary) / .6)}.bg-primary\/65{background-color:hsl(var(--primary) / .65)}.bg-primary\/70{background-color:hsl(var(--primary) / .7)}.bg-primary\/75{background-color:hsl(var(--primary) / .75)}.bg-primary\/80{background-color:hsl(var(--primary) / .8)}.bg-primary\/90{background-color:hsl(var(--primary) / .9)}.bg-primary\/\[\.06\]{background-color:hsl(var(--primary) / .06)}.bg-primary\/\[0\.015\]{background-color:hsl(var(--primary) / .015)}.bg-primary\/\[0\.01\]{background-color:hsl(var(--primary) / .01)}.bg-primary\/\[0\.025\]{background-color:hsl(var(--primary) / .025)}.bg-primary\/\[0\.035\]{background-color:hsl(var(--primary) / .035)}.bg-primary\/\[0\.03\]{background-color:hsl(var(--primary) / .03)}.bg-primary\/\[0\.04\]{background-color:hsl(var(--primary) / .04)}.bg-primary\/\[0\.055\]{background-color:hsl(var(--primary) / .055)}.bg-primary\/\[0\.05\]{background-color:hsl(var(--primary) / .05)}.bg-primary\/\[0\.06\]{background-color:hsl(var(--primary) / .06)}.bg-primary\/\[0\.07\]{background-color:hsl(var(--primary) / .07)}.bg-primary\/\[0\.08\]{background-color:hsl(var(--primary) / .08)}.bg-primary\/\[0\.09\]{background-color:hsl(var(--primary) / .09)}.bg-primary\/\[0\.10\]{background-color:hsl(var(--primary) / .1)}.bg-primary\/\[0\.12\]{background-color:hsl(var(--primary) / .12)}.bg-primary\/\[0\.14\]{background-color:hsl(var(--primary) / .14)}.bg-primary\/\[0\.16\]{background-color:hsl(var(--primary) / .16)}.bg-primary\/\[0\.18\]{background-color:hsl(var(--primary) / .18)}.bg-primary\/\[0\.1\]{background-color:hsl(var(--primary) / .1)}.bg-primary\/\[0\.22\]{background-color:hsl(var(--primary) / .22)}.bg-primary\/\[0\.24\]{background-color:hsl(var(--primary) / .24)}.bg-primary\/\[0\.25\]{background-color:hsl(var(--primary) / .25)}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-300{--tw-bg-opacity: 1;background-color:rgb(216 180 254 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-purple-50\/60{background-color:#faf5ff99}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-purple-500\/10{background-color:#a855f71a}.bg-purple-500\/15{background-color:#a855f726}.bg-purple-500\/40{background-color:#a855f766}.bg-purple-500\/60{background-color:#a855f799}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-400{--tw-bg-opacity: 1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))}.bg-red-400\/60{background-color:#f8717199}.bg-red-400\/70{background-color:#f87171b3}.bg-red-400\/80{background-color:#f87171cc}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/15{background-color:#ef444426}.bg-red-500\/20{background-color:#ef444433}.bg-red-500\/80{background-color:#ef4444cc}.bg-red-500\/\[0\.06\]{background-color:#ef44440f}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-reward{background-color:hsl(var(--reward))}.bg-reward\/10{background-color:hsl(var(--reward) / .1)}.bg-reward\/15{background-color:hsl(var(--reward) / .15)}.bg-reward\/20{background-color:hsl(var(--reward) / .2)}.bg-rose-100{--tw-bg-opacity: 1;background-color:rgb(255 228 230 / var(--tw-bg-opacity, 1))}.bg-rose-300{--tw-bg-opacity: 1;background-color:rgb(253 164 175 / var(--tw-bg-opacity, 1))}.bg-rose-300\/10{background-color:#fda4af1a}.bg-rose-400{--tw-bg-opacity: 1;background-color:rgb(251 113 133 / var(--tw-bg-opacity, 1))}.bg-rose-400\/10{background-color:#fb71851a}.bg-rose-400\/15{background-color:#fb718526}.bg-rose-50{--tw-bg-opacity: 1;background-color:rgb(255 241 242 / var(--tw-bg-opacity, 1))}.bg-rose-50\/90{background-color:#fff1f2e6}.bg-rose-50\/95{background-color:#fff1f2f2}.bg-rose-500{--tw-bg-opacity: 1;background-color:rgb(244 63 94 / var(--tw-bg-opacity, 1))}.bg-rose-500\/10{background-color:#f43f5e1a}.bg-rose-500\/15{background-color:#f43f5e26}.bg-rose-500\/20{background-color:#f43f5e33}.bg-rose-500\/\[0\.15\]{background-color:#f43f5e26}.bg-rose-600{--tw-bg-opacity: 1;background-color:rgb(225 29 72 / var(--tw-bg-opacity, 1))}.bg-rose-700\/50{background-color:#be123c80}.bg-rose-900\/40{background-color:#88133766}.bg-secondary{background-color:hsl(var(--secondary))}.bg-secondary\/20{background-color:hsl(var(--secondary) / .2)}.bg-sidebar{background-color:hsl(var(--sidebar-background))}.bg-sidebar-border{background-color:hsl(var(--sidebar-border))}.bg-sky-100{--tw-bg-opacity: 1;background-color:rgb(224 242 254 / var(--tw-bg-opacity, 1))}.bg-sky-300{--tw-bg-opacity: 1;background-color:rgb(125 211 252 / var(--tw-bg-opacity, 1))}.bg-sky-400\/10{background-color:#38bdf81a}.bg-sky-400\/\[0\.12\]{background-color:#38bdf81f}.bg-sky-400\/\[0\.14\]{background-color:#38bdf824}.bg-sky-500{--tw-bg-opacity: 1;background-color:rgb(14 165 233 / var(--tw-bg-opacity, 1))}.bg-sky-500\/10{background-color:#0ea5e91a}.bg-sky-500\/15{background-color:#0ea5e926}.bg-sky-500\/20{background-color:#0ea5e933}.bg-sky-600{--tw-bg-opacity: 1;background-color:rgb(2 132 199 / var(--tw-bg-opacity, 1))}.bg-sky-700\/50{background-color:#0369a180}.bg-sky-700\/90{background-color:#0369a1e6}.bg-sky-900\/40{background-color:#0c4a6e66}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.bg-slate-100\/90{background-color:#f1f5f9e6}.bg-slate-200{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.bg-slate-400{--tw-bg-opacity: 1;background-color:rgb(148 163 184 / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-slate-500{--tw-bg-opacity: 1;background-color:rgb(100 116 139 / var(--tw-bg-opacity, 1))}.bg-slate-500\/10{background-color:#64748b1a}.bg-slate-600{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}.bg-slate-600\/30{background-color:#4755694d}.bg-slate-600\/50{background-color:#47556980}.bg-slate-600\/60{background-color:#47556999}.bg-slate-700{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.bg-slate-700\/50{background-color:#33415580}.bg-slate-700\/60{background-color:#33415599}.bg-slate-800{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.bg-slate-800\/50{background-color:#1e293b80}.bg-slate-900{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.bg-streak\/10{background-color:hsl(var(--streak) / .1)}.bg-success{background-color:hsl(var(--success))}.bg-success-soft{background-color:hsl(var(--success-soft))}.bg-success\/10{background-color:hsl(var(--success) / .1)}.bg-success\/15{background-color:hsl(var(--success) / .15)}.bg-success\/20{background-color:hsl(var(--success) / .2)}.bg-success\/25{background-color:hsl(var(--success) / .25)}.bg-success\/30{background-color:hsl(var(--success) / .3)}.bg-success\/70{background-color:hsl(var(--success) / .7)}.bg-success\/\[0\.08\]{background-color:hsl(var(--success) / .08)}.bg-success\/\[0\.09\]{background-color:hsl(var(--success) / .09)}.bg-success\/\[0\.14\]{background-color:hsl(var(--success) / .14)}.bg-teal-100{--tw-bg-opacity: 1;background-color:rgb(204 251 241 / var(--tw-bg-opacity, 1))}.bg-teal-300{--tw-bg-opacity: 1;background-color:rgb(94 234 212 / var(--tw-bg-opacity, 1))}.bg-teal-400{--tw-bg-opacity: 1;background-color:rgb(45 212 191 / var(--tw-bg-opacity, 1))}.bg-teal-50{--tw-bg-opacity: 1;background-color:rgb(240 253 250 / var(--tw-bg-opacity, 1))}.bg-teal-500{--tw-bg-opacity: 1;background-color:rgb(20 184 166 / var(--tw-bg-opacity, 1))}.bg-teal-500\/10{background-color:#14b8a61a}.bg-teal-500\/15{background-color:#14b8a626}.bg-teal-500\/20{background-color:#14b8a633}.bg-teal-500\/25{background-color:#14b8a640}.bg-teal-500\/80{background-color:#14b8a6cc}.bg-teal-600{--tw-bg-opacity: 1;background-color:rgb(13 148 136 / var(--tw-bg-opacity, 1))}.bg-teal-700\/50{background-color:#0f766e80}.bg-teal-900\/40{background-color:#134e4a66}.bg-transparent{background-color:transparent}.bg-violet-100{--tw-bg-opacity: 1;background-color:rgb(237 233 254 / var(--tw-bg-opacity, 1))}.bg-violet-200\/65{background-color:#ddd6fea6}.bg-violet-200\/90{background-color:#ddd6fee6}.bg-violet-300{--tw-bg-opacity: 1;background-color:rgb(196 181 253 / var(--tw-bg-opacity, 1))}.bg-violet-300\/25{background-color:#c4b5fd40}.bg-violet-300\/40{background-color:#c4b5fd66}.bg-violet-400{--tw-bg-opacity: 1;background-color:rgb(167 139 250 / var(--tw-bg-opacity, 1))}.bg-violet-400\/10{background-color:#a78bfa1a}.bg-violet-400\/75{background-color:#a78bfabf}.bg-violet-400\/\[0\.06\]{background-color:#a78bfa0f}.bg-violet-50{--tw-bg-opacity: 1;background-color:rgb(245 243 255 / var(--tw-bg-opacity, 1))}.bg-violet-50\/30{background-color:#f5f3ff4d}.bg-violet-500{--tw-bg-opacity: 1;background-color:rgb(139 92 246 / var(--tw-bg-opacity, 1))}.bg-violet-500\/10{background-color:#8b5cf61a}.bg-violet-500\/15{background-color:#8b5cf626}.bg-violet-500\/20{background-color:#8b5cf633}.bg-violet-500\/25{background-color:#8b5cf640}.bg-violet-500\/35{background-color:#8b5cf659}.bg-violet-600{--tw-bg-opacity: 1;background-color:rgb(124 58 237 / var(--tw-bg-opacity, 1))}.bg-violet-600\/90{background-color:#7c3aede6}.bg-violet-700\/50{background-color:#6d28d980}.bg-violet-900\/40{background-color:#4c1d9566}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/15{background-color:#ffffff26}.bg-white\/20{background-color:#fff3}.bg-white\/25{background-color:#ffffff40}.bg-white\/30{background-color:#ffffff4d}.bg-white\/35{background-color:#ffffff59}.bg-white\/40{background-color:#fff6}.bg-white\/5{background-color:#ffffff0d}.bg-white\/50{background-color:#ffffff80}.bg-white\/60{background-color:#fff9}.bg-white\/80{background-color:#fffc}.bg-white\/85{background-color:#ffffffd9}.bg-white\/90{background-color:#ffffffe6}.bg-white\/95{background-color:#fffffff2}.bg-white\/\[\.025\]{background-color:#ffffff06}.bg-white\/\[\.04\]{background-color:#ffffff0a}.bg-white\/\[\.05\]{background-color:#ffffff0d}.bg-white\/\[0\.02\]{background-color:#ffffff05}.bg-white\/\[0\.035\]{background-color:#ffffff09}.bg-white\/\[0\.03\]{background-color:#ffffff08}.bg-white\/\[0\.045\]{background-color:#ffffff0b}.bg-white\/\[0\.04\]{background-color:#ffffff0a}.bg-white\/\[0\.055\]{background-color:#ffffff0e}.bg-white\/\[0\.05\]{background-color:#ffffff0d}.bg-white\/\[0\.06\]{background-color:#ffffff0f}.bg-white\/\[0\.08\]{background-color:#ffffff14}.bg-white\/\[0\.1\]{background-color:#ffffff1a}.bg-yellow{background-color:hsl(var(--yellow))}.bg-yellow-400\/30{background-color:#facc154d}.bg-yellow-400\/70{background-color:#facc15b3}.bg-yellow-400\/80{background-color:#facc15cc}.bg-yellow-500\/10{background-color:#eab3081a}.bg-yellow-soft{background-color:hsl(var(--yellow-soft))}.bg-yellow\/10{background-color:hsl(var(--yellow) / .1)}.bg-yellow\/15{background-color:hsl(var(--yellow) / .15)}.bg-yellow\/\[0\.14\]{background-color:hsl(var(--yellow) / .14)}.bg-zinc-100{--tw-bg-opacity: 1;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}.bg-zinc-200{--tw-bg-opacity: 1;background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1))}.bg-zinc-300{--tw-bg-opacity: 1;background-color:rgb(212 212 216 / var(--tw-bg-opacity, 1))}.bg-zinc-50{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.bg-zinc-800{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}.bg-zinc-900{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}.bg-zinc-950{--tw-bg-opacity: 1;background-color:rgb(9 9 11 / var(--tw-bg-opacity, 1))}.bg-\[linear-gradient\(110deg\,rgba\(50\,18\,101\,\.97\)\,rgba\(27\,12\,55\,\.97\)\)\]{background-image:linear-gradient(110deg,#321265f7,#1b0c37f7)}.bg-\[linear-gradient\(115deg\,\#1a0c35_0\%\,\#321064_52\%\,\#140b28_100\%\)\]{background-image:linear-gradient(115deg,#1a0c35,#321064 52%,#140b28)}.bg-\[linear-gradient\(116deg\,\#16082e_0\%\,\#321063_48\%\,\#180b33_100\%\)\]{background-image:linear-gradient(116deg,#16082e,#321063 48%,#180b33)}.bg-\[linear-gradient\(118deg\,\#10082b_0\%\,\#120a2c_54\%\,\#090612_100\%\)\]{background-image:linear-gradient(118deg,#10082b,#120a2c 54%,#090612)}.bg-\[linear-gradient\(140deg\,\#722bea_0\%\,\#8d2bd0_60\%\,\#42157e_100\%\)\]{background-image:linear-gradient(140deg,#722bea,#8d2bd0 60%,#42157e)}.bg-\[linear-gradient\(145deg\,rgba\(16\,14\,27\,0\.96\)\,rgba\(8\,10\,18\,0\.94\)\)\]{background-image:linear-gradient(145deg,#100e1bf5,#080a12f0)}.bg-\[linear-gradient\(145deg\,rgba\(19\,16\,32\,0\.94\)\,rgba\(9\,11\,20\,0\.94\)\)\]{background-image:linear-gradient(145deg,#131020f0,#090b14f0)}.bg-\[linear-gradient\(145deg\,rgba\(255\,255\,255\,0\.94\)\,rgba\(247\,244\,255\,0\.88\)\)\]{background-image:linear-gradient(145deg,#fffffff0,#f7f4ffe0)}.bg-\[linear-gradient\(145deg\,rgba\(255\,255\,255\,0\.96\)\,rgba\(250\,248\,255\,0\.91\)\)\]{background-image:linear-gradient(145deg,#fffffff5,#faf8ffe8)}.bg-\[linear-gradient\(180deg\,rgba\(10\,6\,22\,0\.02\)_40\%\,rgba\(12\,6\,27\,0\.58\)_100\%\)\]{background-image:linear-gradient(180deg,#0a061605 40%,#0c061b94)}.bg-\[linear-gradient\(180deg\,transparent_50\%\,rgba\(5\,3\,12\,0\.72\)_100\%\)\]{background-image:linear-gradient(180deg,transparent 50%,rgba(5,3,12,.72) 100%)}.bg-\[linear-gradient\(90deg\,rgba\(17\,16\,34\,0\.98\)_0\%\,rgba\(27\,18\,55\,0\.90\)_30\%\,rgba\(17\,16\,34\,0\.46\)_72\%\,rgba\(17\,16\,34\,0\.20\)_100\%\)\]{background-image:linear-gradient(90deg,#111022fa,#1b1237e6 30%,#11102275 72%,#11102233)}.bg-\[linear-gradient\(90deg\,rgba\(8\,7\,20\,0\.9\)_0\%\,rgba\(9\,8\,24\,0\.68\)_42\%\,rgba\(8\,7\,20\,0\.88\)_100\%\)\,linear-gradient\(180deg\,rgba\(8\,7\,20\,0\.12\)_0\%\,rgba\(8\,7\,20\,0\.84\)_100\%\)\]{background-image:linear-gradient(90deg,#080714e6,#090818ad 42%,#080714e0),linear-gradient(180deg,#0807141f,#080714d6)}.bg-\[radial-gradient\(circle_at_12\%_50\%\,hsl\(var\(--primary\)\/\.14\)\,transparent_28\%\)\]{background-image:radial-gradient(circle at 12% 50%,hsl(var(--primary)/.14),transparent 28%)}.bg-\[radial-gradient\(circle_at_15\%_50\%\,rgba\(34\,211\,238\,\.18\)\,transparent_28\%\)\]{background-image:radial-gradient(circle at 15% 50%,rgba(34,211,238,.18),transparent 28%)}.bg-\[radial-gradient\(circle_at_25\%_45\%\,rgba\(124\,58\,237\,0\.22\)\,transparent_55\%\)\]{background-image:radial-gradient(circle at 25% 45%,rgba(124,58,237,.22),transparent 55%)}.bg-\[radial-gradient\(circle_at_28\%_18\%\,rgba\(124\,58\,237\,0\.18\)\,transparent_32\%\)\,linear-gradient\(90deg\,rgba\(8\,5\,18\,0\.18\)_0\%\,rgba\(8\,5\,18\,0\.35\)_52\%\,rgba\(8\,5\,18\,0\.08\)_100\%\)\]{background-image:radial-gradient(circle at 28% 18%,rgba(124,58,237,.18),transparent 32%),linear-gradient(90deg,#0805122e,#08051259 52%,#08051214)}.bg-\[radial-gradient\(circle_at_38\%_0\%\,hsl\(var\(--primary\)\/0\.09\)\,transparent_55\%\)\]{background-image:radial-gradient(circle at 38% 0%,hsl(var(--primary)/.09),transparent 55%)}.bg-\[radial-gradient\(circle_at_40\%_35\%\,hsl\(var\(--primary\)\/0\.34\)\,transparent_58\%\)\]{background-image:radial-gradient(circle at 40% 35%,hsl(var(--primary)/.34),transparent 58%)}.bg-\[radial-gradient\(circle_at_40\%_42\%\,rgba\(34\,211\,238\,\.2\)\,transparent_40\%\)\,linear-gradient\(145deg\,\#080716\,\#17102e\)\]{background-image:radial-gradient(circle at 40% 42%,rgba(34,211,238,.2),transparent 40%),linear-gradient(145deg,#080716,#17102e)}.bg-\[radial-gradient\(circle_at_50\%_42\%\,hsl\(var\(--primary\)\/\.26\)\,transparent_48\%\)\,linear-gradient\(145deg\,\#09071b\,\#15103c\)\]{background-image:radial-gradient(circle at 50% 42%,hsl(var(--primary)/.26),transparent 48%),linear-gradient(145deg,#09071b,#15103c)}.bg-\[radial-gradient\(circle_at_50\%_45\%\,hsl\(var\(--primary\)\/0\.09\)\,transparent_68\%\)\]{background-image:radial-gradient(circle at 50% 45%,hsl(var(--primary)/.09),transparent 68%)}.bg-\[radial-gradient\(circle_at_50\%_48\%\,hsl\(var\(--primary\)\/\.3\)\,transparent_48\%\)\,linear-gradient\(145deg\,\#080719\,\#171039\)\]{background-image:radial-gradient(circle at 50% 48%,hsl(var(--primary)/.3),transparent 48%),linear-gradient(145deg,#080719,#171039)}.bg-\[radial-gradient\(circle_at_70\%_75\%\,\#32126d_0\%\,\#160d3d_42\%\,\#0d0925_100\%\)\]{background-image:radial-gradient(circle at 70% 75%,#32126d,#160d3d 42%,#0d0925)}.bg-\[radial-gradient\(circle_at_72\%_42\%\,rgba\(168\,85\,247\,\.38\)\,transparent_27\%\)\,linear-gradient\(90deg\,transparent_55\%\,rgba\(8\,4\,18\,\.55\)\)\]{background-image:radial-gradient(circle at 72% 42%,rgba(168,85,247,.38),transparent 27%),linear-gradient(90deg,transparent 55%,rgba(8,4,18,.55))}.bg-\[radial-gradient\(circle_at_72\%_48\%\,rgba\(124\,58\,237\,\.3\)\,transparent_45\%\)\,linear-gradient\(145deg\,\#080716\,\#17102e\)\]{background-image:radial-gradient(circle at 72% 48%,rgba(124,58,237,.3),transparent 45%),linear-gradient(145deg,#080716,#17102e)}.bg-\[radial-gradient\(circle_at_80\%_16\%\,rgba\(179\,112\,255\,\.28\)\,transparent_35\%\)\,radial-gradient\(circle_at_28\%_110\%\,rgba\(109\,50\,225\,\.32\)\,transparent_48\%\)\]{background-image:radial-gradient(circle at 80% 16%,rgba(179,112,255,.28),transparent 35%),radial-gradient(circle at 28% 110%,rgba(109,50,225,.32),transparent 48%)}.bg-\[radial-gradient\(circle_at_center\,hsl\(var\(--primary\)\/0\.10\)\,transparent_44\%\)\]{background-image:radial-gradient(circle at center,hsl(var(--primary)/.1),transparent 44%)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-\[\#08051c\]{--tw-gradient-from: #08051c var(--tw-gradient-from-position);--tw-gradient-to: rgb(8 5 28 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#080711\]\/90{--tw-gradient-from: rgb(8 7 17 / .9) var(--tw-gradient-from-position);--tw-gradient-to: rgb(8 7 17 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#110a26\]\/45{--tw-gradient-from: rgb(17 10 38 / .45) var(--tw-gradient-from-position);--tw-gradient-to: rgb(17 10 38 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#120925\]{--tw-gradient-from: #120925 var(--tw-gradient-from-position);--tw-gradient-to: rgb(18 9 37 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#21104b\]{--tw-gradient-from: #21104b var(--tw-gradient-from-position);--tw-gradient-to: rgb(33 16 75 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#251247\]{--tw-gradient-from: #251247 var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 18 71 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#6823f4\]{--tw-gradient-from: #6823f4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(104 35 244 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#7b2cff\]{--tw-gradient-from: #7b2cff var(--tw-gradient-from-position);--tw-gradient-to: rgb(123 44 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[hsl\(249_66\%_7\%\/0\.72\)\]{--tw-gradient-from: hsl(249 66% 7%/.72) var(--tw-gradient-from-position);--tw-gradient-to: hsl(249 66% 7% / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[hsl\(249_66\%_7\%\/0\.76\)\]{--tw-gradient-from: hsl(249 66% 7%/.76) var(--tw-gradient-from-position);--tw-gradient-to: hsl(249 66% 7% / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[hsl\(255_35\%_11\%\)\]{--tw-gradient-from: hsl(255 35% 11%) var(--tw-gradient-from-position);--tw-gradient-to: hsl(255 35% 11% / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[hsl\(258_60\%_98\%\)\]{--tw-gradient-from: hsl(258 60% 98%) var(--tw-gradient-from-position);--tw-gradient-to: hsl(258 60% 98% / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[hsl\(258_60\%_98\.5\%\)\]{--tw-gradient-from: hsl(258 60% 98.5%) var(--tw-gradient-from-position);--tw-gradient-to: hsl(258 60% 98.5% / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-accent\/30{--tw-gradient-from: hsl(var(--accent) / .3) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--accent) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-accent\/60{--tw-gradient-from: hsl(var(--accent) / .6) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--accent) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-300{--tw-gradient-from: #fcd34d var(--tw-gradient-from-position);--tw-gradient-to: rgb(252 211 77 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-400{--tw-gradient-from: #fbbf24 var(--tw-gradient-from-position);--tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-400\/35{--tw-gradient-from: rgb(251 191 36 / .35) var(--tw-gradient-from-position);--tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-500{--tw-gradient-from: #f59e0b var(--tw-gradient-from-position);--tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-500\/20{--tw-gradient-from: rgb(245 158 11 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-500\/5{--tw-gradient-from: rgb(245 158 11 / .05) var(--tw-gradient-from-position);--tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-600{--tw-gradient-from: #d97706 var(--tw-gradient-from-position);--tw-gradient-to: rgb(217 119 6 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-background\/20{--tw-gradient-from: hsl(var(--background) / .2) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/35{--tw-gradient-from: rgb(0 0 0 / .35) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/45{--tw-gradient-from: rgb(0 0 0 / .45) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/50{--tw-gradient-from: rgb(0 0 0 / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/60{--tw-gradient-from: rgb(0 0 0 / .6) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/65{--tw-gradient-from: rgb(0 0 0 / .65) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/70{--tw-gradient-from: rgb(0 0 0 / .7) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/75{--tw-gradient-from: rgb(0 0 0 / .75) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/80{--tw-gradient-from: rgb(0 0 0 / .8) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-400{--tw-gradient-from: #60a5fa var(--tw-gradient-from-position);--tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500\/10{--tw-gradient-from: rgb(59 130 246 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-card{--tw-gradient-from: hsl(var(--card)) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-400{--tw-gradient-from: #22d3ee var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-500{--tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-600{--tw-gradient-from: #0891b2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-200{--tw-gradient-from: #a7f3d0 var(--tw-gradient-from-position);--tw-gradient-to: rgb(167 243 208 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-300{--tw-gradient-from: #6ee7b7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(110 231 183 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-400{--tw-gradient-from: #34d399 var(--tw-gradient-from-position);--tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-500{--tw-gradient-from: #10b981 var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-500\/10{--tw-gradient-from: rgb(16 185 129 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-600{--tw-gradient-from: #059669 var(--tw-gradient-from-position);--tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-foreground{--tw-gradient-from: hsl(var(--foreground)) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--foreground) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fuchsia-500{--tw-gradient-from: #d946ef var(--tw-gradient-from-position);--tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-fuchsia-600{--tw-gradient-from: #c026d3 var(--tw-gradient-from-position);--tw-gradient-to: rgb(192 38 211 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-800{--tw-gradient-from: #1f2937 var(--tw-gradient-from-position);--tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500{--tw-gradient-from: #22c55e var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500\/20{--tw-gradient-from: rgb(34 197 94 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-400{--tw-gradient-from: #818cf8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-500{--tw-gradient-from: #6366f1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-600{--tw-gradient-from: #4f46e5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-lime-500{--tw-gradient-from: #84cc16 var(--tw-gradient-from-position);--tw-gradient-to: rgb(132 204 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-lime-600{--tw-gradient-from: #65a30d var(--tw-gradient-from-position);--tw-gradient-to: rgb(101 163 13 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-muted\/30{--tw-gradient-from: hsl(var(--muted) / .3) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-muted\/40{--tw-gradient-from: hsl(var(--muted) / .4) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-400{--tw-gradient-from: #fb923c var(--tw-gradient-from-position);--tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-500{--tw-gradient-from: #f97316 var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-500\/10{--tw-gradient-from: rgb(249 115 22 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-600{--tw-gradient-from: #ea580c var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange\/10{--tw-gradient-from: hsl(var(--orange) / .1) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--orange) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-400{--tw-gradient-from: #f472b6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary{--tw-gradient-from: hsl(var(--primary)) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary-foreground\/10{--tw-gradient-from: hsl(var(--primary-foreground) / .1) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--primary-foreground) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary-glow{--tw-gradient-from: hsl(var(--primary-glow)) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--primary-glow) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary\/10{--tw-gradient-from: hsl(var(--primary) / .1) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary\/15{--tw-gradient-from: hsl(var(--primary) / .15) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary\/20{--tw-gradient-from: hsl(var(--primary) / .2) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary\/30{--tw-gradient-from: hsl(var(--primary) / .3) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary\/40{--tw-gradient-from: hsl(var(--primary) / .4) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary\/5{--tw-gradient-from: hsl(var(--primary) / .05) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary\/60{--tw-gradient-from: hsl(var(--primary) / .6) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary\/70{--tw-gradient-from: hsl(var(--primary) / .7) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary\/80{--tw-gradient-from: hsl(var(--primary) / .8) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary\/85{--tw-gradient-from: hsl(var(--primary) / .85) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary\/\[0\.06\]{--tw-gradient-from: hsl(var(--primary) / .06) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary\/\[0\.10\]{--tw-gradient-from: hsl(var(--primary) / .1) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary\/\[0\.11\]{--tw-gradient-from: hsl(var(--primary) / .11) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary\/\[0\.14\]{--tw-gradient-from: hsl(var(--primary) / .14) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-400{--tw-gradient-from: #c084fc var(--tw-gradient-from-position);--tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from: #a855f7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500\/10{--tw-gradient-from: rgb(168 85 247 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500\/20{--tw-gradient-from: rgb(168 85 247 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-400{--tw-gradient-from: #f87171 var(--tw-gradient-from-position);--tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-500{--tw-gradient-from: #ef4444 var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-reward{--tw-gradient-from: hsl(var(--reward)) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--reward) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-rose-400{--tw-gradient-from: #fb7185 var(--tw-gradient-from-position);--tw-gradient-to: rgb(251 113 133 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-rose-500{--tw-gradient-from: #f43f5e var(--tw-gradient-from-position);--tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-rose-600{--tw-gradient-from: #e11d48 var(--tw-gradient-from-position);--tw-gradient-to: rgb(225 29 72 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-sky-500{--tw-gradient-from: #0ea5e9 var(--tw-gradient-from-position);--tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-sky-600{--tw-gradient-from: #0284c7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(2 132 199 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-200{--tw-gradient-from: #e2e8f0 var(--tw-gradient-from-position);--tw-gradient-to: rgb(226 232 240 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-300{--tw-gradient-from: #cbd5e1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(203 213 225 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-50{--tw-gradient-from: #f8fafc var(--tw-gradient-from-position);--tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-600{--tw-gradient-from: #475569 var(--tw-gradient-from-position);--tw-gradient-to: rgb(71 85 105 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-teal-400{--tw-gradient-from: #2dd4bf var(--tw-gradient-from-position);--tw-gradient-to: rgb(45 212 191 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-teal-500{--tw-gradient-from: #14b8a6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-teal-600{--tw-gradient-from: #0d9488 var(--tw-gradient-from-position);--tw-gradient-to: rgb(13 148 136 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-100{--tw-gradient-from: #ede9fe var(--tw-gradient-from-position);--tw-gradient-to: rgb(237 233 254 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-300{--tw-gradient-from: #c4b5fd var(--tw-gradient-from-position);--tw-gradient-to: rgb(196 181 253 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-400{--tw-gradient-from: #a78bfa var(--tw-gradient-from-position);--tw-gradient-to: rgb(167 139 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-500{--tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-600{--tw-gradient-from: #7c3aed var(--tw-gradient-from-position);--tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-700{--tw-gradient-from: #6d28d9 var(--tw-gradient-from-position);--tw-gradient-to: rgb(109 40 217 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-950{--tw-gradient-from: #2e1065 var(--tw-gradient-from-position);--tw-gradient-to: rgb(46 16 101 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white{--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white\/40{--tw-gradient-from: rgb(255 255 255 / .4) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white\/50{--tw-gradient-from: rgb(255 255 255 / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-300{--tw-gradient-from: #fde047 var(--tw-gradient-from-position);--tw-gradient-to: rgb(253 224 71 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-400{--tw-gradient-from: #facc15 var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-\[\#0d0827\]\/95{--tw-gradient-to: rgb(13 8 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(13 8 39 / .95) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-\[\#1e0d3c\]\/95{--tw-gradient-to: rgb(30 13 60 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(30 13 60 / .95) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-\[\#37156f\]{--tw-gradient-to: rgb(55 21 111 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #37156f var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-\[\#8338ff\]{--tw-gradient-to: rgb(131 56 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #8338ff var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-accent\/20{--tw-gradient-to: hsl(var(--accent) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--accent) / .2) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-accent\/40{--tw-gradient-to: hsl(var(--accent) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--accent) / .4) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-amber-400{--tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #fbbf24 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-black\/10{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .1) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-black\/15{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .15) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-black\/20{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .2) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-black\/25{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .25) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-black\/30{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .3) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-black\/5{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .05) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-card{--tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--card)) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-card\/20{--tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--card) / .2) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-card\/30{--tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--card) / .3) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-card\/80{--tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--card) / .8) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-cyan-300\/40{--tw-gradient-to: rgb(103 232 249 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(103 232 249 / .4) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-emerald-300{--tw-gradient-to: rgb(110 231 183 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #6ee7b7 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-emerald-500{--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #10b981 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fuchsia-400{--tw-gradient-to: rgb(232 121 249 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #e879f9 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-fuchsia-500\/\[0\.08\]{--tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(217 70 239 / .08) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-gray-50{--tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #f9fafb var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-gray-900{--tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #111827 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-indigo-500{--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #6366f1 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-primary{--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary)) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-primary\/35{--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / .35) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-primary\/40{--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / .4) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-primary\/45{--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / .45) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-primary\/5{--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / .05) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-primary\/\[0\.045\]{--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / .045) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-primary\/\[0\.09\]{--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / .09) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-purple-400{--tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #c084fc var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-purple-500{--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #a855f7 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-purple-600{--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #9333ea var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-purple-900{--tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #581c87 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-slate-100{--tw-gradient-to: rgb(241 245 249 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #f1f5f9 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-slate-300{--tw-gradient-to: rgb(203 213 225 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #cbd5e1 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-slate-400{--tw-gradient-to: rgb(148 163 184 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #94a3b8 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-success\/60{--tw-gradient-to: hsl(var(--success) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--success) / .6) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-transparent{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-violet-200{--tw-gradient-to: rgb(221 214 254 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #ddd6fe var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-violet-50{--tw-gradient-to: rgb(245 243 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #f5f3ff var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-violet-500{--tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #8b5cf6 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white\/25{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .25) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white\/30{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .3) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white\/40{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .4) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-yellow-400{--tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #facc15 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-yellow-500{--tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #eab308 var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\[\#08040f\]{--tw-gradient-to: #08040f var(--tw-gradient-to-position)}.to-\[\#0d0827\]\/10{--tw-gradient-to: rgb(13 8 39 / .1) var(--tw-gradient-to-position)}.to-\[\#1e0d3c\]\/25{--tw-gradient-to: rgb(30 13 60 / .25) var(--tw-gradient-to-position)}.to-\[\#2b111c\]{--tw-gradient-to: #2b111c var(--tw-gradient-to-position)}.to-\[\#512394\]{--tw-gradient-to: #512394 var(--tw-gradient-to-position)}.to-\[\#943fff\]{--tw-gradient-to: #943fff var(--tw-gradient-to-position)}.to-\[\#b66dff\]{--tw-gradient-to: #b66dff var(--tw-gradient-to-position)}.to-\[hsl\(232_30\%_6\%\)\]{--tw-gradient-to: hsl(232 30% 6%) var(--tw-gradient-to-position)}.to-\[hsl\(262_83\%_70\%\)\]{--tw-gradient-to: hsl(262 83% 70%) var(--tw-gradient-to-position)}.to-accent\/40{--tw-gradient-to: hsl(var(--accent) / .4) var(--tw-gradient-to-position)}.to-accent\/80{--tw-gradient-to: hsl(var(--accent) / .8) var(--tw-gradient-to-position)}.to-amber-500{--tw-gradient-to: #f59e0b var(--tw-gradient-to-position)}.to-amber-600{--tw-gradient-to: #d97706 var(--tw-gradient-to-position)}.to-amber-600\/10{--tw-gradient-to: rgb(217 119 6 / .1) var(--tw-gradient-to-position)}.to-amber-700{--tw-gradient-to: #b45309 var(--tw-gradient-to-position)}.to-black{--tw-gradient-to: #000 var(--tw-gradient-to-position)}.to-black\/10{--tw-gradient-to: rgb(0 0 0 / .1) var(--tw-gradient-to-position)}.to-black\/30{--tw-gradient-to: rgb(0 0 0 / .3) var(--tw-gradient-to-position)}.to-black\/5{--tw-gradient-to: rgb(0 0 0 / .05) var(--tw-gradient-to-position)}.to-blue-500{--tw-gradient-to: #3b82f6 var(--tw-gradient-to-position)}.to-blue-600\/10{--tw-gradient-to: rgb(37 99 235 / .1) var(--tw-gradient-to-position)}.to-border{--tw-gradient-to: hsl(var(--border)) var(--tw-gradient-to-position)}.to-card{--tw-gradient-to: hsl(var(--card)) var(--tw-gradient-to-position)}.to-card\/50{--tw-gradient-to: hsl(var(--card) / .5) var(--tw-gradient-to-position)}.to-cyan-400{--tw-gradient-to: #22d3ee var(--tw-gradient-to-position)}.to-cyan-500{--tw-gradient-to: #06b6d4 var(--tw-gradient-to-position)}.to-cyan-600{--tw-gradient-to: #0891b2 var(--tw-gradient-to-position)}.to-cyan-700{--tw-gradient-to: #0e7490 var(--tw-gradient-to-position)}.to-emerald-500{--tw-gradient-to: #10b981 var(--tw-gradient-to-position)}.to-emerald-600{--tw-gradient-to: #059669 var(--tw-gradient-to-position)}.to-emerald-600\/10{--tw-gradient-to: rgb(5 150 105 / .1) var(--tw-gradient-to-position)}.to-emerald-700{--tw-gradient-to: #047857 var(--tw-gradient-to-position)}.to-fuchsia-300{--tw-gradient-to: #f0abfc var(--tw-gradient-to-position)}.to-fuchsia-400{--tw-gradient-to: #e879f9 var(--tw-gradient-to-position)}.to-fuchsia-600{--tw-gradient-to: #c026d3 var(--tw-gradient-to-position)}.to-fuchsia-700{--tw-gradient-to: #a21caf var(--tw-gradient-to-position)}.to-gray-200{--tw-gradient-to: #e5e7eb var(--tw-gradient-to-position)}.to-green-500{--tw-gradient-to: #22c55e var(--tw-gradient-to-position)}.to-green-600\/10{--tw-gradient-to: rgb(22 163 74 / .1) var(--tw-gradient-to-position)}.to-indigo-500{--tw-gradient-to: #6366f1 var(--tw-gradient-to-position)}.to-indigo-600{--tw-gradient-to: #4f46e5 var(--tw-gradient-to-position)}.to-indigo-700{--tw-gradient-to: #4338ca var(--tw-gradient-to-position)}.to-indigo-950{--tw-gradient-to: #1e1b4b var(--tw-gradient-to-position)}.to-lime-600{--tw-gradient-to: #65a30d var(--tw-gradient-to-position)}.to-lime-700{--tw-gradient-to: #4d7c0f var(--tw-gradient-to-position)}.to-muted\/20{--tw-gradient-to: hsl(var(--muted) / .2) var(--tw-gradient-to-position)}.to-muted\/30{--tw-gradient-to: hsl(var(--muted) / .3) var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to: #f97316 var(--tw-gradient-to-position)}.to-orange-500\/10{--tw-gradient-to: rgb(249 115 22 / .1) var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to: #ea580c var(--tw-gradient-to-position)}.to-orange-600\/10{--tw-gradient-to: rgb(234 88 12 / .1) var(--tw-gradient-to-position)}.to-orange-700{--tw-gradient-to: #c2410c var(--tw-gradient-to-position)}.to-orange\/5{--tw-gradient-to: hsl(var(--orange) / .05) var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to: #ec4899 var(--tw-gradient-to-position)}.to-pink-500\/10{--tw-gradient-to: rgb(236 72 153 / .1) var(--tw-gradient-to-position)}.to-primary{--tw-gradient-to: hsl(var(--primary)) var(--tw-gradient-to-position)}.to-primary-glow{--tw-gradient-to: hsl(var(--primary-glow)) var(--tw-gradient-to-position)}.to-primary\/10{--tw-gradient-to: hsl(var(--primary) / .1) var(--tw-gradient-to-position)}.to-primary\/25{--tw-gradient-to: hsl(var(--primary) / .25) var(--tw-gradient-to-position)}.to-primary\/40{--tw-gradient-to: hsl(var(--primary) / .4) var(--tw-gradient-to-position)}.to-primary\/5{--tw-gradient-to: hsl(var(--primary) / .05) var(--tw-gradient-to-position)}.to-primary\/55{--tw-gradient-to: hsl(var(--primary) / .55) var(--tw-gradient-to-position)}.to-primary\/70{--tw-gradient-to: hsl(var(--primary) / .7) var(--tw-gradient-to-position)}.to-primary\/80{--tw-gradient-to: hsl(var(--primary) / .8) var(--tw-gradient-to-position)}.to-primary\/85{--tw-gradient-to: hsl(var(--primary) / .85) var(--tw-gradient-to-position)}.to-primary\/90{--tw-gradient-to: hsl(var(--primary) / .9) var(--tw-gradient-to-position)}.to-primary\/\[0\.04\]{--tw-gradient-to: hsl(var(--primary) / .04) var(--tw-gradient-to-position)}.to-purple-50{--tw-gradient-to: #faf5ff var(--tw-gradient-to-position)}.to-purple-500{--tw-gradient-to: #a855f7 var(--tw-gradient-to-position)}.to-purple-500\/5{--tw-gradient-to: rgb(168 85 247 / .05) var(--tw-gradient-to-position)}.to-purple-600\/10{--tw-gradient-to: rgb(147 51 234 / .1) var(--tw-gradient-to-position)}.to-purple-700{--tw-gradient-to: #7e22ce var(--tw-gradient-to-position)}.to-red-500{--tw-gradient-to: #ef4444 var(--tw-gradient-to-position)}.to-red-600{--tw-gradient-to: #dc2626 var(--tw-gradient-to-position)}.to-reward\/80{--tw-gradient-to: hsl(var(--reward) / .8) var(--tw-gradient-to-position)}.to-rose-400\/35{--tw-gradient-to: rgb(251 113 133 / .35) var(--tw-gradient-to-position)}.to-rose-500{--tw-gradient-to: #f43f5e var(--tw-gradient-to-position)}.to-rose-600{--tw-gradient-to: #e11d48 var(--tw-gradient-to-position)}.to-rose-700{--tw-gradient-to: #be123c var(--tw-gradient-to-position)}.to-sky-600{--tw-gradient-to: #0284c7 var(--tw-gradient-to-position)}.to-sky-700{--tw-gradient-to: #0369a1 var(--tw-gradient-to-position)}.to-slate-300{--tw-gradient-to: #cbd5e1 var(--tw-gradient-to-position)}.to-slate-400{--tw-gradient-to: #94a3b8 var(--tw-gradient-to-position)}.to-slate-500{--tw-gradient-to: #64748b var(--tw-gradient-to-position)}.to-slate-800{--tw-gradient-to: #1e293b var(--tw-gradient-to-position)}.to-teal-500{--tw-gradient-to: #14b8a6 var(--tw-gradient-to-position)}.to-teal-600{--tw-gradient-to: #0d9488 var(--tw-gradient-to-position)}.to-teal-700{--tw-gradient-to: #0f766e var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.to-violet-200{--tw-gradient-to: #ddd6fe var(--tw-gradient-to-position)}.to-violet-300\/70{--tw-gradient-to: rgb(196 181 253 / .7) var(--tw-gradient-to-position)}.to-violet-400{--tw-gradient-to: #a78bfa var(--tw-gradient-to-position)}.to-violet-500{--tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position)}.to-violet-600{--tw-gradient-to: #7c3aed var(--tw-gradient-to-position)}.to-violet-700{--tw-gradient-to: #6d28d9 var(--tw-gradient-to-position)}.to-white{--tw-gradient-to: #fff var(--tw-gradient-to-position)}.to-white\/5{--tw-gradient-to: rgb(255 255 255 / .05) var(--tw-gradient-to-position)}.to-white\/\[0\.92\]{--tw-gradient-to: rgb(255 255 255 / .92) var(--tw-gradient-to-position)}.to-yellow-500{--tw-gradient-to: #eab308 var(--tw-gradient-to-position)}.to-yellow-600{--tw-gradient-to: #ca8a04 var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-\[center_48\%\]{background-position:center 48%}.bg-center{background-position:center}.fill-\[hsl\(256_95\%_80\%\)\]{fill:#b59cfc}.fill-amber-300{fill:#fcd34d}.fill-amber-400{fill:#fbbf24}.fill-amber-500{fill:#f59e0b}.fill-background{fill:hsl(var(--background))}.fill-card{fill:hsl(var(--card))}.fill-card\/80{fill:hsl(var(--card) / .8)}.fill-card\/90{fill:hsl(var(--card) / .9)}.fill-current{fill:currentColor}.fill-destructive{fill:hsl(var(--destructive))}.fill-destructive\/20{fill:hsl(var(--destructive) / .2)}.fill-destructive\/\[0\.06\]{fill:hsl(var(--destructive) / .06)}.fill-foreground{fill:hsl(var(--foreground))}.fill-foreground\/70{fill:hsl(var(--foreground) / .7)}.fill-foreground\/80{fill:hsl(var(--foreground) / .8)}.fill-foreground\/\[0\.13\]{fill:hsl(var(--foreground) / .13)}.fill-foreground\/\[0\.28\]{fill:hsl(var(--foreground) / .28)}.fill-gray-700{fill:#374151}.fill-gray-800{fill:#1f2937}.fill-green-500{fill:#22c55e}.fill-muted{fill:hsl(var(--muted))}.fill-muted-foreground{fill:hsl(var(--muted-foreground))}.fill-muted-foreground\/20{fill:hsl(var(--muted-foreground) / .2)}.fill-muted-foreground\/30{fill:hsl(var(--muted-foreground) / .3)}.fill-muted-foreground\/40{fill:hsl(var(--muted-foreground) / .4)}.fill-muted-foreground\/60{fill:hsl(var(--muted-foreground) / .6)}.fill-muted-foreground\/70{fill:hsl(var(--muted-foreground) / .7)}.fill-none{fill:none}.fill-orange-300{fill:#fdba74}.fill-orange-400{fill:#fb923c}.fill-orange-500{fill:#f97316}.fill-primary{fill:hsl(var(--primary))}.fill-primary-foreground{fill:hsl(var(--primary-foreground))}.fill-primary-foreground\/80{fill:hsl(var(--primary-foreground) / .8)}.fill-primary-foreground\/85{fill:hsl(var(--primary-foreground) / .85)}.fill-primary-foreground\/90{fill:hsl(var(--primary-foreground) / .9)}.fill-primary\/10{fill:hsl(var(--primary) / .1)}.fill-primary\/40{fill:hsl(var(--primary) / .4)}.fill-primary\/50{fill:hsl(var(--primary) / .5)}.fill-primary\/70{fill:hsl(var(--primary) / .7)}.fill-primary\/80{fill:hsl(var(--primary) / .8)}.fill-primary\/90{fill:hsl(var(--primary) / .9)}.fill-primary\/\[0\.14\]{fill:hsl(var(--primary) / .14)}.fill-red-500{fill:#ef4444}.fill-reward{fill:hsl(var(--reward))}.fill-transparent{fill:transparent}.fill-white{fill:#fff}.fill-white\/20{fill:#fff3}.fill-white\/40{fill:#fff6}.fill-white\/90{fill:#ffffffe6}.fill-yellow{fill:hsl(var(--yellow))}.stroke-background{stroke:hsl(var(--background))}.stroke-background\/30{stroke:hsl(var(--background) / .3)}.stroke-background\/50{stroke:hsl(var(--background) / .5)}.stroke-background\/60{stroke:hsl(var(--background) / .6)}.stroke-border{stroke:hsl(var(--border))}.stroke-border\/30{stroke:hsl(var(--border) / .3)}.stroke-destructive{stroke:hsl(var(--destructive))}.stroke-foreground{stroke:hsl(var(--foreground))}.stroke-foreground\/25{stroke:hsl(var(--foreground) / .25)}.stroke-foreground\/40{stroke:hsl(var(--foreground) / .4)}.stroke-gray-300{stroke:#d1d5db}.stroke-muted-foreground\/30{stroke:hsl(var(--muted-foreground) / .3)}.stroke-primary{stroke:hsl(var(--primary))}.stroke-primary\/20{stroke:hsl(var(--primary) / .2)}.stroke-primary\/30{stroke:hsl(var(--primary) / .3)}.stroke-primary\/35{stroke:hsl(var(--primary) / .35)}.stroke-white\/30{stroke:#ffffff4d}.stroke-\[3\]{stroke-width:3}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-\[45\%_center\]{-o-object-position:45% center;object-position:45% center}.object-\[48\%_center\]{-o-object-position:48% center;object-position:48% center}.object-\[50\%_36\%\]{-o-object-position:50% 36%;object-position:50% 36%}.object-\[52\%_center\]{-o-object-position:52% center;object-position:52% center}.object-\[54\%_34\%\]{-o-object-position:54% 34%;object-position:54% 34%}.object-\[54\%_40\%\]{-o-object-position:54% 40%;object-position:54% 40%}.object-\[58\%_50\%\]{-o-object-position:58% 50%;object-position:58% 50%}.object-\[62\%_36\%\]{-o-object-position:62% 36%;object-position:62% 36%}.object-\[69\%_48\%\]{-o-object-position:69% 48%;object-position:69% 48%}.object-bottom{-o-object-position:bottom;object-position:bottom}.object-center{-o-object-position:center;object-position:center}.object-right{-o-object-position:right;object-position:right}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.p-\[1px\]{padding:1px}.p-\[3px\]{padding:3px}.p-\[4px\]{padding:4px}.px-0{padding-left:0;padding-right:0}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-12{padding-left:3rem;padding-right:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[16\.66\%\]{padding-left:16.66%;padding-right:16.66%}.px-\[72px\]{padding-left:72px;padding-right:72px}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-28{padding-top:7rem;padding-bottom:7rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[10px\]{padding-top:10px;padding-bottom:10px}.py-\[1px\],.py-px{padding-top:1px;padding-bottom:1px}.pb-0\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pb-1\.5{padding-bottom:.375rem}.pb-10{padding-bottom:2.5rem}.pb-11{padding-bottom:2.75rem}.pb-12{padding-bottom:3rem}.pb-14{padding-bottom:3.5rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-2\.5{padding-bottom:.625rem}.pb-20{padding-bottom:5rem}.pb-24{padding-bottom:6rem}.pb-28{padding-bottom:7rem}.pb-3{padding-bottom:.75rem}.pb-32{padding-bottom:8rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-7{padding-bottom:1.75rem}.pb-8{padding-bottom:2rem}.pb-9{padding-bottom:2.25rem}.pb-\[10px\]{padding-bottom:10px}.pb-\[15px\]{padding-bottom:15px}.pb-\[5px\]{padding-bottom:5px}.pb-\[6px\]{padding-bottom:6px}.pb-\[calc\(20px\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.pb-\[max\(0\.75rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(.75rem,env(safe-area-inset-bottom))}.pb-\[max\(1\.25rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(1.25rem,env(safe-area-inset-bottom))}.pb-\[max\(1\.5rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.pl-0\.5{padding-left:.125rem}.pl-1\.5{padding-left:.375rem}.pl-10{padding-left:2.5rem}.pl-11{padding-left:2.75rem}.pl-12{padding-left:3rem}.pl-14{padding-left:3.5rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-3{padding-left:.75rem}.pl-3\.5{padding-left:.875rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-7{padding-left:1.75rem}.pl-8{padding-left:2rem}.pl-9{padding-left:2.25rem}.pl-\[34px\]{padding-left:34px}.pr-1{padding-right:.25rem}.pr-1\.5{padding-right:.375rem}.pr-10{padding-right:2.5rem}.pr-11{padding-right:2.75rem}.pr-14{padding-right:3.5rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pr-3{padding-right:.75rem}.pr-3\.5{padding-right:.875rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pr-9{padding-right:2.25rem}.pt-0{padding-top:0}.pt-0\.5{padding-top:.125rem}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-2\.5{padding-top:.625rem}.pt-20{padding-top:5rem}.pt-3{padding-top:.75rem}.pt-3\.5{padding-top:.875rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-7{padding-top:1.75rem}.pt-8{padding-top:2rem}.pt-\[10px\]{padding-top:10px}.pt-\[15px\]{padding-top:15px}.pt-\[4px\]{padding-top:4px}.pt-\[5px\]{padding-top:5px}.pt-\[8px\]{padding-top:8px}.pt-\[max\(0\.75rem\,env\(safe-area-inset-top\)\)\]{padding-top:max(.75rem,env(safe-area-inset-top))}.pt-\[max\(1\.25rem\,env\(safe-area-inset-top\)\)\]{padding-top:max(1.25rem,env(safe-area-inset-top))}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-start{text-align:start}.align-middle{vertical-align:middle}.align-text-bottom{vertical-align:text-bottom}.align-\[-3px\]{vertical-align:-3px}.font-display{font-family:Inter Tight,Inter,ui-sans-serif,system-ui,sans-serif}.font-mono{font-family:Space Grotesk,ui-monospace,system-ui,sans-serif}.font-sans{font-family:Inter,Inter Tight,ui-sans-serif,system-ui,sans-serif}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.\!text-\[clamp\(2\.2rem\,4vw\,3\.5rem\)\]{font-size:clamp(2.2rem,4vw,3.5rem)!important}.\!text-\[clamp\(2rem\,4\.5vw\,4rem\)\]{font-size:clamp(2rem,4.5vw,4rem)!important}.\!text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.text-\[0\.62em\]{font-size:.62em}.text-\[0\.8rem\]{font-size:.8rem}.text-\[1\.05em\]{font-size:1.05em}.text-\[1\.125rem\]{font-size:1.125rem}.text-\[1\.35rem\]{font-size:1.35rem}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[2\.1rem\]{font-size:2.1rem}.text-\[2\.25rem\]{font-size:2.25rem}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.text-\[2rem\]{font-size:2rem}.text-\[3\.25rem\]{font-size:3.25rem}.text-\[32px\]{font-size:32px}.text-\[34px\]{font-size:34px}.text-\[38px\]{font-size:38px}.text-\[40px\]{font-size:40px}.text-\[42px\]{font-size:42px}.text-\[5px\]{font-size:5px}.text-\[6px\]{font-size:6px}.text-\[7px\]{font-size:7px}.text-\[8\.5px\]{font-size:8.5px}.text-\[8px\]{font-size:8px}.text-\[8rem\]{font-size:8rem}.text-\[92px\]{font-size:92px}.text-\[9px\]{font-size:9px}.text-\[9rem\]{font-size:9rem}.text-\[clamp\(1\.55rem\,2\.4vw\,2\.25rem\)\]{font-size:clamp(1.55rem,2.4vw,2.25rem)}.text-\[clamp\(1\.75rem\,3\.5vw\,3rem\)\]{font-size:clamp(1.75rem,3.5vw,3rem)}.text-\[clamp\(2\.4rem\,8vw\,3\.75rem\)\]{font-size:clamp(2.4rem,8vw,3.75rem)}.text-\[clamp\(24px\,2vw\,34px\)\]{font-size:clamp(24px,2vw,34px)}.text-\[clamp\(34px\,3\.65vw\,64px\)\]{font-size:clamp(34px,3.65vw,64px)}.text-\[clamp\(54px\,6vw\,78px\)\]{font-size:clamp(54px,6vw,78px)}.text-\[length\:inherit\]{font-size:inherit}.text-\[min\(11px\,1em\)\]{font-size:min(11px,1em)}.text-\[min\(14px\,1em\)\]{font-size:min(14px,1em)}.text-base{font-size:1rem;line-height:1.5rem}.text-body{font-size:14px}.text-caption{font-size:13px}.text-label{font-size:12px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-micro{font-size:10px}.text-mini{font-size:11px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.italic{font-style:italic}.ordinal{--tw-ordinal: ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.\!leading-\[1\.02\]{line-height:1.02!important}.\!leading-relaxed{line-height:1.625!important}.leading-4{line-height:1rem}.leading-\[\.95\],.leading-\[0\.95\]{line-height:.95}.leading-\[0\.98\]{line-height:.98}.leading-\[1\.02\]{line-height:1.02}.leading-\[1\.04\]{line-height:1.04}.leading-\[1\.05\]{line-height:1.05}.leading-\[1\.08\]{line-height:1.08}.leading-\[1\.1\]{line-height:1.1}.leading-\[1\.25\]{line-height:1.25}.leading-\[1\.3\]{line-height:1.3}.leading-\[1\.45\]{line-height:1.45}.leading-\[1\.4\]{line-height:1.4}.leading-\[1\.65\]{line-height:1.65}.leading-\[1\.6\]{line-height:1.6}.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[-0\.01em\]{letter-spacing:-.01em}.tracking-\[-0\.025em\]{letter-spacing:-.025em}.tracking-\[-0\.035em\]{letter-spacing:-.035em}.tracking-\[-0\.045em\]{letter-spacing:-.045em}.tracking-\[-0\.04em\]{letter-spacing:-.04em}.tracking-\[-0\.055em\]{letter-spacing:-.055em}.tracking-\[\.12em\]{letter-spacing:.12em}.tracking-\[\.15em\]{letter-spacing:.15em}.tracking-\[\.16em\]{letter-spacing:.16em}.tracking-\[\.18em\]{letter-spacing:.18em}.tracking-\[\.22em\]{letter-spacing:.22em}.tracking-\[0\.03em\]{letter-spacing:.03em}.tracking-\[0\.04em\]{letter-spacing:.04em}.tracking-\[0\.06em\]{letter-spacing:.06em}.tracking-\[0\.08em\]{letter-spacing:.08em}.tracking-\[0\.09em\]{letter-spacing:.09em}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-\[0\.13em\]{letter-spacing:.13em}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.15em\]{letter-spacing:.15em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.1em\]{letter-spacing:.1em}.tracking-\[0\.22em\]{letter-spacing:.22em}.tracking-\[0\.24em\]{letter-spacing:.24em}.tracking-\[0\.28em\]{letter-spacing:.28em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.34em\]{letter-spacing:.34em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-normal{letter-spacing:0em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.\!text-destructive{color:hsl(var(--destructive))!important}.\!text-foreground{color:hsl(var(--foreground))!important}.\!text-muted-foreground\/60{color:hsl(var(--muted-foreground) / .6)!important}.\!text-primary-foreground{color:hsl(var(--primary-foreground))!important}.\!text-success{color:hsl(var(--success))!important}.text-\[\#0369A1\]{--tw-text-opacity: 1;color:rgb(3 105 161 / var(--tw-text-opacity, 1))}.text-\[\#22c55e\]{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-\[\#2b1a63\]{--tw-text-opacity: 1;color:rgb(43 26 99 / var(--tw-text-opacity, 1))}.text-\[\#3DBE73\]{--tw-text-opacity: 1;color:rgb(61 190 115 / var(--tw-text-opacity, 1))}.text-\[\#3a2e00\]{--tw-text-opacity: 1;color:rgb(58 46 0 / var(--tw-text-opacity, 1))}.text-\[\#5B5EE6\]{--tw-text-opacity: 1;color:rgb(91 94 230 / var(--tw-text-opacity, 1))}.text-\[\#5b4b86\]{--tw-text-opacity: 1;color:rgb(91 75 134 / var(--tw-text-opacity, 1))}.text-\[\#6e4ff6\]{--tw-text-opacity: 1;color:rgb(110 79 246 / var(--tw-text-opacity, 1))}.text-\[\#7B61FF\]{--tw-text-opacity: 1;color:rgb(123 97 255 / var(--tw-text-opacity, 1))}.text-\[\#D97706\]{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-\[\#a855f7\]{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-\[\#a98bff\]{--tw-text-opacity: 1;color:rgb(169 139 255 / var(--tw-text-opacity, 1))}.text-\[\#b49bff\]{--tw-text-opacity: 1;color:rgb(180 155 255 / var(--tw-text-opacity, 1))}.text-\[\#ff6b35\]{--tw-text-opacity: 1;color:rgb(255 107 53 / var(--tw-text-opacity, 1))}.text-\[hsl\(214_90\%_56\%\)\]{--tw-text-opacity: 1;color:hsl(214 90% 56% / var(--tw-text-opacity, 1))}.text-\[hsl\(256_95\%_80\%\)\]{--tw-text-opacity: 1;color:hsl(256 95% 80% / var(--tw-text-opacity, 1))}.text-\[hsl\(268_90\%_80\%\)\]{--tw-text-opacity: 1;color:hsl(268 90% 80% / var(--tw-text-opacity, 1))}.text-\[hsl\(var\(--accent\)\)\]{color:hsl(var(--accent))}.text-\[hsl\(var\(--brand-primary\)\)\]{color:hsl(var(--brand-primary))}.text-\[hsl\(var\(--callout-body\)\)\]{color:hsl(var(--callout-body))}.text-\[hsl\(var\(--foreground\)\)\]{color:hsl(var(--foreground))}.text-\[hsl\(var\(--mood-minor\)\)\]{color:hsl(var(--mood-minor))}.text-\[hsl\(var\(--primary\)\)\]{color:hsl(var(--primary))}.text-\[hsl\(var\(--primary\)\)\]\/50{color:hsl(var(--primary) / .5)}.text-\[hsl\(var\(--primary\)\)\]\/70{color:hsl(var(--primary) / .7)}.text-\[hsl\(var\(--step-half\)\)\]{color:hsl(var(--step-half))}.text-\[hsl\(var\(--step-whole\)\)\]{color:hsl(var(--step-whole))}.text-\[hsl\(var\(--text-secondary\)\)\]{color:hsl(var(--text-secondary))}.text-\[rgb\(56_189_248\)\]{--tw-text-opacity: 1;color:rgb(56 189 248 / var(--tw-text-opacity, 1))}.text-\[var\(--degree-color\)\]{color:var(--degree-color)}.text-\[var\(--function-color\)\]{color:var(--function-color)}.text-\[var\(--qc\)\]{color:var(--qc)}.text-\[var\(--trio-color\)\]{color:var(--trio-color)}.text-accent{color:hsl(var(--accent))}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-amber-100{--tw-text-opacity: 1;color:rgb(254 243 199 / var(--tw-text-opacity, 1))}.text-amber-200{--tw-text-opacity: 1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.text-amber-300\/80{color:#fcd34dcc}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-amber-400\/60{color:#fbbf2499}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-amber-600\/20{color:#d9770633}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-amber-800{--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.text-amber-900{--tw-text-opacity: 1;color:rgb(120 53 15 / var(--tw-text-opacity, 1))}.text-amber-950{--tw-text-opacity: 1;color:rgb(69 26 3 / var(--tw-text-opacity, 1))}.text-background{color:hsl(var(--background))}.text-background\/50{color:hsl(var(--background) / .5)}.text-background\/70{color:hsl(var(--background) / .7)}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-black\/30{color:#0000004d}.text-black\/80{color:#000c}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-current{color:currentColor}.text-cyan-100{--tw-text-opacity: 1;color:rgb(207 250 254 / var(--tw-text-opacity, 1))}.text-cyan-200{--tw-text-opacity: 1;color:rgb(165 243 252 / var(--tw-text-opacity, 1))}.text-cyan-200\/20{color:#a5f3fc33}.text-cyan-200\/25{color:#a5f3fc40}.text-cyan-300{--tw-text-opacity: 1;color:rgb(103 232 249 / var(--tw-text-opacity, 1))}.text-cyan-400{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.text-cyan-400\/60{color:#22d3ee99}.text-cyan-500{--tw-text-opacity: 1;color:rgb(6 182 212 / var(--tw-text-opacity, 1))}.text-cyan-600{--tw-text-opacity: 1;color:rgb(8 145 178 / var(--tw-text-opacity, 1))}.text-cyan-700{--tw-text-opacity: 1;color:rgb(14 116 144 / var(--tw-text-opacity, 1))}.text-destructive{color:hsl(var(--destructive))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-destructive\/30{color:hsl(var(--destructive) / .3)}.text-destructive\/50{color:hsl(var(--destructive) / .5)}.text-destructive\/60{color:hsl(var(--destructive) / .6)}.text-destructive\/70{color:hsl(var(--destructive) / .7)}.text-destructive\/80{color:hsl(var(--destructive) / .8)}.text-emerald-200{--tw-text-opacity: 1;color:rgb(167 243 208 / var(--tw-text-opacity, 1))}.text-emerald-300{--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.text-emerald-300\/15{color:#6ee7b726}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-emerald-400\/20{color:#34d39933}.text-emerald-400\/40{color:#34d39966}.text-emerald-400\/60{color:#34d39999}.text-emerald-500{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-emerald-500\/20{color:#10b98133}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-emerald-950{--tw-text-opacity: 1;color:rgb(2 44 34 / var(--tw-text-opacity, 1))}.text-foreground{color:hsl(var(--foreground))}.text-foreground\/15{color:hsl(var(--foreground) / .15)}.text-foreground\/25{color:hsl(var(--foreground) / .25)}.text-foreground\/30{color:hsl(var(--foreground) / .3)}.text-foreground\/35{color:hsl(var(--foreground) / .35)}.text-foreground\/40{color:hsl(var(--foreground) / .4)}.text-foreground\/45{color:hsl(var(--foreground) / .45)}.text-foreground\/50{color:hsl(var(--foreground) / .5)}.text-foreground\/55{color:hsl(var(--foreground) / .55)}.text-foreground\/60{color:hsl(var(--foreground) / .6)}.text-foreground\/65{color:hsl(var(--foreground) / .65)}.text-foreground\/70{color:hsl(var(--foreground) / .7)}.text-foreground\/75{color:hsl(var(--foreground) / .75)}.text-foreground\/80{color:hsl(var(--foreground) / .8)}.text-foreground\/85{color:hsl(var(--foreground) / .85)}.text-foreground\/90{color:hsl(var(--foreground) / .9)}.text-fuchsia-200{--tw-text-opacity: 1;color:rgb(245 208 254 / var(--tw-text-opacity, 1))}.text-fuchsia-400{--tw-text-opacity: 1;color:rgb(232 121 249 / var(--tw-text-opacity, 1))}.text-fuchsia-400\/60{color:#e879f999}.text-fuchsia-500{--tw-text-opacity: 1;color:rgb(217 70 239 / var(--tw-text-opacity, 1))}.text-fuchsia-600{--tw-text-opacity: 1;color:rgb(192 38 211 / var(--tw-text-opacity, 1))}.text-fuchsia-700{--tw-text-opacity: 1;color:rgb(162 28 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-400\/70{color:#4ade80b3}.text-green-400\/80{color:#4ade80cc}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-900{--tw-text-opacity: 1;color:rgb(20 83 45 / var(--tw-text-opacity, 1))}.text-indigo-200{--tw-text-opacity: 1;color:rgb(199 210 254 / var(--tw-text-opacity, 1))}.text-indigo-400{--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.text-indigo-400\/60{color:#818cf899}.text-indigo-500{--tw-text-opacity: 1;color:rgb(99 102 241 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-indigo-700{--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))}.text-lime-200{--tw-text-opacity: 1;color:rgb(217 249 157 / var(--tw-text-opacity, 1))}.text-lime-400\/60{color:#a3e63599}.text-lime-500{--tw-text-opacity: 1;color:rgb(132 204 22 / var(--tw-text-opacity, 1))}.text-lime-600{--tw-text-opacity: 1;color:rgb(101 163 13 / var(--tw-text-opacity, 1))}.text-lime-700{--tw-text-opacity: 1;color:rgb(77 124 15 / var(--tw-text-opacity, 1))}.text-mood-major{color:hsl(var(--mood-major))}.text-mood-major-foreground{color:hsl(var(--mood-major-foreground))}.text-mood-major-foreground\/85{color:hsl(var(--mood-major-foreground) / .85)}.text-mood-minor{color:hsl(var(--mood-minor))}.text-mood-minor-foreground{color:hsl(var(--mood-minor-foreground))}.text-mood-minor-foreground\/85{color:hsl(var(--mood-minor-foreground) / .85)}.text-mood-minor\/30{color:hsl(var(--mood-minor) / .3)}.text-muted{color:hsl(var(--muted))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-muted-foreground\/10{color:hsl(var(--muted-foreground) / .1)}.text-muted-foreground\/15{color:hsl(var(--muted-foreground) / .15)}.text-muted-foreground\/20{color:hsl(var(--muted-foreground) / .2)}.text-muted-foreground\/30{color:hsl(var(--muted-foreground) / .3)}.text-muted-foreground\/35{color:hsl(var(--muted-foreground) / .35)}.text-muted-foreground\/40{color:hsl(var(--muted-foreground) / .4)}.text-muted-foreground\/45{color:hsl(var(--muted-foreground) / .45)}.text-muted-foreground\/50{color:hsl(var(--muted-foreground) / .5)}.text-muted-foreground\/55{color:hsl(var(--muted-foreground) / .55)}.text-muted-foreground\/60{color:hsl(var(--muted-foreground) / .6)}.text-muted-foreground\/65{color:hsl(var(--muted-foreground) / .65)}.text-muted-foreground\/70{color:hsl(var(--muted-foreground) / .7)}.text-muted-foreground\/75{color:hsl(var(--muted-foreground) / .75)}.text-muted-foreground\/80{color:hsl(var(--muted-foreground) / .8)}.text-muted-foreground\/90{color:hsl(var(--muted-foreground) / .9)}.text-nav-active{color:hsl(var(--nav-active))}.text-neutral-400{--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.text-neutral-500{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.text-neutral-900{--tw-text-opacity: 1;color:rgb(23 23 23 / var(--tw-text-opacity, 1))}.text-neutral-900\/55{color:#1717178c}.text-orange{color:hsl(var(--orange))}.text-orange-200{--tw-text-opacity: 1;color:rgb(254 215 170 / var(--tw-text-opacity, 1))}.text-orange-300{--tw-text-opacity: 1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-orange-400\/60{color:#fb923c99}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.text-orange-foreground{color:hsl(var(--orange-foreground))}.text-orange\/60{color:hsl(var(--orange) / .6)}.text-orange\/70{color:hsl(var(--orange) / .7)}.text-orange\/80{color:hsl(var(--orange) / .8)}.text-pink{color:hsl(var(--pink))}.text-pink-200\/20{color:#fbcfe833}.text-pink-400{--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity, 1))}.text-pink-400\/20{color:#f472b633}.text-pink-400\/25{color:#f472b640}.text-pink-500{--tw-text-opacity: 1;color:rgb(236 72 153 / var(--tw-text-opacity, 1))}.text-pink-foreground{color:hsl(var(--pink-foreground))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-premium{color:hsl(var(--premium))}.text-premium-foreground{color:hsl(var(--premium-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-primary-foreground\/70{color:hsl(var(--primary-foreground) / .7)}.text-primary-foreground\/80{color:hsl(var(--primary-foreground) / .8)}.text-primary-foreground\/85{color:hsl(var(--primary-foreground) / .85)}.text-primary-foreground\/90{color:hsl(var(--primary-foreground) / .9)}.text-primary\/10{color:hsl(var(--primary) / .1)}.text-primary\/15{color:hsl(var(--primary) / .15)}.text-primary\/20{color:hsl(var(--primary) / .2)}.text-primary\/25{color:hsl(var(--primary) / .25)}.text-primary\/30{color:hsl(var(--primary) / .3)}.text-primary\/40{color:hsl(var(--primary) / .4)}.text-primary\/45{color:hsl(var(--primary) / .45)}.text-primary\/50{color:hsl(var(--primary) / .5)}.text-primary\/55{color:hsl(var(--primary) / .55)}.text-primary\/60{color:hsl(var(--primary) / .6)}.text-primary\/70{color:hsl(var(--primary) / .7)}.text-primary\/75{color:hsl(var(--primary) / .75)}.text-primary\/80{color:hsl(var(--primary) / .8)}.text-primary\/\[0\.07\]{color:hsl(var(--primary) / .07)}.text-primary\/\[0\.08\]{color:hsl(var(--primary) / .08)}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-purple-400\/80{color:#c084fccc}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-400\/70{color:#f87171b3}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-reward{color:hsl(var(--reward))}.text-reward\/50{color:hsl(var(--reward) / .5)}.text-rose-100{--tw-text-opacity: 1;color:rgb(255 228 230 / var(--tw-text-opacity, 1))}.text-rose-200{--tw-text-opacity: 1;color:rgb(254 205 211 / var(--tw-text-opacity, 1))}.text-rose-200\/70{color:#fecdd3b3}.text-rose-300{--tw-text-opacity: 1;color:rgb(253 164 175 / var(--tw-text-opacity, 1))}.text-rose-400{--tw-text-opacity: 1;color:rgb(251 113 133 / var(--tw-text-opacity, 1))}.text-rose-400\/60{color:#fb718599}.text-rose-500{--tw-text-opacity: 1;color:rgb(244 63 94 / var(--tw-text-opacity, 1))}.text-rose-500\/90{color:#f43f5ee6}.text-rose-600{--tw-text-opacity: 1;color:rgb(225 29 72 / var(--tw-text-opacity, 1))}.text-rose-700{--tw-text-opacity: 1;color:rgb(190 18 60 / var(--tw-text-opacity, 1))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-sidebar-foreground{color:hsl(var(--sidebar-foreground))}.text-sidebar-foreground\/60{color:hsl(var(--sidebar-foreground) / .6)}.text-sidebar-foreground\/65{color:hsl(var(--sidebar-foreground) / .65)}.text-sidebar-foreground\/70{color:hsl(var(--sidebar-foreground) / .7)}.text-sky-200{--tw-text-opacity: 1;color:rgb(186 230 253 / var(--tw-text-opacity, 1))}.text-sky-200\/15{color:#bae6fd26}.text-sky-200\/20{color:#bae6fd33}.text-sky-400{--tw-text-opacity: 1;color:rgb(56 189 248 / var(--tw-text-opacity, 1))}.text-sky-400\/60{color:#38bdf899}.text-sky-500{--tw-text-opacity: 1;color:rgb(14 165 233 / var(--tw-text-opacity, 1))}.text-sky-600{--tw-text-opacity: 1;color:rgb(2 132 199 / var(--tw-text-opacity, 1))}.text-sky-700{--tw-text-opacity: 1;color:rgb(3 105 161 / var(--tw-text-opacity, 1))}.text-slate-200{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-slate-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-slate-900\/60{color:#0f172a99}.text-slate-950{--tw-text-opacity: 1;color:rgb(2 6 23 / var(--tw-text-opacity, 1))}.text-streak{color:hsl(var(--streak))}.text-success{color:hsl(var(--success))}.text-success-foreground{color:hsl(var(--success-foreground))}.text-success\/70{color:hsl(var(--success) / .7)}.text-success\/80{color:hsl(var(--success) / .8)}.text-teal-200{--tw-text-opacity: 1;color:rgb(153 246 228 / var(--tw-text-opacity, 1))}.text-teal-200\/15{color:#99f6e426}.text-teal-200\/20{color:#99f6e433}.text-teal-400{--tw-text-opacity: 1;color:rgb(45 212 191 / var(--tw-text-opacity, 1))}.text-teal-400\/60{color:#2dd4bf99}.text-teal-500{--tw-text-opacity: 1;color:rgb(20 184 166 / var(--tw-text-opacity, 1))}.text-teal-600{--tw-text-opacity: 1;color:rgb(13 148 136 / var(--tw-text-opacity, 1))}.text-teal-700{--tw-text-opacity: 1;color:rgb(15 118 110 / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.text-violet-100{--tw-text-opacity: 1;color:rgb(237 233 254 / var(--tw-text-opacity, 1))}.text-violet-100\/70{color:#ede9feb3}.text-violet-100\/85{color:#ede9fed9}.text-violet-100\/90{color:#ede9fee6}.text-violet-200{--tw-text-opacity: 1;color:rgb(221 214 254 / var(--tw-text-opacity, 1))}.text-violet-200\/70{color:#ddd6feb3}.text-violet-200\/80{color:#ddd6fecc}.text-violet-300{--tw-text-opacity: 1;color:rgb(196 181 253 / var(--tw-text-opacity, 1))}.text-violet-300\/30{color:#c4b5fd4d}.text-violet-300\/35{color:#c4b5fd59}.text-violet-300\/70{color:#c4b5fdb3}.text-violet-400{--tw-text-opacity: 1;color:rgb(167 139 250 / var(--tw-text-opacity, 1))}.text-violet-400\/60{color:#a78bfa99}.text-violet-500{--tw-text-opacity: 1;color:rgb(139 92 246 / var(--tw-text-opacity, 1))}.text-violet-600{--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}.text-violet-700{--tw-text-opacity: 1;color:rgb(109 40 217 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/20{color:#fff3}.text-white\/25{color:#ffffff40}.text-white\/30{color:#ffffff4d}.text-white\/35{color:#ffffff59}.text-white\/40{color:#fff6}.text-white\/45{color:#ffffff73}.text-white\/50{color:#ffffff80}.text-white\/55{color:#ffffff8c}.text-white\/60{color:#fff9}.text-white\/65{color:#ffffffa6}.text-white\/70{color:#ffffffb3}.text-white\/75{color:#ffffffbf}.text-white\/80{color:#fffc}.text-white\/85{color:#ffffffd9}.text-white\/90{color:#ffffffe6}.text-white\/\[0\.035\]{color:#ffffff09}.text-white\/\[0\.08\]{color:#ffffff14}.text-white\/\[0\.09\]{color:#ffffff17}.text-white\/\[0\.10\]{color:#ffffff1a}.text-white\/\[0\.12\]{color:#ffffff1f}.text-white\/\[0\.13\]{color:#ffffff21}.text-white\/\[0\.16\]{color:#ffffff29}.text-yellow{color:hsl(var(--yellow))}.text-yellow-200{--tw-text-opacity: 1;color:rgb(254 240 138 / var(--tw-text-opacity, 1))}.text-yellow-300{--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.text-yellow-400\/60{color:#facc1599}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.text-yellow-foreground{color:hsl(var(--yellow-foreground))}.text-zinc-300{--tw-text-opacity: 1;color:rgb(212 212 216 / var(--tw-text-opacity, 1))}.text-zinc-400{--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity, 1))}.text-zinc-500{--tw-text-opacity: 1;color:rgb(113 113 122 / var(--tw-text-opacity, 1))}.text-zinc-600{--tw-text-opacity: 1;color:rgb(82 82 91 / var(--tw-text-opacity, 1))}.text-zinc-700{--tw-text-opacity: 1;color:rgb(63 63 70 / var(--tw-text-opacity, 1))}.text-zinc-800{--tw-text-opacity: 1;color:rgb(39 39 42 / var(--tw-text-opacity, 1))}.text-zinc-900{--tw-text-opacity: 1;color:rgb(24 24 27 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.decoration-mood-minor{text-decoration-color:hsl(var(--mood-minor))}.decoration-primary\/60{text-decoration-color:hsl(var(--primary) / .6)}.decoration-dotted{text-decoration-style:dotted}.decoration-1{text-decoration-thickness:1px}.decoration-2{text-decoration-thickness:2px}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.accent-\[hsl\(var\(--primary\)\)\]{accent-color:hsl(var(--primary))}.accent-amber-500{accent-color:#f59e0b}.accent-primary{accent-color:hsl(var(--primary))}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-35{opacity:.35}.opacity-40{opacity:.4}.opacity-45{opacity:.45}.opacity-5{opacity:.05}.opacity-50{opacity:.5}.opacity-55{opacity:.55}.opacity-60{opacity:.6}.opacity-65{opacity:.65}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-85{opacity:.85}.opacity-90{opacity:.9}.opacity-95{opacity:.95}.opacity-\[0\.02\]{opacity:.02}.opacity-\[0\.03\]{opacity:.03}.opacity-\[0\.04\]{opacity:.04}.opacity-\[0\.06\]{opacity:.06}.opacity-\[0\.12\]{opacity:.12}.opacity-\[0\.18\]{opacity:.18}.opacity-\[0\.45\]{opacity:.45}.opacity-\[0\.4\]{opacity:.4}.opacity-\[0\.88\]{opacity:.88}.mix-blend-multiply{mix-blend-mode:multiply}.mix-blend-color{mix-blend-mode:color}.\!shadow-none{--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.shadow{--tw-shadow: var(--shadow);--tw-shadow-colored: var(--shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_-12px_40px_-14px_rgba\(0\,0\,0\,0\.7\)\]{--tw-shadow: 0 -12px 40px -14px rgba(0,0,0,.7);--tw-shadow-colored: 0 -12px 40px -14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_-18px_70px_-32px_hsl\(var\(--primary\)\/\.95\)\]{--tw-shadow: 0 -18px 70px -32px hsl(var(--primary)/.95);--tw-shadow-colored: 0 -18px 70px -32px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_-1px_3px_rgba\(0\,0\,0\,0\.04\)\]{--tw-shadow: 0 -1px 3px rgba(0,0,0,.04);--tw-shadow-colored: 0 -1px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow: 0 -4px 20px rgba(0,0,0,.08);--tw-shadow-colored: 0 -4px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_2px_hsl\(var\(--primary\)\/\.12\)\]{--tw-shadow: 0 0 0 2px hsl(var(--primary)/.12);--tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_2px_rgba\(245\,158\,11\,\.12\)\,0_16px_40px_-28px_rgba\(245\,158\,11\,\.8\)\]{--tw-shadow: 0 0 0 2px rgba(245,158,11,.12),0 16px 40px -28px rgba(245,158,11,.8);--tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color), 0 16px 40px -28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_3px_hsl\(var\(--primary\)\/0\.18\)\]{--tw-shadow: 0 0 0 3px hsl(var(--primary)/.18);--tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_3px_rgba\(167\,139\,250\,\.25\)\,0_18px_55px_-20px_rgba\(139\,92\,246\,\.95\)\]{--tw-shadow: 0 0 0 3px rgba(167,139,250,.25),0 18px 55px -20px rgba(139,92,246,.95);--tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color), 0 18px 55px -20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_4px_hsl\(var\(--primary\)\/0\.14\)\]{--tw-shadow: 0 0 0 4px hsl(var(--primary)/.14);--tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_4px_hsl\(var\(--primary\)\/0\.18\)\]{--tw-shadow: 0 0 0 4px hsl(var(--primary)/.18);--tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_4px_rgba\(251\,191\,36\,0\.10\)\]{--tw-shadow: 0 0 0 4px rgba(251,191,36,.1);--tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_5px_\#0d0d18\]{--tw-shadow: 0 0 0 5px #0d0d18;--tw-shadow-colored: 0 0 0 5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_5px_\#fcfaff\]{--tw-shadow: 0 0 0 5px #fcfaff;--tw-shadow-colored: 0 0 0 5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_8px_hsl\(var\(--primary\)\/0\.04\)\,0_18px_48px_-20px_hsl\(var\(--primary\)\/0\.7\)\]{--tw-shadow: 0 0 0 8px hsl(var(--primary)/.04),0 18px 48px -20px hsl(var(--primary)/.7);--tw-shadow-colored: 0 0 0 8px var(--tw-shadow-color), 0 18px 48px -20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_10px_-2px_hsl\(var\(--primary\)\/0\.7\)\]{--tw-shadow: 0 0 10px -2px hsl(var(--primary)/.7);--tw-shadow-colored: 0 0 10px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_10px_1px_hsl\(var\(--primary\)\/0\.7\)\]{--tw-shadow: 0 0 10px 1px hsl(var(--primary)/.7);--tw-shadow-colored: 0 0 10px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_10px_hsl\(var\(--primary\)\)\]{--tw-shadow: 0 0 10px hsl(var(--primary));--tw-shadow-colored: 0 0 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_10px_hsl\(var\(--primary\)\/\.5\)\]{--tw-shadow: 0 0 10px hsl(var(--primary)/.5);--tw-shadow-colored: 0 0 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_10px_hsl\(var\(--primary\)\/0\.6\)\]{--tw-shadow: 0 0 10px hsl(var(--primary)/.6);--tw-shadow-colored: 0 0 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_10px_hsl\(var\(--success\)\/0\.45\)\]{--tw-shadow: 0 0 10px hsl(var(--success)/.45);--tw-shadow-colored: 0 0 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_12px_\#22d3ee\]{--tw-shadow: 0 0 12px #22d3ee;--tw-shadow-colored: 0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_12px_hsl\(var\(--primary\)\/0\.3\)\]{--tw-shadow: 0 0 12px hsl(var(--primary)/.3);--tw-shadow-colored: 0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_12px_hsl\(var\(--primary\)\/0\.4\)\]{--tw-shadow: 0 0 12px hsl(var(--primary)/.4);--tw-shadow-colored: 0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_12px_hsl\(var\(--primary\)\/0\.7\)\]{--tw-shadow: 0 0 12px hsl(var(--primary)/.7);--tw-shadow-colored: 0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_12px_rgba\(0\,176\,255\,0\.3\)\]{--tw-shadow: 0 0 12px rgba(0,176,255,.3);--tw-shadow-colored: 0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_14px_\#22d3ee\]{--tw-shadow: 0 0 14px #22d3ee;--tw-shadow-colored: 0 0 14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_14px_\#34d39966\]{--tw-shadow: 0 0 14px #34d39966;--tw-shadow-colored: 0 0 14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_14px_hsl\(var\(--primary\)\/\.25\)\]{--tw-shadow: 0 0 14px hsl(var(--primary)/.25);--tw-shadow-colored: 0 0 14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_14px_hsl\(var\(--primary\)\/0\.35\)\]{--tw-shadow: 0 0 14px hsl(var(--primary)/.35);--tw-shadow-colored: 0 0 14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_16px_-1px_hsl\(var\(--primary\)\/0\.9\)\]{--tw-shadow: 0 0 16px -1px hsl(var(--primary)/.9);--tw-shadow-colored: 0 0 16px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_16px_hsl\(var\(--primary\)\/\.45\)\]{--tw-shadow: 0 0 16px hsl(var(--primary)/.45);--tw-shadow-colored: 0 0 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_16px_hsl\(var\(--primary\)\/0\.35\)\]{--tw-shadow: 0 0 16px hsl(var(--primary)/.35);--tw-shadow-colored: 0 0 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_18px_\#22d3ee\]{--tw-shadow: 0 0 18px #22d3ee;--tw-shadow-colored: 0 0 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_18px_-4px_hsl\(var\(--primary\)\)\]{--tw-shadow: 0 0 18px -4px hsl(var(--primary));--tw-shadow-colored: 0 0 18px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_18px_-4px_hsl\(var\(--primary\)\/0\.5\)\]{--tw-shadow: 0 0 18px -4px hsl(var(--primary)/.5);--tw-shadow-colored: 0 0 18px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_18px_0_hsl\(var\(--primary\)\/0\.95\)\]{--tw-shadow: 0 0 18px 0 hsl(var(--primary)/.95);--tw-shadow-colored: 0 0 18px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_18px_hsl\(var\(--primary\)\/\.2\)\]{--tw-shadow: 0 0 18px hsl(var(--primary)/.2);--tw-shadow-colored: 0 0 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_18px_hsl\(var\(--primary\)\/\.25\)\]{--tw-shadow: 0 0 18px hsl(var(--primary)/.25);--tw-shadow-colored: 0 0 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_18px_hsl\(var\(--primary\)\/0\.12\)\]{--tw-shadow: 0 0 18px hsl(var(--primary)/.12);--tw-shadow-colored: 0 0 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_18px_hsl\(var\(--primary\)\/0\.35\)\]{--tw-shadow: 0 0 18px hsl(var(--primary)/.35);--tw-shadow-colored: 0 0 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_18px_hsl\(var\(--primary\)\/0\.7\)\]{--tw-shadow: 0 0 18px hsl(var(--primary)/.7);--tw-shadow-colored: 0 0 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_18px_hsl\(var\(--success\)\/0\.35\)\]{--tw-shadow: 0 0 18px hsl(var(--success)/.35);--tw-shadow-colored: 0 0 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_18px_rgba\(124\,58\,237\,0\.18\)\]{--tw-shadow: 0 0 18px rgba(124,58,237,.18);--tw-shadow-colored: 0 0 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_18px_rgba\(34\,211\,238\,\.3\)\]{--tw-shadow: 0 0 18px rgba(34,211,238,.3);--tw-shadow-colored: 0 0 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_20px_-2px_hsl\(var\(--primary\)\/0\.55\)\]{--tw-shadow: 0 0 20px -2px hsl(var(--primary)/.55);--tw-shadow-colored: 0 0 20px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_20px_-4px\]{--tw-shadow: 0 0 20px -4px;--tw-shadow-colored: 0 0 20px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_20px_-5px_hsl\(var\(--primary\)\/0\.6\)\]{--tw-shadow: 0 0 20px -5px hsl(var(--primary)/.6);--tw-shadow-colored: 0 0 20px -5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_20px_hsl\(var\(--primary\)\/0\.45\)\]{--tw-shadow: 0 0 20px hsl(var(--primary)/.45);--tw-shadow-colored: 0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_22px_hsl\(var\(--primary\)\/0\.45\)\]{--tw-shadow: 0 0 22px hsl(var(--primary)/.45);--tw-shadow-colored: 0 0 22px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_22px_hsl\(var\(--primary\)\/0\.55\)\]{--tw-shadow: 0 0 22px hsl(var(--primary)/.55);--tw-shadow-colored: 0 0 22px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_22px_hsl\(var\(--success\)\/0\.4\)\]{--tw-shadow: 0 0 22px hsl(var(--success)/.4);--tw-shadow-colored: 0 0 22px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_24px_-2px_hsl\(var\(--primary\)\/0\.6\)\]{--tw-shadow: 0 0 24px -2px hsl(var(--primary)/.6);--tw-shadow-colored: 0 0 24px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_24px_hsl\(var\(--primary\)\/\.18\)\]{--tw-shadow: 0 0 24px hsl(var(--primary)/.18);--tw-shadow-colored: 0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_24px_hsl\(var\(--primary\)\/0\.45\)\]{--tw-shadow: 0 0 24px hsl(var(--primary)/.45);--tw-shadow-colored: 0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_24px_hsl\(var\(--primary\)\/0\.5\)\]{--tw-shadow: 0 0 24px hsl(var(--primary)/.5);--tw-shadow-colored: 0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_24px_rgba\(124\,58\,237\,0\.55\)\]{--tw-shadow: 0 0 24px rgba(124,58,237,.55);--tw-shadow-colored: 0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_24px_rgba\(251\,191\,36\,\.34\)\]{--tw-shadow: 0 0 24px rgba(251,191,36,.34);--tw-shadow-colored: 0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_24px_rgba\(34\,211\,238\,\.32\)\]{--tw-shadow: 0 0 24px rgba(34,211,238,.32);--tw-shadow-colored: 0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_28px_-4px_hsl\(var\(--primary\)\/0\.6\)\]{--tw-shadow: 0 0 28px -4px hsl(var(--primary)/.6);--tw-shadow-colored: 0 0 28px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_28px_hsl\(var\(--primary\)\/0\.18\)\]{--tw-shadow: 0 0 28px hsl(var(--primary)/.18);--tw-shadow-colored: 0 0 28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_28px_hsl\(var\(--primary\)\/0\.25\)\]{--tw-shadow: 0 0 28px hsl(var(--primary)/.25);--tw-shadow-colored: 0 0 28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_28px_hsl\(var\(--success\)\/0\.4\)\]{--tw-shadow: 0 0 28px hsl(var(--success)/.4);--tw-shadow-colored: 0 0 28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_30px_-8px_hsl\(var\(--destructive\)\/0\.45\)\]{--tw-shadow: 0 0 30px -8px hsl(var(--destructive)/.45);--tw-shadow-colored: 0 0 30px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_30px_-8px_hsl\(var\(--primary\)\/0\.45\)\]{--tw-shadow: 0 0 30px -8px hsl(var(--primary)/.45);--tw-shadow-colored: 0 0 30px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_30px_hsl\(var\(--primary\)\/0\.5\)\]{--tw-shadow: 0 0 30px hsl(var(--primary)/.5);--tw-shadow-colored: 0 0 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_30px_rgba\(255\,184\,0\,0\.4\)\]{--tw-shadow: 0 0 30px rgba(255,184,0,.4);--tw-shadow-colored: 0 0 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_34px_-2px_hsl\(var\(--primary\)\/0\.65\)\]{--tw-shadow: 0 0 34px -2px hsl(var(--primary)/.65);--tw-shadow-colored: 0 0 34px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_34px_-4px_hsl\(var\(--primary\)\/0\.6\)\]{--tw-shadow: 0 0 34px -4px hsl(var(--primary)/.6);--tw-shadow-colored: 0 0 34px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_34px_-6px_hsl\(var\(--primary\)\/0\.5\)\]{--tw-shadow: 0 0 34px -6px hsl(var(--primary)/.5);--tw-shadow-colored: 0 0 34px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_34px_-6px_hsl\(var\(--success\)\/0\.5\)\]{--tw-shadow: 0 0 34px -6px hsl(var(--success)/.5);--tw-shadow-colored: 0 0 34px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_35px_hsl\(var\(--primary\)\/\.2\)\]{--tw-shadow: 0 0 35px hsl(var(--primary)/.2);--tw-shadow-colored: 0 0 35px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_35px_rgba\(124\,58\,237\,0\.22\)\]{--tw-shadow: 0 0 35px rgba(124,58,237,.22);--tw-shadow-colored: 0 0 35px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_36px_-2px_hsl\(var\(--primary\)\/0\.6\)\]{--tw-shadow: 0 0 36px -2px hsl(var(--primary)/.6);--tw-shadow-colored: 0 0 36px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_48px_-6px_hsl\(var\(--primary\)\/0\.6\)\]{--tw-shadow: 0 0 48px -6px hsl(var(--primary)/.6);--tw-shadow-colored: 0 0 48px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_50px_hsl\(var\(--primary\)\/0\.28\)\]{--tw-shadow: 0 0 50px hsl(var(--primary)/.28);--tw-shadow-colored: 0 0 50px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_60px_hsl\(var\(--primary\)\/\.2\)\,inset_0_0_60px_hsl\(var\(--primary\)\/\.12\)\]{--tw-shadow: 0 0 60px hsl(var(--primary)/.2),inset 0 0 60px hsl(var(--primary)/.12);--tw-shadow-colored: 0 0 60px var(--tw-shadow-color), inset 0 0 60px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_60px_rgba\(255\,184\,0\,0\.6\)\,0_0_100px_rgba\(255\,184\,0\,0\.3\)\]{--tw-shadow: 0 0 60px rgba(255,184,0,.6),0 0 100px rgba(255,184,0,.3);--tw-shadow-colored: 0 0 60px var(--tw-shadow-color), 0 0 100px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_6px_rgba\(1\,183\,255\,0\.6\)\]{--tw-shadow: 0 0 6px rgba(1,183,255,.6);--tw-shadow-colored: 0 0 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_6px_rgba\(251\,191\,36\,0\.4\)\]{--tw-shadow: 0 0 6px rgba(251,191,36,.4);--tw-shadow-colored: 0 0 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_8px_1px_rgba\(255\,255\,255\,0\.7\)\]{--tw-shadow: 0 0 8px 1px rgba(255,255,255,.7);--tw-shadow-colored: 0 0 8px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_8px_1px_rgba\(255\,255\,255\,0\.75\)\]{--tw-shadow: 0 0 8px 1px rgba(255,255,255,.75);--tw-shadow-colored: 0 0 8px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_8px_hsl\(var\(--destructive\)\/0\.5\)\]{--tw-shadow: 0 0 8px hsl(var(--destructive)/.5);--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_8px_hsl\(var\(--primary\)\)\]{--tw-shadow: 0 0 8px hsl(var(--primary));--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_8px_hsl\(var\(--primary\)\/\.28\)\]{--tw-shadow: 0 0 8px hsl(var(--primary)/.28);--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_8px_hsl\(var\(--primary\)\/0\.15\)\]{--tw-shadow: 0 0 8px hsl(var(--primary)/.15);--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_8px_hsl\(var\(--primary\)\/0\.45\)\]{--tw-shadow: 0 0 8px hsl(var(--primary)/.45);--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_8px_hsl\(var\(--primary\)\/0\.62\)\]{--tw-shadow: 0 0 8px hsl(var(--primary)/.62);--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_8px_rgba\(1\,183\,255\,0\.6\)\]{--tw-shadow: 0 0 8px rgba(1,183,255,.6);--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_8px_rgba\(30\,130\,240\,0\.2\)\]{--tw-shadow: 0 0 8px rgba(30,130,240,.2);--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_8px_rgba\(52\,211\,153\,0\.5\)\]{--tw-shadow: 0 0 8px rgba(52,211,153,.5);--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_0_hsl\(245_42\%_6\%\)\,0_16px_20px_rgba\(2\,3\,14\,0\.4\)\]{--tw-shadow: 0 10px 0 hsl(245 42% 6%),0 16px 20px rgba(2,3,14,.4);--tw-shadow-colored: 0 10px 0 var(--tw-shadow-color), 0 16px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_0_rgba\(2\,3\,14\,0\.28\)\,0_16px_22px_rgba\(2\,3\,14\,0\.3\)\]{--tw-shadow: 0 10px 0 rgba(2,3,14,.28),0 16px 22px rgba(2,3,14,.3);--tw-shadow-colored: 0 10px 0 var(--tw-shadow-color), 0 16px 22px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_24px_-12px_hsl\(var\(--primary\)\/0\.75\)\]{--tw-shadow: 0 10px 24px -12px hsl(var(--primary)/.75);--tw-shadow-colored: 0 10px 24px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_26px_-8px_hsl\(var\(--primary\)\/0\.55\)\]{--tw-shadow: 0 10px 26px -8px hsl(var(--primary)/.55);--tw-shadow-colored: 0 10px 26px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_28px_-12px_hsl\(var\(--primary\)\/0\.8\)\]{--tw-shadow: 0 10px 28px -12px hsl(var(--primary)/.8);--tw-shadow-colored: 0 10px 28px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_28px_hsl\(var\(--primary\)\/0\.35\)\]{--tw-shadow: 0 10px 28px hsl(var(--primary)/.35);--tw-shadow-colored: 0 10px 28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_30px_-10px_hsl\(var\(--primary\)\/0\.6\)\]{--tw-shadow: 0 10px 30px -10px hsl(var(--primary)/.6);--tw-shadow-colored: 0 10px 30px -10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_30px_-12px_hsl\(var\(--primary\)\/0\.65\)\]{--tw-shadow: 0 10px 30px -12px hsl(var(--primary)/.65);--tw-shadow-colored: 0 10px 30px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_30px_-22px_rgba\(80\,40\,160\,0\.35\)\]{--tw-shadow: 0 10px 30px -22px rgba(80,40,160,.35);--tw-shadow-colored: 0 10px 30px -22px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_30px_-8px_rgba\(131\,91\,239\,0\.8\)\]{--tw-shadow: 0 10px 30px -8px rgba(131,91,239,.8);--tw-shadow-colored: 0 10px 30px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_30px_hsl\(var\(--primary\)\/0\.12\)\]{--tw-shadow: 0 10px 30px hsl(var(--primary)/.12);--tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_30px_hsl\(var\(--primary\)\/0\.24\)\]{--tw-shadow: 0 10px 30px hsl(var(--primary)/.24);--tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_30px_hsl\(var\(--primary\)\/0\.35\)\]{--tw-shadow: 0 10px 30px hsl(var(--primary)/.35);--tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_32px_hsl\(var\(--primary\)\/0\.22\)\]{--tw-shadow: 0 10px 32px hsl(var(--primary)/.22);--tw-shadow-colored: 0 10px 32px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_12px_0_rgba\(2\,3\,14\,0\.3\)\]{--tw-shadow: 0 12px 0 rgba(2,3,14,.3);--tw-shadow-colored: 0 12px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_12px_0_rgba\(2\,3\,14\,0\.32\)\]{--tw-shadow: 0 12px 0 rgba(2,3,14,.32);--tw-shadow-colored: 0 12px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_12px_26px_-10px_hsl\(var\(--primary\)\/0\.65\)\]{--tw-shadow: 0 12px 26px -10px hsl(var(--primary)/.65);--tw-shadow-colored: 0 12px 26px -10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_12px_28px_-18px_hsl\(var\(--primary\)\/0\.5\)\]{--tw-shadow: 0 12px 28px -18px hsl(var(--primary)/.5);--tw-shadow-colored: 0 12px 28px -18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_12px_30px_-10px_hsl\(var\(--primary\)\)\]{--tw-shadow: 0 12px 30px -10px hsl(var(--primary));--tw-shadow-colored: 0 12px 30px -10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_12px_30px_-8px_hsl\(var\(--primary\)\/0\.5\)\]{--tw-shadow: 0 12px 30px -8px hsl(var(--primary)/.5);--tw-shadow-colored: 0 12px 30px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_12px_30px_-8px_hsl\(var\(--primary\)\/0\.6\)\]{--tw-shadow: 0 12px 30px -8px hsl(var(--primary)/.6);--tw-shadow-colored: 0 12px 30px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_12px_30px_rgba\(80\,40\,160\,0\.14\)\]{--tw-shadow: 0 12px 30px rgba(80,40,160,.14);--tw-shadow-colored: 0 12px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_12px_34px_rgba\(15\,23\,42\,0\.08\)\]{--tw-shadow: 0 12px 34px rgba(15,23,42,.08);--tw-shadow-colored: 0 12px 34px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_12px_35px_-18px_hsl\(var\(--primary\)\/0\.8\)\]{--tw-shadow: 0 12px 35px -18px hsl(var(--primary)/.8);--tw-shadow-colored: 0 12px 35px -18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_12px_35px_hsl\(var\(--primary\)\/\.28\)\,inset_0_1px_rgba\(255\,255\,255\,\.24\)\]{--tw-shadow: 0 12px 35px hsl(var(--primary)/.28),inset 0 1px rgba(255,255,255,.24);--tw-shadow-colored: 0 12px 35px var(--tw-shadow-color), inset 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_12px_36px_rgba\(15\,23\,42\,0\.045\)\]{--tw-shadow: 0 12px 36px rgba(15,23,42,.045);--tw-shadow-colored: 0 12px 36px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_12px_38px_rgba\(111\,45\,255\,0\.45\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.28\)\]{--tw-shadow: 0 12px 38px rgba(111,45,255,.45),inset 0 1px 0 rgba(255,255,255,.28);--tw-shadow-colored: 0 12px 38px var(--tw-shadow-color), inset 0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_12px_44px_hsl\(var\(--primary\)\/0\.4\)\]{--tw-shadow: 0 12px 44px hsl(var(--primary)/.4);--tw-shadow-colored: 0 12px 44px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_14px_32px_-10px_hsl\(var\(--primary\)\)\]{--tw-shadow: 0 14px 32px -10px hsl(var(--primary));--tw-shadow-colored: 0 14px 32px -10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_14px_34px_-20px_rgba\(0\,0\,0\,0\.7\)\]{--tw-shadow: 0 14px 34px -20px rgba(0,0,0,.7);--tw-shadow-colored: 0 14px 34px -20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_14px_34px_hsl\(var\(--background\)\/0\.22\)\]{--tw-shadow: 0 14px 34px hsl(var(--background)/.22);--tw-shadow-colored: 0 14px 34px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_14px_40px_-26px_rgba\(80\,40\,160\,0\.5\)\]{--tw-shadow: 0 14px 40px -26px rgba(80,40,160,.5);--tw-shadow-colored: 0 14px 40px -26px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_16px_34px_-12px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow: 0 16px 34px -12px rgba(0,0,0,.5);--tw-shadow-colored: 0 16px 34px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_16px_36px_-28px_hsl\(var\(--foreground\)\/0\.45\)\]{--tw-shadow: 0 16px 36px -28px hsl(var(--foreground)/.45);--tw-shadow-colored: 0 16px 36px -28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_16px_38px_-14px_hsl\(var\(--primary\)\/0\.75\)\]{--tw-shadow: 0 16px 38px -14px hsl(var(--primary)/.75);--tw-shadow-colored: 0 16px 38px -14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_16px_38px_rgba\(16\,8\,45\,0\.16\)\]{--tw-shadow: 0 16px 38px rgba(16,8,45,.16);--tw-shadow-colored: 0 16px 38px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_16px_40px_hsl\(var\(--foreground\)\/0\.06\)\]{--tw-shadow: 0 16px 40px hsl(var(--foreground)/.06);--tw-shadow-colored: 0 16px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_16px_42px_-12px_hsl\(var\(--primary\)\/0\.8\)\]{--tw-shadow: 0 16px 42px -12px hsl(var(--primary)/.8);--tw-shadow-colored: 0 16px 42px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_16px_42px_rgba\(15\,23\,42\,0\.16\)\]{--tw-shadow: 0 16px 42px rgba(15,23,42,.16);--tw-shadow-colored: 0 16px 42px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_16px_50px_hsl\(var\(--primary\)\/0\.10\)\]{--tw-shadow: 0 16px 50px hsl(var(--primary)/.1);--tw-shadow-colored: 0 16px 50px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_18px_40px_-16px_rgba\(80\,40\,160\,0\.35\)\]{--tw-shadow: 0 18px 40px -16px rgba(80,40,160,.35);--tw-shadow-colored: 0 18px 40px -16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_18px_44px_-30px_rgba\(80\,40\,160\,0\.3\)\]{--tw-shadow: 0 18px 44px -30px rgba(80,40,160,.3);--tw-shadow-colored: 0 18px 44px -30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_18px_45px_rgba\(15\,23\,42\,0\.035\)\]{--tw-shadow: 0 18px 45px rgba(15,23,42,.035);--tw-shadow-colored: 0 18px 45px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_18px_46px_-28px_rgba\(0\,0\,0\,0\.8\)\]{--tw-shadow: 0 18px 46px -28px rgba(0,0,0,.8);--tw-shadow-colored: 0 18px 46px -28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_18px_50px_-14px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow: 0 18px 50px -14px rgba(0,0,0,.5);--tw-shadow-colored: 0 18px 50px -14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_18px_50px_-18px_rgba\(0\,0\,0\,0\.6\)\]{--tw-shadow: 0 18px 50px -18px rgba(0,0,0,.6);--tw-shadow-colored: 0 18px 50px -18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_18px_50px_-35px_hsl\(var\(--primary\)\)\]{--tw-shadow: 0 18px 50px -35px hsl(var(--primary));--tw-shadow-colored: 0 18px 50px -35px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_18px_50px_-38px_rgba\(30\,24\,55\,0\.45\)\]{--tw-shadow: 0 18px 50px -38px rgba(30,24,55,.45);--tw-shadow-colored: 0 18px 50px -38px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_18px_50px_rgba\(0\,0\,0\,\.22\)\]{--tw-shadow: 0 18px 50px rgba(0,0,0,.22);--tw-shadow-colored: 0 18px 50px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_1px_0_0_rgba\(255\,255\,255\,0\.5\)_inset\,0_-1px_0_0_rgba\(0\,0\,0\,0\.03\)_inset\,0_2px_14px_rgba\(255\,255\,255\,0\.08\)\]{--tw-shadow: 0 1px 0 0 rgba(255,255,255,.5) inset,0 -1px 0 0 rgba(0,0,0,.03) inset,0 2px 14px rgba(255,255,255,.08);--tw-shadow-colored: inset 0 1px 0 0 var(--tw-shadow-color), inset 0 -1px 0 0 var(--tw-shadow-color), 0 2px 14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.04\)\,0_10px_22px_-16px_rgba\(0\,0\,0\,0\.18\)\]{--tw-shadow: 0 1px 2px rgba(0,0,0,.04),0 10px 22px -16px rgba(0,0,0,.18);--tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), 0 10px 22px -16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.04\)\,0_12px_26px_-18px_rgba\(0\,0\,0\,0\.22\)\]{--tw-shadow: 0 1px 2px rgba(0,0,0,.04),0 12px 26px -18px rgba(0,0,0,.22);--tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), 0 12px 26px -18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.04\)\,0_14px_30px_-20px_rgba\(0\,0\,0\,0\.25\)\]{--tw-shadow: 0 1px 2px rgba(0,0,0,.04),0 14px 30px -20px rgba(0,0,0,.25);--tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), 0 14px 30px -20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.04\)\]{--tw-shadow: 0 1px 2px rgba(0,0,0,.04);--tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow: 0 1px 2px rgba(0,0,0,.05);--tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.04\)\]{--tw-shadow: 0 1px 3px rgba(0,0,0,.04);--tw-shadow-colored: 0 1px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow: 0 1px 3px rgba(0,0,0,.05);--tw-shadow-colored: 0 1px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_20px_58px_-38px_rgba\(76\,29\,149\,0\.28\)\]{--tw-shadow: 0 20px 58px -38px rgba(76,29,149,.28);--tw-shadow-colored: 0 20px 58px -38px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_20px_60px_hsl\(var\(--foreground\)\/0\.06\)\]{--tw-shadow: 0 20px 60px hsl(var(--foreground)/.06);--tw-shadow-colored: 0 20px 60px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_22px_50px_-32px_rgba\(80\,40\,160\,0\.35\)\]{--tw-shadow: 0 22px 50px -32px rgba(80,40,160,.35);--tw-shadow-colored: 0 22px 50px -32px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_22px_50px_-32px_rgba\(80\,40\,160\,0\.45\)\]{--tw-shadow: 0 22px 50px -32px rgba(80,40,160,.45);--tw-shadow-colored: 0 22px 50px -32px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_22px_60px_-34px_rgba\(0\,0\,0\,0\.95\)\]{--tw-shadow: 0 22px 60px -34px rgba(0,0,0,.95);--tw-shadow-colored: 0 22px 60px -34px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_22px_60px_-38px_hsl\(var\(--primary\)\/0\.5\)\]{--tw-shadow: 0 22px 60px -38px hsl(var(--primary)/.5);--tw-shadow-colored: 0 22px 60px -38px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_22px_70px_rgba\(0\,0\,0\,0\.18\)\]{--tw-shadow: 0 22px 70px rgba(0,0,0,.18);--tw-shadow-colored: 0 22px 70px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_24px_60px_-20px_rgba\(80\,40\,160\,0\.25\)\]{--tw-shadow: 0 24px 60px -20px rgba(80,40,160,.25);--tw-shadow-colored: 0 24px 60px -20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_24px_60px_-30px_rgba\(80\,40\,160\,0\.3\)\]{--tw-shadow: 0 24px 60px -30px rgba(80,40,160,.3);--tw-shadow-colored: 0 24px 60px -30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_24px_64px_-38px_rgba\(0\,0\,0\,0\.98\)\]{--tw-shadow: 0 24px 64px -38px rgba(0,0,0,.98);--tw-shadow-colored: 0 24px 64px -38px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_24px_65px_-35px_rgba\(148\,70\,255\,\.9\)\]{--tw-shadow: 0 24px 65px -35px rgba(148,70,255,.9);--tw-shadow-colored: 0 24px 65px -35px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_24px_80px_hsl\(var\(--background\)\/0\.4\)\]{--tw-shadow: 0 24px 80px hsl(var(--background)/.4);--tw-shadow-colored: 0 24px 80px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_28px_50px_-24px_rgba\(40\,20\,90\,0\.6\)\]{--tw-shadow: 0 28px 50px -24px rgba(40,20,90,.6);--tw-shadow-colored: 0 28px 50px -24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_28px_80px_-42px_rgba\(126\,34\,206\,\.85\)\]{--tw-shadow: 0 28px 80px -42px rgba(126,34,206,.85);--tw-shadow-colored: 0 28px 80px -42px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_10px_-4px_rgba\(0\,0\,0\,0\.18\)\]{--tw-shadow: 0 2px 10px -4px rgba(0,0,0,.18);--tw-shadow-colored: 0 2px 10px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_10px_hsl\(var\(--foreground\)\/0\.10\)\]{--tw-shadow: 0 2px 10px hsl(var(--foreground)/.1);--tw-shadow-colored: 0 2px 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_4px_rgba\(0\,0\,0\,0\.08\)\,inset_0_-2px_0_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow: 0 2px 4px rgba(0,0,0,.08),inset 0 -2px 0 rgba(0,0,0,.06);--tw-shadow-colored: 0 2px 4px var(--tw-shadow-color), inset 0 -2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_4px_rgba\(0\,0\,0\,0\.25\)\,inset_0_-2px_0_rgba\(0\,0\,0\,0\.25\)\]{--tw-shadow: 0 2px 4px rgba(0,0,0,.25),inset 0 -2px 0 rgba(0,0,0,.25);--tw-shadow-colored: 0 2px 4px var(--tw-shadow-color), inset 0 -2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_8px_-2px_hsl\(var\(--primary\)\/0\.5\)\]{--tw-shadow: 0 2px 8px -2px hsl(var(--primary)/.5);--tw-shadow-colored: 0 2px 8px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow: 0 2px 8px rgba(0,0,0,.3);--tw-shadow-colored: 0 2px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_30px_60px_-30px_rgba\(70\,40\,140\,0\.4\)\]{--tw-shadow: 0 30px 60px -30px rgba(70,40,140,.4);--tw-shadow-colored: 0 30px 60px -30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_30px_70px_-30px_rgba\(70\,40\,140\,0\.45\)\]{--tw-shadow: 0 30px 70px -30px rgba(70,40,140,.45);--tw-shadow-colored: 0 30px 70px -30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_32px_100px_rgba\(0\,0\,0\,0\.75\)\]{--tw-shadow: 0 32px 100px rgba(0,0,0,.75);--tw-shadow-colored: 0 32px 100px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_34px_70px_-28px_rgba\(70\,40\,140\,0\.32\)\]{--tw-shadow: 0 34px 70px -28px rgba(70,40,140,.32);--tw-shadow-colored: 0 34px 70px -28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_35px_90px_rgba\(20\,5\,58\,\.85\)\]{--tw-shadow: 0 35px 90px rgba(20,5,58,.85);--tw-shadow-colored: 0 35px 90px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_36px_80px_-34px_rgba\(80\,40\,160\,0\.55\)\]{--tw-shadow: 0 36px 80px -34px rgba(80,40,160,.55);--tw-shadow-colored: 0 36px 80px -34px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_40px_80px_-20px_rgba\(70\,40\,140\,0\.35\)\]{--tw-shadow: 0 40px 80px -20px rgba(70,40,140,.35);--tw-shadow-colored: 0 40px 80px -20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_44px_90px_-24px_rgba\(70\,40\,140\,0\.5\)\]{--tw-shadow: 0 44px 90px -24px rgba(70,40,140,.5);--tw-shadow-colored: 0 44px 90px -24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_12px_rgba\(16\,24\,40\,0\.06\)\]{--tw-shadow: 0 4px 12px rgba(16,24,40,.06);--tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_14px_-2px_hsl\(var\(--primary\)\/0\.5\)\]{--tw-shadow: 0 4px 14px -2px hsl(var(--primary)/.5);--tw-shadow-colored: 0 4px 14px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_14px_-4px_hsl\(var\(--primary\)\/0\.5\)\]{--tw-shadow: 0 4px 14px -4px hsl(var(--primary)/.5);--tw-shadow-colored: 0 4px 14px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_14px_-4px_rgba\(0\,0\,0\,0\.22\)\]{--tw-shadow: 0 4px 14px -4px rgba(0,0,0,.22);--tw-shadow-colored: 0 4px 14px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_14px_hsl\(var\(--mood-major\)\/0\.45\)\,inset_0_-2px_0_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow: 0 4px 14px hsl(var(--mood-major)/.45),inset 0 -2px 0 rgba(0,0,0,.15);--tw-shadow-colored: 0 4px 14px var(--tw-shadow-color), inset 0 -2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_14px_hsl\(var\(--mood-minor\)\/0\.45\)\,inset_0_-2px_0_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow: 0 4px 14px hsl(var(--mood-minor)/.45),inset 0 -2px 0 rgba(0,0,0,.15);--tw-shadow-colored: 0 4px 14px var(--tw-shadow-color), inset 0 -2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_14px_hsl\(var\(--primary\)\/0\.25\)\]{--tw-shadow: 0 4px 14px hsl(var(--primary)/.25);--tw-shadow-colored: 0 4px 14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_14px_hsl\(var\(--primary\)\/0\.45\)\,inset_0_-2px_0_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow: 0 4px 14px hsl(var(--primary)/.45),inset 0 -2px 0 rgba(0,0,0,.15);--tw-shadow-colored: 0 4px 14px var(--tw-shadow-color), inset 0 -2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_16px_-4px_hsl\(var\(--primary\)\/0\.6\)\]{--tw-shadow: 0 4px 16px -4px hsl(var(--primary)/.6);--tw-shadow-colored: 0 4px 16px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_18px_-6px_rgba\(109\,79\,246\,0\.22\)\]{--tw-shadow: 0 4px 18px -6px rgba(109,79,246,.22);--tw-shadow-colored: 0 4px 18px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_18px_-6px_rgba\(109\,79\,246\,0\.30\)\]{--tw-shadow: 0 4px 18px -6px rgba(109,79,246,.3);--tw-shadow-colored: 0 4px 18px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow: 0 4px 20px rgba(0,0,0,.3);--tw-shadow-colored: 0 4px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_50px_100px_-30px_rgba\(70\,40\,140\,0\.5\)\]{--tw-shadow: 0 50px 100px -30px rgba(70,40,140,.5);--tw-shadow-colored: 0 50px 100px -30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_50px_110px_-34px_rgba\(0\,0\,0\,0\.7\)\]{--tw-shadow: 0 50px 110px -34px rgba(0,0,0,.7);--tw-shadow-colored: 0 50px 110px -34px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_16px_-4px_hsl\(var\(--primary\)\/0\.4\)\]{--tw-shadow: 0 6px 16px -4px hsl(var(--primary)/.4);--tw-shadow-colored: 0 6px 16px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_18px_-6px_hsl\(var\(--primary\)\/0\.6\)\]{--tw-shadow: 0 6px 18px -6px hsl(var(--primary)/.6);--tw-shadow-colored: 0 6px 18px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_18px_-8px_hsl\(var\(--primary\)\/0\.7\)\]{--tw-shadow: 0 6px 18px -8px hsl(var(--primary)/.7);--tw-shadow-colored: 0 6px 18px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_18px_hsl\(var\(--primary\)\/0\.35\)\]{--tw-shadow: 0 6px 18px hsl(var(--primary)/.35);--tw-shadow-colored: 0 6px 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_18px_hsl\(var\(--primary\)\/0\.4\)\]{--tw-shadow: 0 6px 18px hsl(var(--primary)/.4);--tw-shadow-colored: 0 6px 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_18px_rgba\(124\,58\,237\,\.32\)\]{--tw-shadow: 0 6px 18px rgba(124,58,237,.32);--tw-shadow-colored: 0 6px 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_20px_-10px_rgba\(0\,0\,0\,0\.25\)\]{--tw-shadow: 0 6px 20px -10px rgba(0,0,0,.25);--tw-shadow-colored: 0 6px 20px -10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_20px_rgba\(16\,24\,40\,0\.06\)\]{--tw-shadow: 0 6px 20px rgba(16,24,40,.06);--tw-shadow-colored: 0 6px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_7px_0_hsl\(245_42\%_7\%\)\]{--tw-shadow: 0 7px 0 hsl(245 42% 7%);--tw-shadow-colored: 0 7px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_7px_22px_hsl\(var\(--primary\)\/0\.28\)\]{--tw-shadow: 0 7px 22px hsl(var(--primary)/.28);--tw-shadow-colored: 0 7px 22px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_0_hsl\(245_42\%_7\%\)\,0_12px_16px_rgba\(2\,3\,14\,0\.34\)\]{--tw-shadow: 0 8px 0 hsl(245 42% 7%),0 12px 16px rgba(2,3,14,.34);--tw-shadow-colored: 0 8px 0 var(--tw-shadow-color), 0 12px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_0_hsl\(245_42\%_7\%\)\,0_13px_18px_rgba\(2\,3\,14\,0\.36\)\]{--tw-shadow: 0 8px 0 hsl(245 42% 7%),0 13px 18px rgba(2,3,14,.36);--tw-shadow-colored: 0 8px 0 var(--tw-shadow-color), 0 13px 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_0_hsl\(245_42\%_7\%\)\,0_13px_18px_rgba\(2\,3\,14\,0\.38\)\]{--tw-shadow: 0 8px 0 hsl(245 42% 7%),0 13px 18px rgba(2,3,14,.38);--tw-shadow-colored: 0 8px 0 var(--tw-shadow-color), 0 13px 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_18px_-6px_hsl\(var\(--primary\)\/0\.5\)\]{--tw-shadow: 0 8px 18px -6px hsl(var(--primary)/.5);--tw-shadow-colored: 0 8px 18px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_20px_-14px_rgba\(245\,158\,11\,0\.7\)\]{--tw-shadow: 0 8px 20px -14px rgba(245,158,11,.7);--tw-shadow-colored: 0 8px 20px -14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_20px_-4px_hsl\(var\(--primary\)\/0\.4\)\]{--tw-shadow: 0 8px 20px -4px hsl(var(--primary)/.4);--tw-shadow-colored: 0 8px 20px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_20px_-4px_hsl\(var\(--primary\)\/0\.45\)\]{--tw-shadow: 0 8px 20px -4px hsl(var(--primary)/.45);--tw-shadow-colored: 0 8px 20px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_20px_-6px_hsl\(var\(--primary\)\/0\.45\)\]{--tw-shadow: 0 8px 20px -6px hsl(var(--primary)/.45);--tw-shadow-colored: 0 8px 20px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_20px_-8px_hsl\(var\(--primary\)\/0\.6\)\]{--tw-shadow: 0 8px 20px -8px hsl(var(--primary)/.6);--tw-shadow-colored: 0 8px 20px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_20px_rgba\(91\,55\,190\,0\.18\)\]{--tw-shadow: 0 8px 20px rgba(91,55,190,.18);--tw-shadow-colored: 0 8px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_22px_-6px_hsl\(var\(--primary\)\/0\.55\)\]{--tw-shadow: 0 8px 22px -6px hsl(var(--primary)/.55);--tw-shadow-colored: 0 8px 22px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_22px_hsl\(var\(--primary\)\/0\.45\)\]{--tw-shadow: 0 8px 22px hsl(var(--primary)/.45);--tw-shadow-colored: 0 8px 22px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_24px_-8px_hsl\(var\(--primary\)\/0\.6\)\]{--tw-shadow: 0 8px 24px -8px hsl(var(--primary)/.6);--tw-shadow-colored: 0 8px 24px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_24px_hsl\(var\(--primary\)\/0\.32\)\]{--tw-shadow: 0 8px 24px hsl(var(--primary)/.32);--tw-shadow-colored: 0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_24px_rgba\(15\,23\,42\,0\.05\)\]{--tw-shadow: 0 8px 24px rgba(15,23,42,.05);--tw-shadow-colored: 0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_24px_rgba\(15\,23\,42\,0\.07\)\]{--tw-shadow: 0 8px 24px rgba(15,23,42,.07);--tw-shadow-colored: 0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_26px_hsl\(var\(--primary\)\/0\.42\)\]{--tw-shadow: 0 8px 26px hsl(var(--primary)/.42);--tw-shadow-colored: 0 8px 26px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_26px_rgba\(15\,23\,42\,0\.07\)\]{--tw-shadow: 0 8px 26px rgba(15,23,42,.07);--tw-shadow-colored: 0 8px 26px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_28px_hsl\(var\(--primary\)\/0\.4\)\]{--tw-shadow: 0 8px 28px hsl(var(--primary)/.4);--tw-shadow-colored: 0 8px 28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_28px_rgba\(113\,49\,255\,0\.45\)\]{--tw-shadow: 0 8px 28px rgba(113,49,255,.45);--tw-shadow-colored: 0 8px 28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_28px_rgba\(15\,23\,42\,0\.055\)\]{--tw-shadow: 0 8px 28px rgba(15,23,42,.055);--tw-shadow-colored: 0 8px 28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_40px_-12px_hsl\(var\(--primary\)\/0\.35\)\]{--tw-shadow: 0 8px 40px -12px hsl(var(--primary)/.35);--tw-shadow-colored: 0 8px 40px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_9px_0_hsl\(245_42\%_7\%\)\,0_14px_17px_rgba\(2\,3\,14\,0\.34\)\]{--tw-shadow: 0 9px 0 hsl(245 42% 7%),0 14px 17px rgba(2,3,14,.34);--tw-shadow-colored: 0 9px 0 var(--tw-shadow-color), 0 14px 17px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_9px_0_hsl\(245_42\%_7\%\)\,0_15px_20px_rgba\(2\,3\,14\,0\.4\)\]{--tw-shadow: 0 9px 0 hsl(245 42% 7%),0 15px 20px rgba(2,3,14,.4);--tw-shadow-colored: 0 9px 0 var(--tw-shadow-color), 0 15px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_9px_28px_hsl\(var\(--primary\)\/0\.28\)\]{--tw-shadow: 0 9px 28px hsl(var(--primary)/.28);--tw-shadow-colored: 0 9px 28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_0_0_1px_rgba\(16\,185\,129\,0\.08\)\]{--tw-shadow: inset 0 0 0 1px rgba(16,185,129,.08);--tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_0_35px_hsl\(var\(--primary\)\/\.12\)\]{--tw-shadow: inset 0 0 35px hsl(var(--primary)/.12);--tw-shadow-colored: inset 0 0 35px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_0_55px_rgba\(94\,49\,180\,\.18\)\]{--tw-shadow: inset 0 0 55px rgba(94,49,180,.18);--tw-shadow-colored: inset 0 0 55px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_1px_0_0_rgba\(255\,255\,255\,0\.18\)\]{--tw-shadow: inset 0 1px 0 0 rgba(255,255,255,.18);--tw-shadow-colored: inset 0 1px 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_1px_0_hsl\(var\(--foreground\)\/0\.04\)\]{--tw-shadow: inset 0 1px 0 hsl(var(--foreground)/.04);--tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.04\)\]{--tw-shadow: inset 0 1px 0 rgba(255,255,255,.04);--tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.06\)\]{--tw-shadow: inset 0 1px 0 rgba(255,255,255,.06);--tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.08\)\,0_18px_38px_rgba\(2\,3\,14\,0\.34\)\]{--tw-shadow: inset 0 1px 0 rgba(255,255,255,.08),0 18px 38px rgba(2,3,14,.34);--tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), 0 18px 38px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.12\)\]{--tw-shadow: inset 0 1px 0 rgba(255,255,255,.12);--tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.28\)\,0_2px_5px_rgba\(0\,0\,0\,0\.25\)\]{--tw-shadow: inset 0 1px 0 rgba(255,255,255,.28),0 2px 5px rgba(0,0,0,.25);--tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), 0 2px 5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.28\)\,0_5px_14px_-6px_hsl\(var\(--primary\)\/0\.6\)\]{--tw-shadow: inset 0 1px 0 rgba(255,255,255,.28),0 5px 14px -6px hsl(var(--primary)/.6);--tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), 0 5px 14px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.28\)\,0_5px_14px_-6px_rgba\(245\,158\,11\,0\.6\)\]{--tw-shadow: inset 0 1px 0 rgba(255,255,255,.28),0 5px 14px -6px rgba(245,158,11,.6);--tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), 0 5px 14px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.32\)\]{--tw-shadow: inset 0 1px 0 rgba(255,255,255,.32);--tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.5\)\,0_1px_2px_rgba\(0\,0\,0\,0\.04\)\,0_8px_22px_-14px_rgba\(2\,132\,199\,0\.25\)\]{--tw-shadow: inset 0 1px 0 rgba(255,255,255,.5),0 1px 2px rgba(0,0,0,.04),0 8px 22px -14px rgba(2,132,199,.25);--tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color), 0 8px 22px -14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.7\)\,0_10px_30px_-20px_rgba\(0\,0\,0\,0\.16\)\]{--tw-shadow: inset 0 1px 0 rgba(255,255,255,.7),0 10px 30px -20px rgba(0,0,0,.16);--tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), 0 10px 30px -20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_9px_14px_-12px_rgba\(0\,0\,0\,0\.7\)\]{--tw-shadow: inset 0 9px 14px -12px rgba(0,0,0,.7);--tw-shadow-colored: inset 0 9px 14px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: var(--shadow-lg);--tw-shadow-colored: var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: var(--shadow-md);--tw-shadow-colored: var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-primary-glow{--tw-shadow: var(--shadow-primary-glow);--tw-shadow-colored: var(--shadow-primary-glow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: var(--shadow-sm);--tw-shadow-colored: var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: var(--shadow-xl);--tw-shadow-colored: var(--shadow-xl);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xs{--tw-shadow: var(--shadow-xs);--tw-shadow-colored: var(--shadow-xs);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[\#ff6b35\]\/20{--tw-shadow-color: rgb(255 107 53 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-\[hsl\(var\(--primary\)\)\]\/20{--tw-shadow-color: hsl(var(--primary) / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-amber-500\/20{--tw-shadow-color: rgb(245 158 11 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-amber-500\/30{--tw-shadow-color: rgb(245 158 11 / .3);--tw-shadow: var(--tw-shadow-colored)}.shadow-amber-500\/40{--tw-shadow-color: rgb(245 158 11 / .4);--tw-shadow: var(--tw-shadow-colored)}.shadow-black\/30{--tw-shadow-color: rgb(0 0 0 / .3);--tw-shadow: var(--tw-shadow-colored)}.shadow-black\/5{--tw-shadow-color: rgb(0 0 0 / .05);--tw-shadow: var(--tw-shadow-colored)}.shadow-cyan-500\/20{--tw-shadow-color: rgb(6 182 212 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-destructive\/10{--tw-shadow-color: hsl(var(--destructive) / .1);--tw-shadow: var(--tw-shadow-colored)}.shadow-destructive\/20{--tw-shadow-color: hsl(var(--destructive) / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-emerald-500\/20{--tw-shadow-color: rgb(16 185 129 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-emerald-500\/30{--tw-shadow-color: rgb(16 185 129 / .3);--tw-shadow: var(--tw-shadow-colored)}.shadow-fuchsia-500\/20{--tw-shadow-color: rgb(217 70 239 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-green-500\/20{--tw-shadow-color: rgb(34 197 94 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-indigo-500\/20{--tw-shadow-color: rgb(99 102 241 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-lime-500\/20{--tw-shadow-color: rgb(132 204 22 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-orange-500\/20{--tw-shadow-color: rgb(249 115 22 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-orange-500\/30{--tw-shadow-color: rgb(249 115 22 / .3);--tw-shadow: var(--tw-shadow-colored)}.shadow-primary-glow{--tw-shadow-color: hsl(var(--primary-glow));--tw-shadow: var(--tw-shadow-colored)}.shadow-primary\/10{--tw-shadow-color: hsl(var(--primary) / .1);--tw-shadow: var(--tw-shadow-colored)}.shadow-primary\/15{--tw-shadow-color: hsl(var(--primary) / .15);--tw-shadow: var(--tw-shadow-colored)}.shadow-primary\/20{--tw-shadow-color: hsl(var(--primary) / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-primary\/25{--tw-shadow-color: hsl(var(--primary) / .25);--tw-shadow: var(--tw-shadow-colored)}.shadow-primary\/30{--tw-shadow-color: hsl(var(--primary) / .3);--tw-shadow: var(--tw-shadow-colored)}.shadow-primary\/35{--tw-shadow-color: hsl(var(--primary) / .35);--tw-shadow: var(--tw-shadow-colored)}.shadow-primary\/40{--tw-shadow-color: hsl(var(--primary) / .4);--tw-shadow: var(--tw-shadow-colored)}.shadow-primary\/\[0\.04\]{--tw-shadow-color: hsl(var(--primary) / .04);--tw-shadow: var(--tw-shadow-colored)}.shadow-purple-500\/10{--tw-shadow-color: rgb(168 85 247 / .1);--tw-shadow: var(--tw-shadow-colored)}.shadow-purple-500\/25{--tw-shadow-color: rgb(168 85 247 / .25);--tw-shadow: var(--tw-shadow-colored)}.shadow-purple-500\/30{--tw-shadow-color: rgb(168 85 247 / .3);--tw-shadow: var(--tw-shadow-colored)}.shadow-red-500\/30{--tw-shadow-color: rgb(239 68 68 / .3);--tw-shadow: var(--tw-shadow-colored)}.shadow-reward\/30{--tw-shadow-color: hsl(var(--reward) / .3);--tw-shadow: var(--tw-shadow-colored)}.shadow-rose-500\/20{--tw-shadow-color: rgb(244 63 94 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-sky-500\/20{--tw-shadow-color: rgb(14 165 233 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-success\/10{--tw-shadow-color: hsl(var(--success) / .1);--tw-shadow: var(--tw-shadow-colored)}.shadow-teal-500\/20{--tw-shadow-color: rgb(20 184 166 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-violet-500\/20{--tw-shadow-color: rgb(139 92 246 / .2);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-\[1\.5px\]{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1.5px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-\[6px\]{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(6px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-inset{--tw-ring-inset: inset}.ring-\[\#8b3dff\]\/40{--tw-ring-color: rgb(139 61 255 / .4)}.ring-\[\#a98bff\]{--tw-ring-opacity: 1;--tw-ring-color: rgb(169 139 255 / var(--tw-ring-opacity, 1))}.ring-\[hsl\(258_60\%_98\.5\%\)\]{--tw-ring-opacity: 1;--tw-ring-color: hsl(258 60% 98.5% / var(--tw-ring-opacity, 1))}.ring-\[hsl\(var\(--brand-primary\)\/0\.18\)\]{--tw-ring-color: hsl(var(--brand-primary)/.18)}.ring-\[hsl\(var\(--brand-primary\)\/0\.4\)\]{--tw-ring-color: hsl(var(--brand-primary)/.4)}.ring-\[hsl\(var\(--primary\)\)\]{--tw-ring-color: hsl(var(--primary))}.ring-amber-400\/40{--tw-ring-color: rgb(251 191 36 / .4)}.ring-background{--tw-ring-color: hsl(var(--background))}.ring-black\/10{--tw-ring-color: rgb(0 0 0 / .1)}.ring-black\/\[0\.06\]{--tw-ring-color: rgb(0 0 0 / .06)}.ring-blue-500\/40{--tw-ring-color: rgb(59 130 246 / .4)}.ring-border{--tw-ring-color: hsl(var(--border))}.ring-border\/70{--tw-ring-color: hsl(var(--border) / .7)}.ring-card{--tw-ring-color: hsl(var(--card))}.ring-destructive{--tw-ring-color: hsl(var(--destructive))}.ring-destructive\/40{--tw-ring-color: hsl(var(--destructive) / .4)}.ring-destructive\/50{--tw-ring-color: hsl(var(--destructive) / .5)}.ring-destructive\/70{--tw-ring-color: hsl(var(--destructive) / .7)}.ring-emerald-500\/30{--tw-ring-color: rgb(16 185 129 / .3)}.ring-foreground\/20{--tw-ring-color: hsl(var(--foreground) / .2)}.ring-foreground\/25{--tw-ring-color: hsl(var(--foreground) / .25)}.ring-foreground\/30{--tw-ring-color: hsl(var(--foreground) / .3)}.ring-mood-minor\/30{--tw-ring-color: hsl(var(--mood-minor) / .3)}.ring-mood-minor\/40{--tw-ring-color: hsl(var(--mood-minor) / .4)}.ring-mood-minor\/50{--tw-ring-color: hsl(var(--mood-minor) / .5)}.ring-mood-minor\/55{--tw-ring-color: hsl(var(--mood-minor) / .55)}.ring-mood-minor\/60{--tw-ring-color: hsl(var(--mood-minor) / .6)}.ring-mood-minor\/70{--tw-ring-color: hsl(var(--mood-minor) / .7)}.ring-orange-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity, 1))}.ring-primary{--tw-ring-color: hsl(var(--primary))}.ring-primary\/10{--tw-ring-color: hsl(var(--primary) / .1)}.ring-primary\/15{--tw-ring-color: hsl(var(--primary) / .15)}.ring-primary\/20{--tw-ring-color: hsl(var(--primary) / .2)}.ring-primary\/25{--tw-ring-color: hsl(var(--primary) / .25)}.ring-primary\/30{--tw-ring-color: hsl(var(--primary) / .3)}.ring-primary\/40{--tw-ring-color: hsl(var(--primary) / .4)}.ring-primary\/45{--tw-ring-color: hsl(var(--primary) / .45)}.ring-primary\/50{--tw-ring-color: hsl(var(--primary) / .5)}.ring-primary\/55{--tw-ring-color: hsl(var(--primary) / .55)}.ring-primary\/60{--tw-ring-color: hsl(var(--primary) / .6)}.ring-primary\/65{--tw-ring-color: hsl(var(--primary) / .65)}.ring-primary\/70{--tw-ring-color: hsl(var(--primary) / .7)}.ring-purple-400\/40{--tw-ring-color: rgb(192 132 252 / .4)}.ring-purple-500\/30{--tw-ring-color: rgb(168 85 247 / .3)}.ring-purple-500\/40{--tw-ring-color: rgb(168 85 247 / .4)}.ring-ring{--tw-ring-color: hsl(var(--ring))}.ring-sidebar-ring{--tw-ring-color: hsl(var(--sidebar-ring))}.ring-success\/40{--tw-ring-color: hsl(var(--success) / .4)}.ring-success\/50{--tw-ring-color: hsl(var(--success) / .5)}.ring-teal-400{--tw-ring-opacity: 1;--tw-ring-color: rgb(45 212 191 / var(--tw-ring-opacity, 1))}.ring-white{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1))}.ring-white\/30{--tw-ring-color: rgb(255 255 255 / .3)}.ring-white\/40{--tw-ring-color: rgb(255 255 255 / .4)}.ring-white\/70{--tw-ring-color: rgb(255 255 255 / .7)}.ring-white\/\[0\.05\]{--tw-ring-color: rgb(255 255 255 / .05)}.ring-white\/\[0\.07\]{--tw-ring-color: rgb(255 255 255 / .07)}.ring-offset-1{--tw-ring-offset-width: 1px}.ring-offset-2{--tw-ring-offset-width: 2px}.ring-offset-background{--tw-ring-offset-color: hsl(var(--background))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-2xl{--tw-blur: blur(40px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur: blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[0\.5px\]{--tw-blur: blur(.5px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[1\.5px\]{--tw-blur: blur(1.5px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[110px\]{--tw-blur: blur(110px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[120px\]{--tw-blur: blur(120px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[130px\]{--tw-blur: blur(130px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[140px\]{--tw-blur: blur(140px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[160px\]{--tw-blur: blur(160px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[1px\]{--tw-blur: blur(1px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[26px\]{--tw-blur: blur(26px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[2px\]{--tw-blur: blur(2px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[70px\]{--tw-blur: blur(70px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[80px\]{--tw-blur: blur(80px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[90px\]{--tw-blur: blur(90px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-md{--tw-blur: blur(12px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-xl{--tw-blur: blur(24px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.brightness-0{--tw-brightness: brightness(0);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.brightness-125{--tw-brightness: brightness(1.25);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.brightness-150{--tw-brightness: brightness(1.5);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_0_10px_hsl\(var\(--primary\)\/0\.35\)\]{--tw-drop-shadow: drop-shadow(0 0 10px hsl(var(--primary)/.35));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_0_10px_hsl\(var\(--success\)\/0\.6\)\]{--tw-drop-shadow: drop-shadow(0 0 10px hsl(var(--success)/.6));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_0_10px_rgba\(255\,184\,0\,0\.8\)\]{--tw-drop-shadow: drop-shadow(0 0 10px rgba(255,184,0,.8));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_0_22px_hsl\(var\(--primary\)\/0\.7\)\]{--tw-drop-shadow: drop-shadow(0 0 22px hsl(var(--primary)/.7));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_0_30px_hsl\(var\(--primary\)\/0\.5\)\]{--tw-drop-shadow: drop-shadow(0 0 30px hsl(var(--primary)/.5));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_0_6px_hsl\(var\(--reward\)\/0\.6\)\]{--tw-drop-shadow: drop-shadow(0 0 6px hsl(var(--reward)/.6));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_28px_44px_rgba\(40\,20\,90\,0\.3\)\]{--tw-drop-shadow: drop-shadow(0 28px 44px rgba(40,20,90,.3));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_28px_44px_rgba\(40\,20\,90\,0\.32\)\]{--tw-drop-shadow: drop-shadow(0 28px 44px rgba(40,20,90,.32));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.5\)\]{--tw-drop-shadow: drop-shadow(0 2px 8px rgba(0,0,0,.5));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_5px_10px_rgba\(16\,24\,40\,0\.12\)\]{--tw-drop-shadow: drop-shadow(0 5px 10px rgba(16,24,40,.12));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_6px_10px_rgba\(16\,24\,40\,0\.12\)\]{--tw-drop-shadow: drop-shadow(0 6px 10px rgba(16,24,40,.12));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-lg{--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-md{--tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-none{--tw-drop-shadow: drop-shadow(0 0 #0000);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-sm{--tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / .05));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale-0{--tw-grayscale: grayscale(0);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.saturate-0{--tw-saturate: saturate(0);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.saturate-100{--tw-saturate: saturate(1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.saturate-50{--tw-saturate: saturate(.5);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.saturate-\[0\.35\]{--tw-saturate: saturate(.35);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-2xl{--tw-backdrop-blur: blur(40px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-\[2px\]{--tw-backdrop-blur: blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-lg{--tw-backdrop-blur: blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-saturate-150{--tw-backdrop-saturate: saturate(1.5);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[background\,border-color\,color\,box-shadow\,opacity\]{transition-property:background,border-color,color,box-shadow,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[background\,border-color\,opacity\]{transition-property:background,border-color,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[background\,border-color\]{transition-property:background,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[background\,box-shadow\,opacity\]{transition-property:background,box-shadow,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[background-color\,border-color\,box-shadow\]{transition-property:background-color,border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[background-color\,border-color\,color\]{transition-property:background-color,border-color,color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[background-color\,border-color\,transform\,box-shadow\]{transition-property:background-color,border-color,transform,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[background-color\,border-color\,transform\,opacity\]{transition-property:background-color,border-color,transform,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[background-color\,border-color\,transform\]{transition-property:background-color,border-color,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[background-color\,box-shadow\,border-color\]{transition-property:background-color,box-shadow,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[background-color\,color\,transform\]{transition-property:background-color,color,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[background-color\,transform\]{transition-property:background-color,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[background\]{transition-property:background;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[border-color\,background-color\,box-shadow\]{transition-property:border-color,background-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[border-color\,box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[box-shadow\,background-color\,border-color\]{transition-property:box-shadow,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[fill\]{transition-property:fill;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[filter\,background-color\]{transition-property:filter,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[filter\,opacity\]{transition-property:filter,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[filter\,transform\]{transition-property:filter,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[filter\]{transition-property:filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[font-size\,color\]{transition-property:font-size,color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[left\]{transition-property:left;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[margin\,opa\]{transition-property:margin,opa;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\,background-color\,border-color\]{transition-property:transform,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\,background-color\]{transition-property:transform,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\,border-color\,background-color\,color\,box-shadow\]{transition-property:transform,border-color,background-color,color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\,box-shadow\,background-color\,border-color\]{transition-property:transform,box-shadow,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\,box-shadow\,background-color\,filter\]{transition-property:transform,box-shadow,background-color,filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\,box-shadow\,background-color\]{transition-property:transform,box-shadow,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\,box-shadow\,filter\]{transition-property:transform,box-shadow,filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\,filter\]{transition-property:transform,filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\,opacity\,box-shadow\]{transition-property:transform,opacity,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\,opacity\]{transition-property:transform,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-none{transition-property:none}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-1000{transition-duration:1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.duration-75{transition-duration:75ms}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.will-change-transform{will-change:transform}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.fade-in,.fade-in-0{--tw-enter-opacity: 0}.fade-in-80{--tw-enter-opacity: .8}.zoom-in{--tw-enter-scale: 0}.zoom-in-95{--tw-enter-scale: .95}.duration-100{animation-duration:.1s}.duration-1000{animation-duration:1s}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.duration-700{animation-duration:.7s}.duration-75{animation-duration:75ms}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{animation-timing-function:linear}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.running{animation-play-state:running}.\!paused{animation-play-state:paused!important}.paused{animation-play-state:paused}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.bg-primary-soft{background-color:hsl(var(--primary-soft))}.bg-card-secondary{background-color:hsl(var(--card-secondary))}@keyframes celebration{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-30px) scale(1.1);opacity:1}to{transform:translateY(-60px) scale(.8);opacity:0}}.animate-celebration{animation:celebration .8s ease-out forwards}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-6px)}20%,40%,60%,80%{transform:translate(6px)}}.animate-shake{animation:shake .5s ease-in-out}@keyframes bounce-success{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 hsl(var(--primary) / .4)}50%{box-shadow:0 0 0 12px hsl(var(--primary) / 0)}}@keyframes xp-pop{0%{transform:scale(0) translateY(0);opacity:0}50%{transform:scale(1.2) translateY(-20px);opacity:1}to{transform:scale(1) translateY(-40px);opacity:0}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}@keyframes idleHintPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pt-emphasis-pulse:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:-1;background:color-mix(in srgb,white 32%,hsl(var(--primary)));box-shadow:inset 0 0 18px 3px hsl(var(--primary) / .95);animation:pt-emphasis-pulse 1.5s ease-in-out infinite}@keyframes pt-emphasis-pulse{0%,to{opacity:.1}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.pt-emphasis-pulse:before{animation:none!important}}@keyframes pt-tile-shake{0%,to{transform:translate(0)}15%{transform:translate(-3px)}30%{transform:translate(3px)}45%{transform:translate(-2.5px)}60%{transform:translate(2.5px)}75%{transform:translate(-1.5px)}88%{transform:translate(1.5px)}}.pt-tile-shake{animation:pt-tile-shake .5s ease-in-out 1 both}@media (prefers-reduced-motion: reduce){.pt-tile-shake{animation:none!important}}@keyframes pianoRipple{0%{opacity:.6;transform:scale(.5)}to{opacity:0;transform:scale(1.2)}}@keyframes teachingGlow{0%,to{box-shadow:inset 0 -4px 12px #00b0ff26,0 0 8px #00b0ff26}50%{box-shadow:inset 0 -4px 16px #00b0ff59,0 0 20px #00b0ff4d}}@keyframes pianoSweepFlash{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes pianoKeyShake{0%{transform:translate(0)}15%{transform:translate(-3px)}30%{transform:translate(3px)}50%{transform:translate(-2px)}70%{transform:translate(2px)}to{transform:translate(0)}}@keyframes pianoErrorShake{0%{translate:0}20%{translate:-3px}40%{translate:3px}60%{translate:-2px}80%{translate:1px}to{translate:0}}.animate-piano-error-shake{animation:pianoErrorShake .25s ease-in-out}@keyframes pianoHintPulse{0%{box-shadow:0 0 0 4px #00b0ff1a,inset 0 -4px 12px #00b0ff26}50%{box-shadow:0 0 0 8px #00b0ff33,inset 0 -4px 16px #00b0ff4d}to{box-shadow:0 0 0 4px #00b0ff1a,inset 0 -4px 12px #00b0ff26}}@keyframes noteTabNudge{0%,85%,to{transform:translate(0) rotate(0)}87%{transform:translate(-2px) rotate(-.5deg)}89%{transform:translate(2px) rotate(.5deg)}91%{transform:translate(-1px) rotate(-.25deg)}93%{transform:translate(1px) rotate(.25deg)}}.animate-note-tab-nudge{animation:noteTabNudge 5s cubic-bezier(.36,.07,.19,.97) infinite}.\!dark .section-header{color:#6a88af!important}.dark .section-header{color:#6a88af}.\!dark .card-title{color:#ebf1fa!important}.dark .card-title{color:#ebf1fa}.\!dark .body-text{color:#82a1c9!important}.dark .body-text{color:#82a1c9}.stat-number{font-family:Space Grotesk,system-ui,sans-serif;font-weight:600}@keyframes waveformDrift{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-height: 800px){.practice-drill-stage .lesson-card-title{font-size:clamp(1.5rem,4.6vh,2.5rem)!important;margin-bottom:.2rem}.practice-drill-stage .lesson-caption{margin-top:.25rem}.practice-drill-stage section{padding-top:.5rem;padding-bottom:.5rem}.practice-drill-stage .practice-stage-eyebrow{margin-top:0}}@media (max-height: 760px){.practice-drill-stage section>.relative.mt-3{margin-top:.375rem}.practice-drill-stage section>.relative.mb-4{margin-bottom:.5rem}.practice-drill-stage section>.\!relative.mt-3{margin-top:.375rem!important}.practice-drill-stage section>.\!relative.mb-4{margin-bottom:.5rem!important}}@media (max-height: 660px){.practice-drill-stage section{padding-top:.25rem;padding-bottom:.25rem}.practice-drill-stage section>.relative.mb-4{margin-bottom:.25rem}.practice-drill-stage .lesson-caption{margin-top:.125rem}{padding-top:.25rem!important;padding-bottom:.25rem!important}.practice-drill-stage section>.\!relative.mb-4{margin-bottom:.25rem!important}{margin-top:.125rem!important}}@media (max-height: 700px){.practice-drill-stage section>.relative.mx-auto.mb-2{display:none}.practice-drill-stage section>.\!relative.mx-auto.mb-2{display:none!important}}.\[--piano-incard-black-key-height-compact\:24px\]{--piano-incard-black-key-height-compact: 24px}.\[--piano-incard-black-key-height-compact\:26px\]{--piano-incard-black-key-height-compact: 26px}.\[--piano-incard-black-key-height-compact\:27px\]{--piano-incard-black-key-height-compact: 27px}.\[--piano-incard-black-key-height-compact\:29px\]{--piano-incard-black-key-height-compact: 29px}.\[--piano-incard-black-key-height\:19px\]{--piano-incard-black-key-height: 19px}.\[--piano-incard-black-key-width-compact\:10px\]{--piano-incard-black-key-width-compact: 10px}.\[--piano-incard-black-key-width-compact\:9px\]{--piano-incard-black-key-width-compact: 9px}.\[--piano-incard-black-key-width\:6px\]{--piano-incard-black-key-width: 6px}.\[--piano-incard-white-key-height-compact\:38px\]{--piano-incard-white-key-height-compact: 38px}.\[--piano-incard-white-key-height-compact\:42px\]{--piano-incard-white-key-height-compact: 42px}.\[--piano-incard-white-key-height-compact\:44px\]{--piano-incard-white-key-height-compact: 44px}.\[--piano-incard-white-key-height-compact\:46px\]{--piano-incard-white-key-height-compact: 46px}.\[--piano-incard-white-key-height\:32px\]{--piano-incard-white-key-height: 32px}.\[--piano-incard-white-key-width-compact\:14px\]{--piano-incard-white-key-width-compact: 14px}.\[--piano-incard-white-key-width-compact\:15px\]{--piano-incard-white-key-width-compact: 15px}.\[--piano-incard-white-key-width\:9px\]{--piano-incard-white-key-width: 9px}.\[--progression-tile-lg-height\:76px\]{--progression-tile-lg-height: 76px}.\[--progression-tile-lg-width\:100\%\]{--progression-tile-lg-width: 100%}.\[--progression-tile-lg-width\:56px\]{--progression-tile-lg-width: 56px}.\[advance\:currentStep\]{advance:currentStep}.\[animation-duration\:1\.6s\]{animation-duration:1.6s}.\[background-image\:linear-gradient\(hsl\(var\(--foreground\)\/\.05\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,hsl\(var\(--foreground\)\/\.05\)_1px\,transparent_1px\)\]{background-image:linear-gradient(hsl(var(--foreground)/.05) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--foreground)/.05) 1px,transparent 1px)}.\[background-size\:32px_32px\]{background-size:32px 32px}.\[background\:radial-gradient\(circle_at_50\%_50\%\,hsl\(var\(--primary\)\/0\.08\)_0\%\,transparent_60\%\)\]{background:radial-gradient(circle at 50% 50%,hsl(var(--primary)/.08) 0%,transparent 60%)}.\[fill\:transparent\]{fill:transparent}.\[filter\:drop-shadow\(0_0_14px_hsl\(266_85\%_62\%\/0\.11\)\)\]{filter:drop-shadow(0 0 14px hsl(266 85% 62%/.11))}.\[filter\:drop-shadow\(0_0_14px_hsl\(38_90\%_55\%\/0\.11\)\)\]{filter:drop-shadow(0 0 14px hsl(38 90% 55%/.11))}.\[filter\:drop-shadow\(0_0_2px_hsl\(var\(--primary\)\/0\.25\)\)\]{filter:drop-shadow(0 0 2px hsl(var(--primary)/.25))}.\[filter\:drop-shadow\(0_0_3px_hsl\(var\(--primary\)\/0\.28\)\)\]{filter:drop-shadow(0 0 3px hsl(var(--primary)/.28))}.\[filter\:drop-shadow\(0_2px_6px_rgba\(0\,0\,0\,0\.08\)\)\]{filter:drop-shadow(0 2px 6px rgba(0,0,0,.08))}.\[filter\:drop-shadow\(0_2px_8px_rgba\(0\,0\,0\,0\.08\)\)\]{filter:drop-shadow(0 2px 8px rgba(0,0,0,.08))}.\[justify-content\:safe_center\]{justify-content:safe center}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.\[scrollbar-color\:rgba\(139\,92\,246\,0\.45\)_transparent\]{scrollbar-color:rgba(139,92,246,.45) transparent}.\[scrollbar-width\:none\]{scrollbar-width:none}.\[scrollbar-width\:thin\]{scrollbar-width:thin}.\[text-shadow\:0_1px_4px_rgba\(0\,0\,0\,0\.9\)\]{text-shadow:0 1px 4px rgba(0,0,0,.9)}.\[text-shadow\:none\]{text-shadow:none}.\[transform\:perspective\(360px\)_rotateX\(58deg\)\]{transform:perspective(360px) rotateX(58deg)}.\[transform\:perspective\(520px\)_rotateX\(18deg\)\]{transform:perspective(520px) rotateX(18deg)}.\[transform\:perspective\(520px\)_rotateX\(8deg\)\]{transform:perspective(520px) rotateX(8deg)}.\[transform\:perspective\(560px\)_rotateX\(20deg\)\]{transform:perspective(560px) rotateX(20deg)}.\[transform\:perspective\(560px\)_rotateY\(-6deg\)\]{transform:perspective(560px) rotateY(-6deg)}.\[transform\:perspective\(560px\)_rotateY\(6deg\)\]{transform:perspective(560px) rotateY(6deg)}.\[transform\:perspective\(620px\)_rotateX\(10deg\)\]{transform:perspective(620px) rotateX(10deg)}@media (max-height: 760px) and (min-width: 640px){[data-step-id=real-music-usage]>div:first-child{gap:4px!important}[data-step-id=real-music-usage] .lesson-card-title{font-size:clamp(1.55rem,3.2vh,2rem);line-height:1.05}[data-step-id=real-music-usage] .lesson-card-subtitle{max-width:34rem;font-size:.875rem;line-height:1.25}[data-step-id=real-music-usage]>div:last-child{margin-top:10px!important}.relative-keys-usage-grid{gap:.5rem}.relative-keys-usage-card{gap:.35rem;padding:.625rem;border-radius:.875rem}.relative-keys-usage-card-header{gap:.5rem}.relative-keys-usage-icon{width:1.75rem;height:1.75rem}.relative-keys-usage-title{font-size:.8125rem}.relative-keys-usage-listen{gap:.25rem;font-size:.6875rem}.relative-keys-usage-body{font-size:.75rem;line-height:1.2}.relative-keys-usage-chips{gap:.25rem}.relative-keys-usage-chip{min-width:2rem;height:1.45rem;padding-inline:.4rem;font-size:.6875rem}}@media (max-height: 760px){[data-step-id=degree-root] .scale-degree-hero{gap:6px}[data-step-id=degree-root] .scale-degree-hero-heading{gap:2px!important}[data-step-id=degree-root] .lesson-card-title{font-size:clamp(1.45rem,4vh,1.85rem);line-height:1.05}[data-step-id=degree-root] .lesson-card-subtitle{max-width:30rem;font-size:.8125rem;line-height:1.25}[data-step-id=degree-root] .scale-degree-hero-card{max-width:20rem;gap:8px;border-radius:18px;padding:12px 16px}[data-step-id=degree-root] .scale-degree-hero-identity{gap:0}[data-step-id=degree-root] .scale-degree-hero-term{font-size:1rem}[data-step-id=degree-root] .scale-degree-hero-meta{font-size:.6875rem}[data-step-id=degree-root] .scale-degree-hero-demo{gap:5px}[data-step-id=degree-root] .scale-degree-hero-piano{--piano-incard-white-key-width-compact: 20px !important;--piano-incard-white-key-height-compact: 48px !important;--piano-incard-black-key-width-compact: 12px !important;--piano-incard-black-key-height-compact: 30px !important}[data-step-id=degree-root] .scale-degree-hero-insight{padding-top:6px}[data-step-id=degree-root] .scale-degree-hero-insight p{margin-top:2px;font-size:.75rem;line-height:1.3}}@keyframes midiFloat{0%{transform:translate(0)}25%{transform:translate(15px,-6px)}50%{transform:translate(30px)}75%{transform:translate(15px,6px)}to{transform:translate(0)}}@keyframes breathingGlow{0%,to{box-shadow:0 0 hsl(var(--primary) / 0)}50%{box-shadow:0 0 16px 2px hsl(var(--primary) / .12)}}@media (min-width: 768px) and (max-height: 860px){:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) .lesson-card{--rhythm-snug: 2px;--rhythm-section: 0px;--rhythm-tight: 2px;padding-block:0}:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) .lesson-card>.flex.justify-center{margin-bottom:2px}:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) .lesson-card .pt-stagger{gap:2px}:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) .lesson-card[data-step-id=number-system-map] .pt-stagger>button{gap:2px;padding-block:6px}:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) .lesson-card[data-step-id=number-system-map] .pt-stagger>button>div{gap:2px}:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) .lesson-card[data-step-id=number-system-map] .piano-surface-shadow{height:46px!important}:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) .lesson-card:is([data-step-id=degree-root],[data-step-id=degree-dominant],[data-step-id=degree-leading-tone]) .scale-degree-hero-card{gap:3px;padding-block:5px}:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) .lesson-card:is([data-step-id=degree-root],[data-step-id=degree-dominant],[data-step-id=degree-leading-tone]) .scale-degree-hero-insight{padding-top:2px}:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) .lesson-card:is([data-step-id=spine],[data-step-id=octave-repeats]) :is(.scale-degree-spine,.scale-degree-octave-repeats){gap:2px}:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) .lesson-card[data-step-id=spine] .scale-degree-spine svg[aria-label*="scale's spine"],:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) .lesson-card[data-step-id=octave-repeats] .scale-degree-octave-repeats svg[aria-label*="Scale-degree cycle"]{width:144px!important;height:144px!important}:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) .lesson-card[data-step-id=labeling-drill] .pt-stagger>.flex.flex-wrap button{width:48px;height:64px}[data-lesson-id=scale-degrees-explained] .lesson-card:is([data-step-id=degree-1],[data-step-id=degree-2],[data-step-id=degree-3],[data-step-id=degree-4],[data-step-id=degree-5],[data-step-id=degree-6],[data-step-id=degree-7]) [data-degree-interaction]{gap:0}[data-lesson-id=scale-degrees-explained] .lesson-card:is([data-step-id=degree-1],[data-step-id=degree-2],[data-step-id=degree-3],[data-step-id=degree-4],[data-step-id=degree-5],[data-step-id=degree-6],[data-step-id=degree-7]) [data-degree-interaction]>.flex.flex-col{gap:0}[data-lesson-id=scale-degrees-explained] .lesson-card:is([data-step-id=degree-1],[data-step-id=degree-2],[data-step-id=degree-3],[data-step-id=degree-4],[data-step-id=degree-5],[data-step-id=degree-6],[data-step-id=degree-7]) [data-degree-interaction]>.grid>button{padding-block:2px}:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) .lesson-intro-content{gap:0;padding-block:0}:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) :is(.lesson-intro-copy,.lesson-intro-actions){gap:0}:is([data-lesson-id=scale-degrees],[data-lesson-id=scale-degrees-explained]) :is(.lesson-intro-topbar,.lesson-intro-actions){padding-block:0}}@keyframes activeNodeBreath{0%,to{box-shadow:0 5px 14px #7c3aed2e,0 0 0 6px #8b5cf61a}50%{box-shadow:0 7px 18px #7c3aed38,0 0 0 12px #8b5cf60a}}.pt-learning-path-active-node{animation:activeNodeBreath 2.6s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.pt-learning-path-active-node{animation:none;box-shadow:0 5px 14px #7c3aed2e,0 0 0 6px #8b5cf61a}}.piano-roll-bg{background-image:repeating-linear-gradient(0deg,transparent,transparent 11px,hsl(var(--foreground) / .04) 11px,hsl(var(--foreground) / .04) 12px)}@media (prefers-reduced-motion: reduce){.motion-reduce\:animate-none{animation:none!important}}@keyframes pt-card-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pt-card-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes pt-element-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pt-counter-pulse{0%{transform:scale(1)}45%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes pt-key-tap{0%{transform:translateY(0) scale(1);filter:brightness(1) saturate(1)}18%{transform:translateY(0) scale(1.025);filter:brightness(.94) saturate(1.45)}to{transform:translateY(0) scale(1);filter:brightness(1) saturate(1)}}@keyframes pt-key-tap-x{0%{transform:translate(-50%) scale(1);filter:brightness(1) saturate(1)}18%{transform:translate(-50%) scale(1.025);filter:brightness(.94) saturate(1.45)}to{transform:translate(-50%) scale(1);filter:brightness(1) saturate(1)}}@keyframes pt-mini-piano-hover-white-key{0%,8%,to{background:linear-gradient(180deg,var(--piano-key-white) 0%,var(--piano-key-white) 60%,color-mix(in srgb,var(--piano-key-white) 92%,#000000) 100%);box-shadow:inset 0 0 0 1px var(--piano-key-white-border),inset 0 1.5px 0 var(--piano-key-white-edge-top),inset 0 -1.5px 0 var(--piano-key-white-edge-bottom),inset 0 -6px 10px -6px #0000000f,0 1px #0000000a;transform:translateY(0) scale(1);filter:brightness(1) saturate(1)}18%,72%{background:linear-gradient(180deg,color-mix(in srgb,hsl(var(--primary)) 90%,#ffffff),color-mix(in srgb,hsl(var(--primary)) 86%,#000000));box-shadow:inset 0 1px #ffffff38,inset 0 -2px #0000001f,0 1px #0000000f;transform:translateY(0) scale(1);filter:brightness(1.12) saturate(1.2) drop-shadow(0 0 9px hsl(var(--primary) / .62))}}@keyframes pt-mini-piano-hover-black-key{0%,8%,to{background:linear-gradient(180deg,hsl(var(--piano-black-key-top)),hsl(var(--piano-black-key-mid)),hsl(var(--piano-black-key-bottom)));box-shadow:inset 0 1px #ffffff2e,inset 0 -3px #ffffff0f,inset 0 -8px 10px -4px #000000b3,0 5px 4px #0000008c,0 2px #0009;transform:translateY(0) scale(1);filter:brightness(1) saturate(1)}18%,72%{background:linear-gradient(180deg,color-mix(in srgb,hsl(var(--primary)) 92%,#ffffff),color-mix(in srgb,hsl(var(--primary)) 80%,#000000));box-shadow:inset 0 1px #ffffff2e,inset 0 -2px #00000047,0 2px 3px #00000073;transform:translateY(0) scale(1);filter:brightness(1.12) saturate(1.2) drop-shadow(0 0 9px hsl(var(--primary) / .62))}}@media (hover: hover) and (prefers-reduced-motion: no-preference){.group:hover .mini-piano-hover-sweep .mini-piano-hover-sequence-key--white,.group:focus-within .mini-piano-hover-sweep .mini-piano-hover-sequence-key--white{animation:pt-mini-piano-hover-white-key .42s var(--easing-out, ease-out) both;animation-delay:calc(var(--mini-piano-hover-order, 0) * .42s);will-change:background,box-shadow,transform,filter;z-index:2}.group:hover .mini-piano-hover-sweep .mini-piano-hover-sequence-key--black,.group:focus-within .mini-piano-hover-sweep .mini-piano-hover-sequence-key--black{animation:pt-mini-piano-hover-black-key .42s var(--easing-out, ease-out) both;animation-delay:calc(var(--mini-piano-hover-order, 0) * .42s);will-change:transform,filter;z-index:2}}.lesson-interval-square-card{background:hsl(var(--card))}.lesson-interval-square-card[data-active=true]{background:hsl(var(--brand-primary) / .08)}.dark .lesson-interval-square-card{background:hsl(var(--primary) / .07)}.dark .lesson-interval-square-card:hover{background:hsl(var(--primary) / .11)}.dark .lesson-interval-square-card[data-active=true]{background:hsl(var(--primary) / .15)}@media (min-width: 768px) and (max-height: 780px){.lesson-step-what-is-2nd{--rhythm-snug: 8px}.lesson-step-what-is-2nd .lesson-card-subtitle{line-height:1.35;max-width:44rem}.lesson-step-what-is-2nd>.w-full.flex.justify-center{margin-top:4px!important}.lesson-step-what-is-2nd .lesson-interval-square-card{--piano-incard-white-key-height-standard: 68px;--piano-incard-black-key-height-standard: 43px;gap:6px;padding-top:5px;padding-bottom:5px}.lesson-step-what-is-2nd .lesson-callout--boxed{padding-top:8px;padding-bottom:8px}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=staff-basics] .lesson-card[data-step-id=lines-spaces],[data-lesson-id=treble-clef-notes] .lesson-card:is([data-step-id=lines],[data-step-id=two-clefs],[data-step-id=two-clefs-bass]){--rhythm-section: 6px;padding-top:7px;padding-bottom:6px}[data-lesson-id=staff-basics] .lesson-card[data-step-id=lines-spaces] .pt-stagger>.w-full.flex.justify-center,[data-lesson-id=treble-clef-notes] .lesson-card:is([data-step-id=lines],[data-step-id=two-clefs],[data-step-id=two-clefs-bass]) .pt-stagger>.w-full.flex.justify-center{margin-top:2px!important}[data-lesson-id=staff-basics] .staff-basics-lines-spaces-visual,[data-lesson-id=treble-clef-notes] .treble-lines-visual,[data-lesson-id=treble-clef-notes] .middle-c-hinge-visual{gap:5px}[data-lesson-id=staff-basics] .staff-basics-lines-spaces-visual [class*="[&_svg]:h-[188px]"] svg,[data-lesson-id=treble-clef-notes] .treble-lines-visual [class*="[&_svg]:h-[190px]"] svg{width:auto;height:124px!important}[data-lesson-id=treble-clef-notes] .middle-c-hinge-visual [class*="[&_svg]:h-[168px]"] svg{width:auto;height:114px!important}[data-lesson-id=staff-basics] .staff-basics-lines-spaces-visual .lesson-callout--boxed,[data-lesson-id=treble-clef-notes] :is(.treble-lines-visual,.middle-c-hinge-visual) .lesson-callout--boxed{padding-top:5px;padding-bottom:5px}}@media (min-width: 768px) and (max-height: 851px){.lesson-module-1 .lesson-card[data-step-id=octaves]{--rhythm-section: 12px}[data-lesson-id=half-steps] .lesson-card[data-step-id=concept]{--rhythm-section: 24px}[data-lesson-id=half-steps] .lesson-card[data-step-id=groupings]{--rhythm-section: 12px}[data-lesson-id=half-steps] .lesson-card[data-step-id=groupings] .lesson-inline-piano-scale{--piano-incard-white-key-height: 106px !important;--piano-incard-black-key-height: 65px !important}[data-lesson-id=half-steps] .lesson-card[data-step-id=enharmonic-spellings]{--rhythm-section: 8px}[data-lesson-id=half-steps] .lesson-card[data-step-id=listen]{--rhythm-section: 12px}[data-lesson-id=half-steps] .lesson-card[data-step-id=listen] .lesson-media-card-visual{padding-top:8px;padding-bottom:8px}[data-lesson-id=whole-steps] .lesson-card:is([data-step-id=concept],[data-step-id=color-rule]){--rhythm-section: 12px}[data-lesson-id=whole-steps] .lesson-card[data-step-id=listen]{--rhythm-section: 8px}[data-lesson-id=whole-steps] .lesson-card[data-step-id=listen] button[aria-label*="whole-tone walk"]{padding-top:12px;padding-bottom:12px;gap:8px}.lesson-module-1 .lesson-card[data-step-id=binary]{--rhythm-section: 12px;padding-top:8px;padding-bottom:8px}.lesson-module-1 .lesson-card[data-step-id=binary] :has(>.lesson-binary-answer-grid){gap:12px}.lesson-card:is([data-step-id=harmonic],[data-step-id=melodic]):has(.melodic-harmonic-concept-step){padding-top:8px;padding-bottom:20px}.melodic-harmonic-concept-step>.w-full.flex.justify-center{margin-top:6px!important}.melodic-harmonic-concept-step .melodic-harmonic-example-card{gap:8px;padding-top:10px;padding-bottom:10px}.melodic-harmonic-concept-step .lesson-callout--boxed{padding-top:8px;padding-bottom:8px}.lesson-card[data-step-id=drill]:has(.melodic-harmonic-listen-drill){padding-top:12px;padding-bottom:12px}.melodic-harmonic-listen-drill{gap:8px}.melodic-harmonic-listen-drill .melodic-harmonic-mystery-card{gap:8px;padding-top:12px;padding-bottom:12px}.lesson-card[data-step-id=unison]:has(.unison-octaves-concept-step){padding-top:8px;padding-bottom:20px}.unison-octaves-concept-step>.w-full.flex.justify-center{margin-top:8px!important}.unison-octaves-concept-step>.w-full.mx-auto.max-w-md{margin-top:12px!important}.lesson-card[data-step-id=what-is-3rd]:has(.seconds-thirds-what-is-3rd-step){padding-top:8px;padding-bottom:8px}.seconds-thirds-what-is-3rd-step>.w-full.flex.justify-center{margin-top:8px!important}.seconds-thirds-what-is-3rd-step .lesson-interval-square-card{padding-top:16px;padding-bottom:16px}.seconds-thirds-what-is-3rd-step .lesson-callout--boxed{padding-top:8px;padding-bottom:8px}.lesson-card[data-step-id=rule]:has(.interval-quality-rule-visual){padding-top:8px;padding-bottom:8px}.lesson-card[data-step-id=feel-the-pull]{--rhythm-section: 8px;padding-top:8px;padding-bottom:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.w-full.flex.justify-center{margin-top:8px!important}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.w-full.mx-auto.max-w-md{margin-top:12px!important}.lesson-card[data-step-id=feel-the-pull-chords]{--rhythm-snug: 4px;--rhythm-section: 4px;padding-top:4px;padding-bottom:4px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull-chords] .lesson-card-title{font-size:30px;line-height:1.05}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull-chords] .pt-stagger>.w-full.flex.justify-center{margin-top:4px!important}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull-chords] .pt-stagger>.w-full.mx-auto.max-w-md{margin-top:4px!important}.what-is-key-pull-visual,.what-is-key-chord-pull-visual{max-width:400px;gap:4px}.what-is-key-chord-pull-visual{max-width:448px;gap:4px}.what-is-key-chord-pull-visual>.w-full.rounded-3xl>.flex.items-stretch svg.w-full{height:auto}[data-lesson-id=what-is-a-key] .lesson-card:is([data-step-id=feel-the-pull],[data-step-id=feel-the-pull-chords]) .lesson-callout--boxed{padding-top:8px;padding-bottom:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull-chords] .lesson-callout--boxed{display:none}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick]{--rhythm-section: 12px;padding-top:8px;padding-bottom:8px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.w-full.flex.justify-center ul{gap:6px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.w-full.flex.justify-center li{padding-top:8px;padding-bottom:8px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .pt-stagger>.w-full.mx-auto.max-w-md{margin-top:12px!important}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .lesson-callout--boxed{padding-top:8px;padding-bottom:8px}.what-is-key-chord-pull-visual>.w-full.rounded-3xl{padding-top:2px;padding-bottom:2px}.what-is-key-chord-pull-visual button[aria-label="Play the chord progression"]{padding-top:4px;padding-bottom:4px}.what-is-key-chord-pull-visual>.lesson-caption{margin-top:0}.lesson-card[data-step-id=recap]:has(.what-is-key-recap-visual){padding-top:8px;padding-bottom:8px}.lesson-card[data-step-id=recap]:has(.what-is-key-recap-visual) .pt-stagger>.w-full.flex.justify-center{margin-top:24px!important}.lesson-card:is([data-step-id=play-melody],[data-step-id=chords-from-key]):has(.examples-song-choice-grid){--rhythm-snug: 6px;padding-top:4px;padding-bottom:4px}.lesson-focus-stage>.max-w-xl:has(.examples-song-choice-grid){max-width:1028px!important}.examples-song-challenge-step{width:min(980px,100%);max-width:980px;gap:6px}.examples-song-choice-grid{max-width:980px;gap:14px 16px}.examples-song-choice-grid>button{min-height:148px;gap:10px;align-items:stretch;padding:13px 16px 14px;text-align:left}.examples-song-choice-header{display:grid;width:100%;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;-moz-column-gap:10px;column-gap:10px}.examples-song-choice-icon{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:999px;color:hsl(var(--primary));background:hsl(var(--primary) / .08)}.examples-song-choice-heading{width:100%;align-items:flex-start;gap:2px}.examples-song-choice-title{font-size:15px}.examples-song-choice-artist{font-size:12px}.examples-song-choice-key{justify-self:start;margin-top:0}.examples-song-choice-piano-compact{display:none}.examples-song-choice-piano-wide{display:flex;min-height:66px;margin-top:0;align-items:center}.examples-song-choice-piano-wide .piano-tier-compact{--piano-incard-white-key-width: 19px !important;--piano-incard-white-key-height: 66px !important;--piano-incard-black-key-width: 12px !important;--piano-incard-black-key-height: 42px !important}.lesson-card:is([data-step-id=enharmonics],[data-step-id=using-chromatic]){padding-top:8px;padding-bottom:8px}.lesson-card[data-step-id=why-eb]{padding-top:8px;padding-bottom:8px}.lesson-card[data-step-id=why-eb] .pt-stagger>.w-full.mx-auto.max-w-md{margin-top:30px!important}.lesson-card[data-step-id=build-melody]{padding-top:8px;padding-bottom:8px}.lesson-card[data-step-id=build-melody] .pt-stagger>.w-full.flex.justify-center{margin-top:16px!important}.lesson-card[data-step-id=build-melody] .pt-stagger>.w-full.mx-auto.max-w-md:empty{display:none}.lesson-card[data-step-id=build-melody] .w-full.max-w-xl>div:first-child button{height:22px}.lesson-card[data-step-id=transpose-melody]{padding-top:8px;padding-bottom:8px}.major-scale-transpose-step>.flex.flex-col.items-center{gap:8px!important}.major-scale-transpose-step>.w-full.flex.justify-center{margin-top:12px!important}.major-scale-transpose-step .lesson-callout--boxed{padding-top:8px;padding-bottom:8px}.major-scale-transpose-visual{gap:4px}.major-scale-transpose-visual>.w-full.max-w-xl{gap:4px}.major-scale-transpose-visual>.w-full.max-w-xl>.w-full.rounded-2xl{padding:4px}.major-scale-transpose-visual>.w-full.max-w-xl>.w-full.rounded-2xl>.relative.flex.flex-col{gap:2px}.major-scale-transpose-visual>.w-full.max-w-xl>.w-full.rounded-2xl button{height:16px}.major-scale-transpose-step>.w-full.mx-auto.max-w-md{margin-top:4px!important}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]) .lesson-circle-of-fifths{width:240px!important}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) .flex.flex-col.w-full.gap-4.items-center{gap:8px}.lesson-card:is([data-step-id=quick-check],[data-step-id=walk-it],[data-step-id=shortest-path]):has(.lesson-circle-of-fifths) :is(.w-full.max-w-md,.w-full.max-w-lg).flex.flex-col.items-center{gap:4px}.lesson-card[data-step-id=walk-it] .lesson-circle-of-fifths{width:214px!important}.circle-modulation-walk-wheel{width:148px!important}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .w-full.max-w-lg.flex.flex-col.items-center{gap:1px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .flex.flex-col.w-full.gap-4.items-center{gap:6px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=dc-fine],[data-step-id=ds-coda])>div>.pt-stagger .w-full.max-w-lg>.flex.items-center>.flex.flex-col{padding-top:2px;padding-bottom:2px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) button[aria-label="Watch the playing order"]{padding:8px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) button[aria-label="Watch the playing order"]>.flex.justify-center>svg{width:auto;height:72px}.lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) button[aria-label="Watch the playing order"]>.mt-2\.5{margin-top:4px}.lesson-card[data-step-id=family-map] button[aria-label^="Hear "]{padding-top:2px;padding-bottom:2px}.lesson-card[data-step-id=hear-bluesy]{padding-top:8px;padding-bottom:8px}.lesson-card[data-step-id=hear-bluesy]>div>.pt-stagger{gap:8px}.lesson-card[data-step-id=hear-bluesy]>div>.pt-stagger>.w-full.flex.justify-center{margin-top:4px!important}.lesson-card[data-step-id=hear-bluesy] .grid.grid-cols-2{gap:4px}.lesson-card[data-step-id=hear-bluesy] .grid.grid-cols-2>button{gap:3px;padding-top:4px;padding-bottom:4px}.lesson-card[data-step-id=hear-bluesy] .piano-tier-compact .piano-surface-shadow{height:64px!important}.bluesy-interval-visual{gap:6px}.bluesy-interval-visual>.lesson-caption{font-size:11px;line-height:1.25}.lesson-card:is([data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) .w-full.max-w-lg.flex.flex-col.items-center{gap:6px}.lesson-card:is([data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) svg.max-w-full[aria-label="A short phrase on the staff"]{width:auto;height:72px}.lesson-card[data-step-id=staccato-legato] button[aria-label="Hear the phrase"]{padding:8px}.lesson-card[data-step-id=staccato-legato] button[aria-label="Hear the phrase"]>.mt-2\.5{margin-top:4px;padding-top:4px}.lesson-card[data-step-id=fingerprint] .w-full.max-w-md.mx-auto.py-1>svg{width:auto;height:160px}.lesson-card[data-step-id=inversion] .w-full.max-w-md [class*="[&_svg]:h-[104px]"] svg{width:auto;height:80px!important}.lesson-card[data-step-id=inversion] .multiple-choice-quiz{gap:6px}.lesson-card[data-step-id=inversion] .multiple-choice-quiz button{padding-top:8px;padding-bottom:8px}.lesson-card[data-step-id=quick-check]:has([aria-label="Hear the first fifths"]) .w-full.max-w-md.flex.flex-col{gap:6px}.lesson-card[data-step-id=quick-check]:has([aria-label="Hear the first fifths"]) [aria-label="Hear the first fifths"]{padding-top:8px;padding-bottom:8px}.lesson-card[data-step-id=quick-check]:has([aria-label="Hear the first fifths"]) .multiple-choice-quiz{gap:6px}.lesson-card[data-step-id=quick-check]:has([aria-label="Hear the first fifths"]) .multiple-choice-quiz button,.lesson-card[data-step-id=walk-it]:has(.lesson-circle-of-fifths) .multiple-choice-quiz button{padding-top:8px;padding-bottom:8px}.lesson-card[data-step-id=walk-it]:has(.lesson-circle-of-fifths) .multiple-choice-quiz{gap:6px}.lesson-card[data-step-id=fingering] .flex.flex-col.gap-4.items-center.w-full{gap:2px}.natural-minor-fingering-map{padding-top:2px!important;padding-bottom:2px!important}.lesson-card[data-step-id=swing-build] .w-full.max-w-md.flex.flex-col.items-center{gap:3px}.lesson-card:is([data-step-id=lines],[data-step-id=spaces]) .w-full.max-w-lg.flex.flex-col.items-center{gap:4px}.lesson-card[data-step-id=compare-all] .lesson-callout--boxed{padding-top:2px;padding-bottom:2px}.lesson-card[data-step-id=compare-all] .w-full.flex.justify-center:has(>.lesson-callout--boxed){margin-top:8px!important}.lesson-card[data-step-id=compare-all] .grid.grid-cols-2>button{padding-top:8px;padding-bottom:8px}.lesson-card:is([data-step-id=lines],[data-step-id=spaces]) [class*="[&_svg]:h-[180px]"] svg{width:auto;height:168px!important}.middle-c-hinge-visual>.w-full.max-w-md{max-width:385px}.lesson-card[data-step-id=ladder]:has(.staff-basics-ladder-visual){--rhythm-section: 6px}.staff-basics-ladder-visual{gap:8px}.staff-basics-ladder-visual [class*="[&_svg]:h-[188px]"]>.w-full.max-w-md{padding-top:4px;padding-bottom:4px}.staff-basics-ladder-visual [class*="[&_svg]:h-[188px]"] svg{width:auto;height:160px!important}.diatonic-numerals-visual>.grid>button{padding-top:4px;padding-bottom:4px}.lesson-card[data-step-id=shortest-path] .lesson-circle-of-fifths{width:232px!important}.lesson-card:is([data-step-id=spine],[data-step-id=octave-repeats]) .lesson-callout--boxed{padding-top:8px;padding-bottom:8px}.lesson-card[data-step-id=spine]>div>.pt-stagger,.lesson-card[data-step-id=octave-repeats]>div>.pt-stagger{gap:9px}.lesson-card[data-step-id=supporting-cast]>div>.pt-stagger{gap:12px}.lesson-card[data-step-id=supporting-cast] .lesson-callout--boxed{padding-top:8px;padding-bottom:8px}.lesson-card[data-step-id=summary] .chromatic-summary-recap{gap:4px!important}.lesson-card[data-step-id=summary] .chromatic-summary-recap>*{padding-top:7px;padding-bottom:7px}.lesson-card[data-step-id=why-eb] .major-minor-why-eb-visual{gap:6px;padding-top:8px;padding-bottom:8px}.lesson-card[data-step-id=why-eb] .major-minor-why-eb-visual .piano-surface-shadow{height:122px!important}.lesson-card[data-step-id=scale-vs-key]>div>.pt-stagger,.lesson-card[data-step-id=scale-zoo]>div>.pt-stagger,.lesson-card[data-step-id=transpose-melody]>div>.pt-stagger{gap:7px}.major-scale-vs-key-visual{gap:4px}.major-scale-vs-key-visual>.h-5{height:14px}.major-scale-vs-key-visual .lesson-binary-answer-card{padding-top:8px;padding-bottom:8px}.major-scale-zoo-visual,.major-scale-zoo-visual>.flex.flex-col{gap:3px}.major-scale-zoo-visual button{min-height:0;padding-top:3px;padding-bottom:3px}.major-scale-zoo-visual button .piano-surface-shadow{height:35px!important}.lesson-card[data-step-id=transpose-melody] .major-scale-transpose-step>.w-full.flex.justify-center{margin-top:5px!important}.lesson-card[data-step-id=transpose-melody] .major-scale-transpose-step .lesson-callout--boxed{padding-top:4px;padding-bottom:4px}.lesson-card:is([data-step-id=degree-root],[data-step-id=degree-dominant],[data-step-id=degree-leading-tone]) .scale-degree-hero{gap:7px}.lesson-card:is([data-step-id=degree-root],[data-step-id=degree-dominant],[data-step-id=degree-leading-tone]) .scale-degree-hero-card{gap:9px;padding:12px 22px}.lesson-card:is([data-step-id=degree-root],[data-step-id=degree-dominant],[data-step-id=degree-leading-tone]) .scale-degree-hero-demo{gap:4px}.lesson-card:is([data-step-id=degree-root],[data-step-id=degree-dominant],[data-step-id=degree-leading-tone]) .scale-degree-hero-piano .piano-surface-shadow{height:66px!important}.lesson-card:is([data-step-id=degree-root],[data-step-id=degree-dominant],[data-step-id=degree-leading-tone]) .scale-degree-hero-insight{padding-top:7px}.lesson-card[data-step-id=supporting-cast] .scale-degree-supporting-cast{gap:12px}.lesson-card[data-step-id=supporting-cast] .scale-degree-supporting-cast>.grid{gap:12px}.lesson-card[data-step-id=supporting-cast] .scale-degree-supporting-cast>.grid>button{gap:12px;padding-top:12px;padding-bottom:12px}.lesson-card[data-step-id=octave-repeats] .scale-degree-octave-repeats{gap:5px}.lesson-card[data-step-id=octave-repeats] .scale-degree-octave-repeats svg[aria-label*="Scale-degree cycle"]{width:168px;height:168px}.lesson-card[data-step-id=spine] .scale-degree-spine{gap:5px}.lesson-card[data-step-id=spine] .scale-degree-spine svg[aria-label*="scale's spine"]{width:168px;height:168px}.lesson-card[data-step-id=spine] .scale-degree-spine>.flex.flex-wrap{gap:4px 10px}.lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]):has(.playing-scales-fingering-visual) .pt-stagger>.w-full.flex.justify-center{margin-top:8px!important}.lesson-card[data-step-id=fingering]:has(.playing-scales-fingering-visual){padding-top:8px}.playing-scales-fingering-visual{gap:8px}.playing-scales-fingering-visual>.w-full.py-2{padding-top:2px;padding-bottom:2px}.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-map) .pt-stagger>.w-full.flex.justify-center{margin-top:20px!important}.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-map){padding-top:8px}.lesson-card[data-step-id=make-melody]:has(.natural-minor-melody-maker) .pt-stagger>.w-full.flex.justify-center{margin-top:12px!important}.natural-minor-melody-maker .lesson-step-sequencer{gap:6px}.natural-minor-melody-maker .lesson-step-sequencer>.w-full.rounded-2xl{padding-top:6px;padding-bottom:6px}.lesson-card[data-step-id=where-you-hear]:has(.build-major-where-you-hear-visual),.lesson-card[data-step-id=why-accidentals]:has(.build-major-why-accidentals-visual),.lesson-card[data-step-id=compare-three]:has(.playing-scales-compare-three-visual),.lesson-card[data-step-id=fingering]:has(.playing-scales-fingering-visual),.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-visual){padding-top:7px;padding-bottom:7px}.lesson-card[data-step-id=where-you-hear]:has(.build-major-where-you-hear-visual) .pt-stagger>.w-full.flex.justify-center,.lesson-card[data-step-id=why-accidentals]:has(.build-major-why-accidentals-visual) .pt-stagger>.w-full.flex.justify-center,.lesson-card[data-step-id=compare-three]:has(.playing-scales-compare-three-visual) .pt-stagger>.w-full.flex.justify-center,.lesson-card[data-step-id=fingering]:has(.natural-minor-fingering-visual) .pt-stagger>.w-full.flex.justify-center{margin-top:7px!important}.build-major-where-you-hear-visual{gap:6px}.build-major-where-you-hear-visual>.w-full.rounded-3xl{gap:6px;padding-top:8px;padding-bottom:8px}.build-major-where-you-hear-visual .piano-surface-shadow{height:76px!important}.build-major-why-accidentals-visual{gap:7px}.build-major-why-accidentals-visual>button{gap:7px;padding-top:8px;padding-bottom:8px}.build-major-why-accidentals-visual .lesson-callout--boxed{padding-top:6px;padding-bottom:6px}.lesson-card[data-step-id=fingering] .playing-scales-fingering-visual{gap:5px}.lesson-card[data-step-id=fingering] .playing-scales-fingering-map svg,.lesson-card[data-step-id=fingering] .natural-minor-fingering-map svg{width:auto;height:150px}.lesson-card[data-step-id=fingering] .natural-minor-fingering-visual{gap:5px}.lesson-card[data-step-id=fingering] .natural-minor-fingering-map{padding-top:0!important;padding-bottom:0!important}.playing-scales-compare-three-visual{gap:6px}.playing-scales-compare-three-visual>button{gap:5px;padding-top:7px;padding-bottom:7px}.playing-scales-compare-three-visual .lesson-callout--boxed{padding-top:6px;padding-bottom:6px}.natural-minor-melody-maker .lesson-step-sequencer button.h-6{height:22px}.lesson-card[data-step-id=real-music-usage] .pt-stagger>.w-full.flex.justify-center{margin-top:12px!important}.lesson-card[data-step-id=real-music-usage] .relative-keys-usage-grid{gap:8px}.lesson-card[data-step-id=real-music-usage] .relative-keys-usage-card{gap:6px;padding:8px 10px}.lesson-card:has(.short-viewport-genre-grid),.lesson-card:has(.melodic-minor-formula-visual),.lesson-card:has(.major-pentatonic-formula-visual),.lesson-card:has(.blues-formula-visual),.lesson-card:has(.intro-chords-vocab-visual){padding-top:12px}.lesson-card:has(.short-viewport-genre-grid),.lesson-card:has(.intro-chords-vocab-visual){padding-bottom:12px}.lesson-card:has(.intro-chords-vocab-visual){padding-bottom:8px}.lesson-card:has(.short-viewport-genre-grid)>div>.pt-stagger>.w-full.flex.justify-center,.lesson-card:has(.melodic-minor-formula-visual)>div>.pt-stagger>.w-full.flex.justify-center,.lesson-card:has(.major-pentatonic-formula-visual)>div>.pt-stagger>.w-full.flex.justify-center,.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.w-full.flex.justify-center,.lesson-card:has(.intro-chords-vocab-visual)>div>.pt-stagger>.w-full.flex.justify-center{margin-top:4px!important}.short-viewport-genre-grid{gap:6px}.short-viewport-genre-grid>div[role=button]{gap:2px;padding:6px}.short-viewport-genre-grid>div[role=button]>.flex:first-child>.w-7.h-7{width:24px;height:24px}.short-viewport-genre-grid>div[role=button]>p{font-size:12px;line-height:1.25}.short-viewport-genre-grid>div[role=button]>.flex.flex-wrap span{min-width:20px;height:20px;padding-left:4px;padding-right:4px}.melodic-minor-formula-visual,.major-pentatonic-formula-visual,.blues-formula-visual{gap:2px;position:relative;top:-6px}.melodic-minor-formula-visual .lesson-callout--boxed,.major-pentatonic-formula-visual .lesson-callout--boxed,.blues-formula-visual .lesson-callout--boxed{padding-top:4px;padding-bottom:4px}.lesson-card:has(.melodic-minor-formula-visual),.lesson-card:has(.major-pentatonic-formula-visual),.lesson-card:has(.blues-formula-visual){padding-bottom:6px}.lesson-card:has(.blues-formula-visual)>div>.pt-stagger>.w-full.flex.justify-center{margin-top:12px!important}.blues-formula-visual{gap:10px;top:0}.blues-formula-visual .lesson-callout--boxed{padding-top:8px;padding-bottom:8px}.lesson-card:has(.blues-formula-visual){padding-bottom:10px}.major-pentatonic-formula-visual .lesson-callout--boxed{font-size:12px;line-height:1.3}.major-pentatonic-formula-visual{gap:2px}.major-pentatonic-formula-visual .lesson-callout-body{font-size:12px;line-height:1.3}.intro-chords-vocab-visual{gap:6px}.intro-chords-vocab-visual>.w-full.max-w-md>button{gap:8px;padding-top:10px;padding-bottom:10px}.intro-chords-vocab-visual>.grid>button{gap:2px;padding-top:6px;padding-bottom:6px}.lesson-card:has(.chord-construction-seventh-visual),.lesson-card:has(.shifting-odd-one-visual),.lesson-card:has(.chord-formulas-hook-visual),.lesson-card:has(.chord-formulas-no-scale-visual),.lesson-card:has(.triads-drop-lab-visual),.lesson-card:has(.triads-family-map-visual),.lesson-card:has(.power-chords-formula-visual){--rhythm-section: 12px;padding-top:8px;padding-bottom:8px}.chord-construction-seventh-visual,.shifting-odd-one-visual,.chord-formulas-no-scale-visual,.triads-drop-lab-visual,.triads-family-map-visual,.power-chords-formula-visual{gap:6px}.chord-construction-seventh-visual .lesson-callout--boxed,.shifting-odd-one-visual .lesson-callout--boxed,.chord-formulas-no-scale-visual .lesson-callout--boxed,.triads-drop-lab-visual .lesson-callout--boxed,.triads-family-map-visual .lesson-callout--boxed,.power-chords-formula-visual .lesson-callout--boxed{padding-top:6px;padding-bottom:6px}.chord-construction-seventh-visual>.w-full.max-w-md>button,.shifting-odd-one-visual>.w-full.max-w-md>button,.chord-formulas-no-scale-visual>.w-full.max-w-md>button,.triads-drop-lab-visual>.w-full.max-w-md>button{gap:7px;padding-top:9px;padding-bottom:9px}.chord-construction-seventh-visual>.w-full.max-w-md>button{padding-top:5px;padding-bottom:5px}.chord-construction-seventh-visual .lesson-callout--boxed,.shifting-odd-one-visual .lesson-callout--boxed{padding-top:4px;padding-bottom:4px}.shifting-odd-one-visual .lesson-callout--boxed{padding-top:3px;padding-bottom:3px}.power-chords-formula-visual .lesson-callout--boxed{padding-top:5px;padding-bottom:5px}.chord-formulas-hook-visual{gap:4px}.chord-formulas-hook-visual>button{gap:4px;padding:6px 8px}.chord-formulas-hook-visual>button>.pointer-events-none{--piano-incard-white-key-height: 38px !important;--piano-incard-black-key-height: 24px !important}.chord-formulas-hook-visual>button>.flex.items-center.gap-1>span.grid{height:20px;min-width:20px}.triads-family-map-visual>.w-full.flex.flex-col{gap:4px}.triads-family-map-visual>.w-full.flex.flex-col>button{gap:8px;padding-top:6px;padding-bottom:6px}.triads-family-map-visual>.w-full.flex.flex-col>button>span:first-child{height:36px}.power-chords-formula-visual>button{gap:8px;padding-top:9px;padding-bottom:9px}.power-chords-formula-visual>button .h-12.w-12{width:42px;height:42px}.lesson-card:has(.power-chords-physics-visual),.lesson-card:has(.fully-diminished-four-names-visual),.lesson-card:has(.fully-diminished-ear-visual),.lesson-card:has(.add-chords-counting-visual),.lesson-card:has(.slash-chords-anatomy-visual),.lesson-card:has(.slash-chords-restack-visual){--rhythm-section: 12px;padding-top:8px;padding-bottom:8px}.power-chords-physics-visual,.fully-diminished-four-names-visual,.fully-diminished-ear-visual,.add-chords-counting-visual,.slash-chords-anatomy-visual,.slash-chords-restack-visual{gap:6px}.power-chords-physics-visual .lesson-callout--boxed,.fully-diminished-four-names-visual .lesson-callout--boxed,.fully-diminished-ear-visual .lesson-callout--boxed,.add-chords-counting-visual .lesson-callout--boxed,.slash-chords-anatomy-visual .lesson-callout--boxed,.slash-chords-restack-visual .lesson-callout--boxed{padding-top:5px;padding-bottom:5px}.power-chords-physics-visual>.w-full.max-w-md>button,.fully-diminished-four-names-visual>button,.fully-diminished-ear-visual>button,.add-chords-counting-visual>button,.slash-chords-anatomy-visual>.w-full.max-w-md>button{gap:7px;padding-top:9px;padding-bottom:9px}.fully-diminished-four-names-visual>.grid>button,.add-chords-counting-visual>.flex>button{padding-top:6px;padding-bottom:6px}.fully-diminished-ear-visual>button{--piano-incard-white-key-height: 58px !important;--piano-incard-black-key-height: 38px !important}.slash-chords-anatomy-visual>.flex:first-child{transform:scale(.9);transform-origin:center;margin-top:-2px;margin-bottom:-2px}.slash-chords-restack-visual>.grid{gap:8px}.slash-chords-restack-visual>.grid>button{gap:4px;padding-top:6px;padding-bottom:6px}.slash-chords-restack-visual>.grid>button .h-9.w-9{width:32px;height:32px}.lesson-card:has(.slash-chords-staircase-visual),.lesson-card:has(.chord-inversions-naming-visual),.lesson-card:has(.chord-inversions-why-visual),.lesson-card:has(.chord-inversions-ear-bass-visual),.lesson-card:has(.chord-voicings-dials-visual),.lesson-card:has(.chord-voicings-suits-visual),.lesson-card:has(.chord-voicings-gm-visual),.lesson-card:has(.chord-function-context-visual){--rhythm-section: 12px;padding-top:8px;padding-bottom:8px}.slash-chords-staircase-visual,.chord-inversions-naming-visual,.chord-inversions-why-visual,.chord-inversions-ear-bass-visual,.chord-voicings-dials-visual,.chord-voicings-suits-visual,.chord-voicings-gm-visual,.chord-function-context-visual{gap:6px}.chord-inversions-naming-visual .lesson-callout--boxed,.chord-inversions-why-visual .lesson-callout--boxed,.chord-voicings-suits-visual .lesson-callout--boxed,.chord-voicings-gm-visual .lesson-callout--boxed,.chord-function-context-visual .lesson-callout--boxed{padding-top:5px;padding-bottom:5px}.slash-chords-staircase-visual>.flex:first-child{gap:6px}.slash-chords-staircase-visual>.flex:first-child>button{padding-top:8px;padding-bottom:8px}.slash-chords-staircase-visual>button .h-9.w-9{width:32px;height:32px}.chord-inversions-naming-visual>.grid>button{gap:3px;padding-top:6px;padding-bottom:6px}.chord-inversions-naming-visual>.grid>button .h-6.w-6{width:22px;height:22px}.chord-inversions-why-visual>.w-full.max-w-md>button{gap:7px;padding-top:10px;padding-bottom:10px}.chord-inversions-why-visual>.w-full.max-w-md>button .h-12.w-16{width:56px;height:42px}.chord-inversions-ear-bass-visual>button{padding-top:8px;padding-bottom:8px}.chord-inversions-ear-bass-visual>.multiple-choice-quiz{gap:6px}.chord-inversions-ear-bass-visual>.multiple-choice-quiz button{padding-top:9px;padding-bottom:9px}.chord-voicings-dials-visual>.flex:first-child{gap:6px}.chord-voicings-dials-visual>.flex:first-child>button{padding-top:7px;padding-bottom:7px}.chord-voicings-suits-visual>.flex:first-child>button{padding-top:6px;padding-bottom:6px}.chord-voicings-suits-visual>button{gap:6px;padding-top:8px;padding-bottom:8px}.chord-voicings-gm-visual>.flex:first-child>button{padding-top:8px;padding-bottom:8px}.chord-voicings-gm-visual{gap:10px}.chord-voicings-gm-visual>button{--piano-incard-white-key-height: 66px !important;--piano-incard-black-key-height: 43px !important;gap:10px;padding-top:12px;padding-bottom:12px}.chord-voicings-gm-visual .lesson-callout--boxed{padding-top:8px;padding-bottom:8px}.chord-function-context-visual>.w-full.max-w-md>button{--piano-incard-white-key-height: 60px !important;--piano-incard-black-key-height: 40px !important;gap:7px;padding-top:10px;padding-bottom:10px}.lesson-card:has(.what-is-progression-loops-visual),.lesson-card:has(.diatonic-numerals-visual),.lesson-card:has(.diatonic-shades-visual),.lesson-card:has(.chords-recital-finale-visual){--rhythm-section: 12px;padding-top:8px;padding-bottom:8px}.what-is-progression-loops-visual,.diatonic-numerals-visual,.diatonic-shades-visual,.chords-recital-finale-visual{gap:6px}.what-is-progression-loops-visual .lesson-callout--boxed,.diatonic-numerals-visual .lesson-callout--boxed,.diatonic-shades-visual .lesson-callout--boxed{padding-top:5px;padding-bottom:5px}.what-is-progression-loops-visual>.w-full.max-w-lg>.flex:first-child{padding-top:5px;padding-bottom:5px}.what-is-progression-loops-visual>.w-full.max-w-lg>.flex:nth-child(2) span{padding-top:2px;padding-bottom:2px}.diatonic-shades-visual>.flex:first-child{padding:2px}.diatonic-shades-visual>.flex:first-child button{padding-top:4px;padding-bottom:4px}.diatonic-shades-visual>.flex.flex-col.items-center{gap:4px}.diatonic-shades-visual>.flex.flex-col.items-center>button{padding-top:6px;padding-bottom:6px}.chords-recital-finale-visual>.flex.flex-col.items-center{gap:5px}.chords-recital-finale-visual>.flex.flex-col.items-center>.flex.items-center{gap:8px}.lesson-card:has(.minor-key-shortcut-visual),.lesson-card:has(.minor-functions-map-visual),.lesson-card:has(.minor-functions-leading-tone-visual),.lesson-card:has(.minor-functions-quiz-visual),.lesson-card:has(.major-motions-deceptive-visual),.lesson-card:has(.other-chords-color-visual),.lesson-card:has(.other-chords-quiz-visual),.lesson-card:has(.one-four-five-beat-visual),.lesson-card:has(.one-four-five-quiz-visual),.lesson-card:has(.one-five-six-four-beat-visual){--rhythm-section: 8px;padding-top:6px;padding-bottom:6px}.minor-key-shortcut-visual,.minor-functions-map-visual,.minor-functions-leading-tone-visual,.minor-functions-quiz-visual,.major-motions-deceptive-visual,.other-chords-color-visual,.other-chords-quiz-visual,.one-four-five-quiz-visual{gap:6px}.minor-key-shortcut-visual .lesson-callout--boxed,.minor-functions-map-visual .lesson-callout--boxed,.minor-functions-leading-tone-visual .lesson-callout--boxed,.major-motions-deceptive-visual .lesson-callout--boxed,.other-chords-color-visual .lesson-callout--boxed{padding-top:4px;padding-bottom:4px}.other-chords-color-visual .other-chords-color-caption{min-height:20px}.minor-key-shortcut-visual>.w-full,.minor-key-shortcut-visual>button,.minor-functions-map-visual>.grid,.minor-functions-leading-tone-visual>.flex:first-child,.major-motions-deceptive-visual>.flex:first-child,.other-chords-color-visual>.flex:first-child{margin-top:0;margin-bottom:0}.minor-key-shortcut-visual>.w-full{padding-top:6px;padding-bottom:6px}.minor-functions-map-visual>.grid{row-gap:6px}.minor-functions-map-visual>.grid button{height:48px}.minor-functions-leading-tone-visual>.w-full.rounded-2xl,.major-motions-deceptive-visual>.w-full.rounded-2xl,.other-chords-color-visual>.w-full.rounded-2xl{padding-top:8px;padding-bottom:8px}.minor-functions-leading-tone-visual .piano-incard,.major-motions-deceptive-visual .piano-incard,.other-chords-color-visual .piano-incard{--piano-incard-white-key-height: 56px !important;--piano-incard-black-key-height: 37px !important}.minor-functions-quiz-visual .multiple-choice-quiz,.other-chords-quiz-visual .multiple-choice-quiz,.one-four-five-quiz-visual .multiple-choice-quiz{gap:6px}.minor-functions-quiz-visual .multiple-choice-quiz>div>button,.other-chords-quiz-visual .multiple-choice-quiz>div>button,.one-four-five-quiz-visual .multiple-choice-quiz>div>button{padding-top:9px;padding-bottom:9px}.one-four-five-beat-visual>.w-full.max-w-md,.one-five-six-four-beat-visual>.w-full.max-w-md{gap:7px}.one-four-five-beat-visual>.w-full.max-w-md>.w-full.rounded-2xl,.one-five-six-four-beat-visual>.w-full.max-w-md>.w-full.rounded-2xl{padding:10px}.one-four-five-beat-visual button.h-9,.one-five-six-four-beat-visual button.h-9{height:30px}.lesson-card:has(.four-one-five-six-beat-visual),.lesson-card:has(.four-one-five-six-quiz-visual),.lesson-card:has(.progression-tips-soft-chords-visual),.lesson-card:has(.progression-tips-quiz-visual),.lesson-card:has(.voice-leading-rules-visual),.lesson-card:has(.voice-leading-quiz-visual){--rhythm-section: 8px;padding-top:6px;padding-bottom:6px}.four-one-five-six-quiz-visual,.progression-tips-soft-chords-visual,.progression-tips-quiz-visual,.voice-leading-rules-visual,.voice-leading-quiz-visual,.four-one-five-six-quiz-visual .multiple-choice-quiz,.progression-tips-quiz-visual .multiple-choice-quiz,.voice-leading-quiz-visual .multiple-choice-quiz{gap:6px}.four-one-five-six-quiz-visual .multiple-choice-quiz>div>button,.progression-tips-quiz-visual .multiple-choice-quiz>div>button,.voice-leading-quiz-visual .multiple-choice-quiz>div>button{padding-top:9px;padding-bottom:9px}.four-one-five-six-beat-visual>.w-full.max-w-md{gap:7px}.four-one-five-six-beat-visual>.w-full.max-w-md>.w-full.rounded-2xl{padding:10px}.four-one-five-six-beat-visual button.h-9{height:30px}.voice-leading-rules-visual>.w-full.flex.flex-col{gap:6px}.voice-leading-rules-visual>.w-full.flex.flex-col>button{padding-top:8px;padding-bottom:8px}.lesson-card:has(.other-chords-color-visual),.lesson-card:has(.four-one-five-six-quiz-visual),.lesson-card:has(.progression-tips-soft-chords-visual),.lesson-card:has(.voice-leading-quiz-visual){--rhythm-section: 5px;padding-top:3px;padding-bottom:3px}.other-chords-color-visual,.progression-tips-soft-chords-visual{max-width:620px;gap:4px}.four-one-five-six-quiz-visual,.voice-leading-quiz-visual{max-width:500px;gap:4px}.four-one-five-six-quiz-visual .multiple-choice-quiz,.voice-leading-quiz-visual .multiple-choice-quiz{gap:4px}.four-one-five-six-quiz-visual .multiple-choice-quiz>div>button,.voice-leading-quiz-visual .multiple-choice-quiz>div>button{padding-top:8px;padding-bottom:8px}.other-chords-color-visual .other-chords-color-caption{min-height:18px}.other-chords-color-visual .lesson-callout--boxed,.progression-tips-soft-chords-visual .lesson-callout--boxed{padding-top:3px;padding-bottom:3px}.voice-leading-quiz-visual>.flex.items-center.gap-1\.5>span{height:24px}[data-lesson-id=other-chords] .pt-stagger[data-step-id=color-chords]{zoom:.88}[data-lesson-id=progression-tips] .pt-stagger[data-step-id=tip-sevenths]{zoom:.92}[data-lesson-id="4-1-5-6-progression"] .pt-stagger[data-step-id=quick-check],[data-lesson-id=voice-leading] .pt-stagger[data-step-id=quick-check]{zoom:.88}[data-lesson-id=other-chords]:has([data-step-id=color-chords]) .lesson-subtitle-slot .narration-subtitle-pill,[data-lesson-id=progression-tips]:has([data-step-id=tip-sevenths]) .lesson-subtitle-slot .narration-subtitle-pill,[data-lesson-id="4-1-5-6-progression"]:has([data-step-id=quick-check]) .lesson-subtitle-slot .narration-subtitle-pill,[data-lesson-id=voice-leading]:has([data-step-id=quick-check]) .lesson-subtitle-slot .narration-subtitle-pill{max-width:90%!important;padding:4px 12px!important;font-size:16px!important;line-height:1.25!important}}@keyframes pt-advance-target-ghost-press{0%{transform:translateY(0) scale(1);filter:brightness(1.06) drop-shadow(0 0 4px hsl(var(--primary) / .4))}10%{transform:translateY(4px) scale(.982);filter:brightness(1.24) drop-shadow(0 0 16px hsl(var(--primary) / .8))}24%{transform:translateY(4px) scale(.982);filter:brightness(1.24) drop-shadow(0 0 16px hsl(var(--primary) / .8))}42%{transform:translateY(0) scale(1);filter:brightness(1.06) drop-shadow(0 0 4px hsl(var(--primary) / .4))}68%{transform:translateY(0) scale(1.012);filter:brightness(1.16) drop-shadow(0 0 11px hsl(var(--primary) / .6))}to{transform:translateY(0) scale(1);filter:brightness(1.06) drop-shadow(0 0 4px hsl(var(--primary) / .4))}}.pt-advance-target-key-ghost-press{animation:pt-advance-target-ghost-press 1.65s ease-in-out infinite;will-change:transform,filter}@keyframes pt-octave-hint{0%,to{box-shadow:0 0 hsl(var(--primary) / 0);transform:scale(1)}50%{box-shadow:0 0 0 4px hsl(var(--primary) / .16),0 0 12px hsl(var(--primary) / .45);transform:scale(1.04)}}.pt-octave-hint{animation:pt-octave-hint 1.4s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.pt-octave-hint{animation:none!important}}@keyframes pt-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.pt-fade-in{animation:pt-fade-in .32s var(--easing-out, ease-out) both}@keyframes pt-c4-reveal{0%{transform:scale(.92);filter:saturate(.6) brightness(1.05)}60%{transform:scale(1.06);filter:saturate(1.3) brightness(1)}to{transform:scale(1);filter:saturate(1) brightness(1)}}.pt-c4-reveal{animation:pt-c4-reveal .42s var(--easing-out, ease-out) both;animation-delay:80ms;will-change:transform,filter}@media (prefers-reduced-motion: reduce){.pt-fade-in,.pt-c4-reveal{animation:none!important}}@media (prefers-reduced-motion: no-preference){.pt-card-enter{animation:pt-card-enter var(--motion-card-enter) var(--easing-out) both}.pt-card-exit{animation:pt-card-exit .28s var(--easing-in) both}.pt-stagger>*{opacity:0;will-change:opacity,transform;animation:pt-element-enter var(--motion-element-enter) var(--easing-out) both}.pt-stagger>*:nth-child(1){animation-delay:0ms}.pt-stagger>*:nth-child(2){animation-delay:calc(var(--stagger-base) * 1)}.pt-stagger>*:nth-child(3){animation-delay:calc(var(--stagger-base) * 2)}.pt-stagger>*:nth-child(4){animation-delay:calc(var(--stagger-base) * 3)}.pt-stagger>*:nth-child(5){animation-delay:calc(var(--stagger-base) * 4)}.pt-stagger>*:nth-child(n+6){animation-delay:calc(var(--stagger-base) * 5)}.pt-counter-pulse{animation:pt-counter-pulse var(--motion-base) var(--easing-out)}.pt-key-tap{animation:pt-key-tap var(--motion-key-tap) var(--easing-out);will-change:transform,filter}.pt-key-tap-x{animation:pt-key-tap-x var(--motion-key-tap) var(--easing-out);will-change:transform,filter}}@media (prefers-reduced-motion: reduce){.pt-card-enter,.pt-card-exit{animation:none!important;opacity:1!important;transform:none!important}.pt-stagger>*{animation:none!important;opacity:1!important;transform:none!important}.pt-counter-pulse,.pt-key-tap,.pt-key-tap-x,.pt-advance-target-key-ghost-press{animation:none!important;transform:none!important}}@keyframes pt-hero-ripple{0%{opacity:.5;transform:translate(-50%,-50%) scale(.4)}to{opacity:0;transform:translate(-50%,-50%) scale(var(--hero-ripple-max-scale, 3))}}@keyframes pt-hero-key-flash{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes pt-hero-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pt-hero-orbit-counter{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.lesson-hero-stage{position:relative;display:flex;align-items:center;justify-content:center}.lesson-hero-ripple{position:absolute;top:50%;left:50%;width:var(--hero-ripple-base-size, 96px);height:var(--hero-ripple-base-size, 96px);border-radius:9999px;border:2px solid hsl(var(--primary));pointer-events:none;transform:translate(-50%,-50%) scale(.4);opacity:0;animation:pt-hero-ripple var(--motion-hero-ripple-duration, 1.2s) var(--easing-out, ease-out) both}.lesson-hero-ripple--1{animation-delay:var(--motion-hero-ripple-stagger, .15s)}.lesson-hero-ripple--2{animation-delay:calc(var(--motion-hero-ripple-stagger, .15s) * 2)}.lesson-hero-key-wrap{position:relative;z-index:1;transform:scale(var(--hero-key-scale, 1.7));transform-origin:center;display:inline-block}.lesson-hero-key-wrap--flash{animation:pt-hero-key-flash var(--motion-hero-flash, .4s) var(--easing-out, ease-out) both}@media (prefers-reduced-motion: reduce){.lesson-hero-ripple,.lesson-hero-ripple--1,.lesson-hero-ripple--2{animation:none;opacity:.3;transform:translate(-50%,-50%) scale(1.4)}.lesson-hero-ripple--1,.lesson-hero-ripple--2{display:none}.lesson-hero-key-wrap--flash{animation:none}}.lucide{fill:currentColor;fill-opacity:.15;stroke:currentColor}.icon-filled.lucide,.icon-filled .lucide{fill:currentColor;fill-opacity:1}.nav-icon-outlined .lucide{fill:none;fill-opacity:1}@keyframes progressShimmer{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}@keyframes progressGlow{0%,to{opacity:.3}50%{opacity:1}}@keyframes progressFlow{0%{background-position:200% 50%}to{background-position:0% 50%}}@keyframes midiDrift{0%{transform:translate(0)}to{transform:translate(130%)}}@keyframes midiDriftReverse{0%{transform:translate(0)}to{transform:translate(-130%)}}@keyframes midi-blink{0%,to{opacity:.35}50%{opacity:1}}.animate-midi-blink{animation:midi-blink 1.4s ease-in-out infinite}@keyframes midi-connecting-border{0%,to{border-color:hsl(var(--border))}50%{border-color:hsl(var(--primary))}}.animate-midi-connecting-border{animation:midi-connecting-border 1.2s ease-in-out infinite}.twelve-note-piano-shadow{background:transparent;filter:drop-shadow(0 8px 18px hsl(0 0% 0% / .14))}.dark .twelve-note-piano-shadow{filter:drop-shadow(0 8px 22px hsl(0 0% 0% / .45))}.piano-surface-shadow{filter:drop-shadow(0 2px 5px hsl(0 0% 0% / .1)) drop-shadow(0 9px 16px hsl(0 0% 0% / .16))}.dark .piano-surface-shadow{filter:drop-shadow(0 2px 5px hsl(0 0% 0% / .34)) drop-shadow(0 9px 18px hsl(0 0% 0% / .52))}.piano-surface-shadow-sm{filter:drop-shadow(0 4px 14px hsl(0 0% 0% / .06))}.dark .piano-surface-shadow-sm{filter:drop-shadow(0 4px 14px hsl(0 0% 0% / .32))}.dark .piano-key-white-seam:after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;pointer-events:none;background:#0c121d8c}.dark .piano-key-lit-glow{filter:drop-shadow(0 0 5px hsl(var(--primary) / .38)) drop-shadow(0 0 12px hsl(var(--primary) / .14))}.dark .lesson-footer-piano-frame .piano-key-lit-glow{filter:none}.piano-key-tinted-dim{filter:drop-shadow(0 0 8px hsl(var(--primary) / .25))}.dark .piano-key-tinted-dim{filter:drop-shadow(0 0 5px hsl(var(--primary) / .32)) drop-shadow(0 0 12px hsl(var(--primary) / .13))}@media (prefers-reduced-motion: reduce){.dark .piano-key-lit-glow,.piano-key-tinted-dim{filter:none}}.dark .piano-key-white-seam:last-child:after{display:none}html:not(.dark) .piano-incard-frame .piano-key-white-seam:after{content:"";position:absolute;top:0;right:-1px;bottom:5px;width:2px;z-index:4;pointer-events:none;background:#2523396b;box-shadow:1px 0 #fff3}html:not(.dark) .piano-incard-frame .piano-key-white-seam:last-child:after{display:none}.piano-incard-white-seams{display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background-image:repeating-linear-gradient(to right,transparent 0,transparent calc(var(--piano-incard-white-key-width) - 1px),hsl(230 16% 62% / .45) calc(var(--piano-incard-white-key-width) - 1px),hsl(230 16% 62% / .45) var(--piano-incard-white-key-width));background-size:var(--piano-incard-white-key-width) 100%}.dark .piano-incard-white-seams{display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background-image:repeating-linear-gradient(to right,transparent 0,transparent calc(var(--piano-incard-white-key-width) - 1px),hsl(220 40% 8% / .55) calc(var(--piano-incard-white-key-width) - 1px),hsl(220 40% 8% / .55) var(--piano-incard-white-key-width));background-size:var(--piano-incard-white-key-width) 100%}.lesson-card-maxh{max-height:none;overflow:visible}@media (max-width: 639px){.lesson-card:has(.circle-tool-walk-it){min-height:0;max-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none}.lesson-card:has(.circle-tool-walk-it)::-webkit-scrollbar{display:none}}.lesson-subtitle-slot{min-height:40px}@media (min-width: 768px){.lesson-subtitle-slot{min-height:50px}}@media (min-width: 1024px){.lesson-subtitle-slot{min-height:60px}}@keyframes pt-mastery-ring-breathe{0%,to{opacity:.4}50%{opacity:.65}}.mastery-ring{position:relative}.mastery-ring--glow .mastery-ring__fill{filter:drop-shadow(0 0 14px hsl(var(--primary) / .45));transition:filter .25s ease-out}.dark .mastery-ring--glow .mastery-ring__fill{filter:drop-shadow(0 0 8px hsl(0 0% 100% / .3)) drop-shadow(0 0 18px hsl(var(--primary) / .65))}.mastery-ring--glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;pointer-events:none;box-shadow:0 0 24px 2px hsl(var(--primary) / .4);animation:pt-mastery-ring-breathe 2.8s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.mastery-ring--glow:after{animation:none!important;opacity:.45!important}.mastery-ring__fill{transition:none!important}}.narration-subtitle-pill{background:#ffffff52}.dark .narration-subtitle-pill{background:#00000052}:root{--piano-focus-dim: saturate(.4) brightness(1.12) contrast(.72)}.dark{--piano-focus-dim: brightness(.32)}:root{--step-badge-active-bg: 40 90% 88%;--step-badge-active-fg: 30 88% 40%;--step-badge-active-border: 38 85% 68%;--step-badge-rest-bg: 240 5% 80%;--step-badge-rest-fg: var(--muted-foreground);--step-arc-stroke: var(--muted-foreground) / .32}.dark{--step-badge-active-bg: 34 38% 27%;--step-badge-active-fg: 34 72% 64%;--step-badge-active-border: 34 46% 40%;--step-badge-rest-bg: 240 6% 46%;--step-badge-rest-fg: 240 8% 90%;--step-arc-stroke: var(--muted-foreground) / .4}:root{--surface-sunken: hsl(258 30% 96.5%);--surface-inset: hsl(258 16% 95%);--surface-raised: hsl(0 0% 100%);--surface-raised-shadow: 0 1px 3px hsl(255 30% 22% / .08);--tab-rest: hsl(215 28% 12% / .045);--tab-rest-hover: hsl(215 28% 12% / .08)}.dark{--surface-sunken: hsl(232 16% 7%);--surface-inset: hsl(232 16% 9.5%);--surface-raised: hsl(232 16% 12%);--surface-raised-shadow: none;--tab-rest: hsl(0 0% 100% / .05);--tab-rest-hover: hsl(0 0% 100% / .08)}.surface-sunken{background-color:var(--surface-sunken)}.surface-inset{background-color:var(--surface-inset)}.surface-raised{background-color:var(--surface-raised);box-shadow:var(--surface-raised-shadow)}.surface-tab{background-color:var(--tab-rest)}.surface-tab-hover:hover{background-color:var(--tab-rest-hover)}.lesson-complete-shell{isolation:isolate;overflow-y:auto}.practice-summary-shell.lesson-complete-shell{position:absolute;z-index:0}.practice-summary-shell .lesson-complete-layout{min-height:100%;padding-block:clamp(38px,6vh,72px)}@media (max-width: 767px){.practice-summary-shell .lesson-complete-layout{padding-top:clamp(36px,6dvh,56px);padding-bottom:max(16px,env(safe-area-inset-bottom))}}.lesson-complete-content{max-height:none;max-width:980px}.lesson-complete-products{display:block}.lesson-complete-layout{background-image:radial-gradient(ellipse 82% 46% at 50% 0%,hsl(var(--primary) / .18) 0%,hsl(var(--primary) / .075) 48%,transparent 78%),radial-gradient(ellipse 42% 48% at 0% 34%,hsl(var(--primary) / .065) 0%,transparent 76%),radial-gradient(ellipse 42% 48% at 100% 38%,hsl(var(--primary) / .055) 0%,transparent 76%),linear-gradient(to bottom,#fcfbfe,hsl(var(--background)) 76%);align-items:flex-start;padding-block:clamp(38px,6vh,72px)}.dark .lesson-complete-layout{background-image:radial-gradient(circle at 50% 5%,hsl(var(--primary) / .1),transparent 27%),radial-gradient(circle at 12% 18%,hsl(var(--primary) / .045),transparent 24%),linear-gradient(to bottom,hsl(var(--background)),hsl(var(--background) / .96))}.celebration-backdrop{background:var(--celebration-backdrop)}.celebration-hr{width:100%;height:1px;margin:0;border:0;background:hsl(var(--border) / .72)}.lesson-complete-card{border:1px solid hsl(var(--border) / .78);border-radius:16px;background:hsl(var(--card) / .74);box-shadow:0 1px hsl(var(--foreground) / .025),0 18px 45px -38px hsl(var(--primary) / .35);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dark .lesson-complete-card{background:hsl(var(--card) / .52);border-color:hsl(var(--border) / .62)}.recital-complete-shell .lesson-complete-layout{padding-block:clamp(24px,4vh,46px)}.recital-complete-shell .lesson-complete-content{max-width:920px;gap:10px}html:not(.dark) .recital-complete-shell .lesson-complete-layout{background-image:radial-gradient(circle at 8% 4%,hsl(var(--primary) / .12),transparent 22%),radial-gradient(circle at 92% 8%,hsl(var(--primary) / .11),transparent 24%),radial-gradient(ellipse 74% 38% at 50% 0%,hsl(var(--primary) / .15),transparent 72%),linear-gradient(180deg,#fbf7ff,#fdfcfe 54%,#fff)}.recital-complete-header{min-height:38px;padding-inline:2px}html:not(.dark) .recital-complete-header>button{border-color:hsl(var(--primary) / .12);background:#ffffffeb;box-shadow:0 2px 8px hsl(var(--primary) / .08),0 10px 24px -16px hsl(var(--primary) / .45);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.recital-complete-hero{padding-block:18px 28px}html:not(.dark) .recital-complete-hero{border-color:transparent!important;background:transparent!important}.recital-complete-rank{font-family:var(--font-serif);font-weight:700;letter-spacing:-.045em;line-height:.94}.recital-complete-card{border:1px solid hsl(var(--primary) / .1);border-radius:22px;background:#fff;box-shadow:0 1px 2px #3f32670d,0 14px 34px -22px hsl(var(--primary) / .34);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.dark .recital-complete-card{border-color:#ffffff12;background:#ffffff08;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.recital-unlocks-grid>*{padding-block:10px!important;padding-inline:18px!important}.recital-unlocks-grid>*>:nth-child(3){font-family:var(--font-body);letter-spacing:-.015em}.recital-complete-bottom{padding:16px 18px}@media (min-width: 1024px) and (max-height: 850px){.recital-complete-shell .lesson-complete-layout{padding-block:20px}.recital-complete-shell .lesson-complete-content{max-width:900px}}.lesson-complete-journey-card .lesson-complete-journey{display:flex;flex-direction:column;justify-content:center;min-height:142px}.lesson-complete-action-card .lesson-complete-actions{padding-right:0}.lesson-complete-brand-footer img{max-width:150px;-o-object-fit:contain;object-fit:contain}.lesson-complete-sparkles span{--particle-drift-x: 4px;--particle-drift-y: -8px;--particle-rotate: 5deg;position:absolute;color:hsl(var(--primary) / .3);font-size:22px;line-height:1;opacity:.42;transform-origin:center;animation:pt-lesson-particle-float 6.8s ease-in-out infinite}.lesson-complete-sparkles span:nth-child(1){left:0%;top:34%;font-size:18px;animation-delay:-1.3s}.lesson-complete-sparkles span:nth-child(2){--particle-drift-x: -5px;--particle-rotate: -7deg;left:7%;top:67%;font-size:17px;animation-delay:-4.8s}.lesson-complete-sparkles span:nth-child(3){--particle-drift-y: -5px;left:14%;top:12%;font-size:13px;animation-delay:-2.6s}.lesson-complete-sparkles span:nth-child(4){--particle-drift-x: 7px;--particle-rotate: 8deg;left:19%;top:48%;font-size:19px;animation-delay:-5.6s}.lesson-complete-sparkles span:nth-child(5){--particle-drift-x: -4px;right:2%;top:24%;font-size:21px;animation-delay:-3.9s}.lesson-complete-sparkles span:nth-child(6){--particle-drift-x: 6px;--particle-rotate: 9deg;right:8%;top:58%;font-size:19px;animation-delay:-.8s}.lesson-complete-sparkles span:nth-child(7){--particle-drift-y: -12px;right:16%;top:14%;font-size:25px;animation-delay:-5.1s}.lesson-complete-sparkles span:nth-child(8){--particle-drift-x: -7px;--particle-rotate: -9deg;right:19%;top:76%;font-size:16px;animation-delay:-2.1s}.lesson-complete-sparkles span:nth-child(9){--particle-drift-x: 3px;right:0%;top:80%;font-size:12px;animation-delay:-6.2s}@keyframes pt-lesson-particle-float{0%,to{opacity:.24;transform:translate3d(0,3px,0) rotate(-2deg) scale(.94)}50%{opacity:.58;transform:translate3d(var(--particle-drift-x),var(--particle-drift-y),0) rotate(var(--particle-rotate)) scale(1.04)}}.lesson-complete-sparkles--static span{animation:none;opacity:.34}@media (prefers-reduced-motion: reduce){.lesson-complete-sparkles span{animation:none;opacity:.34}}@media (max-width: 767px){.lesson-complete-layout{padding-top:clamp(36px,6dvh,56px);padding-bottom:max(16px,env(safe-area-inset-bottom))}.lesson-complete-insight-grid{gap:16px}.lesson-complete-journey-card .lesson-complete-journey{min-height:112px}}@media (min-width: 768px){.lesson-complete-hero{padding-inline:4rem}}@keyframes pt-star-burst{0%{opacity:0;transform:scale(0) rotate(-15deg)}60%{opacity:1;transform:scale(1.15) rotate(0)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes pt-star-glow-pulse{0%,to{filter:drop-shadow(0 0 18px hsl(var(--primary) / .55)) drop-shadow(0 0 6px hsl(var(--primary) / .45))}50%{filter:drop-shadow(0 0 28px hsl(var(--primary) / .85)) drop-shadow(0 0 10px hsl(var(--primary) / .65))}}@keyframes pt-celebration-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pt-celebration-rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.celebration-star{display:inline-flex;transform-origin:center;overflow:visible}.celebration-star svg{overflow:visible}.celebration-star--filled{filter:drop-shadow(0 0 22px hsl(var(--primary) / .75)) drop-shadow(0 0 8px hsl(var(--primary) / .55))}.celebration-star--burst{animation:pt-star-burst .6s cubic-bezier(.16,1,.3,1) both}.celebration-star--pulse{animation:pt-star-burst .6s cubic-bezier(.16,1,.3,1) both,pt-star-glow-pulse 2.5s ease-in-out .9s infinite}@keyframes pt-mastery-stars-glow-breathe{0%,to{filter:var(--mastery-stars-glow-min)}50%{filter:var(--mastery-stars-glow-max)}}@keyframes pt-mastery-star-sway{0%,to{transform:rotate(-.5deg)}50%{transform:rotate(.5deg)}}.mastery-stars,.mastery-stars svg,.mastery-stars__fill,.mastery-stars__outline{overflow:visible}.mastery-stars{position:relative;display:block;contain:layout}.mastery-stars__outline,.mastery-stars__fill{position:absolute;top:0;right:0;bottom:0;left:0}.mastery-stars__fill{filter:none}.mastery-stars--glow .mastery-stars__fill{filter:var(--mastery-stars-glow);animation:pt-mastery-stars-glow-breathe 2.5s ease-in-out infinite}.mastery-stars--glow .mastery-stars__filled-star{transform-box:fill-box;transform-origin:center;animation:pt-mastery-star-sway 4s ease-in-out infinite}@keyframes pt-mastery-notation-breathe{0%,to{filter:var(--mastery-stars-glow-min);opacity:.92}50%{filter:var(--mastery-stars-glow-max);opacity:1}}.mastery-notation{display:block}.mastery-notation--glow .mastery-notation__glyph--glow{transform-box:fill-box;transform-origin:center;animation:pt-mastery-notation-breathe 2.5s ease-in-out infinite}@keyframes pt-eq{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes pt-note-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.pt-note-breathe{animation:pt-note-breathe 1.5s ease-in-out infinite}@keyframes pt-tap-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.pt-tap-nudge{animation:pt-tap-nudge 1.15s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.pt-tap-nudge,.pt-note-breathe{animation:none}}@keyframes pt-mastery-sequencer-pop{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}@keyframes pt-mastery-sequencer-scan{0%,to{filter:brightness(1)}50%{filter:brightness(1.12)}}.mastery-sequencer__pad{background-color:hsl(var(--primary) / .04);border:.5px solid hsl(var(--primary) / .2);box-shadow:inset 0 1px 2px #0000000a;transition:filter .25s ease-out}.mastery-sequencer__pad--lit{background-image:linear-gradient(to bottom,hsl(var(--primary)),hsl(var(--primary) / .85));background-color:hsl(var(--primary));border-color:hsl(var(--primary));box-shadow:inset 0 1px #ffffff4d}.mastery-sequencer--glow .mastery-sequencer__pad--lit{filter:drop-shadow(0 0 10px hsl(var(--primary) / .5))}.mastery-sequencer__pad--pop{animation:pt-mastery-sequencer-pop .25s cubic-bezier(.16,1,.3,1) both;transform-origin:center}.mastery-sequencer__pad--scan{animation:pt-mastery-sequencer-scan 5s ease-in-out infinite;animation-delay:var(--scan-delay, 0ms)}.mastery-sequencer__beat{color:hsl(var(--muted-foreground))}.celebration-fade-in{opacity:0;animation:pt-celebration-fade-in .25s ease-out forwards}.celebration-section-in{opacity:0;animation:pt-celebration-rise-in .35s cubic-bezier(.16,1,.3,1) forwards}.celebration-takeaway-in{opacity:0;animation:pt-celebration-rise-in .35s cubic-bezier(.16,1,.3,1) .6s forwards}@keyframes pt-celebration-figure-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.celebration-figure-in{opacity:0;animation:pt-celebration-figure-in .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes pt-celebration-product-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.celebration-product-in{opacity:0;animation:pt-celebration-product-in .3s ease-out 1.3s forwards}.celebration-terms-in{opacity:0;animation:pt-celebration-product-in .28s ease-out 1.5s forwards}@keyframes pt-collapsible-section-content-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.collapsible-section-content-in{animation:pt-collapsible-section-content-in var(--motion-element-enter, .38s) var(--easing-out, ease-out) both}@media (prefers-reduced-motion: reduce){.celebration-star--burst,.celebration-star--pulse,.celebration-fade-in,.celebration-section-in,.celebration-takeaway-in,.celebration-figure-in,.celebration-product-in,.celebration-terms-in,.collapsible-section-content-in,.mastery-stars--glow .mastery-stars__fill,.mastery-stars--glow .mastery-stars__filled-star,.mastery-notation--glow .mastery-notation__glyph--glow,.mastery-sequencer__pad--pop,.mastery-sequencer__pad--scan{animation:none!important;opacity:1!important;transform:none!important}.mastery-stars--glow .mastery-stars__fill,.mastery-sequencer--glow .mastery-sequencer__pad--lit{filter:none!important}}@keyframes pt-advance-drift{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.pt-advance-tooltip,.pt-advance-prompt{animation:pt-advance-drift 1.8s ease-in-out infinite;will-change:transform;cursor:default}.pt-advance-tooltip:hover{background-color:hsl(var(--primary) / .08)!important;border-color:hsl(var(--primary) / .3)!important}.pt-advance-tooltip__tail{position:absolute;left:50%;bottom:-9px;width:14px;height:10px;transform:translate(-50%);background-color:hsl(var(--primary) / .05);border-left:.5px solid hsl(var(--primary) / .2);border-right:.5px solid hsl(var(--primary) / .2);clip-path:polygon(0 0,100% 0,50% 100%);pointer-events:none}.pt-advance-tooltip:after{content:"";position:absolute;left:50%;bottom:-.5px;width:13px;height:1px;transform:translate(-50%);background-color:hsl(var(--primary) / .05);pointer-events:none}.pt-advance-tooltip:hover .pt-advance-tooltip__tail{background-color:hsl(var(--primary) / .08);border-left-color:hsl(var(--primary) / .3);border-right-color:hsl(var(--primary) / .3)}.pt-advance-tooltip:hover:after{background-color:hsl(var(--primary) / .08)}@media (prefers-reduced-motion: reduce){.pt-advance-tooltip,.pt-advance-prompt{animation:none!important;transform:none!important}}@media (min-width: 768px){:root{--piano-incard-white-key-width-standard: 26px;--piano-incard-white-key-height-standard: 82px;--piano-incard-black-key-width-standard: 16px;--piano-incard-black-key-height-standard: 52px;--piano-incard-white-key-width-compact: 19px;--piano-incard-white-key-height-compact: 60px;--piano-incard-black-key-width-compact: 12px;--piano-incard-black-key-height-compact: 38px}}@media (min-width: 1024px){:root{--piano-incard-white-key-width-standard: 30px;--piano-incard-white-key-height-standard: 94px;--piano-incard-black-key-width-standard: 19px;--piano-incard-black-key-height-standard: 60px;--piano-incard-white-key-width-compact: 22px;--piano-incard-white-key-height-compact: 68px;--piano-incard-black-key-width-compact: 14px;--piano-incard-black-key-height-compact: 43px}}.piano-tier-compact{--piano-incard-white-key-width: var(--piano-incard-white-key-width-compact);--piano-incard-white-key-height: var(--piano-incard-white-key-height-compact);--piano-incard-black-key-width: var(--piano-incard-black-key-width-compact);--piano-incard-black-key-height: var(--piano-incard-black-key-height-compact)}.piano-tier-hero{--piano-incard-white-key-width: calc(var(--piano-incard-white-key-width-standard) * 2);--piano-incard-white-key-height: calc(var(--piano-incard-white-key-height-standard) * 2);--piano-incard-black-key-width: calc(var(--piano-incard-black-key-width-standard) * 2);--piano-incard-black-key-height: calc(var(--piano-incard-black-key-height-standard) * 2)}.piano-tier-intro{--piano-incard-white-key-width: calc(var(--piano-incard-white-key-width-standard) * 1.4);--piano-incard-white-key-height: calc(var(--piano-incard-white-key-height-standard) * 1.4);--piano-incard-black-key-width: calc(var(--piano-incard-black-key-width-standard) * 1.4);--piano-incard-black-key-height: calc(var(--piano-incard-black-key-height-standard) * 1.4)}@keyframes hero-breath{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.012);filter:brightness(1.04)}}.hero-breath{animation:hero-breath 3.4s ease-in-out infinite;transform-origin:center}@media (prefers-reduced-motion: reduce){.hero-breath{animation:none}}:root{--gradient-step0: linear-gradient(135deg, hsl(var(--primary)) 0%, hsl(var(--premium)) 100%)}.bg-gradient-step0{background-image:var(--gradient-step0)}@keyframes step0-cta-glow{0%,to{box-shadow:0 0 24px hsl(var(--primary) / .3)}50%{box-shadow:0 0 36px hsl(var(--primary) / .5)}}.step0-cta-glow{animation:step0-cta-glow 2.5s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.step0-cta-glow{animation:none;box-shadow:0 0 24px hsl(var(--primary) / .35)}}.step0-atmosphere{position:relative;isolation:isolate}.step0-atmosphere:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 50% 35%,hsl(var(--primary) / .04) 0%,transparent 70%),radial-gradient(ellipse at center,transparent 50%,hsl(0 0% 0% / .1) 100%)}.dark .step0-atmosphere:before{background:radial-gradient(ellipse 80% 60% at 50% 35%,hsl(var(--primary) / .1) 0%,transparent 70%),radial-gradient(ellipse at center,transparent 50%,hsl(0 0% 0% / .3) 100%)}.step0-atmosphere:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.025;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.dark .step0-atmosphere:after{opacity:.05}.step0-streak{position:absolute;top:30%;height:40%;width:1px;pointer-events:none;z-index:0;background:linear-gradient(to bottom,transparent 0%,hsl(var(--primary) / .18) 50%,transparent 100%);filter:blur(2px);opacity:.4}.dark .step0-streak{opacity:.6}.pt-option-key{box-shadow:inset 0 0 0 1.5px hsl(var(--primary) / .55),inset 0 -10px 14px -8px hsl(var(--primary) / .18)!important}.pt-option-key-black{box-shadow:0 0 0 1.5px hsl(var(--primary) / .65),inset 0 -2px 6px hsl(var(--primary-foreground) / .18),0 4px 8px #0000004d!important}@keyframes pt-fb-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes pt-fb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes pt-fb-wobble{0%,to{transform:rotate(0)}33%{transform:rotate(-3deg)}66%{transform:rotate(3deg)}}@keyframes pt-fb-nod{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}.pt-fb-anim-love{animation:pt-fb-pulse .6s ease-in-out 2}.pt-fb-anim-good{animation:pt-fb-bob .4s ease-in-out 1}.pt-fb-anim-ok{animation:pt-fb-wobble .5s ease-in-out 1}.pt-fb-anim-hard{animation:pt-fb-nod .4s ease-in-out 1}@keyframes pitch-wave-scroll{0%{transform:translate(0)}to{transform:translate(-160px)}}.journey-staff-scroll{width:100%;overflow-x:auto;padding:.25rem 0 .125rem}.journey-staff-svg{display:block;width:min(100%,900px);min-width:860px;height:auto;overflow:visible;margin-inline:auto}.journey-staff-line{stroke:hsl(var(--primary) / .28);stroke-width:1.15;stroke-linecap:round}.journey-staff-connector{stroke:hsl(var(--primary) / .58);stroke-width:2;stroke-linecap:round}.journey-staff-connector-filled{stroke:hsl(var(--primary));filter:drop-shadow(0 0 .35rem hsl(var(--primary) / .28))}.journey-staff-clef{fill:hsl(var(--primary));font-family:Noto Music,Bravura,Times New Roman,serif;font-size:4.25rem;line-height:1}.journey-staff-node-group{cursor:pointer;outline:none}.journey-staff-node-group-locked{cursor:default}.journey-staff-node-glow{fill:hsl(var(--primary) / .18);filter:drop-shadow(0 0 .7rem hsl(var(--primary) / .32))}.journey-staff-node{stroke-width:2}.journey-staff-node-active{fill:hsl(var(--primary));stroke:hsl(var(--primary));filter:drop-shadow(0 .2rem .55rem hsl(var(--primary) / .38))}.journey-staff-node-completed{fill:hsl(var(--primary));stroke:hsl(var(--primary))}.journey-staff-node-upcoming{fill:hsl(var(--card));stroke:hsl(var(--primary) / .55)}.journey-staff-check{fill:none;stroke:hsl(var(--primary-foreground));stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.journey-staff-label{fill:hsl(var(--muted-foreground));font-family:var(--font-body);font-size:.72rem;font-weight:500}.journey-staff-label-active{fill:hsl(var(--primary));font-weight:700}.journey-staff-label-completed{fill:hsl(var(--foreground))}.dark.theme-premium{--background: 234 38% 2.5%;--piano-key-white: #F8F9FC;--piano-active-halo: rgba(167, 139, 250, .45);--piano-black-key-top: 230 36% 14%;--piano-black-key-mid: 230 40% 10%;--piano-black-key-bottom: 230 43% 5%}.dark.theme-premium body{background:radial-gradient(130% 100% at 50% -14%,#130d29,#08071400 50%) fixed,#050509}.dark.theme-premium #root>div{background:transparent}.dark.theme-premium .lesson-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffff0a,0 24px 60px -30px #000c}.dark.theme-premium .lesson-card.lesson-card--bare{background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.dark.theme-premium .lesson-card-halo{opacity:.55}@keyframes pt-ambient-drift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(5%,-3.5%,0) scale(1.14)}to{transform:translateZ(0) scale(1)}}@keyframes pt-ambient-drift-2{0%{transform:translateZ(0) scale(1.1)}50%{transform:translate3d(-6%,4%,0) scale(1)}to{transform:translateZ(0) scale(1.1)}}.pt-ambient-drift{animation:pt-ambient-drift 24s ease-in-out infinite;will-change:transform}.pt-ambient-drift-2{animation:pt-ambient-drift-2 30s ease-in-out infinite;will-change:transform}@media (prefers-reduced-motion: reduce){.pt-ambient-drift,.pt-ambient-drift-2{animation:none}}@media (max-width: 767px){body.lesson-module-1-open .feedback-widget{display:none!important}.lesson-module-1 .lesson-intro-cover{min-height:0;overflow:hidden}.lesson-module-1 .lesson-intro-topbar{flex-shrink:0;gap:8px;padding:10px 12px}.lesson-module-1 .lesson-intro-back{max-width:calc(100% - 82px);gap:6px;font-size:12px}.lesson-module-1 .lesson-intro-module-label{min-width:0}.lesson-module-1 .lesson-intro-content{min-height:0;gap:14px;padding:8px 16px}.lesson-module-1 .lesson-intro-copy{gap:6px}.lesson-module-1 .lesson-intro-title{font-size:clamp(30px,9.5vw,38px);line-height:1.02}.lesson-module-1 .lesson-intro-description{font-size:14px;line-height:1.32}.lesson-module-1 .lesson-intro-caption{min-height:40px;padding-inline:12px}.lesson-module-1 .lesson-intro-actions{gap:6px;padding-inline:14px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.lesson-module-1 .lesson-intro-actions>button:first-child{padding-block:11px;font-size:14px}.lesson-module-1 .lesson-intro-ring-visual{display:flex;width:100%;height:210px;align-items:center;justify-content:center}.lesson-module-1 .lesson-intro-ring-visual>*{flex:0 0 auto;transform:scale(.64)}.lesson-module-1 .lesson-resume-dialog{padding:18px}.lesson-module-1 .lesson-resume-dialog button{width:100%;min-width:0;white-space:normal;line-height:1.2}}@media (max-width: 639px){.lesson-header-center{right:84px;left:84px;overflow:hidden}.lesson-header-center-content{max-width:100%;min-width:0;gap:4px}.lesson-header-title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-header-separator,.lesson-header-step-count{flex:0 0 auto}}@media (max-width: 767px) and (max-height: 700px){.lesson-module-1{--rhythm-snug: 8px;--rhythm-section: 12px}.lesson-module-1 .lesson-intro-topbar{padding-block:7px}.lesson-module-1 .lesson-intro-content{gap:8px;padding-block:3px}.lesson-module-1 .lesson-intro-copy{gap:3px}.lesson-module-1 .lesson-intro-copy>span:first-child{font-size:10px}.lesson-module-1 .lesson-intro-title{font-size:clamp(27px,8.5vw,32px)}.lesson-module-1 .lesson-intro-description{font-size:12.5px;line-height:1.22}.lesson-module-1 .lesson-intro-ring-visual{height:160px}.lesson-module-1 .lesson-intro-ring-visual>*{transform:scale(.48)}.lesson-module-1 .lesson-intro-hearing-visual{margin-block:-42px;transform:scale(.68)}.lesson-module-1 .lesson-intro-aside{font-size:12px}.lesson-module-1 .lesson-intro-caption{min-height:32px}.lesson-module-1 .lesson-intro-caption .narration-subtitle-pill,.lesson-module-1 .lesson-subtitle-slot .narration-subtitle-pill{max-width:94%!important;padding:5px 9px!important;font-size:12px!important;line-height:1.2!important}.lesson-module-1 .lesson-intro-actions{gap:3px;padding-bottom:max(6px,env(safe-area-inset-bottom))}.lesson-module-1 .lesson-intro-actions>button:first-child{padding-block:9px}.lesson-module-1 .lesson-focus-stage:not(:has(.lesson-intro-cover)){padding-block:8px}.lesson-module-1 .lesson-cardless-top-spacer{flex-basis:3vh}.lesson-module-1 .lesson-card{padding-top:10px;padding-bottom:8px}.lesson-module-1 .lesson-stage--cardless .lesson-card-title{margin-bottom:.25rem;font-size:22px;line-height:1.08}.lesson-module-1 .lesson-stage--cardless .lesson-card-title.is-functional{font-size:20px}.lesson-module-1 .lesson-stage--cardless .lesson-card-subtitle{font-size:14px;line-height:1.3}.lesson-module-1 .lesson-content-compact .space-y-4>*+*,.lesson-module-1 .lesson-content-compact .space-y-5>*+*,.lesson-module-1 .lesson-content-compact .space-y-6>*+*{margin-top:.45rem}.lesson-module-1 .lesson-content-compact .gap-4{gap:.5rem}.lesson-module-1 .lesson-content-compact .p-6,.lesson-module-1 .lesson-content-compact .p-5{padding:.65rem}.lesson-module-1 .lesson-callout--boxed{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px}.lesson-module-1 .lesson-callout-divider{display:none}.lesson-module-1 .lesson-callout-body{width:100%;font-size:12.5px;line-height:1.35}.lesson-module-1 .lesson-subtitle-slot{min-height:30px}.lesson-module-1 .lesson-footer-piano-stage{padding:6px 8px 2px}.lesson-module-1 .lesson-footer-piano-stage [data-lesson-chrome]{margin-bottom:0!important}.lesson-module-1 .lesson-footer-piano-frame{height:108px;padding:0 0 5px}.lesson-module-1 .lesson-piano-keybed:after,.dark .lesson-module-1 .lesson-piano-keybed:after{top:4px;left:4px;right:4px;height:10px}.lesson-module-1 .lesson-piano-ground-shadow{height:14px;margin-top:-7px}.lesson-module-1 .lesson-mobile-advance-row{padding-block:4px max(6px,env(safe-area-inset-bottom))}.lesson-module-1 .lesson-mobile-advance-button{min-height:36px;padding-block:8px}}@media (max-width: 767px) and (max-height: 590px){.lesson-module-1{--rhythm-snug: 6px;--rhythm-section: 10px}.lesson-module-1 .lesson-card{padding-top:7px;padding-bottom:6px}.lesson-module-1 .lesson-callout--boxed{padding:8px 10px}.lesson-module-1 .lesson-action-prompt{font-size:13px!important;line-height:1.25!important}.lesson-module-1 .lesson-media-card-visual{--piano-incard-white-key-height: 96px !important;--piano-incard-black-key-height: 60px !important;padding-top:8px;padding-bottom:7px}.lesson-module-1 .lesson-media-card-footer{gap:8px;padding:6px 10px}.lesson-module-1 .lesson-inline-piano-scale{--piano-incard-white-key-height: 108px !important;--piano-incard-black-key-height: 67px !important}.lesson-module-1 .lesson-card[data-step-id=binary] .lesson-binary-answer-grid{gap:8px}.lesson-module-1 .lesson-card[data-step-id=binary] :has(>.lesson-binary-answer-grid)>:first-child{margin-block:-8px;scale:.88}.lesson-module-1 .lesson-card[data-step-id=binary] .lesson-binary-answer-card{min-height:70px;gap:10px;padding:9px 12px}.lesson-module-1 .lesson-card[data-step-id=binary] .lesson-binary-answer-icon{width:36px;height:36px}.lesson-module-1 .lesson-card[data-step-id=binary] .lesson-binary-answer-subtitle{font-size:12px;line-height:1.2}.lesson-module-1 .lesson-card[data-step-id=binary] .lesson-round-progress-pill{min-height:34px;padding:5px 11px}.lesson-module-1 .lesson-card:is([data-step-id=trainer],[data-step-id=trainer-up],[data-step-id=trainer-down]) .lesson-card-subtitle{font-size:12.5px;line-height:1.15}.lesson-module-1 .lesson-card:is([data-step-id=trainer],[data-step-id=trainer-up],[data-step-id=trainer-down]) .lesson-card-title{font-size:18px}.lesson-module-1 .lesson-card:is([data-step-id=trainer],[data-step-id=trainer-up],[data-step-id=trainer-down]) .lesson-path-slot-row{gap:12px}.lesson-module-1 .lesson-card:is([data-step-id=trainer],[data-step-id=trainer-up],[data-step-id=trainer-down]) .lesson-path-slot-group>span:first-child{width:52px;height:52px;font-size:20px}.lesson-module-1 .lesson-card:is([data-step-id=trainer],[data-step-id=trainer-up],[data-step-id=trainer-down]) .lesson-callout--boxed{padding:5px 8px}.lesson-module-1 .lesson-card:is([data-step-id=trainer],[data-step-id=trainer-up],[data-step-id=trainer-down]) .lesson-callout-body{font-size:12px;line-height:1.25}.lesson-module-1 .lesson-card[data-step-id=groupings] .lesson-card-title{font-size:18px}.lesson-module-1 .lesson-card[data-step-id=groupings] .lesson-card-subtitle{font-size:12.5px;line-height:1.2}.lesson-module-1 .lesson-card[data-step-id=groupings] .lesson-callout-body{font-size:12px;line-height:1.25}.lesson-module-1 .lesson-card[data-step-type=practice] .lesson-action-prompt{padding:4px!important}.lesson-module-1 .lesson-card[data-step-type=practice] .gap-6{gap:10px}.lesson-module-1 .lesson-card[data-step-type=practice] .lesson-callout--boxed{position:relative;display:block;padding:7px 9px 7px 30px}.lesson-module-1 .lesson-card[data-step-type=practice] .lesson-callout-kicker{position:absolute;top:10px;left:10px}.lesson-module-1 .lesson-card[data-step-type=practice] .lesson-callout-kicker>span{display:none}.lesson-module-1 .lesson-card:is([data-step-id=find-2black],[data-step-id=find-3black]) .flex.items-stretch>div{gap:4px;padding:7px 12px}.lesson-module-1 .lesson-card:is([data-step-id=find-2black],[data-step-id=find-3black]) .flex.items-stretch>div>div:last-child{font-size:10px;line-height:1.1}.lesson-module-1 .lesson-card:is([data-step-id=tap-all-c],[data-step-id=tap-all-f]) .lesson-callout{display:none}.lesson-module-1 .lesson-card:is([data-step-id=tap-c],[data-step-id=find-c-and-f]) .lesson-callout{display:none}.lesson-module-1 .lesson-card[data-step-id=tap-blacks] .lesson-callout{display:none}.lesson-module-1 .lesson-card[data-step-id=mary-lamb] .flex.items-end.justify-center{flex-wrap:nowrap;gap:4px}.lesson-module-1 .lesson-card[data-step-id=mary-lamb] .flex.items-end.justify-center>div>div{width:36px;height:56px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.items-center.justify-center.flex-wrap{flex-wrap:nowrap;gap:8px}.lesson-module-1 .lesson-card:is([data-step-id=fur-elise],[data-step-id=pentatonic]) .flex.items-center.justify-center.flex-wrap>div{width:48px;height:48px;font-size:18px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.flex-col.items-center{gap:8px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.items-center.justify-center.flex-wrap{flex-wrap:nowrap;gap:4px}.lesson-module-1 .lesson-card[data-step-id=m4-finale] .flex.items-center.justify-center.flex-wrap>div{width:36px;height:36px;font-size:15px}.lesson-module-1 .hearing-pitch-demo{gap:6px}.lesson-module-1 .hearing-pitch-card{gap:5px;padding:8px 4px;border-radius:14px}.lesson-module-1 .hearing-pitch-card>span:first-child{height:20px;padding-inline:6px;font-size:9px}.lesson-module-1 .hearing-pitch-card .text-5xl{font-size:28px}.lesson-module-1 .hearing-pitch-card>svg{height:18px}.lesson-module-1 .hearing-pitch-card>.inline-block{display:none}.lesson-module-1 .lesson-card[data-step-id=listen] .lesson-callout{display:none}.lesson-module-1 .lesson-card:is([data-step-id=octaves],[data-step-id=find-any-c]) .lesson-callout{display:none}.lesson-module-1 .lesson-card:is([data-step-id=groupings],[data-step-id=trainer]) .lesson-callout{display:none}.lesson-module-1 .lesson-card[data-step-id=groupings] .lesson-inline-piano-scale{--piano-incard-white-key-height: 94px !important;--piano-incard-black-key-height: 58px !important}.lesson-module-1 .lesson-card[data-step-id=color-rule] .lesson-callout--boxed{padding:5px 8px}.lesson-module-1 .lesson-card[data-step-id=color-rule] .lesson-callout-body{font-size:11.5px;line-height:1.2}.lesson-module-1 .hearing-listening-orb{gap:4px}.lesson-module-1 .hearing-listening-orb-button{width:96px!important;height:96px!important}.lesson-module-1 .hearing-listening-orb-button>div{width:68px!important;height:68px!important}.lesson-module-1 .hearing-note-tabs{gap:5px}.lesson-module-1 .hearing-note-tabs>div{flex-wrap:nowrap;gap:8px}.lesson-module-1 .hearing-note-tabs>div>button{width:48px;height:48px;border-radius:12px;font-size:16px}.lesson-module-1 .lesson-card:is([data-step-id=tap-white],[data-step-id=tap-any]) .hearing-note-tabs,.lesson-module-1 .lesson-card:is([data-step-id=tap-white],[data-step-id=tap-any]) .hearing-drill-hint{display:none}.lesson-module-1 .hearing-challenge-visual{transform:scale(.74);transform-origin:top center;margin-block:-4px -76px}.lesson-module-1 .lesson-footer-piano-frame{height:92px}.lesson-module-1 .lesson-footer-piano-stage{padding-top:4px}.lesson-module-1 .lesson-intro-content{gap:5px}.lesson-module-1 .lesson-intro-ring-visual{height:128px}.lesson-module-1 .lesson-intro-ring-visual>*{transform:scale(.38)}}@media (max-width: 767px){body.lesson-module-2-open .feedback-widget{display:none!important}[data-lesson-module="2"] .lesson-intro-cover{min-height:0;overflow:hidden}[data-lesson-module="2"] .lesson-intro-topbar{flex-shrink:0;gap:8px;padding:9px 12px}[data-lesson-module="2"] .lesson-intro-back{max-width:calc(100% - 82px);gap:6px;font-size:12px}[data-lesson-module="2"] .lesson-intro-module-label{min-width:0}[data-lesson-module="2"] .lesson-intro-content{min-height:0;gap:9px;overflow:hidden;padding:4px 14px}[data-lesson-module="2"] .lesson-intro-copy{flex-shrink:1;gap:5px}[data-lesson-module="2"] .lesson-intro-title{font-size:clamp(28px,9vw,36px);line-height:1}[data-lesson-module="2"] .lesson-intro-description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:13px;line-height:1.25}[data-lesson-module="2"] .lesson-intro-hero{min-height:0;max-height:138px;flex:0 1 138px;align-items:center;overflow:hidden}[data-lesson-module="2"] .lesson-intro-hero>*{flex:0 0 auto;scale:.72}[data-lesson-module="2"] .lesson-intro-caption{min-height:36px;padding-inline:12px}[data-lesson-module="2"] .lesson-intro-caption .narration-subtitle-pill{max-width:94%!important;padding:5px 9px!important;font-size:12px!important;line-height:1.2!important}[data-lesson-module="2"] .lesson-intro-actions{gap:5px;padding-inline:14px;padding-bottom:max(8px,env(safe-area-inset-bottom))}[data-lesson-module="2"] .lesson-intro-actions>button:first-child{padding-block:10px;font-size:14px}[data-lesson-module="2"] .lesson-resume-dialog{max-height:calc(100dvh - 24px);padding:18px}[data-lesson-module="2"] .lesson-resume-dialog button{width:100%;min-width:0;white-space:normal;line-height:1.2}}@media (max-width: 767px) and (max-height: 700px){[data-lesson-module="2"] .lesson-intro-topbar{padding-block:6px}[data-lesson-module="2"] .lesson-intro-content{gap:5px;padding-block:1px}[data-lesson-module="2"] .lesson-intro-copy{gap:3px}[data-lesson-module="2"] .lesson-intro-copy>span:first-child{font-size:9px}[data-lesson-module="2"] .lesson-intro-title{font-size:clamp(25px,8.4vw,31px)}[data-lesson-module="2"] .lesson-intro-description{-webkit-line-clamp:2;font-size:11.5px;line-height:1.2}[data-lesson-module="2"] .lesson-intro-hero{max-height:112px;flex-basis:112px}[data-lesson-module="2"] .lesson-intro-hero>*{scale:.58}[data-lesson-module="2"] .lesson-intro-caption{min-height:30px}[data-lesson-module="2"] .lesson-intro-actions{gap:2px;padding-bottom:max(5px,env(safe-area-inset-bottom))}[data-lesson-module="2"] .lesson-intro-actions>button:first-child{padding-block:8px}[data-lesson-module="2"] .lesson-intro-actions>:not(button:first-child){display:none}[data-lesson-module="2"] .lesson-intro--recital .lesson-intro-description{-webkit-line-clamp:1}[data-lesson-module="2"] .lesson-intro--recital .lesson-intro-hero{max-height:82px;flex-basis:82px}[data-lesson-module="2"] .lesson-intro--recital .lesson-intro-hero>*{scale:.46}[data-lesson-module="2"] .lesson-intro--recital .lesson-intro-aside{max-height:88px;overflow:visible}[data-lesson-module="2"] .lesson-intro--recital .recital-capstone-stats{display:grid;width:min(100%,286px);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}[data-lesson-module="2"] .lesson-intro--recital .recital-stat-chip{min-width:0;gap:6px;border-radius:12px;padding:5px 7px}[data-lesson-module="2"] .lesson-intro--recital .recital-stat-chip>span:first-child{width:24px;height:24px}[data-lesson-module="2"] .lesson-intro--recital .recital-stat-chip>span:last-child>span:first-child{font-size:11px}[data-lesson-module="2"] .lesson-intro--recital .recital-stat-chip>span:last-child>span:last-child{font-size:9px}}@media (max-width: 767px) and (min-height: 620px){[data-lesson-module="2"] .lesson-intro--recital .lesson-intro-content{gap:8px}[data-lesson-module="2"] .lesson-intro--recital .lesson-intro-description{-webkit-line-clamp:2}[data-lesson-module="2"] .lesson-intro--recital .lesson-intro-hero{max-height:120px;flex-basis:120px}[data-lesson-module="2"] .lesson-intro--recital .lesson-intro-hero>*{scale:.58}}.badge-artwork-shine{background:linear-gradient(108deg,transparent 34%,rgb(255 255 255 / .08) 42%,rgb(255 255 255 / .82) 50%,rgb(255 255 255 / .14) 57%,transparent 66%);background-position:150% 0;background-repeat:no-repeat;background-size:300% 100%;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;animation:pt-badge-artwork-shine 10s ease-in-out infinite;mix-blend-mode:screen;opacity:0}@keyframes pt-badge-artwork-shine{0%{background-position:150% 0;opacity:0}2%{opacity:.9}12%{background-position:-50% 0;opacity:.9}14%,to{background-position:-50% 0;opacity:0}}@media (prefers-reduced-motion: reduce){.badge-artwork-shine{animation:none}}.lesson-intro-interval-name{color:hsl(var(--lesson-intro-accent-color, var(--primary)));transition:color .2s ease-out}.interval-orb-circle,.interval-orb-connector{filter:none}.dark .interval-orb-circle{filter:drop-shadow(0 0 9px hsl(var(--interval-orb-color) / .6))}.dark .interval-orb-circle--lit{filter:drop-shadow(0 0 16px hsl(var(--interval-orb-color) / .9))}.dark .interval-orb-connector{filter:drop-shadow(0 0 4px hsl(var(--interval-orb-color) / .5))}@media (max-height: 780px){.multiple-choice-quiz{gap:.375rem}.multiple-choice-quiz>div>button{padding-top:.625rem;padding-bottom:.625rem}}@media (min-width: 640px){.multiple-choice-quiz[data-label-layout=balanced][data-option-count="3"]{display:grid;width:100%;max-width:42rem;grid-template-columns:repeat(2,minmax(0,1fr))}.multiple-choice-quiz[data-label-layout=balanced][data-option-count="3"]>div:last-child{width:calc(50% - .25rem);grid-column:1 / -1;justify-self:center}.multiple-choice-quiz[data-label-layout=compact][data-option-count="2"],.multiple-choice-quiz[data-label-layout=compact][data-option-count="3"],.multiple-choice-quiz[data-label-layout=compact][data-option-count="4"]{display:grid;width:100%;max-width:42rem}.multiple-choice-quiz[data-label-layout=compact][data-option-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.multiple-choice-quiz[data-label-layout=compact][data-option-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.multiple-choice-quiz[data-label-layout=compact][data-option-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}}.lesson-visual-viewport-root{height:100dvh;max-height:100dvh}@media (max-width: 767px){.lesson-visual-viewport-compact .lesson-focus-stage:not(:has(.lesson-intro-cover)){overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none}.lesson-visual-viewport-compact .lesson-focus-stage:not(:has(.lesson-intro-cover))::-webkit-scrollbar{display:none}.lesson-visual-viewport-compact.lesson-module-1 .lesson-focus-stage:not(:has(.lesson-intro-cover)){padding-block:8px}.lesson-visual-viewport-compact.lesson-module-1 .lesson-cardless-top-spacer{flex-basis:3vh}.lesson-visual-viewport-compact.lesson-module-1 .lesson-card{padding-top:10px;padding-bottom:8px}.lesson-visual-viewport-compact.lesson-module-1 .lesson-callout--boxed{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px}.lesson-visual-viewport-compact.lesson-module-1 .lesson-callout-divider{display:none}.lesson-visual-viewport-compact.lesson-module-1 .lesson-callout-body{width:100%;font-size:12.5px;line-height:1.35}.lesson-visual-viewport-compact.lesson-module-1 .lesson-subtitle-slot{min-height:30px}.lesson-visual-viewport-compact.lesson-module-1 .lesson-footer-piano-stage{padding:6px 8px 2px}.lesson-visual-viewport-compact.lesson-module-1 .lesson-footer-piano-stage [data-lesson-chrome]{margin-bottom:0!important}.lesson-visual-viewport-compact.lesson-module-1 .lesson-footer-piano-frame{height:108px;padding:0 0 5px}}@media (min-width: 768px) and (max-height: 851px){.lesson-card[data-step-id=formula] .major-pentatonic-formula-visual>.lesson-callout--boxed{display:none}.lesson-card[data-step-id=method-3-circle],.lesson-card[data-step-id=real-music-usage],.lesson-card[data-step-id=intro-bridge]:has(.harmonic-minor-intro-visual),.lesson-card[data-step-id=where-you-hear]:has(.harmonic-minor-genre-grid),.lesson-card[data-step-id=formula-jump],.lesson-card[data-step-id=where-you-hear]:has(.melodic-minor-genre-grid),.lesson-card[data-step-id=formula-smooth]{--rhythm-section: 6px;padding-top:7px;padding-bottom:6px}.lesson-card[data-step-id=method-3-circle] .pt-stagger>.w-full.flex.justify-center,.lesson-card[data-step-id=real-music-usage] .pt-stagger>.w-full.flex.justify-center,.lesson-card:has(.harmonic-minor-intro-visual) .pt-stagger>.w-full.flex.justify-center,.lesson-card:has(.harmonic-minor-genre-grid) .pt-stagger>.w-full.flex.justify-center,.lesson-card:has(.harmonic-minor-formula-visual) .pt-stagger>.w-full.flex.justify-center,.lesson-card:has(.melodic-minor-genre-grid) .pt-stagger>.w-full.flex.justify-center,.lesson-card[data-step-id=formula-smooth] .pt-stagger>.w-full.flex.justify-center{margin-top:2px!important}.relative-keys-circle-visual{gap:2px}.relative-keys-circle-visual .lesson-circle-of-fifths{width:232px!important}.relative-keys-circle-visual>.min-h-\[28px\]{min-height:20px}.lesson-card[data-step-id=real-music-usage] .relative-keys-usage,.lesson-card[data-step-id=real-music-usage] .relative-keys-usage-grid{gap:5px}.lesson-card[data-step-id=real-music-usage] .relative-keys-usage-card{gap:3px;padding:6px 8px}.lesson-card[data-step-id=real-music-usage] .relative-keys-usage-body{margin-top:3px}.harmonic-minor-intro-visual{max-width:400px;gap:4px!important}.harmonic-minor-intro-visual>.inline-flex button{padding-top:4px;padding-bottom:4px}.harmonic-minor-intro-visual>button{padding-top:6px;padding-bottom:6px}.harmonic-minor-genre-grid,.melodic-minor-genre-grid{gap:4px}.harmonic-minor-genre-grid>div[role=button],.melodic-minor-genre-grid>div[role=button]{padding:4px 6px}.harmonic-minor-genre-grid>div[role=button]>p,.melodic-minor-genre-grid>div[role=button]>p{line-height:1.15}.lesson-card[data-step-id=where-you-hear] .harmonic-minor-genre-grid{max-width:52rem;gap:10px}.lesson-focus-stage>.max-w-xl:has(.harmonic-minor-genre-grid){max-width:56.25rem!important}.lesson-card[data-step-id=where-you-hear] .harmonic-minor-genre-card{min-height:96px;gap:5px;padding:9px 11px}.lesson-card[data-step-id=where-you-hear] .harmonic-minor-genre-card__header{gap:10px}.lesson-card[data-step-id=where-you-hear] .harmonic-minor-genre-card__header>.w-7.h-7{width:28px;height:28px}.lesson-card[data-step-id=where-you-hear] .harmonic-minor-genre-card__body{line-height:1.3}.lesson-card[data-step-id=where-you-hear] .harmonic-minor-genre-card__notes{gap:4px}.harmonic-minor-formula-visual,.melodic-minor-formula-visual{max-width:400px;gap:2px;position:relative;top:-4px}.harmonic-minor-formula-visual>.w-full.max-w-md,.melodic-minor-formula-visual>.w-full.max-w-md{border-radius:12px}.harmonic-minor-formula-visual>.w-full.max-w-md button,.melodic-minor-formula-visual>.w-full.max-w-md button{padding-top:5px;padding-bottom:5px}.harmonic-minor-formula-visual .lesson-callout--boxed,.melodic-minor-formula-visual .lesson-callout--boxed{padding-top:4px;padding-bottom:4px}}@media (min-width: 768px) and (max-height: 851px){.lesson-card:has(:is(.key-signatures-viewport-step[data-step-id=hook],.key-signatures-viewport-step[data-step-id=what-it-is],.middle-c-grand-staff-viewport-step[data-step-id=border-notes],.landmark-notes-viewport-step[data-step-id=anchors],.ledger-lines-viewport-step[data-step-id=hook],.ledger-lines-viewport-step[data-step-id=rungs],.reading-intervals-viewport-step[data-step-id=hook],.reading-scales-viewport-step[data-step-id=signature],.reading-scales-viewport-step[data-step-id=relative])){--rhythm-section: 16px;padding-top:12px;padding-bottom:12px}:is(.key-signatures-viewport-step[data-step-id=hook],.key-signatures-viewport-step[data-step-id=what-it-is],.middle-c-grand-staff-viewport-step[data-step-id=border-notes],.landmark-notes-viewport-step[data-step-id=anchors],.ledger-lines-viewport-step[data-step-id=hook],.ledger-lines-viewport-step[data-step-id=rungs],.reading-intervals-viewport-step[data-step-id=hook],.reading-scales-viewport-step[data-step-id=signature],.reading-scales-viewport-step[data-step-id=relative])>.w-full.flex.justify-center{margin-top:16px!important}:is(.middle-c-grand-staff-viewport-step[data-step-id=border-notes],.reading-intervals-viewport-step[data-step-id=hook]) svg[viewBox^="0 "][viewBox*="300 "]{width:auto;max-width:100%;height:190px;margin-inline:auto}.landmark-notes-viewport-step[data-step-id=anchors] .max-w-\[440px\]{max-width:400px}.reading-scales-viewport-step[data-step-id=signature] svg{max-height:176px}.reading-scales-viewport-step[data-step-id=relative] svg{max-height:116px}}@media (min-width: 768px) and (max-height: 900px){.fundamentals-recital-intro .lesson-intro-content{gap:12px;padding-top:12px;padding-bottom:12px}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=interval-examples] .lesson-intro-content,[data-lesson-id=module-boss-intervals] .lesson-intro-content{gap:8px;padding-block:8px}[data-lesson-id=module-boss-intervals] .lesson-intro-actions{padding-bottom:16px}[data-lesson-id=musical-intervals] .lesson-card[data-step-id=distance],[data-lesson-id=what-is-interval] .lesson-card[data-step-id=measure]{--rhythm-section: 12px;--rhythm-snug: 8px;padding-top:8px;padding-bottom:8px}[data-lesson-id=musical-intervals] .lesson-card[data-step-id=distance] .lesson-binary-answer-grid,[data-lesson-id=what-is-interval] .lesson-card[data-step-id=measure] .lesson-binary-answer-grid{margin-top:12px}[data-lesson-id=what-is-interval] .lesson-card[data-step-id=measure] .lesson-callout{padding-block:8px}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals]{--rhythm-snug: 8px;padding-block:8px}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .pt-stagger>.w-full.flex.justify-center{margin-top:8px!important}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .grid>button{padding-block:10px}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .lesson-callout{padding-block:8px}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=what-is-a-key] .what-is-key-chord-pull-visual button[aria-label="Play the chord progression"]{margin-bottom:0}[data-lesson-id=module-boss-scale] .lesson-intro-content{gap:8px;padding-block:8px}[data-lesson-id=module-boss-scale] .lesson-intro-copy{gap:4px}[data-lesson-id=module-boss-scale] .lesson-intro-description{max-width:38rem}[data-lesson-id=module-boss-scale] .lesson-intro-topbar{padding-block:8px}[data-lesson-id=module-boss-scale] .lesson-intro-actions{padding-bottom:12px}}@media (min-width: 768px) and (max-height: 900px){:is([data-lesson-id=intro-to-chords],[data-lesson-id=chord-types],[data-lesson-id=shifting-method],[data-lesson-id=triads-foundation],[data-lesson-id=diminished-augmented],[data-lesson-id=seventh-chords-intro],[data-lesson-id=fully-diminished7],[data-lesson-id=chord-voicings],[data-lesson-id=chord-inversion-practice]) .lesson-card[data-step-id=quick-check]{--rhythm-section: 12px;padding-block:8px}:is([data-lesson-id=intro-to-chords],[data-lesson-id=fully-diminished7],[data-lesson-id=chord-inversion-practice]) .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.items-center{gap:8px}[data-lesson-id=module-boss-chords] .lesson-intro-content{gap:8px;padding-block:8px}[data-lesson-id=module-boss-chords] .lesson-intro-copy{gap:4px}[data-lesson-id=module-boss-chords] .lesson-intro-topbar{padding-block:8px}[data-lesson-id=module-boss-chords] .lesson-intro-actions{padding-bottom:12px}}@media (min-width: 1024px) and (max-height: 780px){[data-lesson-module="4"] .lesson-focus-stage>.max-w-xl{max-width:52rem}[data-lesson-module="4"] .lesson-card{--rhythm-tight: 4px;--rhythm-snug: 4px;--rhythm-section: 6px;padding-top:4px;padding-bottom:4px}[data-lesson-module="4"] .lesson-card-title{margin-bottom:0}[data-lesson-module="4"] .lesson-card-subtitle.max-w-md{max-width:48rem}[data-lesson-module="4"] .lesson-card--bare>.flex.justify-center:first-child{margin-bottom:6px}[data-lesson-module="4"] .pt-stagger>.w-full.flex.justify-center .max-w-lg{max-width:48rem}[data-lesson-module="4"] .lesson-callout--boxed{gap:6px;padding-top:4px;padding-bottom:4px}.pt-stagger .triads-jobs-visual.max-w-lg,.pt-stagger .add-chords-habitats-visual.max-w-lg{max-width:48rem;gap:6px}.triads-jobs-visual>.w-full.flex.flex-col,.add-chords-habitats-visual>.w-full.flex.flex-col{gap:6px}.triads-jobs-visual>.w-full.flex.flex-col>button,.add-chords-habitats-visual>.w-full.flex.flex-col>button{padding-top:6px;padding-bottom:6px}}@media (min-width: 768px) and (max-height: 900px){:is([data-lesson-id=what-is-progression],[data-lesson-id=diatonic-triads],[data-lesson-id=roman-numerals],[data-lesson-id=progression-tips]) .lesson-card[data-step-id=quick-check]{--rhythm-section: 12px;padding-block:8px}[data-lesson-id=roman-numerals] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.items-center{gap:8px}[data-lesson-id=progression-tips] .lesson-card[data-step-id=quick-check]{--rhythm-section: 8px}[data-lesson-id=progression-tips] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.items-center{gap:6px}[data-lesson-id=what-is-progression] .lesson-card:is([data-step-id=hook],[data-step-id=loops],[data-step-id=ear-which-order],[data-step-id=quick-check]){--rhythm-tight: 4px;--rhythm-section: 4px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=ear-which-order]{--rhythm-section: 0px;padding-block:3px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops]{--rhythm-section: 0px;padding-block:0}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=quick-check]{padding-block:0}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops]>.flex.justify-center{margin-bottom:4px}[data-lesson-id=what-is-progression] .lesson-card:is([data-step-id=hook],[data-step-id=loops],[data-step-id=ear-which-order],[data-step-id=quick-check])>.flex.justify-center{margin-bottom:8px}[data-lesson-id=what-is-progression] .lesson-card:is([data-step-id=hook],[data-step-id=loops],[data-step-id=ear-which-order],[data-step-id=quick-check]) .lesson-card-title{margin-bottom:0}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=hook] .max-w-lg.flex.flex-col.items-center>.flex.flex-col.items-center{gap:12px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops] .what-is-progression-loops-visual{--progression-loop-row-height: 12px;gap:2px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops] .what-is-progression-loops-visual .w-9.flex-shrink-0 span{line-height:1}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops] .what-is-progression-loops-visual>.w-full.max-w-lg>.flex:first-child{padding-block:2px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=loops] .what-is-progression-loops-visual>.w-full.max-w-lg>.flex:nth-child(2) span{padding-block:0}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=quick-check] .max-w-md.flex.flex-col.items-center{gap:6px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=ear-which-order] .max-w-md.flex.flex-col.items-center{gap:4px}[data-lesson-id=what-is-progression] .lesson-card[data-step-id=ear-which-order] .multiple-choice-quiz{gap:2px}[data-lesson-id=module-boss-progressions] .lesson-intro-content{gap:8px;padding-block:8px}[data-lesson-id=module-boss-progressions] .lesson-intro-copy{gap:4px}[data-lesson-id=module-boss-progressions] .lesson-intro-topbar{padding-block:8px}[data-lesson-id=module-boss-progressions] .lesson-intro-actions{padding-bottom:12px}}@media (min-width: 768px) and (max-height: 900px){[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats]{--rhythm-section: 8px;padding-block:8px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .max-w-lg.flex.flex-col.items-center{gap:12px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .key-shortcut-practice.max-w-lg.flex.flex-col.items-center,[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .key-shortcut-options{gap:4px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .key-shortcut-options>button{padding-block:4px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=name-from-flats] .key-shortcut-practice .py-1{padding-block:0}[data-lesson-id=reading-chords] .lesson-card[data-step-id=quick-check]{--rhythm-section: 12px;padding-block:8px}[data-lesson-id=module-boss-reading] .lesson-intro-content{padding-block:12px}}@media (min-width: 768px) and (max-height: 851px){[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .pt-stagger>.w-full.flex.justify-center{margin-top:18px!important}[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .treble-lines-visual.w-full.max-w-lg.flex.flex-col.items-center{gap:12px}[data-lesson-id=treble-clef-notes] .lesson-card[data-step-id=lines] .treble-lines-visual .lesson-callout--boxed{padding-block:8px}}@media (min-width: 768px) and (max-height: 860px){[data-lesson-id=rhythm-time-grid] .lesson-card[data-step-id=slots]{--rhythm-section: 12px;padding-block:8px}[data-lesson-id=rhythm-time-grid] .lesson-card[data-step-id=slots] .lesson-callout--boxed{padding-block:8px}[data-lesson-id=module-boss-rhythm] .lesson-intro-content{padding-block:12px}}.lesson-focus-stage:has(.scale-degree-supporting-cast){overflow-y:auto;justify-content:flex-start}.lesson-focus-stage:has(.scale-degree-supporting-cast)>div{height:auto;min-height:100%;flex-shrink:0}@media (min-width: 1024px) and (max-height: 851px){.lesson-focus-stage:has(.scale-degree-supporting-cast)>div{max-width:944px}.lesson-card[data-step-id=supporting-cast] .scale-degree-supporting-cast{max-width:896px}.lesson-card[data-step-id=supporting-cast] .scale-degree-supporting-grid{max-width:896px;grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 768px) and (max-height: 780px){.lesson-piano-console{min-height:68px}.lesson-piano-console--collapsed{min-height:34px}.lesson-piano-console-toggle--collapse{height:42px;min-width:88px;flex:0 0 auto}.lesson-piano-console:not(.lesson-piano-console--collapsed) .lesson-piano-console-brand{display:none}.lesson-footer-piano-frame,.dark .lesson-footer-piano-frame{height:140px}.lesson-subtitle-slot{min-height:44px}.lesson-focus-stage:not(:has(.lesson-intro-cover)){padding-block:8px}.lesson-card{--rhythm-snug: 6px;--rhythm-section: 12px;padding-top:8px;padding-bottom:8px}.lesson-stage--cardless .lesson-content-compact .space-y-4>*+*,.lesson-stage--cardless .lesson-content-compact .space-y-5>*+*,.lesson-stage--cardless .lesson-content-compact .space-y-6>*+*{margin-top:.625rem}.lesson-callout--boxed{gap:8px;padding-top:8px;padding-bottom:8px}.lesson-module-1 .lesson-intro-actions{gap:4px;padding-bottom:8px}.lesson-module-1 .lesson-intro-actions>button:not(:first-child){display:none}.lesson-module-1 .lesson-intro-actions>button:first-child{padding-top:8px;padding-bottom:8px}[data-lesson-id="12-note-pattern"] .lesson-card[data-step-id=tap-all-c] .lesson-callout{display:none}[data-lesson-id=naming-whites] .lesson-card:is([data-step-id=tap-c],[data-step-id=find-c-and-f]) .lesson-callout,[data-lesson-id=naming-blacks] .lesson-card[data-step-id=exception] .lesson-callout{display:none}[data-lesson-id=hearing-the-notes] .lesson-card[data-step-id=concept] .hearing-pitch-demo{gap:8px}[data-lesson-id=hearing-the-notes] .lesson-card[data-step-id=concept] .hearing-pitch-card{gap:6px;padding:8px 6px;border-radius:16px}[data-lesson-id=hearing-the-notes] .lesson-card[data-step-id=concept] .hearing-pitch-card>span:first-child{height:20px;padding-inline:8px}[data-lesson-id=hearing-the-notes] .lesson-card[data-step-id=concept] .hearing-pitch-card>svg{height:22px}[data-lesson-id=hearing-the-notes] .lesson-card[data-step-id=concept] .hearing-pitch-card>.inline-block{display:none}[data-lesson-id=hearing-the-notes] .lesson-card[data-step-id=tap-any] .hearing-listening-orb{gap:2px}[data-lesson-id=hearing-the-notes] .lesson-card[data-step-id=tap-any] .hearing-listening-orb-button{width:72px!important;height:72px!important}[data-lesson-id=hearing-the-notes] .lesson-card[data-step-id=tap-any] .hearing-listening-orb-button>div{width:52px!important;height:52px!important}[data-lesson-id=naming-whites] .lesson-card[data-step-id=alphabet] .lesson-callout--boxed,[data-lesson-id=octaves-and-middle-c] .lesson-card[data-step-id=middle-c] .lesson-callout--boxed{padding-block:4px}[data-lesson-id=octaves-and-middle-c] .lesson-card[data-step-id=octaves] .lesson-inline-piano-scale{--piano-incard-white-key-height: 90px !important;--piano-incard-black-key-height: 55px !important}[data-lesson-id=octaves-and-middle-c] .lesson-card[data-step-id=octaves] .lesson-callout--boxed{padding-block:4px}[data-lesson-id=half-steps] .lesson-card:is([data-step-id=groupings],[data-step-id=listen],[data-step-id=trainer]) .lesson-callout,[data-lesson-id=whole-steps] .lesson-card:is([data-step-id=color-rule],[data-step-id=listen]) .lesson-callout{display:none}[data-lesson-id=half-steps] .lesson-card[data-step-id=enharmonic-spellings] .lesson-callout--boxed,[data-lesson-id=whole-steps] .lesson-card[data-step-id=concept] .lesson-callout--boxed{padding-block:4px}.lesson-module-1 .lesson-card[data-step-id=binary] .lesson-binary-answer-grid{gap:8px}.lesson-module-1 .lesson-card[data-step-id=binary] :has(>.lesson-binary-answer-grid)>:first-child{margin-block:-8px;scale:.88}.lesson-module-1 .lesson-card[data-step-id=binary] .lesson-binary-answer-card{min-height:70px;gap:10px;padding:9px 12px}.lesson-module-1 .lesson-card[data-step-id=binary] .lesson-binary-answer-icon{width:36px;height:36px}.lesson-module-1 .lesson-card[data-step-id=binary] .lesson-round-progress-pill{min-height:34px;padding:5px 11px}:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card:is([data-step-id=m1-name-e],[data-step-id=m1-name-fs],[data-step-id=m1-name-bf]) button{padding-block:8px}:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m2-half-or-whole] .lesson-binary-answer-card{min-height:70px;padding:9px 12px}:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m4-finale] .relative.w-full.flex.flex-col.items-center{gap:8px}.lesson-intro-actions>button:first-child{padding-block:8px}[data-lesson-module="2"] .lesson-intro-actions>button:not(:first-child){display:none}[data-lesson-module="2"] .lesson-intro-topbar{padding-block:5px}[data-lesson-module="2"] .lesson-intro-content{gap:2px;padding-block:0}[data-lesson-module="2"] .lesson-intro-copy{gap:4px}[data-lesson-module="2"] .lesson-intro-actions{padding-bottom:4px}[data-lesson-module="2"] .lesson-intro-actions>button:first-child{padding-block:6px}[data-lesson-module="2"] .lesson-intro-caption{min-height:36px}[data-lesson-id=module-boss-intervals] .lesson-intro--recital .lesson-intro-copy{gap:4px}[data-lesson-id=module-boss-intervals] .lesson-intro--recital .lesson-intro-hero{max-height:220px;flex-basis:220px}[data-lesson-id=module-boss-intervals] .lesson-intro--recital .lesson-intro-hero>*{scale:.68}[data-lesson-id=module-boss-intervals] .lesson-intro-actions{padding-bottom:6px}[data-lesson-id=musical-intervals] .lesson-card[data-step-id=distance] [style*=--piano-incard-white-key-height]{--piano-incard-white-key-width: 30px !important;--piano-incard-white-key-height: 88px !important;--piano-incard-black-key-width: 18px !important;--piano-incard-black-key-height: 54px !important}[data-lesson-id=musical-intervals] .lesson-card[data-step-id=distance] .lesson-binary-answer-grid{margin-top:6px}[data-lesson-id=musical-intervals] .lesson-card[data-step-id=distance]{--rhythm-section: 8px}[data-lesson-id=musical-intervals] .lesson-card[data-step-id=distance] .lesson-binary-answer-card{min-height:56px;padding:6px 10px}[data-lesson-id=musical-intervals] .lesson-card[data-step-id=distance] .lesson-callout{padding-block:3px}[data-lesson-id=what-is-interval] .lesson-card[data-step-id=measure] [style*=--piano-incard-white-key-height]{--piano-incard-white-key-width: 30px !important;--piano-incard-white-key-height: 88px !important;--piano-incard-black-key-width: 18px !important;--piano-incard-black-key-height: 54px !important}[data-lesson-id=what-is-interval] .lesson-card[data-step-id=measure]{--rhythm-section: 8px}[data-lesson-id=what-is-interval] .lesson-card[data-step-id=measure] .lesson-binary-answer-grid{margin-top:6px}[data-lesson-id=what-is-interval] .lesson-card[data-step-id=measure] .lesson-binary-answer-card{min-height:56px;padding:6px 10px}[data-lesson-id=what-is-interval] .lesson-card[data-step-id=measure] .lesson-callout{padding-block:3px}[data-lesson-id=musical-intervals] .lesson-card[data-step-id=sound] .lesson-callout,[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=melodic],[data-step-id=drill]) .lesson-callout{display:none}[data-lesson-id=musical-intervals] .lesson-card[data-step-id=direction] .lesson-callout--boxed{padding-block:4px}[data-lesson-id=musical-intervals] .lesson-card:is([data-step-id=same-different],[data-step-id=larger]) .lesson-action-prompt{margin-top:4px!important;line-height:1.2}[data-lesson-id=musical-intervals] .lesson-card:is([data-step-id=same-different],[data-step-id=larger]) button[aria-label^="Play Pair"],[data-lesson-id=musical-intervals] .lesson-card:is([data-step-id=same-different],[data-step-id=larger]) button[aria-label^="Speel Pair"]{gap:4px;padding-block:6px}[data-lesson-id=musical-intervals] .lesson-card:is([data-step-id=same-different],[data-step-id=larger]) button[aria-label^="Play Pair"]>svg[viewBox="0 0 280 96"],[data-lesson-id=musical-intervals] .lesson-card:is([data-step-id=same-different],[data-step-id=larger]) button[aria-label^="Speel Pair"]>svg[viewBox="0 0 280 96"]{width:100%;height:52px}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-example-card{gap:6px;padding-block:7px}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-example-card{gap:4px;padding-block:6px}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-example-card div[style*="height: 22px"]{height:14px!important}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-example-card .border-b{padding-block:4px}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-example-card>.flex.w-full.flex-col.items-center{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=compare] .grid>button{gap:4px;padding-block:7px}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=compare] .grid>button>.flex.w-full.flex-col.items-center{zoom:.82}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=harmonic] .lesson-callout{padding-block:4px}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .lesson-callout{display:none}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.justify-center button{gap:8px;padding-block:10px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-concept-step>.w-full.flex.justify-center button>.flex.flex-col.items-center{--piano-incard-white-key-width: 34px !important;--piano-incard-white-key-height: 100px !important;--piano-incard-black-key-width: 20px !important;--piano-incard-black-key-height: 62px !important;gap:8px}[data-lesson-id=interval-qualities] .lesson-card[data-step-id=drill-number] button,:is([data-lesson-id="2nds-3rds"],[data-lesson-id="2nds-and-3rds-v4"]) .lesson-card[data-step-id=why-2nds] button{padding-block:8px}[data-lesson-id=interval-qualities] .lesson-card[data-step-id=quality] button{gap:6px;padding-block:8px}[data-lesson-id=interval-qualities] .lesson-card[data-step-id=rule] .interval-quality-rule-visual{transform:scale(.84);transform-origin:top center;margin-bottom:-56px}:is([data-lesson-id="2nds-3rds"],[data-lesson-id="2nds-and-3rds-v4"]) .lesson-card[data-step-id=what-is-3rd] .lesson-interval-square-card,:is([data-lesson-id=major-minor-6th],[data-lesson-id=major-minor-7th]) .lesson-card:is([data-step-id=what-is-major-6th],[data-step-id=what-is-minor-6th]) .lesson-interval-square-card,:is([data-lesson-id=major-minor-6th],[data-lesson-id=major-minor-7th]) .lesson-card:is([data-step-id=what-is-major-7th],[data-step-id=what-is-minor-7th]) .lesson-interval-square-card{--piano-incard-white-key-height-standard: 64px;--piano-incard-black-key-height-standard: 40px;gap:6px;padding-block:8px}:is([data-lesson-id="2nds-3rds"],[data-lesson-id="2nds-and-3rds-v4"]) .lesson-card:is([data-step-id=what-is-3rd],[data-step-id=compare-all]) .lesson-callout{display:none}[data-lesson-id=interval-examples] .lesson-card:is([data-step-id=star-wars],[data-step-id=simpsons],[data-step-id=bad],[data-step-id=take-on-me]) [role=button].group.flex.flex-col{gap:6px;padding-block:8px}[data-lesson-id=interval-examples] .lesson-card:is([data-step-id=star-wars],[data-step-id=simpsons],[data-step-id=bad],[data-step-id=take-on-me]) [role=button] img{width:40px;height:40px}}@media (min-width: 1200px) and (max-width: 1300px) and (min-height: 800px) and (max-height: 830px){[data-lesson-id=naming-whites] .lesson-card:is([data-step-id=finding-c],[data-step-id=alphabet]) .pt-stagger>:is(.w-full.flex.justify-center,.w-full.max-w-lg.mx-auto){margin-top:40px!important}[data-lesson-id=naming-whites] .lesson-card:is([data-step-id=finding-c],[data-step-id=alphabet]) .lesson-callout{padding-block:7px}[data-lesson-id=naming-whites] .lesson-card[data-step-id=alphabet] .pt-stagger>.w-full.max-w-lg.mx-auto{max-width:640px}}@media (min-width: 768px) and (max-height: 780px){[data-lesson-id=musical-intervals] .lesson-card:is([data-step-id=direction],[data-step-id=same-different],[data-step-id=larger]) .lesson-callout{display:none}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=harmonic] .lesson-callout,[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .lesson-callout{display:none}[data-lesson-id=octaves-and-middle-c] .lesson-card[data-step-id=octaves] .gap-6{gap:8px}[data-lesson-id=octaves-and-middle-c] .lesson-card[data-step-id=octaves] .lesson-inline-piano-scale{--piano-incard-white-key-width: 24px !important;--piano-incard-black-key-width: 14px !important;--piano-incard-white-key-height: 70px !important;--piano-incard-black-key-height: 43px !important}[data-lesson-id=half-steps] .lesson-card[data-step-id=enharmonic-spellings] .lesson-callout--boxed{display:none}.lesson-module-1 .lesson-intro-content{gap:10px;padding-block:4px}.lesson-module-1 .lesson-intro-copy{gap:4px}.lesson-module-1 .lesson-intro-hero{align-items:center;flex-basis:auto;max-height:none}.lesson-module-1 .lesson-intro-hero>*{flex:0 0 auto;scale:.84;transform-origin:center}[data-lesson-id="12-note-pattern"] .lesson-intro-hero{align-items:flex-start;flex-basis:270px;margin-bottom:0;max-height:270px}[data-lesson-id="12-note-pattern"] .lesson-intro-hero>*{transform-origin:top center}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=recap]:has(.what-is-key-recap-visual){--rhythm-section: 5px;--rhythm-snug: 4px;padding-block:3px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=recap] .pt-stagger>.w-full.flex.justify-center{margin-top:4px!important}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=recap] .what-is-key-recap-visual>*{gap:5px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=recap] .what-is-key-recap-visual>*>*{padding-block:7px}[data-lesson-id=examples-of-keys] .lesson-card:is([data-step-id=play-melody],[data-step-id=chords-from-key]):has(.examples-song-choice-grid){--rhythm-section: 5px;--rhythm-snug: 4px;padding-block:2px}[data-lesson-id=examples-of-keys] .examples-song-challenge-step,[data-lesson-id=examples-of-keys] .examples-song-choice-grid{gap:5px 12px}[data-lesson-id=examples-of-keys] .examples-song-choice-grid>button{min-height:118px;gap:4px;padding-block:7px}[data-lesson-id=examples-of-keys] .examples-song-choice-piano-wide{min-height:50px}[data-lesson-id=examples-of-keys] .examples-song-choice-piano-wide .piano-tier-compact{--piano-incard-white-key-height: 50px !important;--piano-incard-black-key-height: 32px !important}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=enharmonics]{--rhythm-section: 5px;--rhythm-snug: 4px;padding-block:3px}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=enharmonics] .pt-stagger,[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=enharmonics] .pt-stagger>.w-full.flex.justify-center{gap:4px;margin-top:3px!important}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=enharmonics] button{padding-block:5px}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=using-chromatic] .lesson-callout--boxed{display:none}[data-lesson-id=major-scale-pattern] .lesson-card:is([data-step-id=scale-vs-key],[data-step-id=scale-zoo],[data-step-id=what-you-can-do],[data-step-id=build-melody],[data-step-id=transpose-melody]){--rhythm-section: 5px;--rhythm-snug: 4px;padding-block:3px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=scale-vs-key] .lesson-callout--boxed,[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=transpose-melody] .lesson-callout--boxed{display:none}[data-lesson-id=major-scale-pattern] .major-scale-zoo-visual,[data-lesson-id=major-scale-pattern] .major-scale-zoo-visual>.flex.flex-col{gap:1px}[data-lesson-id=major-scale-pattern] .major-scale-zoo-visual button{padding-block:1px}[data-lesson-id=major-scale-pattern] .major-scale-zoo-visual button .piano-surface-shadow{height:27px!important}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=what-you-can-do] .pt-stagger>.w-full.flex.justify-center{margin-top:4px!important}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=what-you-can-do] .pt-stagger button{gap:8px;padding-block:9px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=build-melody] .pt-stagger>.w-full.flex.justify-center{margin-top:3px!important}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=build-melody] .lesson-step-sequencer{gap:3px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=build-melody] .lesson-step-sequencer>div{padding-block:3px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=build-melody] .lesson-step-sequencer button{height:17px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=build-melody] .lesson-callout,[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=build-melody] .pt-stagger button:has(+.sr-only){display:none}[data-lesson-id=scale-degrees] .lesson-card:is([data-step-id=number-system-map],[data-step-id=spine],[data-step-id=octave-repeats]){--rhythm-section: 5px;--rhythm-snug: 4px;padding-block:3px}[data-lesson-id=scale-degrees] .lesson-card[data-step-id=number-system-map] .pt-stagger{gap:6px}[data-lesson-id=scale-degrees] .lesson-card[data-step-id=number-system-map] .pt-stagger>button{gap:6px;padding-block:9px}[data-lesson-id=scale-degrees] .lesson-card[data-step-id=number-system-map] .piano-surface-shadow{height:52px!important}[data-lesson-id=scale-degrees] .lesson-card:is([data-step-id=spine],[data-step-id=octave-repeats]) :is(.scale-degree-spine,.scale-degree-octave-repeats){gap:3px}[data-lesson-id=scale-degrees] .lesson-card[data-step-id=spine] .scale-degree-spine svg[aria-label*="scale's spine"],[data-lesson-id=scale-degrees] .lesson-card[data-step-id=octave-repeats] .scale-degree-octave-repeats svg[aria-label*="Scale-degree cycle"]{width:144px!important;height:144px!important}[data-lesson-id=scale-degrees] .lesson-card:is([data-step-id=spine],[data-step-id=octave-repeats]) .lesson-callout--boxed{display:none}[data-lesson-id=build-major-scale] .lesson-card[data-step-id=where-you-hear]:has(.build-major-where-you-hear-visual){--rhythm-section: 4px;--rhythm-snug: 4px;padding-block:2px}[data-lesson-id=build-major-scale] .build-major-where-you-hear-visual{gap:3px}[data-lesson-id=build-major-scale] .build-major-where-you-hear-visual>div:first-child{gap:3px;padding-block:4px}[data-lesson-id=build-major-scale] .build-major-where-you-hear-visual .piano-surface-shadow{height:58px!important}[data-lesson-id=build-major-scale] .build-major-where-you-hear-visual>.flex.flex-wrap,[data-lesson-id=build-major-scale] .build-major-where-you-hear-visual+.lesson-caption{display:none}[data-lesson-id=major-scale-practice] .lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]):has(.playing-scales-fingering-visual){--rhythm-section: 4px;--rhythm-snug: 4px;padding-block:2px}[data-lesson-id=major-scale-practice] .playing-scales-fingering-visual{gap:3px}[data-lesson-id=major-scale-practice] .playing-scales-fingering-map{padding-block:0}[data-lesson-id=major-scale-practice] .playing-scales-fingering-map svg{width:auto;height:124px}[data-lesson-id=major-scale-practice] .lesson-card:is([data-step-id=fingering],[data-step-id=play-C],[data-step-id=play-F]) .pt-stagger>.w-full.flex.justify-center{margin-top:3px!important}}:is(.playing-scales-fingering-map,.natural-minor-fingering-map){display:flex;align-items:center;justify-content:center}:is(.playing-scales-fingering-map,.natural-minor-fingering-map)>svg{display:block;margin-inline:auto}@media (min-width: 768px) and (max-height: 780px){:is([data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull],[data-lesson-id=transpose-major-scale] .lesson-card[data-step-id=name-sharps],[data-lesson-id=major-scale-practice] .lesson-card[data-step-id=compare-three],[data-lesson-id=natural-minor-pattern] .lesson-card:is([data-step-id=fingering],[data-step-id=make-melody]),[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=method-1-demo],[data-lesson-id=harmonic-minor] .lesson-card[data-step-id=hook],[data-lesson-id=melodic-minor] .lesson-card:is([data-step-id=hook],[data-step-id=formula-smooth]),[data-lesson-id=major-pentatonic] .lesson-card[data-step-id=hear-tension],[data-lesson-id=minor-pentatonic] .lesson-card:is([data-step-id=hook],[data-step-id=where],[data-step-id=formula],[data-step-id=hear-tension],[data-step-id=quick-check]),[data-lesson-id=blues-scale] .lesson-card:is([data-step-id=formula],[data-step-id=hear-bluesy])){--rhythm-section: 4px;--rhythm-snug: 4px;padding-block:2px}.lesson-focus-stage>.max-w-xl:has(:is([data-step-id=feel-the-pull],[data-step-id=compare-three],[data-step-id=method-1-demo],[data-step-id=formula-smooth],[data-step-id=formula] .minor-pentatonic-formula-visual,[data-step-id=formula] .blues-formula-visual)){max-width:44rem!important}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.w-full.mx-auto.max-w-md{max-width:40rem}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull] .pt-stagger>.w-full.flex.justify-center{margin-top:2px!important}[data-lesson-id=what-is-a-key] .what-is-key-pull-visual{gap:2px}[data-lesson-id=what-is-a-key] .what-is-key-pull-visual>div:first-child>button{padding-block:4px;margin-bottom:-4px}[data-lesson-id=transpose-major-scale] .transpose-name-sharps-round{gap:8px;padding:10px 16px}[data-lesson-id=major-scale-practice] .lesson-card[data-step-id=compare-three] .playing-scales-compare-three-visual{max-width:44rem;gap:4px}[data-lesson-id=major-scale-practice] .lesson-card[data-step-id=compare-three] .playing-scales-compare-three-visual>button{gap:3px;padding-block:4px}:is(.playing-scales-fingering-map,.natural-minor-fingering-map)>svg{width:auto!important;height:96px!important}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual){gap:2px}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.inline-flex:first-child{padding-block:2px}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.inline-flex:first-child>span:first-child{width:24px;height:24px}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.grid:last-child{gap:6px}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.grid:last-child>div{gap:8px;padding-block:3px}:is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.grid:last-child>div>span:first-child{width:28px;height:28px}[data-lesson-id=natural-minor-pattern] .natural-minor-fingering-visual{gap:3px}[data-lesson-id=natural-minor-pattern] .natural-minor-fingering-map{padding-block:0!important}[data-lesson-id=natural-minor-pattern] .lesson-card[data-step-id=make-melody] .natural-minor-melody-maker{gap:2px}[data-lesson-id=natural-minor-pattern] .lesson-card[data-step-id=make-melody] .lesson-step-sequencer{gap:4px}[data-lesson-id=natural-minor-pattern] .lesson-card[data-step-id=make-melody] .lesson-step-sequencer>div:first-child{padding:4px}[data-lesson-id=natural-minor-pattern] .lesson-card[data-step-id=make-melody] .lesson-step-sequencer>div:first-child>div{gap:2px}[data-lesson-id=natural-minor-pattern] .lesson-card[data-step-id=make-melody] .lesson-step-sequencer>div:first-child .grid>button{height:16px}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=method-1-demo] .pt-stagger>.w-full.flex.justify-center>*{max-width:40rem;gap:4px}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=method-1-demo] .h-10{height:2rem}[data-lesson-id=harmonic-minor] .harmonic-minor-intro-visual{gap:2px!important}[data-lesson-id=harmonic-minor] .harmonic-minor-intro-visual>.lesson-caption{display:none}[data-lesson-id=melodic-minor] .melodic-minor-hook-visual{gap:4px!important}[data-lesson-id=melodic-minor] .melodic-minor-hook-visual>p{display:none}[data-lesson-id=melodic-minor] .melodic-minor-hook-visual>.inline-flex button{padding-block:4px}[data-lesson-id=melodic-minor] .melodic-minor-hook-visual>button{padding-block:5px}[data-lesson-id=melodic-minor] .melodic-minor-formula-visual,[data-lesson-id=minor-pentatonic] .minor-pentatonic-formula-visual,[data-lesson-id=blues-scale] .blues-formula-visual{max-width:40rem;gap:3px;top:0}[data-lesson-id=major-pentatonic] .major-pentatonic-tension-visual>.lesson-caption,[data-lesson-id=minor-pentatonic] .minor-pentatonic-tension-visual>.lesson-caption,[data-lesson-id=blues-scale] .bluesy-interval-visual>.lesson-caption{display:none}[data-lesson-id=major-pentatonic] .major-pentatonic-tension-visual,[data-lesson-id=minor-pentatonic] .minor-pentatonic-tension-visual,[data-lesson-id=blues-scale] .bluesy-interval-visual{gap:4px}[data-lesson-id=minor-pentatonic] .lesson-card[data-step-id=hook] .minor-pentatonic-hook-visual{max-width:40rem;gap:4px}[data-lesson-id=minor-pentatonic] .lesson-card[data-step-id=where] .pt-stagger>.w-full.flex.justify-center{margin-top:4px!important}[data-lesson-id=minor-pentatonic] .minor-pentatonic-genre-grid{width:min(68rem,100%);max-width:68rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}[data-lesson-id=minor-pentatonic] .minor-pentatonic-genre-grid>div[role=button]{gap:4px;padding:8px}[data-lesson-id=minor-pentatonic] .lesson-focus-stage>.max-w-xl:has([data-step-id=where]){max-width:70rem!important}[data-lesson-id=minor-pentatonic] .minor-pentatonic-next-teaser{display:none}[data-lesson-id=blues-scale] .lesson-card[data-step-id=hear-bluesy] .bluesy-interval-visual>.grid{gap:4px}[data-lesson-id=module-boss-scale] .lesson-intro-topbar{padding-block:5px}[data-lesson-id=module-boss-scale] .lesson-intro-content{gap:2px;padding-block:0}[data-lesson-id=module-boss-scale] .lesson-intro-copy{gap:4px}[data-lesson-id=module-boss-scale] .lesson-intro--recital .lesson-intro-hero{max-height:220px;flex-basis:220px}[data-lesson-id=module-boss-scale] .lesson-intro--recital .lesson-intro-hero>*{scale:.68}[data-lesson-id=module-boss-scale] .lesson-intro-caption{min-height:36px}[data-lesson-id=module-boss-scale] .lesson-intro-actions{padding-bottom:6px}[data-lesson-id=module-boss-scale] .lesson-intro-actions>button:first-child{padding-block:6px}}body.progress-auth-open .feedback-widget{visibility:hidden}@media (min-width: 640px){@media (min-width: 768px){.lesson-content-compact .sm\:text-3xl{font-size:1.375rem;line-height:1.75rem}.lesson-content-compact .sm\:text-2xl{font-size:1.25rem;line-height:1.625rem}.lesson-content-compact .sm\:p-6{padding:.75rem}.lesson-content-compact .sm\:p-5{padding:.625rem}.lesson-content-compact .sm\:text-lg{font-size:.9375rem}.lesson-content-compact .sm\:gap-4{gap:.625rem}}}@media (min-width: 768px){.lesson-content-compact .md\:text-3xl{font-size:1.375rem;line-height:1.75rem}.lesson-content-compact .md\:text-2xl{font-size:1.25rem;line-height:1.625rem}.lesson-content-compact .md\:p-6{padding:.75rem}.lesson-content-compact .md\:p-5{padding:.625rem}.lesson-content-compact .md\:gap-4{gap:.625rem}.lesson-content-compact .md\:mb-3{margin-bottom:.375rem}}@media (min-width: 640px){@media (min-width: 768px){.lesson-content-compact .sm\:\[\&_\[data-lesson-answer\]\]\:text-lg [data-lesson-answer]{font-size:.9375rem}}}:root:not(.dark) .lesson-piano-range-display .placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--primary) / .72)!important}:root:not(.dark) .lesson-piano-range-display .placeholder\:text-muted-foreground::placeholder{color:hsl(var(--primary) / .72)!important}:root:not(.dark) .lesson-piano-range-display .hover\:text-muted-foreground:hover{color:hsl(var(--primary) / .72)!important}:root:not(.dark) .lesson-piano-range-display .disabled\:text-muted-foreground:disabled{color:hsl(var(--primary) / .72)!important}:root:not(.dark) .lesson-piano-range-display .group:hover .group-hover\:text-muted-foreground{color:hsl(var(--primary) / .72)!important}:root:not(.dark) .lesson-piano-range-display .group.toast .group-\[\.toast\]\:text-muted-foreground{color:hsl(var(--primary) / .72)!important}:root:not(.dark) .lesson-piano-range-display .aria-selected\:text-muted-foreground[aria-selected=true]{color:hsl(var(--primary) / .72)!important}:root:not(.dark) .lesson-piano-range-display .data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--primary) / .72)!important}@media (min-width: 768px){.lesson-stage--cardless .lesson-content-compact .md\:mb-3{margin-bottom:.625rem}}:root:not(.dark) .lesson-piano-range-display .\[\&\>svg\]\:text-muted-foreground>svg{color:hsl(var(--primary) / .72)!important}:root:not(.dark) .lesson-piano-range-display .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:hsl(var(--primary) / .72)!important}.first-letter\:font-mono:first-letter{font-family:Space Grotesk,ui-monospace,system-ui,sans-serif}.first-letter\:uppercase:first-letter{text-transform:uppercase}.first-letter\:text-primary:first-letter{color:hsl(var(--primary))}.marker\:text-primary\/60 *::marker{color:hsl(var(--primary) / .6)}.marker\:text-primary\/60::marker{color:hsl(var(--primary) / .6)}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground\/40::-moz-placeholder{color:hsl(var(--muted-foreground) / .4)}.placeholder\:text-muted-foreground\/40::placeholder{color:hsl(var(--muted-foreground) / .4)}.placeholder\:text-muted-foreground\/60::-moz-placeholder{color:hsl(var(--muted-foreground) / .6)}.placeholder\:text-muted-foreground\/60::placeholder{color:hsl(var(--muted-foreground) / .6)}.placeholder\:text-muted-foreground\/70::-moz-placeholder{color:hsl(var(--muted-foreground) / .7)}.placeholder\:text-muted-foreground\/70::placeholder{color:hsl(var(--muted-foreground) / .7)}.placeholder\:text-white\/30::-moz-placeholder{color:#ffffff4d}.placeholder\:text-white\/30::placeholder{color:#ffffff4d}.placeholder\:text-white\/35::-moz-placeholder{color:#ffffff59}.placeholder\:text-white\/35::placeholder{color:#ffffff59}.placeholder\:text-zinc-400::-moz-placeholder{--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity, 1))}.placeholder\:text-zinc-400::placeholder{--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity, 1))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem}.after\:inset-y-0:after{content:var(--tw-content);top:0;bottom:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:.25rem}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.first\:ml-0:first-child{margin-left:0}.first\:rounded-l-md:first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.first\:border-l:first-child{border-left-width:1px}.first\:border-l-0:first-child{border-left-width:0px}.first\:border-t-0:first-child{border-top-width:0px}.first\:pl-0:first-child{padding-left:0}.first\:pt-1:first-child{padding-top:.25rem}.first\:pt-4:first-child{padding-top:1rem}.last\:mr-0:last-child{margin-right:0}.last\:flex-initial:last-child{flex:0 1 auto}.last\:rounded-r-md:last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.last\:border-0:last-child{border-width:0px}.last\:border-b-0:last-child{border-bottom-width:0px}.last\:border-r-0:last-child{border-right-width:0px}.last\:pr-0:last-child{padding-right:0}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-within\:ring-primary:focus-within{--tw-ring-color: hsl(var(--primary))}.focus-within\:ring-primary\/25:focus-within{--tw-ring-color: hsl(var(--primary) / .25)}.focus-within\:ring-primary\/30:focus-within{--tw-ring-color: hsl(var(--primary) / .3)}@media (max-height: 760px){.practice-drill-stage section>.focus-within\:relative:focus-within.mt-3{margin-top:.375rem}.practice-drill-stage section>.focus-within\:relative:focus-within.mb-4{margin-bottom:.5rem}}@media (max-height: 660px){.practice-drill-stage section>.focus-within\:relative:focus-within.mb-4{margin-bottom:.25rem}}@media (max-height: 700px){.practice-drill-stage section>.focus-within\:relative:focus-within.mx-auto.mb-2{display:none}}.hover\:z-10:hover{z-index:10}.hover\:\!translate-y-0:hover{--tw-translate-y: 0px !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.hover\:-translate-y-0\.5:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-1\.5:hover{--tw-translate-y: -.375rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-\[2px\]:hover{--tw-translate-y: -2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-px:hover,.hover\:translate-y-\[-1px\]:hover{--tw-translate-y: -1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.005\]:hover{--tw-scale-x: 1.005;--tw-scale-y: 1.005;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.01\]:hover{--tw-scale-x: 1.01;--tw-scale-y: 1.01;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.03\]:hover{--tw-scale-x: 1.03;--tw-scale-y: 1.03;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.05\]:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:\!border-black\/\[0\.06\]:hover{border-color:#0000000f!important}.hover\:\!border-border:hover{border-color:hsl(var(--border))!important}.hover\:\!border-foreground\/35:hover{border-color:hsl(var(--foreground) / .35)!important}.hover\:border-\[\#00b67a\]\/50:hover{border-color:#00b67a80}.hover\:border-\[\#a855f7\]:hover{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))}.hover\:border-\[color-mix\(in_srgb\,var\(--fc\)_50\%\,transparent\)\]:hover{border-color:color-mix(in srgb,var(--fc) 50%,transparent)}.hover\:border-\[hsl\(var\(--primary\)\)\]:hover{border-color:hsl(var(--primary))}.hover\:border-\[hsl\(var\(--primary\)\)\]\/30:hover{border-color:hsl(var(--primary) / .3)}.hover\:border-\[hsl\(var\(--primary\)\)\]\/50:hover{border-color:hsl(var(--primary) / .5)}.hover\:border-border:hover{border-color:hsl(var(--border))}.hover\:border-border\/50:hover{border-color:hsl(var(--border) / .5)}.hover\:border-border\/60:hover{border-color:hsl(var(--border) / .6)}.hover\:border-border\/80:hover{border-color:hsl(var(--border) / .8)}.hover\:border-destructive\/50:hover{border-color:hsl(var(--destructive) / .5)}.hover\:border-emerald-500:hover{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.hover\:border-foreground\/20:hover{border-color:hsl(var(--foreground) / .2)}.hover\:border-foreground\/35:hover{border-color:hsl(var(--foreground) / .35)}.hover\:border-muted:hover{border-color:hsl(var(--muted))}.hover\:border-muted-foreground\/30:hover{border-color:hsl(var(--muted-foreground) / .3)}.hover\:border-muted-foreground\/50:hover{border-color:hsl(var(--muted-foreground) / .5)}.hover\:border-orange\/50:hover{border-color:hsl(var(--orange) / .5)}.hover\:border-primary:hover{border-color:hsl(var(--primary))}.hover\:border-primary\/20:hover{border-color:hsl(var(--primary) / .2)}.hover\:border-primary\/25:hover{border-color:hsl(var(--primary) / .25)}.hover\:border-primary\/30:hover{border-color:hsl(var(--primary) / .3)}.hover\:border-primary\/35:hover{border-color:hsl(var(--primary) / .35)}.hover\:border-primary\/40:hover{border-color:hsl(var(--primary) / .4)}.hover\:border-primary\/45:hover{border-color:hsl(var(--primary) / .45)}.hover\:border-primary\/50:hover{border-color:hsl(var(--primary) / .5)}.hover\:border-primary\/55:hover{border-color:hsl(var(--primary) / .55)}.hover\:border-primary\/60:hover{border-color:hsl(var(--primary) / .6)}.hover\:border-white\/20:hover{border-color:#fff3}.hover\:border-white\/25:hover{border-color:#ffffff40}.hover\:border-white\/40:hover{border-color:#fff6}.hover\:\!bg-card:hover{background-color:hsl(var(--card))!important}.hover\:\!bg-foreground\/\[0\.03\]:hover{background-color:hsl(var(--foreground) / .03)!important}.hover\:\!bg-foreground\/\[0\.04\]:hover{background-color:hsl(var(--foreground) / .04)!important}.hover\:\!bg-foreground\/\[0\.05\]:hover{background-color:hsl(var(--foreground) / .05)!important}.hover\:bg-\[color-mix\(in_srgb\,var\(--fc\)_14\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--fc) 14%,transparent)}.hover\:bg-\[hsl\(256_60\%_94\%\)\]:hover{--tw-bg-opacity: 1;background-color:hsl(256 60% 94% / var(--tw-bg-opacity, 1))}.hover\:bg-\[hsl\(258_24\%_96\%\)\]:hover{--tw-bg-opacity: 1;background-color:hsl(258 24% 96% / var(--tw-bg-opacity, 1))}.hover\:bg-\[hsl\(var\(--brand-primary\)\/0\.08\)\]:hover{background-color:hsl(var(--brand-primary)/.08)}.hover\:bg-\[hsl\(var\(--primary\)\)\]\/20:hover{background-color:hsl(var(--primary) / .2)}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-amber-500\/20:hover{background-color:#f59e0b33}.hover\:bg-black\/60:hover{background-color:#0009}.hover\:bg-black\/65:hover{background-color:#000000a6}.hover\:bg-black\/80:hover{background-color:#000c}.hover\:bg-black\/85:hover{background-color:#000000d9}.hover\:bg-black\/\[0\.04\]:hover{background-color:#0000000a}.hover\:bg-border\/80:hover{background-color:hsl(var(--border) / .8)}.hover\:bg-card:hover{background-color:hsl(var(--card))}.hover\:bg-card-hover:hover{background-color:hsl(var(--card-hover))}.hover\:bg-card\/70:hover{background-color:hsl(var(--card) / .7)}.hover\:bg-cyan-200:hover{--tw-bg-opacity: 1;background-color:rgb(165 243 252 / var(--tw-bg-opacity, 1))}.hover\:bg-cyan-500\/20:hover{background-color:#06b6d433}.hover\:bg-destructive\/10:hover{background-color:hsl(var(--destructive) / .1)}.hover\:bg-destructive\/15:hover{background-color:hsl(var(--destructive) / .15)}.hover\:bg-destructive\/30:hover{background-color:hsl(var(--destructive) / .3)}.hover\:bg-destructive\/80:hover{background-color:hsl(var(--destructive) / .8)}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-destructive\/\[0\.08\]:hover{background-color:hsl(var(--destructive) / .08)}.hover\:bg-destructive\/\[0\.10\]:hover,.hover\:bg-destructive\/\[0\.1\]:hover{background-color:hsl(var(--destructive) / .1)}.hover\:bg-emerald-500\/30:hover{background-color:#10b9814d}.hover\:bg-emerald-500\/5:hover{background-color:#10b9810d}.hover\:bg-foreground\/10:hover{background-color:hsl(var(--foreground) / .1)}.hover\:bg-foreground\/35:hover{background-color:hsl(var(--foreground) / .35)}.hover\:bg-foreground\/5:hover{background-color:hsl(var(--foreground) / .05)}.hover\:bg-foreground\/\[0\.02\]:hover{background-color:hsl(var(--foreground) / .02)}.hover\:bg-foreground\/\[0\.03\]:hover{background-color:hsl(var(--foreground) / .03)}.hover\:bg-foreground\/\[0\.04\]:hover{background-color:hsl(var(--foreground) / .04)}.hover\:bg-foreground\/\[0\.05\]:hover{background-color:hsl(var(--foreground) / .05)}.hover\:bg-foreground\/\[0\.06\]:hover{background-color:hsl(var(--foreground) / .06)}.hover\:bg-foreground\/\[0\.075\]:hover{background-color:hsl(var(--foreground) / .075)}.hover\:bg-foreground\/\[0\.07\]:hover{background-color:hsl(var(--foreground) / .07)}.hover\:bg-foreground\/\[0\.08\]:hover{background-color:hsl(var(--foreground) / .08)}.hover\:bg-foreground\/\[0\.09\]:hover{background-color:hsl(var(--foreground) / .09)}.hover\:bg-foreground\/\[0\.11\]:hover{background-color:hsl(var(--foreground) / .11)}.hover\:bg-foreground\/\[0\.14\]:hover{background-color:hsl(var(--foreground) / .14)}.hover\:bg-foreground\/\[0\.1\]:hover{background-color:hsl(var(--foreground) / .1)}.hover\:bg-green-500:hover{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.hover\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\:bg-muted-foreground\/50:hover{background-color:hsl(var(--muted-foreground) / .5)}.hover\:bg-muted\/30:hover{background-color:hsl(var(--muted) / .3)}.hover\:bg-muted\/35:hover{background-color:hsl(var(--muted) / .35)}.hover\:bg-muted\/40:hover{background-color:hsl(var(--muted) / .4)}.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted) / .5)}.hover\:bg-muted\/60:hover{background-color:hsl(var(--muted) / .6)}.hover\:bg-muted\/70:hover{background-color:hsl(var(--muted) / .7)}.hover\:bg-muted\/80:hover{background-color:hsl(var(--muted) / .8)}.hover\:bg-orange-soft\/70:hover{background-color:hsl(var(--orange-soft) / .7)}.hover\:bg-orange\/10:hover{background-color:hsl(var(--orange) / .1)}.hover\:bg-orange\/15:hover{background-color:hsl(var(--orange) / .15)}.hover\:bg-orange\/90:hover{background-color:hsl(var(--orange) / .9)}.hover\:bg-orange\/\[0\.10\]:hover{background-color:hsl(var(--orange) / .1)}.hover\:bg-pink-soft\/70:hover{background-color:hsl(var(--pink-soft) / .7)}.hover\:bg-premium-soft\/70:hover{background-color:hsl(var(--premium-soft) / .7)}.hover\:bg-premium\/90:hover{background-color:hsl(var(--premium) / .9)}.hover\:bg-primary:hover{background-color:hsl(var(--primary))}.hover\:bg-primary-hover:hover{background-color:hsl(var(--primary-hover))}.hover\:bg-primary-soft\/70:hover{background-color:hsl(var(--primary-soft) / .7)}.hover\:bg-primary\/10:hover{background-color:hsl(var(--primary) / .1)}.hover\:bg-primary\/15:hover{background-color:hsl(var(--primary) / .15)}.hover\:bg-primary\/20:hover{background-color:hsl(var(--primary) / .2)}.hover\:bg-primary\/25:hover{background-color:hsl(var(--primary) / .25)}.hover\:bg-primary\/30:hover{background-color:hsl(var(--primary) / .3)}.hover\:bg-primary\/5:hover{background-color:hsl(var(--primary) / .05)}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary) / .8)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-primary\/\[0\.035\]:hover{background-color:hsl(var(--primary) / .035)}.hover\:bg-primary\/\[0\.03\]:hover{background-color:hsl(var(--primary) / .03)}.hover\:bg-primary\/\[0\.04\]:hover{background-color:hsl(var(--primary) / .04)}.hover\:bg-primary\/\[0\.05\]:hover{background-color:hsl(var(--primary) / .05)}.hover\:bg-primary\/\[0\.06\]:hover{background-color:hsl(var(--primary) / .06)}.hover\:bg-primary\/\[0\.07\]:hover{background-color:hsl(var(--primary) / .07)}.hover\:bg-primary\/\[0\.08\]:hover{background-color:hsl(var(--primary) / .08)}.hover\:bg-primary\/\[0\.14\]:hover{background-color:hsl(var(--primary) / .14)}.hover\:bg-primary\/\[0\.16\]:hover{background-color:hsl(var(--primary) / .16)}.hover\:bg-primary\/\[0\.18\]:hover{background-color:hsl(var(--primary) / .18)}.hover\:bg-primary\/\[0\.1\]:hover{background-color:hsl(var(--primary) / .1)}.hover\:bg-primary\/\[0\.2\]:hover{background-color:hsl(var(--primary) / .2)}.hover\:bg-purple-50:hover{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.hover\:bg-red-200:hover{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))}.hover\:bg-red-400\/10:hover{background-color:#f871711a}.hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.hover\:bg-red-500\/\[0\.12\]:hover{background-color:#ef44441f}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-rose-500\/20:hover{background-color:#f43f5e33}.hover\:bg-secondary:hover{background-color:hsl(var(--secondary))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:bg-sidebar-accent:hover{background-color:hsl(var(--sidebar-accent))}.hover\:bg-slate-100:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-200:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-50:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-700:hover{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-700\/30:hover{background-color:#3341554d}.hover\:bg-success-soft\/70:hover{background-color:hsl(var(--success-soft) / .7)}.hover\:bg-success\/15:hover{background-color:hsl(var(--success) / .15)}.hover\:bg-success\/20:hover{background-color:hsl(var(--success) / .2)}.hover\:bg-success\/90:hover{background-color:hsl(var(--success) / .9)}.hover\:bg-success\/\[0\.12\]:hover{background-color:hsl(var(--success) / .12)}.hover\:bg-teal-100:hover{--tw-bg-opacity: 1;background-color:rgb(204 251 241 / var(--tw-bg-opacity, 1))}.hover\:bg-violet-950:hover{--tw-bg-opacity: 1;background-color:rgb(46 16 101 / var(--tw-bg-opacity, 1))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-white\/90:hover{background-color:#ffffffe6}.hover\:bg-white\/\[0\.05\]:hover{background-color:#ffffff0d}.hover\:bg-white\/\[0\.06\]:hover{background-color:#ffffff0f}.hover\:bg-white\/\[0\.07\]:hover{background-color:#ffffff12}.hover\:bg-white\/\[0\.08\]:hover{background-color:#ffffff14}.hover\:bg-white\/\[0\.12\]:hover{background-color:#ffffff1f}.hover\:bg-white\/\[0\.14\]:hover{background-color:#ffffff24}.hover\:bg-white\/\[0\.1\]:hover{background-color:#ffffff1a}.hover\:bg-yellow-soft\/70:hover{background-color:hsl(var(--yellow-soft) / .7)}.hover\:bg-zinc-50:hover{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.hover\:from-gray-50:hover{--tw-gradient-from: #f9fafb var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-orange-600:hover{--tw-gradient-from: #ea580c var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-primary\/90:hover{--tw-gradient-from: hsl(var(--primary) / .9) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-primary\/95:hover{--tw-gradient-from: hsl(var(--primary) / .95) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-primary\/\[0\.06\]:hover{--tw-gradient-from: hsl(var(--primary) / .06) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-purple-600:hover{--tw-gradient-from: #9333ea var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-white:hover{--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:via-gray-100:hover{--tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #f3f4f6 var(--tw-gradient-via-position), var(--tw-gradient-to)}.hover\:to-gray-300:hover{--tw-gradient-to: #d1d5db var(--tw-gradient-to-position)}.hover\:to-pink-600:hover{--tw-gradient-to: #db2777 var(--tw-gradient-to-position)}.hover\:to-primary\/80:hover{--tw-gradient-to: hsl(var(--primary) / .8) var(--tw-gradient-to-position)}.hover\:to-primary\/\[0\.02\]:hover{--tw-gradient-to: hsl(var(--primary) / .02) var(--tw-gradient-to-position)}.hover\:to-red-700:hover{--tw-gradient-to: #b91c1c var(--tw-gradient-to-position)}.hover\:to-white:hover{--tw-gradient-to: #fff var(--tw-gradient-to-position)}.hover\:fill-card:hover{fill:hsl(var(--card))}.hover\:fill-primary:hover{fill:hsl(var(--primary))}.hover\:fill-primary\/80:hover{fill:hsl(var(--primary) / .8)}.hover\:fill-primary\/90:hover{fill:hsl(var(--primary) / .9)}.hover\:\!text-foreground:hover{color:hsl(var(--foreground))!important}.hover\:text-\[var\(--degree-color\)\]:hover{color:var(--degree-color)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-destructive:hover{color:hsl(var(--destructive))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-foreground\/80:hover{color:hsl(var(--foreground) / .8)}.hover\:text-muted-foreground:hover{color:hsl(var(--muted-foreground))}.hover\:text-muted-foreground\/70:hover{color:hsl(var(--muted-foreground) / .7)}.hover\:text-muted-foreground\/80:hover{color:hsl(var(--muted-foreground) / .8)}.hover\:text-primary:hover{color:hsl(var(--primary))}.hover\:text-primary-foreground:hover{color:hsl(var(--primary-foreground))}.hover\:text-primary\/80:hover{color:hsl(var(--primary) / .8)}.hover\:text-primary\/90:hover{color:hsl(var(--primary) / .9)}.hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.hover\:text-sidebar-accent-foreground:hover{color:hsl(var(--sidebar-accent-foreground))}.hover\:text-sidebar-foreground:hover{color:hsl(var(--sidebar-foreground))}.hover\:text-slate-600:hover{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.hover\:text-slate-700:hover{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.hover\:text-slate-900:hover{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:text-white\/70:hover{color:#ffffffb3}.hover\:text-white\/75:hover{color:#ffffffbf}.hover\:text-white\/80:hover{color:#fffc}.hover\:text-zinc-900:hover{--tw-text-opacity: 1;color:rgb(24 24 27 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:\!opacity-100:hover{opacity:1!important}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-75:hover{opacity:.75}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-85:hover{opacity:.85}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-95:hover{opacity:.95}.hover\:\!shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.05\)\]:hover{--tw-shadow: 0 1px 3px rgba(0,0,0,.05) !important;--tw-shadow-colored: 0 1px 3px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.hover\:\!shadow-none:hover{--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_12px_hsl\(var\(--primary\)\/0\.25\)\]:hover{--tw-shadow: 0 0 12px hsl(var(--primary)/.25);--tw-shadow-colored: 0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_40px_rgba\(255\,184\,0\,0\.6\)\]:hover{--tw-shadow: 0 0 40px rgba(255,184,0,.6);--tw-shadow-colored: 0 0 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_14px_30px_rgba\(45\,28\,90\,0\.13\)\]:hover{--tw-shadow: 0 14px 30px rgba(45,28,90,.13);--tw-shadow-colored: 0 14px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_14px_34px_-24px_hsl\(var\(--primary\)\/0\.75\)\]:hover{--tw-shadow: 0 14px 34px -24px hsl(var(--primary)/.75);--tw-shadow-colored: 0 14px 34px -24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_18px_42px_rgba\(45\,28\,90\,0\.14\)\]:hover{--tw-shadow: 0 18px 42px rgba(45,28,90,.14);--tw-shadow-colored: 0 18px 42px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_22px_50px_hsl\(var\(--primary\)\/0\.12\)\]:hover{--tw-shadow: 0 22px 50px hsl(var(--primary)/.12);--tw-shadow-colored: 0 22px 50px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.6\)\,0_2px_4px_rgba\(0\,0\,0\,0\.05\)\,0_12px_28px_-12px_rgba\(2\,132\,199\,0\.35\)\]:hover{--tw-shadow: inset 0 1px 0 rgba(255,255,255,.6),0 2px 4px rgba(0,0,0,.05),0 12px 28px -12px rgba(2,132,199,.35);--tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), 0 2px 4px var(--tw-shadow-color), 0 12px 28px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow: var(--shadow-lg);--tw-shadow-colored: var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: var(--shadow-md);--tw-shadow-colored: var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow: var(--shadow-sm);--tw-shadow-colored: var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: var(--shadow-xl);--tw-shadow-colored: var(--shadow-xl);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-primary\/15:hover{--tw-shadow-color: hsl(var(--primary) / .15);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-primary\/30:hover{--tw-shadow-color: hsl(var(--primary) / .3);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-primary\/50:hover{--tw-shadow-color: hsl(var(--primary) / .5);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-primary\/\[0\.05\]:hover{--tw-shadow-color: hsl(var(--primary) / .05);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-primary\/\[0\.08\]:hover{--tw-shadow-color: hsl(var(--primary) / .08);--tw-shadow: var(--tw-shadow-colored)}.hover\:ring-1:hover{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.hover\:ring-primary\/30:hover{--tw-ring-color: hsl(var(--primary) / .3)}.hover\:brightness-110:hover{--tw-brightness: brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:brightness-95:hover{--tw-brightness: brightness(.95);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:brightness-\[1\.06\]:hover{--tw-brightness: brightness(1.06);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:bg-primary-soft:hover{background-color:hsl(var(--primary-soft))}.hover\:\[fill\:hsl\(var\(--primary\)\/0\.08\)\]:hover{fill:hsl(var(--primary)/.08)}.hover\:after\:bg-sidebar-border:hover:after{content:var(--tw-content);background-color:hsl(var(--sidebar-border))}.focus\:border-\[\#835BEF\]:focus{--tw-border-opacity: 1;border-color:rgb(131 91 239 / var(--tw-border-opacity, 1))}.focus\:border-primary:focus{border-color:hsl(var(--primary))}.focus\:border-primary\/40:focus{border-color:hsl(var(--primary) / .4)}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:bg-primary:focus{background-color:hsl(var(--primary))}.focus\:bg-primary\/25:focus{background-color:hsl(var(--primary) / .25)}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:text-destructive:focus{color:hsl(var(--destructive))}.focus\:text-primary-foreground:focus{color:hsl(var(--primary-foreground))}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-inset:focus{--tw-ring-inset: inset}.focus\:ring-primary:focus{--tw-ring-color: hsl(var(--primary))}.focus\:ring-primary\/20:focus{--tw-ring-color: hsl(var(--primary) / .2)}.focus\:ring-primary\/30:focus{--tw-ring-color: hsl(var(--primary) / .3)}.focus\:ring-primary\/40:focus{--tw-ring-color: hsl(var(--primary) / .4)}.focus\:ring-primary\/50:focus{--tw-ring-color: hsl(var(--primary) / .5)}.focus\:ring-ring:focus{--tw-ring-color: hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:rounded-md:focus-visible{border-radius:calc(var(--radius) - 2px)}.focus-visible\:rounded-sm:focus-visible{border-radius:calc(var(--radius) - 4px)}.focus-visible\:rounded-xl:focus-visible{border-radius:1rem}.focus-visible\:border-primary\/50:focus-visible{border-color:hsl(var(--primary) / .5)}.focus-visible\:bg-primary\/\[0\.06\]:focus-visible{background-color:hsl(var(--primary) / .06)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-\[hsl\(var\(--primary\)\)\]:focus-visible{outline-color:hsl(var(--primary))}.focus-visible\:outline-primary:focus-visible{outline-color:hsl(var(--primary))}.focus-visible\:outline-white:focus-visible{outline-color:#fff}.focus-visible\:ring-0:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset: inset}.focus-visible\:ring-\[\#00b67a\]:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 182 122 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-\[hsl\(var\(--mood-minor\)\)\]:focus-visible{--tw-ring-color: hsl(var(--mood-minor))}.focus-visible\:ring-cyan-300:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(103 232 249 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-destructive:focus-visible{--tw-ring-color: hsl(var(--destructive))}.focus-visible\:ring-destructive\/35:focus-visible{--tw-ring-color: hsl(var(--destructive) / .35)}.focus-visible\:ring-mood-major:focus-visible{--tw-ring-color: hsl(var(--mood-major))}.focus-visible\:ring-mood-minor:focus-visible{--tw-ring-color: hsl(var(--mood-minor))}.focus-visible\:ring-primary:focus-visible{--tw-ring-color: hsl(var(--primary))}.focus-visible\:ring-primary\/30:focus-visible{--tw-ring-color: hsl(var(--primary) / .3)}.focus-visible\:ring-primary\/35:focus-visible{--tw-ring-color: hsl(var(--primary) / .35)}.focus-visible\:ring-primary\/40:focus-visible{--tw-ring-color: hsl(var(--primary) / .4)}.focus-visible\:ring-primary\/45:focus-visible{--tw-ring-color: hsl(var(--primary) / .45)}.focus-visible\:ring-primary\/50:focus-visible{--tw-ring-color: hsl(var(--primary) / .5)}.focus-visible\:ring-primary\/60:focus-visible{--tw-ring-color: hsl(var(--primary) / .6)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.focus-visible\:ring-rose-300:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(253 164 175 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-sidebar-ring:focus-visible{--tw-ring-color: hsl(var(--sidebar-ring))}.focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width: 0px}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width: 1px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\:ring-offset-4:focus-visible{--tw-ring-offset-width: 4px}.focus-visible\:ring-offset-\[\#090812\]:focus-visible{--tw-ring-offset-color: #090812}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color: hsl(var(--background))}.focus-visible\:ring-offset-card:focus-visible{--tw-ring-offset-color: hsl(var(--card))}.focus-visible\:\[outline-offset\:2px\]:focus-visible{outline-offset:2px}.focus-visible\:\[outline-offset\:3px\]:focus-visible{outline-offset:3px}.focus-visible\:\[outline\:2px_solid_hsl\(var\(--primary\)\)\]:focus-visible{outline:2px solid hsl(var(--primary))}.active\:translate-y-0:active{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:translate-y-px:active{--tw-translate-y: 1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-100:active{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[\.985\]:active{--tw-scale-x: .985;--tw-scale-y: .985;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.95\]:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.96\]:active{--tw-scale-x: .96;--tw-scale-y: .96;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.97\]:active{--tw-scale-x: .97;--tw-scale-y: .97;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.985\]:active{--tw-scale-x: .985;--tw-scale-y: .985;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.995\]:active{--tw-scale-x: .995;--tw-scale-y: .995;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.99\]:active{--tw-scale-x: .99;--tw-scale-y: .99;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-card-active:active{background-color:hsl(var(--card-active))}.active\:bg-foreground\/5:active,.active\:bg-foreground\/\[0\.05\]:active{background-color:hsl(var(--foreground) / .05)}.active\:bg-muted\/70:active{background-color:hsl(var(--muted) / .7)}.active\:bg-primary-pressed:active{background-color:hsl(var(--primary-pressed))}.active\:bg-primary\/10:active{background-color:hsl(var(--primary) / .1)}.active\:bg-primary\/\[0\.08\]:active{background-color:hsl(var(--primary) / .08)}.active\:bg-primary\/\[0\.1\]:active{background-color:hsl(var(--primary) / .1)}.active\:bg-sidebar-accent:active{background-color:hsl(var(--sidebar-accent))}.active\:bg-slate-600:active{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}.active\:text-sidebar-accent-foreground:active{color:hsl(var(--sidebar-accent-foreground))}.active\:shadow-\[inset_0_1px_2px_rgba\(0\,0\,0\,0\.25\)\]:active{--tw-shadow: inset 0 1px 2px rgba(0,0,0,.25);--tw-shadow-colored: inset 0 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.enabled\:hover\:brightness-110:hover:enabled{--tw-brightness: brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:translate-y-0:disabled{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:cursor-wait:disabled{cursor:wait}.disabled\:border-border:disabled{border-color:hsl(var(--border))}.disabled\:bg-card:disabled{background-color:hsl(var(--card))}.disabled\:text-muted-foreground:disabled{color:hsl(var(--muted-foreground))}.disabled\:no-underline:disabled{text-decoration-line:none}.disabled\:opacity-0:disabled{opacity:0}.disabled\:opacity-100:disabled{opacity:1}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-35:disabled{opacity:.35}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-55:disabled{opacity:.55}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:opacity-70:disabled{opacity:.7}.disabled\:opacity-90:disabled{opacity:.9}.disabled\:hover\:bg-transparent:hover:disabled{background-color:transparent}.disabled\:active\:scale-100:active:disabled{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[open] .group-open\:rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:focus-within .group-focus-within\:text-primary{color:hsl(var(--primary))}.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100{opacity:1}.group:focus-within .group-focus-within\:opacity-100{opacity:1}.group:hover .group-hover\:-translate-y-0\.5{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:-translate-y-1\.5{--tw-translate-y: -.375rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:-translate-y-\[0\.5px\]{--tw-translate-y: -.5px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-\[1\.02\]{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-\[1\.035\]{--tw-scale-x: 1.035;--tw-scale-y: 1.035;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-\[1\.03\]{--tw-scale-x: 1.03;--tw-scale-y: 1.03;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-\[1\.04\]{--tw-scale-x: 1.04;--tw-scale-y: 1.04;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-\[1\.06\]{--tw-scale-x: 1.06;--tw-scale-y: 1.06;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:border-foreground\/30{border-color:hsl(var(--foreground) / .3)}.group:hover .group-hover\:border-primary{border-color:hsl(var(--primary))}.group:hover .group-hover\:border-primary\/25{border-color:hsl(var(--primary) / .25)}.group:hover .group-hover\:border-primary\/30{border-color:hsl(var(--primary) / .3)}.group:hover .group-hover\:border-primary\/35{border-color:hsl(var(--primary) / .35)}.group:hover .group-hover\:border-primary\/40{border-color:hsl(var(--primary) / .4)}.group:hover .group-hover\:border-primary\/45{border-color:hsl(var(--primary) / .45)}.group:hover .group-hover\:\!bg-primary{background-color:hsl(var(--primary))!important}.group:hover .group-hover\:bg-\[color-mix\(in_srgb\,var\(--qc\)_24\%\,transparent\)\]{background-color:color-mix(in srgb,var(--qc) 24%,transparent)}.group:hover .group-hover\:bg-amber-400{--tw-bg-opacity: 1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-cyan-400{--tw-bg-opacity: 1;background-color:rgb(34 211 238 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-emerald-400{--tw-bg-opacity: 1;background-color:rgb(52 211 153 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-foreground\/10{background-color:hsl(var(--foreground) / .1)}.group:hover .group-hover\:bg-fuchsia-400{--tw-bg-opacity: 1;background-color:rgb(232 121 249 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-indigo-400{--tw-bg-opacity: 1;background-color:rgb(129 140 248 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-lime-400{--tw-bg-opacity: 1;background-color:rgb(163 230 53 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-muted{background-color:hsl(var(--muted))}.group:hover .group-hover\:bg-muted\/40{background-color:hsl(var(--muted) / .4)}.group:hover .group-hover\:bg-orange{background-color:hsl(var(--orange))}.group:hover .group-hover\:bg-orange-400{--tw-bg-opacity: 1;background-color:rgb(251 146 60 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-pink{background-color:hsl(var(--pink))}.group:hover .group-hover\:bg-premium{background-color:hsl(var(--premium))}.group:hover .group-hover\:bg-primary{background-color:hsl(var(--primary))}.group:hover .group-hover\:bg-primary\/10{background-color:hsl(var(--primary) / .1)}.group:hover .group-hover\:bg-primary\/15{background-color:hsl(var(--primary) / .15)}.group:hover .group-hover\:bg-primary\/20{background-color:hsl(var(--primary) / .2)}.group:hover .group-hover\:bg-primary\/40{background-color:hsl(var(--primary) / .4)}.group:hover .group-hover\:bg-primary\/\[0\.05\]{background-color:hsl(var(--primary) / .05)}.group:hover .group-hover\:bg-primary\/\[0\.16\]{background-color:hsl(var(--primary) / .16)}.group:hover .group-hover\:bg-primary\/\[0\.1\]{background-color:hsl(var(--primary) / .1)}.group:hover .group-hover\:bg-rose-400{--tw-bg-opacity: 1;background-color:rgb(251 113 133 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-sky-400{--tw-bg-opacity: 1;background-color:rgb(56 189 248 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-success{background-color:hsl(var(--success))}.group:hover .group-hover\:bg-teal-400{--tw-bg-opacity: 1;background-color:rgb(45 212 191 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-violet-400{--tw-bg-opacity: 1;background-color:rgb(167 139 250 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:fill-primary{fill:hsl(var(--primary))}.group:hover .group-hover\:\!text-primary-foreground{color:hsl(var(--primary-foreground))!important}.group:hover .group-hover\:text-\[hsl\(var\(--brand-primary\)\)\]{color:hsl(var(--brand-primary))}.group:hover .group-hover\:text-\[var\(--function-color\)\]{color:var(--function-color)}.group:hover .group-hover\:text-\[var\(--trio-color\)\]{color:var(--trio-color)}.group:hover .group-hover\:text-foreground{color:hsl(var(--foreground))}.group:hover .group-hover\:text-mood-minor\/70{color:hsl(var(--mood-minor) / .7)}.group:hover .group-hover\:text-muted-foreground{color:hsl(var(--muted-foreground))}.group:hover .group-hover\:text-primary{color:hsl(var(--primary))}.group:hover .group-hover\:text-primary-foreground{color:hsl(var(--primary-foreground))}.group:hover .group-hover\:text-primary\/70{color:hsl(var(--primary) / .7)}.group:hover .group-hover\:text-primary\/80{color:hsl(var(--primary) / .8)}.group:hover .group-hover\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:underline{text-decoration-line:underline}.group\/menu-item:hover .group-hover\/menu-item\:opacity-100,.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-55{opacity:.55}.group:hover .group-hover\:opacity-60{opacity:.6}.group:hover .group-hover\:opacity-80{opacity:.8}.group:hover .group-hover\:shadow-lg{--tw-shadow: var(--shadow-lg);--tw-shadow-colored: var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:shadow-md{--tw-shadow: var(--shadow-md);--tw-shadow-colored: var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:ring-\[hsl\(var\(--brand-primary\)\/0\.3\)\]{--tw-ring-color: hsl(var(--brand-primary)/.3)}.group:hover .group-hover\:brightness-110{--tw-brightness: brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.group:hover .group-hover\:grayscale-0{--tw-grayscale: grayscale(0);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.group:hover .group-hover\:saturate-100{--tw-saturate: saturate(1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.group:focus-visible .group-focus-visible\:translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:focus-visible .group-focus-visible\:opacity-100{opacity:1}.group:focus-visible .group-focus-visible\:grayscale-0{--tw-grayscale: grayscale(0);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.group:focus-visible .group-focus-visible\:saturate-100{--tw-saturate: saturate(1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.group:active .group-active\:scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:enabled:hover .group-enabled\:group-hover\:translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group.destructive .group-\[\.destructive\]\:border-muted\/40{border-color:hsl(var(--muted) / .4)}.group.toaster .group-\[\.toaster\]\:border-border{border-color:hsl(var(--border))}.group.toast .group-\[\.toast\]\:bg-muted{background-color:hsl(var(--muted))}.group.toast .group-\[\.toast\]\:bg-primary{background-color:hsl(var(--primary))}.group.toaster .group-\[\.toaster\]\:bg-background{background-color:hsl(var(--background))}.group.destructive .group-\[\.destructive\]\:text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.group.toast .group-\[\.toast\]\:text-muted-foreground{color:hsl(var(--muted-foreground))}.group.toast .group-\[\.toast\]\:text-primary-foreground{color:hsl(var(--primary-foreground))}.group.toaster .group-\[\.toaster\]\:text-foreground{color:hsl(var(--foreground))}.group.toaster .group-\[\.toaster\]\:shadow-lg{--tw-shadow: var(--shadow-lg);--tw-shadow-colored: var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{border-color:hsl(var(--destructive) / .3)}.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{background-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{color:hsl(var(--destructive-foreground))}.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{--tw-text-opacity: 1;color:rgb(254 242 242 / var(--tw-text-opacity, 1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{--tw-ring-color: hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{--tw-ring-offset-color: #dc2626}.peer\/menu-button:hover~.peer-hover\/menu-button\:text-sidebar-accent-foreground{color:hsl(var(--sidebar-accent-foreground))}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.has-\[\:checked\]\:border-primary:has(:checked){border-color:hsl(var(--primary))}.has-\[\:checked\]\:bg-primary\/15:has(:checked){background-color:hsl(var(--primary) / .15)}.has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant=inset]){background-color:hsl(var(--sidebar-background))}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8{padding-right:2rem}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-selected\:bg-accent[aria-selected=true]{background-color:hsl(var(--accent))}.aria-selected\:bg-accent\/50[aria-selected=true]{background-color:hsl(var(--accent) / .5)}.aria-selected\:text-accent-foreground[aria-selected=true]{color:hsl(var(--accent-foreground))}.aria-selected\:text-muted-foreground[aria-selected=true]{color:hsl(var(--muted-foreground))}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.aria-selected\:opacity-30[aria-selected=true]{opacity:.3}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked],.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x: var(--radix-toast-swipe-end-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x: var(--radix-toast-swipe-move-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up .2s ease-out}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down .2s ease-out}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[state\=active\]\:border-primary[data-state=active],.data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:hsl(var(--primary))}.data-\[state\=open\]\:\!border-primary\/50[data-state=open]{border-color:hsl(var(--primary) / .5)!important}.data-\[active\=true\]\:bg-sidebar-accent[data-active=true]{background-color:hsl(var(--sidebar-accent))}.data-\[active\]\:bg-accent\/50[data-active]{background-color:hsl(var(--accent) / .5)}.data-\[highlighted\]\:bg-muted[data-highlighted]{background-color:hsl(var(--muted))}.data-\[selected\=\'true\'\]\:bg-accent[data-selected=true]{background-color:hsl(var(--accent))}.data-\[selected\=true\]\:bg-muted[data-selected=true]{background-color:hsl(var(--muted))}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:hsl(var(--background))}.data-\[state\=checked\]\:bg-orange-500[data-state=checked]{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:hsl(var(--primary))}.data-\[state\=checked\]\:bg-white[data-state=checked]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.data-\[state\=on\]\:bg-accent[data-state=on]{background-color:hsl(var(--accent))}.data-\[state\=on\]\:bg-primary[data-state=on]{background-color:hsl(var(--primary))}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:hsl(var(--accent) / .5)}.data-\[state\=open\]\:bg-muted[data-state=open]{background-color:hsl(var(--muted))}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:hsl(var(--secondary))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:hsl(var(--muted))}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:hsl(var(--input))}.data-\[state\=unchecked\]\:bg-muted[data-state=unchecked]{background-color:hsl(var(--muted))}.data-\[state\=unchecked\]\:bg-white[data-state=unchecked]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.data-\[active\=true\]\:font-medium[data-active=true]{font-weight:500}.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true]{color:hsl(var(--sidebar-accent-foreground))}.data-\[highlighted\]\:text-foreground[data-highlighted]{color:hsl(var(--foreground))}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:hsl(var(--accent-foreground))}.data-\[selected\=true\]\:text-foreground[data-selected=true],.data-\[state\=active\]\:text-foreground[data-state=active]{color:hsl(var(--foreground))}.data-\[state\=active\]\:text-primary[data-state=active]{color:hsl(var(--primary))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:hsl(var(--primary-foreground))}.data-\[state\=on\]\:text-accent-foreground[data-state=on]{color:hsl(var(--accent-foreground))}.data-\[state\=on\]\:text-primary-foreground[data-state=on]{color:hsl(var(--primary-foreground))}.data-\[state\=open\]\:\!text-primary[data-state=open]{color:hsl(var(--primary))!important}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\[disabled\=true\]\:opacity-50[data-disabled=true],.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow: var(--shadow-sm);--tw-shadow-colored: var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-],.data-\[state\=open\]\:animate-in[data-state=open],.data-\[state\=visible\]\:animate-in[data-state=visible]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-],.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[state\=hidden\]\:animate-out[data-state=hidden],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity: 0}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-],.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity: .8}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity: 0}.data-\[state\=open\]\:fade-in-0[data-state=open],.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale: .9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x: 13rem}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x: -13rem}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x: 13rem}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x: -13rem}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y: 100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x: -100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed],.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x: 100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y: -100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y: 100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x: -100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x: 100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y: -100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y: -100%}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:0}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:.25rem}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state=open]{background-color:hsl(var(--sidebar-accent))}.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state=open]{color:hsl(var(--sidebar-accent-foreground))}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]{left:calc(var(--sidebar-width) * -1)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]{right:calc(var(--sidebar-width) * -1)}.group[data-side=left] .group-data-\[side\=left\]\:-right-4{right:-1rem}.group[data-side=right] .group-data-\[side\=right\]\:left-0{left:0}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:-mt-8{margin-top:-2rem}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:hidden{display:none}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!size-8{width:2rem!important;height:2rem!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\]{width:var(--sidebar-width-icon)}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\]{width:calc(var(--sidebar-width-icon) + 1rem)}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\]{width:calc(var(--sidebar-width-icon) + 1rem + 2px)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:w-0{width:0px}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-side=right] .group-data-\[side\=right\]\:rotate-180,.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:overflow-hidden{overflow:hidden}.group[data-variant=floating] .group-data-\[variant\=floating\]\:rounded-lg{border-radius:var(--radius)}.group[data-variant=floating] .group-data-\[variant\=floating\]\:border{border-width:1px}.group[data-side=left] .group-data-\[side\=left\]\:border-r{border-right-width:1px}.group[data-side=right] .group-data-\[side\=right\]\:border-l{border-left-width:1px}.group[data-variant=floating] .group-data-\[variant\=floating\]\:border-sidebar-border{border-color:hsl(var(--sidebar-border))}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-0{padding:0!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-2{padding:.5rem!important}.group[data-state=on] .group-data-\[state\=on\]\:text-primary-foreground\/75{color:hsl(var(--primary-foreground) / .75)}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:opacity-0{opacity:0}.group[data-variant=floating] .group-data-\[variant\=floating\]\:shadow{--tw-shadow: var(--shadow);--tw-shadow-colored: var(--shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:after\:left-full:after{content:var(--tw-content);left:100%}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:hover{background-color:hsl(var(--sidebar-background))}.peer\/menu-button[data-size=default]~.peer-data-\[size\=default\]\/menu-button\:top-1\.5{top:.375rem}.peer\/menu-button[data-size=lg]~.peer-data-\[size\=lg\]\/menu-button\:top-2\.5{top:.625rem}.peer\/menu-button[data-size=sm]~.peer-data-\[size\=sm\]\/menu-button\:top-1{top:.25rem}.peer[data-variant=inset]~.peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\]{min-height:calc(100svh - 1rem)}.peer\/menu-button[data-active=true]~.peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground{color:hsl(var(--sidebar-accent-foreground))}@supports (height:100dvh){.supports-\[height\:100dvh\]\:h-\[100dvh\]{height:100dvh}}@media (prefers-reduced-motion: no-preference){.motion-safe\:animate-\[pt-eq_0\.7s_ease-in-out_infinite\]{animation:pt-eq .7s ease-in-out infinite}.motion-safe\:transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.motion-safe\:transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.motion-safe\:duration-150{transition-duration:.15s}.motion-safe\:duration-200{transition-duration:.2s}.motion-safe\:duration-150{animation-duration:.15s}.motion-safe\:duration-200{animation-duration:.2s}}@media (prefers-reduced-motion: reduce){.motion-reduce\:animate-none{animation:none}.motion-reduce\:transition-none{transition-property:none}.motion-reduce\:hover\:scale-100:hover,.motion-reduce\:active\:scale-100:active{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.dark\:block:is(.dark *){display:block}.dark\:flex:is(.dark *){display:flex}.dark\:hidden:is(.dark *){display:none}.dark\:h-28:is(.dark *){height:7rem}.dark\:w-28:is(.dark *){width:7rem}.dark\:scale-\[1\.04\]:is(.dark *){--tw-scale-x: 1.04;--tw-scale-y: 1.04;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dark\:divide-primary\/15:is(.dark *)>:not([hidden])~:not([hidden]){border-color:hsl(var(--primary) / .15)}.dark\:divide-slate-700:is(.dark *)>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(51 65 85 / var(--tw-divide-opacity, 1))}.dark\:divide-white\/\[0\.05\]:is(.dark *)>:not([hidden])~:not([hidden]){border-color:#ffffff0d}.dark\:divide-white\/\[0\.06\]:is(.dark *)>:not([hidden])~:not([hidden]){border-color:#ffffff0f}.dark\:divide-white\/\[0\.07\]:is(.dark *)>:not([hidden])~:not([hidden]){border-color:#ffffff12}.dark\:border:is(.dark *){border-width:1px}.dark\:border-0:is(.dark *){border-width:0px}.dark\:\!border-primary:is(.dark *){border-color:hsl(var(--primary))!important}.dark\:\!border-primary\/15:is(.dark *){border-color:hsl(var(--primary) / .15)!important}.dark\:\!border-white\/\[0\.08\]:is(.dark *){border-color:#ffffff14!important}.dark\:\!border-white\/\[0\.12\]:is(.dark *){border-color:#ffffff1f!important}.dark\:border-\[\#2a1360\]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(42 19 96 / var(--tw-border-opacity, 1))}.dark\:border-\[hsl\(255_36\%_8\%\)\]:is(.dark *){--tw-border-opacity: 1;border-color:hsl(255 36% 8% / var(--tw-border-opacity, 1))}.dark\:border-\[hsl\(var\(--step-half\)\/0\.35\)\]:is(.dark *){border-color:hsl(var(--step-half)/.35)}.dark\:border-\[hsl\(var\(--step-whole\)\/0\.35\)\]:is(.dark *){border-color:hsl(var(--step-whole)/.35)}.dark\:border-amber-400\/30:is(.dark *){border-color:#fbbf244d}.dark\:border-amber-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(180 83 9 / var(--tw-border-opacity, 1))}.dark\:border-amber-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(146 64 14 / var(--tw-border-opacity, 1))}.dark\:border-destructive:is(.dark *){border-color:hsl(var(--destructive))}.dark\:border-destructive\/30:is(.dark *){border-color:hsl(var(--destructive) / .3)}.dark\:border-destructive\/40:is(.dark *){border-color:hsl(var(--destructive) / .4)}.dark\:border-emerald-400\/30:is(.dark *){border-color:#34d3994d}.dark\:border-emerald-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(4 120 87 / var(--tw-border-opacity, 1))}.dark\:border-emerald-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(6 95 70 / var(--tw-border-opacity, 1))}.dark\:border-emerald-800\/40:is(.dark *){border-color:#065f4666}.dark\:border-mood-major\/40:is(.dark *){border-color:hsl(var(--mood-major) / .4)}.dark\:border-mood-major\/60:is(.dark *){border-color:hsl(var(--mood-major) / .6)}.dark\:border-mood-minor\/40:is(.dark *){border-color:hsl(var(--mood-minor) / .4)}.dark\:border-mood-minor\/60:is(.dark *){border-color:hsl(var(--mood-minor) / .6)}.dark\:border-neutral-300:is(.dark *){--tw-border-opacity: 1;border-color:rgb(212 212 212 / var(--tw-border-opacity, 1))}.dark\:border-orange-500\/20:is(.dark *){border-color:#f9731633}.dark\:border-primary:is(.dark *){border-color:hsl(var(--primary))}.dark\:border-primary\/10:is(.dark *){border-color:hsl(var(--primary) / .1)}.dark\:border-primary\/15:is(.dark *){border-color:hsl(var(--primary) / .15)}.dark\:border-primary\/20:is(.dark *){border-color:hsl(var(--primary) / .2)}.dark\:border-primary\/25:is(.dark *){border-color:hsl(var(--primary) / .25)}.dark\:border-primary\/30:is(.dark *){border-color:hsl(var(--primary) / .3)}.dark\:border-primary\/35:is(.dark *){border-color:hsl(var(--primary) / .35)}.dark\:border-primary\/40:is(.dark *){border-color:hsl(var(--primary) / .4)}.dark\:border-primary\/45:is(.dark *){border-color:hsl(var(--primary) / .45)}.dark\:border-primary\/60:is(.dark *){border-color:hsl(var(--primary) / .6)}.dark\:border-purple-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(107 33 168 / var(--tw-border-opacity, 1))}.dark\:border-red-400\/60:is(.dark *){border-color:#f8717199}.dark\:border-red-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(185 28 28 / var(--tw-border-opacity, 1))}.dark\:border-red-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))}.dark\:border-red-800\/40:is(.dark *){border-color:#991b1b66}.dark\:border-rose-400\/30:is(.dark *){border-color:#fb71854d}.dark\:border-rose-800\/40:is(.dark *){border-color:#9f123966}.dark\:border-slate-400:is(.dark *){--tw-border-opacity: 1;border-color:rgb(148 163 184 / var(--tw-border-opacity, 1))}.dark\:border-slate-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}.dark\:border-slate-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.dark\:border-success\/30:is(.dark *){border-color:hsl(var(--success) / .3)}.dark\:border-success\/40:is(.dark *){border-color:hsl(var(--success) / .4)}.dark\:border-teal-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(15 118 110 / var(--tw-border-opacity, 1))}.dark\:border-teal-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(17 94 89 / var(--tw-border-opacity, 1))}.dark\:border-transparent:is(.dark *){border-color:transparent}.dark\:border-violet-300\/30:is(.dark *){border-color:#c4b5fd4d}.dark\:border-violet-300\/60:is(.dark *){border-color:#c4b5fd99}.dark\:border-violet-400\/40:is(.dark *){border-color:#a78bfa66}.dark\:border-white:is(.dark *){--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.dark\:border-white\/10:is(.dark *){border-color:#ffffff1a}.dark\:border-white\/15:is(.dark *){border-color:#ffffff26}.dark\:border-white\/\[0\.035\]:is(.dark *){border-color:#ffffff09}.dark\:border-white\/\[0\.04\]:is(.dark *){border-color:#ffffff0a}.dark\:border-white\/\[0\.055\]:is(.dark *){border-color:#ffffff0e}.dark\:border-white\/\[0\.05\]:is(.dark *){border-color:#ffffff0d}.dark\:border-white\/\[0\.06\]:is(.dark *){border-color:#ffffff0f}.dark\:border-white\/\[0\.07\]:is(.dark *){border-color:#ffffff12}.dark\:border-white\/\[0\.08\]:is(.dark *){border-color:#ffffff14}.dark\:border-white\/\[0\.09\]:is(.dark *){border-color:#ffffff17}.dark\:border-white\/\[0\.12\]:is(.dark *){border-color:#ffffff1f}.dark\:border-white\/\[0\.16\]:is(.dark *){border-color:#ffffff29}.dark\:border-white\/\[0\.1\]:is(.dark *){border-color:#ffffff1a}.dark\:\!bg-\[hsl\(214_90\%_56\%\/0\.18\)\]:is(.dark *){background-color:#2a81f42e!important}.dark\:\!bg-\[hsl\(var\(--brand-primary\)\)\]:is(.dark *){background-color:hsl(var(--brand-primary))!important}.dark\:\!bg-\[hsl\(var\(--mood-minor\)\/0\.16\)\]:is(.dark *){background-color:hsl(var(--mood-minor)/.16)!important}.dark\:\!bg-destructive\/\[0\.16\]:is(.dark *){background-color:hsl(var(--destructive) / .16)!important}.dark\:\!bg-primary\/\[0\.07\]:is(.dark *){background-color:hsl(var(--primary) / .07)!important}.dark\:\!bg-primary\/\[0\.12\]:is(.dark *){background-color:hsl(var(--primary) / .12)!important}.dark\:\!bg-primary\/\[0\.14\]:is(.dark *){background-color:hsl(var(--primary) / .14)!important}.dark\:\!bg-success\/\[0\.14\]:is(.dark *){background-color:hsl(var(--success) / .14)!important}.dark\:\!bg-white\/\[0\.035\]:is(.dark *){background-color:#ffffff09!important}.dark\:\!bg-white\/\[0\.04\]:is(.dark *){background-color:#ffffff0a!important}.dark\:\!bg-white\/\[0\.06\]:is(.dark *){background-color:#ffffff0f!important}.dark\:bg-\[\#060E1B\]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(6 14 27 / var(--tw-bg-opacity, 1))}.dark\:bg-\[\#0D1624\]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(13 22 36 / var(--tw-bg-opacity, 1))}.dark\:bg-\[\#0b0d14\]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(11 13 20 / var(--tw-bg-opacity, 1))}.dark\:bg-\[\#0c0b18\]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(12 11 24 / var(--tw-bg-opacity, 1))}.dark\:bg-\[\#0f0c18\]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(15 12 24 / var(--tw-bg-opacity, 1))}.dark\:bg-\[\#12283c\]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(18 40 60 / var(--tw-bg-opacity, 1))}.dark\:bg-\[\#142b39\]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(20 43 57 / var(--tw-bg-opacity, 1))}.dark\:bg-\[\#153026\]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(21 48 38 / var(--tw-bg-opacity, 1))}.dark\:bg-\[\#17171f\]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(23 23 31 / var(--tw-bg-opacity, 1))}.dark\:bg-\[\#191523\]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(25 21 35 / var(--tw-bg-opacity, 1))}.dark\:bg-\[\#1c1233\]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(28 18 51 / var(--tw-bg-opacity, 1))}.dark\:bg-\[\#211631\]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(33 22 49 / var(--tw-bg-opacity, 1))}.dark\:bg-\[\#24183a\]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(36 24 58 / var(--tw-bg-opacity, 1))}.dark\:bg-\[\#32195c\]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(50 25 92 / var(--tw-bg-opacity, 1))}.dark\:bg-\[\#332015\]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(51 32 21 / var(--tw-bg-opacity, 1))}.dark\:bg-\[\#5c1922\]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(92 25 34 / var(--tw-bg-opacity, 1))}.dark\:bg-\[hsl\(230_22\%_11\%\)\]:is(.dark *){--tw-bg-opacity: 1;background-color:hsl(230 22% 11% / var(--tw-bg-opacity, 1))}.dark\:bg-\[hsl\(230_22\%_9\%\)\]:is(.dark *){--tw-bg-opacity: 1;background-color:hsl(230 22% 9% / var(--tw-bg-opacity, 1))}.dark\:bg-\[hsl\(230_24\%_7\%\)\]:is(.dark *){--tw-bg-opacity: 1;background-color:hsl(230 24% 7% / var(--tw-bg-opacity, 1))}.dark\:bg-\[hsl\(230_24\%_9\%\)\]:is(.dark *){--tw-bg-opacity: 1;background-color:hsl(230 24% 9% / var(--tw-bg-opacity, 1))}.dark\:bg-\[hsl\(var\(--brand-primary\)\/0\.06\)\]:is(.dark *){background-color:hsl(var(--brand-primary)/.06)}.dark\:bg-\[hsl\(var\(--glass-bg\)\)\]:is(.dark *){background-color:hsl(var(--glass-bg))}.dark\:bg-\[hsl\(var\(--step-half\)\/0\.14\)\]:is(.dark *){background-color:hsl(var(--step-half)/.14)}.dark\:bg-\[hsl\(var\(--step-whole\)\/0\.14\)\]:is(.dark *){background-color:hsl(var(--step-whole)/.14)}.dark\:bg-\[rgba\(21\,23\,29\,0\.92\)\]:is(.dark *){background-color:#15171deb}.dark\:bg-\[var\(--tab-rest\)\]:is(.dark *){background-color:var(--tab-rest)}.dark\:bg-amber-300\/30:is(.dark *){background-color:#fcd34d4d}.dark\:bg-amber-400\/\[0\.06\]:is(.dark *){background-color:#fbbf240f}.dark\:bg-amber-400\/\[0\.09\]:is(.dark *){background-color:#fbbf2417}.dark\:bg-amber-500\/\[0\.16\]:is(.dark *){background-color:#f59e0b29}.dark\:bg-amber-900\/20:is(.dark *){background-color:#78350f33}.dark\:bg-amber-900\/30:is(.dark *){background-color:#78350f4d}.dark\:bg-amber-900\/50:is(.dark *){background-color:#78350f80}.dark\:bg-black\/15:is(.dark *){background-color:#00000026}.dark\:bg-black\/20:is(.dark *){background-color:#0003}.dark\:bg-black\/30:is(.dark *){background-color:#0000004d}.dark\:bg-black\/35:is(.dark *){background-color:#00000059}.dark\:bg-card:is(.dark *){background-color:hsl(var(--card))}.dark\:bg-destructive\/\[0\.12\]:is(.dark *){background-color:hsl(var(--destructive) / .12)}.dark\:bg-destructive\/\[0\.14\]:is(.dark *){background-color:hsl(var(--destructive) / .14)}.dark\:bg-destructive\/\[0\.16\]:is(.dark *){background-color:hsl(var(--destructive) / .16)}.dark\:bg-emerald-400\/\[0\.18\]:is(.dark *){background-color:#34d3992e}.dark\:bg-emerald-500\/\[0\.16\]:is(.dark *){background-color:#10b98129}.dark\:bg-emerald-900\/20:is(.dark *){background-color:#064e3b33}.dark\:bg-emerald-900\/30:is(.dark *){background-color:#064e3b4d}.dark\:bg-emerald-900\/50:is(.dark *){background-color:#064e3b80}.dark\:bg-emerald-950\/30:is(.dark *){background-color:#022c224d}.dark\:bg-foreground\/\[0\.02\]:is(.dark *){background-color:hsl(var(--foreground) / .02)}.dark\:bg-foreground\/\[0\.03\]:is(.dark *){background-color:hsl(var(--foreground) / .03)}.dark\:bg-foreground\/\[0\.04\]:is(.dark *){background-color:hsl(var(--foreground) / .04)}.dark\:bg-foreground\/\[0\.05\]:is(.dark *){background-color:hsl(var(--foreground) / .05)}.dark\:bg-foreground\/\[0\.06\]:is(.dark *){background-color:hsl(var(--foreground) / .06)}.dark\:bg-foreground\/\[0\.08\]:is(.dark *){background-color:hsl(var(--foreground) / .08)}.dark\:bg-green-900\/20:is(.dark *){background-color:#14532d33}.dark\:bg-green-900\/30:is(.dark *){background-color:#14532d4d}.dark\:bg-mood-minor\/\[0\.14\]:is(.dark *){background-color:hsl(var(--mood-minor) / .14)}.dark\:bg-muted:is(.dark *){background-color:hsl(var(--muted))}.dark\:bg-neutral-100:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}.dark\:bg-neutral-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1))}.dark\:bg-orange-400\/15:is(.dark *){background-color:#fb923c26}.dark\:bg-orange-500\/20:is(.dark *){background-color:#f9731633}.dark\:bg-pink-400\/15:is(.dark *){background-color:#f472b626}.dark\:bg-primary:is(.dark *){background-color:hsl(var(--primary))}.dark\:bg-primary\/10:is(.dark *){background-color:hsl(var(--primary) / .1)}.dark\:bg-primary\/15:is(.dark *){background-color:hsl(var(--primary) / .15)}.dark\:bg-primary\/20:is(.dark *){background-color:hsl(var(--primary) / .2)}.dark\:bg-primary\/25:is(.dark *){background-color:hsl(var(--primary) / .25)}.dark\:bg-primary\/30:is(.dark *){background-color:hsl(var(--primary) / .3)}.dark\:bg-primary\/80:is(.dark *){background-color:hsl(var(--primary) / .8)}.dark\:bg-primary\/\[0\.04\]:is(.dark *){background-color:hsl(var(--primary) / .04)}.dark\:bg-primary\/\[0\.055\]:is(.dark *){background-color:hsl(var(--primary) / .055)}.dark\:bg-primary\/\[0\.05\]:is(.dark *){background-color:hsl(var(--primary) / .05)}.dark\:bg-primary\/\[0\.06\]:is(.dark *){background-color:hsl(var(--primary) / .06)}.dark\:bg-primary\/\[0\.07\]:is(.dark *){background-color:hsl(var(--primary) / .07)}.dark\:bg-primary\/\[0\.08\]:is(.dark *){background-color:hsl(var(--primary) / .08)}.dark\:bg-primary\/\[0\.09\]:is(.dark *){background-color:hsl(var(--primary) / .09)}.dark\:bg-primary\/\[0\.10\]:is(.dark *){background-color:hsl(var(--primary) / .1)}.dark\:bg-primary\/\[0\.11\]:is(.dark *){background-color:hsl(var(--primary) / .11)}.dark\:bg-primary\/\[0\.12\]:is(.dark *){background-color:hsl(var(--primary) / .12)}.dark\:bg-primary\/\[0\.14\]:is(.dark *){background-color:hsl(var(--primary) / .14)}.dark\:bg-primary\/\[0\.15\]:is(.dark *){background-color:hsl(var(--primary) / .15)}.dark\:bg-primary\/\[0\.16\]:is(.dark *){background-color:hsl(var(--primary) / .16)}.dark\:bg-primary\/\[0\.18\]:is(.dark *){background-color:hsl(var(--primary) / .18)}.dark\:bg-primary\/\[0\.1\]:is(.dark *){background-color:hsl(var(--primary) / .1)}.dark\:bg-primary\/\[0\.22\]:is(.dark *){background-color:hsl(var(--primary) / .22)}.dark\:bg-primary\/\[0\.26\]:is(.dark *){background-color:hsl(var(--primary) / .26)}.dark\:bg-primary\/\[0\.28\]:is(.dark *){background-color:hsl(var(--primary) / .28)}.dark\:bg-purple-500\/30:is(.dark *){background-color:#a855f74d}.dark\:bg-purple-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(107 33 168 / var(--tw-bg-opacity, 1))}.dark\:bg-purple-900\/30:is(.dark *){background-color:#581c874d}.dark\:bg-red-500\/15:is(.dark *){background-color:#ef444426}.dark\:bg-red-900\/20:is(.dark *){background-color:#7f1d1d33}.dark\:bg-red-900\/30:is(.dark *){background-color:#7f1d1d4d}.dark\:bg-rose-500\/\[0\.16\]:is(.dark *){background-color:#f43f5e29}.dark\:bg-rose-950\/30:is(.dark *){background-color:#4c05194d}.dark\:bg-slate-100:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-300:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-400\/15:is(.dark *){background-color:#94a3b826}.dark\:bg-slate-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-800\/40:is(.dark *){background-color:#1e293b66}.dark\:bg-slate-800\/50:is(.dark *){background-color:#1e293b80}.dark\:bg-slate-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-900\/40:is(.dark *){background-color:#0f172a66}.dark\:bg-slate-900\/80:is(.dark *){background-color:#0f172acc}.dark\:bg-slate-900\/95:is(.dark *){background-color:#0f172af2}.dark\:bg-success\/10:is(.dark *){background-color:hsl(var(--success) / .1)}.dark\:bg-success\/15:is(.dark *){background-color:hsl(var(--success) / .15)}.dark\:bg-success\/\[0\.12\]:is(.dark *){background-color:hsl(var(--success) / .12)}.dark\:bg-success\/\[0\.14\]:is(.dark *){background-color:hsl(var(--success) / .14)}.dark\:bg-teal-300\/30:is(.dark *){background-color:#5eead44d}.dark\:bg-teal-900\/30:is(.dark *){background-color:#134e4a4d}.dark\:bg-teal-900\/50:is(.dark *){background-color:#134e4a80}.dark\:bg-transparent:is(.dark *){background-color:transparent}.dark\:bg-violet-300\/30:is(.dark *){background-color:#c4b5fd4d}.dark\:bg-violet-400\/15:is(.dark *){background-color:#a78bfa26}.dark\:bg-white:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.dark\:bg-white\/10:is(.dark *){background-color:#ffffff1a}.dark\:bg-white\/\[0\.02\]:is(.dark *){background-color:#ffffff05}.dark\:bg-white\/\[0\.035\]:is(.dark *){background-color:#ffffff09}.dark\:bg-white\/\[0\.03\]:is(.dark *){background-color:#ffffff08}.dark\:bg-white\/\[0\.045\]:is(.dark *){background-color:#ffffff0b}.dark\:bg-white\/\[0\.04\]:is(.dark *){background-color:#ffffff0a}.dark\:bg-white\/\[0\.05\]:is(.dark *){background-color:#ffffff0d}.dark\:bg-white\/\[0\.06\]:is(.dark *){background-color:#ffffff0f}.dark\:bg-white\/\[0\.07\]:is(.dark *){background-color:#ffffff12}.dark\:bg-white\/\[0\.08\]:is(.dark *){background-color:#ffffff14}.dark\:bg-white\/\[0\.09\]:is(.dark *){background-color:#ffffff17}.dark\:bg-white\/\[0\.10\]:is(.dark *){background-color:#ffffff1a}.dark\:bg-white\/\[0\.12\]:is(.dark *){background-color:#ffffff1f}.dark\:bg-white\/\[0\.1\]:is(.dark *){background-color:#ffffff1a}.dark\:bg-\[linear-gradient\(145deg\,hsl\(var\(--foreground\)\/0\.09\)\,hsl\(var\(--foreground\)\/0\.035\)\)\]:is(.dark *){background-image:linear-gradient(145deg,hsl(var(--foreground)/.09),hsl(var(--foreground)/.035))}.dark\:bg-\[radial-gradient\(circle_at_center\,hsl\(var\(--primary\)\/0\.13\)\,transparent_48\%\)\]:is(.dark *){background-image:radial-gradient(circle at center,hsl(var(--primary)/.13),transparent 48%)}.dark\:from-\[\#070B12\]:is(.dark *){--tw-gradient-from: #070B12 var(--tw-gradient-from-position);--tw-gradient-to: rgb(7 11 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-black\/25:is(.dark *){--tw-gradient-from: rgb(0 0 0 / .25) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-primary\/20:is(.dark *){--tw-gradient-from: hsl(var(--primary) / .2) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-slate-700:is(.dark *){--tw-gradient-from: #334155 var(--tw-gradient-from-position);--tw-gradient-to: rgb(51 65 85 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-slate-900:is(.dark *){--tw-gradient-from: #0f172a var(--tw-gradient-from-position);--tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:via-fuchsia-500\/10:is(.dark *){--tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(217 70 239 / .1) var(--tw-gradient-via-position), var(--tw-gradient-to)}.dark\:to-\[\#0B1220\]:is(.dark *){--tw-gradient-to: #0B1220 var(--tw-gradient-to-position)}.dark\:to-purple-900\/30:is(.dark *){--tw-gradient-to: rgb(88 28 135 / .3) var(--tw-gradient-to-position)}.dark\:to-slate-800:is(.dark *){--tw-gradient-to: #1e293b var(--tw-gradient-to-position)}.dark\:to-violet-400\/\[0\.04\]:is(.dark *){--tw-gradient-to: rgb(167 139 250 / .04) var(--tw-gradient-to-position)}.dark\:fill-destructive\/\[0\.08\]:is(.dark *){fill:hsl(var(--destructive) / .08)}.dark\:fill-destructive\/\[0\.22\]:is(.dark *){fill:hsl(var(--destructive) / .22)}.dark\:fill-primary\/\[0\.07\]:is(.dark *){fill:hsl(var(--primary) / .07)}.dark\:fill-primary\/\[0\.16\]:is(.dark *){fill:hsl(var(--primary) / .16)}.dark\:fill-primary\/\[0\.38\]:is(.dark *){fill:hsl(var(--primary) / .38)}.dark\:stroke-primary\/15:is(.dark *){stroke:hsl(var(--primary) / .15)}.dark\:\!text-white:is(.dark *){--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}.dark\:text-\[\#c4c9d3\]:is(.dark *){--tw-text-opacity: 1;color:rgb(196 201 211 / var(--tw-text-opacity, 1))}.dark\:text-\[\#fffbff\]:is(.dark *){--tw-text-opacity: 1;color:rgb(255 251 255 / var(--tw-text-opacity, 1))}.dark\:text-\[hsl\(268_85\%_78\%\)\]:is(.dark *){--tw-text-opacity: 1;color:hsl(268 85% 78% / var(--tw-text-opacity, 1))}.dark\:text-\[hsl\(268_90\%_82\%\)\]:is(.dark *){--tw-text-opacity: 1;color:hsl(268 90% 82% / var(--tw-text-opacity, 1))}.dark\:text-\[hsl\(var\(--brand-primary\)\)\]:is(.dark *){color:hsl(var(--brand-primary))}.dark\:text-\[hsl\(var\(--step-half\)\)\]:is(.dark *){color:hsl(var(--step-half))}.dark\:text-\[hsl\(var\(--step-whole\)\)\]:is(.dark *){color:hsl(var(--step-whole))}.dark\:text-amber-200:is(.dark *){--tw-text-opacity: 1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))}.dark\:text-amber-300:is(.dark *){--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.dark\:text-amber-400:is(.dark *){--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.dark\:text-cyan-300:is(.dark *){--tw-text-opacity: 1;color:rgb(103 232 249 / var(--tw-text-opacity, 1))}.dark\:text-cyan-400:is(.dark *){--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.dark\:text-emerald-200:is(.dark *){--tw-text-opacity: 1;color:rgb(167 243 208 / var(--tw-text-opacity, 1))}.dark\:text-emerald-300:is(.dark *){--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.dark\:text-emerald-400:is(.dark *){--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.dark\:text-foreground:is(.dark *){color:hsl(var(--foreground))}.dark\:text-foreground\/70:is(.dark *){color:hsl(var(--foreground) / .7)}.dark\:text-fuchsia-300:is(.dark *){--tw-text-opacity: 1;color:rgb(240 171 252 / var(--tw-text-opacity, 1))}.dark\:text-fuchsia-400:is(.dark *){--tw-text-opacity: 1;color:rgb(232 121 249 / var(--tw-text-opacity, 1))}.dark\:text-green-200:is(.dark *){--tw-text-opacity: 1;color:rgb(187 247 208 / var(--tw-text-opacity, 1))}.dark\:text-green-400:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.dark\:text-indigo-300:is(.dark *){--tw-text-opacity: 1;color:rgb(165 180 252 / var(--tw-text-opacity, 1))}.dark\:text-indigo-400:is(.dark *){--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.dark\:text-lime-300:is(.dark *){--tw-text-opacity: 1;color:rgb(190 242 100 / var(--tw-text-opacity, 1))}.dark\:text-lime-400:is(.dark *){--tw-text-opacity: 1;color:rgb(163 230 53 / var(--tw-text-opacity, 1))}.dark\:text-mood-major:is(.dark *){color:hsl(var(--mood-major))}.dark\:text-mood-minor:is(.dark *){color:hsl(var(--mood-minor))}.dark\:text-muted-foreground\/20:is(.dark *){color:hsl(var(--muted-foreground) / .2)}.dark\:text-neutral-700:is(.dark *){--tw-text-opacity: 1;color:rgb(64 64 64 / var(--tw-text-opacity, 1))}.dark\:text-neutral-950:is(.dark *){--tw-text-opacity: 1;color:rgb(10 10 10 / var(--tw-text-opacity, 1))}.dark\:text-orange-300:is(.dark *){--tw-text-opacity: 1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))}.dark\:text-orange-400:is(.dark *){--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.dark\:text-pink-300:is(.dark *){--tw-text-opacity: 1;color:rgb(249 168 212 / var(--tw-text-opacity, 1))}.dark\:text-premium:is(.dark *){color:hsl(var(--premium))}.dark\:text-primary:is(.dark *){color:hsl(var(--primary))}.dark\:text-primary-foreground:is(.dark *){color:hsl(var(--primary-foreground))}.dark\:text-primary\/65:is(.dark *){color:hsl(var(--primary) / .65)}.dark\:text-primary\/70:is(.dark *){color:hsl(var(--primary) / .7)}.dark\:text-purple-300:is(.dark *){--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity, 1))}.dark\:text-purple-400:is(.dark *){--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:text-rose-200:is(.dark *){--tw-text-opacity: 1;color:rgb(254 205 211 / var(--tw-text-opacity, 1))}.dark\:text-rose-300:is(.dark *){--tw-text-opacity: 1;color:rgb(253 164 175 / var(--tw-text-opacity, 1))}.dark\:text-rose-400:is(.dark *){--tw-text-opacity: 1;color:rgb(251 113 133 / var(--tw-text-opacity, 1))}.dark\:text-sidebar-foreground:is(.dark *){color:hsl(var(--sidebar-foreground))}.dark\:text-sidebar-foreground\/65:is(.dark *){color:hsl(var(--sidebar-foreground) / .65)}.dark\:text-sky-300:is(.dark *){--tw-text-opacity: 1;color:rgb(125 211 252 / var(--tw-text-opacity, 1))}.dark\:text-sky-400:is(.dark *){--tw-text-opacity: 1;color:rgb(56 189 248 / var(--tw-text-opacity, 1))}.dark\:text-slate-200:is(.dark *){--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.dark\:text-slate-300:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.dark\:text-slate-400:is(.dark *){--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.dark\:text-slate-500:is(.dark *){--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.dark\:text-success:is(.dark *){color:hsl(var(--success))}.dark\:text-teal-300:is(.dark *){--tw-text-opacity: 1;color:rgb(94 234 212 / var(--tw-text-opacity, 1))}.dark\:text-teal-400:is(.dark *){--tw-text-opacity: 1;color:rgb(45 212 191 / var(--tw-text-opacity, 1))}.dark\:text-violet-300:is(.dark *){--tw-text-opacity: 1;color:rgb(196 181 253 / var(--tw-text-opacity, 1))}.dark\:text-violet-400:is(.dark *){--tw-text-opacity: 1;color:rgb(167 139 250 / var(--tw-text-opacity, 1))}.dark\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:text-white\/40:is(.dark *){color:#fff6}.dark\:text-white\/50:is(.dark *){color:#ffffff80}.dark\:text-white\/65:is(.dark *){color:#ffffffa6}.dark\:text-white\/70:is(.dark *){color:#ffffffb3}.dark\:text-white\/75:is(.dark *){color:#ffffffbf}.dark\:opacity-100:is(.dark *){opacity:1}.dark\:\!shadow-none:is(.dark *){--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.dark\:shadow-\[0_0_12px_2px_var\(--tap-color\)\]:is(.dark *){--tw-shadow: 0 0 12px 2px var(--tap-color);--tw-shadow-colored: 0 0 12px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[0_0_16px_rgba\(168\,85\,247\,0\.5\)\,0_0_40px_rgba\(168\,85\,247\,0\.25\)\]:is(.dark *){--tw-shadow: 0 0 16px rgba(168,85,247,.5),0 0 40px rgba(168,85,247,.25);--tw-shadow-colored: 0 0 16px var(--tw-shadow-color), 0 0 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[0_0_18px_-2px_hsl\(var\(--step-half\)\/0\.5\)\]:is(.dark *){--tw-shadow: 0 0 18px -2px hsl(var(--step-half)/.5);--tw-shadow-colored: 0 0 18px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[0_0_18px_-2px_hsl\(var\(--step-whole\)\/0\.5\)\]:is(.dark *){--tw-shadow: 0 0 18px -2px hsl(var(--step-whole)/.5);--tw-shadow-colored: 0 0 18px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[0_0_18px_-2px_rgba\(168\,85\,247\,0\.55\)\]:is(.dark *){--tw-shadow: 0 0 18px -2px rgba(168,85,247,.55);--tw-shadow-colored: 0 0 18px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[0_0_18px_-2px_rgba\(244\,63\,94\,0\.55\)\]:is(.dark *){--tw-shadow: 0 0 18px -2px rgba(244,63,94,.55);--tw-shadow-colored: 0 0 18px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[0_0_20px_-2px_rgba\(168\,85\,247\,0\.5\)\]:is(.dark *){--tw-shadow: 0 0 20px -2px rgba(168,85,247,.5);--tw-shadow-colored: 0 0 20px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[0_0_20px_-2px_rgba\(244\,63\,94\,0\.45\)\]:is(.dark *){--tw-shadow: 0 0 20px -2px rgba(244,63,94,.45);--tw-shadow-colored: 0 0 20px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[0_0_20px_-2px_rgba\(34\,197\,94\,0\.45\)\]:is(.dark *){--tw-shadow: 0 0 20px -2px rgba(34,197,94,.45);--tw-shadow-colored: 0 0 20px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[0_0_20px_-3px_rgba\(168\,85\,247\,0\.45\)\]:is(.dark *){--tw-shadow: 0 0 20px -3px rgba(168,85,247,.45);--tw-shadow-colored: 0 0 20px -3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[0_0_22px_-2px_rgba\(168\,85\,247\,0\.5\)\]:is(.dark *){--tw-shadow: 0 0 22px -2px rgba(168,85,247,.5);--tw-shadow-colored: 0 0 22px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[0_0_22px_-2px_rgba\(168\,85\,247\,0\.55\)\]:is(.dark *){--tw-shadow: 0 0 22px -2px rgba(168,85,247,.55);--tw-shadow-colored: 0 0 22px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[0_0_22px_-2px_rgba\(244\,63\,94\,0\.45\)\]:is(.dark *){--tw-shadow: 0 0 22px -2px rgba(244,63,94,.45);--tw-shadow-colored: 0 0 22px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[0_0_22px_-2px_rgba\(34\,197\,94\,0\.45\)\]:is(.dark *){--tw-shadow: 0 0 22px -2px rgba(34,197,94,.45);--tw-shadow-colored: 0 0 22px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[0_0_22px_-4px_rgba\(168\,85\,247\,0\.45\)\]:is(.dark *){--tw-shadow: 0 0 22px -4px rgba(168,85,247,.45);--tw-shadow-colored: 0 0 22px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[0_0_22px_-4px_rgba\(34\,197\,94\,0\.4\)\]:is(.dark *){--tw-shadow: 0 0 22px -4px rgba(34,197,94,.4);--tw-shadow-colored: 0 0 22px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[0_0_22px_-7px_hsl\(var\(--primary\)\/0\.9\)\]:is(.dark *){--tw-shadow: 0 0 22px -7px hsl(var(--primary)/.9);--tw-shadow-colored: 0 0 22px -7px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[0_14px_34px_rgba\(5\,4\,15\,0\.20\)\]:is(.dark *){--tw-shadow: 0 14px 34px rgba(5,4,15,.2);--tw-shadow-colored: 0 14px 34px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[0_14px_38px_rgba\(0\,0\,0\,0\.16\)\]:is(.dark *){--tw-shadow: 0 14px 38px rgba(0,0,0,.16);--tw-shadow-colored: 0 14px 38px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[0_18px_50px_rgba\(5\,4\,15\,0\.2\)\]:is(.dark *){--tw-shadow: 0 18px 50px rgba(5,4,15,.2);--tw-shadow-colored: 0 18px 50px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[0_24px_60px_-42px_rgba\(0\,0\,0\,0\.9\)\]:is(.dark *){--tw-shadow: 0 24px 60px -42px rgba(0,0,0,.9);--tw-shadow-colored: 0 24px 60px -42px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[0_4px_14px_-4px_rgba\(0\,0\,0\,0\.5\)\]:is(.dark *){--tw-shadow: 0 4px 14px -4px rgba(0,0,0,.5);--tw-shadow-colored: 0 4px 14px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[0_6px_20px_-8px_rgba\(0\,0\,0\,0\.55\)\]:is(.dark *){--tw-shadow: 0 6px 20px -8px rgba(0,0,0,.55);--tw-shadow-colored: 0 6px 20px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[inset_0_1px_0_hsl\(var\(--foreground\)\/0\.04\)\]:is(.dark *){--tw-shadow: inset 0 1px 0 hsl(var(--foreground)/.04);--tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.05\)\]:is(.dark *){--tw-shadow: inset 0 1px 0 rgba(255,255,255,.05);--tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.06\)\]:is(.dark *){--tw-shadow: inset 0 1px 0 rgba(255,255,255,.06);--tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-none:is(.dark *){--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-sm:is(.dark *){--tw-shadow: var(--shadow-sm);--tw-shadow-colored: var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:ring-inset:is(.dark *){--tw-ring-inset: inset}.dark\:\!ring-transparent:is(.dark *){--tw-ring-color: transparent !important}.dark\:ring-\[\#0b0d14\]:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(11 13 20 / var(--tw-ring-opacity, 1))}.dark\:ring-\[hsl\(var\(--brand-primary\)\/0\.30\)\]:is(.dark *){--tw-ring-color: hsl(var(--brand-primary)/.3)}.dark\:ring-card:is(.dark *){--tw-ring-color: hsl(var(--card))}.dark\:ring-mood-minor\/30:is(.dark *){--tw-ring-color: hsl(var(--mood-minor) / .3)}.dark\:ring-primary\/25:is(.dark *){--tw-ring-color: hsl(var(--primary) / .25)}.dark\:ring-primary\/40:is(.dark *){--tw-ring-color: hsl(var(--primary) / .4)}.dark\:ring-transparent:is(.dark *){--tw-ring-color: transparent}.dark\:ring-white\/\[0\.06\]:is(.dark *){--tw-ring-color: rgb(255 255 255 / .06)}.dark\:ring-white\/\[0\.08\]:is(.dark *){--tw-ring-color: rgb(255 255 255 / .08)}.dark\:ring-white\/\[0\.10\]:is(.dark *){--tw-ring-color: rgb(255 255 255 / .1)}.dark\:brightness-\[0\.8\]:is(.dark *){--tw-brightness: brightness(.8);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.dark\:brightness-\[2\]:is(.dark *){--tw-brightness: brightness(2);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.dark\:drop-shadow-\[0_0_12px_hsl\(var\(--primary\)\/0\.75\)\]:is(.dark *){--tw-drop-shadow: drop-shadow(0 0 12px hsl(var(--primary)/.75));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.dark\:invert:is(.dark *){--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.dark\:saturate-\[0\.88\]:is(.dark *){--tw-saturate: saturate(.88);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.dark\:\!backdrop-blur-none:is(.dark *){--tw-backdrop-blur: !important;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important}.dark\:backdrop-blur-\[14px\]:is(.dark *){--tw-backdrop-blur: blur(14px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.dark\:backdrop-blur-md:is(.dark *){--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.dark\:backdrop-blur-none:is(.dark *){--tw-backdrop-blur: ;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.dark\:backdrop-saturate-100:is(.dark *){--tw-backdrop-saturate: saturate(1);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.dark\:\[background\:radial-gradient\(circle_at_50\%_50\%\,hsl\(var\(--primary\)\/0\.18\)_0\%\,transparent_60\%\)\]:is(.dark *){background:radial-gradient(circle at 50% 50%,hsl(var(--primary)/.18) 0%,transparent 60%)}.dark\:\[filter\:drop-shadow\(0_0_10px_hsl\(var\(--primary\)\/0\.7\)\)\]:is(.dark *){filter:drop-shadow(0 0 10px hsl(var(--primary)/.7))}.dark\:\[filter\:drop-shadow\(0_0_14px_hsl\(266_85\%_62\%\/0\.55\)\)\]:is(.dark *){filter:drop-shadow(0 0 14px hsl(266 85% 62%/.55))}.dark\:\[filter\:drop-shadow\(0_0_14px_hsl\(38_90\%_55\%\/0\.55\)\)\]:is(.dark *){filter:drop-shadow(0 0 14px hsl(38 90% 55%/.55))}.dark\:\[filter\:drop-shadow\(0_0_6px_hsl\(var\(--primary\)\/0\.6\)\)\]:is(.dark *){filter:drop-shadow(0 0 6px hsl(var(--primary)/.6))}.dark\:\[text-shadow\:0_0_28px_hsl\(var\(--primary\)_\/_0\.75\)\,0_0_70px_hsl\(var\(--primary\)_\/_0\.45\)\]:is(.dark *){text-shadow:0 0 28px hsl(var(--primary) / .75),0 0 70px hsl(var(--primary) / .45)}.dark\:hover\:\!border-white\/\[0\.08\]:hover:is(.dark *){border-color:#ffffff14!important}.dark\:hover\:border-\[color-mix\(in_srgb\,var\(--fc\)_60\%\,transparent\)\]:hover:is(.dark *){border-color:color-mix(in srgb,var(--fc) 60%,transparent)}.dark\:hover\:border-primary\/25:hover:is(.dark *){border-color:hsl(var(--primary) / .25)}.dark\:hover\:border-primary\/40:hover:is(.dark *){border-color:hsl(var(--primary) / .4)}.dark\:hover\:\!bg-primary\/\[0\.08\]:hover:is(.dark *){background-color:hsl(var(--primary) / .08)!important}.dark\:hover\:\!bg-primary\/\[0\.12\]:hover:is(.dark *){background-color:hsl(var(--primary) / .12)!important}.dark\:hover\:\!bg-white\/\[0\.055\]:hover:is(.dark *){background-color:#ffffff0e!important}.dark\:hover\:\!bg-white\/\[0\.05\]:hover:is(.dark *){background-color:#ffffff0d!important}.dark\:hover\:bg-\[color-mix\(in_srgb\,var\(--fc\)_30\%\,transparent\)\]:hover:is(.dark *){background-color:color-mix(in srgb,var(--fc) 30%,transparent)}.dark\:hover\:bg-\[hsl\(var\(--brand-primary\)\/0\.12\)\]:hover:is(.dark *){background-color:hsl(var(--brand-primary)/.12)}.dark\:hover\:bg-foreground\/\[0\.05\]:hover:is(.dark *){background-color:hsl(var(--foreground) / .05)}.dark\:hover\:bg-foreground\/\[0\.07\]:hover:is(.dark *){background-color:hsl(var(--foreground) / .07)}.dark\:hover\:bg-primary\/15:hover:is(.dark *){background-color:hsl(var(--primary) / .15)}.dark\:hover\:bg-primary\/\[0\.06\]:hover:is(.dark *){background-color:hsl(var(--primary) / .06)}.dark\:hover\:bg-primary\/\[0\.11\]:hover:is(.dark *){background-color:hsl(var(--primary) / .11)}.dark\:hover\:bg-primary\/\[0\.12\]:hover:is(.dark *){background-color:hsl(var(--primary) / .12)}.dark\:hover\:bg-primary\/\[0\.1\]:hover:is(.dark *){background-color:hsl(var(--primary) / .1)}.dark\:hover\:bg-primary\/\[0\.22\]:hover:is(.dark *){background-color:hsl(var(--primary) / .22)}.dark\:hover\:bg-slate-600:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-slate-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-teal-900\/50:hover:is(.dark *){background-color:#134e4a80}.dark\:hover\:bg-white\/15:hover:is(.dark *){background-color:#ffffff26}.dark\:hover\:bg-white\/\[0\.025\]:hover:is(.dark *){background-color:#ffffff06}.dark\:hover\:bg-white\/\[0\.04\]:hover:is(.dark *){background-color:#ffffff0a}.dark\:hover\:bg-white\/\[0\.05\]:hover:is(.dark *){background-color:#ffffff0d}.dark\:hover\:bg-white\/\[0\.06\]:hover:is(.dark *){background-color:#ffffff0f}.dark\:hover\:bg-white\/\[0\.07\]:hover:is(.dark *){background-color:#ffffff12}.dark\:hover\:bg-white\/\[0\.08\]:hover:is(.dark *){background-color:#ffffff14}.dark\:hover\:fill-primary\/\[0\.12\]:hover:is(.dark *){fill:hsl(var(--primary) / .12)}.dark\:hover\:text-sidebar-foreground:hover:is(.dark *){color:hsl(var(--sidebar-foreground))}.dark\:hover\:text-slate-200:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.dark\:hover\:text-slate-300:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.dark\:hover\:text-white:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:hover\:shadow-none:hover:is(.dark *){--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:focus-visible\:ring-offset-background:focus-visible:is(.dark *){--tw-ring-offset-color: hsl(var(--background))}.group:hover .dark\:group-hover\:bg-\[hsl\(var\(--brand-primary\)\/0\.14\)\]:is(.dark *){background-color:hsl(var(--brand-primary)/.14)}.group:hover .dark\:group-hover\:bg-orange\/10:is(.dark *){background-color:hsl(var(--orange) / .1)}.group:hover .dark\:group-hover\:bg-primary\/10:is(.dark *){background-color:hsl(var(--primary) / .1)}.group:hover .dark\:group-hover\:bg-primary\/\[0\.14\]:is(.dark *){background-color:hsl(var(--primary) / .14)}.group:hover .dark\:group-hover\:bg-primary\/\[0\.16\]:is(.dark *){background-color:hsl(var(--primary) / .16)}.group:hover .dark\:group-hover\:bg-primary\/\[0\.22\]:is(.dark *){background-color:hsl(var(--primary) / .22)}.group:hover .dark\:group-hover\:bg-success\/10:is(.dark *){background-color:hsl(var(--success) / .1)}.group:hover .dark\:group-hover\:bg-white\/\[0\.06\]:is(.dark *){background-color:#ffffff0f}.group:hover .dark\:group-hover\:text-orange:is(.dark *){color:hsl(var(--orange))}.group:hover .dark\:group-hover\:text-primary:is(.dark *){color:hsl(var(--primary))}.group:hover .dark\:group-hover\:text-success:is(.dark *){color:hsl(var(--success))}.group:hover .dark\:group-hover\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group:hover .dark\:group-hover\:ring-\[hsl\(var\(--brand-primary\)\/0\.6\)\]:is(.dark *){--tw-ring-color: hsl(var(--brand-primary)/.6)}.group:active .dark\:group-active\:bg-\[hsl\(var\(--brand-primary\)\/0\.9\)\]:is(.dark *){background-color:hsl(var(--brand-primary)/.9)}.group:active .dark\:group-active\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group:active .dark\:group-active\:ring-transparent:is(.dark *){--tw-ring-color: transparent}.dark\:data-\[state\=open\]\:\!bg-primary\/\[0\.12\][data-state=open]:is(.dark *){background-color:hsl(var(--primary) / .12)!important}.dark\:data-\[state\=unchecked\]\:bg-\[hsl\(220_10\%_55\%\)\][data-state=unchecked]:is(.dark *){--tw-bg-opacity: 1;background-color:hsl(220 10% 55% / var(--tw-bg-opacity, 1))}.dark\:data-\[state\=unchecked\]\:bg-\[hsl\(220_10\%_60\%\)\][data-state=unchecked]:is(.dark *){--tw-bg-opacity: 1;background-color:hsl(220 10% 60% / var(--tw-bg-opacity, 1))}.dark\:data-\[state\=open\]\:\!ring-2[data-state=open]:is(.dark *){--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important}.dark\:data-\[state\=open\]\:\!ring-primary\/45[data-state=open]:is(.dark *){--tw-ring-color: hsl(var(--primary) / .45) !important}.dark\:data-\[state\=open\]\:\!ring-offset-0[data-state=open]:is(.dark *){--tw-ring-offset-width: 0px !important}@media not all and (min-width: 768px){.max-md\:sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.max-md\:bottom-auto{bottom:auto}.max-md\:right-2{right:.5rem}.max-md\:top-16{top:4rem}.max-md\:h-10{height:2.5rem}.max-md\:w-10{width:2.5rem}.max-md\:justify-center{justify-content:center}.max-md\:p-0{padding:0}}@media not all and (min-width: 640px){.max-sm\:bottom-24{bottom:6rem}.max-sm\:bottom-\[calc\(5\.5rem\+env\(safe-area-inset-bottom\)\)\]{bottom:calc(5.5rem + env(safe-area-inset-bottom))}.max-sm\:right-3{right:.75rem}.max-sm\:top-auto{top:auto}.max-sm\:\!w-\[180px\]{width:180px!important}}@media (max-width: 359px){.max-\[359px\]\:text-\[8px\]{font-size:8px}}@media (min-width: 390px){.min-\[390px\]\:text-\[2\.25rem\]{font-size:2.25rem}.min-\[390px\]\:text-\[2\.4rem\]{font-size:2.4rem}}@media (min-width: 400px){.min-\[400px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 440px){.min-\[440px\]\:right-2\.5{right:.625rem}.min-\[440px\]\:top-2\.5{top:.625rem}.min-\[440px\]\:col-span-1{grid-column:span 1 / span 1}.min-\[440px\]\:col-start-auto{grid-column-start:auto}.min-\[440px\]\:grid{display:grid}.min-\[440px\]\:hidden{display:none}.min-\[440px\]\:h-7{height:1.75rem}.min-\[440px\]\:w-7{width:1.75rem}.min-\[440px\]\:w-full{width:100%}.min-\[440px\]\:min-w-\[64px\]{min-width:64px}.min-\[440px\]\:max-w-2xl{max-width:42rem}.min-\[440px\]\:flex-none{flex:none}.min-\[440px\]\:translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.min-\[440px\]\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.min-\[440px\]\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.min-\[440px\]\:flex-col{flex-direction:column}.min-\[440px\]\:items-center{align-items:center}.min-\[440px\]\:gap-1\.5{gap:.375rem}.min-\[440px\]\:gap-3{gap:.75rem}.min-\[440px\]\:px-3{padding-left:.75rem;padding-right:.75rem}.min-\[440px\]\:py-4{padding-top:1rem;padding-bottom:1rem}.min-\[440px\]\:pr-3{padding-right:.75rem}.min-\[440px\]\:text-center{text-align:center}.min-\[440px\]\:font-display{font-family:Inter Tight,Inter,ui-sans-serif,system-ui,sans-serif}.min-\[440px\]\:text-\[15px\]{font-size:15px}.min-\[440px\]\:leading-none{line-height:1}.min-\[440px\]\:font-display{font-family:var(--font-display)}}@media (min-width: 640px){.sm\:absolute{position:absolute}.sm\:inset-3{top:.75rem;right:.75rem;bottom:.75rem;left:.75rem}.sm\:-inset-x-8{left:-2rem;right:-2rem}.sm\:inset-y-0{top:0;bottom:0}.sm\:-left-12{left:-3rem}.sm\:-left-6{left:-1.5rem}.sm\:-left-8{left:-2rem}.sm\:-right-10{right:-2.5rem}.sm\:-right-5{right:-1.25rem}.sm\:-right-6{right:-1.5rem}.sm\:-right-8{right:-2rem}.sm\:bottom-0{bottom:0}.sm\:bottom-3{bottom:.75rem}.sm\:bottom-5{bottom:1.25rem}.sm\:bottom-7{bottom:1.75rem}.sm\:left-1\/2{left:50%}.sm\:left-5{left:1.25rem}.sm\:left-6{left:1.5rem}.sm\:right-0{right:0}.sm\:right-5{right:1.25rem}.sm\:right-\[64px\]{right:64px}.sm\:top-1{top:.25rem}.sm\:top-5{top:1.25rem}.sm\:top-\[5\.4rem\]{top:5.4rem}.sm\:top-auto{top:auto}.sm\:order-1{order:1}.sm\:order-2{order:2}.sm\:col-span-1{grid-column:span 1 / span 1}.sm\:col-start-2{grid-column-start:2}.sm\:col-start-3{grid-column-start:3}.sm\:col-start-auto{grid-column-start:auto}.sm\:row-span-1{grid-row:span 1 / span 1}.sm\:row-start-1{grid-row-start:1}.sm\:mx-1\.5{margin-left:.375rem;margin-right:.375rem}.sm\:mx-2{margin-left:.5rem;margin-right:.5rem}.sm\:my-8{margin-top:2rem;margin-bottom:2rem}.sm\:-mt-6{margin-top:-1.5rem}.sm\:mb-1\.5{margin-bottom:.375rem}.sm\:mb-2{margin-bottom:.5rem}.sm\:mb-4{margin-bottom:1rem}.sm\:mb-7{margin-bottom:1.75rem}.sm\:mb-8{margin-bottom:2rem}.sm\:mt-0{margin-top:0}.sm\:mt-1{margin-top:.25rem}.sm\:mt-10{margin-top:2.5rem}.sm\:mt-12{margin-top:3rem}.sm\:mt-2{margin-top:.5rem}.sm\:mt-3{margin-top:.75rem}.sm\:mt-4{margin-top:1rem}.sm\:mt-5{margin-top:1.25rem}.sm\:mt-6{margin-top:1.5rem}.sm\:mt-7{margin-top:1.75rem}.sm\:mt-8{margin-top:2rem}.sm\:line-clamp-none{overflow:visible;display:block;-webkit-box-orient:horizontal;-webkit-line-clamp:none}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:aspect-\[4\/5\]{aspect-ratio:4/5}.sm\:\!h-\[80px\]{height:80px!important}.sm\:h-10{height:2.5rem}.sm\:h-11{height:2.75rem}.sm\:h-12{height:3rem}.sm\:h-14{height:3.5rem}.sm\:h-16{height:4rem}.sm\:h-20{height:5rem}.sm\:h-24{height:6rem}.sm\:h-28{height:7rem}.sm\:h-32{height:8rem}.sm\:h-36{height:9rem}.sm\:h-40{height:10rem}.sm\:h-44{height:11rem}.sm\:h-48{height:12rem}.sm\:h-52{height:13rem}.sm\:h-6{height:1.5rem}.sm\:h-7{height:1.75rem}.sm\:h-8{height:2rem}.sm\:h-9{height:2.25rem}.sm\:h-\[112px\]{height:112px}.sm\:h-\[132px\]{height:132px}.sm\:h-\[170px\]{height:170px}.sm\:h-\[22px\]{height:22px}.sm\:h-\[300px\]{height:300px}.sm\:h-\[52px\]{height:52px}.sm\:h-\[64px\]{height:64px}.sm\:h-\[68px\]{height:68px}.sm\:h-\[78px\]{height:78px}.sm\:h-\[84px\]{height:84px}.sm\:h-\[88px\]{height:88px}.sm\:h-\[92px\]{height:92px}.sm\:h-\[96px\]{height:96px}.sm\:max-h-\[calc\(100dvh-2rem\)\]{max-height:calc(100dvh - 2rem)}.sm\:min-h-0{min-height:0px}.sm\:min-h-12{min-height:3rem}.sm\:min-h-40{min-height:10rem}.sm\:min-h-\[108px\]{min-height:108px}.sm\:min-h-\[132px\]{min-height:132px}.sm\:min-h-\[150px\]{min-height:150px}.sm\:min-h-\[250px\]{min-height:250px}.sm\:min-h-\[280px\]{min-height:280px}.sm\:min-h-\[440px\]{min-height:440px}.sm\:min-h-\[64px\]{min-height:64px}.sm\:min-h-\[6rem\]{min-height:6rem}.sm\:min-h-\[92px\]{min-height:92px}.sm\:\!w-\[96px\]{width:96px!important}.sm\:w-10{width:2.5rem}.sm\:w-11{width:2.75rem}.sm\:w-12{width:3rem}.sm\:w-14{width:3.5rem}.sm\:w-16{width:4rem}.sm\:w-20{width:5rem}.sm\:w-24{width:6rem}.sm\:w-28{width:7rem}.sm\:w-32{width:8rem}.sm\:w-36{width:9rem}.sm\:w-40{width:10rem}.sm\:w-48{width:12rem}.sm\:w-6{width:1.5rem}.sm\:w-60{width:15rem}.sm\:w-64{width:16rem}.sm\:w-7{width:1.75rem}.sm\:w-72{width:18rem}.sm\:w-8{width:2rem}.sm\:w-9{width:2.25rem}.sm\:w-\[132px\]{width:132px}.sm\:w-\[180px\]{width:180px}.sm\:w-\[22px\]{width:22px}.sm\:w-\[230px\]{width:230px}.sm\:w-\[320px\]{width:320px}.sm\:w-\[4\.5\%\]{width:4.5%}.sm\:w-\[42px\]{width:42px}.sm\:w-\[5\.5\%\]{width:5.5%}.sm\:w-\[52px\]{width:52px}.sm\:w-\[68px\]{width:68px}.sm\:w-\[72px\]{width:72px}.sm\:w-\[74px\]{width:74px}.sm\:w-\[84px\]{width:84px}.sm\:w-\[88px\]{width:88px}.sm\:w-\[96px\]{width:96px}.sm\:w-auto{width:auto}.sm\:w-fit{width:-moz-fit-content;width:fit-content}.sm\:w-full{width:100%}.sm\:min-w-12{min-width:3rem}.sm\:min-w-\[150px\]{min-width:150px}.sm\:min-w-\[175px\]{min-width:175px}.sm\:min-w-\[180px\]{min-width:180px}.sm\:min-w-\[200px\]{min-width:200px}.sm\:min-w-\[3\.5rem\]{min-width:3.5rem}.sm\:min-w-\[7\.25rem\]{min-width:7.25rem}.sm\:min-w-\[92px\]{min-width:92px}.sm\:max-w-3xl{max-width:48rem}.sm\:max-w-\[150px\]{max-width:150px}.sm\:max-w-\[200px\]{max-width:200px}.sm\:max-w-\[210px\]{max-width:210px}.sm\:max-w-\[240px\]{max-width:240px}.sm\:max-w-\[24ch\]{max-width:24ch}.sm\:max-w-\[300px\]{max-width:300px}.sm\:max-w-\[480px\]{max-width:480px}.sm\:max-w-full{max-width:100%}.sm\:max-w-lg{max-width:32rem}.sm\:max-w-md{max-width:28rem}.sm\:max-w-none{max-width:none}.sm\:max-w-sm{max-width:24rem}.sm\:max-w-xl{max-width:36rem}.sm\:flex-1{flex:1 1 0%}.sm\:flex-none{flex:none}.sm\:shrink-0{flex-shrink:0}.sm\:basis-auto{flex-basis:auto}.sm\:-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:-skew-x-\[5deg\]{--tw-skew-x: -5deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:skew-x-\[5deg\]{--tw-skew-x: 5deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-cols-\[1\.04fr_1\.18fr_1\.08fr\]{grid-template-columns:1.04fr 1.18fr 1.08fr}.sm\:grid-cols-\[140px_1fr\]{grid-template-columns:140px 1fr}.sm\:grid-cols-\[144px_1fr\]{grid-template-columns:144px 1fr}.sm\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.sm\:grid-cols-\[4\.5rem_minmax\(0\,1fr\)_auto\]{grid-template-columns:4.5rem minmax(0,1fr) auto}.sm\:grid-cols-\[40px_minmax\(0\,1fr\)_auto_96px\]{grid-template-columns:40px minmax(0,1fr) auto 96px}.sm\:grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.sm\:grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.sm\:grid-cols-\[minmax\(0\,2fr\)_minmax\(240px\,1fr\)\]{grid-template-columns:minmax(0,2fr) minmax(240px,1fr)}.sm\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-row-reverse{flex-direction:row-reverse}.sm\:flex-col{flex-direction:column}.sm\:flex-wrap{flex-wrap:wrap}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:place-items-center{place-items:center}.sm\:items-start{align-items:flex-start}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:items-stretch{align-items:stretch}.sm\:justify-start{justify-content:flex-start}.sm\:justify-end{justify-content:flex-end}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-1\.5{gap:.375rem}.sm\:gap-2{gap:.5rem}.sm\:gap-2\.5{gap:.625rem}.sm\:gap-3{gap:.75rem}.sm\:gap-3\.5{gap:.875rem}.sm\:gap-4{gap:1rem}.sm\:gap-5{gap:1.25rem}.sm\:gap-6{gap:1.5rem}.sm\:gap-7{gap:1.75rem}.sm\:gap-8{gap:2rem}.sm\:gap-9{gap:2.25rem}.sm\:gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.sm\:gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.sm\:gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.sm\:gap-y-6{row-gap:1.5rem}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.sm\:divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.sm\:divide-y-0>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(0px * var(--tw-divide-y-reverse))}.sm\:divide-primary\/10>:not([hidden])~:not([hidden]){border-color:hsl(var(--primary) / .1)}.sm\:self-auto{align-self:auto}.sm\:self-start{align-self:flex-start}.sm\:whitespace-nowrap{white-space:nowrap}.sm\:rounded-2xl{border-radius:1.25rem}.sm\:rounded-3xl{border-radius:1.5rem}.sm\:rounded-\[22px\]{border-radius:22px}.sm\:rounded-\[26px\]{border-radius:26px}.sm\:rounded-\[2rem\]{border-radius:2rem}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:rounded-none{border-radius:0}.sm\:border-0{border-width:0px}.sm\:border-b-0{border-bottom-width:0px}.sm\:border-l{border-left-width:1px}.sm\:border-r{border-right-width:1px}.sm\:border-t-0{border-top-width:0px}.sm\:border-border{border-color:hsl(var(--border))}.sm\:bg-transparent{background-color:transparent}.sm\:p-0{padding:0}.sm\:p-10{padding:2.5rem}.sm\:p-3\.5{padding:.875rem}.sm\:p-4{padding:1rem}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:p-7{padding:1.75rem}.sm\:p-8{padding:2rem}.sm\:p-9{padding:2.25rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-14{padding-left:3.5rem;padding-right:3.5rem}.sm\:px-2{padding-left:.5rem;padding-right:.5rem}.sm\:px-2\.5{padding-left:.625rem;padding-right:.625rem}.sm\:px-3{padding-left:.75rem;padding-right:.75rem}.sm\:px-3\.5{padding-left:.875rem;padding-right:.875rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-7{padding-left:1.75rem;padding-right:1.75rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:px-9{padding-left:2.25rem;padding-right:2.25rem}.sm\:py-0{padding-top:0;padding-bottom:0}.sm\:py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.sm\:py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.sm\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.sm\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.sm\:py-2{padding-top:.5rem;padding-bottom:.5rem}.sm\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.sm\:py-3{padding-top:.75rem;padding-bottom:.75rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.sm\:py-7{padding-top:1.75rem;padding-bottom:1.75rem}.sm\:py-8{padding-top:2rem;padding-bottom:2rem}.sm\:pb-10{padding-bottom:2.5rem}.sm\:pb-20{padding-bottom:5rem}.sm\:pb-3{padding-bottom:.75rem}.sm\:pb-4{padding-bottom:1rem}.sm\:pb-5{padding-bottom:1.25rem}.sm\:pb-6{padding-bottom:1.5rem}.sm\:pb-7{padding-bottom:1.75rem}.sm\:pb-8{padding-bottom:2rem}.sm\:pb-\[30px\]{padding-bottom:30px}.sm\:pl-0{padding-left:0}.sm\:pl-6{padding-left:1.5rem}.sm\:pt-0{padding-top:0}.sm\:pt-1\.5{padding-top:.375rem}.sm\:pt-10{padding-top:2.5rem}.sm\:pt-24{padding-top:6rem}.sm\:pt-5{padding-top:1.25rem}.sm\:pt-6{padding-top:1.5rem}.sm\:pt-8{padding-top:2rem}.sm\:text-left{text-align:left}.sm\:text-center{text-align:center}.sm\:\!text-base{font-size:1rem!important;line-height:1.5rem!important}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-7xl{font-size:4.5rem;line-height:1}.sm\:text-\[1\.6rem\]{font-size:1.6rem}.sm\:text-\[10px\]{font-size:10px}.sm\:text-\[11px\]{font-size:11px}.sm\:text-\[12\.5px\]{font-size:12.5px}.sm\:text-\[12px\]{font-size:12px}.sm\:text-\[13px\]{font-size:13px}.sm\:text-\[14px\]{font-size:14px}.sm\:text-\[15px\]{font-size:15px}.sm\:text-\[16px\]{font-size:16px}.sm\:text-\[17px\]{font-size:17px}.sm\:text-\[18px\]{font-size:18px}.sm\:text-\[32px\]{font-size:32px}.sm\:text-\[34px\]{font-size:34px}.sm\:text-\[50px\]{font-size:50px}.sm\:text-\[60px\]{font-size:60px}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}.sm\:tracking-\[0\.16em\]{letter-spacing:.16em}.sm\:tracking-\[0\.22em\]{letter-spacing:.22em}.sm\:text-zinc-400{--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity, 1))}@media (max-height: 760px){.practice-drill-stage section>.sm\:mt-3.relative{margin-top:.375rem}.practice-drill-stage section>.sm\:mb-4.relative{margin-bottom:.5rem}}@media (max-height: 660px){.practice-drill-stage section>.sm\:mb-4.relative{margin-bottom:.25rem}}@media (max-height: 700px){.practice-drill-stage section>.sm\:mb-2.relative.mx-auto{display:none}}.sm\:\[--piano-incard-black-key-height-compact\:28px\]{--piano-incard-black-key-height-compact: 28px}.sm\:\[--piano-incard-black-key-height-compact\:30px\]{--piano-incard-black-key-height-compact: 30px}.sm\:\[--piano-incard-black-key-height-compact\:38px\]{--piano-incard-black-key-height-compact: 38px}.sm\:\[--piano-incard-black-key-height-compact\:46px\]{--piano-incard-black-key-height-compact: 46px}.sm\:\[--piano-incard-black-key-height\:34px\]{--piano-incard-black-key-height: 34px}.sm\:\[--piano-incard-black-key-width-compact\:10px\]{--piano-incard-black-key-width-compact: 10px}.sm\:\[--piano-incard-black-key-width-compact\:13px\]{--piano-incard-black-key-width-compact: 13px}.sm\:\[--piano-incard-black-key-width-compact\:15px\]{--piano-incard-black-key-width-compact: 15px}.sm\:\[--piano-incard-black-key-width\:10px\]{--piano-incard-black-key-width: 10px}.sm\:\[--piano-incard-white-key-height-compact\:44px\]{--piano-incard-white-key-height-compact: 44px}.sm\:\[--piano-incard-white-key-height-compact\:48px\]{--piano-incard-white-key-height-compact: 48px}.sm\:\[--piano-incard-white-key-height-compact\:60px\]{--piano-incard-white-key-height-compact: 60px}.sm\:\[--piano-incard-white-key-height-compact\:62px\]{--piano-incard-white-key-height-compact: 62px}.sm\:\[--piano-incard-white-key-height-compact\:74px\]{--piano-incard-white-key-height-compact: 74px}.sm\:\[--piano-incard-white-key-height\:56px\]{--piano-incard-white-key-height: 56px}.sm\:\[--piano-incard-white-key-width-compact\:16px\]{--piano-incard-white-key-width-compact: 16px}.sm\:\[--piano-incard-white-key-width-compact\:20px\]{--piano-incard-white-key-width-compact: 20px}.sm\:\[--piano-incard-white-key-width-compact\:21px\]{--piano-incard-white-key-width-compact: 21px}.sm\:\[--piano-incard-white-key-width-compact\:24px\]{--piano-incard-white-key-width-compact: 24px}.sm\:\[--piano-incard-white-key-width\:16px\]{--piano-incard-white-key-width: 16px}.sm\:\[--progression-tile-lg-height\:92px\]{--progression-tile-lg-height: 92px}.sm\:\[--progression-tile-lg-width\:72px\]{--progression-tile-lg-width: 72px}.sm\:\[transform\:perspective\(1700px\)_rotateY\(-21deg\)_rotateX\(5deg\)_rotateZ\(-1\.5deg\)\]{transform:perspective(1700px) rotateY(-21deg) rotateX(5deg) rotate(-1.5deg)}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y: 100%}}@media (min-width: 768px){.md\:absolute{position:absolute}.md\:col-span-2{grid-column:span 2 / span 2}.md\:mb-3{margin-bottom:.75rem}.md\:mt-3{margin-top:.75rem}.md\:mt-\[10vh\]{margin-top:10vh}.md\:line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.md\:block{display:block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-48{height:12rem}.md\:h-56{height:14rem}.md\:h-\[168px\]{height:168px}.md\:h-auto{height:auto}.md\:min-h-\[240px\]{min-height:240px}.md\:min-h-\[280px\]{min-height:280px}.md\:min-h-full{min-height:100%}.md\:w-\[118px\]{width:118px}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:w-px{width:1px}.md\:min-w-0{min-width:0px}.md\:max-w-\[420px\]{max-width:420px}.md\:max-w-\[64\%\]{max-width:64%}.md\:snap-none{scroll-snap-type:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.md\:grid-cols-\[minmax\(0\,1fr\)_290px\]{grid-template-columns:minmax(0,1fr) 290px}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:justify-center{justify-content:center}.md\:gap-3{gap:.75rem}.md\:gap-4{gap:1rem}.md\:gap-5{gap:1.25rem}.md\:overflow-visible{overflow:visible}.md\:via-\[\#0d0827\]\/80{--tw-gradient-to: rgb(13 8 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(13 8 39 / .8) var(--tw-gradient-via-position), var(--tw-gradient-to)}.md\:to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.md\:p-10{padding:2.5rem}.md\:p-16{padding:4rem}.md\:p-3{padding:.75rem}.md\:p-4{padding:1rem}.md\:p-5{padding:1.25rem}.md\:p-6{padding:1.5rem}.md\:p-7{padding:1.75rem}.md\:p-8{padding:2rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:py-7{padding-top:1.75rem;padding-bottom:1.75rem}.md\:py-8{padding-top:2rem;padding-bottom:2rem}.md\:pb-0{padding-bottom:0}.md\:pr-0{padding-right:0}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-8xl{font-size:6rem;line-height:1}.md\:text-9xl{font-size:8rem;line-height:1}.md\:text-\[11px\]{font-size:11px}.md\:text-\[12px\]{font-size:12px}.md\:text-\[13px\]{font-size:13px}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:opacity-0{opacity:0}@media (max-height: 760px){.practice-drill-stage section>.md\:mt-3.relative{margin-top:.375rem}}.after\:md\:hidden:after{content:var(--tw-content);display:none}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:m-2{margin:.5rem}.peer[data-state=collapsed][data-variant=inset]~.md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2{margin-left:.5rem}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:ml-0{margin-left:0}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:rounded-xl{border-radius:1rem}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:shadow{--tw-shadow: var(--shadow);--tw-shadow-colored: var(--shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}}@media (min-width: 1024px){.lg\:-left-4{left:-1rem}.lg\:-top-5{top:-1.25rem}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:-my-3{margin-top:-.75rem;margin-bottom:-.75rem}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:-mr-\[2vw\]{margin-right:-2vw}.lg\:mt-\[60px\]{margin-top:60px}.lg\:block{display:block}.lg\:inline{display:inline}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-36{height:9rem}.lg\:h-44{height:11rem}.lg\:h-52{height:13rem}.lg\:h-\[184px\]{height:184px}.lg\:min-h-0{min-height:0px}.lg\:min-h-\[380px\]{min-height:380px}.lg\:min-h-\[520px\]{min-height:520px}.lg\:min-h-\[600px\]{min-height:600px}.lg\:w-36{width:9rem}.lg\:w-\[148px\]{width:148px}.lg\:w-\[54\%\]{width:54%}.lg\:w-\[56\%\]{width:56%}.lg\:w-\[75\%\]{width:75%}.lg\:max-w-3xl{max-width:48rem}.lg\:max-w-5xl{max-width:64rem}.lg\:max-w-none{max-width:none}.lg\:rotate-0{--tw-rotate: 0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[0\.78fr_1\.4fr\]{grid-template-columns:.78fr 1.4fr}.lg\:grid-cols-\[0\.9fr_1\.1fr\]{grid-template-columns:.9fr 1.1fr}.lg\:grid-cols-\[1\.05fr_\.8fr_2fr\]{grid-template-columns:1.05fr .8fr 2fr}.lg\:grid-cols-\[1\.05fr_1fr\]{grid-template-columns:1.05fr 1fr}.lg\:grid-cols-\[1\.08fr_\.92fr\]{grid-template-columns:1.08fr .92fr}.lg\:grid-cols-\[1\.15fr_1fr\]{grid-template-columns:1.15fr 1fr}.lg\:grid-cols-\[1\.4fr_1fr_1fr_1fr\]{grid-template-columns:1.4fr 1fr 1fr 1fr}.lg\:grid-cols-\[180px_260px_minmax\(0\,1fr\)\]{grid-template-columns:180px 260px minmax(0,1fr)}.lg\:grid-cols-\[1fr_0\.88fr_auto\]{grid-template-columns:1fr .88fr auto}.lg\:grid-cols-\[200px_1fr\]{grid-template-columns:200px 1fr}.lg\:grid-cols-\[minmax\(0\,1\.25fr\)_minmax\(300px\,0\.75fr\)\]{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)}.lg\:grid-cols-\[minmax\(0\,1fr\)_310px\]{grid-template-columns:minmax(0,1fr) 310px}.lg\:grid-cols-\[minmax\(0\,1fr\)_88px_minmax\(0\,1\.35fr\)\]{grid-template-columns:minmax(0,1fr) 88px minmax(0,1.35fr)}.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.08fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}.lg\:grid-cols-\[minmax\(340px\,1fr\)_minmax\(300px\,0\.8fr\)\]{grid-template-columns:minmax(340px,1fr) minmax(300px,.8fr)}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}.lg\:items-center{align-items:center}.lg\:items-stretch{align-items:stretch}.lg\:justify-start{justify-content:flex-start}.lg\:justify-center{justify-content:center}.lg\:justify-between{justify-content:space-between}.lg\:gap-0{gap:0px}.lg\:gap-12{gap:3rem}.lg\:gap-8{gap:2rem}.lg\:divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.lg\:divide-y-0>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(0px * var(--tw-divide-y-reverse))}.lg\:border-b-0{border-bottom-width:0px}.lg\:border-l{border-left-width:1px}.lg\:border-r{border-right-width:1px}.lg\:border-t-0{border-top-width:0px}.lg\:border-white\/\[0\.09\]{border-color:#ffffff17}.lg\:bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.lg\:from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.lg\:via-transparent{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}.lg\:to-\[hsl\(249_66\%_7\%\/0\.72\)\]{--tw-gradient-to: hsl(249 66% 7%/.72) var(--tw-gradient-to-position)}.lg\:to-\[hsl\(249_66\%_7\%\/0\.74\)\]{--tw-gradient-to: hsl(249 66% 7%/.74) var(--tw-gradient-to-position)}.lg\:p-10{padding:2.5rem}.lg\:p-7{padding:1.75rem}.lg\:px-10{padding-left:2.5rem;padding-right:2.5rem}.lg\:px-12{padding-left:3rem;padding-right:3rem}.lg\:px-16{padding-left:4rem;padding-right:4rem}.lg\:px-2{padding-left:.5rem;padding-right:.5rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-3{padding-top:.75rem;padding-bottom:.75rem}.lg\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.lg\:py-9{padding-top:2.25rem;padding-bottom:2.25rem}.lg\:pl-10{padding-left:2.5rem}.lg\:pl-16{padding-left:4rem}.lg\:pr-10{padding-right:2.5rem}.lg\:pt-0{padding-top:0}.lg\:text-start{text-align:start}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-7xl{font-size:4.5rem;line-height:1}.lg\:text-\[38px\]{font-size:38px}.lg\:text-\[48px\]{font-size:48px}.lg\:text-\[58px\]{font-size:58px}}@media (min-width: 1280px){.xl\:sticky{position:sticky}.xl\:bottom-0{bottom:0}.xl\:bottom-7{bottom:1.75rem}.xl\:left-7{left:1.75rem}.xl\:left-\[39px\]{left:39px}.xl\:right-7{right:1.75rem}.xl\:top-4{top:1rem}.xl\:mx-0{margin-left:0;margin-right:0}.xl\:-mr-\[6vw\]{margin-right:-6vw}.xl\:mt-6{margin-top:1.5rem}.xl\:mt-7{margin-top:1.75rem}.xl\:block{display:block}.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:min-h-\[98px\]{min-height:98px}.xl\:w-auto{width:auto}.xl\:max-w-none{max-width:none}.xl\:flex-1{flex:1 1 0%}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-\[minmax\(0\,1\.65fr\)_minmax\(310px\,\.75fr\)\]{grid-template-columns:minmax(0,1.65fr) minmax(310px,.75fr)}.xl\:grid-cols-\[minmax\(0\,1\.75fr\)_minmax\(330px\,\.85fr\)\]{grid-template-columns:minmax(0,1.75fr) minmax(330px,.85fr)}.xl\:grid-cols-\[minmax\(0\,1fr\)_360px\]{grid-template-columns:minmax(0,1fr) 360px}.xl\:flex-row{flex-direction:row}.xl\:gap-10{gap:2.5rem}.xl\:gap-5{gap:1.25rem}.xl\:gap-6{gap:1.5rem}.xl\:gap-7{gap:1.75rem}.xl\:divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.xl\:divide-zinc-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(244 244 245 / var(--tw-divide-opacity, 1))}.xl\:border-b-0{border-bottom-width:0px}.xl\:border-l{border-left-width:1px}.xl\:border-r{border-right-width:1px}.xl\:border-zinc-100{--tw-border-opacity: 1;border-color:rgb(244 244 245 / var(--tw-border-opacity, 1))}.xl\:p-12{padding:3rem}.xl\:p-7{padding:1.75rem}.xl\:px-12{padding-left:3rem;padding-right:3rem}.xl\:px-14{padding-left:3.5rem;padding-right:3.5rem}.xl\:px-24{padding-left:6rem;padding-right:6rem}.xl\:px-5{padding-left:1.25rem;padding-right:1.25rem}.xl\:px-6{padding-left:1.5rem;padding-right:1.5rem}.xl\:px-8{padding-left:2rem;padding-right:2rem}.xl\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.xl\:pb-0{padding-bottom:0}.xl\:pb-10{padding-bottom:2.5rem}.xl\:pb-8{padding-bottom:2rem}.xl\:pl-20{padding-left:5rem}.xl\:pl-24{padding-left:6rem}.xl\:pl-6{padding-left:1.5rem}.xl\:pr-12{padding-right:3rem}.xl\:pt-3{padding-top:.75rem}.xl\:pt-6{padding-top:1.5rem}.xl\:pt-7{padding-top:1.75rem}.xl\:text-base{font-size:1rem;line-height:1.5rem}.xl\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 1500px){.min-\[1500px\]\:flex{display:flex}}@media (min-width: 1536px){.\32xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.\32xl\:px-16{padding-left:4rem;padding-right:4rem}}.ltr\:right-4:where([dir=ltr],[dir=ltr] *){right:1rem}.ltr\:pr-9:where([dir=ltr],[dir=ltr] *){padding-right:2.25rem}@media (min-width: 640px){.sm\:ltr\:pr-0:where([dir=ltr],[dir=ltr] *){padding-right:0}}@media (min-width: 1024px){.lg\:ltr\:pr-10:where([dir=ltr],[dir=ltr] *){padding-right:2.5rem}}.rtl\:left-4:where([dir=rtl],[dir=rtl] *){left:1rem}.rtl\:rotate-180:where([dir=rtl],[dir=rtl] *){--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rtl\:pl-9:where([dir=rtl],[dir=rtl] *){padding-left:2.25rem}@media (min-width: 640px){.sm\:rtl\:pl-0:where([dir=rtl],[dir=rtl] *){padding-left:0}}@media (min-width: 1024px){.lg\:rtl\:pl-10:where([dir=rtl],[dir=rtl] *){padding-left:2.5rem}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\:focus\]\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){background-color:hsl(var(--accent))}.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside){background-color:hsl(var(--accent) / .5)}.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>button\:last-child\>svg\]\:h-5>button:last-child>svg{height:1.25rem}.\[\&\>button\:last-child\>svg\]\:w-5>button:last-child>svg{width:1.25rem}.\[\&\>button\:last-child\]\:right-4>button:last-child{right:1rem}.\[\&\>button\:last-child\]\:top-4>button:last-child{top:1rem}.\[\&\>button\:last-child\]\:z-30>button:last-child{z-index:30}.\[\&\>button\:last-child\]\:flex>button:last-child{display:flex}.\[\&\>button\:last-child\]\:h-10>button:last-child{height:2.5rem}.\[\&\>button\:last-child\]\:w-10>button:last-child{width:2.5rem}.\[\&\>button\:last-child\]\:items-center>button:last-child{align-items:center}.\[\&\>button\:last-child\]\:justify-center>button:last-child{justify-content:center}.\[\&\>button\:last-child\]\:rounded-full>button:last-child{border-radius:9999px}.\[\&\>button\:last-child\]\:border>button:last-child{border-width:1px}.\[\&\>button\:last-child\]\:border-white\/25>button:last-child{border-color:#ffffff40}.\[\&\>button\:last-child\]\:bg-black\/45>button:last-child{background-color:#00000073}.\[\&\>button\:last-child\]\:text-white>button:last-child{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.\[\&\>button\:last-child\]\:opacity-100>button:last-child{opacity:1}.\[\&\>button\:last-child\]\:ring-offset-transparent>button:last-child{--tw-ring-offset-color: transparent}.\[\&\>button\:last-child\]\:backdrop-blur-md>button:last-child{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.\[\&\>button\:last-child\]\:hover\:bg-black\/70:hover>button:last-child{background-color:#000000b3}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>span\:last-child\]\:truncate>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\[\&\>span\[data-state\=checked\]\]\:translate-x-4>span[data-state=checked]{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>span\[data-state\=checked\]\]\:translate-x-5>span[data-state=checked]{--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\[\&\>span\]\:block>span{display:block}.\[\&\>span\]\:h-4>span{height:1rem}.\[\&\>span\]\:h-5>span{height:1.25rem}.\[\&\>span\]\:w-4>span{width:1rem}.\[\&\>span\]\:w-5>span{width:1.25rem}.\[\&\>span\]\:break-words>span{overflow-wrap:break-word}.\[\&\>span\]\:leading-snug>span{line-height:1.375}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y: -3px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:left-4>svg{left:1rem}.\[\&\>svg\]\:top-4>svg{top:1rem}.\[\&\>svg\]\:size-3\.5>svg{width:.875rem;height:.875rem}.\[\&\>svg\]\:size-4>svg{width:1rem;height:1rem}.\[\&\>svg\]\:h-2\.5>svg{height:.625rem}.\[\&\>svg\]\:h-3>svg{height:.75rem}.\[\&\>svg\]\:h-4>svg{height:1rem}.\[\&\>svg\]\:h-5>svg{height:1.25rem}.\[\&\>svg\]\:h-7>svg{height:1.75rem}.\[\&\>svg\]\:h-\[18px\]>svg{height:18px}.\[\&\>svg\]\:w-2\.5>svg{width:.625rem}.\[\&\>svg\]\:w-3>svg{width:.75rem}.\[\&\>svg\]\:w-4>svg{width:1rem}.\[\&\>svg\]\:w-5>svg{width:1.25rem}.\[\&\>svg\]\:w-7>svg{width:1.75rem}.\[\&\>svg\]\:w-\[18px\]>svg{width:18px}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-destructive>svg{color:hsl(var(--destructive))}.\[\&\>svg\]\:text-foreground>svg{color:hsl(var(--foreground))}.\[\&\>svg\]\:text-muted-foreground>svg{color:hsl(var(--muted-foreground))}.\[\&\>svg\]\:text-sidebar-accent-foreground>svg{color:hsl(var(--sidebar-accent-foreground))}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:1.75rem}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0px}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&_\*\]\:line-through *{text-decoration-line:line-through}.\[\&_\.h-24\]\:\!h-14 .h-24{height:3.5rem!important}.\[\&_\.lesson-row-text\]\:min-w-0 .lesson-row-text{min-width:0px}.\[\&_\.lesson-row-text\]\:whitespace-nowrap .lesson-row-text{white-space:nowrap}.\[\&_\.lesson-row-text\]\:break-words .lesson-row-text{overflow-wrap:break-word}.\[\&_\.lesson-row-text\]\:leading-snug .lesson-row-text{line-height:1.375}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:hsl(var(--muted-foreground))}.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:hsl(var(--border) / .5)}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:hsl(var(--border))}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke:transparent}.\[\&_\.recharts-layer\]\:outline-none .recharts-layer{outline:2px solid transparent;outline-offset:2px}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"]{stroke:hsl(var(--border))}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:hsl(var(--muted))}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"]{stroke:hsl(var(--border))}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke:transparent}.\[\&_\.recharts-sector\]\:outline-none .recharts-sector,.\[\&_\.recharts-surface\]\:outline-none .recharts-surface{outline:2px solid transparent;outline-offset:2px}@media (min-width: 640px){.\[\&_\.sm\\\\\:h-28\]\:sm\:\!h-16 .sm\\:h-28{height:4rem!important}}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-top:.375rem;padding-bottom:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group-heading\]\]\:font-semibold [cmdk-group-heading]{font-weight:600}.\[\&_\[cmdk-group-heading\]\]\:uppercase [cmdk-group-heading]{text-transform:uppercase}.\[\&_\[cmdk-group-heading\]\]\:tracking-wider [cmdk-group-heading]{letter-spacing:.05em}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:hsl(var(--muted-foreground))}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-top:.75rem;padding-bottom:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.\[\&_\[data-lesson-answer\]\]\:text-base [data-lesson-answer]{font-size:1rem;line-height:1.5rem}@media (min-width: 640px){.sm\:\[\&_\[data-lesson-answer\]\]\:text-lg [data-lesson-answer]{font-size:1.125rem;line-height:1.75rem}}.\[\&_button\]\:py-2\.5 button{padding-top:.625rem;padding-bottom:.625rem}.\[\&_button\]\:py-3 button{padding-top:.75rem;padding-bottom:.75rem}.\[\&_p\]\:leading-relaxed p{line-height:1.625}.\[\&_span\[aria-label\]\]\:h-6 span[aria-label]{height:1.5rem}.\[\&_span\[aria-label\]\]\:w-6 span[aria-label]{width:1.5rem}.\[\&_span\[aria-label\]\]\:text-\[11px\] span[aria-label]{font-size:11px}.\[\&_strong\]\:font-semibold strong{font-weight:600}.\[\&_strong\]\:text-primary strong{color:hsl(var(--primary))}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:mx-auto svg{margin-left:auto;margin-right:auto}.\[\&_svg\]\:size-2\.5 svg{width:.625rem;height:.625rem}.\[\&_svg\]\:size-3 svg{width:.75rem;height:.75rem}.\[\&_svg\]\:size-3\.5 svg{width:.875rem;height:.875rem}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:size-5 svg{width:1.25rem;height:1.25rem}.\[\&_svg\]\:\!h-\[150px\] svg{height:150px!important}.\[\&_svg\]\:\!h-\[176px\] svg{height:176px!important}.\[\&_svg\]\:\!h-auto svg{height:auto!important}.\[\&_svg\]\:h-3 svg{height:.75rem}.\[\&_svg\]\:h-3\.5 svg{height:.875rem}.\[\&_svg\]\:h-4 svg{height:1rem}.\[\&_svg\]\:h-6 svg{height:1.5rem}.\[\&_svg\]\:h-\[104px\] svg{height:104px}.\[\&_svg\]\:h-\[112px\] svg{height:112px}.\[\&_svg\]\:h-\[120px\] svg{height:120px}.\[\&_svg\]\:h-\[128px\] svg{height:128px}.\[\&_svg\]\:h-\[132px\] svg{height:132px}.\[\&_svg\]\:h-\[148px\] svg{height:148px}.\[\&_svg\]\:h-\[150px\] svg{height:150px}.\[\&_svg\]\:h-\[152px\] svg{height:152px}.\[\&_svg\]\:h-\[156px\] svg{height:156px}.\[\&_svg\]\:h-\[160px\] svg{height:160px}.\[\&_svg\]\:h-\[168px\] svg{height:168px}.\[\&_svg\]\:h-\[172px\] svg{height:172px}.\[\&_svg\]\:h-\[176px\] svg{height:176px}.\[\&_svg\]\:h-\[180px\] svg{height:180px}.\[\&_svg\]\:h-\[188px\] svg{height:188px}.\[\&_svg\]\:h-\[190px\] svg{height:190px}.\[\&_svg\]\:h-\[208px\] svg{height:208px}.\[\&_svg\]\:h-\[210px\] svg{height:210px}.\[\&_svg\]\:h-\[96px\] svg{height:96px}.\[\&_svg\]\:\!w-auto svg{width:auto!important}.\[\&_svg\]\:\!w-full svg{width:100%!important}.\[\&_svg\]\:w-3 svg{width:.75rem}.\[\&_svg\]\:w-3\.5 svg{width:.875rem}.\[\&_svg\]\:w-4 svg{width:1rem}.\[\&_svg\]\:w-6 svg{width:1.5rem}.\[\&_svg\]\:w-auto svg{width:auto}.\[\&_svg\]\:\!max-w-full svg{max-width:100%!important}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}@media (max-height: 700px){.practice-drill-stage section>.\[\&_svg\]\:mx-auto svg.relative.mb-2{display:none}}.\[\&_svg_text\]\:hidden svg text{display:none}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0px}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}@media (hover:hover){.\[\@media\(hover\:hover\)\]\:cursor-grab{cursor:grab}.\[\@media\(hover\:hover\)\]\:hover\:-translate-y-0\.5:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\@media\(hover\:hover\)\]\:hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\@media\(hover\:hover\)\]\:hover\:border-primary\/25:hover{border-color:hsl(var(--primary) / .25)}.\[\@media\(hover\:hover\)\]\:hover\:bg-\[hsl\(var\(--brand-primary\)\/0\.05\)\]:hover{background-color:hsl(var(--brand-primary)/.05)}.\[\@media\(hover\:hover\)\]\:hover\:bg-card:hover{background-color:hsl(var(--card))}.\[\@media\(hover\:hover\)\]\:hover\:bg-foreground\/\[0\.02\]:hover{background-color:hsl(var(--foreground) / .02)}.\[\@media\(hover\:hover\)\]\:hover\:bg-foreground\/\[0\.04\]:hover{background-color:hsl(var(--foreground) / .04)}.\[\@media\(hover\:hover\)\]\:hover\:bg-muted\/40:hover{background-color:hsl(var(--muted) / .4)}.\[\@media\(hover\:hover\)\]\:hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.\[\@media\(hover\:hover\)\]\:hover\:bg-primary\/\[0\.045\]:hover{background-color:hsl(var(--primary) / .045)}.\[\@media\(hover\:hover\)\]\:hover\:bg-primary\/\[0\.06\]:hover{background-color:hsl(var(--primary) / .06)}.\[\@media\(hover\:hover\)\]\:hover\:bg-primary\/\[0\.07\]:hover{background-color:hsl(var(--primary) / .07)}.\[\@media\(hover\:hover\)\]\:hover\:bg-primary\/\[0\.08\]:hover{background-color:hsl(var(--primary) / .08)}.\[\@media\(hover\:hover\)\]\:hover\:bg-primary\/\[0\.12\]:hover{background-color:hsl(var(--primary) / .12)}.\[\@media\(hover\:hover\)\]\:hover\:bg-primary\/\[0\.1\]:hover{background-color:hsl(var(--primary) / .1)}.\[\@media\(hover\:hover\)\]\:hover\:fill-muted\/60:hover{fill:hsl(var(--muted) / .6)}.\[\@media\(hover\:hover\)\]\:hover\:text-primary:hover{color:hsl(var(--primary))}.\[\@media\(hover\:hover\)\]\:hover\:shadow-\[0_10px_24px_-10px_rgba\(0\,0\,0\,0\.22\)\]:hover{--tw-shadow: 0 10px 24px -10px rgba(0,0,0,.22);--tw-shadow-colored: 0 10px 24px -10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.\[\@media\(hover\:hover\)\]\:hover\:shadow-md:hover{--tw-shadow: var(--shadow-md);--tw-shadow-colored: var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.\[\@media\(hover\:hover\)\]\:hover\:brightness-95:hover{--tw-brightness: brightness(.95);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\[\@media\(hover\:hover\)\]\:active\:cursor-grabbing:active{cursor:grabbing}.group:hover .\[\@media\(hover\:hover\)\]\:group-hover\:scale-\[1\.025\]{--tw-scale-x: 1.025;--tw-scale-y: 1.025;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .\[\@media\(hover\:hover\)\]\:group-hover\:bg-primary\/75{background-color:hsl(var(--primary) / .75)}.group:hover .\[\@media\(hover\:hover\)\]\:group-hover\:bg-primary\/\[0\.08\]{background-color:hsl(var(--primary) / .08)}.group:hover .\[\@media\(hover\:hover\)\]\:group-hover\:text-primary{color:hsl(var(--primary))}.\[\@media\(hover\:hover\)\]\:dark\:hover\:bg-primary\/\[0\.12\]:hover:is(.dark *){background-color:hsl(var(--primary) / .12)}.dark\:\[\@media\(hover\:hover\)\]\:hover\:bg-primary\/\[0\.11\]:hover:is(.dark *){background-color:hsl(var(--primary) / .11)}.dark\:\[\@media\(hover\:hover\)\]\:hover\:bg-primary\/\[0\.12\]:hover:is(.dark *){background-color:hsl(var(--primary) / .12)}.dark\:\[\@media\(hover\:hover\)\]\:hover\:bg-white\/\[0\.05\]:hover:is(.dark *){background-color:#ffffff0d}.dark\:\[\@media\(hover\:hover\)\]\:hover\:brightness-110:hover:is(.dark *){--tw-brightness: brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.group:hover .dark\:\[\@media\(hover\:hover\)\]\:group-hover\:bg-primary\/\[0\.12\]:is(.dark *){background-color:hsl(var(--primary) / .12)}}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:-.5rem}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:-.5rem}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize{cursor:e-resize}@media (min-width: 768px) and (max-height: 860px){:is([data-lesson-id=reading-intervals] .lesson-card:is([data-step-id=hook]),[data-lesson-id=reading-scales] .lesson-card:is([data-step-id=signature],[data-step-id=relative]),[data-lesson-id=reading-chords] .lesson-card:is([data-step-id=snowman],[data-step-id=inversion]),[data-lesson-id=repeats-roadmap] .lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]),[data-lesson-id=dynamics] .lesson-card:is([data-step-id=read-it]),[data-lesson-id=articulation] .lesson-card:is([data-step-id=staccato],[data-step-id=legato],[data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]),[data-lesson-id=mini-sight-reading] .lesson-card:is([data-step-id=hook]),[data-lesson-id=module-boss-reading] .lesson-card:is([data-step-id=m5-dyn-play],[data-step-id=m5-treble-ledger],[data-step-id=finale])){--rhythm-section: 12px;padding-top:12px;padding-bottom:12px}:is([data-lesson-id=reading-intervals] .lesson-card:is([data-step-id=hook]),[data-lesson-id=reading-scales] .lesson-card:is([data-step-id=signature],[data-step-id=relative]),[data-lesson-id=reading-chords] .lesson-card:is([data-step-id=snowman],[data-step-id=inversion]),[data-lesson-id=repeats-roadmap] .lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]),[data-lesson-id=dynamics] .lesson-card:is([data-step-id=read-it]),[data-lesson-id=articulation] .lesson-card:is([data-step-id=staccato],[data-step-id=legato],[data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]),[data-lesson-id=mini-sight-reading] .lesson-card:is([data-step-id=hook]),[data-lesson-id=module-boss-reading] .lesson-card:is([data-step-id=m5-dyn-play],[data-step-id=m5-treble-ledger],[data-step-id=finale])) .pt-stagger>.w-full.flex.justify-center{margin-top:12px!important}[data-lesson-id=reading-intervals] .lesson-card[data-step-id=hook] svg[viewBox^="0 "][viewBox*="300 "]{width:auto;max-width:100%;height:190px;margin-inline:auto}[data-lesson-id=reading-scales] .lesson-card[data-step-id=signature] svg[viewBox="0 0 306 150"]{max-height:176px}[data-lesson-id=reading-scales] .lesson-card[data-step-id=relative] svg[viewBox="0 0 306 150"]{max-height:116px}:is([data-lesson-id=reading-scales] .lesson-card[data-step-id=relative],[data-lesson-id=reading-chords] .lesson-card[data-step-id=inversion],[data-lesson-id=dynamics] .lesson-card[data-step-id=read-it]) .multiple-choice-quiz{gap:6px}:is([data-lesson-id=reading-scales] .lesson-card[data-step-id=relative],[data-lesson-id=reading-chords] .lesson-card[data-step-id=inversion],[data-lesson-id=dynamics] .lesson-card[data-step-id=read-it]) [data-lesson-answer]{padding-block:8px;min-height:44px}[data-lesson-id=reading-chords] .lesson-card[data-step-id=inversion] .w-full.max-w-lg.flex.flex-col.items-center{gap:6px}[data-lesson-id=repeats-roadmap] .lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]){padding-top:8px}[data-lesson-id=repeats-roadmap] .lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .pt-stagger>.w-full.flex.justify-center{margin-top:8px!important}[data-lesson-id=repeats-roadmap] .lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .w-full.max-w-lg.flex.flex-col.items-center{gap:4px}[data-lesson-id=repeats-roadmap] .lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .lesson-callout--boxed{padding-block:4px}[data-lesson-id=repeats-roadmap] .lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .w-full.max-w-lg>.flex.items-center>.flex.flex-col{padding-block:2px}[data-lesson-id=repeats-roadmap] .lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) [data-reading-roadmap-path]>.flex.justify-center>svg{width:auto;height:90px}[data-lesson-id=repeats-roadmap] .lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) [data-reading-roadmap-path]{padding-block:4px}[data-lesson-id=repeats-roadmap] .lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) [data-reading-roadmap-path]>.mt-2\.5{margin-top:4px;padding-top:2px;gap:2px}[data-lesson-id=articulation] .lesson-card:is([data-step-id=staccato],[data-step-id=legato],[data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) [data-reading-articulation-card]{padding-block:8px}[data-lesson-id=articulation] .lesson-card:is([data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) svg.max-w-full[data-reading-articulation-strip]{width:auto;height:136px}[data-lesson-id=articulation] .lesson-card:is([data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) .lesson-callout--boxed{padding-block:8px}[data-lesson-id=articulation] .lesson-card:is([data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) .w-full.max-w-lg.flex.flex-col.items-center{gap:8px}[data-lesson-id=articulation] .lesson-card:is([data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]) [data-reading-articulation-card]>.mt-2\.5{margin-top:4px;padding-top:4px}[data-lesson-id=mini-sight-reading] .lesson-card[data-step-id=hook]{padding-top:8px}[data-lesson-id=mini-sight-reading] .lesson-card[data-step-id=hook] .pt-stagger>.w-full.flex.justify-center{margin-top:8px!important}[data-lesson-id=mini-sight-reading] .lesson-card[data-step-id=hook] svg[width="150"]{width:auto;height:112px}[data-lesson-id=mini-sight-reading] .lesson-card[data-step-id=hook] .w-full.max-w-lg.flex.flex-col.items-center,[data-lesson-id=mini-sight-reading] .lesson-card[data-step-id=hook] .w-full.flex.flex-col.gap-1\.5{gap:4px}[data-lesson-id=mini-sight-reading] .lesson-card[data-step-id=hook] .lesson-caption{margin-top:0}[data-lesson-id=mini-sight-reading] .lesson-card[data-step-id=hook] .rounded-2xl.border.py-2,[data-lesson-id=module-boss-reading] .lesson-card[data-step-id=m5-treble-ledger] .w-full.max-w-md.mx-auto.py-3{padding-block:4px}:is([data-lesson-id=staff-basics] .lesson-card:is([data-step-id=hook],[data-step-id=ladder],[data-step-id=quick-check]),[data-lesson-id=treble-clef-notes] .lesson-card:is([data-step-id=hook],[data-step-id=spaces]),[data-lesson-id=bass-clef-notes] .lesson-card:is([data-step-id=hook],[data-step-id=lines]),[data-lesson-id=key-signatures] .lesson-card:is([data-step-id=what-it-is],[data-step-id=fingerprint],[data-step-id=relative-minor]),[data-lesson-id=accidentals] .lesson-card:is([data-step-id=bar-rule],[data-step-id=measure-rule],[data-step-id=courtesy]),[data-lesson-id=middle-c-grand-staff] .lesson-card:is([data-step-id=hook]),[data-lesson-id=landmark-notes] .lesson-card:is([data-step-id=hook],[data-step-id=anchors],[data-step-id=read-from-anchor],[data-step-id=play-it]),[data-lesson-id=ledger-lines] .lesson-card:is([data-step-id=hook],[data-step-id=rungs],[data-step-id=landmarks],[data-step-id=sprint]),[data-lesson-id=reading-intervals] .lesson-card:is([data-step-id=hook],[data-step-id=ruler],[data-step-id=shortcut],[data-step-id=quick-check]),[data-lesson-id=reading-scales] .lesson-card:is([data-step-id=hook],[data-step-id=shape],[data-step-id=signature],[data-step-id=relative]),[data-lesson-id=reading-chords] .lesson-card:is([data-step-id=hook],[data-step-id=snowman],[data-step-id=inversion],[data-step-id=quick-check]),[data-lesson-id=repeats-roadmap] .lesson-card:is([data-step-id=hook],[data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda],[data-step-id=trace-path]),[data-lesson-id=dynamics] .lesson-card:is([data-step-id=hook],[data-step-id=the-scale],[data-step-id=crescendo-decresc],[data-step-id=read-it]),[data-lesson-id=articulation] .lesson-card:is([data-step-id=staccato],[data-step-id=legato],[data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]),[data-lesson-id=mini-sight-reading] .lesson-card:is([data-step-id=hook],[data-step-id=grand-song]),[data-lesson-id=module-boss-reading] .lesson-card:is([data-step-id=m5-dyn-play],[data-step-id=m5-stacc-play],[data-step-id=m5-treble-ledger],[data-step-id=m5-bass-3],[data-step-id=m5-forte-play],[data-step-id=finale])){--rhythm-tight: 4px;--rhythm-snug: 6px;--rhythm-section: 8px;padding-block:6px}:is([data-lesson-id=staff-basics] .lesson-card:is([data-step-id=hook],[data-step-id=ladder],[data-step-id=quick-check]),[data-lesson-id=treble-clef-notes] .lesson-card:is([data-step-id=hook],[data-step-id=spaces]),[data-lesson-id=bass-clef-notes] .lesson-card:is([data-step-id=hook],[data-step-id=lines]),[data-lesson-id=key-signatures] .lesson-card:is([data-step-id=what-it-is],[data-step-id=fingerprint],[data-step-id=relative-minor]),[data-lesson-id=accidentals] .lesson-card:is([data-step-id=bar-rule],[data-step-id=measure-rule],[data-step-id=courtesy]),[data-lesson-id=middle-c-grand-staff] .lesson-card:is([data-step-id=hook]),[data-lesson-id=landmark-notes] .lesson-card:is([data-step-id=hook],[data-step-id=anchors],[data-step-id=read-from-anchor],[data-step-id=play-it]),[data-lesson-id=ledger-lines] .lesson-card:is([data-step-id=hook],[data-step-id=rungs],[data-step-id=landmarks],[data-step-id=sprint]),[data-lesson-id=reading-intervals] .lesson-card:is([data-step-id=hook],[data-step-id=ruler],[data-step-id=shortcut],[data-step-id=quick-check]),[data-lesson-id=reading-scales] .lesson-card:is([data-step-id=hook],[data-step-id=shape],[data-step-id=signature],[data-step-id=relative]),[data-lesson-id=reading-chords] .lesson-card:is([data-step-id=hook],[data-step-id=snowman],[data-step-id=inversion],[data-step-id=quick-check]),[data-lesson-id=repeats-roadmap] .lesson-card:is([data-step-id=hook],[data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda],[data-step-id=trace-path]),[data-lesson-id=dynamics] .lesson-card:is([data-step-id=hook],[data-step-id=the-scale],[data-step-id=crescendo-decresc],[data-step-id=read-it]),[data-lesson-id=articulation] .lesson-card:is([data-step-id=staccato],[data-step-id=legato],[data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]),[data-lesson-id=mini-sight-reading] .lesson-card:is([data-step-id=hook],[data-step-id=grand-song]),[data-lesson-id=module-boss-reading] .lesson-card:is([data-step-id=m5-dyn-play],[data-step-id=m5-stacc-play],[data-step-id=m5-treble-ledger],[data-step-id=m5-bass-3],[data-step-id=m5-forte-play],[data-step-id=finale])) .pt-stagger>.w-full.flex.justify-center{margin-top:8px!important}:is([data-lesson-id=staff-basics] .lesson-card:is([data-step-id=hook],[data-step-id=ladder],[data-step-id=quick-check]),[data-lesson-id=treble-clef-notes] .lesson-card:is([data-step-id=hook],[data-step-id=spaces]),[data-lesson-id=bass-clef-notes] .lesson-card:is([data-step-id=hook],[data-step-id=lines]),[data-lesson-id=key-signatures] .lesson-card:is([data-step-id=what-it-is],[data-step-id=fingerprint],[data-step-id=relative-minor]),[data-lesson-id=accidentals] .lesson-card:is([data-step-id=bar-rule],[data-step-id=measure-rule],[data-step-id=courtesy]),[data-lesson-id=middle-c-grand-staff] .lesson-card:is([data-step-id=hook]),[data-lesson-id=landmark-notes] .lesson-card:is([data-step-id=hook],[data-step-id=anchors],[data-step-id=read-from-anchor],[data-step-id=play-it]),[data-lesson-id=ledger-lines] .lesson-card:is([data-step-id=hook],[data-step-id=rungs],[data-step-id=landmarks],[data-step-id=sprint]),[data-lesson-id=reading-intervals] .lesson-card:is([data-step-id=hook],[data-step-id=ruler],[data-step-id=shortcut],[data-step-id=quick-check]),[data-lesson-id=reading-scales] .lesson-card:is([data-step-id=hook],[data-step-id=shape],[data-step-id=signature],[data-step-id=relative]),[data-lesson-id=reading-chords] .lesson-card:is([data-step-id=hook],[data-step-id=snowman],[data-step-id=inversion],[data-step-id=quick-check]),[data-lesson-id=repeats-roadmap] .lesson-card:is([data-step-id=hook],[data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda],[data-step-id=trace-path]),[data-lesson-id=dynamics] .lesson-card:is([data-step-id=hook],[data-step-id=the-scale],[data-step-id=crescendo-decresc],[data-step-id=read-it]),[data-lesson-id=articulation] .lesson-card:is([data-step-id=staccato],[data-step-id=legato],[data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata]),[data-lesson-id=mini-sight-reading] .lesson-card:is([data-step-id=hook],[data-step-id=grand-song]),[data-lesson-id=module-boss-reading] .lesson-card:is([data-step-id=m5-dyn-play],[data-step-id=m5-stacc-play],[data-step-id=m5-treble-ledger],[data-step-id=m5-bass-3],[data-step-id=m5-forte-play],[data-step-id=finale])) :is(.w-full.max-w-md.flex.flex-col.items-center,.w-full.max-w-lg.flex.flex-col.items-center,.w-full.max-w-2xl.flex.flex-col.items-center){gap:6px}:is([data-lesson-id=accidentals] .lesson-card:is([data-step-id=bar-rule],[data-step-id=measure-rule],[data-step-id=courtesy]),[data-lesson-id=reading-chords] .lesson-card:is([data-step-id=snowman],[data-step-id=inversion]),[data-lesson-id=repeats-roadmap] .lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]),[data-lesson-id=dynamics] .lesson-card:is([data-step-id=the-scale],[data-step-id=crescendo-decresc]),[data-lesson-id=articulation] .lesson-card:is([data-step-id=staccato],[data-step-id=legato],[data-step-id=staccato-legato],[data-step-id=accent-marcato],[data-step-id=tenuto-fermata])) .lesson-callout--boxed{padding-block:6px}:is([data-lesson-id=staff-basics] .lesson-card:is([data-step-id=hook],[data-step-id=ladder]),[data-lesson-id=treble-clef-notes] .lesson-card:is([data-step-id=hook],[data-step-id=spaces]),[data-lesson-id=bass-clef-notes] .lesson-card:is([data-step-id=hook],[data-step-id=lines]),[data-lesson-id=key-signatures] .lesson-card:is([data-step-id=what-it-is],[data-step-id=fingerprint],[data-step-id=relative-minor]),[data-lesson-id=accidentals] .lesson-card:is([data-step-id=bar-rule],[data-step-id=measure-rule],[data-step-id=courtesy]),[data-lesson-id=middle-c-grand-staff] .lesson-card:is([data-step-id=hook]),[data-lesson-id=landmark-notes] .lesson-card:is([data-step-id=hook],[data-step-id=anchors],[data-step-id=read-from-anchor],[data-step-id=play-it]),[data-lesson-id=ledger-lines] .lesson-card:is([data-step-id=hook],[data-step-id=rungs],[data-step-id=landmarks],[data-step-id=sprint]),[data-lesson-id=reading-scales] .lesson-card:is([data-step-id=hook],[data-step-id=shape],[data-step-id=signature],[data-step-id=relative]),[data-lesson-id=module-boss-reading] .lesson-card:is([data-step-id=m5-dyn-play],[data-step-id=m5-stacc-play],[data-step-id=m5-treble-ledger],[data-step-id=m5-bass-3],[data-step-id=m5-forte-play],[data-step-id=finale])) .pt-stagger>.w-full.flex.justify-center svg[viewBox]{width:auto;max-width:100%;max-height:176px}[data-lesson-id=accidentals] .lesson-card:is([data-step-id=bar-rule],[data-step-id=measure-rule],[data-step-id=courtesy]) svg[viewBox="0 0 300 120"]{max-height:126px}[data-lesson-id=accidentals] .lesson-card:is([data-step-id=bar-rule],[data-step-id=measure-rule],[data-step-id=courtesy]) .w-full.max-w-lg.flex.flex-col.items-center{gap:4px}[data-lesson-id=accidentals] .lesson-card:is([data-step-id=bar-rule],[data-step-id=measure-rule],[data-step-id=courtesy]) .w-full.max-w-md.mx-auto{max-width:320px}[data-lesson-id=accidentals] .lesson-card:is([data-step-id=bar-rule],[data-step-id=measure-rule],[data-step-id=courtesy]) :is(button,div).w-full.rounded-2xl.border{padding-block:4px}:is([data-lesson-id=staff-basics] .lesson-card:is([data-step-id=quick-check]),[data-lesson-id=reading-intervals] .lesson-card:is([data-step-id=quick-check]),[data-lesson-id=reading-chords] .lesson-card:is([data-step-id=inversion],[data-step-id=quick-check]),[data-lesson-id=dynamics] .lesson-card:is([data-step-id=read-it])) [data-lesson-answer]{height:auto!important;min-height:44px;padding-block:8px}[data-lesson-id=module-boss-reading] .lesson-card:is([data-step-id=m5-dyn-play],[data-step-id=m5-stacc-play],[data-step-id=m5-treble-ledger],[data-step-id=m5-bass-3],[data-step-id=m5-forte-play],[data-step-id=finale]) .relative.w-full.max-w-md>svg{width:auto;max-width:100%;height:176px;margin-inline:auto}}@media (min-width: 768px) and (max-height: 860px){:is([data-lesson-id=rhythm-guide] .lesson-card:is([data-step-id=hook]),[data-lesson-id=rhythm-time-grid] .lesson-card:is([data-step-id=slots],[data-step-id=quick-check]),[data-lesson-id=rhythm-and-notes] .lesson-card:is([data-step-id=hook],[data-step-id=fill-the-bar],[data-step-id=quick-check]),[data-lesson-id=rhythm-silences-stops] .lesson-card:is([data-step-id=rest-family],[data-step-id=count-through],[data-step-id=quick-check]),[data-lesson-id=rhythm-musical-heartbeat] .lesson-card:is([data-step-id=tempo-words]),[data-lesson-id=rhythm-meter] .lesson-card:is([data-step-id=catalog],[data-step-id=quick-check]),[data-lesson-id=rhythm-strong-weak] .lesson-card:is([data-step-id=landscape],[data-step-id=kit-map],[data-step-id=build-groove],[data-step-id=quick-check]),[data-lesson-id=rhythm-4-4] .lesson-card:is([data-step-id=where],[data-step-id=fillings]),[data-lesson-id=rhythm-3-4] .lesson-card:is([data-step-id=where],[data-step-id=fillings]),[data-lesson-id=rhythm-2-4] .lesson-card:is([data-step-id=where],[data-step-id=fillings]),[data-lesson-id=rhythm-swing-straight] .lesson-card:is([data-step-id=swing-knob],[data-step-id=swing-build])){--rhythm-tight: 4px;--rhythm-section: 0px;padding-block:0}:is([data-lesson-id=rhythm-guide] .lesson-card:is([data-step-id=hook]),[data-lesson-id=rhythm-time-grid] .lesson-card:is([data-step-id=slots],[data-step-id=quick-check]),[data-lesson-id=rhythm-and-notes] .lesson-card:is([data-step-id=hook],[data-step-id=fill-the-bar],[data-step-id=quick-check]),[data-lesson-id=rhythm-silences-stops] .lesson-card:is([data-step-id=rest-family],[data-step-id=count-through],[data-step-id=quick-check]),[data-lesson-id=rhythm-musical-heartbeat] .lesson-card:is([data-step-id=tempo-words]),[data-lesson-id=rhythm-meter] .lesson-card:is([data-step-id=catalog],[data-step-id=quick-check]),[data-lesson-id=rhythm-strong-weak] .lesson-card:is([data-step-id=landscape],[data-step-id=kit-map],[data-step-id=build-groove],[data-step-id=quick-check]),[data-lesson-id=rhythm-4-4] .lesson-card:is([data-step-id=where],[data-step-id=fillings]),[data-lesson-id=rhythm-3-4] .lesson-card:is([data-step-id=where],[data-step-id=fillings]),[data-lesson-id=rhythm-2-4] .lesson-card:is([data-step-id=where],[data-step-id=fillings]),[data-lesson-id=rhythm-swing-straight] .lesson-card:is([data-step-id=swing-knob],[data-step-id=swing-build])) .pt-stagger>.w-full.flex.justify-center{margin-top:0!important}:is([data-lesson-id=rhythm-guide] .lesson-card:is([data-step-id=hook]),[data-lesson-id=rhythm-time-grid] .lesson-card:is([data-step-id=slots],[data-step-id=quick-check]),[data-lesson-id=rhythm-and-notes] .lesson-card:is([data-step-id=hook],[data-step-id=fill-the-bar],[data-step-id=quick-check]),[data-lesson-id=rhythm-silences-stops] .lesson-card:is([data-step-id=rest-family],[data-step-id=count-through],[data-step-id=quick-check]),[data-lesson-id=rhythm-musical-heartbeat] .lesson-card:is([data-step-id=tempo-words]),[data-lesson-id=rhythm-meter] .lesson-card:is([data-step-id=catalog],[data-step-id=quick-check]),[data-lesson-id=rhythm-strong-weak] .lesson-card:is([data-step-id=landscape],[data-step-id=kit-map],[data-step-id=build-groove],[data-step-id=quick-check]),[data-lesson-id=rhythm-4-4] .lesson-card:is([data-step-id=where],[data-step-id=fillings]),[data-lesson-id=rhythm-3-4] .lesson-card:is([data-step-id=where],[data-step-id=fillings]),[data-lesson-id=rhythm-2-4] .lesson-card:is([data-step-id=where],[data-step-id=fillings]),[data-lesson-id=rhythm-swing-straight] .lesson-card:is([data-step-id=swing-knob],[data-step-id=swing-build])) :is(.w-full.max-w-md.flex.flex-col.items-center,.w-full.max-w-lg.flex.flex-col.items-center){gap:2px}:is([data-lesson-id=rhythm-guide] .lesson-card:is([data-step-id=hook]),[data-lesson-id=rhythm-time-grid] .lesson-card:is([data-step-id=slots],[data-step-id=quick-check]),[data-lesson-id=rhythm-and-notes] .lesson-card:is([data-step-id=hook],[data-step-id=fill-the-bar],[data-step-id=quick-check]),[data-lesson-id=rhythm-silences-stops] .lesson-card:is([data-step-id=rest-family],[data-step-id=count-through],[data-step-id=quick-check]),[data-lesson-id=rhythm-musical-heartbeat] .lesson-card:is([data-step-id=tempo-words]),[data-lesson-id=rhythm-meter] .lesson-card:is([data-step-id=catalog],[data-step-id=quick-check]),[data-lesson-id=rhythm-strong-weak] .lesson-card:is([data-step-id=landscape],[data-step-id=kit-map],[data-step-id=build-groove],[data-step-id=quick-check]),[data-lesson-id=rhythm-4-4] .lesson-card:is([data-step-id=where],[data-step-id=fillings]),[data-lesson-id=rhythm-3-4] .lesson-card:is([data-step-id=where],[data-step-id=fillings]),[data-lesson-id=rhythm-2-4] .lesson-card:is([data-step-id=where],[data-step-id=fillings]),[data-lesson-id=rhythm-swing-straight] .lesson-card:is([data-step-id=swing-knob],[data-step-id=swing-build])) :is(button,div).rounded-2xl.border{padding-block:4px}:is([data-lesson-id=rhythm-time-grid],[data-lesson-id=rhythm-and-notes],[data-lesson-id=rhythm-silences-stops],[data-lesson-id=rhythm-meter],[data-lesson-id=rhythm-strong-weak]) .lesson-card[data-step-id=quick-check] .multiple-choice-quiz{gap:6px}:is([data-lesson-id=rhythm-time-grid],[data-lesson-id=rhythm-and-notes],[data-lesson-id=rhythm-silences-stops],[data-lesson-id=rhythm-meter],[data-lesson-id=rhythm-strong-weak]) .lesson-card[data-step-id=quick-check] [data-lesson-answer]{min-height:44px;padding-block:8px}:is([data-lesson-id=rhythm-3-4] .lesson-card[data-step-id=quick-check],[data-lesson-id=rhythm-2-4] .lesson-card:is([data-step-id=name-meter],[data-step-id=quick-check])) .multiple-choice-quiz[data-label-layout=balanced][data-option-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}:is([data-lesson-id=rhythm-3-4] .lesson-card[data-step-id=quick-check],[data-lesson-id=rhythm-2-4] .lesson-card:is([data-step-id=name-meter],[data-step-id=quick-check])) .multiple-choice-quiz[data-label-layout=balanced][data-option-count="3"]>div:last-child{width:auto;grid-column:auto}:is([data-lesson-id=rhythm-3-4] .lesson-card[data-step-id=quick-check],[data-lesson-id=rhythm-2-4] .lesson-card:is([data-step-id=name-meter],[data-step-id=quick-check])) .multiple-choice-quiz[data-label-layout=balanced] [data-lesson-answer]{min-width:0;padding-block:10px}:is([data-lesson-id=rhythm-3-4] .lesson-card[data-step-id=quick-check],[data-lesson-id=rhythm-2-4] .lesson-card:is([data-step-id=name-meter],[data-step-id=quick-check])) .multiple-choice-quiz[data-label-layout=balanced] .lesson-row-text{min-width:0}:is([data-lesson-id=rhythm-time-grid] .lesson-card[data-step-id=slots],[data-lesson-id=rhythm-and-notes] .lesson-card[data-step-id=fill-the-bar],[data-lesson-id=rhythm-silences-stops] .lesson-card:is([data-step-id=rest-family],[data-step-id=count-through]),[data-lesson-id=rhythm-musical-heartbeat] .lesson-card[data-step-id=tempo-words],[data-lesson-id=rhythm-meter] .lesson-card[data-step-id=catalog],[data-lesson-id=rhythm-strong-weak] .lesson-card:is([data-step-id=landscape],[data-step-id=kit-map],[data-step-id=build-groove]),[data-lesson-id=rhythm-4-4] .lesson-card[data-step-id=fillings],[data-lesson-id=rhythm-3-4] .lesson-card[data-step-id=fillings],[data-lesson-id=rhythm-2-4] .lesson-card[data-step-id=fillings],[data-lesson-id=rhythm-swing-straight] .lesson-card:is([data-step-id=swing-knob],[data-step-id=swing-build])) .lesson-callout--boxed{padding-block:4px}[data-lesson-id=rhythm-time-grid] .lesson-card[data-step-id=slots] .lesson-callout--boxed{max-width:40rem;padding-block:2px!important}[data-lesson-id=rhythm-time-grid] .lesson-card[data-step-id=slots] .w-full.max-w-lg.flex.flex-col.items-center{max-width:40rem}[data-lesson-id=rhythm-silences-stops] .lesson-card[data-step-id=rest-family] .grid.max-w-sm.grid-cols-2{max-width:32rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}[data-lesson-id=rhythm-silences-stops] .lesson-card[data-step-id=rest-family] .grid.max-w-sm.grid-cols-2>button{align-items:center;flex-direction:column;gap:2px;padding-inline:4px;text-align:center}[data-lesson-id=rhythm-swing-straight] .lesson-card:is([data-step-id=swing-knob],[data-step-id=swing-build]){--rhythm-section: 0px;padding-block:0}[data-lesson-id=rhythm-swing-straight] .lesson-card:is([data-step-id=swing-knob],[data-step-id=swing-build]) .pt-stagger>.w-full.flex.justify-center{margin-top:0!important}[data-lesson-id=rhythm-swing-straight] .swing-knob-sequencer{gap:0}[data-lesson-id=rhythm-swing-straight] .swing-knob-sequencer-grid,[data-lesson-id=rhythm-swing-straight] .swing-beat-lab-grid{padding-block:2px}[data-lesson-id=rhythm-swing-straight] .swing-knob-sequencer-grid>.flex.flex-col{gap:4px}[data-lesson-id=rhythm-swing-straight] .swing-beat-lab{gap:0}[data-lesson-id=rhythm-swing-straight] .swing-beat-lab-lane{height:28px!important}[data-lesson-id=rhythm-swing-straight] .swing-beat-lab-track{height:84px!important}[data-lesson-id=rhythm-swing-straight] .lesson-card:is([data-step-id=swing-knob],[data-step-id=swing-build]) .lesson-callout--boxed{padding-block:0}[data-lesson-id=module-boss-rhythm] .lesson-intro-content{gap:8px;padding-block:8px}[data-lesson-id=module-boss-rhythm] .lesson-intro-copy{gap:4px}[data-lesson-id=module-boss-rhythm] .lesson-intro-topbar{padding-block:8px}[data-lesson-id=module-boss-rhythm] .lesson-intro-actions{padding-bottom:12px}}@media (min-width: 768px) and (max-height: 860px){:is([data-lesson-id=rhythm-guide],[data-lesson-id=rhythm-time-grid],[data-lesson-id=rhythm-and-notes],[data-lesson-id=rhythm-silences-stops],[data-lesson-id=rhythm-musical-heartbeat],[data-lesson-id=rhythm-meter],[data-lesson-id=rhythm-strong-weak],[data-lesson-id=rhythm-4-4],[data-lesson-id=rhythm-3-4],[data-lesson-id=rhythm-2-4],[data-lesson-id=rhythm-swing-straight],[data-lesson-id=module-boss-rhythm]) .lesson-card{--rhythm-snug: 2px;--rhythm-section: 0px;--rhythm-tight: 2px;padding-block:0}:is([data-lesson-id=rhythm-guide],[data-lesson-id=rhythm-time-grid],[data-lesson-id=rhythm-and-notes],[data-lesson-id=rhythm-silences-stops],[data-lesson-id=rhythm-musical-heartbeat],[data-lesson-id=rhythm-meter],[data-lesson-id=rhythm-strong-weak],[data-lesson-id=rhythm-4-4],[data-lesson-id=rhythm-3-4],[data-lesson-id=rhythm-2-4],[data-lesson-id=rhythm-swing-straight],[data-lesson-id=module-boss-rhythm]) .lesson-card>.flex.justify-center{margin-bottom:2px}:is([data-lesson-id=rhythm-guide],[data-lesson-id=rhythm-time-grid],[data-lesson-id=rhythm-and-notes],[data-lesson-id=rhythm-silences-stops],[data-lesson-id=rhythm-musical-heartbeat],[data-lesson-id=rhythm-meter],[data-lesson-id=rhythm-strong-weak],[data-lesson-id=rhythm-4-4],[data-lesson-id=rhythm-3-4],[data-lesson-id=rhythm-2-4],[data-lesson-id=rhythm-swing-straight],[data-lesson-id=module-boss-rhythm]) .lesson-card .pt-stagger{gap:2px}:is([data-lesson-id=rhythm-guide],[data-lesson-id=rhythm-time-grid],[data-lesson-id=rhythm-and-notes],[data-lesson-id=rhythm-silences-stops],[data-lesson-id=rhythm-musical-heartbeat],[data-lesson-id=rhythm-meter],[data-lesson-id=rhythm-strong-weak],[data-lesson-id=rhythm-4-4],[data-lesson-id=rhythm-3-4],[data-lesson-id=rhythm-2-4],[data-lesson-id=rhythm-swing-straight],[data-lesson-id=module-boss-rhythm]) .pt-stagger>.w-full.flex.justify-center{margin-top:0!important}:is([data-lesson-id=rhythm-guide],[data-lesson-id=rhythm-time-grid],[data-lesson-id=rhythm-and-notes],[data-lesson-id=rhythm-silences-stops],[data-lesson-id=rhythm-musical-heartbeat],[data-lesson-id=rhythm-meter],[data-lesson-id=rhythm-strong-weak],[data-lesson-id=rhythm-4-4],[data-lesson-id=rhythm-3-4],[data-lesson-id=rhythm-2-4],[data-lesson-id=rhythm-swing-straight],[data-lesson-id=module-boss-rhythm]) :is(.lesson-callout--boxed,.lesson-callout--inline){padding-block:1px}:is([data-lesson-id=rhythm-guide],[data-lesson-id=rhythm-time-grid],[data-lesson-id=rhythm-and-notes],[data-lesson-id=rhythm-silences-stops],[data-lesson-id=rhythm-musical-heartbeat],[data-lesson-id=rhythm-meter],[data-lesson-id=rhythm-strong-weak],[data-lesson-id=rhythm-4-4],[data-lesson-id=rhythm-3-4],[data-lesson-id=rhythm-2-4],[data-lesson-id=rhythm-swing-straight]) .multiple-choice-quiz{gap:2px}:is([data-lesson-id=rhythm-guide],[data-lesson-id=rhythm-time-grid],[data-lesson-id=rhythm-and-notes],[data-lesson-id=rhythm-silences-stops],[data-lesson-id=rhythm-musical-heartbeat],[data-lesson-id=rhythm-meter],[data-lesson-id=rhythm-strong-weak],[data-lesson-id=rhythm-4-4],[data-lesson-id=rhythm-3-4],[data-lesson-id=rhythm-2-4],[data-lesson-id=rhythm-swing-straight]) .multiple-choice-quiz [data-lesson-answer]{min-height:44px;padding-block:6px}:is([data-lesson-id=rhythm-guide],[data-lesson-id=rhythm-time-grid],[data-lesson-id=rhythm-and-notes],[data-lesson-id=rhythm-silences-stops],[data-lesson-id=rhythm-musical-heartbeat],[data-lesson-id=rhythm-meter],[data-lesson-id=rhythm-strong-weak],[data-lesson-id=rhythm-4-4],[data-lesson-id=rhythm-3-4],[data-lesson-id=rhythm-2-4],[data-lesson-id=rhythm-swing-straight],[data-lesson-id=module-boss-rhythm]) .lesson-intro-content{gap:0;padding-block:0}:is([data-lesson-id=rhythm-guide],[data-lesson-id=rhythm-time-grid],[data-lesson-id=rhythm-and-notes],[data-lesson-id=rhythm-silences-stops],[data-lesson-id=rhythm-musical-heartbeat],[data-lesson-id=rhythm-meter],[data-lesson-id=rhythm-strong-weak],[data-lesson-id=rhythm-4-4],[data-lesson-id=rhythm-3-4],[data-lesson-id=rhythm-2-4],[data-lesson-id=rhythm-swing-straight],[data-lesson-id=module-boss-rhythm]) :is(.lesson-intro-copy,.lesson-intro-actions){gap:0}:is([data-lesson-id=rhythm-guide],[data-lesson-id=rhythm-time-grid],[data-lesson-id=rhythm-and-notes],[data-lesson-id=rhythm-silences-stops],[data-lesson-id=rhythm-musical-heartbeat],[data-lesson-id=rhythm-meter],[data-lesson-id=rhythm-strong-weak],[data-lesson-id=rhythm-4-4],[data-lesson-id=rhythm-3-4],[data-lesson-id=rhythm-2-4],[data-lesson-id=rhythm-swing-straight],[data-lesson-id=module-boss-rhythm]) :is(.lesson-intro-topbar,.lesson-intro-actions){padding-block:0}[data-lesson-id=rhythm-swing-straight] .lesson-card[data-step-id=swing-knob] .swing-knob-sequencer-grid .relative.h-6{height:22px}[data-lesson-id=rhythm-swing-straight] .lesson-card[data-step-id=swing-knob] .swing-knob-sequencer-grid .mb-1\.5{margin-bottom:0}[data-lesson-id=rhythm-swing-straight] .lesson-card[data-step-id=swing-build] .swing-beat-lab-lane{height:25px!important}[data-lesson-id=rhythm-swing-straight] .lesson-card[data-step-id=swing-build] .swing-beat-lab-track{height:75px!important}}@media (min-width: 768px) and (max-height: 860px){:is([data-lesson-id=circle-why-exists] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=full-loop],[data-step-id=sharps-order],[data-step-id=hear-the-fifth],[data-step-id=walk-minors]),[data-lesson-id=circle-fifth-relationship] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths])){--rhythm-section: 8px;padding-top:8px;padding-bottom:8px}:is([data-lesson-id=circle-why-exists] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=full-loop],[data-step-id=sharps-order],[data-step-id=hear-the-fifth],[data-step-id=walk-minors]),[data-lesson-id=circle-fifth-relationship] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths])) .pt-stagger>.w-full.flex.justify-center{margin-top:8px!important}[data-lesson-id=circle-why-exists] .lesson-card:is([data-step-id=built-by-5ths],[data-step-id=full-loop]) .w-full.max-w-lg.flex.flex-col.items-center{gap:4px}[data-lesson-id=circle-why-exists] .lesson-card:is([data-step-id=built-by-5ths],[data-step-id=full-loop]) .lesson-circle-of-fifths{width:276px!important}[data-lesson-id=circle-fifth-relationship] .lesson-card[data-step-id=built-by-5ths] .w-full.max-w-lg.flex.flex-col.items-center{gap:4px}[data-lesson-id=circle-fifth-relationship] .lesson-card[data-step-id=built-by-5ths] .lesson-circle-of-fifths{width:300px!important}[data-lesson-id=circle-why-exists] .lesson-card[data-step-id=sharps-order] :is(.w-full.max-w-lg.flex.flex-col.items-center,button.flex.flex-col){gap:3px}[data-lesson-id=circle-why-exists] .lesson-card[data-step-id=sharps-order] .lesson-circle-of-fifths{width:272px!important}[data-lesson-id=circle-why-exists] .lesson-card[data-step-id=hear-the-fifth] .w-full.max-w-md.flex.flex-col.items-center{gap:8px}[data-lesson-id=circle-why-exists] .lesson-card[data-step-id=walk-minors] .w-full.max-w-md.flex.flex-col.items-center{gap:4px}[data-lesson-id=circle-why-exists] .lesson-card[data-step-id=walk-minors] .lesson-circle-of-fifths{width:276px!important}[data-lesson-id=circle-why-exists] .lesson-card[data-step-id=walk-it] .lesson-circle-of-fifths{width:214px!important}}@media (min-width: 768px) and (max-height: 860px){:is([data-lesson-id=circle-why-exists] .lesson-card:is([data-step-id=hook],[data-step-id=hear-the-fifth],[data-step-id=walk-minors],[data-step-id=quick-check]),[data-lesson-id=circle-fifth-relationship] .lesson-card:is([data-step-id=hook],[data-step-id=full-loop],[data-step-id=new-homes]),[data-lesson-id=circle-of-fourths] .lesson-card:is([data-step-id=hook],[data-step-id=full-loop],[data-step-id=walk-it],[data-step-id=bidirectional]),[data-lesson-id=circle-overlapping-keys] .lesson-card:is([data-step-id=built-by-5ths],[data-step-id=full-loop],[data-step-id=find-relative]),[data-lesson-id=circle-minor-keys] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=full-loop],[data-step-id=walk-it],[data-step-id=speed-find],[data-step-id=quick-check]),[data-lesson-id=circle-relative-keys] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=quick-check]),[data-lesson-id=circle-progressions] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=full-loop],[data-step-id=walk-it],[data-step-id=play-in-d],[data-step-id=fluency-bb],[data-step-id=quick-check]),[data-lesson-id=circle-modulation] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=full-loop],[data-step-id=walk-it],[data-step-id=smooth-vs-jump],[data-step-id=shortest-path],[data-step-id=quick-check]),[data-lesson-id=circle-is-a-tool] .lesson-card:is([data-step-id=hook],[data-step-id=quick-check])){--rhythm-section: 8px;--rhythm-tight: 6px;padding-block:8px}:is([data-lesson-id=circle-why-exists] .lesson-card:is([data-step-id=hook],[data-step-id=hear-the-fifth],[data-step-id=walk-minors],[data-step-id=quick-check]),[data-lesson-id=circle-fifth-relationship] .lesson-card:is([data-step-id=hook],[data-step-id=full-loop],[data-step-id=new-homes]),[data-lesson-id=circle-of-fourths] .lesson-card:is([data-step-id=hook],[data-step-id=full-loop],[data-step-id=walk-it],[data-step-id=bidirectional]),[data-lesson-id=circle-overlapping-keys] .lesson-card:is([data-step-id=built-by-5ths],[data-step-id=full-loop],[data-step-id=find-relative]),[data-lesson-id=circle-minor-keys] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=full-loop],[data-step-id=walk-it],[data-step-id=speed-find],[data-step-id=quick-check]),[data-lesson-id=circle-relative-keys] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=quick-check]),[data-lesson-id=circle-progressions] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=full-loop],[data-step-id=walk-it],[data-step-id=play-in-d],[data-step-id=fluency-bb],[data-step-id=quick-check]),[data-lesson-id=circle-modulation] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=full-loop],[data-step-id=walk-it],[data-step-id=smooth-vs-jump],[data-step-id=shortest-path],[data-step-id=quick-check]),[data-lesson-id=circle-is-a-tool] .lesson-card:is([data-step-id=hook],[data-step-id=quick-check]))>.flex.justify-center{margin-bottom:6px}:is([data-lesson-id=circle-why-exists] .lesson-card:is([data-step-id=hook],[data-step-id=hear-the-fifth],[data-step-id=walk-minors],[data-step-id=quick-check]),[data-lesson-id=circle-fifth-relationship] .lesson-card:is([data-step-id=hook],[data-step-id=full-loop],[data-step-id=new-homes]),[data-lesson-id=circle-of-fourths] .lesson-card:is([data-step-id=hook],[data-step-id=full-loop],[data-step-id=walk-it],[data-step-id=bidirectional]),[data-lesson-id=circle-overlapping-keys] .lesson-card:is([data-step-id=built-by-5ths],[data-step-id=full-loop],[data-step-id=find-relative]),[data-lesson-id=circle-minor-keys] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=full-loop],[data-step-id=walk-it],[data-step-id=speed-find],[data-step-id=quick-check]),[data-lesson-id=circle-relative-keys] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=quick-check]),[data-lesson-id=circle-progressions] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=full-loop],[data-step-id=walk-it],[data-step-id=play-in-d],[data-step-id=fluency-bb],[data-step-id=quick-check]),[data-lesson-id=circle-modulation] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=full-loop],[data-step-id=walk-it],[data-step-id=smooth-vs-jump],[data-step-id=shortest-path],[data-step-id=quick-check]),[data-lesson-id=circle-is-a-tool] .lesson-card:is([data-step-id=hook],[data-step-id=quick-check])) .pt-stagger>.w-full.flex.justify-center{margin-top:8px!important}:is([data-lesson-id=circle-why-exists] .lesson-card:is([data-step-id=hook],[data-step-id=hear-the-fifth],[data-step-id=walk-minors],[data-step-id=quick-check]),[data-lesson-id=circle-fifth-relationship] .lesson-card:is([data-step-id=hook],[data-step-id=full-loop],[data-step-id=new-homes]),[data-lesson-id=circle-of-fourths] .lesson-card:is([data-step-id=hook],[data-step-id=full-loop],[data-step-id=walk-it],[data-step-id=bidirectional]),[data-lesson-id=circle-overlapping-keys] .lesson-card:is([data-step-id=built-by-5ths],[data-step-id=full-loop],[data-step-id=find-relative]),[data-lesson-id=circle-minor-keys] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=full-loop],[data-step-id=walk-it],[data-step-id=speed-find],[data-step-id=quick-check]),[data-lesson-id=circle-relative-keys] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=quick-check]),[data-lesson-id=circle-progressions] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=full-loop],[data-step-id=walk-it],[data-step-id=play-in-d],[data-step-id=fluency-bb],[data-step-id=quick-check]),[data-lesson-id=circle-modulation] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=full-loop],[data-step-id=walk-it],[data-step-id=smooth-vs-jump],[data-step-id=shortest-path],[data-step-id=quick-check]),[data-lesson-id=circle-is-a-tool] .lesson-card:is([data-step-id=hook],[data-step-id=quick-check])) :is(.w-full.max-w-lg.flex.flex-col.items-center,.w-full.max-w-md.flex.flex-col.items-center){gap:6px}:is([data-lesson-id=circle-why-exists] .lesson-card:is([data-step-id=hook],[data-step-id=hear-the-fifth],[data-step-id=walk-minors],[data-step-id=quick-check]),[data-lesson-id=circle-fifth-relationship] .lesson-card:is([data-step-id=hook],[data-step-id=full-loop],[data-step-id=new-homes]),[data-lesson-id=circle-of-fourths] .lesson-card:is([data-step-id=hook],[data-step-id=full-loop],[data-step-id=walk-it],[data-step-id=bidirectional]),[data-lesson-id=circle-overlapping-keys] .lesson-card:is([data-step-id=built-by-5ths],[data-step-id=full-loop],[data-step-id=find-relative]),[data-lesson-id=circle-minor-keys] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=full-loop],[data-step-id=walk-it],[data-step-id=speed-find],[data-step-id=quick-check]),[data-lesson-id=circle-relative-keys] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=quick-check]),[data-lesson-id=circle-progressions] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=full-loop],[data-step-id=walk-it],[data-step-id=play-in-d],[data-step-id=fluency-bb],[data-step-id=quick-check]),[data-lesson-id=circle-modulation] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=full-loop],[data-step-id=walk-it],[data-step-id=smooth-vs-jump],[data-step-id=shortest-path],[data-step-id=quick-check]),[data-lesson-id=circle-is-a-tool] .lesson-card:is([data-step-id=hook],[data-step-id=quick-check])) .multiple-choice-quiz{gap:6px}:is([data-lesson-id=circle-why-exists] .lesson-card:is([data-step-id=hook],[data-step-id=hear-the-fifth],[data-step-id=walk-minors],[data-step-id=quick-check]),[data-lesson-id=circle-fifth-relationship] .lesson-card:is([data-step-id=hook],[data-step-id=full-loop],[data-step-id=new-homes]),[data-lesson-id=circle-of-fourths] .lesson-card:is([data-step-id=hook],[data-step-id=full-loop],[data-step-id=walk-it],[data-step-id=bidirectional]),[data-lesson-id=circle-overlapping-keys] .lesson-card:is([data-step-id=built-by-5ths],[data-step-id=full-loop],[data-step-id=find-relative]),[data-lesson-id=circle-minor-keys] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=full-loop],[data-step-id=walk-it],[data-step-id=speed-find],[data-step-id=quick-check]),[data-lesson-id=circle-relative-keys] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=quick-check]),[data-lesson-id=circle-progressions] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=full-loop],[data-step-id=walk-it],[data-step-id=play-in-d],[data-step-id=fluency-bb],[data-step-id=quick-check]),[data-lesson-id=circle-modulation] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=full-loop],[data-step-id=walk-it],[data-step-id=smooth-vs-jump],[data-step-id=shortest-path],[data-step-id=quick-check]),[data-lesson-id=circle-is-a-tool] .lesson-card:is([data-step-id=hook],[data-step-id=quick-check])) .multiple-choice-quiz button{padding-block:8px;min-height:44px}:is([data-lesson-id=circle-why-exists] .lesson-card:is([data-step-id=hook],[data-step-id=hear-the-fifth],[data-step-id=walk-minors],[data-step-id=quick-check]),[data-lesson-id=circle-fifth-relationship] .lesson-card:is([data-step-id=hook],[data-step-id=full-loop],[data-step-id=new-homes]),[data-lesson-id=circle-of-fourths] .lesson-card:is([data-step-id=hook],[data-step-id=full-loop],[data-step-id=walk-it],[data-step-id=bidirectional]),[data-lesson-id=circle-overlapping-keys] .lesson-card:is([data-step-id=built-by-5ths],[data-step-id=full-loop],[data-step-id=find-relative]),[data-lesson-id=circle-minor-keys] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=full-loop],[data-step-id=walk-it],[data-step-id=speed-find],[data-step-id=quick-check]),[data-lesson-id=circle-relative-keys] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=quick-check]),[data-lesson-id=circle-progressions] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=full-loop],[data-step-id=walk-it],[data-step-id=play-in-d],[data-step-id=fluency-bb],[data-step-id=quick-check]),[data-lesson-id=circle-modulation] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=full-loop],[data-step-id=walk-it],[data-step-id=smooth-vs-jump],[data-step-id=shortest-path],[data-step-id=quick-check]),[data-lesson-id=circle-is-a-tool] .lesson-card:is([data-step-id=hook],[data-step-id=quick-check])) .lesson-callout--boxed{padding-block:8px}:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool],[data-lesson-id=module-boss-circle]) .lesson-intro-content{padding-block:8px;gap:16px}[data-lesson-id=circle-why-exists] .lesson-card[data-step-id=hook] .lesson-circle-of-fifths{width:292px!important}[data-lesson-id=circle-why-exists] .lesson-card[data-step-id=walk-minors] .lesson-circle-of-fifths{width:236px!important}[data-lesson-id=circle-fifth-relationship] .lesson-card[data-step-id=hook] .lesson-circle-of-fifths,[data-lesson-id=circle-fifth-relationship] .lesson-card[data-step-id=full-loop] .lesson-circle-of-fifths{width:272px!important}[data-lesson-id=circle-fifth-relationship] .lesson-card[data-step-id=new-homes] .lesson-circle-of-fifths{width:288px!important}[data-lesson-id=circle-of-fourths] .lesson-card[data-step-id=hook] .lesson-circle-of-fifths{width:272px!important}[data-lesson-id=circle-of-fourths] .lesson-card[data-step-id=full-loop] .lesson-circle-of-fifths{width:296px!important}[data-lesson-id=circle-of-fourths] .lesson-card[data-step-id=walk-it] .lesson-circle-of-fifths{width:200px!important}[data-lesson-id=circle-of-fourths] .lesson-card[data-step-id=bidirectional] .lesson-circle-of-fifths{width:244px!important}[data-lesson-id=circle-overlapping-keys] .lesson-card[data-step-id=built-by-5ths] .lesson-circle-of-fifths{width:296px!important}[data-lesson-id=circle-overlapping-keys] .lesson-card[data-step-id=full-loop] .lesson-circle-of-fifths{width:272px!important}[data-lesson-id=circle-overlapping-keys] .lesson-card[data-step-id=find-relative] .lesson-circle-of-fifths{width:216px!important}[data-lesson-id=circle-minor-keys] .lesson-card[data-step-id=hook] .lesson-circle-of-fifths{width:240px!important}[data-lesson-id=circle-minor-keys] .lesson-card[data-step-id=built-by-5ths] .lesson-circle-of-fifths,[data-lesson-id=circle-minor-keys] .lesson-card[data-step-id=speed-find] .lesson-circle-of-fifths{width:252px!important}[data-lesson-id=circle-relative-keys] .lesson-card[data-step-id=hook] .lesson-circle-of-fifths{width:268px!important}[data-lesson-id=circle-relative-keys] .lesson-card[data-step-id=built-by-5ths] .lesson-circle-of-fifths{width:256px!important}[data-lesson-id=circle-progressions] .lesson-card[data-step-id=hook] .lesson-circle-of-fifths,[data-lesson-id=circle-progressions] .lesson-card[data-step-id=built-by-5ths] .lesson-circle-of-fifths{width:272px!important}[data-lesson-id=circle-progressions] .lesson-card[data-step-id=play-in-d] .lesson-circle-of-fifths,[data-lesson-id=circle-progressions] .lesson-card[data-step-id=fluency-bb] .lesson-circle-of-fifths{width:214px!important}[data-lesson-id=circle-modulation] .lesson-card[data-step-id=hook] .lesson-circle-of-fifths{width:272px!important}[data-lesson-id=circle-modulation] .lesson-card[data-step-id=full-loop] .lesson-circle-of-fifths{width:232px!important}[data-lesson-id=circle-is-a-tool] .lesson-card[data-step-id=hook] .lesson-circle-of-fifths{width:312px!important}:is([data-lesson-id=circle-why-exists] .lesson-card:is([data-step-id=walk-minors]),[data-lesson-id=circle-of-fourths] .lesson-card:is([data-step-id=walk-it]),[data-lesson-id=circle-minor-keys] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths]),[data-lesson-id=circle-progressions] .lesson-card:is([data-step-id=walk-it],[data-step-id=play-in-d],[data-step-id=fluency-bb])) .lesson-card-title{font-size:32px;line-height:1.1}[data-lesson-id=module-boss-circle] .lesson-intro-content{gap:8px}[data-lesson-id=module-boss-circle] .lesson-intro-copy{gap:4px}[data-lesson-id=module-boss-circle] .lesson-intro-topbar{padding-block:8px}[data-lesson-id=module-boss-circle] .lesson-intro-actions{padding-bottom:12px}[data-lesson-id=module-boss-circle] .lesson-intro-title{font-size:48px}}@media (min-width: 768px) and (max-height: 860px){:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool],[data-lesson-id=module-boss-circle]) .lesson-card{--rhythm-snug: 2px;--rhythm-section: 0px;--rhythm-tight: 2px;padding-block:0}:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool],[data-lesson-id=module-boss-circle]) .lesson-card>.flex.justify-center{margin-bottom:2px}:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool],[data-lesson-id=module-boss-circle]) .lesson-card .pt-stagger{gap:2px}:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool],[data-lesson-id=module-boss-circle]) .pt-stagger>.w-full.flex.justify-center{margin-top:0!important}:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool],[data-lesson-id=module-boss-circle]) :is(.lesson-callout--boxed,.lesson-callout--inline){padding-block:1px}:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool]) .multiple-choice-quiz{gap:2px}:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool]) .multiple-choice-quiz [data-lesson-answer]{min-height:44px;padding-block:6px}:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool],[data-lesson-id=module-boss-circle]) .lesson-intro-content{gap:0;padding-block:0}:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool],[data-lesson-id=module-boss-circle]) :is(.lesson-intro-copy,.lesson-intro-actions){gap:0}:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool],[data-lesson-id=module-boss-circle]) :is(.lesson-intro-topbar,.lesson-intro-actions){padding-block:0}}@media (min-width: 768px) and (max-height: 860px){:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool]) .lesson-card{--rhythm-tight: 2px;--rhythm-snug: 2px;--rhythm-section: 2px;padding-block:0}:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool]) .lesson-card>.flex.justify-center{margin-bottom:0}:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool]) .lesson-card-title{font-size:24px;line-height:1.05}:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool]) .lesson-card-subtitle{line-height:1.2}:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool]) .pt-stagger>.w-full.flex.justify-center{margin-top:0!important}:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool]) :is(.w-full.max-w-lg.flex.flex-col.items-center,.w-full.max-w-md.flex.flex-col.items-center){gap:2px}:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool]) .lesson-callout--boxed{gap:4px;padding-block:2px}:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool]) .lesson-card :is(button,div).rounded-2xl.border{padding-block:6px}:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool]) .multiple-choice-quiz{gap:4px}:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool]) .multiple-choice-quiz button{min-height:44px;padding-block:6px}:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool]) .lesson-circle-of-fifths{max-width:202px!important}[data-lesson-id=circle-why-exists] .lesson-card[data-step-id=built-by-5ths] .lesson-circle-of-fifths{max-width:188px!important}[data-lesson-id=circle-minor-keys] .lesson-card:is([data-step-id=hook],[data-step-id=built-by-5ths],[data-step-id=speed-find]) .lesson-circle-of-fifths,[data-lesson-id=circle-modulation] .lesson-card[data-step-id=full-loop] .lesson-circle-of-fifths{max-width:200px!important}[data-lesson-id=circle-why-exists] .lesson-card:is([data-step-id=full-loop],[data-step-id=sharps-order]) .lesson-circle-of-fifths,[data-lesson-id=circle-overlapping-keys] .lesson-card:is([data-step-id=built-by-5ths],[data-step-id=full-loop]) .lesson-circle-of-fifths,[data-lesson-id=circle-modulation] .lesson-card[data-step-id=shortest-path] .lesson-circle-of-fifths{max-width:164px!important}[data-lesson-id=circle-why-exists] .lesson-card[data-step-id=sharps-order] .lesson-circle-of-fifths{max-width:152px!important}[data-lesson-id=circle-of-fourths] .lesson-card[data-step-id=walk-it] .lesson-circle-of-fifths,[data-lesson-id=circle-minor-keys] .lesson-card[data-step-id=hook] .lesson-circle-of-fifths{max-width:190px!important}[data-lesson-id=circle-relative-keys] .lesson-card[data-step-id=hook] .lesson-circle-of-fifths{max-width:202px!important}[data-lesson-id=circle-modulation] .lesson-card[data-step-id=built-by-5ths] .lesson-circle-of-fifths{max-width:198px!important}[data-lesson-id=circle-modulation] .lesson-card[data-step-id=shortest-path] .lesson-circle-of-fifths{max-width:148px!important}[data-lesson-id=circle-overlapping-keys] .lesson-card[data-step-id=find-relative] .lesson-circle-of-fifths{max-width:144px!important}[data-lesson-id=circle-why-exists] .lesson-card[data-step-id=walk-minors] .lesson-circle-of-fifths{max-width:176px!important}[data-lesson-id=circle-why-exists] .lesson-card[data-step-id=hear-the-fifth] :is(button,div).rounded-2xl.border{padding-block:4px}[data-lesson-id=circle-why-exists] .lesson-card[data-step-id=hear-the-fifth]{--rhythm-snug: 2px;--rhythm-section: 2px;--rhythm-tight: 2px;padding-block:0}[data-lesson-id=circle-why-exists] .lesson-card[data-step-id=hear-the-fifth] .multiple-choice-quiz,[data-lesson-id=circle-is-a-tool] .lesson-card[data-step-id=quick-check] .multiple-choice-quiz{gap:0}:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool]) .lesson-card[data-step-id=quick-check] .multiple-choice-quiz{gap:2px}[data-lesson-id=circle-modulation] .circle-modulation-walk-wheel,[data-lesson-id=circle-modulation] .circle-modulation-walk-wheel .lesson-circle-of-fifths{width:136px!important;max-width:136px!important}:is([data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool]) .lesson-card[data-step-id=quick-check]{--rhythm-snug: 2px;--rhythm-section: 2px;--rhythm-tight: 2px;padding-block:2px}[data-lesson-id=circle-modulation] .lesson-card[data-step-id=quick-check] .multiple-choice-quiz{gap:0}:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool],[data-lesson-id=module-boss-circle]) .lesson-intro-content{gap:4px;padding-block:0}:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool],[data-lesson-id=module-boss-circle]) .lesson-intro-copy{gap:2px}:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool],[data-lesson-id=module-boss-circle]) .lesson-intro-topbar{padding-block:4px}:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool],[data-lesson-id=module-boss-circle]) .lesson-intro-actions{gap:4px;padding-bottom:2px}:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool],[data-lesson-id=module-boss-circle]) .lesson-intro-title{font-size:42px;line-height:1}[data-lesson-id=module-boss-circle] .recital-capstone-stats{gap:6px}[data-lesson-id=module-boss-circle] .recital-stat-chip{padding-block:6px}[data-lesson-id=module-boss-circle] .lesson-card{--rhythm-snug: 4px;--rhythm-section: 6px;padding-block:4px}[data-lesson-id=module-boss-circle] .lesson-card-title{font-size:24px;line-height:1.05}[data-lesson-id=module-boss-circle] .lesson-card-subtitle{line-height:1.3}[data-lesson-id=module-boss-circle] .pt-stagger>.w-full.flex.justify-center{margin-top:4px!important}}@media (min-width: 768px) and (max-height: 860px){:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool],[data-lesson-id=module-boss-circle]) .lesson-card{--rhythm-snug: 2px;--rhythm-section: 0px;--rhythm-tight: 2px;padding-block:0}:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool],[data-lesson-id=module-boss-circle]) .lesson-card .pt-stagger{gap:2px}:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool],[data-lesson-id=module-boss-circle]) :is(.lesson-callout--boxed,.lesson-callout--inline){padding-block:1px}:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool],[data-lesson-id=module-boss-circle]) :is(.lesson-intro-content,.lesson-intro-copy,.lesson-intro-actions){gap:0}:is([data-lesson-id=circle-why-exists],[data-lesson-id=circle-fifth-relationship],[data-lesson-id=circle-of-fourths],[data-lesson-id=circle-overlapping-keys],[data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys],[data-lesson-id=circle-progressions],[data-lesson-id=circle-modulation],[data-lesson-id=circle-is-a-tool],[data-lesson-id=module-boss-circle]) :is(.lesson-intro-content,.lesson-intro-topbar,.lesson-intro-actions){padding-block:0}[data-lesson-id=circle-of-fourths] .lesson-card[data-step-id=walk-it] .lesson-circle-of-fifths{max-width:182px!important}:is([data-lesson-id=circle-minor-keys] .lesson-card[data-step-id=hook],[data-lesson-id=circle-relative-keys] .lesson-card[data-step-id=hook],[data-lesson-id=circle-progressions] .lesson-card:is([data-step-id=walk-it],[data-step-id=play-in-d])) .lesson-circle-of-fifths{max-width:200px!important}[data-lesson-id=circle-minor-keys] .lesson-card[data-step-id=hook] .lesson-circle-of-fifths{max-width:188px!important}[data-lesson-id=circle-minor-keys] .lesson-card[data-step-id=walk-it] .lesson-circle-of-fifths{max-width:194px!important}:is([data-lesson-id=circle-minor-keys],[data-lesson-id=circle-relative-keys]) .lesson-card[data-step-id=quick-check] .w-full.max-w-md.flex.flex-col.items-center{gap:0}[data-lesson-id=circle-modulation] .lesson-card[data-step-id=built-by-5ths] .lesson-circle-of-fifths{max-width:196px!important}[data-lesson-id=circle-modulation] .lesson-card[data-step-id=walk-it] :is(.circle-modulation-walk-wheel,.lesson-circle-of-fifths){width:132px!important;max-width:132px!important}[data-lesson-id=circle-is-a-tool] .lesson-intro-hero .circle-tool-intro-wheel{width:320px!important;max-width:320px!important}}@media (min-width: 1024px) and (max-height: 780px){[data-lesson-module="5"] .lesson-focus-stage>.max-w-xl{max-width:56rem}[data-lesson-module="5"] .lesson-card{--rhythm-tight: 4px;--rhythm-snug: 4px;--rhythm-section: 4px;padding-top:2px;padding-bottom:2px}[data-lesson-module="5"] .lesson-card--bare>.flex.justify-center:first-child{margin-bottom:4px}[data-lesson-module="5"] .lesson-card-title{margin-bottom:0;font-size:32px;line-height:1.08}[data-lesson-module="5"] .lesson-card-title.is-functional{font-size:27px}[data-lesson-module="5"] .lesson-card-subtitle{max-width:48rem;line-height:1.3}[data-lesson-module="5"] .pt-stagger>.flex.flex-col.items-center{gap:4px}[data-lesson-module="5"] .pt-stagger>.w-full.flex.justify-center>:is(.max-w-md,.max-w-lg),[data-lesson-module="5"] .pt-stagger>.w-full.max-w-md,[data-lesson-module="5"] .pt-stagger>.w-full.max-w-lg{max-width:44rem}[data-lesson-module="5"] .pt-stagger>.w-full.flex.justify-center>:is(.flex-col.max-w-md,.flex-col.max-w-lg){gap:6px}[data-lesson-module="5"] .lesson-callout--boxed{gap:6px;padding-top:4px;padding-bottom:4px}[data-lesson-module="5"] .lesson-callout-body{line-height:1.3}[data-lesson-module="5"] .multiple-choice-quiz{gap:5px}[data-lesson-module="5"] .multiple-choice-quiz button{min-height:42px;padding-top:7px;padding-bottom:7px}[data-lesson-id=progression-tips] .lesson-card[data-step-id=quick-check]{--rhythm-section: 2px;padding-top:0;padding-bottom:0}[data-lesson-id=progression-tips] .lesson-card[data-step-id=quick-check] .multiple-choice-quiz{gap:4px}[data-lesson-id=progression-tips] .lesson-card[data-step-id=quick-check] .multiple-choice-quiz button{min-height:40px;padding-top:6px;padding-bottom:6px}[data-lesson-id=voice-leading] .lesson-card[data-step-id=rules]{--rhythm-section: 2px;padding-top:0;padding-bottom:0}[data-lesson-id=voice-leading] .lesson-card[data-step-id=rules] .voice-leading-rules-visual{gap:4px}[data-lesson-id=voice-leading] .lesson-card[data-step-id=rules] .lesson-callout--boxed{padding-top:3px;padding-bottom:3px}[data-lesson-id=module-boss-progressions] .lesson-card{--rhythm-tight: 8px;--rhythm-snug: 10px;--rhythm-section: 16px;padding-top:8px;padding-bottom:8px}[data-lesson-id=module-boss-progressions] .lesson-card--bare>.flex.justify-center:first-child{margin-bottom:12px}[data-lesson-id=module-boss-progressions] .lesson-card-title{font-size:34px;line-height:1.1}[data-lesson-id=module-boss-progressions] .lesson-card-title.is-functional{font-size:30px}[data-lesson-id=module-boss-progressions] .pt-stagger>.flex.flex-col.items-center{gap:8px}[data-lesson-id=module-boss-progressions] .lesson-intro-content{gap:6px;padding-block:4px}[data-lesson-id=module-boss-progressions] .lesson-intro-copy{gap:2px}[data-lesson-id=module-boss-progressions] .lesson-intro-topbar{padding-block:5px}[data-lesson-id=module-boss-progressions] .lesson-intro-actions{gap:4px;padding-bottom:0}[data-lesson-id=module-boss-progressions] .lesson-intro-caption{min-height:24px}}@media (min-width: 1024px) and (max-height: 780px){[data-lesson-module="6"] .lesson-focus-stage>.max-w-xl,[data-lesson-module="6"] .lesson-focus-stage>.max-w-2xl{max-width:56rem}[data-lesson-module="6"] .lesson-card:not([data-step-id=intro-bridge]){--rhythm-tight: 3px;--rhythm-snug: 4px;--rhythm-section: 4px;padding-top:2px;padding-bottom:2px}[data-lesson-module="6"] .lesson-card--bare>.flex.justify-center:first-child{margin-bottom:3px}[data-lesson-module="6"] .lesson-card-title{margin-bottom:0;font-size:30px;line-height:1.06}[data-lesson-module="6"] .lesson-card-title.is-functional{font-size:27px}[data-lesson-module="6"] .lesson-card-subtitle{max-width:48rem;line-height:1.28}[data-lesson-module="6"] .pt-stagger>.flex.flex-col.items-center{gap:3px}[data-lesson-module="6"] .pt-stagger>.w-full.flex.justify-center{margin-top:4px!important}[data-lesson-module="6"] .pt-stagger>.w-full.flex.justify-center>:is(.max-w-md,.max-w-lg,.max-w-xl,.max-w-2xl),[data-lesson-module="6"] .pt-stagger>:is(.w-full.max-w-md,.w-full.max-w-lg,.w-full.max-w-xl,.w-full.max-w-2xl){max-width:52rem}[data-lesson-module="6"] .pt-stagger :is(.w-full.max-w-md.flex.flex-col.items-center,.w-full.max-w-lg.flex.flex-col.items-center,.w-full.max-w-xl.flex.flex-col.items-center,.w-full.max-w-2xl.flex.flex-col.items-center){gap:4px}[data-lesson-module="6"] .lesson-callout--boxed{gap:6px;padding-top:3px;padding-bottom:3px}[data-lesson-module="6"] .lesson-callout-body{line-height:1.25}[data-lesson-module="6"] .multiple-choice-quiz{gap:4px}[data-lesson-module="6"] .multiple-choice-quiz [data-lesson-answer]{height:auto!important;min-height:40px;padding-top:6px;padding-bottom:6px}[data-lesson-id=staff-basics] .lesson-card[data-step-id=ladder] .staff-basics-ladder-visual [class*="[&_svg]:h-[188px]"] svg{height:136px!important}[data-lesson-id=staff-basics] .lesson-card[data-step-id=quick-check] :is(.w-full.max-w-md.flex.flex-col.items-center,.multiple-choice-quiz){max-width:56rem}[data-lesson-id=module-boss-reading] .lesson-intro-topbar{padding-block:4px}[data-lesson-id=module-boss-reading] .lesson-intro-content{gap:4px;padding-block:2px}[data-lesson-id=module-boss-reading] .lesson-intro-copy{gap:2px}[data-lesson-id=module-boss-reading] .lesson-intro-actions{gap:3px;padding-bottom:0}[data-lesson-id=module-boss-reading] .lesson-intro-caption{min-height:22px}}@media (min-width: 768px) and (max-height: 930px){.lesson-focus-stage:not(:has(.lesson-intro-cover)){justify-content:safe center!important;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;padding-block:4px;scrollbar-color:hsl(var(--border)) transparent;scrollbar-gutter:stable both-edges;scrollbar-width:thin}.lesson-focus-stage:has(.lesson-intro-cover){justify-content:flex-start!important;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-color:hsl(var(--border)) transparent;scrollbar-gutter:stable both-edges;scrollbar-width:thin}.lesson-focus-stage:has(.lesson-intro-cover) .lesson-intro-cover{height:auto;min-height:100%;flex-shrink:0;overflow:visible}.lesson-focus-stage:not(:has(.lesson-intro-cover))>div{flex-shrink:0}.lesson-focus-stage::-webkit-scrollbar{width:8px}.lesson-focus-stage::-webkit-scrollbar-thumb{background:hsl(var(--border));border:2px solid transparent;border-radius:999px;background-clip:padding-box}}@media (min-width: 768px) and (max-height: 720px){.lesson-footer-piano-frame,.dark .lesson-footer-piano-frame{height:112px}.lesson-subtitle-slot{min-height:36px}}.circle-recital-recall-visual{width:280px}@media (max-width: 767px){[data-lesson-id=module-boss-intervals] .lesson-focus-stage:has(.lesson-card[data-step-id=m2-sixth-name]){padding-block:4px}[data-lesson-id=module-boss-intervals] .lesson-card[data-step-id=m2-sixth-name]{--rhythm-snug: 6px;--rhythm-section: 8px;padding-block:6px!important}[data-lesson-id=module-boss-intervals] .lesson-card[data-step-id=m2-sixth-name] .intervals-recital-reference-piano{--piano-incard-white-key-height: 56px !important;--piano-incard-black-key-height: 35px !important}}.circle-recital-recall-visual--choices{width:200px}@media (min-width: 768px) and (max-height: 900px){.circle-recital-recall-visual{width:224px}.circle-recital-recall-visual--choices{width:128px}}@media (max-width: 767px){.lesson-circle-of-fifths{width:min(248px,76vw)!important}[data-lesson-id=module-boss-circle] .circle-recital-recall-visual{width:min(248px,72vw)}[data-lesson-id=module-boss-circle] .circle-recital-recall-visual--choices{width:168px}[data-lesson-id=circle-is-a-tool] .lesson-intro-hero .circle-tool-intro-wheel{width:min(320px,82vw)!important}[data-lesson-id=circle-is-a-tool] .lesson-card[data-step-id=hook] .lesson-circle-of-fifths{width:min(304px,78vw)!important}[data-lesson-id=circle-relative-keys] .lesson-card[data-step-id=built-by-5ths] .lesson-circle-of-fifths{width:min(280px,76vw)!important}}@media (max-width: 430px) and (max-height: 700px){[data-lesson-id=module-boss-circle] .circle-recital-recall-visual--choices{width:144px}[data-lesson-id=circle-is-a-tool] .lesson-card[data-step-id=hook] .lesson-circle-of-fifths{width:min(292px,78vw)!important}}@media (max-width: 430px) and (max-height: 900px){.lesson-piano-console{min-height:54px}.lesson-piano-console--collapsed{min-height:32px}.lesson-footer-piano-frame,.dark .lesson-footer-piano-frame{height:96px}.lesson-subtitle-slot{min-height:26px}.lesson-speaker-badge{width:24px;height:24px}.lesson-speaker-badge>svg{width:11px;height:11px}.lesson-speaker-badge--corner{top:4px;right:8px}button:has(>.lesson-speaker-badge--corner):has([data-piano-surface]){padding-top:36px}[data-lesson-module] .lesson-focus-stage>.relative.w-full.mx-auto:has(>.lesson-card--bare),[data-lesson-module] .lesson-card.lesson-card--bare{width:100%;max-width:none;margin-inline:0}[data-lesson-module] .lesson-focus-stage .lesson-card-halo{top:0;right:0;bottom:0;left:0}.lesson-intro-topbar{gap:8px;padding:10px 12px}.lesson-intro-content{min-width:0;max-width:100%;gap:12px;padding:8px 16px}.lesson-intro-copy{width:100%;min-width:0;gap:6px}.lesson-intro-title{width:100%;max-width:100%;font-size:clamp(28px,8.5vw,36px);line-height:1.04;overflow-wrap:anywhere;text-wrap:balance}.lesson-intro-description{width:100%;max-width:398px;font-size:14px;line-height:1.3;text-wrap:balance}[data-lesson-module="2"] .lesson-intro-hero{max-height:180px;flex:0 1 180px;align-items:center;overflow:visible}[data-lesson-module="2"] .lesson-intro-hero>.lesson-intro-hero-fit{min-height:0;scale:.85}.lesson-intro-caption{min-height:44px;padding-inline:12px;padding-bottom:8px}.lesson-intro-caption .narration-subtitle-pill{max-width:94%!important;padding:6px 12px!important;font-size:14px!important;line-height:1.3!important;-webkit-line-clamp:3!important}.lesson-intro-actions{flex-shrink:0;gap:6px;padding-inline:14px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.lesson-intro-actions>button:first-child{min-height:44px;padding-block:10px;font-size:15px}[data-lesson-id=diminished-augmented] .dim-aug-intro-cover .lesson-intro-actions,[data-lesson-id=sus-chords] .sus-chords-intro-cover .lesson-intro-actions,[data-lesson-id=power-chords] .power-chords-intro-cover .lesson-intro-actions,[data-lesson-id=seventh-chords-intro] .seventh-chords-intro-cover .lesson-intro-actions,[data-lesson-id=half-diminished] .half-diminished-intro-cover .lesson-intro-actions,[data-lesson-id=fully-diminished7] .fully-diminished-intro-cover .lesson-intro-actions,[data-lesson-id=add-chords] .add-chords-intro-cover .lesson-intro-actions,[data-lesson-id=slash-chords] .slash-chords-intro-cover .lesson-intro-actions{padding-bottom:max(6px,env(safe-area-inset-bottom))}[data-lesson-id=seventh-chords-intro] .lesson-card[data-step-id=two-five-one] .seventh-two-five-one-speaker{top:4px;right:8px;width:24px;height:24px}[data-lesson-id=seventh-chords-intro] .lesson-card[data-step-id=two-five-one] .seventh-two-five-one-listen-card{padding-top:36px;padding-bottom:16px}[data-lesson-id=seventh-chords-intro] .lesson-card[data-step-id=two-five-one] .seventh-two-five-one-speaker>svg{width:11px;height:11px}.piano-label-badge{max-width:100%;flex-wrap:wrap;justify-content:center;gap:4px;padding:2px 8px;font-size:12px;line-height:16px;white-space:normal;text-align:center}.tap-cue--standalone,.tap-cue--standalone .lesson-action-prompt{font-size:12px!important;line-height:1.25!important}.tap-cue--standalone .lesson-action-prompt>svg{width:14px;height:14px;margin-right:4px}:is([data-lesson-id=intervals-recital],[data-lesson-id=module-boss-intervals]) .lesson-binary-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}:is([data-lesson-id=intervals-recital],[data-lesson-id=module-boss-intervals]) .lesson-binary-answer-card{min-height:84px;gap:7px;padding:8px 7px}:is([data-lesson-id=intervals-recital],[data-lesson-id=module-boss-intervals]) .lesson-binary-answer-icon{width:36px;height:36px;flex:0 0 36px}:is([data-lesson-id=intervals-recital],[data-lesson-id=module-boss-intervals]) .lesson-binary-answer-title{font-size:14px;line-height:1.12}:is([data-lesson-id=intervals-recital],[data-lesson-id=module-boss-intervals]) .lesson-binary-answer-subtitle{font-size:11px;line-height:1.2}:is([data-lesson-id=intervals-recital],[data-lesson-id=module-boss-intervals]) .intervals-recital-ear-stack{gap:14px;padding-top:0}:is([data-lesson-id=intervals-recital],[data-lesson-id=module-boss-intervals]) .intervals-recital-reference-stack{gap:10px}.interval-inversion-pair{max-width:398px;gap:6px}.interval-inversion-pair-card{width:0;min-width:0;gap:6px;padding:10px 6px}.interval-inversion-pair-card>span:first-child{max-width:100%;padding-inline:6px;line-height:1.15;white-space:normal}.interval-inversion-pair-caption{min-height:0;line-height:1.2;white-space:normal;text-wrap:balance}.lesson-stage--cardless .lesson-cardless-top-spacer{flex-basis:clamp(16px,4vh,34px)!important}[data-lesson-module="2"] .lesson-stage--cardless .lesson-cardless-top-spacer{flex:1 1 0%!important}.lesson-stage--cardless:has(.lesson-card[data-step-id=relative-minor]) .lesson-cardless-top-spacer,.lesson-stage--cardless:has(.lesson-card[data-step-id=shortcut]) .lesson-cardless-top-spacer,.lesson-stage--cardless:has(.lesson-card[data-step-id=symbols]) .lesson-cardless-top-spacer,.lesson-stage--cardless:has(.lesson-card[data-step-id=loops]) .lesson-cardless-top-spacer,.lesson-stage--cardless:has(.lesson-card[data-step-id=numerals]) .lesson-cardless-top-spacer{flex-basis:0!important}.lesson-focus-stage:has(.key-signatures-viewport-step),.lesson-focus-stage:has(.accidentals-viewport-step),.lesson-focus-stage:has(.what-is-progression-viewport-step),.lesson-focus-stage:has(.diatonic-triads-viewport-step){padding-block:0}.lesson-card:has(.key-signatures-viewport-step),.lesson-card:has(.accidentals-viewport-step),.lesson-card:has(.what-is-progression-viewport-step),.lesson-card:has(.diatonic-triads-viewport-step){padding-block:4px}.lesson-stage--cardless .lesson-card{padding-inline:16px}.lesson-stage--cardless .lesson-card-title{margin-bottom:2px;padding-inline:0;text-wrap:balance}.lesson-stage--cardless .lesson-card-subtitle{font-size:15px;line-height:1.4;text-wrap:balance}.key-signatures-viewport-step,.accidentals-viewport-step,.what-is-progression-viewport-step,.diatonic-triads-viewport-step{--rhythm-section: 12px}.key-signature-rules-visual,.key-signature-order-visual,.accidentals-symbols-visual,.what-is-progression-loops-visual,.what-is-progression-play-visual,.diatonic-numerals-visual,.diatonic-paint-visual{gap:8px}.lesson-callout--boxed{border-radius:14px;gap:6px;padding-block:10px}.key-signature-rules-visual>:first-child svg{height:64px!important}.key-signature-rules-visual>.w-full.flex.flex-col{gap:4px}.key-signature-rules-visual>.w-full.flex.flex-col>div{gap:10px;padding:6px 10px}.key-signature-rules-visual>.w-full.flex.flex-col>div>span:first-child{width:32px;height:32px}.key-signature-order-visual>.flex.flex-wrap{gap:4px}.key-signature-order-visual .key-signature-order-symbol{width:36px;height:36px}.key-signature-order-visual>.flex.flex-col{gap:6px}.accidentals-symbols-visual>.w-full.flex.flex-col{gap:6px}.accidentals-symbols-visual>.w-full.flex.flex-col>button{min-height:62px;gap:10px;padding-block:8px;padding-left:10px}.accidentals-symbols-visual>.w-full.flex.flex-col>button>span:first-child{width:36px;height:36px}.what-is-progression-motion-row{--progression-motion-tile-size: 62px;gap:4px}.what-is-progression-play-visual>.flex.flex-col{gap:6px}.what-is-progression-loops-visual{--progression-loop-row-height: 12px}.what-is-progression-loops-visual>button,.what-is-progression-play-visual>button{min-height:44px}.lesson-card[data-step-id=shortcut] .key-signatures-viewport-step button{min-height:44px}[data-lesson-id=module-boss-progressions] .lesson-intro-content{justify-content:flex-start;gap:8px;padding-block:8px}[data-lesson-id=module-boss-progressions] .lesson-intro-copy{gap:4px}[data-lesson-id=module-boss-progressions] .lesson-intro-hero,[data-lesson-id=module-boss-progressions] .lesson-intro-aside{flex-shrink:0}[data-lesson-id=module-boss-progressions] .lesson-intro-hero{margin-top:86px}[data-lesson-id=module-boss-progressions] .lesson-intro-caption{min-height:36px}[data-lesson-id=module-boss-progressions] .lesson-intro-actions{gap:8px;padding-bottom:12px}.diatonic-paint-visual{--progression-tile-lg-width: 60px;--progression-tile-lg-height: 80px}.diatonic-paint-visual>.flex.items-center{gap:3px}.diatonic-paint-visual>.flex.items-center>span{width:10px;margin-inline:0}.diatonic-numerals-visual>.grid{gap:6px}.diatonic-numerals-visual>.grid>button{gap:4px;padding-block:6px}[data-lesson-id=hearing-the-notes] .lesson-card[data-step-id=tap-any] .hearing-note-tabs{gap:4px}[data-lesson-id=hearing-the-notes] .lesson-card[data-step-id=tap-any] .hearing-note-tabs>div{max-width:300px;gap:6px}[data-lesson-id=hearing-the-notes] .lesson-card[data-step-id=tap-any] .hearing-note-tabs button{width:44px;height:44px;border-radius:12px;font-size:15px}[data-lesson-id=hearing-the-notes] .lesson-card[data-step-id=tap-any] .hearing-listening-orb{gap:2px}[data-lesson-id=hearing-the-notes] .lesson-card[data-step-id=tap-any] .hearing-listening-orb-button{width:72px!important;height:72px!important}[data-lesson-id=hearing-the-notes] .lesson-card[data-step-id=tap-any] .hearing-listening-orb-button>div{width:52px!important;height:52px!important}[data-lesson-id=naming-whites] .lesson-card[data-step-id=finding-c] .piano-tier-intro{--piano-incard-white-key-width: 25px !important;--piano-incard-white-key-height: 90px !important;--piano-incard-black-key-width: 15px !important;--piano-incard-black-key-height: 55px !important}[data-lesson-id=octaves-and-middle-c] .lesson-card:is([data-step-id=octaves],[data-step-id=same-note]){padding-inline:8px}[data-lesson-id=octaves-and-middle-c] .lesson-card:is([data-step-id=octaves],[data-step-id=same-note]) .lesson-inline-piano-scale{--piano-incard-white-key-width: 15px !important;--piano-incard-white-key-height: 86px !important;--piano-incard-black-key-width: 9px !important;--piano-incard-black-key-height: 52px !important}[data-lesson-id=octaves-and-middle-c] .lesson-card:is([data-step-id=octaves],[data-step-id=same-note]) .max-w-full.overflow-x-auto{overflow-x:visible}:is([data-lesson-id=half-steps],[data-lesson-id=whole-steps]) .lesson-card:is([data-step-id=concept],[data-step-id=groupings],[data-step-id=enharmonic-spellings],[data-step-id=binary],[data-step-id=color-rule]) .lesson-inline-piano-scale{--piano-incard-white-key-width: 30px !important;--piano-incard-white-key-height: 88px !important;--piano-incard-black-key-width: 18px !important;--piano-incard-black-key-height: 54px !important}[data-lesson-id=half-steps] .lesson-card[data-step-id=enharmonic-spellings] [aria-label="Choose an example"]{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}[data-lesson-id=half-steps] .lesson-card[data-step-id=enharmonic-spellings] [aria-label="Choose an example"]>button{min-height:52px;padding:6px 2px;border-radius:12px}[data-lesson-id=half-steps] .lesson-card[data-step-id=enharmonic-spellings] [aria-label="Choose an example"]>button>div:first-child{gap:2px;font-size:15px}[data-lesson-id=half-steps] .lesson-card[data-step-id=enharmonic-spellings] [aria-label="Choose an example"]>button>div:last-child{margin-top:2px;font-size:10px;letter-spacing:.04em}:is([data-lesson-id=half-steps],[data-lesson-id=whole-steps]) .lesson-card[data-step-id=binary]{--rhythm-section: 8px}:is([data-lesson-id=half-steps],[data-lesson-id=whole-steps]) .lesson-card[data-step-id=binary] .lesson-binary-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}:is([data-lesson-id=half-steps],[data-lesson-id=whole-steps]) .lesson-card[data-step-id=binary] .lesson-binary-answer-card{min-height:78px;gap:6px;padding:7px 8px}:is([data-lesson-id=half-steps],[data-lesson-id=whole-steps]) .lesson-card[data-step-id=binary] .lesson-binary-answer-icon{width:32px;height:32px;flex:0 0 32px}:is([data-lesson-id=half-steps],[data-lesson-id=whole-steps]) .lesson-card[data-step-id=binary] .lesson-binary-answer-title{font-size:15px;line-height:1.15}:is([data-lesson-id=half-steps],[data-lesson-id=whole-steps]) .lesson-card[data-step-id=binary] .lesson-binary-answer-subtitle{font-size:12px;line-height:1.2}:is([data-lesson-id=half-steps],[data-lesson-id=whole-steps]) .lesson-card[data-step-id=binary] .lesson-round-progress-pill{min-height:32px;padding:4px 9px}[data-lesson-id=half-steps] .lesson-card[data-step-id=listen] .lesson-media-card-visual{--piano-incard-white-key-width: 25px !important;--piano-incard-white-key-height: 72px !important;--piano-incard-black-key-width: 15px !important;--piano-incard-black-key-height: 44px !important;padding:6px 4px}[data-lesson-id=half-steps] .lesson-card[data-step-id=listen] .lesson-media-card-footer{gap:6px;padding-block:6px}[data-lesson-id=half-steps] .lesson-card[data-step-id=listen] .lesson-callout--boxed{padding-block:6px}:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card:is([data-step-id=m1-octave-c],[data-step-id=m1-octave-down],[data-step-id=m2-whole-up],[data-step-id=m2-half-up],[data-step-id=m2-half-down],[data-step-id=m2-whole-down],[data-step-id=m2-two-whole-up]) [style*=--piano-incard-white-key-width]{--piano-incard-white-key-width: 23px !important;--piano-incard-white-key-height: 90px !important;--piano-incard-black-key-width: 14px !important;--piano-incard-black-key-height: 55px !important}[data-lesson-id=what-is-interval] .lesson-intro-hero{max-height:220px;flex-basis:220px;overflow:visible}[data-lesson-id=what-is-interval] .lesson-intro-hero>*{scale:1}[data-lesson-id=musical-intervals] .lesson-intro-hero{max-height:220px;flex-basis:220px;overflow:visible}[data-lesson-id=musical-intervals] .lesson-intro-hero>.lesson-intro-hero-fit{scale:1.05}[data-lesson-id=musical-intervals] .musical-intervals-intro-hook{padding-block:8px}[data-lesson-id=unison-octaves] .lesson-intro-hero{max-height:220px;flex-basis:220px;overflow:visible}[data-lesson-id=unison-octaves] .lesson-intro-hero>.lesson-intro-hero-fit{scale:.9}[data-lesson-id=unison-octaves] .unison-octaves-intro-hook{padding-block:8px}[data-lesson-id=perfect-4th-5th] .lesson-intro-hero{max-height:200px;flex-basis:200px;overflow:visible}[data-lesson-id=perfect-4th-5th] .lesson-intro-hero>.lesson-intro-hero-fit{scale:1}[data-lesson-id=perfect-4th-5th] .perfect-intervals-intro-hook{max-width:314px;padding-block:0}[data-lesson-id=tritone] .lesson-intro-hero{max-height:200px;flex-basis:200px;overflow:visible}[data-lesson-id=tritone] .lesson-intro-hero>.lesson-intro-hero-fit{scale:1}[data-lesson-id=tritone] .tritone-intro-hook{max-width:314px;padding-block:0}:is([data-lesson-id="2nds-3rds"],[data-lesson-id=unison-octaves],[data-lesson-id=perfect-4th-5th],[data-lesson-id=tritone],[data-lesson-id=major-minor-6th],[data-lesson-id=major-minor-7th]) .lesson-intro-hero{max-height:180px;flex-basis:180px;overflow:visible}:is([data-lesson-id="2nds-3rds"],[data-lesson-id=unison-octaves],[data-lesson-id=perfect-4th-5th],[data-lesson-id=tritone],[data-lesson-id=major-minor-6th],[data-lesson-id=major-minor-7th]) .lesson-intro-hero>.lesson-intro-hero-fit{scale:.85}:is([data-lesson-id="2nds-3rds"],[data-lesson-id=unison-octaves],[data-lesson-id=perfect-4th-5th],[data-lesson-id=tritone],[data-lesson-id=major-minor-6th],[data-lesson-id=major-minor-7th]) .module2-interval-intro-hook{max-width:640px;padding-block:24px}:is([data-lesson-id=musical-intervals] .lesson-card[data-step-id=distance],[data-lesson-id=what-is-interval] .lesson-card[data-step-id=measure]){--rhythm-snug: 4px;--rhythm-section: 6px;padding-block:4px}:is([data-lesson-id=musical-intervals] .lesson-card[data-step-id=distance],[data-lesson-id=what-is-interval] .lesson-card[data-step-id=measure]) [style*=--piano-incard-white-key-height]{--piano-incard-white-key-width: 28px !important;--piano-incard-white-key-height: 76px !important;--piano-incard-black-key-width: 17px !important;--piano-incard-black-key-height: 47px !important}:is([data-lesson-id=musical-intervals] .lesson-card[data-step-id=distance],[data-lesson-id=what-is-interval] .lesson-card[data-step-id=measure]) .lesson-binary-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:6px}:is([data-lesson-id=musical-intervals] .lesson-card[data-step-id=distance],[data-lesson-id=what-is-interval] .lesson-card[data-step-id=measure]) .lesson-binary-answer-card{min-height:72px;gap:6px;padding:7px 8px}:is([data-lesson-id=musical-intervals] .lesson-card[data-step-id=distance],[data-lesson-id=what-is-interval] .lesson-card[data-step-id=measure]) .lesson-binary-answer-icon{width:32px;height:32px;flex-basis:32px}:is([data-lesson-id=musical-intervals] .lesson-card[data-step-id=distance],[data-lesson-id=what-is-interval] .lesson-card[data-step-id=measure]) .lesson-callout--boxed{padding-block:4px}:is([data-lesson-id=musical-intervals] .lesson-card[data-step-id=distance],[data-lesson-id=what-is-interval] .lesson-card[data-step-id=measure]){--rhythm-snug: 9px;--rhythm-section: 12px;padding-block:2px}[data-lesson-id=what-is-interval] .lesson-focus-stage:has(.lesson-card[data-step-id=measure]),[data-lesson-id=melodic-vs-harmonic] .lesson-focus-stage:has(.lesson-card:is([data-step-id=harmonic],[data-step-id=melodic],[data-step-id=compare],[data-step-id=more-intervals])){padding-block:0}[data-lesson-id=musical-intervals] .lesson-card[data-step-id=distance] .lesson-card-title{font-size:21px;line-height:1.12}[data-lesson-id=what-is-interval] .lesson-card[data-step-id=measure] .lesson-card-title{font-size:20px;line-height:1.15}:is([data-lesson-id=musical-intervals] .lesson-card[data-step-id=distance] .musical-intervals-distance-visual,[data-lesson-id=what-is-interval] .lesson-card[data-step-id=measure] .counting-intervals-measure-visual) .lesson-binary-answer-grid{gap:8px;margin-top:12px}:is([data-lesson-id=musical-intervals] .lesson-card[data-step-id=distance] .musical-intervals-distance-visual,[data-lesson-id=what-is-interval] .lesson-card[data-step-id=measure] .counting-intervals-measure-visual) .lesson-binary-answer-card{min-height:58px;gap:5px;padding:6px 8px}:is([data-lesson-id=musical-intervals] .lesson-card[data-step-id=distance] .musical-intervals-distance-visual,[data-lesson-id=what-is-interval] .lesson-card[data-step-id=measure] .counting-intervals-measure-visual) .lesson-binary-answer-icon{width:34px;height:34px;flex-basis:34px}:is([data-lesson-id=musical-intervals] .lesson-card[data-step-id=distance],[data-lesson-id=what-is-interval] .lesson-card[data-step-id=measure]) .lesson-binary-answer-title{font-size:15px}:is([data-lesson-id=musical-intervals] .lesson-card[data-step-id=distance],[data-lesson-id=what-is-interval] .lesson-card[data-step-id=measure]) .lesson-binary-answer-subtitle{font-size:12px}[data-lesson-id=musical-intervals] .lesson-card[data-step-id=direction]{--rhythm-snug: 8px;--rhythm-section: 12px;padding-block:6px}[data-lesson-id=musical-intervals] .lesson-card[data-step-id=direction] .lesson-card-title{font-size:21px;line-height:1.12}[data-lesson-id=musical-intervals] .lesson-card[data-step-id=direction] .musical-intervals-direction-visual{gap:10px}[data-lesson-id=musical-intervals] .lesson-card[data-step-id=direction] .musical-intervals-direction-piano{--piano-incard-white-key-width: 28px !important;--piano-incard-white-key-height: 84px !important;--piano-incard-black-key-width: 17px !important;--piano-incard-black-key-height: 52px !important}[data-lesson-id=musical-intervals] .lesson-card[data-step-id=direction] .musical-intervals-direction-visual>p{max-width:320px;font-size:14px;line-height:1.35}[data-lesson-id=musical-intervals] .lesson-card[data-step-id=direction] .lesson-callout--boxed{padding-block:6px}[data-lesson-id=what-is-interval] .lesson-card[data-step-id=drill-count] .counting-intervals-drill-count-piano{--piano-incard-white-key-width: 23px !important;--piano-incard-white-key-height: 92px !important;--piano-incard-black-key-width: 14px !important;--piano-incard-black-key-height: 57px !important}[data-lesson-id=what-is-interval] .lesson-card:is([data-step-id=counting-up],[data-step-id=common-sizes-octave]){--rhythm-snug: 8px;--rhythm-section: 12px;padding-block:6px}[data-lesson-id=what-is-interval] .lesson-card:is([data-step-id=counting-up],[data-step-id=common-sizes-octave]) .lesson-card-title{font-size:21px;line-height:1.12}[data-lesson-id=what-is-interval] .lesson-card[data-step-id=counting-up] .counting-intervals-counting-up-piano{--piano-incard-white-key-width: 28px !important;--piano-incard-white-key-height: 88px !important;--piano-incard-black-key-width: 17px !important;--piano-incard-black-key-height: 54px !important}[data-lesson-id=what-is-interval] .lesson-card:is([data-step-id=counting-up],[data-step-id=common-sizes-octave]) .lesson-callout--boxed{padding-block:6px}[data-lesson-id=what-is-interval] .lesson-card[data-step-id=common-sizes-octave] .counting-intervals-common-size-piano--octave{--piano-incard-white-key-width: 22px !important;--piano-incard-white-key-height: 92px !important;--piano-incard-black-key-width: 13px !important;--piano-incard-black-key-height: 57px !important}[data-lesson-id=musical-intervals] .lesson-card[data-step-id=sound]{--rhythm-section: 8px;padding-block:4px}[data-lesson-id=musical-intervals] .lesson-card[data-step-id=sound] .musical-intervals-sound-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}[data-lesson-id=musical-intervals] .lesson-card[data-step-id=sound] .musical-intervals-sound-card{gap:8px;min-height:190px;padding:12px 8px}[data-lesson-id=musical-intervals] .lesson-card[data-step-id=sound] .musical-intervals-sound-card>svg{height:56px}[data-lesson-id=musical-intervals] .lesson-card[data-step-id=sound] .lesson-callout--boxed{padding-block:6px}[data-lesson-id=musical-intervals] .lesson-card:is([data-step-id=same-different],[data-step-id=larger]){--rhythm-snug: 4px;--rhythm-section: 6px;padding-block:4px}[data-lesson-id=musical-intervals] .lesson-card:is([data-step-id=same-different],[data-step-id=larger]) .musical-intervals-pair-stack{gap:6px}[data-lesson-id=musical-intervals] .lesson-card:is([data-step-id=same-different],[data-step-id=larger]) .musical-intervals-pair-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}[data-lesson-id=musical-intervals] .lesson-card:is([data-step-id=same-different],[data-step-id=larger]) .musical-intervals-pair-card{gap:4px;padding:7px 6px}[data-lesson-id=musical-intervals] .lesson-card:is([data-step-id=same-different],[data-step-id=larger]) .musical-intervals-pair-card>svg{height:50px}[data-lesson-id=musical-intervals] .lesson-card:is([data-step-id=same-different],[data-step-id=larger]) .lesson-callout--boxed{padding-block:6px}[data-lesson-id=what-is-interval] .lesson-card[data-step-id=listen-distance]{--rhythm-section: 8px;padding-block:4px}[data-lesson-id=what-is-interval] .lesson-card[data-step-id=listen-distance] .counting-intervals-distance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}[data-lesson-id=what-is-interval] .lesson-card[data-step-id=listen-distance] .counting-intervals-distance-card{gap:6px;padding:8px 6px}[data-lesson-id=what-is-interval] .lesson-card[data-step-id=listen-distance] .counting-intervals-distance-card .piano-tier-standard{--piano-incard-white-key-width: 18px !important;--piano-incard-white-key-height: 62px !important;--piano-incard-black-key-width: 11px !important;--piano-incard-black-key-height: 38px !important}[data-lesson-id=what-is-interval] .lesson-card[data-step-id=listen-distance] .counting-intervals-distance-card>.grid{grid-template-columns:1.75rem minmax(0,1fr) 1.75rem;gap:2px}[data-lesson-id=what-is-interval] .lesson-card[data-step-id=listen-distance] .counting-intervals-distance-card .lesson-speaker-badge{width:24px;height:24px}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=melodic],[data-step-id=compare],[data-step-id=more-intervals]){--rhythm-snug: 4px;--rhythm-section: 6px;padding-block:4px}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=melodic]) .melodic-harmonic-example-card{gap:6px;padding:8px}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=melodic]){padding-block:0}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=melodic]) .melodic-harmonic-piano-roll{--melodic-harmonic-roll-row-height: 18px;--melodic-harmonic-roll-row-inset: 5px;gap:4px}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=harmonic],[data-step-id=melodic]) .lesson-callout--boxed{padding-block:4px}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=harmonic] .lesson-card-title{font-size:21px;line-height:1.12}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=harmonic] .lesson-card-subtitle{font-size:14px;line-height:1.35}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=harmonic] .pt-stagger>.w-full.flex.justify-center{margin-top:8px!important}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=harmonic] .melodic-harmonic-example-card{gap:5px;padding:6px}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=harmonic] .melodic-harmonic-piano-roll{--melodic-harmonic-roll-row-height: 14px;--melodic-harmonic-roll-row-inset: 4px;gap:3px}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=compare] .melodic-harmonic-compare-grid,[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .melodic-harmonic-more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-compare-card{gap:4px;padding:6px}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-compare-card>.tap-cue--standalone{margin-top:10px}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-piano-roll{--melodic-harmonic-roll-row-height: 14px;--melodic-harmonic-roll-row-inset: 4px;gap:2px}[data-lesson-id=melodic-vs-harmonic] .lesson-card:is([data-step-id=compare],[data-step-id=more-intervals]) .melodic-harmonic-roll-toolbar{height:46px}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals]{padding-block:2px}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .lesson-card-title{font-size:21px;line-height:1.12}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .lesson-card-subtitle{font-size:14px;line-height:1.3}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .melodic-harmonic-more-visual{gap:6px}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .melodic-harmonic-more-switcher{gap:2px;padding:4px}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .melodic-harmonic-more-switcher-button{padding:4px 12px}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .pt-stagger>.w-full.flex.justify-center{margin-top:6px!important}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .melodic-harmonic-more-grid+.lesson-callout--boxed{gap:4px;padding:3px 10px}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .melodic-harmonic-more-grid+.lesson-callout--boxed .lesson-callout-body{line-height:1.2}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison]{--rhythm-snug: 4px;--rhythm-section: 6px;--rhythm-major: 8px;padding-block:4px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-listen-card{gap:6px;padding:8px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .unison-octaves-listen-card>.flex.flex-col.items-center,[data-lesson-id=unison-octaves] .lesson-card[data-step-id=octave] .unison-octaves-listen-card>.flex.flex-col.items-center{--piano-incard-white-key-width: 30px !important;--piano-incard-white-key-height: 80px !important;--piano-incard-black-key-width: 18px !important;--piano-incard-black-key-height: 49px !important;gap:6px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=unison] .lesson-callout--boxed{padding-block:6px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=octave]{--rhythm-snug: 6px;--rhythm-section: 8px;padding-block:6px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=octave] .unison-octaves-listen-card{gap:6px;padding:8px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=compare]{--rhythm-snug: 4px;--rhythm-section: 6px;padding-block:4px}[data-lesson-id=unison-octaves] .lesson-focus-stage:has(.lesson-card[data-step-id=compare]){padding-block:0}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=compare] .unison-octaves-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:calc(100% + 12px);margin-inline:-6px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=compare] .unison-octaves-listen-card{gap:6px;padding:10px 6px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=compare] .unison-octaves-listen-card>.flex.flex-col.items-center{gap:6px}[data-lesson-id=unison-octaves] .lesson-card[data-step-id=compare] .unison-octaves-listen-card .piano-tier-compact{--piano-incard-white-key-width: 17px !important;--piano-incard-white-key-height: 58px !important;--piano-incard-black-key-width: 10px !important;--piano-incard-black-key-height: 36px !important}[data-lesson-id=interval-qualities] .lesson-card:is([data-step-id=name-preview],[data-step-id=number],[data-step-id=drill-number],[data-step-id=quality],[data-step-id=combine],[data-step-id=rule]){--rhythm-snug: 6px;--rhythm-section: 8px;--rhythm-major: 8px;padding-block:4px}[data-lesson-id=interval-qualities] .lesson-card[data-step-id=drill-number] .interval-quality-number-drill{gap:6px}[data-lesson-id=interval-qualities] .lesson-card[data-step-id=drill-number] .interval-quality-number-drill-card{gap:6px;padding:8px 12px}[data-lesson-id=interval-qualities] .lesson-card[data-step-id=rule] .interval-quality-rule-visual{gap:6px}[data-lesson-id=interval-qualities] .lesson-card[data-step-id=rule] .interval-quality-rule-tabs>button{padding-block:4px;font-size:13px}[data-lesson-id=interval-qualities] .lesson-card[data-step-id=rule] .interval-quality-rule-grid{gap:6px}[data-lesson-id=interval-qualities] .lesson-card[data-step-id=rule] .interval-quality-orb-play-card{gap:4px;padding:8px}[data-lesson-id=interval-qualities] .lesson-card[data-step-id=rule] .interval-quality-orb-card-title{font-size:17px;line-height:1.2;text-wrap:balance}[data-lesson-id=interval-qualities] .lesson-card[data-step-id=rule] .interval-quality-rule-perfect-family{gap:4px;padding:6px 8px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick]{--rhythm-section: 8px;--rhythm-major: 8px;padding-block:4px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .interval-examples-trick-list{gap:6px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .interval-examples-trick-list>li{padding-block:8px}[data-lesson-id=interval-examples] .lesson-card[data-step-id=trick] .lesson-callout--boxed{padding-block:6px}:is([data-lesson-id="2nds-3rds"],[data-lesson-id="2nds-and-3rds-v4"]) .lesson-focus-stage:has(.lesson-card:is([data-step-id=why-2nds],[data-step-id=what-is-3rd],[data-step-id=compare-all])){padding-block:0}:is([data-lesson-id="2nds-3rds"],[data-lesson-id="2nds-and-3rds-v4"]) .lesson-card:is([data-step-id=why-2nds],[data-step-id=what-is-3rd],[data-step-id=compare-all]){--rhythm-snug: 4px;--rhythm-section: 6px;--rhythm-major: 6px;padding-block:0;padding-inline:8px}:is([data-lesson-id="2nds-3rds"],[data-lesson-id="2nds-and-3rds-v4"]) .lesson-card:is([data-step-id=why-2nds],[data-step-id=what-is-3rd],[data-step-id=compare-all])>.flex.justify-center.mb-3{margin-bottom:6px}:is([data-lesson-id="2nds-3rds"],[data-lesson-id="2nds-and-3rds-v4"]) .lesson-card:is([data-step-id=why-2nds],[data-step-id=what-is-3rd],[data-step-id=compare-all]) .pt-stagger>.w-full.flex.justify-center{margin-top:6px!important}:is([data-lesson-id="2nds-3rds"],[data-lesson-id="2nds-and-3rds-v4"]) .lesson-card[data-step-id=why-2nds]{padding-inline:0}:is([data-lesson-id="2nds-3rds"],[data-lesson-id="2nds-and-3rds-v4"]) .seconds-thirds-why-visual{max-width:none;gap:8px}:is([data-lesson-id="2nds-3rds"],[data-lesson-id="2nds-and-3rds-v4"]) .seconds-thirds-culture-card{min-height:88px;gap:10px;padding:10px 14px}:is([data-lesson-id="2nds-3rds"],[data-lesson-id="2nds-and-3rds-v4"]) .seconds-thirds-culture-copy .lesson-caption--inline{margin-top:3px;line-height:1.25}:is([data-lesson-id="2nds-3rds"],[data-lesson-id="2nds-and-3rds-v4"]) .lesson-card[data-step-id=what-is-3rd] .seconds-thirds-third-grid{gap:8px}:is([data-lesson-id="2nds-3rds"],[data-lesson-id="2nds-and-3rds-v4"]) .lesson-card[data-step-id=what-is-3rd] .lesson-interval-square-card{gap:8px;padding:10px 6px}:is([data-lesson-id="2nds-3rds"],[data-lesson-id="2nds-and-3rds-v4"]) .lesson-card[data-step-id=compare-all] .seconds-thirds-compare-grid{gap:4px}:is([data-lesson-id="2nds-3rds"],[data-lesson-id="2nds-and-3rds-v4"]) .lesson-card[data-step-id=compare-all]{padding-inline:0}:is([data-lesson-id="2nds-3rds"],[data-lesson-id="2nds-and-3rds-v4"]) .lesson-card[data-step-id=compare-all]>.flex.justify-center.mb-3{margin-bottom:4px}:is([data-lesson-id="2nds-3rds"],[data-lesson-id="2nds-and-3rds-v4"]) .lesson-card[data-step-id=compare-all] .w-full.flex.justify-center:has(>.lesson-callout--boxed){margin-top:4px!important}:is([data-lesson-id="2nds-3rds"],[data-lesson-id="2nds-and-3rds-v4"]) .lesson-card[data-step-id=compare-all] .lesson-interval-square-card{gap:1px;padding:4px 6px}:is([data-lesson-id="2nds-3rds"],[data-lesson-id="2nds-and-3rds-v4"]) .lesson-card:is([data-step-id=what-is-3rd],[data-step-id=compare-all]){--rhythm-snug: 4px;--rhythm-section: 6px}:is([data-lesson-id="2nds-3rds"],[data-lesson-id="2nds-and-3rds-v4"]) .lesson-card:is([data-step-id=what-is-3rd],[data-step-id=compare-all]) .pt-stagger>.w-full.flex.justify-center{margin-top:6px!important}:is([data-lesson-id="2nds-3rds"],[data-lesson-id="2nds-and-3rds-v4"]) .lesson-card:is([data-step-id=what-is-3rd],[data-step-id=compare-all]) .lesson-callout--boxed{gap:4px;padding-block:4px}:is([data-lesson-id="2nds-3rds"],[data-lesson-id="2nds-and-3rds-v4"]) .lesson-card[data-step-id=compare-all] .lesson-callout--boxed{padding-block:2px}:is([data-lesson-id="2nds-3rds"],[data-lesson-id="2nds-and-3rds-v4"]) .lesson-card:is([data-step-id=what-is-3rd],[data-step-id=compare-all]) .lesson-callout-body{line-height:1.2}[data-lesson-module="3"] .lesson-stage--cardless .lesson-cardless-top-spacer{flex:1 1 0%!important}[data-lesson-module="3"] .lesson-focus-stage>.relative.w-full.mx-auto,[data-lesson-module="3"] .lesson-card{width:100%;max-width:358px;margin-inline:auto}[data-lesson-module="3"] :is(.lesson-card-title,.lesson-card-subtitle){width:100%;max-width:318px;margin-inline:auto}[data-lesson-module="3"] .lesson-card-title{white-space:normal!important;overflow-wrap:anywhere}[data-lesson-module="3"] .lesson-card:is([data-step-id=feel-the-pull],[data-step-id=feel-the-pull-chords],[data-step-id=recap],[data-step-id=play-melody],[data-step-id=using-chromatic],[data-step-id=summary],[data-step-id=scale-vs-key],[data-step-id=build-melody],[data-step-id=transpose-melody],[data-step-id=spine],[data-step-id=degree-root],[data-step-id=degree-dominant],[data-step-id=degree-leading-tone],[data-step-id=supporting-cast],[data-step-id=octave-repeats],[data-step-id=where-you-hear],[data-step-id=why-accidentals],[data-step-id=fingering],[data-step-id=make-melody],[data-step-id=method-3-circle],[data-step-id=real-music-usage],[data-step-id=where],[data-step-id=hear-tension],[data-step-id=hear-bluesy],[data-step-id=quick-check]){--rhythm-snug: 4px;--rhythm-section: 8px;--rhythm-major: 10px;padding-block:3px}[data-lesson-module="3"] .lesson-card:is([data-step-id=feel-the-pull],[data-step-id=feel-the-pull-chords],[data-step-id=using-chromatic],[data-step-id=scale-vs-key],[data-step-id=build-melody],[data-step-id=transpose-melody],[data-step-id=where-you-hear],[data-step-id=why-accidentals],[data-step-id=fingering],[data-step-id=make-melody],[data-step-id=method-3-circle],[data-step-id=real-music-usage],[data-step-id=where],[data-step-id=hear-tension],[data-step-id=hear-bluesy]) .pt-stagger>.w-full.flex.justify-center{margin-top:6px!important}[data-lesson-module="3"] .lesson-card:is([data-step-id=feel-the-pull],[data-step-id=feel-the-pull-chords],[data-step-id=using-chromatic],[data-step-id=summary],[data-step-id=transpose-melody],[data-step-id=spine],[data-step-id=octave-repeats],[data-step-id=why-accidentals],[data-step-id=make-melody]) .lesson-callout--boxed{padding-block:6px}[data-lesson-id=what-is-a-key] :is(.what-is-key-pull-visual,.what-is-key-chord-pull-visual){gap:4px}[data-lesson-id=what-is-a-key] :is(.what-is-key-pull-visual,.what-is-key-chord-pull-visual)>div:first-child{padding:5px 8px}[data-lesson-id=what-is-a-key] :is(.what-is-key-pull-visual,.what-is-key-chord-pull-visual)>div:first-child>button{width:100%;margin-inline:0;margin-bottom:0;padding-inline:0}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=using-chromatic] .chromatic-use-grid{gap:6px!important}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=using-chromatic] .chromatic-use-grid>button{gap:8px;padding:7px 10px}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=formula-explained] .chromatic-half-step-row{row-gap:18px}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=formula-explained] .chromatic-half-step-line{-moz-column-gap:2px;column-gap:2px}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=formula-explained] .chromatic-half-step-note{width:32px;height:42px}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=formula-explained] .chromatic-half-step-arrow{width:18px;min-width:18px;gap:4px}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=formula-explained] .chromatic-half-step-arrow>svg{width:12px;height:16px}[data-lesson-id=scale-degrees] .lesson-card[data-step-id=supporting-cast] .scale-degree-supporting-cast{max-width:342px;gap:12px}[data-lesson-id=scale-degrees] .lesson-card[data-step-id=supporting-cast]>.flex.justify-center:first-child{display:none}[data-lesson-id=scale-degrees] .lesson-card[data-step-id=supporting-cast] .scale-degree-supporting-cast>div:first-child{gap:8px!important}[data-lesson-id=scale-degrees] .lesson-card[data-step-id=supporting-cast] .lesson-card-title{font-size:20px;line-height:1.1}[data-lesson-id=scale-degrees] .lesson-card[data-step-id=supporting-cast] .lesson-card-subtitle{font-size:13px;line-height:1.25}[data-lesson-id=scale-degrees] .lesson-card[data-step-id=supporting-cast] .scale-degree-supporting-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:10px;-moz-column-gap:8px;column-gap:8px}[data-lesson-id=scale-degrees] .lesson-card[data-step-id=supporting-cast] .scale-degree-supporting-grid>button{min-height:100px;gap:6px;padding:8px}[data-lesson-id=scale-degrees] .lesson-card[data-step-id=supporting-cast] .scale-degree-supporting-grid>button>div:first-child{gap:8px}[data-lesson-id=scale-degrees] .lesson-card[data-step-id=supporting-cast] .scale-degree-supporting-grid>button>div:first-child>div>div:first-child{font-size:14px}[data-lesson-id=scale-degrees] .lesson-card[data-step-id=supporting-cast] .scale-degree-supporting-grid>button>div:first-child>div>div:last-child{margin-top:0;font-size:12px;line-height:1.25}[data-lesson-id=scale-degrees] .lesson-card[data-step-id=supporting-cast] .scale-degree-supporting-grid>button>div:last-child{--piano-incard-white-key-width-compact: 14px !important;--piano-incard-white-key-height-compact: 40px !important;--piano-incard-black-key-width-compact: 9px !important;--piano-incard-black-key-height-compact: 25px !important}[data-lesson-id=scale-degrees] .lesson-card[data-step-id=supporting-cast] .lesson-callout--boxed{gap:6px;padding-block:8px}[data-lesson-id=scale-degrees] .lesson-card[data-step-id=supporting-cast] .lesson-callout-body{font-size:13px;line-height:1.3}[data-lesson-id=scale-degrees] .lesson-focus-stage:has(.scale-degree-supporting-cast){padding-block:0;overflow-y:hidden;justify-content:safe center}[data-lesson-id=scale-degrees] .lesson-focus-stage:has(.scale-degree-supporting-cast)>div{height:100%;min-height:0;flex-shrink:1}[data-lesson-module="3"] :is(.playing-scales-fingering-map,.natural-minor-fingering-map) .sm\:hidden .flex.items-end{width:100%;gap:4px}[data-lesson-id=major-scale-practice] .playing-scales-fingering-visual,[data-lesson-id=natural-minor-pattern] .natural-minor-fingering-visual{gap:6px}[data-lesson-id=major-scale-practice] .playing-scales-fingering-map,[data-lesson-id=natural-minor-pattern] .natural-minor-fingering-map{padding-block:2px!important}[data-lesson-module="3"] :is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.grid:last-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}[data-lesson-module="3"] :is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.grid:last-child>div{min-width:0;gap:6px;padding-block:4px;padding-inline:6px}[data-lesson-module="3"] :is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.grid:last-child>div>span:first-child{width:30px;height:30px}[data-lesson-module="3"] :is(.playing-scales-fingering-visual,.natural-minor-fingering-visual)>.inline-flex:first-child{padding-block:4px}[data-lesson-module="3"] .lesson-card:is([data-step-id=build-melody],[data-step-id=transpose-melody],[data-step-id=make-melody]) .lesson-step-sequencer{gap:5px}[data-lesson-module="3"] .lesson-card:is([data-step-id=build-melody],[data-step-id=transpose-melody],[data-step-id=make-melody]) .lesson-step-sequencer>.w-full.rounded-2xl{padding:4px}[data-lesson-module="3"] .lesson-card:is([data-step-id=build-melody],[data-step-id=transpose-melody],[data-step-id=make-melody]) .lesson-step-sequencer>.w-full.rounded-2xl>.relative.flex.flex-col{gap:2px}[data-lesson-module="3"] .lesson-card:is([data-step-id=build-melody],[data-step-id=transpose-melody],[data-step-id=make-melody]) .lesson-step-sequencer>.w-full.rounded-2xl button{height:16px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=transpose-melody] .major-scale-transpose-visual,[data-lesson-id=natural-minor-pattern] .lesson-card[data-step-id=make-melody] .natural-minor-melody-maker{gap:5px}[data-lesson-id=transpose-major-scale] .lesson-card[data-step-id=where-you-hear-this] .pt-stagger{gap:8px}[data-lesson-id=transpose-major-scale] .lesson-card[data-step-id=where-you-hear-this] .lesson-callout--boxed{padding-block:6px}[data-lesson-id=build-major-scale] .lesson-card[data-step-id=where-you-hear]{padding-block:0}[data-lesson-id=build-major-scale] .lesson-card[data-step-id=where-you-hear] .build-major-where-you-hear-visual{gap:4px}[data-lesson-id=build-major-scale] .lesson-card[data-step-id=where-you-hear] .build-major-where-you-hear-visual>.flex.flex-wrap{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}[data-lesson-id=build-major-scale] .lesson-card[data-step-id=where-you-hear] .build-major-where-you-hear-visual>.flex.flex-wrap>span{min-width:0;min-height:38px;justify-content:center;gap:4px;padding:5px 4px;font-size:11px;line-height:1.2;text-align:center;white-space:normal}[data-lesson-id=build-major-scale] .lesson-card[data-step-id=why-accidentals] .build-major-why-accidentals-visual{gap:6px}[data-lesson-id=build-major-scale] .lesson-card[data-step-id=why-accidentals] .build-major-why-accidentals-visual>button{gap:6px;padding-block:7px}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=method-3-circle] .relative-keys-circle-visual{gap:3px}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=method-3-circle] .lesson-circle-of-fifths{width:234px!important}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=method-3-circle] .relative-keys-circle-visual>.min-h-\[28px\]{min-height:20px}@media (min-height: 730px) and (max-height: 800px){[data-lesson-id=relative-major-minor] .lesson-focus-stage:has(.lesson-card[data-step-id=method-3-circle]){padding-block:0}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=method-3-circle] .relative-keys-circle-visual{gap:2px}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=method-3-circle] .lesson-circle-of-fifths{width:270px!important}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=method-3-circle] .relative-keys-circle-visual>.min-h-\[28px\]{min-height:18px}}@media (min-height: 801px){[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=method-3-circle] .lesson-circle-of-fifths{width:300px!important}}[data-lesson-module="3"] :is(.major-pentatonic-tension-visual,.minor-pentatonic-tension-visual){gap:6px}[data-lesson-module="3"] :is(.major-pentatonic-tension-visual,.minor-pentatonic-tension-visual)>.w-full.flex{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}[data-lesson-module="3"] :is(.major-pentatonic-tension-visual,.minor-pentatonic-tension-visual)>.w-full.flex>button{min-width:0;gap:4px;padding:6px}[data-lesson-module="3"] :is(.major-pentatonic-tension-visual,.minor-pentatonic-tension-visual)>.w-full.flex>button>.flex:not(:first-child){flex-wrap:wrap}[data-lesson-id=minor-pentatonic] .lesson-card[data-step-id=hear-tension] .minor-pentatonic-tension-visual>.lesson-caption{font-size:12px;line-height:1.3}[data-lesson-id=minor-pentatonic] .lesson-card[data-step-id=quick-check] .multiple-choice-quiz{gap:6px}[data-lesson-id=minor-pentatonic] .lesson-card[data-step-id=quick-check] .multiple-choice-quiz button{padding-block:8px}[data-lesson-id=module-boss-scale] .lesson-card[data-step-id=m2-ear-mood] .lesson-binary-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}[data-lesson-id=module-boss-scale] .lesson-card[data-step-id=m2-ear-mood] .lesson-binary-answer-card{min-height:84px;gap:7px;padding:8px}[data-lesson-id=module-boss-scale] .lesson-card[data-step-id=m2-ear-mood] .lesson-binary-answer-icon{width:36px;height:36px}[data-lesson-id=module-boss-scale] .lesson-card[data-step-id=m2-ear-mood] .pt-stagger>.w-full.flex.justify-center>.flex.flex-col{gap:8px}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=real-music-usage] .relative-keys-usage-grid,[data-lesson-module="3"] .short-viewport-genre-grid,[data-lesson-id=minor-pentatonic] .minor-pentatonic-genre-grid,[data-lesson-id=major-pentatonic] .major-pentatonic-genre-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=real-music-usage] .relative-keys-usage-card{gap:5px;padding:8px}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=real-music-usage] .relative-keys-usage-card-header{gap:5px}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=real-music-usage] :is(.relative-keys-usage-icon,.relative-keys-usage-listen){display:none}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=real-music-usage] .relative-keys-usage-body{margin-top:4px;font-size:12px}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=real-music-usage] .relative-keys-usage-chips{gap:3px}[data-lesson-id=relative-major-minor] .lesson-card[data-step-id=real-music-usage] .relative-keys-usage-chip{min-width:30px;height:24px;padding-inline:5px}[data-lesson-module="3"] :is(.short-viewport-genre-grid,.minor-pentatonic-genre-grid,.major-pentatonic-genre-grid)>div[role=button]{gap:4px;padding:8px 6px}[data-lesson-module="3"] :is(.short-viewport-genre-grid,.minor-pentatonic-genre-grid,.major-pentatonic-genre-grid)>div[role=button]>.flex:first-child{gap:5px}[data-lesson-module="3"] :is(.short-viewport-genre-grid,.minor-pentatonic-genre-grid,.major-pentatonic-genre-grid)>div[role=button]>.flex:first-child>span:last-child{font-size:0;gap:0}[data-lesson-module="3"] :is(.short-viewport-genre-grid,.minor-pentatonic-genre-grid,.major-pentatonic-genre-grid)>div[role=button]>p{font-size:12px;line-height:1.25}[data-lesson-module="3"] :is(.short-viewport-genre-grid,.minor-pentatonic-genre-grid,.major-pentatonic-genre-grid)>div[role=button]>.flex.flex-wrap span{min-width:20px;height:20px;padding-inline:4px}:is([data-lesson-module="4"],[data-lesson-module="5"],[data-lesson-module="6"],[data-lesson-module="7"],[data-lesson-module="8"]) .lesson-stage--cardless .lesson-cardless-top-spacer{flex:1 1 0%!important}:is([data-lesson-module="4"],[data-lesson-module="5"],[data-lesson-module="6"],[data-lesson-module="7"],[data-lesson-module="8"]) .lesson-focus-stage{padding-block:0}:is([data-lesson-module="4"],[data-lesson-module="5"],[data-lesson-module="6"],[data-lesson-module="7"],[data-lesson-module="8"]) :is(.lesson-focus-stage>.relative.w-full.mx-auto,.lesson-card){width:100%;max-width:358px;margin-inline:auto}.lesson-focus-stage>.lesson-stage-frame--full-bleed,.lesson-card--full-bleed,.lesson-focus-stage>.relative.w-full.mx-auto:has(.lesson-intro-cover),.lesson-card:has(.lesson-intro-cover){width:100%;max-width:none!important;margin-inline:0;border-radius:0}:is([data-lesson-module="4"],[data-lesson-module="5"],[data-lesson-module="6"],[data-lesson-module="7"],[data-lesson-module="8"]) :is(.lesson-card-title,.lesson-card-subtitle){width:100%;max-width:318px;margin-inline:auto;white-space:normal!important;overflow-wrap:anywhere;text-wrap:balance}:is([data-lesson-module="4"],[data-lesson-module="5"],[data-lesson-module="6"],[data-lesson-module="7"],[data-lesson-module="8"]) .lesson-card:not([data-step-id=intro-bridge]){--rhythm-tight: 4px;--rhythm-snug: 4px;--rhythm-section: 7px;--rhythm-major: 9px;padding-block:2px}:is([data-lesson-module="4"],[data-lesson-module="5"],[data-lesson-module="6"],[data-lesson-module="7"],[data-lesson-module="8"]) .lesson-card--bare>.flex.justify-center:first-child{margin-bottom:4px}:is([data-lesson-module="4"],[data-lesson-module="5"],[data-lesson-module="6"],[data-lesson-module="7"],[data-lesson-module="8"]) .pt-stagger>.w-full.flex.justify-center{margin-top:4px!important}:is([data-lesson-module="4"],[data-lesson-module="5"],[data-lesson-module="6"],[data-lesson-module="7"],[data-lesson-module="8"]) .lesson-callout--boxed{padding-block:6px}:is([data-lesson-module="4"],[data-lesson-module="5"],[data-lesson-module="6"],[data-lesson-module="7"],[data-lesson-module="8"]) .multiple-choice-quiz{gap:5px}:is([data-lesson-module="4"],[data-lesson-module="5"],[data-lesson-module="6"],[data-lesson-module="7"],[data-lesson-module="8"]) .multiple-choice-quiz [data-lesson-answer]{height:auto!important;min-height:44px;padding-block:7px}[data-lesson-id=intro-to-chords] .intro-chords-genre-card__header{align-items:flex-start}[data-lesson-id=intro-to-chords] .intro-chords-genre-card__title{padding-top:4px;overflow:visible;text-overflow:clip;white-space:normal}[data-lesson-id=intro-to-chords] .intro-chords-genre-card__play{width:32px;height:32px}:is([data-lesson-id=chord-qualities] .lesson-card[data-step-id=where],[data-lesson-id=chord-names] .lesson-card[data-step-id=where],[data-lesson-id=chord-types] .lesson-card[data-step-id=four-ways]) .lesson-example-card__header{display:grid;grid-template-columns:30px minmax(0,1fr) 32px;gap:6px;align-items:center}:is([data-lesson-id=chord-qualities] .lesson-card[data-step-id=where],[data-lesson-id=chord-names] .lesson-card[data-step-id=where],[data-lesson-id=chord-types] .lesson-card[data-step-id=four-ways]) .lesson-example-card__icon{grid-column:1;grid-row:1;width:30px;height:30px;border-radius:10px}:is([data-lesson-id=chord-qualities] .lesson-card[data-step-id=where],[data-lesson-id=chord-names] .lesson-card[data-step-id=where],[data-lesson-id=chord-types] .lesson-card[data-step-id=four-ways]) .lesson-example-card__icon svg{width:16px;height:16px}:is([data-lesson-id=chord-qualities] .lesson-card[data-step-id=where],[data-lesson-id=chord-names] .lesson-card[data-step-id=where],[data-lesson-id=chord-types] .lesson-card[data-step-id=four-ways]) .lesson-example-card__play{grid-column:3;grid-row:1;width:32px;height:32px}:is([data-lesson-id=chord-qualities] .lesson-card[data-step-id=where],[data-lesson-id=chord-names] .lesson-card[data-step-id=where],[data-lesson-id=chord-types] .lesson-card[data-step-id=four-ways]) .lesson-example-card__title{grid-column:1 / -1;grid-row:2;min-width:0;font-size:15px;overflow:visible;text-overflow:clip;white-space:normal}[data-lesson-id=intro-to-chords] .intro-chords-vocab-visual{gap:6px}[data-lesson-id=intro-to-chords] .intro-chords-vocab-visual>.max-w-md>button{gap:8px;padding-block:10px}[data-lesson-id=intro-to-chords] .intro-chords-vocab-visual>.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}[data-lesson-id=intro-to-chords] .intro-chords-vocab-visual>.grid>button{gap:2px;padding:6px 4px}[data-lesson-id=intro-to-chords] .intro-chords-vocab-visual>.grid>button>:first-child{width:26px;height:26px}:is([data-lesson-id=intro-to-chords],[data-lesson-id=chord-qualities],[data-lesson-id=chord-types],[data-lesson-id=chord-names]) .lesson-card .max-w-3xl.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}:is([data-lesson-id=intro-to-chords],[data-lesson-id=chord-qualities],[data-lesson-id=chord-types],[data-lesson-id=chord-names]) .lesson-card .max-w-3xl.grid>:is(button,div[role=button],div){min-width:0;padding:7px}[data-lesson-id=chord-names] .lesson-card[data-step-id=anatomy] .max-w-lg{gap:12px}[data-lesson-id=chord-names] .lesson-card[data-step-id=anatomy] .pt-stagger[data-step-id=anatomy]>.chord-symbol-anatomy-slot{margin-top:16px!important}[data-lesson-id=chord-names] .lesson-card[data-step-id=anatomy] .grid.grid-cols-1{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}[data-lesson-id=chord-names] .lesson-card[data-step-id=anatomy] .grid.grid-cols-1>div{min-width:0;padding:6px 4px}[data-lesson-id=intro-to-chords] .lesson-card .max-w-2xl.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}[data-lesson-id=intro-to-chords] .lesson-card .max-w-2xl.grid>div{min-width:0;gap:4px;padding:7px 4px}[data-lesson-id=intro-to-chords] .lesson-card .max-w-2xl.grid>div>span:first-child{width:30px;height:30px}[data-lesson-id=intro-to-chords] .lesson-card .max-w-2xl.grid.intro-chords-three-jobs-grid{grid-template-columns:minmax(0,1fr);gap:8px}[data-lesson-id=intro-to-chords] .lesson-card .intro-chords-three-jobs-grid>.intro-chords-three-jobs-card{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;-moz-column-gap:10px;column-gap:10px;row-gap:2px;align-items:center;padding:10px 12px;text-align:left}[data-lesson-id=intro-to-chords] .intro-chords-three-jobs-card>.intro-chords-three-jobs-card__icon{grid-column:1;grid-row:1 / span 2;width:38px;height:38px}[data-lesson-id=intro-to-chords] .intro-chords-three-jobs-card>.intro-chords-three-jobs-card__title,[data-lesson-id=intro-to-chords] .intro-chords-three-jobs-card>.intro-chords-three-jobs-card__body{grid-column:2;min-width:0;overflow-wrap:normal}[data-lesson-id=intro-to-chords] .intro-chords-three-jobs-card>.intro-chords-three-jobs-card__body{font-size:13px;line-height:1.3}[data-lesson-id=sus-chords] .lesson-card .grid.grid-cols-1{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}[data-lesson-id=sus-chords] .lesson-card .grid.grid-cols-1>button{gap:5px;padding:8px 5px}[data-lesson-id=sus-chords] .lesson-card[data-step-id=mirror-twins] .sus-chords-twin-card{gap:8px;padding:10px 8px}[data-lesson-id=sus-chords] .lesson-card[data-step-id=mirror-twins] .sus-chords-twin-card__header{display:grid;grid-template-columns:minmax(0,1fr) 32px;grid-template-rows:auto auto;-moz-column-gap:8px;column-gap:8px;row-gap:5px;align-items:center}[data-lesson-id=sus-chords] .lesson-card[data-step-id=mirror-twins] .sus-chords-twin-card__symbol,[data-lesson-id=sus-chords] .lesson-card[data-step-id=mirror-twins] .sus-chords-twin-card__formula{grid-column:1;justify-self:start}[data-lesson-id=sus-chords] .lesson-card[data-step-id=mirror-twins] .sus-chords-twin-card__symbol{grid-row:1}[data-lesson-id=sus-chords] .lesson-card[data-step-id=mirror-twins] .sus-chords-twin-card__formula{grid-row:2;line-height:1}[data-lesson-id=sus-chords] .lesson-card[data-step-id=mirror-twins] .sus-chords-twin-card__play{grid-column:2;grid-row:1 / span 2;width:32px;height:32px;border-radius:12px}:is(.power-chords-formula-visual,.add-chords-counting-visual,.slash-chords-anatomy-visual,.chord-inversions-naming-visual,.chord-function-context-visual,.chord-formulas-no-scale-visual){gap:6px}[data-lesson-id=slash-chords] .lesson-card[data-step-id=read-symbol] .slash-chords-read-switcher{display:grid;width:100%;max-width:360px;grid-template-columns:repeat(3,minmax(0,1fr))}[data-lesson-id=slash-chords] .lesson-card[data-step-id=read-symbol] .slash-chords-read-switcher>button{min-width:0;width:100%;padding-inline:6px}[data-lesson-id=slash-chords] .lesson-card[data-step-id=read-symbol] .slash-chords-read-switcher>button>span:last-child{justify-content:center;gap:4px;white-space:nowrap}[data-lesson-id=chord-inversions] .lesson-card[data-step-id=why] .chord-inversions-why-switcher{display:grid;width:100%;max-width:360px;grid-template-columns:repeat(2,minmax(0,1fr))}[data-lesson-id=chord-inversions] .lesson-card[data-step-id=why] .chord-inversions-why-switcher>button{min-width:0;width:100%;padding-inline:8px}[data-lesson-id=chord-inversions] .lesson-card[data-step-id=why] .chord-inversions-why-switcher>button>span:last-child{justify-content:center;white-space:nowrap}:is(.power-chords-formula-visual,.add-chords-counting-visual)>button.rounded-3xl{gap:7px;padding-block:8px}[data-lesson-id=power-chords] .lesson-card[data-step-id=formula] .power-chords-formula-caption{min-height:40px;margin-top:8px}[data-lesson-id=power-chords] .lesson-card[data-step-id=formula] .power-chords-formula-caption>p{line-height:1.35}:is([data-lesson-id=chord-names],[data-lesson-id=power-chords]) .lesson-callout--boxed{padding-block:4px}[data-lesson-id=chord-function-basics] .lesson-card[data-step-id=three-jobs] button.h-28.w-28{width:96px;height:96px}[data-lesson-id=chord-function-basics] .lesson-card[data-step-id=three-jobs] .chord-function-three-jobs-row,[data-lesson-id=chord-function-basics] .lesson-card[data-step-id=function-in-g] .chord-function-g-transfer-row{margin-top:14px}[data-lesson-id=chord-function-basics] .lesson-card[data-step-id=context] .chord-function-context-listen-card{padding-top:36px}[data-lesson-id=power-chords] .lesson-card[data-step-id=riff-wall] .w-full.flex.flex-col.gap-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}[data-lesson-id=power-chords] .lesson-card[data-step-id=riff-wall] .w-full.flex.flex-col.gap-2>button{align-items:flex-start;flex-direction:column;gap:5px;min-width:0;padding:7px}[data-lesson-id=power-chords] .lesson-card[data-step-id=riff-wall] .w-full.flex.flex-col.gap-2>button>span:nth-child(2){flex-wrap:wrap}[data-lesson-id=chord-function-basics] .lesson-card:is([data-step-id=journey],[data-step-id=walk-journey]) .chord-function-route-stop{width:76px;height:76px}[data-lesson-id=chord-function-basics] .lesson-card:is([data-step-id=journey],[data-step-id=walk-journey]) .chord-function-route-stop>.text-3xl{font-size:21px}[data-lesson-id=chord-function-basics] .lesson-card:is([data-step-id=journey],[data-step-id=walk-journey]) .chord-function-route-stop__icon{bottom:-24px}[data-lesson-id=chord-function-basics] .lesson-card:is([data-step-id=journey],[data-step-id=walk-journey]) .chord-function-route-stop__role{margin-top:14px}[data-lesson-id=chord-function-basics] .lesson-card:is([data-step-id=journey],[data-step-id=walk-journey]) .flex.items-start.justify-center{gap:3px}[data-lesson-id=shifting-method] .lesson-card[data-step-id=numerals] .flex.items-center.gap-1\.5{width:100%;gap:6px}[data-lesson-id=shifting-method] .lesson-card[data-step-id=numerals] .pt-stagger>.w-full.flex.justify-center{margin-top:16px!important}[data-lesson-id=shifting-method] .lesson-card[data-step-id=numerals] .flex.items-center.gap-1\.5>button{flex:1 1 0%;width:auto;min-width:0;max-width:74px}:is([data-lesson-id=seventh-chords-intro],[data-lesson-id=half-diminished],[data-lesson-id=add-chords]) .lesson-intro-hero .flex.items-center.gap-3{gap:6px}:is([data-lesson-id=seventh-chords-intro],[data-lesson-id=half-diminished],[data-lesson-id=add-chords]) .lesson-intro-hero .flex.items-center.gap-3>.w-20{width:55px}:is([data-lesson-id=seventh-chords-intro],[data-lesson-id=half-diminished],[data-lesson-id=add-chords]) .lesson-intro-hero .flex.items-center.gap-2{gap:4px}:is([data-lesson-id=seventh-chords-intro],[data-lesson-id=half-diminished],[data-lesson-id=add-chords]) .lesson-intro-hero .flex.items-center.gap-2>span{width:40px;height:40px}[data-lesson-id=add-chords] .lesson-intro-hero .add-chords-intro-row{gap:10px!important}[data-lesson-id=add-chords] .lesson-intro-hero .add-chords-intro-symbol{min-width:78px}:is(.minor-key-shortcut-visual,.minor-functions-map-visual,.voice-leading-rules-visual){gap:6px}.minor-key-shortcut-visual>.w-full.flex.flex-col,.voice-leading-rules-visual>.w-full.flex.flex-col{gap:4px}.minor-key-shortcut-visual>.w-full.flex.flex-col>div,.voice-leading-rules-visual>.w-full.flex.flex-col>button{gap:7px;padding-block:6px;padding-inline:8px}.minor-functions-map-visual>.grid{-moz-column-gap:8px;column-gap:8px;row-gap:5px}[data-lesson-id=voice-leading] .lesson-card[data-step-id=common-tones] .max-w-2xl>.grid{gap:4px}[data-lesson-id=voice-leading] .lesson-card[data-step-id=common-tones] .max-w-2xl>.grid>button{align-items:center;flex-direction:row;gap:7px;padding:6px 8px;text-align:left}[data-lesson-id=voice-leading] .lesson-card[data-step-id=common-tones] .max-w-2xl>.grid>button>span:last-child{margin-left:auto;text-align:right}[data-lesson-id=progression-tips] .lesson-card[data-step-id=quick-check]{--rhythm-section: 3px;padding-block:0}[data-lesson-id=find-chords-in-minor-key] .lesson-card[data-step-id=rehome] .flex.w-full.justify-center.gap-1>div{flex:1 1 0%;min-width:0}[data-lesson-id=find-chords-in-minor-key] .lesson-card[data-step-id=rehome] .flex.w-full.justify-center.gap-1>div>button{width:100%}[data-lesson-id=find-chords-in-minor-key] .lesson-card[data-step-id=rehome] .flex.w-full.justify-center.gap-1>div>button>span{width:100%!important;min-width:0!important;padding-inline:2px}[data-lesson-id=progression-tips] .lesson-card:is([data-step-id=play-dressed],[data-step-id=play-dressed-g]) .progression-tips-dressed-row{width:100%;gap:4px}[data-lesson-id=progression-tips] .lesson-card:is([data-step-id=play-dressed],[data-step-id=play-dressed-g]) .progression-tips-dressed-row>span{flex:1 1 0%;min-width:0}[data-lesson-id=progression-tips] .lesson-card:is([data-step-id=play-dressed],[data-step-id=play-dressed-g]) .progression-tips-dressed-row>span>span:first-child{width:100%!important;min-width:0!important;padding-inline:2px}[data-lesson-id=progression-tips] .lesson-card:is([data-step-id=play-dressed],[data-step-id=play-dressed-g]) .progression-tips-dressed-row .text-2xl{font-size:18px;line-height:1.2}[data-lesson-module="5"] .lesson-card :is(.flex.items-center.justify-center,.flex.w-full.justify-center):has(>button:nth-of-type(4)){width:100%;gap:4px}[data-lesson-module="5"] .lesson-card :is(.flex.items-center.justify-center,.flex.w-full.justify-center):has(>button:nth-of-type(4))>button{flex:1 1 0%;width:auto!important;min-width:0!important;max-width:76px}[data-lesson-module="5"] .lesson-card :is(.flex.items-center.justify-center,.flex.w-full.justify-center):has(>button:nth-of-type(4))>button>span{width:100%!important;min-width:0!important;padding-inline:2px}[data-lesson-id=diatonic-minor-chords] .lesson-card[data-step-id=play-palette] .diatonic-minor-palette-row{width:100%;gap:2px}[data-lesson-id=diatonic-minor-chords] .lesson-card[data-step-id=play-palette] .diatonic-minor-palette-row>div{flex:1 1 0%;width:auto;min-width:0}[data-lesson-id=diatonic-minor-chords] .lesson-card[data-step-id=play-palette] .diatonic-minor-palette-row>span{width:4px;margin-inline:0}[data-lesson-id=diatonic-triads] .lesson-intro-hero .flex.items-end.gap-2{gap:3px}[data-lesson-id=diatonic-triads] .lesson-intro-hero .flex.items-end.gap-2>div{width:44px}[data-lesson-id=other-chords] .lesson-card[data-step-id=color-chords] .other-chords-color-visual{gap:6px}[data-lesson-id=other-chords] .lesson-card[data-step-id=color-chords] .other-chords-color-visual>.flex.items-center{gap:4px}[data-lesson-id=other-chords] .lesson-card[data-step-id=color-chords] .w-\[76px\]{width:64px;min-width:64px;height:80px}[data-lesson-id=module-boss-progressions] .lesson-intro-content{min-height:0}[data-lesson-id=module-boss-progressions] .lesson-intro-hero{margin-top:44px}:is([data-lesson-id=module-boss-chords],[data-lesson-id=module-boss-progressions]) .lesson-card [style*=--piano-incard-white-key-width]{--piano-incard-white-key-width: 23px !important;--piano-incard-white-key-height: 88px !important;--piano-incard-black-key-width: 14px !important;--piano-incard-black-key-height: 55px !important}[data-lesson-id=treble-clef-notes] .treble-lines-visual,[data-lesson-id=treble-clef-notes] .middle-c-hinge-visual,[data-lesson-id=bass-clef-notes] .lesson-card[data-step-id=lines]>.pt-stagger{gap:6px}[data-lesson-id=treble-clef-notes] .treble-lines-visual>:first-child svg,[data-lesson-id=bass-clef-notes] .lesson-card[data-step-id=lines] [class*="[&_svg]"] svg{width:auto;height:88px!important}:is([data-lesson-id=treble-clef-notes],[data-lesson-id=bass-clef-notes]) .lesson-card[data-step-id=lines] button.rounded-full{padding-block:4px;padding-inline:6px}[data-lesson-id=bass-clef-notes] .lesson-card[data-step-id=lines] .lesson-callout--boxed{padding-block:3px}[data-lesson-id=bass-clef-notes] .lesson-card[data-step-id=lines] [class*="[&_svg]"] svg{height:120px!important}[data-lesson-id=bass-clef-notes] .lesson-card[data-step-id=spaces] [class*="[&_svg]"] svg{width:auto;height:158px!important}[data-lesson-id=staff-basics] .staff-basics-ladder-visual{gap:5px}[data-lesson-id=staff-basics] .staff-basics-ladder-visual>div:first-child>div{padding-block:4px}[data-lesson-id=staff-basics] .staff-basics-ladder-visual>div:first-child svg{height:clamp(120px,calc(100vh - 580px),140px)!important;width:auto}[data-lesson-id=staff-basics] .lesson-card[data-step-id=ladder] .lesson-callout--boxed{padding-block:4px}[data-lesson-id=dynamics] .lesson-card[data-step-id=crescendo-decresc] .w-full.max-w-2xl{min-width:0;max-width:100%;gap:6px}[data-lesson-id=dynamics] .lesson-card[data-step-id=crescendo-decresc] .w-full.max-w-2xl>.flex.w-full.flex-col:not(.lesson-callout){align-items:stretch;flex-direction:row;gap:6px}[data-lesson-id=dynamics] .lesson-card[data-step-id=crescendo-decresc] .w-full.max-w-2xl>.flex.w-full.flex-col:not(.lesson-callout)>div{flex:1 1 0%;min-width:0;padding:7px 5px;text-align:center}[data-lesson-id=dynamics] .lesson-card[data-step-id=crescendo-decresc] .w-full.max-w-2xl>.flex.w-full.flex-col:not(.lesson-callout) svg{width:100%;height:auto}[data-lesson-id=dynamics] .lesson-card[data-step-id=crescendo-decresc] .lesson-callout--boxed{align-items:stretch;flex-direction:column}[data-lesson-id=dynamics] .lesson-card[data-step-id=crescendo-decresc] .lesson-callout-divider{width:100%;height:1px}[data-lesson-id=mini-sight-reading] .lesson-card[data-step-id=hook] .w-full.max-w-lg{gap:5px}[data-lesson-id=mini-sight-reading] .lesson-card[data-step-id=hook] .w-full.flex.flex-col.gap-1\.5{gap:3px}[data-lesson-id=mini-sight-reading] .lesson-card[data-step-id=hook] .w-full.flex.flex-col.gap-1\.5>div{gap:7px;padding-block:5px}[data-lesson-module="6"] .lesson-card [class*="[&_svg]:w-auto"] svg{width:100%!important;height:auto!important;max-width:100%}[data-lesson-id=accidentals] .lesson-card[data-step-id=speed-id] [class*="[&_svg]:w-auto"] svg{width:auto!important;height:clamp(100px,calc(100vh - 600px),120px)!important}[data-lesson-id=middle-c-grand-staff] .grand-staff-visual>div:first-child{width:calc(100% + 48px);max-width:none}[data-lesson-id=ledger-lines] .lesson-card:has(.ledger-lines-viewport-step:is([data-step-id=hook],[data-step-id=sprint]))>.flex.justify-center.mb-3,[data-lesson-id=ledger-lines] .ledger-lines-viewport-step:is([data-step-id=hook],[data-step-id=sprint])>div:first-child,[data-lesson-id=ledger-lines] .ledger-lines-sprint-visual>div:first-child,[data-lesson-id=reading-intervals] .lesson-card:has(.reading-intervals-viewport-step[data-step-id=hook])>.flex.justify-center.mb-3,[data-lesson-id=reading-intervals] .reading-intervals-viewport-step[data-step-id=hook]>div:first-child,[data-lesson-id=reading-intervals] .reading-intervals-step-skip-visual>div:first-child{position:relative;top:12px}[data-lesson-id=ledger-lines] .ledger-lines-viewport-step:is([data-step-id=hook],[data-step-id=sprint]) [class*="[&_svg]:w-auto"]>div{padding-bottom:0}[data-lesson-id=ledger-lines] .ledger-lines-sprint-visual [class*="[&_svg]:w-auto"]>div{max-width:clamp(280px,calc(100vh - 420px),326px);padding-top:16px}[data-lesson-id=ledger-lines] .ledger-lines-sprint-visual{gap:6px}[data-lesson-id=reading-intervals] .reading-intervals-step-skip-visual{gap:10px}[data-lesson-id=reading-intervals] .reading-intervals-step-skip-visual>.w-full>div{padding-bottom:0}[data-lesson-id=key-signatures] .lesson-card[data-step-id=fingerprint] .grid-cols-3{margin-top:14px}[data-lesson-id=key-signatures] .key-signatures-shortcut-visual,[data-lesson-id=key-signatures] .key-signatures-shortcut-visual .note-resolution-tabs{gap:8px}[data-lesson-id=key-signatures] .key-signatures-shortcut-visual>div:first-child{max-width:clamp(180px,calc(100vh - 520px),220px)}[data-lesson-id=key-signatures] .key-signatures-shortcut-visual .note-resolution-tabs>div button{height:52px!important}[data-lesson-id=key-signatures] [data-step-id=what-it-is] .key-signature-rules-visual>:first-child svg{width:auto!important;height:64px!important}[data-lesson-module="6"] .lesson-intro-hero svg{width:calc(100% - 22px);height:auto;max-width:calc(100% - 22px)}[data-lesson-id=repeats-roadmap] .lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) .w-full.max-w-lg.flex.flex-col.items-center{gap:4px}[data-lesson-id=repeats-roadmap] [data-reading-roadmap-path]{padding-block:5px}[data-lesson-id=repeats-roadmap] [data-reading-roadmap-path]>.flex.justify-center>svg{width:auto;height:88px}[data-lesson-id=repeats-roadmap] [data-reading-roadmap-path]>.mt-2\.5{gap:2px;margin-top:3px;padding-top:3px}[data-lesson-id=repeats-roadmap] .lesson-card[data-step-id=hook] [data-reading-roadmap-path]{padding-block:16px}[data-lesson-id=repeats-roadmap] .lesson-card[data-step-id=hook] [data-reading-roadmap-path]>.border-t{margin-top:12px;padding-top:12px;gap:12px}[data-lesson-id=articulation] [data-reading-articulation-card]{padding-block:7px}[data-lesson-id=articulation] svg[data-reading-articulation-strip]{width:auto;height:112px}[data-lesson-id=articulation] [data-reading-articulation-card]>.mt-2\.5{gap:2px;margin-top:3px;padding-top:3px}:is([data-lesson-id=rhythm-time-grid] .lesson-card[data-step-id=slots],[data-lesson-id=rhythm-silences-stops] .lesson-card[data-step-id=rest-family],[data-lesson-id=rhythm-musical-heartbeat] .lesson-card[data-step-id=tempo-words],[data-lesson-id=rhythm-4-4] .lesson-card[data-step-id=where],[data-lesson-id=rhythm-3-4] .lesson-card[data-step-id=where],[data-lesson-id=rhythm-2-4] .lesson-card[data-step-id=where]) :is(.w-full.max-w-lg.flex.flex-col.items-center,.w-full.flex.flex-col){gap:4px}:is([data-lesson-id=rhythm-time-grid] .lesson-card[data-step-id=slots],[data-lesson-id=rhythm-4-4] .lesson-card[data-step-id=where],[data-lesson-id=rhythm-3-4] .lesson-card[data-step-id=where],[data-lesson-id=rhythm-2-4] .lesson-card[data-step-id=where]) button.rounded-2xl.border{gap:7px;padding-block:6px;padding-inline:8px}:is([data-lesson-id=rhythm-4-4],[data-lesson-id=rhythm-3-4],[data-lesson-id=rhythm-2-4]) .lesson-card[data-step-id=where] button.rounded-2xl.border>span:first-child{width:32px;height:32px}[data-lesson-id=rhythm-silences-stops] .lesson-card[data-step-id=rest-family] .grid.max-w-sm.grid-cols-2{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}[data-lesson-id=rhythm-silences-stops] .lesson-card[data-step-id=rest-family] .grid.max-w-sm.grid-cols-2>button{align-items:center;flex-direction:column;gap:2px;padding:5px 3px;text-align:center}[data-lesson-id=rhythm-meter] .lesson-card[data-step-id=catalog] .w-full.max-w-md{gap:5px}[data-lesson-id=rhythm-meter] .lesson-card[data-step-id=catalog] .w-full.flex.flex-col{gap:4px}[data-lesson-id=rhythm-meter] .lesson-card[data-step-id=catalog] .w-full.flex.flex-col>button{gap:7px;padding-block:5px;padding-inline:8px}[data-lesson-id=rhythm-meter] .lesson-card[data-step-id=catalog] .w-full.flex.flex-col>button>span:first-child{width:40px}[data-lesson-id=circle-is-a-tool] .circle-tool-walk-it-wheel{width:180px!important}[data-lesson-id=circle-is-a-tool] .circle-tool-walk-it:has(>p.text-xs) .circle-tool-walk-it-wheel{width:148px!important}[data-lesson-id=circle-is-a-tool] .circle-tool-walk-it:has(>p.text-xs),[data-lesson-id=circle-is-a-tool] .circle-tool-walk-it:has(>p.text-xs)>.flex.w-full.flex-col>.flex.w-full.min-w-0{gap:2px!important}[data-lesson-id=circle-is-a-tool] .circle-tool-walk-it:has(>p.text-xs)>.flex.w-full.flex-col{gap:4px!important}[data-lesson-id=module-boss-circle] .lesson-card[data-step-id=m3-build-relative] [style*=--piano-incard-white-key-width]{--piano-incard-white-key-width: 23px !important;--piano-incard-white-key-height: 88px !important;--piano-incard-black-key-width: 14px !important;--piano-incard-black-key-height: 55px !important}[data-lesson-id=module-boss-circle] .lesson-card[data-step-id=finale] .circle-recital-finale .w-28{width:80px}[data-lesson-id=module-boss-circle] .lesson-card[data-step-id=finale] .circle-recital-finale .h-12.w-12{width:40px;height:40px}[data-lesson-module="8"] .lesson-card .w-full.max-w-lg.flex.flex-col.items-center,[data-lesson-module="8"] .lesson-card .w-full.max-w-md.flex.flex-col.items-center{gap:5px}[data-lesson-module="8"] .lesson-card button.rounded-xl.border{padding-block:6px}}@media (max-width: 430px) and (max-height: 900px){[data-lesson-module="1"] .lesson-card[data-step-id=find-c-and-f]{--rhythm-section: 4px;padding-block:0}[data-lesson-module="1"] .lesson-card[data-step-id=find-c-and-f] .lesson-callout--boxed{padding-block:3px}[data-lesson-id=hearing-the-notes] .lesson-card[data-step-id=tap-white]{--rhythm-section: 4px;padding-block:0}[data-lesson-id=hearing-the-notes] .lesson-card[data-step-id=tap-white] .hearing-note-tabs{gap:4px}[data-lesson-id=hearing-the-notes] .lesson-card[data-step-id=tap-white] .hearing-note-tabs button{width:48px;height:48px}[data-lesson-id=hearing-the-notes] .lesson-card[data-step-id=tap-white] .hearing-listening-orb{gap:5px}[data-lesson-id=hearing-the-notes] .lesson-card[data-step-id=tap-white] .hearing-listening-orb-button{width:74px!important;height:74px!important}[data-lesson-id=hearing-the-notes] .lesson-card[data-step-id=tap-white] .hearing-listening-orb-button>div{width:54px!important;height:54px!important}[data-lesson-id=half-steps] .lesson-card[data-step-id=enharmonic-spellings]{--rhythm-section: 4px;padding-block:0}[data-lesson-id=half-steps] .lesson-card[data-step-id=enharmonic-spellings] .lesson-callout--boxed{padding-block:2px}[data-lesson-id=whole-steps] .lesson-card[data-step-id=color-rule]{--rhythm-section: 4px;padding-block:0}[data-lesson-id=whole-steps] .lesson-card[data-step-id=color-rule] .lesson-callout--boxed{padding-block:2px}[data-lesson-id=whole-steps] .lesson-card[data-step-id=listen]{--rhythm-section: 4px;padding-block:0}[data-lesson-id=whole-steps] .lesson-card[data-step-id=listen] button[aria-label*="whole-tone walk"]{gap:5px;padding-block:7px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=home-every-octave] .lesson-card-title{font-size:24px;line-height:1.05}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=home-every-octave] .lesson-card-subtitle{font-size:13px;line-height:1.25}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=home-every-octave] .what-is-key-home-octave-tabs{width:100%;max-width:318px;gap:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=home-every-octave] .what-is-key-home-octave-tabs>.h-11{width:38px;height:48px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=home-every-octave] .lesson-callout--boxed{gap:8px;padding-block:10px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=home-every-octave] .lesson-callout-body{font-size:13px;line-height:1.35}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=hear-the-home] .what-is-key-hear-home{gap:12px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=hear-the-home] .what-is-key-hear-home-card{gap:10px;padding-block:16px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=hear-the-home] .what-is-key-hear-home>p{margin-top:0;font-size:13px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=hear-the-home] .what-is-key-hear-home>.grid{gap:12px}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=summary] .chromatic-summary-recap>*{gap:7px;padding:5px 7px}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=summary] .chromatic-summary-recap>*>span:first-child{width:28px;height:28px}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=summary] .chromatic-summary-recap p{margin-top:1px;font-size:12px;line-height:1.2}[data-lesson-id=major-vs-minor] .lesson-card[data-step-id=listening-quiz] .major-minor-listening-quiz{gap:7px}[data-lesson-id=major-vs-minor] .lesson-card[data-step-id=listening-quiz] .major-minor-listening-play{width:58px;height:58px}[data-lesson-id=major-vs-minor] .lesson-card[data-step-id=listening-quiz] .major-minor-listening-play>svg{width:24px;height:24px}[data-lesson-id=major-vs-minor] .lesson-card[data-step-id=listening-quiz] .major-minor-listening-quiz>span{margin-top:0;font-size:12px}[data-lesson-id=major-vs-minor] .lesson-card[data-step-id=listening-quiz] .major-minor-listening-options{gap:6px}[data-lesson-id=major-vs-minor] .lesson-card[data-step-id=listening-quiz] .major-minor-listening-options>button{gap:6px;padding:7px 8px}[data-lesson-id=major-vs-minor] .lesson-card[data-step-id=listening-quiz] .major-minor-listening-options>button>span:first-of-type{width:30px;height:30px}[data-lesson-id=major-vs-minor] .lesson-card[data-step-id=why-eb] .major-minor-why-eb-visual{gap:3px;padding-block:4px}[data-lesson-id=major-vs-minor] .lesson-card[data-step-id=why-eb] .major-minor-third-piano{gap:5px}[data-lesson-id=major-vs-minor] .lesson-card[data-step-id=why-eb] .major-minor-third-piano .piano-surface-shadow{height:96px!important}[data-lesson-module="3"] .lesson-card[data-step-id=why-eb]{--rhythm-section: 4px;padding-block:0}[data-lesson-module="3"] .lesson-card[data-step-id=why-eb] .pt-stagger>.w-full.flex.justify-center{margin-top:2px!important}[data-lesson-module="3"] .lesson-card[data-step-id=why-eb] .lesson-callout--boxed{padding-block:2px}[data-lesson-id=natural-minor-pattern] .lesson-card[data-step-id=melody-example] .w-full.max-w-lg.mx-auto.flex.flex-col{gap:4px}[data-lesson-id=natural-minor-pattern] .lesson-card[data-step-id=melody-example] .w-full.max-w-lg.mx-auto.flex.flex-col>button{gap:6px;padding-block:4px}[data-lesson-id=natural-minor-pattern] .lesson-card[data-step-id=melody-example] .lesson-callout--boxed{padding-block:3px}[data-lesson-id=build-major-scale] .lesson-card[data-step-id=why-accidentals] .build-major-why-accidentals-visual>p:first-child{display:none}[data-lesson-id=build-major-scale] .lesson-card[data-step-id=why-accidentals] .build-major-why-accidentals-visual>button{gap:3px;padding:3px 2px}[data-lesson-id=build-major-scale] .lesson-card[data-step-id=why-accidentals] .lesson-callout--boxed{padding-block:3px}[data-lesson-id=natural-minor-pattern] .lesson-card[data-step-id=fingering] .natural-minor-fingering-map .sm\:hidden>.flex{gap:2px}[data-lesson-id=natural-minor-pattern] .lesson-card[data-step-id=fingering] .natural-minor-fingering-map .sm\:hidden>.flex>div{gap:2px}[data-lesson-id=natural-minor-pattern] .lesson-card[data-step-id=fingering] .natural-minor-fingering-map .sm\:hidden .flex.items-end>div{gap:3px}[data-lesson-id=natural-minor-pattern] .lesson-card[data-step-id=fingering] .natural-minor-fingering-map .sm\:hidden .h-9.w-9{width:31px;height:31px}[data-lesson-id=natural-minor-pattern] .lesson-card[data-step-id=fingering] .natural-minor-fingering-visual>.grid:last-child>div{padding-block:2px}[data-lesson-id=intro-to-chords] .lesson-card[data-step-id=module-arc] .intro-chords-module-arc>button{gap:7px;padding:9px}[data-lesson-id=intro-to-chords] .lesson-card[data-step-id=module-arc] .intro-chords-family-card__header{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:start;-moz-column-gap:8px;column-gap:8px;row-gap:5px}[data-lesson-id=intro-to-chords] .lesson-card[data-step-id=module-arc] .intro-chords-family-card__order{grid-column:1;grid-row:1 / span 2;width:28px;height:28px}[data-lesson-id=intro-to-chords] .lesson-card[data-step-id=module-arc] .intro-chords-family-card__title,[data-lesson-id=intro-to-chords] .lesson-card[data-step-id=module-arc] .intro-chords-family-card__symbol{grid-column:2;min-width:0}[data-lesson-id=intro-to-chords] .lesson-card[data-step-id=module-arc] .intro-chords-family-card__title{grid-row:1;overflow-wrap:normal}[data-lesson-id=intro-to-chords] .lesson-card[data-step-id=module-arc] .intro-chords-family-card__symbol{grid-row:2;justify-self:start;padding:2px 7px;border-radius:999px}[data-lesson-id=intro-to-chords] .lesson-card[data-step-id=module-arc] .intro-chords-family-card__note{height:28px;min-width:28px;padding-inline:7px}[data-lesson-id=triads-foundation] .lesson-card[data-step-id=family-map] .triads-family-map-visual{gap:8px}[data-lesson-id=triads-foundation] .lesson-card[data-step-id=family-map] .pt-stagger{padding-top:6px}[data-lesson-id=triads-foundation] .lesson-card[data-step-id=family-map] .triads-family-map-heading{gap:10px!important}[data-lesson-module="4"][data-lesson-id=triads-foundation] .lesson-card[data-step-id=family-map] .pt-stagger>.triads-family-map-slot{margin-top:16px!important}[data-lesson-id=triads-foundation] .lesson-card[data-step-id=jobs] .pt-stagger>.w-full.flex.justify-center{margin-top:16px!important}[data-lesson-id=triads-foundation] .lesson-card[data-step-id=triad-or-not] .triads-candidate-play{width:32px;height:32px;border-radius:12px}[data-lesson-id=triads-foundation] .lesson-card[data-step-id=family-map] .triads-family-map-visual>.w-full.flex.flex-col{gap:6px}[data-lesson-id=triads-foundation] .lesson-card[data-step-id=family-map] .triads-family-map-visual>.w-full.flex.flex-col>button{gap:5px;padding:3px 6px}[data-lesson-id=triads-foundation] .lesson-card[data-step-id=family-map] .triads-family-map-visual>.w-full.flex.flex-col>button>span:first-child{width:42px;height:30px;font-size:16px}[data-lesson-id=triads-foundation] .lesson-card[data-step-id=family-map] .triads-family-map-visual .lesson-callout--boxed{padding-block:3px}[data-lesson-id=diminished-augmented] .lesson-card[data-step-id=who-lives-here] .dim-aug-resident-visual{gap:4px}[data-lesson-id=diminished-augmented] .lesson-card[data-step-id=who-lives-here] .dim-aug-resident-visual>.w-full.flex.flex-col{gap:4px}[data-lesson-id=diminished-augmented] .lesson-card[data-step-id=who-lives-here] .dim-aug-resident-visual>.w-full.flex.flex-col>button{gap:7px;padding:5px 7px}[data-lesson-id=diminished-augmented] .lesson-card[data-step-id=who-lives-here] .dim-aug-resident-visual .lesson-callout--boxed{padding-block:3px}[data-lesson-id=diminished-augmented] .lesson-card[data-step-id=who-lives-here] .lesson-card-title{font-size:24px;line-height:1.04}[data-lesson-id=diminished-augmented] .lesson-card[data-step-id=who-lives-here] .lesson-card-subtitle{font-size:12px;line-height:1.18}[data-lesson-id=diminished-augmented] .lesson-card[data-step-id=who-lives-here] .dim-aug-resident-visual>.w-full.flex.flex-col>button>span:first-child{width:28px;height:28px}[data-lesson-id=diminished-augmented] .lesson-card[data-step-id=who-lives-here] .dim-aug-resident-visual>.w-full.flex.flex-col>button .text-\[12px\]{font-size:11px;line-height:1.15}[data-lesson-id=diminished-augmented] .lesson-card[data-step-id=who-lives-here] .dim-aug-resident-visual .lesson-callout-body{font-size:11px;line-height:1.18}[data-lesson-id=roman-numerals] .lesson-card[data-step-id=reverse]{--rhythm-tight: 8px}[data-lesson-id=roman-numerals] .lesson-card[data-step-id=reverse] .pt-stagger>.w-full.flex.justify-center{margin-top:16px!important}[data-lesson-id=roman-numerals] .lesson-card[data-step-id=reverse] .roman-numerals-reverse-visual{gap:12px}[data-lesson-id=roman-numerals] .lesson-card[data-step-id=reverse] .roman-numerals-reverse-visual>.grid{grid-template-columns:minmax(0,1fr);gap:10px}[data-lesson-id=roman-numerals] .lesson-card[data-step-id=reverse] .roman-numerals-reverse-visual>.grid>button{gap:6px;padding-block:10px}[data-lesson-id=roman-numerals] .lesson-card[data-step-id=reverse] .roman-numerals-reverse-visual>.grid>button>.flex{flex-wrap:nowrap;-moz-column-gap:4px;column-gap:4px;font-size:17px;line-height:1.2}[data-lesson-id=roman-numerals] .lesson-card[data-step-id=reverse] .roman-numerals-reverse-visual>.grid>button>span:not(.flex){font-size:13px;line-height:1.3}[data-lesson-id=major-vs-minor-functions] .lesson-card[data-step-id=quick-check] .minor-functions-quiz-visual{gap:5px}[data-lesson-id=major-vs-minor-functions] .lesson-card[data-step-id=quick-check] .minor-functions-quiz-visual>p{font-size:12px;line-height:1.2}[data-lesson-id=major-vs-minor-functions] .lesson-card[data-step-id=quick-check] .lesson-audio-listen-row{padding-block:6px}[data-lesson-id=progression-tips] .lesson-card[data-step-id=tip-sevenths] .progression-sevenths-visual{gap:5px}[data-lesson-id=progression-tips] .lesson-card[data-step-id=tip-sevenths] .progression-sevenths-visual .lesson-callout--boxed{padding-block:3px}:is([data-lesson-module="3"],[data-lesson-module="4"],[data-lesson-module="5"],[data-lesson-module="6"]) .lesson-card-title{font-size:24px;line-height:1.08}:is([data-lesson-module="3"],[data-lesson-module="4"],[data-lesson-module="5"],[data-lesson-module="6"]) .lesson-card-subtitle{font-size:14px;line-height:1.26}:is([data-lesson-module="3"],[data-lesson-module="4"],[data-lesson-module="5"],[data-lesson-module="6"]) .lesson-card:not([data-step-id=intro-bridge]){--rhythm-tight: 3px;--rhythm-snug: 3px;--rhythm-section: 4px;--rhythm-major: 7px;padding-block:0}:is([data-lesson-module="3"],[data-lesson-module="4"],[data-lesson-module="5"],[data-lesson-module="6"]) .pt-stagger>.w-full.flex.justify-center{margin-top:2px!important}:is([data-lesson-module="3"],[data-lesson-module="4"],[data-lesson-module="5"],[data-lesson-module="6"]) .lesson-callout--boxed{padding-block:3px}[data-lesson-id=examples-of-keys] .lesson-card[data-step-id=chords-from-key] .examples-chords-from-key{gap:4px}[data-lesson-id=examples-of-keys] .lesson-card[data-step-id=chords-from-key] .examples-chords-from-key>.flex.flex-col.items-center{gap:2px}[data-lesson-id=examples-of-keys] .lesson-card[data-step-id=chords-from-key] .examples-chords-from-key-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}[data-lesson-id=examples-of-keys] .lesson-card[data-step-id=chords-from-key] .examples-chords-from-key-grid>button{min-width:0;gap:3px;padding:5px 2px}[data-lesson-id=examples-of-keys] .lesson-card[data-step-id=chords-from-key] .examples-chords-from-key-grid .piano-tier-compact{--piano-incard-white-key-width: 11px;--piano-incard-white-key-height: 36px;--piano-incard-black-key-width: 7px;--piano-incard-black-key-height: 23px}[data-lesson-id=examples-of-keys] .lesson-card[data-step-id=chords-from-key] .examples-chords-from-key>p{font-size:11px;line-height:1.18}[data-lesson-id=key-signatures] .lesson-card[data-step-id=relative-minor] .key-signatures-relative-minor-visual{gap:4px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=relative-minor] .key-signatures-relative-minor-visual>span:first-child{padding:2px 8px;font-size:10px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=relative-minor] .key-signatures-relative-minor-visual>.max-w-\[260px\] svg{height:96px!important}[data-lesson-id=key-signatures] .lesson-card[data-step-id=relative-minor] .key-signatures-relative-minor-visual>.grid{gap:5px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=relative-minor] .key-signatures-relative-minor-visual>.lesson-callout--boxed{margin-top:12px}[data-lesson-id=key-signatures] .lesson-card[data-step-id=relative-minor] .key-signatures-relative-minor-visual>.grid>button{gap:3px;padding-block:7px}[data-lesson-id=ledger-lines] .lesson-card[data-step-id=rungs] .ledger-lines-rungs-visual{gap:4px}[data-lesson-id=ledger-lines] .lesson-card[data-step-id=rungs] .ledger-lines-rungs-visual>.inline-flex{gap:0;padding:3px}[data-lesson-id=ledger-lines] .lesson-card[data-step-id=rungs] .ledger-lines-rungs-visual>.inline-flex button{padding:4px 6px;font-size:10px}[data-lesson-id=ledger-lines] .lesson-card[data-step-id=rungs] .ledger-lines-rungs-visual>.w-full svg{height:112px!important}[data-lesson-id=ledger-lines] .lesson-card[data-step-id=rungs] .ledger-lines-rungs-visual .lesson-caption{font-size:11px;line-height:1.18}[data-lesson-id=articulation] .lesson-card[data-step-id=read-it] .articulation-read-it-visual{gap:4px}[data-lesson-id=articulation] .lesson-card[data-step-id=read-it] .articulation-read-it-visual>.rounded-2xl svg{height:82px!important}[data-lesson-id=articulation] .lesson-card[data-step-id=read-it] .articulation-read-it-visual>p{font-size:13px}[data-lesson-id=articulation] .lesson-card[data-step-id=read-it] :is(.multiple-choice-quiz,.lesson-answer-grid){gap:4px}[data-lesson-id=reading-chords] .lesson-card[data-step-id=inversion] .reading-chords-inversion-visual{gap:4px}[data-lesson-id=reading-chords] .lesson-card[data-step-id=inversion] .reading-chords-inversion-visual>.inline-flex{padding:3px}[data-lesson-id=reading-chords] .lesson-card[data-step-id=inversion] .reading-chords-inversion-visual>.inline-flex button{padding:4px 10px}[data-lesson-id=reading-chords] .lesson-card[data-step-id=inversion] .reading-chords-inversion-visual>.max-w-md{padding:5px 8px}[data-lesson-id=reading-chords] .lesson-card[data-step-id=inversion] .reading-chords-inversion-visual>.max-w-md>.w-full svg{height:74px!important}[data-lesson-id=reading-chords] .lesson-card[data-step-id=inversion] .reading-chords-inversion-visual>p{font-size:12px}[data-lesson-id=reading-chords] .lesson-card[data-step-id=inversion] .multiple-choice-quiz,[data-lesson-id=find-chords-in-key] .lesson-card[data-step-id=shortcut] .find-chords-key-shortcut-visual{gap:4px}[data-lesson-id=find-chords-in-key] .lesson-card[data-step-id=shortcut] .find-chords-key-shortcut-visual>.grid{gap:4px}[data-lesson-id=find-chords-in-key] .lesson-card[data-step-id=shortcut] .find-chords-key-shortcut-visual>.grid>button{gap:6px;padding-block:3px}[data-lesson-id=find-chords-in-key] .lesson-card[data-step-id=shortcut] .find-chords-key-shortcut-visual .piano-tier-compact{--piano-incard-white-key-width: 12px;--piano-incard-white-key-height: 38px;--piano-incard-black-key-width: 8px;--piano-incard-black-key-height: 24px}[data-lesson-id=voice-leading] .lesson-card[data-step-id=common-tones] .voice-leading-common-tones-visual{gap:3px}[data-lesson-id=voice-leading] .lesson-card[data-step-id=common-tones] .voice-leading-common-tones-visual>.grid{gap:4px}[data-lesson-id=voice-leading] .lesson-card[data-step-id=common-tones] .voice-leading-common-tones-visual>.grid>button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;padding:4px 7px}[data-lesson-id=voice-leading] .lesson-card[data-step-id=common-tones] .voice-leading-common-tones-visual .relative.flex.flex-col{height:52px;min-width:44px}[data-lesson-id=voice-leading] .lesson-card[data-step-id=common-tones] .voice-leading-common-tones-visual>.grid>button>span{font-size:10px}[data-lesson-id=other-chords] .lesson-card[data-step-id=color-chords] .other-chords-color-visual{gap:4px}[data-lesson-id=other-chords] .lesson-card[data-step-id=color-chords] .other-chords-color-visual .relative.flex.flex-col.h-\[92px\]{height:64px}[data-lesson-id=other-chords] .lesson-card[data-step-id=color-chords] .other-chords-color-caption{min-height:24px;font-size:11px;line-height:1.15}[data-lesson-id=module-boss-scale] .lesson-card[data-step-id=m1-chromatic-build] [style*=--piano-incard-white-key-width]{--piano-incard-white-key-width: 25px !important;--piano-incard-white-key-height: 80px !important;--piano-incard-black-key-width: 15px !important;--piano-incard-black-key-height: 50px !important}[data-lesson-id=chord-construction] .lesson-intro-hero .flex.items-end.gap-2{gap:4px}[data-lesson-id=chord-construction] .chord-construction-intro-hero{padding-top:14px}[data-lesson-id=chord-construction] .chord-construction-step>div:first-child{gap:8px!important}[data-lesson-id=chord-construction] .chord-construction-step>.w-full.flex.justify-center{margin-top:16px!important}[data-lesson-module="7"] .rhythm-where-visual>.w-full.flex.flex-col{gap:3px}[data-lesson-module="7"] .rhythm-where-visual>.w-full.flex.flex-col>button{gap:7px;padding:5px 7px}[data-lesson-module="7"] .rhythm-fillings-visual>.flex.w-full.flex-col{gap:8px}[data-lesson-module="7"] .rhythm-fillings-visual>.flex.w-full.flex-col>button{gap:12px;padding:11px 14px}[data-lesson-module="7"] .rhythm-where-visual>.w-full.flex.flex-col>button>span:first-child{width:30px;height:30px}[data-lesson-module="7"] .rhythm-where-visual>.w-full.flex.flex-col>button>span:first-child>svg{width:16px;height:16px}[data-lesson-module="7"] :is(.rhythm-where-visual,.rhythm-fillings-visual) .text-\[15px\]{font-size:13px}[data-lesson-module="7"] :is(.rhythm-where-visual,.rhythm-fillings-visual) .text-\[12px\]{font-size:11px;line-height:1.15}[data-lesson-module="7"] .rhythm-fillings-visual .lesson-callout--boxed{padding-block:3px}[data-lesson-id=circle-progressions] .circle-progressions-transpose-visual{gap:4px}[data-lesson-id=circle-progressions] .circle-progressions-transpose-visual>div:first-child{padding:4px}[data-lesson-id=circle-progressions] .circle-progressions-transpose-visual>div:first-child>button{padding-block:4px}[data-lesson-id=circle-progressions] .lesson-card[data-step-id=full-loop] .lesson-circle-of-fifths{width:236px!important}[data-lesson-id=circle-progressions] .lesson-card[data-step-id=built-by-5ths] .circle-progressions-fifths-visual{gap:4px}[data-lesson-id=circle-progressions] .lesson-card[data-step-id=built-by-5ths] .circle-progressions-fifths-visual>div:first-child{gap:4px}[data-lesson-id=circle-progressions] .lesson-card[data-step-id=built-by-5ths] .circle-progressions-fifths-visual>div:first-child>button{padding:4px 9px;font-size:11px}[data-lesson-id=circle-progressions] .lesson-card[data-step-id=built-by-5ths] .lesson-circle-of-fifths{width:196px!important}:is([data-lesson-module="7"],[data-lesson-module="8"]) .lesson-card-title{font-size:24px;line-height:1.08}:is([data-lesson-module="7"],[data-lesson-module="8"]) .lesson-card-subtitle{font-size:14px;line-height:1.28}:is([data-lesson-module="7"],[data-lesson-module="8"]) .lesson-card:not([data-step-id=intro-bridge]){--rhythm-tight: 3px;--rhythm-snug: 3px;--rhythm-section: 3px;--rhythm-major: 6px;padding-block:0}:is([data-lesson-module="7"],[data-lesson-module="8"]) .pt-stagger>.w-full.flex.justify-center{margin-top:2px!important}:is([data-lesson-module="7"],[data-lesson-module="8"]) .lesson-callout--boxed{padding-block:3px}[data-lesson-id=rhythm-time-grid] .lesson-card[data-step-id=slots] .w-full.max-w-lg.flex.flex-col.items-center>span:first-child{display:none}[data-lesson-id=rhythm-time-grid] .lesson-card[data-step-id=slots] .w-full.max-w-lg.flex.flex-col.items-center>.w-full.flex.flex-col{gap:3px}[data-lesson-id=rhythm-time-grid] .lesson-card[data-step-id=slots] .w-full.flex.flex-col>button{gap:6px;padding:4px 6px;border-radius:12px}[data-lesson-id=rhythm-time-grid] .lesson-card[data-step-id=slots] .w-full.flex.flex-col>button>span:first-child{width:30px;height:30px}[data-lesson-id=rhythm-time-grid] .lesson-card[data-step-id=slots] .w-full.flex.flex-col>button .text-\[14px\]{font-size:13px}[data-lesson-id=rhythm-time-grid] .lesson-card[data-step-id=slots] .w-full.flex.flex-col>button .text-\[12px\]{font-size:11px;line-height:1.18}[data-lesson-id=rhythm-time-grid] .lesson-card[data-step-id=slots] .lesson-callout--boxed{padding-block:1px}[data-lesson-id=rhythm-time-grid] .lesson-card[data-step-id=split] .h-\[58px\].overflow-hidden{overflow:visible}[data-lesson-id=rhythm-silences-stops] .lesson-card[data-step-id=rest-family] .text-\[8px\][class*=tracking-]{font-size:7px;letter-spacing:.08em}[data-lesson-id=rhythm-musical-heartbeat] .lesson-card[data-step-id=tempo-words] button>span:last-child{display:none}[data-lesson-id=rhythm-musical-heartbeat] .lesson-card[data-step-id=tempo-words] .grid>button{gap:2px;padding:6px 8px}[data-lesson-id=rhythm-swing-straight] .lesson-card[data-step-id=how-it-works] .grid.w-full{grid-template-columns:repeat(2,minmax(0,1fr))}[data-lesson-id=rhythm-swing-straight] .lesson-card[data-step-id=how-it-works] .grid.w-full button{padding-block:7px}[data-lesson-id=rhythm-swing-straight] .lesson-card[data-step-id=how-it-works] .grid.w-full p{font-size:11px;line-height:1.18}[data-lesson-id=circle-of-fourths] .lesson-card[data-step-id=walk-it] .lesson-circle-of-fifths{width:min(70vw,clamp(160px,calc(100dvh - 490px),248px))!important}[data-lesson-id=circle-of-fourths] .lesson-card[data-step-id=walk-it]:has(p.text-xs) .lesson-circle-of-fifths{width:min(70vw,clamp(160px,calc(100dvh - 522px),216px))!important}[data-lesson-id=circle-of-fourths] .lesson-card[data-step-id=walk-it] button.rounded-xl{padding:6px 14px}[data-lesson-id=circle-relative-keys] .lesson-card[data-step-id=walk-it] .lesson-circle-of-fifths{width:145px!important}[data-lesson-id=circle-relative-keys] .lesson-card[data-step-id=walk-it] .flex.min-w-0.flex-1.flex-col>button{gap:5px;padding:5px 6px}[data-lesson-id=circle-modulation] .circle-modulation-planning{gap:2px!important}[data-lesson-id=circle-modulation] .lesson-card[data-step-id=walk-it]>.pt-stagger>.w-full.flex.justify-center>.w-full.max-w-md{display:grid;grid-template-columns:148px minmax(0,1fr);align-items:center;gap:3px 7px}[data-lesson-id=circle-modulation] .lesson-card[data-step-id=walk-it] .circle-modulation-walk-wheel{grid-column:1;grid-row:2 / span 3;width:148px}[data-lesson-id=circle-modulation] .lesson-card[data-step-id=walk-it] .w-full.max-w-md>:first-child{grid-column:1 / -1}[data-lesson-id=circle-modulation] .lesson-card[data-step-id=walk-it] .w-full.max-w-md>.lesson-card-subtitle,[data-lesson-id=circle-modulation] .lesson-card[data-step-id=walk-it] .w-full.max-w-md>.multiple-choice-quiz,[data-lesson-id=circle-modulation] .lesson-card[data-step-id=walk-it] .w-full.max-w-md>p:last-child{grid-column:2}[data-lesson-id=circle-modulation] .lesson-card[data-step-id=walk-it] .multiple-choice-quiz{gap:3px}[data-lesson-id=circle-modulation] .lesson-card[data-step-id=walk-it] .multiple-choice-quiz [data-lesson-answer]{min-height:36px;gap:5px;padding:4px 5px;font-size:11px;line-height:1.15}[data-lesson-id=circle-is-a-tool] .circle-tool-walk-it{gap:4px}[data-lesson-id=circle-is-a-tool] .circle-tool-walk-it>.flex.w-full.flex-col{flex-direction:column;align-items:center;gap:8px}[data-lesson-id=circle-is-a-tool] .circle-tool-walk-it-wheel{width:180px!important}[data-lesson-id=circle-is-a-tool] .circle-tool-walk-it>.flex.w-full.flex-col>.flex.w-full.min-w-0{gap:4px}[data-lesson-id=circle-is-a-tool] .circle-tool-walk-it>.flex.w-full.flex-col p{font-size:12px;line-height:1.2}[data-lesson-id=bass-clef-notes] .lesson-card[data-step-id=name-it] .bass-clef-viewport-step{--rhythm-section: 4px}[data-lesson-id=bass-clef-notes] .lesson-card[data-step-id=name-it] .\[\&_svg\]\:h-\[128px\] svg{height:102px!important}[data-lesson-id=reading-chords] .lesson-card[data-step-id=snowman]{--rhythm-section: 4px;padding-block:0}[data-lesson-id=reading-chords] .lesson-card[data-step-id=snowman] .w-full.max-w-lg.flex.flex-col{gap:4px}[data-lesson-id=reading-chords] .lesson-card[data-step-id=snowman] .w-full.max-w-lg.flex.flex-col button{gap:6px;padding-block:7px}[data-lesson-id=reading-chords] .lesson-card[data-step-id=snowman] .lesson-callout--boxed{padding-block:3px}}@media (max-width: 767px) and (max-height: 700px){.lesson-piano-console{min-height:50px}.lesson-footer-piano-frame,.dark .lesson-footer-piano-frame{height:88px}.lesson-subtitle-slot{min-height:22px}.lesson-intro-topbar{padding-block:7px}.lesson-intro-content{gap:8px;padding-block:4px}.lesson-intro-copy{gap:4px}.lesson-intro-title{font-size:clamp(27px,8vw,32px)}.lesson-intro-description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:13px;line-height:1.25}.lesson-intro-caption{min-height:32px}.lesson-intro-actions{gap:4px;padding-bottom:max(5px,env(safe-area-inset-bottom))}.lesson-intro-actions>button:first-child{padding-block:8px}.lesson-intro-cover .lesson-intro-actions>:not(button:first-child){display:inline-flex;justify-content:center;max-width:100%;min-height:24px;font-size:12px;line-height:1.35;text-align:center}.lesson-intro-cover .lesson-intro-actions>:not(button:first-child)>svg{flex-shrink:0}[data-lesson-module="2"]:not([data-lesson-id=musical-intervals]):not([data-lesson-id=what-is-interval]):not([data-lesson-id^=module-boss-]) .lesson-intro-hero{max-height:150px;flex-basis:150px;overflow:visible}[data-lesson-module="2"]:not([data-lesson-id=musical-intervals]):not([data-lesson-id=what-is-interval]):not([data-lesson-id^=module-boss-]) .lesson-intro-hero>.lesson-intro-hero-fit{scale:.72}[data-lesson-module="2"]:not([data-lesson-id=musical-intervals]):not([data-lesson-id=what-is-interval]):not([data-lesson-id^=module-boss-]) .lesson-intro-hero:has(.module2-interval-intro-hook){max-height:180px;flex-basis:180px}[data-lesson-module="2"]:not([data-lesson-id=musical-intervals]):not([data-lesson-id=what-is-interval]):not([data-lesson-id^=module-boss-]) .lesson-intro-hero:has(.module2-interval-intro-hook)>.lesson-intro-hero-fit{scale:.9}[data-lesson-id=tritone] .tritone-compare-grid{gap:8px}[data-lesson-id=tritone] .tritone-compare-grid .lesson-interval-square-card{padding:10px 4px;--piano-incard-white-key-width-compact: 12px;--piano-incard-black-key-width-compact: 8px}[data-lesson-id=tritone] .tritone-compare-tab{min-height:26px;padding:3px 2px;gap:3px}[data-lesson-id=tritone] .tritone-compare-tab>svg{width:12px;height:12px}[data-lesson-id=musical-intervals] .lesson-intro-hero{max-height:176px;flex-basis:176px}[data-lesson-id=musical-intervals] .lesson-intro-hero>.lesson-intro-hero-fit{scale:.9}[data-lesson-id=musical-intervals] .musical-intervals-intro-hook{padding-block:4px}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .melodic-harmonic-more-grid+.lesson-callout--boxed{padding-block:1px}[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .pt-stagger>.w-full.flex.justify-center{margin-top:2px!important}[data-lesson-id=circle-is-a-tool] .circle-tool-walk-it{gap:4px}[data-lesson-id=circle-is-a-tool] .circle-tool-walk-it>.flex.w-full.flex-col{flex-direction:column;align-items:center;gap:8px}[data-lesson-id=circle-is-a-tool] .circle-tool-walk-it-wheel{width:160px!important}[data-lesson-id=circle-is-a-tool] .circle-tool-walk-it:has(>p.text-xs) .circle-tool-walk-it-wheel{width:136px!important}[data-lesson-id=circle-is-a-tool] .circle-tool-walk-it>.flex.w-full.flex-col>.flex.w-full.min-w-0{gap:4px}[data-lesson-id=circle-is-a-tool] .circle-tool-walk-it>.flex.w-full.flex-col p{font-size:12px;line-height:1.2}[data-lesson-id=circle-is-a-tool] .circle-tool-walk-it button.rounded-xl.border{gap:6px;padding:4px 7px}[data-lesson-id=circle-is-a-tool] .circle-tool-walk-it button.rounded-xl.border>span:last-child{font-size:12px;line-height:1.15}}@media (max-width: 767px){.lesson-intro--recital .lesson-intro-content{gap:10px;padding:8px 16px 6px}.lesson-intro--recital .lesson-intro-copy{gap:6px}.lesson-intro--recital .lesson-intro-hero{flex:0 0 auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}.lesson-intro--recital .lesson-intro-hero>.lesson-intro-hero-fit{width:100%;max-width:none!important;scale:1!important;transform:none!important}.lesson-intro--recital .lesson-intro-aside{width:100%;max-width:398px}.lesson-intro--recital .lesson-intro-aside>div{display:grid!important;width:100%;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;gap:5px!important}.lesson-intro--recital .lesson-intro-aside>div>*{display:flex!important;min-width:0!important;min-height:58px;align-items:center!important;justify-content:flex-start!important;gap:5px!important;padding:6px 5px!important;border-radius:13px!important}.lesson-intro--recital .lesson-intro-aside>div>*>span:first-child{width:26px!important;height:26px!important}.lesson-intro--recital .lesson-intro-aside>div>*>span:first-child svg{width:14px!important;height:14px!important}.lesson-intro--recital .lesson-intro-aside>div>*>span:last-child{min-width:0;text-align:left}.lesson-intro--recital .lesson-intro-aside>div>*>span:last-child>span:first-child{overflow-wrap:anywhere;font-size:11px!important;line-height:1.05!important}.lesson-intro--recital .lesson-intro-aside>div>*>span:last-child>span:last-child{overflow-wrap:anywhere;font-size:9px!important;line-height:1.1!important}}@media (max-width: 767px) and (max-height: 715px){.lesson-intro--recital .lesson-intro-hero>.lesson-intro-hero-fit{margin-block:-13px;scale:.9!important;transform:none!important}}@media (max-width: 767px){:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m2-half-or-whole]{--rhythm-snug: 4px;--rhythm-section: 6px;padding-block:4px}:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m2-half-or-whole] [style*=--piano-incard-white-key-width]{--piano-incard-white-key-width: 28px !important;--piano-incard-white-key-height: 80px !important;--piano-incard-black-key-width: 17px !important;--piano-incard-black-key-height: 49px !important}:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m2-half-or-whole] .w-full.flex.flex-col.items-center.gap-5{gap:6px}:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m2-half-or-whole] .lesson-binary-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m2-half-or-whole] .lesson-binary-answer-card{min-height:82px;gap:7px;padding:8px}:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m2-half-or-whole] .lesson-binary-answer-icon{width:34px;height:34px;flex:0 0 34px}:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m2-half-or-whole] .lesson-binary-answer-title{font-size:15px;line-height:1.12}:is([data-lesson-id=module-boss-keyboard],[data-lesson-id=fundamentals-of-piano-recital]) .lesson-card[data-step-id=m2-half-or-whole] .lesson-binary-answer-subtitle{font-size:12px;line-height:1.2}}@media (max-width: 767px){.recital-complete-shell{overflow-x:hidden}.recital-complete-shell .lesson-complete-layout{width:100%;max-width:100%;padding:8px 10px 18px;overflow-x:hidden}.recital-complete-shell .lesson-complete-content{min-width:0;max-width:100%;gap:8px}.recital-complete-shell .recital-complete-hero{padding:10px 6px 14px}.recital-complete-shell .recital-complete-rank{font-size:clamp(42px,12vw,52px)}.recital-complete-shell .recital-complete-card{min-width:0;max-width:100%;padding:12px!important;border-radius:16px}.recital-complete-shell .recital-complete-card>.mt-4{margin-top:10px}.recital-complete-shell .recital-unlocks-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0!important;margin-top:8px}.recital-complete-shell .recital-unlocks-grid>*{display:grid!important;min-width:0;grid-template-columns:48px minmax(0,1fr);grid-auto-rows:min-content;align-items:center!important;justify-items:start;-moz-column-gap:12px!important;column-gap:12px!important;row-gap:3px!important;padding:11px 0!important;text-align:left!important}.recital-complete-shell .recital-unlocks-grid>*+*{border-top:1px solid hsl(var(--border) / .72)}.recital-complete-shell .recital-unlocks-grid>*>:first-child{grid-column:2;align-self:end;font-size:11px;line-height:1.1}.recital-complete-shell .recital-unlocks-grid>*>:nth-child(2){grid-column:1;grid-row:1 / span 5;align-self:center;width:48px!important;height:48px!important}.recital-complete-shell .recital-unlocks-grid>*>:nth-child(2) svg{width:24px;height:24px}.recital-complete-shell .recital-unlocks-grid>*>:not(:first-child):not(:nth-child(2)){grid-column:2;min-width:0}.recital-complete-shell .recital-unlocks-grid>*>:nth-child(3){font-size:17px;font-weight:700;line-height:1.12}.recital-complete-shell .recital-unlocks-grid p{max-width:none;font-size:12px;line-height:1.3}.recital-complete-shell .recital-unlocks-grid>*>button{justify-self:start;margin-top:3px}.recital-complete-shell .recital-complete-bottom{gap:10px;padding:12px!important}}@media (max-width: 430px) and (max-height: 900px){[data-lesson-id=repeats-roadmap] .lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) [data-reading-roadmap-path]{padding-block:8px}[data-lesson-id=repeats-roadmap] .lesson-card:is([data-step-id=repeat-bars],[data-step-id=endings],[data-step-id=dc-fine],[data-step-id=ds-coda]) [data-reading-roadmap-path]>.border-t{margin-top:8px;padding-top:8px;gap:10px}[data-lesson-id=repeats-roadmap] .lesson-card:is([data-step-id=repeat-bars],[data-step-id=ds-coda]) [data-reading-roadmap-path]>.flex.justify-center>svg{height:auto}[data-lesson-id=repeats-roadmap] .lesson-card:is([data-step-id=repeat-bars],[data-step-id=ds-coda]) .w-full.max-w-lg>.flex.items-center{width:100%}[data-lesson-id=repeats-roadmap] .lesson-card:is([data-step-id=repeat-bars],[data-step-id=ds-coda]) .w-full.max-w-lg>.flex.items-center>.flex.flex-col{display:grid;flex:1;min-width:0;grid-template-columns:18px minmax(0,1fr);-moz-column-gap:6px;column-gap:6px;row-gap:2px;padding:6px 8px;text-align:left}[data-lesson-id=repeats-roadmap] .lesson-card:is([data-step-id=repeat-bars],[data-step-id=ds-coda]) .w-full.max-w-lg>.flex.items-center>.flex.flex-col>span:first-child{grid-row:span 2;justify-self:center}[data-lesson-id=repeats-roadmap] .lesson-focus-stage .lesson-card.lesson-card--bare[data-step-id=ds-coda]{max-width:398px}[data-lesson-id=repeats-roadmap] .lesson-card[data-step-id=ds-coda] .w-full.max-w-lg>.flex.items-center>.flex.flex-col{padding-block:4px}[data-lesson-id=repeats-roadmap] .lesson-card[data-step-id=ds-coda] .roadmap-route{display:grid;grid-template-columns:repeat(11,minmax(0,1fr))}[data-lesson-id=repeats-roadmap] .lesson-card[data-step-id=ds-coda] .roadmap-route-stop{display:flex;position:relative;justify-content:center;align-items:center}[data-lesson-id=repeats-roadmap] .lesson-card[data-step-id=ds-coda] .roadmap-route-stop>.rounded-full{flex-shrink:0}[data-lesson-id=repeats-roadmap] .lesson-card[data-step-id=ds-coda] .roadmap-route-stop>span:not(.rounded-full){position:absolute;left:-6px}@media (max-height: 700px){[data-lesson-id=repeats-roadmap] .lesson-card[data-step-id=dc-fine] .w-full.max-w-lg>.flex.items-center>.flex.flex-col{padding-block:2px}}[data-lesson-id=power-chords] .lesson-card[data-step-id=why-no-3rd] .power-chords-physics-visual{gap:6px}[data-lesson-id=major-chord-motions] .lesson-card[data-step-id=deceptive] .major-motions-deceptive-visual{gap:12px}[data-lesson-id=reading-intervals] .lesson-card[data-step-id=name-it] .reading-intervals-viewport-step{--rhythm-section: 4px}[data-lesson-id=reading-intervals] .lesson-card[data-step-id=name-it] .reading-intervals-viewport-step>.w-full.max-w-md{gap:3px}[data-lesson-id=reading-intervals] .lesson-card[data-step-id=name-it] .reading-intervals-viewport-step>.w-full.max-w-md>.w-full svg{height:124px!important}[data-lesson-id=module-boss-scale] .lesson-card [style*=--piano-incard-white-key-width]{--piano-incard-white-key-width: 23px !important;--piano-incard-white-key-height: 80px !important;--piano-incard-black-key-width: 14px !important;--piano-incard-black-key-height: 50px !important}[data-lesson-id=scale-degrees] .lesson-card[data-step-id^=degree-] .scale-degree-hero{gap:6px}[data-lesson-id=scale-degrees] .lesson-card[data-step-id^=degree-] .scale-degree-hero-card{gap:12px;padding:12px 16px}[data-lesson-id=scale-degrees] .lesson-card[data-step-id^=degree-] .scale-degree-hero-demo{gap:6px}[data-lesson-id=scale-degrees] .lesson-card[data-step-id^=degree-] .scale-degree-hero-insight{padding-top:8px}[data-lesson-id=scale-degrees] .lesson-card[data-step-id^=degree-] .scale-degree-hero-insight>p{margin-top:2px;line-height:1.3}}@media (max-width: 430px) and (max-height: 700px){.lesson-piano-console{min-height:46px}.lesson-footer-piano-frame,.dark .lesson-footer-piano-frame{height:82px}.lesson-subtitle-slot{min-height:18px}:is([data-lesson-module="3"],[data-lesson-module="4"],[data-lesson-module="5"],[data-lesson-module="6"],[data-lesson-module="7"],[data-lesson-module="8"]) .lesson-card:not([data-step-id=intro]):not([data-step-id=intro-bridge]){--rhythm-tight: 2px;--rhythm-snug: 2px;--rhythm-section: 2px;--rhythm-major: 4px}:is([data-lesson-module="3"],[data-lesson-module="4"],[data-lesson-module="5"],[data-lesson-module="6"],[data-lesson-module="7"],[data-lesson-module="8"]) .lesson-card-title{font-size:22px;line-height:1.06}:is([data-lesson-module="3"],[data-lesson-module="4"],[data-lesson-module="5"],[data-lesson-module="6"],[data-lesson-module="7"],[data-lesson-module="8"]) .lesson-card-subtitle{font-size:13px;line-height:1.22}:is([data-lesson-module="3"],[data-lesson-module="4"],[data-lesson-module="5"],[data-lesson-module="6"],[data-lesson-module="7"],[data-lesson-module="8"]) .lesson-callout--boxed{padding-block:1px}.lesson-intro-actions{padding-bottom:max(2px,env(safe-area-inset-bottom))}.lesson-intro-actions>button:first-child{padding-block:6px}[data-lesson-id=hearing-the-notes] .lesson-card[data-step-id=tap-white] .hearing-listening-orb-button{width:68px!important;height:68px!important}[data-lesson-id=hearing-the-notes] .lesson-card[data-step-id=tap-white] .hearing-listening-orb-button>div{width:50px!important;height:50px!important}[data-lesson-id=circle-progressions] .lesson-card[data-step-id=full-loop] .lesson-circle-of-fifths{width:190px!important}[data-lesson-id=circle-modulation] .lesson-card[data-step-id=walk-it] .circle-modulation-walk-wheel{width:132px}[data-lesson-id=circle-is-a-tool] .lesson-card[data-step-id=quick-check] .w-full.max-w-md.flex.flex-col.items-center{gap:8px}[data-lesson-id=circle-is-a-tool] .lesson-card[data-step-id=quick-check] .lesson-audio-listen-row{padding-block:6px}[data-lesson-id=reading-intervals] .lesson-card[data-step-id=name-it] .reading-intervals-viewport-step>.w-full.max-w-md>.w-full svg{height:116px!important}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=recap] .what-is-key-recap-visual>.space-y-2{row-gap:4px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=recap] .what-is-key-recap-visual>.space-y-2>div{gap:8px;padding:8px 10px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=recap] .what-is-key-recap-visual>.space-y-2>div>span{width:30px;height:30px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=recap] .what-is-key-recap-visual p{margin-top:2px;font-size:12px;line-height:1.25}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull-chords] .what-is-key-chord-pull-visual{gap:0}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull-chords] .what-is-key-chord-pull-visual>div{padding-top:8px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=feel-the-pull-chords] .what-is-key-chord-pull-visual>div>div:first-child{gap:8px}[data-lesson-id=examples-of-keys] :is(.lesson-card[data-step-id=play-melody],.lesson-card[data-step-id=chords-from-key]) .examples-song-choice-grid{gap:6px}[data-lesson-id=examples-of-keys] :is(.lesson-card[data-step-id=play-melody],.lesson-card[data-step-id=chords-from-key]) .examples-song-choice-grid>button{gap:2px;padding:7px 8px}[data-lesson-id=examples-of-keys] :is(.lesson-card[data-step-id=play-melody],.lesson-card[data-step-id=chords-from-key]) .examples-song-choice-piano-compact{margin-top:0}[data-lesson-id=major-scale-pattern] :is(.lesson-card[data-step-id=build-melody],.lesson-card[data-step-id=transpose-melody]) .lesson-step-sequencer{gap:1px}[data-lesson-id=major-scale-pattern] :is(.lesson-card[data-step-id=build-melody],.lesson-card[data-step-id=transpose-melody]) .lesson-step-sequencer>.w-full.rounded-2xl{padding:3px}[data-lesson-id=major-scale-pattern] :is(.lesson-card[data-step-id=build-melody],.lesson-card[data-step-id=transpose-melody]) .lesson-step-sequencer>.w-full.rounded-2xl>.relative.flex.flex-col{gap:1px}[data-lesson-id=major-scale-pattern] :is(.lesson-card[data-step-id=build-melody],.lesson-card[data-step-id=transpose-melody]) .lesson-step-sequencer>.w-full.rounded-2xl button{height:14px}[data-lesson-id=scale-degrees] .lesson-card[data-step-id=octave-repeats] .scale-degree-octave-repeats{gap:4px}[data-lesson-id=scale-degrees] .lesson-card[data-step-id=octave-repeats] .scale-degree-octave-repeats>.select-none>svg{width:184px;height:184px}[data-lesson-id=progression-tips] .lesson-card[data-step-id=hook] .progression-tips-soft-chords-visual{gap:10px}[data-lesson-id=minor-pentatonic] .lesson-card[data-step-id=quick-check] .minor-pentatonic-next-teaser{line-height:1.2}[data-lesson-id=power-chords] .lesson-card[data-step-id=riff-wall] .lesson-card-visual>div>div{gap:5px}[data-lesson-id=power-chords] .lesson-card[data-step-id=riff-wall] .lesson-card-visual>div>div>button{padding-block:8px}}@media (max-width: 430px) and (min-height: 701px) and (max-height: 900px){[data-lesson-module="3"][data-lesson-id=melodic-minor] .lesson-card[data-step-id=smooth-quiz]{--rhythm-section: 18px}[data-lesson-id=melodic-minor] .lesson-card[data-step-id=smooth-quiz] .pt-stagger>.w-full.flex.justify-center{margin-top:18px!important}}@media (max-width: 430px) and (max-height: 700px){[data-lesson-module="3"][data-lesson-id=melodic-minor] .lesson-card[data-step-id=smooth-quiz]{--rhythm-section: 10px}[data-lesson-id=melodic-minor] .lesson-card[data-step-id=smooth-quiz] .pt-stagger>.w-full.flex.justify-center{margin-top:10px!important}}@media (max-width: 430px) and (min-height: 701px) and (max-height: 900px){[data-lesson-module="3"][data-lesson-id=harmonic-minor] .lesson-card[data-step-id=build-any-root]{--rhythm-section: 18px}[data-lesson-id=harmonic-minor] .lesson-card[data-step-id=build-any-root] .pt-stagger>.w-full.flex.justify-center{margin-top:18px!important}[data-lesson-id=harmonic-minor] .lesson-card[data-step-id=build-any-root] .harmonic-minor-build-any-root{gap:18px}[data-lesson-id=harmonic-minor] .lesson-card[data-step-id=build-any-root] .harmonic-minor-build-scale{gap:20px}}@media (max-width: 430px) and (max-height: 700px){[data-lesson-module="3"][data-lesson-id=harmonic-minor] .lesson-card[data-step-id=build-any-root]{--rhythm-section: 12px}[data-lesson-id=harmonic-minor] .lesson-card[data-step-id=build-any-root] .pt-stagger>.w-full.flex.justify-center{margin-top:12px!important}[data-lesson-id=harmonic-minor] .lesson-card[data-step-id=build-any-root] .harmonic-minor-build-any-root{gap:16px}[data-lesson-id=harmonic-minor] .lesson-card[data-step-id=build-any-root] .harmonic-minor-build-scale{gap:18px}}@media (max-width: 430px) and (min-height: 701px) and (max-height: 900px){[data-lesson-module="3"][data-lesson-id=build-major-scale] .lesson-card[data-step-id=why-accidentals]{--rhythm-snug: 12px;--rhythm-section: 16px;--rhythm-major: 18px}[data-lesson-id=build-major-scale] .lesson-card[data-step-id=why-accidentals] .pt-stagger>.w-full.flex.justify-center{margin-top:16px!important}[data-lesson-id=build-major-scale] .lesson-card[data-step-id=why-accidentals] .build-major-why-accidentals-visual{gap:11px}[data-lesson-id=build-major-scale] .lesson-card[data-step-id=why-accidentals] .build-major-why-accidentals-visual>button{gap:6px;padding:8px 4px}[data-lesson-id=build-major-scale] .lesson-card[data-step-id=why-accidentals] .lesson-callout--boxed{padding-block:8px}}@media (max-width: 430px) and (max-height: 700px){[data-lesson-module="3"][data-lesson-id=build-major-scale] .lesson-card[data-step-id=why-accidentals]{--rhythm-snug: 9px;--rhythm-section: 12px;--rhythm-major: 14px}[data-lesson-id=build-major-scale] .lesson-card[data-step-id=why-accidentals] .pt-stagger>.w-full.flex.justify-center{margin-top:12px!important}[data-lesson-id=build-major-scale] .lesson-card[data-step-id=why-accidentals] .build-major-why-accidentals-visual{gap:10px}[data-lesson-id=build-major-scale] .lesson-card[data-step-id=why-accidentals] .build-major-why-accidentals-visual>button{gap:6px;padding:6px 4px}[data-lesson-id=build-major-scale] .lesson-card[data-step-id=why-accidentals] .lesson-callout--boxed{padding-block:7px}}@media (max-width: 430px) and (max-height: 746px){[data-lesson-id=scale-degrees] .lesson-card[data-step-id=spine] .scale-degree-spine{gap:10px}[data-lesson-id=scale-degrees] .lesson-card[data-step-id=spine] .scale-degree-spine svg[aria-label*="scale's spine"]{width:168px;height:168px}[data-lesson-id=scale-degrees] .lesson-card[data-step-id=octave-repeats] .scale-degree-octave-repeats{gap:6px}[data-lesson-id=scale-degrees] .lesson-card[data-step-id=octave-repeats] .scale-degree-octave-repeats>.select-none>svg{width:152px;height:152px}[data-lesson-id=scale-degrees] .lesson-card[data-step-id=octave-repeats] .lesson-callout-body{font-size:14px;line-height:1.2}}@media (max-width: 430px) and (max-height: 900px){[data-lesson-module="3"][data-lesson-id=what-is-a-key] .lesson-card[data-step-id=twelve-keys]{--rhythm-snug: 12px;--rhythm-section: 16px;--rhythm-major: 16px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=twelve-keys] .pt-stagger>.w-full.flex.justify-center{margin-top:16px!important}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=twelve-keys] .lesson-callout--boxed{padding-block:10px}[data-lesson-module="3"][data-lesson-id=what-is-a-key] .lesson-card[data-step-id=hear-the-home]{--rhythm-snug: 12px;--rhythm-section: 16px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=hear-the-home] .pt-stagger>.w-full.flex.justify-center{margin-top:16px!important}[data-lesson-module="3"][data-lesson-id=what-is-a-key] .lesson-card[data-step-id=notes-lean-home]{--rhythm-snug: 12px;--rhythm-section: 16px;--rhythm-major: 16px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=notes-lean-home] .pt-stagger>.w-full.flex.justify-center{margin-top:16px!important}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=notes-lean-home] .lesson-callout--boxed{padding-block:10px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=tap-home] .pt-stagger>.w-full.flex.justify-center{margin-top:18px!important}[data-lesson-module="3"][data-lesson-id=what-is-a-key] .lesson-card[data-step-id=home-every-octave]{--rhythm-snug: 12px;--rhythm-section: 16px;--rhythm-major: 16px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=home-every-octave] .pt-stagger>.w-full.flex.justify-center{margin-top:16px!important}[data-lesson-module="3"][data-lesson-id=what-is-a-key] .lesson-card[data-step-id=concept-home]{--rhythm-snug: 12px;--rhythm-section: 16px;--rhythm-major: 16px}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=concept-home] .pt-stagger>.w-full.flex.justify-center{margin-top:16px!important}[data-lesson-id=what-is-a-key] .lesson-card[data-step-id=concept-home] .lesson-callout--boxed{padding-block:10px}}@media (max-width: 430px) and (min-height: 701px) and (max-height: 900px){[data-lesson-module="3"][data-lesson-id=major-vs-minor] .lesson-card:not([data-step-id=intro-bridge]){--rhythm-snug: 12px;--rhythm-section: 18px;--rhythm-major: 20px}[data-lesson-id=major-vs-minor] .lesson-card .pt-stagger>.w-full.flex.justify-center{margin-top:18px!important}[data-lesson-id=major-vs-minor] .lesson-card .lesson-callout--boxed{padding-block:10px}[data-lesson-id=major-vs-minor] .lesson-card[data-step-id=listening-quiz] .major-minor-listening-quiz{gap:14px}[data-lesson-id=major-vs-minor] .lesson-card[data-step-id=listening-quiz] .major-minor-listening-options{gap:10px}[data-lesson-id=major-vs-minor] .lesson-card[data-step-id=listening-quiz] .major-minor-listening-options>button{gap:9px;padding:10px 12px}[data-lesson-id=major-vs-minor] .lesson-card[data-step-id=why-eb] .major-minor-why-eb-visual{gap:12px;padding-block:14px}[data-lesson-id=major-vs-minor] .lesson-card[data-step-id=why-eb] .major-minor-third-piano{gap:12px}[data-lesson-module="3"][data-lesson-id=major-vs-minor] .lesson-card[data-step-id=why-eb] .pt-stagger>.w-full.flex.justify-center{margin-top:18px!important}[data-lesson-module="3"][data-lesson-id=major-vs-minor] .lesson-card[data-step-id=why-eb] .lesson-callout--boxed{padding-block:10px}}@media (max-width: 430px) and (max-height: 700px){[data-lesson-module="3"][data-lesson-id=major-vs-minor] .lesson-card:not([data-step-id=intro-bridge]){--rhythm-snug: 7px;--rhythm-section: 10px;--rhythm-major: 12px}[data-lesson-id=major-vs-minor] .lesson-card .pt-stagger>.w-full.flex.justify-center{margin-top:10px!important}[data-lesson-id=major-vs-minor] .lesson-card .lesson-callout--boxed{padding-block:7px}[data-lesson-module="3"][data-lesson-id=major-vs-minor] .lesson-card[data-step-id=why-eb] .pt-stagger>.w-full.flex.justify-center{margin-top:10px!important}[data-lesson-module="3"][data-lesson-id=major-vs-minor] .lesson-card[data-step-id=why-eb] .lesson-callout--boxed{padding-block:7px}}@media (max-width: 430px){.lesson-focus-stage .lesson-scale-step-map--compact{width:100%;margin-inline:0}}@media (max-width: 430px) and (min-height: 701px) and (max-height: 900px){.lesson-focus-stage .lesson-scale-step-map--compact{margin-top:22px}.lesson-focus-stage .major-scale-meaning-visual{margin-top:16px}[data-lesson-module="3"][data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=pick-key]{--rhythm-section: 18px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=pick-key] .pt-stagger>.w-full.flex.justify-center{margin-top:18px!important}}@media (max-width: 430px) and (max-height: 700px){.lesson-focus-stage .lesson-scale-step-map--compact{margin-top:12px}.lesson-focus-stage .major-scale-meaning-visual{margin-top:8px}[data-lesson-module="3"][data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=pick-key]{--rhythm-section: 10px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=pick-key] .pt-stagger>.w-full.flex.justify-center{margin-top:10px!important}}@media (max-width: 430px) and (min-height: 701px) and (max-height: 900px){.lesson-card .pt-stagger>.w-full.flex.justify-center:has(.lesson-segmented-switcher){margin-top:18px!important}}@media (max-width: 430px) and (max-height: 700px){.lesson-card .pt-stagger>.w-full.flex.justify-center:has(.lesson-segmented-switcher){margin-top:12px!important}}@media (max-width: 430px) and (min-height: 701px) and (max-height: 900px){[data-lesson-module="3"][data-lesson-id=melodic-minor] .lesson-card[data-step-id=formula-smooth]{--rhythm-section: 18px}[data-lesson-id=melodic-minor] .lesson-card[data-step-id=formula-smooth] .pt-stagger>.w-full.flex.justify-center{margin-top:18px!important}[data-lesson-id=melodic-minor] .lesson-card[data-step-id=formula-smooth] .melodic-minor-formula-visual{gap:18px}}@media (max-width: 430px) and (max-height: 700px){[data-lesson-module="3"][data-lesson-id=melodic-minor] .lesson-card[data-step-id=formula-smooth]{--rhythm-section: 8px}[data-lesson-id=melodic-minor] .lesson-card[data-step-id=formula-smooth] .pt-stagger>.w-full.flex.justify-center{margin-top:8px!important}[data-lesson-id=melodic-minor] .lesson-card[data-step-id=formula-smooth] .melodic-minor-formula-visual{gap:8px}}@media (max-width: 430px) and (min-height: 701px) and (max-height: 900px){[data-lesson-module="3"][data-lesson-id=major-pentatonic] .lesson-card[data-step-id=hear-tension]{--rhythm-tight: 12px}}@media (max-width: 430px) and (max-height: 700px){[data-lesson-module="3"][data-lesson-id=major-pentatonic] .lesson-card[data-step-id=hear-tension]{--rhythm-tight: 6px}}@media (max-width: 430px) and (min-height: 701px) and (max-height: 746px){[data-lesson-module="3"][data-lesson-id=blues-scale] .lesson-card[data-step-id=hear-bluesy] .bluesy-interval-visual>.lesson-caption{margin-top:0}[data-lesson-module="3"][data-lesson-id=blues-scale] .lesson-card[data-step-id=hear-bluesy] .bluesy-interval-visual>.grid{gap:8px}[data-lesson-module="3"][data-lesson-id=blues-scale] .lesson-card[data-step-id=hear-bluesy] .bluesy-interval-visual>.grid>button{padding-block:8px}}@media (max-width: 430px) and (max-height: 700px){[data-lesson-module="3"][data-lesson-id=blues-scale] .lesson-card[data-step-id=hear-bluesy] .bluesy-interval-visual>.lesson-caption{margin-top:0}[data-lesson-module="3"][data-lesson-id=blues-scale] .lesson-card[data-step-id=hear-bluesy] .bluesy-interval-visual>.grid{gap:4px}[data-lesson-module="3"][data-lesson-id=blues-scale] .lesson-card[data-step-id=hear-bluesy] .bluesy-interval-visual>.grid>button{gap:3px;padding-block:2px}[data-lesson-module="3"][data-lesson-id=blues-scale] .lesson-card[data-step-id=hear-bluesy] .bluesy-interval-visual .piano-tier-compact .piano-surface-shadow{height:40px!important}}@media (max-width: 430px) and (min-height: 701px) and (max-height: 900px){[data-lesson-module="3"][data-lesson-id=module-boss-scale] .lesson-card:not(:is([data-step-id=opener],[data-step-id=m2-harmonic-ear],[data-step-id=m3-ear],[data-step-id=m3-flavor-ear])){--rhythm-snug: 12px;--rhythm-section: 16px}[data-lesson-id=module-boss-scale] .lesson-card:not(:is([data-step-id=opener],[data-step-id=m2-harmonic-ear],[data-step-id=m3-ear],[data-step-id=m3-flavor-ear])) .pt-stagger>.w-full.flex.justify-center{margin-top:16px!important}}@media (max-width: 430px) and (max-height: 700px){[data-lesson-module="3"][data-lesson-id=module-boss-scale] .lesson-card:not(:is([data-step-id=opener],[data-step-id=m2-harmonic-ear],[data-step-id=m3-ear],[data-step-id=m3-flavor-ear])){--rhythm-snug: 8px;--rhythm-section: 10px}[data-lesson-id=module-boss-scale] .lesson-card:not(:is([data-step-id=opener],[data-step-id=m2-harmonic-ear],[data-step-id=m3-ear],[data-step-id=m3-flavor-ear])) .pt-stagger>.w-full.flex.justify-center{margin-top:10px!important}}@media (max-width: 430px) and (min-height: 701px) and (max-height: 900px){[data-lesson-module="4"][data-lesson-id=module-boss-chords] .lesson-card:not(:is([data-step-id=opener],[data-step-id=success])){--rhythm-snug: 12px;--rhythm-section: 16px}[data-lesson-id=module-boss-chords] .lesson-card:not(:is([data-step-id=opener],[data-step-id=success])) .chords-recital-round-content>.w-full.flex.justify-center{margin-top:16px!important}[data-lesson-id=module-boss-chords] .chords-recital-build-visual{gap:14px}}@media (max-width: 430px) and (max-height: 700px){[data-lesson-module="4"][data-lesson-id=module-boss-chords] .lesson-card:not(:is([data-step-id=opener],[data-step-id=success])){--rhythm-snug: 8px;--rhythm-section: 10px}[data-lesson-id=module-boss-chords] .lesson-card:not(:is([data-step-id=opener],[data-step-id=success])) .chords-recital-round-content>.w-full.flex.justify-center{margin-top:10px!important}[data-lesson-id=module-boss-chords] .chords-recital-build-visual{gap:10px}}@media (max-width: 430px) and (max-height: 900px){.what-is-progression-viewport-step:is([data-step-id=order-matters],[data-step-id=play-journey],[data-step-id=play-in-g]){--rhythm-tight: 8px;--progression-copy-visual-gap: 18px;--progression-build-gap: 14px}[data-lesson-id=what-is-progression] .what-is-progression-viewport-step:is([data-step-id=order-matters],[data-step-id=play-journey],[data-step-id=play-in-g])>.w-full.flex.justify-center{margin-top:var(--progression-copy-visual-gap)!important}.what-is-progression-viewport-step .what-is-progression-play-visual{gap:var(--progression-build-gap)}}@media (max-width: 430px) and (max-height: 700px){.what-is-progression-viewport-step:is([data-step-id=order-matters],[data-step-id=play-journey],[data-step-id=play-in-g]){--rhythm-tight: 6px;--progression-copy-visual-gap: 12px;--progression-build-gap: 10px}}@media (max-width: 430px) and (max-height: 900px){[data-lesson-module="5"][data-lesson-id=find-chords-in-minor-key] .lesson-card.lesson-card--bare[data-step-id=shortcut]{width:100%;max-width:none;margin-inline:0;--rhythm-tight: 8px;--minor-shortcut-section-gap: 16px;--minor-shortcut-block-gap: 12px;--minor-shortcut-row-gap: 8px;--minor-shortcut-row-padding: 7px}[data-lesson-id=find-chords-in-minor-key] .lesson-card[data-step-id=shortcut] .pt-stagger>.w-full.flex.justify-center{margin-top:var(--minor-shortcut-section-gap)!important}[data-lesson-id=find-chords-in-minor-key] .minor-key-shortcut-visual{gap:var(--minor-shortcut-block-gap)}[data-lesson-id=find-chords-in-minor-key] .minor-key-shortcut-visual>.w-full.flex.flex-col{gap:var(--minor-shortcut-row-gap)}[data-lesson-id=find-chords-in-minor-key] .minor-key-shortcut-visual>.w-full.flex.flex-col>div{padding-block:var(--minor-shortcut-row-padding);gap:10px}}@media (max-width: 430px) and (max-height: 700px){[data-lesson-module="5"][data-lesson-id=find-chords-in-minor-key] .lesson-card.lesson-card--bare[data-step-id=shortcut]{--rhythm-tight: 6px;--minor-shortcut-section-gap: 12px;--minor-shortcut-block-gap: 10px;--minor-shortcut-row-gap: 6px;--minor-shortcut-row-padding: 6px}}@media (max-width: 389px) and (max-height: 700px){[data-lesson-module="5"][data-lesson-id=find-chords-in-minor-key] .lesson-card.lesson-card--bare[data-step-id=shortcut]{--minor-shortcut-section-gap: 8px;--minor-shortcut-block-gap: 8px;--minor-shortcut-row-gap: 4px;--minor-shortcut-row-padding: 4px}}@media (max-width: 430px) and (max-height: 900px){[data-lesson-id=major-vs-minor-functions] .lesson-card[data-step-id=functions-map] .pt-stagger>.w-full.flex.justify-center{margin-top:18px!important}[data-lesson-id=major-vs-minor-functions] .minor-functions-map-visual{gap:12px}[data-lesson-id=major-vs-minor-functions] .minor-functions-map-visual>.grid{-moz-column-gap:12px;column-gap:12px;row-gap:8px}[data-lesson-id=major-vs-minor-functions] .minor-functions-map-visual>.grid button{min-height:44px}[data-lesson-id=major-vs-minor-functions] .minor-functions-map-visual>.grid button>span{height:44px;border-radius:12px}[data-lesson-id=major-vs-minor-functions] .minor-functions-map-visual>.grid button>span>span{font-size:13px;line-height:1.1}}@media (max-width: 430px) and (max-height: 900px){[data-lesson-module="5"][data-lesson-id=minor-chord-motions] .lesson-card.lesson-card--bare[data-step-id=andalusian]{width:100%;max-width:none;margin-inline:0}[data-lesson-id=minor-chord-motions] .lesson-card[data-step-id=andalusian] .minor-motion-progression-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr) 10px) minmax(0,1fr);align-items:center;width:100%;gap:4px}[data-lesson-id=minor-chord-motions] .lesson-card[data-step-id=andalusian] .minor-motion-progression-row>svg{width:10px}[data-lesson-id=minor-chord-motions] .lesson-card[data-step-id=andalusian] .minor-motion-progression-row>:is(button,span){flex:1 1 0%;min-width:0}}@media (max-width: 430px) and (max-height: 900px){[data-lesson-module="5"][data-lesson-id=cadences] .lesson-card.lesson-card--bare[data-step-id=punctuation]{width:100%;max-width:none;margin-inline:0}[data-lesson-id=cadences] .lesson-card[data-step-id=punctuation] .pt-stagger>.w-full.flex.justify-center{margin-top:16px!important}[data-lesson-id=cadences] .cadences-punctuation-visual>.grid{gap:10px}[data-lesson-id=cadences] .cadences-punctuation-visual>.grid>button{flex-direction:column;justify-content:center;gap:12px;padding:12px;text-align:center}[data-lesson-id=cadences] .cadences-punctuation-visual>.grid>button>span{align-items:center;gap:6px}[data-lesson-id=cadences] .cadences-punctuation-visual>.grid>button>span>span{white-space:nowrap;line-height:1.2}[data-lesson-id=cadences] .cadences-punctuation-visual>.grid>button>span:first-child>span:first-child{font-size:24px}[data-lesson-id=cadences] .cadences-punctuation-visual>.grid>button>span:last-child>span:first-child{font-size:15px}}@media (max-width: 430px) and (max-height: 700px){[data-lesson-id=cadences] .cadences-punctuation-visual{gap:12px}[data-lesson-id=cadences] .cadences-punctuation-visual>.grid>button{padding-block:8px}}@media (max-width: 430px) and (max-height: 900px){[data-lesson-id=other-chords] .other-chords-color-row>button>span>span:first-child{font-size:18px;line-height:1.1;white-space:nowrap}}@media (max-width: 640px){.progression-song-row__title{font-size:13px}}@media (max-width: 430px) and (max-height: 900px){.voice-leading-common-tones-visual .voice-leading-common-tone-pair{justify-content:flex-start;gap:10px}.progression-tips-chord-player{gap:12px}.progression-tips-chord-row>button>span{height:76px}.progression-tips-chord-row>button>span>span:first-child{font-size:18px;line-height:1.1;white-space:nowrap}[data-lesson-id=progression-tips] .lesson-card[data-step-id=hook] .progression-tips-soft-chords-visual{gap:8px}[data-lesson-id=progression-tips] .lesson-card[data-step-id=hook] .pt-stagger>.w-full.flex.justify-center{margin-top:8px!important}}@media (max-width: 430px) and (max-height: 700px){[data-lesson-id=progression-tips] .lesson-card[data-step-id=hook] .progression-tips-soft-chords-visual{gap:6px}.progression-tips-chord-player{gap:8px}.progression-tips-chord-row>button>span{height:68px}}:is(.major-pentatonic-tension-visual,.minor-pentatonic-tension-visual)>.w-full.flex>button>.flex:first-child{display:grid;grid-template-columns:20px minmax(0,1fr) 20px;-moz-column-gap:4px;column-gap:4px;align-items:center}:is(.major-pentatonic-tension-visual,.minor-pentatonic-tension-visual)>.w-full.flex>button>.flex:first-child>span:first-child{grid-column:2;text-align:center}:is(.major-pentatonic-tension-visual,.minor-pentatonic-tension-visual)>.w-full.flex>button>.flex:first-child>span:last-child{grid-column:3;text-align:right}:is(.major-pentatonic-tension-visual,.minor-pentatonic-tension-visual)>.w-full.flex>button>.flex:not(:first-child){flex:1;align-content:center;align-items:center}@media (max-width: 639px){.other-chords-intro .w-\[82px\]{width:64px;height:56px}:is(.major-pentatonic-tension-visual,.minor-pentatonic-tension-visual)>.w-full.flex>button>.flex:first-child{min-height:34px}}@media (max-width: 479px){.lesson-piano-console-controls{grid-template-columns:auto minmax(0,1fr) auto}.lesson-piano-console .lesson-piano-range-controls{width:100%;min-width:0}.lesson-piano-console .lesson-piano-range-display{flex:1 1 0%;min-width:0}}@media (min-width: 380px) and (max-width: 419px){.lesson-piano-console .lesson-piano-hardware-button,.lesson-piano-console .lesson-piano-hardware-button:has(.lesson-piano-instrument-label),.lesson-piano-console [data-lesson-ui=connect-midi]{width:30px;min-width:30px!important;max-width:30px}.lesson-piano-console .lesson-piano-midi-control{width:30px;flex-basis:30px}.lesson-piano-console .lesson-piano-tempo,.lesson-piano-console .lesson-piano-tempo-display{width:30px;min-width:30px}.lesson-piano-console .lesson-piano-console-control-cluster{gap:2px}}.major-scale-zoo-visual button .font-display.font-bold.text-foreground{font-size:13px;font-weight:600}.playing-scales-note{border:0;border-radius:8px!important}@media (max-width: 430px) and (max-height: 746px){.fingering-scale-rows[data-descending-visible=true]{gap:2px!important}.fingering-scale-rows[data-descending-visible=true]>div,.fingering-scale-rows[data-descending-visible=true] .fingering-note-row>div{gap:4px!important}.fingering-scale-rows[data-descending-visible=true] .fingering-note-tile{height:36px}}@media (max-width: 767px){.playing-scales-turnaround>div{padding-inline:0;gap:18px}.playing-scales-turnaround .playing-scales-note-row{width:100%;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.playing-scales-turnaround .playing-scales-note{width:100%!important;height:40px!important;font-size:16px!important}[data-lesson-id=major-vs-minor] .major-minor-root-picker{flex-wrap:nowrap;gap:8px}[data-lesson-id=major-vs-minor] .major-minor-why-eb-visual{max-width:280px;padding:10px 12px;--piano-incard-white-key-width: 22px;--piano-incard-white-key-height: 72px;--piano-incard-black-key-width: 14px;--piano-incard-black-key-height: 44px}[data-lesson-id=relative-major-minor] .relative-keys-half-step-demo>.lesson-scale-step-map{max-width:250px}[data-lesson-id=transpose-major-scale] .lesson-card[data-step-id=where-you-hear-this] button{white-space:nowrap;padding-inline:10px;gap:5px}[data-lesson-id=transpose-major-scale] .lesson-card[data-step-id=where-you-hear-this] button svg{flex-shrink:0}}@media (max-width: 430px){[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=formula-explained] .chromatic-half-step-note{width:28px;height:38px;font-size:14px}[data-lesson-id=chromatic-scale] .lesson-card[data-step-id=formula-explained] .chromatic-half-step-arrow{width:14px;min-width:14px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=scale-vs-key] .lesson-binary-answer-card{min-height:68px;padding:10px 12px;gap:12px}[data-lesson-id=major-scale-pattern] .lesson-card[data-step-id=scale-vs-key] .lesson-binary-answer-card>span:first-child{width:34px;height:34px}[data-lesson-id=scale-degrees] .lesson-card .scale-degree-hero-piano{--piano-incard-white-key-width-compact: 27px !important;--piano-incard-white-key-height-compact: 78px !important;--piano-incard-black-key-width-compact: 16px !important;--piano-incard-black-key-height-compact: 48px !important}[data-lesson-id=scale-degrees] .lesson-card .scale-degree-hero-piano .piano-surface-shadow{height:auto!important}[data-lesson-id=scale-degrees] .lesson-card .scale-degree-supporting-grid>button>div:first-child>span{width:24px!important;height:24px!important;min-width:24px!important;font-size:12px!important}}@media (max-width: 767px) and (max-height: 760px){[data-lesson-id=chord-construction] .chord-construction-step[data-step-id=seventh-taste]>div:first-child{gap:6px!important}[data-lesson-id=chord-construction] .chord-construction-step[data-step-id=seventh-taste]>.w-full.flex.justify-center{margin-top:8px!important}.chord-construction-seventh-visual{gap:8px}.chord-construction-seventh-visual>.w-full.max-w-md>button{padding:8px 12px;gap:8px}[data-lesson-id=chord-construction] .chord-construction-seventh-visual .lesson-callout--boxed{gap:4px}}@media (max-width: 767px) and (max-height: 700px){.chord-construction-seventh-visual [style*=--piano-incard-white-key-width]{--piano-incard-white-key-height: 48px !important;--piano-incard-black-key-height: 32px !important}}.slash-chords-read-piano-row{display:contents}@media (max-width: 767px) and (max-height: 760px){[data-lesson-id=slash-chords] .lesson-card[data-step-id=read-symbol]{padding-inline:0;--rhythm-section: 8px}.slash-chords-anatomy-visual>.w-full.max-w-md>button{padding-block:8px;gap:6px}.slash-chords-read-piano-row{display:flex}.slash-chords-read-piano-row .lesson-speaker-badge{position:static!important;flex-shrink:0}.slash-chords-anatomy-visual{gap:4px}.slash-chords-anatomy-visual>.flex:first-child>.flex{flex-direction:row;align-items:center;gap:6px}}@media (max-width: 767px) and (max-height: 700px){.slash-chords-anatomy-visual [style*=--piano-incard-white-key-width]{--piano-incard-white-key-height: 48px !important;--piano-incard-black-key-height: 32px !important}}@media (max-width: 389px) and (max-height: 740px){.lesson-top-chrome-stage>.relative.flex:has(>.flex-none.pointer-events-none){display:grid;grid-template-columns:30px minmax(0,1fr) 72px}.lesson-top-chrome-stage>.relative.flex>.flex-none.pointer-events-none{min-width:0}.lesson-top-chrome-stage>.relative.flex>.flex-none.pointer-events-none div{max-width:100%}.lesson-visual-viewport-root .lesson-premium-main:not(:has(.lesson-intro-cover)){padding-inline:12px}.lesson-visual-viewport-root .lesson-focus-stage:not(:has(.lesson-intro-cover)){padding-block:2px!important}.lesson-visual-viewport-root .lesson-card:not(.lesson-card--full-bleed){--rhythm-tight: 3px !important;--rhythm-snug: 4px !important;--rhythm-section: 4px !important;padding:4px 6px!important;min-width:0}.lesson-visual-viewport-root .lesson-card:not(.lesson-card--full-bleed) :is(.space-y-4,.space-y-5,.space-y-6)>*+*{margin-top:6px!important}.lesson-visual-viewport-root .lesson-card:not(.lesson-card--full-bleed) :is(.gap-3,.gap-3\.5,.gap-4,.gap-5,.gap-6){gap:6px}.lesson-visual-viewport-root .lesson-callout--boxed{padding:4px 10px!important;gap:3px!important}.lesson-visual-viewport-root .lesson-callout-body{line-height:1.35}.lesson-visual-viewport-root .lesson-focus-stage .lesson-scale-step-map--compact{width:100%;margin-inline:0;margin-top:6px}[data-lesson-id=chord-function-basics] .chord-function-three-jobs-row{width:100%;gap:6px}[data-lesson-id=chord-function-basics] .chord-function-three-jobs-row>div{min-width:0;flex:1 1 0}[data-lesson-id=chord-function-basics] .lesson-card[data-step-id=three-jobs] button.h-28.w-28{width:82px;height:82px}[data-lesson-id=chord-function-basics] .lesson-card[data-step-id=three-jobs] button.h-28.w-28>.pointer-events-none[aria-hidden]{top:6px;right:6px;bottom:6px;left:6px}.lesson-visual-viewport-root .lesson-subtitle-slot .narration-subtitle-pill{max-width:100%!important;padding:5px 8px!important;font-size:15px!important;line-height:1.3!important}.lesson-visual-viewport-root .lesson-subtitle-slot .narration-subtitle-frame,.lesson-visual-viewport-root .lesson-subtitle-slot .narration-subtitle-frame>.absolute{padding-inline:4px}.lesson-visual-viewport-root .lesson-intro--recital .lesson-intro-aside>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;width:100%}.lesson-visual-viewport-root .lesson-intro--recital .lesson-intro-aside>div>div{padding:6px 8px!important;gap:6px!important;min-width:0}.lesson-visual-viewport-root .lesson-intro--recital .lesson-intro-aside>div>div>span:last-child>span{font-size:12px!important;line-height:1.2!important;overflow-wrap:normal!important;word-break:normal}.relative-keys-intro-notes>.w-11.h-11{width:36px;height:36px}[data-lesson-id=natural-minor-pattern] .lesson-card .pointer-events-none:is(.w-\[600px\],.w-\[960px\]){width:100%}[data-lesson-id=roman-numerals] .lesson-card .w-\[80px\].h-\[92px\]{width:64px;height:80px}[data-lesson-id=chromatic-scale] .chromatic-use-grid>button>.flex-1{display:grid;grid-template-columns:minmax(0,1fr) auto;-moz-column-gap:6px;column-gap:6px;row-gap:2px}[data-lesson-id=chromatic-scale] .chromatic-use-grid>button>.flex-1>p:first-of-type{grid-column:1 / -1;grid-row:2}[data-lesson-id=chromatic-scale] .chromatic-use-grid>button>.flex-1>p:last-child{grid-column:2;grid-row:1}[data-lesson-id=chromatic-scale] .chromatic-use-grid>button{padding-block:5px}[data-lesson-id=circle-overlapping-keys] .lesson-card[data-step-id=full-loop] .flex.gap-1\.5{gap:4px}.lesson-visual-viewport-root .lesson-card .lesson-action-prompt{line-height:1.35}[data-lesson-id=what-is-a-key] :is(.what-is-key-pull-visual,.what-is-key-chord-pull-visual) .min-h-\[84px\]{min-height:54px}[data-lesson-id=what-is-a-key] :is(.what-is-key-pull-visual,.what-is-key-chord-pull-visual) .lesson-caption{margin-top:4px}[data-lesson-id=what-is-a-key] :is(.what-is-key-pull-visual,.what-is-key-chord-pull-visual) button{margin-top:4px;padding-block:7px;min-height:40px}:is([data-lesson-id=treble-clef-notes],[data-lesson-id=bass-clef-notes]) .lesson-card svg.w-full{height:140px!important;width:auto!important;max-width:100%;margin-inline:auto}:is([data-lesson-id=treble-clef-notes],[data-lesson-id=bass-clef-notes]) .lesson-card .py-3:has(>svg.w-full){padding-block:4px}.major-scale-transpose-visual .lesson-step-sequencer .relative.flex.flex-col{gap:2px!important}.major-scale-transpose-visual .lesson-step-sequencer .w-5.text-right{font-size:12px;line-height:14px}:is([data-lesson-id=minor-pentatonic],[data-lesson-id=intro-to-chords],[data-lesson-id=intro-chords]) .multiple-choice-quiz{gap:2px!important}.intro-chords-family-card__notes{gap:4px!important}.intro-chords-family-card__note{width:24px!important;min-width:24px!important;height:24px!important;padding-inline:2px!important}:is([data-lesson-id=chord-symbols],[data-lesson-id=chord-families],[data-lesson-id=chord-names],[data-lesson-id=chord-types]) .lesson-example-card__header{gap:4px!important}:is([data-lesson-id=chord-symbols],[data-lesson-id=chord-families],[data-lesson-id=chord-names],[data-lesson-id=chord-types]) :is(.lesson-example-card__icon,.lesson-example-card__play){width:24px!important;height:24px!important}:is([data-lesson-id=chord-symbols],[data-lesson-id=chord-families],[data-lesson-id=chord-names],[data-lesson-id=chord-types]) .lesson-example-card__title{font-size:13px!important;line-height:1.2!important}:is([data-lesson-id=chord-symbols],[data-lesson-id=chord-families],[data-lesson-id=chord-names],[data-lesson-id=chord-types]) button:has(>.lesson-example-card__header)>p{font-size:13px;line-height:1.3}:is([data-lesson-id=chord-symbols],[data-lesson-id=chord-families],[data-lesson-id=chord-names],[data-lesson-id=chord-types]) button:has(>.lesson-example-card__header)>.flex:last-child{gap:4px}:is([data-lesson-id=chord-symbols],[data-lesson-id=chord-families],[data-lesson-id=chord-names],[data-lesson-id=chord-types]) button:has(>.lesson-example-card__header)>.flex:last-child>span{min-width:24px;height:22px;padding-inline:4px;font-size:12px}[data-lesson-id=major-chord-motions] .major-motions-deceptive-visual,[data-lesson-id=melodic-vs-harmonic] .melodic-harmonic-more-visual{gap:4px!important}.lesson-visual-viewport-root[data-lesson-id=melodic-vs-harmonic] .lesson-card[data-step-id=more-intervals] .melodic-harmonic-compare-card{padding-block:3px;gap:3px}.lesson-visual-viewport-root[data-lesson-id=find-chords-in-minor-key] .minor-key-shortcut-visual>.w-full.flex.flex-col>div{padding-block:2px}[data-lesson-id=major-chord-motions] .major-motions-deceptive-visual{gap:2px!important}[data-lesson-id=reading-intervals] .lesson-card[data-step-id=name-it] svg.w-full{height:160px!important;width:auto!important;max-width:100%;margin-inline:auto}[data-lesson-id=circle-overlapping-keys] .lesson-card[data-step-id=find-relative] .lesson-circle-of-fifths,[data-lesson-id=circle-modulation] .lesson-card:is([data-step-id=full-loop],[data-step-id=shortest-path]) .lesson-circle-of-fifths{width:232px!important}[data-lesson-id=circle-is-a-tool] .lesson-card[data-step-id=quick-check] .w-full.max-w-md.flex.flex-col.gap-3{gap:4px!important}[data-lesson-id=circle-is-a-tool] .lesson-card[data-step-id=quick-check] .rounded-xl.px-4.py-3{padding-block:8px}}.mobile-answer-badge,.mobile-answer-indicator{display:none}@media (max-width: 767px){[data-mobile-answer-group],:is(.grid,.flex):has(>[data-mobile-answer]){display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;max-width:440px!important;gap:8px!important;margin-inline:auto}[data-mobile-answer-group]>div{width:100%!important;height:auto!important;min-width:0;grid-column:auto!important}[data-lesson-answer][data-mobile-answer]{--answer-accent: var(--primary);position:relative;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-width:0!important;min-height:48px!important;height:auto!important;padding:8px 12px!important;gap:12px!important;border:1px solid hsl(var(--border) / .55)!important;border-radius:16px!important;background:hsl(var(--card))!important;color:hsl(var(--foreground))!important;box-shadow:0 2px 5px hsl(var(--foreground) / .06)!important;white-space:normal!important;text-align:start!important;font-family:Inter,Inter Tight,ui-sans-serif,system-ui,sans-serif!important;font-size:15px!important;font-weight:600!important;line-height:1.35!important;overflow:hidden}[data-mobile-answer] .answer-desktop-feedback{display:none!important}[data-lesson-answer][data-mobile-answer]:focus-visible{outline:2px solid hsl(var(--primary))!important;outline-offset:3px}[data-mobile-answer] .mobile-answer-label{flex:1 1 0%;min-width:0;overflow-wrap:anywhere}[data-mobile-answer] .mobile-answer-label,[data-mobile-answer] .mobile-answer-label>span{font:inherit!important;color:inherit!important;line-height:inherit!important}[data-mobile-answer] .mobile-answer-badge{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 30px;height:30px;border-radius:50%;background:hsl(var(--primary) / .09);color:hsl(var(--muted-foreground));font:inherit;font-weight:700}[data-mobile-answer] .mobile-answer-indicator{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 20px;height:20px;border-radius:50%;border:2px solid hsl(var(--muted-foreground) / .4)}[data-mobile-answer] .mobile-answer-indicator svg{width:14px;height:14px}[data-mobile-answer][data-answer-state=incorrect]{--answer-accent: var(--destructive)}[data-mobile-answer][data-answer-state=correct]{--answer-accent: var(--success)}[data-lesson-answer][data-mobile-answer]:is([data-answer-state=selected],[data-answer-state=correct],[data-answer-state=incorrect]){color:hsl(var(--answer-accent))!important;border-color:hsl(var(--answer-accent) / .23)!important;background:hsl(var(--answer-accent) / .07)!important}[data-mobile-answer]:is([data-answer-state=selected],[data-answer-state=correct],[data-answer-state=incorrect]):before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:hsl(var(--answer-accent))}[data-mobile-answer]:is([data-answer-state=selected],[data-answer-state=correct],[data-answer-state=incorrect]) .mobile-answer-badge{background:hsl(var(--answer-accent));color:hsl(var(--primary-foreground))}[data-mobile-answer]:is([data-answer-state=selected],[data-answer-state=correct],[data-answer-state=incorrect]) .mobile-answer-indicator{border-color:hsl(var(--answer-accent))}[data-mobile-answer][data-answer-state=selected] .mobile-answer-indicator>span{width:10px;height:10px;border-radius:50%;background:hsl(var(--answer-accent))}[data-mobile-answers-compact] :is([data-mobile-answer-group],.grid:has(>[data-mobile-answer]),.flex:has(>[data-mobile-answer])){gap:6px!important}[data-mobile-answers-compact] [data-lesson-answer][data-mobile-answer]{min-height:44px!important;padding-block:6px!important}}@media (max-width: 767px) and (max-height: 746px){:is([data-mobile-answer-group]:has(>div:nth-child(4)),.grid:has(>[data-mobile-answer]:nth-child(4)),.flex:has(>[data-mobile-answer]:nth-child(4))){gap:6px!important}:is([data-mobile-answer-group]:has(>div:nth-child(4)),.grid:has(>[data-mobile-answer]:nth-child(4)),.flex:has(>[data-mobile-answer]:nth-child(4))) [data-lesson-answer][data-mobile-answer]{min-height:44px!important;padding-block:6px!important}}.dark[data-dark-palette=navy],.dark[data-dark-palette=navy] .dark{--surface-canvas: #070610;--surface-navigation: #0d0d18;--surface-card: #141522;--surface-elevated: #171724;--surface-nested: #1a1a29;--surface-inset: #0e0f1a;--surface-hover: #1d1b2d;--surface-active: #21183b;--background: 246 45.4545% 4.3137%;--foreground: 257.1429 53.8462% 97.451%;--card: 235.7143 25.9259% 10.5882%;--card-foreground: 257.1429 53.8462% 97.451%;--card-secondary: 240 22.3881% 13.1373%;--card-hover: 246.6667 25% 14.1176%;--card-active: 255.4286 42.1687% 16.2745%;--popover: 240 22.0339% 11.5686%;--popover-foreground: 257.1429 53.8462% 97.451%;--primary: 258.3117 89.5349% 66.2745%;--brand-primary: 258.3117 89.5349% 66.2745%;--primary-hover: 259.1837 100% 71.1765%;--primary-pressed: 262.1229 83.2558% 57.8431%;--secondary: 240 22.3881% 13.1373%;--secondary-foreground: 257.1429 53.8462% 97.451%;--muted: 235 30% 7.8431%;--muted-foreground: 250.9091 14.1026% 69.4118%;--accent: 246.6667 25% 14.1176%;--accent-foreground: 257.1429 53.8462% 97.451%;--text-primary: 257.1429 53.8462% 97.451%;--text-secondary: 250.9091 14.1026% 69.4118%;--text-muted: 252.6316 7.6305% 48.8235%;--ring: 258.3117 89.5349% 66.2745%;--nav-background: 240 29.7297% 7.2549%;--nav-foreground: 250.9091 14.1026% 69.4118%;--nav-active: 257.1429 53.8462% 97.451%;--sidebar-background: 240 29.7297% 7.2549%;--sidebar-foreground: 250.9091 14.1026% 69.4118%;--sidebar-accent: 255.4286 42.1687% 16.2745%;--sidebar-accent-foreground: 257.1429 53.8462% 97.451%;--sidebar-primary: 258.3117 89.5349% 66.2745%;--sidebar-ring: 258.3117 89.5349% 66.2745%;--surface-2: 240 22.3881% 13.1373%;--surface-selected: rgba(139,92,246,.12);--content-primary: #f7f5fc;--content-secondary: #aaa6bc;--content-tertiary: #777386;--content-disabled: #565263;--brand: #8b5cf6;--brand-hover: #9b6cff;--brand-strong: #7c3aed;--brand-soft: rgba(139,92,246,.12);--brand-muted: rgba(139,92,246,.07);--stroke-subtle: rgba(166,158,190,.1);--stroke-emphasis: rgba(139,92,246,.22);--stroke-separator: rgba(166,158,190,.09);--shadow-surface-card: 0 12px 32px rgba(0,0,0,.24);--shadow-surface-elevated: 0 18px 48px rgba(0,0,0,.32);--shadow-brand-active: 0 8px 24px rgba(139,92,246,.2);--highlight-inset: inset 0 1px 0 rgba(255,255,255,.035);--border: 255 19.75% 68.24% / .1;--input: 255 19.75% 68.24% / .1;--hairline: 255 19.75% 68.24% / .09;--sidebar-border: 255 19.75% 68.24% / .1;--primary-soft: var(--primary) / .12;--primary-subtle: var(--primary) / .07;--primary-border: var(--primary) / .22;--primary-glow: var(--primary);--gradient-primary: linear-gradient(135deg,var(--brand),var(--brand-strong));--glass-bg: var(--card);--glass-border: var(--border);--callout-body: var(--foreground);--shadow-card: var(--shadow-surface-card);--shadow-elevated: var(--shadow-surface-elevated);--surface-raised: var(--surface-card);--surface-raised-shadow: var(--shadow-surface-card)}.dark[data-dark-palette=navy] :is([data-theme-surface=card],.card-elevated,.card-interactive,.module-card,.lesson-content-card,.lesson-complete-card,.stat-card,.game-card,.surface-raised,.lesson-callout--boxed){background:var(--surface-card)!important;border-color:var(--stroke-subtle)!important;box-shadow:var(--shadow-surface-card)!important}.dark[data-dark-palette=navy] :is([data-theme-surface=nested],.bg-card-secondary){background:var(--surface-nested)!important;border-color:var(--stroke-subtle)!important}.dark[data-dark-palette=navy] :is([data-theme-surface=inset],.progress-track){background:var(--surface-inset)!important;box-shadow:var(--highlight-inset)!important}.dark[data-dark-palette=navy] :is([data-theme-surface=elevated],[data-radix-popper-content-wrapper]>[data-state]){background:var(--surface-elevated)!important;color:var(--content-primary);border-color:var(--stroke-subtle)!important;box-shadow:var(--shadow-surface-elevated)!important}.dark[data-dark-palette=navy] :is([data-theme-surface=navigation],.desktop-sidebar-shell,.bottom-nav-modern,.app-stats-header,.top-bar,.lesson-top-chrome-stage){background:var(--surface-navigation)!important;border-color:var(--stroke-separator)!important;box-shadow:var(--highlight-inset)!important}.dark[data-dark-palette=navy] :is(.desktop-sidebar-link-active,[data-theme-surface=navigation] [aria-current=page]){background:var(--surface-active)!important;color:var(--content-primary)!important;box-shadow:none!important}.dark[data-dark-palette=navy] .desktop-sidebar-icon-active{background:var(--brand-soft)!important;color:var(--brand)!important;box-shadow:none!important}.dark[data-dark-palette=navy] .desktop-sidebar-link:hover{background:var(--surface-hover)}.dark[data-dark-palette=navy] :is([data-ui-button=default],[data-ui-button=premium],[data-ui-button=glow]){background:var(--brand)!important;color:var(--content-primary)!important;border-color:var(--stroke-emphasis)!important;box-shadow:var(--shadow-brand-active)!important}.dark[data-dark-palette=navy] :is([data-ui-button=default],[data-ui-button=premium],[data-ui-button=glow]):hover:not(:disabled){background:var(--brand-hover)!important}.dark[data-dark-palette=navy] :is([data-ui-button=secondary],[data-ui-button=outline]){background:var(--surface-nested)!important;color:var(--content-primary)!important;border-color:var(--stroke-subtle)!important;box-shadow:var(--highlight-inset)!important}.dark[data-dark-palette=navy] [data-ui-button=ghost]{box-shadow:none!important}.dark[data-dark-palette=navy] :is([data-ui-button=secondary],[data-ui-button=outline],[data-ui-button=ghost]):hover:not(:disabled){background:var(--surface-hover)!important}.dark[data-dark-palette=navy] [data-ui-button=softPrimary]{background:var(--brand-soft)!important;box-shadow:none!important}.dark[data-dark-palette=navy] [data-theme-tab][data-state=active]{background:var(--surface-active)!important;color:var(--content-primary)!important;box-shadow:var(--highlight-inset)!important}.dark[data-dark-palette=navy] [data-theme-tab]:hover:not(:disabled){background:var(--surface-hover)}.dark[data-dark-palette=navy] :is(input,textarea)[data-theme-surface]{color:var(--content-primary);border-color:var(--stroke-subtle)}.dark[data-dark-palette=navy] :is(.lesson-piano-console,.lesson-footer-piano-frame){background:var(--surface-navigation)!important;border-color:var(--stroke-subtle)!important;box-shadow:var(--shadow-surface-elevated)!important}.dark[data-dark-palette=navy] :is(.lesson-piano-console-toggle,.lesson-piano-console .lesson-piano-hardware-button,.lesson-piano-range-button,.lesson-piano-console [data-lesson-ui=connect-midi]){background:var(--surface-nested)!important;color:var(--content-secondary)!important;border-color:var(--stroke-subtle)!important;box-shadow:var(--highlight-inset)!important}.dark[data-dark-palette=navy] .lesson-piano-console [aria-pressed=true]{color:var(--brand)!important;background:var(--surface-active)!important}.dark[data-dark-palette=navy] [data-lesson-answer][data-answer-state]{background:var(--surface-card)!important;border-color:var(--stroke-subtle)!important;color:var(--content-primary)!important;box-shadow:var(--shadow-surface-card)!important}.dark[data-dark-palette=navy] [data-lesson-answer][data-answer-state=selected]{background:var(--surface-active)!important;border-color:var(--stroke-emphasis)!important}.dark[data-dark-palette=navy] [data-lesson-answer][data-answer-state=correct]{background:hsl(var(--success) / .1)!important;border-color:hsl(var(--success) / .25)!important}.dark[data-dark-palette=navy] [data-lesson-answer][data-answer-state=incorrect]{background:hsl(var(--destructive) / .1)!important;border-color:hsl(var(--destructive) / .25)!important}.dark[data-dark-palette=navy] .lesson-page-atmosphere:before{background:radial-gradient(ellipse at center,var(--brand-muted),transparent 70%)!important}.dark[data-dark-palette=navy] :is(.lesson-page-atmosphere-overlay,.lesson-card-halo){background:transparent!important;box-shadow:none!important}.dark[data-dark-palette=navy] :is(.primary-glow,.reward-glow,.hero-card-glow){box-shadow:none!important}.dark[data-dark-palette=navy] [data-theme-atmosphere]{background:radial-gradient(ellipse at 50% 35%,var(--brand-muted),transparent 65%),var(--surface-canvas)}.dark[data-dark-palette=navy] [data-theme-atmosphere]>div{background:transparent!important}.dark[data-dark-palette=navy] :is([data-ui-button],[data-theme-tab],input[data-theme-surface],textarea[data-theme-surface],button[data-theme-surface]):focus-visible{outline:2px solid var(--brand)!important;outline-offset:3px}.dark[data-dark-palette=navy] [data-theme-journey-session]{background:var(--surface-nested);border-color:var(--stroke-subtle);box-shadow:none}.dark[data-dark-palette=navy] [data-theme-journey-session=current]{background:var(--surface-active);border-color:var(--stroke-emphasis)}.dark[data-dark-palette=navy] [data-theme-chord-state=playing]{background:var(--surface-active)!important;border-color:var(--stroke-emphasis)!important;box-shadow:var(--highlight-inset)!important}.dark[data-dark-palette=navy] [data-theme-chord-state=completed]{background:hsl(var(--success) / .1)!important;border-color:hsl(var(--success) / .25)!important;box-shadow:var(--highlight-inset)!important}:root:not(.dark)[data-light-palette=layered]{--background: 252 38.4615% 97.451%;--foreground: 256.3636 21.5686% 10%;--card: 0 0% 100%;--card-foreground: 256.3636 21.5686% 10%;--card-secondary: 255 50% 98.4314%;--card-hover: 260 52.9412% 96.6667%;--card-active: 258.9474 70.3704% 94.7059%;--popover: 0 0% 100%;--popover-foreground: 256.3636 21.5686% 10%;--secondary: 255 50% 98.4314%;--secondary-foreground: 256.3636 21.5686% 10%;--muted: 257.1429 30.4348% 95.4902%;--muted-foreground: 254.1176 8.134% 40.9804%;--accent: 260 52.9412% 96.6667%;--accent-foreground: 256.3636 21.5686% 10%;--text-primary: 256.3636 21.5686% 10%;--text-secondary: 254.1176 8.134% 40.9804%;--text-muted: 260 6.4935% 54.7059%;--callout-body: 254.1176 8.134% 40.9804%;--nav-background: 260 60% 99.0196%;--nav-foreground: 254.1176 8.134% 40.9804%;--nav-active: 262.1229 83.2558% 57.8431%;--sidebar-background: 260 60% 99.0196%;--sidebar-foreground: 254.1176 8.134% 40.9804%;--sidebar-accent: 258.9474 70.3704% 94.7059%;--sidebar-accent-foreground: 256.3636 21.5686% 10%;--sidebar-primary: 262.1229 83.2558% 57.8431%;--surface-2: 255 50% 98.4314%;--primary: 262.1229 83.2558% 57.8431%;--primary-hover: 263.3898 69.9605% 50.3922%;--primary-pressed: 263.3898 69.9605% 50.3922%;--ring: 258.3117 89.5349% 66.2745%;--surface-canvas: #f7f6fb;--surface-navigation: #fcfbfe;--surface-card: #ffffff;--surface-elevated: #ffffff;--surface-nested: #faf9fd;--surface-inset: #f2f0f7;--surface-hover: #f5f2fb;--surface-active: #eee8fb;--surface-selected: rgba(139,92,246,.09);--content-primary: #17141f;--content-secondary: #646071;--content-tertiary: #898493;--content-disabled: #b5b1bc;--brand: #8b5cf6;--brand-hover: #7c3aed;--brand-strong: #7c3aed;--brand-soft: rgba(139,92,246,.1);--brand-muted: rgba(139,92,246,.055);--stroke-subtle: rgba(44,36,62,.08);--stroke-emphasis: rgba(139,92,246,.2);--stroke-separator: rgba(44,36,62,.07);--shadow-surface-card: 0 1px 2px rgba(28,20,45,.03), 0 10px 30px rgba(28,20,45,.055);--shadow-surface-elevated: 0 2px 4px rgba(28,20,45,.04), 0 16px 40px rgba(28,20,45,.08);--shadow-surface-floating: 0 8px 24px rgba(28,20,45,.09);--highlight-inset: inset 0 1px 0 rgba(255,255,255,.8);--border: 270 6.25% 93.7255%;--input: 270 6.25% 93.7255%;--hairline: 270 6.25% 94.1176%;--sidebar-border: var(--border);--primary-soft: var(--primary) / .1;--primary-subtle: var(--primary) / .055;--primary-border: var(--primary) / .2;--shadow-card: var(--shadow-surface-card);--shadow-elevated: var(--shadow-surface-elevated);--surface-raised: var(--surface-card);--surface-raised-shadow: var(--shadow-surface-card);--info-violet-bg: rgba(139,92,246,.065);--info-violet-accent: #8b5cf6;--info-mint-bg: rgba(16,185,129,.065);--info-mint-accent: #10b981;--info-amber-bg: rgba(245,158,11,.075);--info-amber-accent: #f59e0b;--info-red-bg: rgba(244,63,94,.065);--info-red-accent: #f43f5e;--info-cyan-bg: rgba(14,165,233,.065);--info-cyan-accent: #0ea5e9}:root:not(.dark)[data-light-palette=layered] :is([data-theme-surface=card],.app-surface-card,.card-elevated,.card-interactive,.module-card,.lesson-content-card,.lesson-complete-card,.stat-card,.game-card,.surface-raised):not(.dark,.dark *){background:var(--surface-card)!important;border-color:transparent!important;box-shadow:var(--shadow-surface-card),var(--highlight-inset)!important}:root:not(.dark)[data-light-palette=layered] :is([data-theme-surface=nested],[data-light-surface=nested],.bg-card-secondary,.app-surface-card button.bg-card):not(.dark,.dark *){background:var(--surface-nested)!important;border-color:var(--stroke-subtle)!important}:root:not(.dark)[data-light-palette=layered] :is([data-theme-surface=inset],.progress-track):not(.dark,.dark *){background:var(--surface-inset)!important}:root:not(.dark)[data-light-palette=layered] :is([data-theme-surface=navigation],.desktop-sidebar-shell,.bottom-nav-modern,.app-stats-header,.top-bar,.lesson-top-chrome-stage):not(.dark,.dark *){background:var(--surface-navigation)!important;border-color:var(--stroke-separator)!important}:root:not(.dark)[data-light-palette=layered] :is(.desktop-sidebar-link-active,[data-theme-surface=navigation] [aria-current=page]):not(.dark,.dark *){background:var(--surface-selected)!important;color:var(--brand-strong)!important;box-shadow:none!important}:root:not(.dark)[data-light-palette=layered] :is(.desktop-sidebar-icon-active):not(.dark,.dark *){background:var(--brand-soft)!important;color:var(--brand-strong)!important;box-shadow:none!important}:root:not(.dark)[data-light-palette=layered] :is(.desktop-sidebar-link:hover):not(.dark,.dark *){background:var(--surface-hover)}:root:not(.dark)[data-light-palette=layered] :is(.lesson-piano-console,.lesson-footer-piano-frame):not(.dark,.dark *){background:var(--surface-navigation)!important;border-color:var(--stroke-subtle)!important;box-shadow:0 -8px 24px #1c142d0f,var(--highlight-inset)!important}:root:not(.dark)[data-light-palette=layered] :is(.lesson-piano-console-toggle,.lesson-piano-console .lesson-piano-hardware-button,.lesson-piano-range-button,.lesson-piano-tempo-step,.lesson-piano-console [data-lesson-ui=connect-midi]):not(.dark,.dark *){background:var(--surface-nested)!important;color:var(--content-secondary)!important;border-color:var(--stroke-subtle)!important;box-shadow:var(--highlight-inset)!important}:root:not(.dark)[data-light-palette=layered] :is(.lesson-piano-range-display>div,.lesson-piano-tempo-display):not(.dark,.dark *){background:linear-gradient(rgba(255,255,255,.25),transparent),var(--surface-inset)!important;border-color:var(--stroke-subtle)!important;box-shadow:inset 0 2px 5px #1c142d1a,0 1px #fffc!important}:root:not(.dark)[data-light-palette=layered] :is(.lesson-piano-console [aria-pressed=true]):not(.dark,.dark *){background:var(--surface-selected)!important;color:var(--brand-strong)!important}:root:not(.dark)[data-light-palette=layered] :is(.lesson-page-atmosphere):not(.dark,.dark *):before{background:radial-gradient(ellipse at center,rgba(139,92,246,.07),rgba(139,92,246,.025) 42%,transparent 72%)!important}:root:not(.dark)[data-light-palette=layered] :is(.lesson-page-atmosphere-overlay,.lesson-card-halo):not(.dark,.dark *){background:transparent!important;box-shadow:none!important}:root:not(.dark)[data-light-palette=layered] :is([data-theme-surface=elevated],[data-radix-popper-content-wrapper]>[data-state]):not(.dark,.dark *){background:var(--surface-elevated)!important;color:var(--content-primary);border-color:var(--stroke-subtle)!important;box-shadow:var(--shadow-surface-elevated),var(--highlight-inset)!important}:root:not(.dark)[data-light-palette=layered] :is([data-theme-overlay]):not(.dark,.dark *){background:#f7f6fbbd!important}:root:not(.dark)[data-light-palette=layered] :is([data-ui-button=secondary],[data-ui-button=outline],[data-theme-tab],input[data-theme-surface],textarea[data-theme-surface],[data-theme-surface=nested][role=combobox]):not(.dark,.dark *){background:var(--surface-nested)!important;color:var(--content-primary);border-color:var(--stroke-subtle)!important;box-shadow:var(--highlight-inset)!important}:root:not(.dark)[data-light-palette=layered] :is([data-ui-button=softPrimary]):not(.dark,.dark *){background:var(--brand-soft)!important;color:var(--brand-strong)!important;border-color:transparent!important;box-shadow:none!important}:root:not(.dark)[data-light-palette=layered] :is([data-ui-button=secondary]:hover:not(:disabled),[data-ui-button=outline]:hover:not(:disabled),[data-ui-button=ghost]:hover:not(:disabled),[data-theme-tab]:hover:not(:disabled),button[data-theme-surface=card]:hover:not(:disabled),button[data-theme-surface=nested]:hover:not(:disabled),.app-surface-card button.bg-card:hover:not(:disabled)):not(.dark,.dark *){background:var(--surface-hover)!important;border-color:var(--stroke-subtle)!important}:root:not(.dark)[data-light-palette=layered] :is([data-theme-tab][data-state=active],[data-theme-tab][aria-selected=true],[data-theme-chord-state=playing]):not(.dark,.dark *){background:var(--surface-selected)!important;color:var(--brand-strong)!important;border-color:var(--stroke-emphasis)!important;box-shadow:var(--highlight-inset)!important}:root:not(.dark)[data-light-palette=layered] :is([data-lesson-answer][data-answer-state]):not(.dark,.dark *){background:var(--surface-nested)!important;color:var(--content-primary)!important;border-color:var(--stroke-subtle)!important;box-shadow:0 1px 3px #1c142d0a,var(--highlight-inset)!important}:root:not(.dark)[data-light-palette=layered] :is([data-lesson-answer][data-answer-state=default]:hover:not(:disabled)):not(.dark,.dark *){background:var(--surface-hover)!important}:root:not(.dark)[data-light-palette=layered] :is([data-lesson-answer][data-answer-state=selected]):not(.dark,.dark *){background:var(--surface-selected)!important;border-color:var(--stroke-emphasis)!important}:root:not(.dark)[data-light-palette=layered] :is([data-lesson-answer][data-answer-state=correct],[data-theme-chord-state=completed]):not(.dark,.dark *){background:var(--info-mint-bg)!important;border-color:var(--stroke-subtle)!important}:root:not(.dark)[data-light-palette=layered] :is([data-lesson-answer][data-answer-state=incorrect]):not(.dark,.dark *){background:var(--info-red-bg)!important;border-color:var(--stroke-subtle)!important}:root:not(.dark)[data-light-palette=layered] :is([data-ui-button]:disabled,[data-theme-tab]:disabled):not(.dark,.dark *){box-shadow:none!important}:root:not(.dark)[data-light-palette=layered] :is([data-ui-button]:focus-visible,[data-theme-tab]:focus-visible,input[data-theme-surface]:focus-visible,textarea[data-theme-surface]:focus-visible,button[data-theme-surface]:focus-visible,[data-lesson-answer]:focus-visible,.desktop-sidebar-link:focus-visible,[data-theme-journey-session]:focus-visible):not(.dark,.dark *){outline:2px solid rgba(139,92,246,.45)!important;outline-offset:2px}:root:not(.dark)[data-light-palette=layered] :is(.lesson-help-surface):not(.dark,.dark *){--info-surface: var(--info-violet-bg);--info-accent: var(--info-violet-accent);background:linear-gradient(var(--info-surface),var(--info-surface)),var(--surface-card)!important;border-color:var(--stroke-subtle)!important;box-shadow:var(--shadow-surface-card)!important}:root:not(.dark)[data-light-palette=layered] :is(.lesson-help-surface[data-callout-kind=try-this]):not(.dark,.dark *){--info-surface: var(--info-mint-bg);--info-accent: var(--info-mint-accent)}:root:not(.dark)[data-light-palette=layered] :is(.lesson-help-surface[data-callout-kind=heads-up]):not(.dark,.dark *){--info-surface: var(--info-amber-bg);--info-accent: var(--info-amber-accent)}:root:not(.dark)[data-light-palette=layered] :is(.lesson-help-surface[data-callout-kind=pro-tip]):not(.dark,.dark *){--info-surface: var(--info-cyan-bg);--info-accent: var(--info-cyan-accent)}:root:not(.dark)[data-light-palette=layered] .lesson-help-surface:not(.dark,.dark *):before{background:var(--info-accent)}:root:not(.dark)[data-light-palette=layered] :is(.lesson-help-icon):not(.dark,.dark *){background:var(--info-surface);color:var(--info-accent)}:root:not(.dark)[data-light-palette=layered] :is([data-theme-journey-session]):not(.dark,.dark *){background:var(--surface-nested);border-color:var(--stroke-subtle);box-shadow:none}:root:not(.dark)[data-light-palette=layered] :is([data-theme-journey-session=current]):not(.dark,.dark *){background:var(--surface-selected);border-color:var(--stroke-emphasis)}@media (prefers-reduced-motion: reduce),(max-width: 430px){:root:not(.dark)[data-light-palette=layered] .lesson-page-atmosphere:before{background:none!important}}:root:not(.dark)[data-light-palette=layered] .game-results-hero{--foreground: 257.1429 53.8462% 97.451%;--muted-foreground: 250.9091 14.1026% 69.4118%;--primary: 258.3117 89.5349% 66.2745%;color:hsl(var(--foreground))}:root:not(.dark)[data-light-palette=layered] .game-results-level [role=progressbar]{background:var(--surface-inset);border-color:transparent}:root:not(.dark)[data-light-palette=layered] .lesson-segmented-switcher:not(.dark,.dark *){background:var(--surface-nested)!important;border-color:var(--stroke-subtle)!important;box-shadow:var(--highlight-inset)!important}:root:not(.dark)[data-light-palette=layered] :is(.lesson-segmented-switcher button[aria-pressed=true],.lesson-segmented-switcher button[aria-selected=true],[data-light-choice=true]):not(.dark,.dark *){color:var(--brand-strong)!important}:root:not(.dark)[data-light-palette=layered] :is(.lesson-segmented-switcher button>span.absolute,[data-light-choice=true]):not(.dark,.dark *){background:var(--surface-selected)!important;box-shadow:none!important}:root:not(.dark)[data-light-palette=layered] :is([data-light-surface],[data-light-choice],.lesson-segmented-switcher button):not(.dark,.dark *):focus-visible{outline:2px solid rgba(139,92,246,.45)!important;outline-offset:2px}