@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-d446914f],[data-v-d446914f]::backdrop,[data-v-d446914f]:after,[data-v-d446914f]:before{--tw-leading:initial;--tw-font-weight:initial;--tw-border-style:solid;--tw-duration:initial}}}.quiz-question[data-v-d446914f]{display:flex;flex-direction:column;gap:calc(var(--spacing,.25rem)*6)}.quiz-question.has-image[data-v-d446914f]{flex:1;gap:8px;min-height:calc(var(--spacing,.25rem)*0)}.qq-compact[data-v-d446914f]{gap:calc(var(--spacing,.25rem)*3)}.question-text[data-v-d446914f]{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);--tw-font-weight:var(--font-weight-semibold,600);flex-shrink:0;font-weight:var(--font-weight-semibold,600)}@media(min-width:48rem){.question-text[data-v-d446914f]{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,1.4))}}.question-text[data-v-d446914f]{color:var(--piano-text-primary)}.qq-compact .question-text[data-v-d446914f]{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5));--tw-leading:var(--leading-snug,1.375);line-height:var(--leading-snug,1.375)}.image-layout[data-v-d446914f]{display:grid;flex:1;gap:var(--ped-grid-gap,12px);grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);min-height:0}.image-side[data-v-d446914f]{border:1px solid var(--piano-border);border-radius:calc(var(--ui-radius)*2);min-height:calc(var(--spacing,.25rem)*0);overflow:hidden}.question-image[data-v-d446914f]{background:#0000004d;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.answer-side[data-v-d446914f]{gap:calc(var(--spacing,.25rem)*3);height:100%;min-height:calc(var(--spacing,.25rem)*0)}.answer-side[data-v-d446914f],.options-list[data-v-d446914f]{display:flex;flex-direction:column}.options-list[data-v-d446914f]{gap:calc(var(--spacing,.25rem)*2)}@media(max-width:639px){.image-layout[data-v-d446914f]{grid-template-columns:1fr}}.options-grid[data-v-d446914f]{display:grid;gap:calc(var(--spacing,.25rem)*3);grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:48rem){.options-grid[data-v-d446914f]{grid-template-columns:repeat(2,minmax(0,1fr))}}.option-btn[data-v-d446914f]{border-radius:calc(var(--ui-radius)*2);border-style:var(--tw-border-style);cursor:pointer;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));padding-block:calc(var(--spacing,.25rem)*4);padding-inline:calc(var(--spacing,.25rem)*5);text-align:left;--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));--tw-duration:.2s;align-items:center;background:var(--piano-bg-card,var(--piano-bg-secondary));border-color:var(--piano-border);border-width:1px;color:var(--piano-text-primary);display:flex;justify-content:space-between;transition-duration:.2s}.qq-compact .option-btn[data-v-d446914f]{padding-block:calc(var(--spacing,.25rem)*2.5);padding-inline:calc(var(--spacing,.25rem)*4)}.option-btn[data-v-d446914f]:disabled{cursor:default}@media(hover:hover)and (pointer:fine){.option-default[data-v-d446914f]:hover:not(:disabled){background:var(--piano-bg-elevated);border-color:var(--piano-gold);color:var(--piano-gold)}}.option-correct[data-v-d446914f]{background:#22c55e26;border-color:var(--feedback-success);color:#4ade80}.option-wrong[data-v-d446914f]{background:#ef444426;border-color:var(--feedback-error);color:#f87171}.option-disabled[data-v-d446914f]{opacity:.4}.option-icon[data-v-d446914f]{flex-shrink:0;font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556));margin-left:calc(var(--spacing,.25rem)*2)}.correct-icon[data-v-d446914f]{color:#4ade80}.wrong-icon[data-v-d446914f]{color:#f87171}.explanation[data-v-d446914f]{border-radius:calc(var(--ui-radius)*2);font-size:var(--text-sm,.875rem);gap:calc(var(--spacing,.25rem)*3);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));min-height:calc(var(--spacing,.25rem)*0);padding:calc(var(--spacing,.25rem)*4);--tw-leading:var(--leading-relaxed,1.625);background:var(--piano-bg-elevated,var(--piano-bg-secondary));border-left:3px solid var(--piano-gold);color:var(--piano-text-secondary);display:flex;flex:1;line-height:var(--leading-relaxed,1.625)}.qq-compact .explanation[data-v-d446914f]{font-size:var(--text-xs,.75rem);gap:calc(var(--spacing,.25rem)*2);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));padding:calc(var(--spacing,.25rem)*3)}.explanation-icon[data-v-d446914f]{color:var(--piano-gold);flex-shrink:0;font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556));margin-top:calc(var(--spacing,.25rem)*.5)}.fade-enter-active[data-v-d446914f],.fade-leave-active[data-v-d446914f]{transition:opacity .3s}.fade-enter-from[data-v-d446914f],.fade-leave-to[data-v-d446914f]{opacity:0}@property --tw-leading{syntax:"*";inherits:false}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-2799b997],[data-v-2799b997]::backdrop,[data-v-2799b997]:after,[data-v-2799b997]:before{--tw-font-weight:initial;--tw-duration:initial;--tw-border-style:solid}}}.music-quiz[data-v-2799b997]{display:flex;flex-direction:column;gap:calc(var(--spacing,.25rem)*6)}.quiz-compact[data-v-2799b997]{gap:calc(var(--spacing,.25rem)*3);padding:var(--ped-page-pad,12px)}.quiz-compact .progress-track[data-v-2799b997]{height:calc(var(--spacing,.25rem)*1.5)}.quiz-compact .result-screen[data-v-2799b997]{gap:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*4)}.quiz-compact .result-icon[data-v-2799b997]{font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height,1.2))}.quiz-compact .result-score[data-v-2799b997]{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,1.33333))}.quiz-title[data-v-2799b997]{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,1.4));--tw-font-weight:var(--font-weight-bold,700);color:var(--piano-gold);font-weight:var(--font-weight-bold,700)}.progress-area[data-v-2799b997]{display:flex;flex-direction:column;gap:calc(var(--spacing,.25rem)*2)}.progress-info[data-v-2799b997]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-font-weight:var(--font-weight-medium,500);color:var(--piano-text-secondary);display:flex;font-weight:var(--font-weight-medium,500);justify-content:space-between}.progress-score[data-v-2799b997]{color:var(--piano-gold)}.progress-track[data-v-2799b997]{background:var(--piano-border);border-radius:3.40282e+38px;height:calc(var(--spacing,.25rem)*2);overflow:hidden;width:100%}.progress-fill[data-v-2799b997]{height:100%;transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));--tw-duration:.5s;background:var(--piano-gold);border-radius:3.40282e+38px;transition-duration:.5s}.question-area[data-v-2799b997]{display:flex;flex:1;flex-direction:column;min-height:calc(var(--spacing,.25rem)*0);transition:opacity .35s ease-in-out}.question-area.is-transitioning[data-v-2799b997]{opacity:.3}.next-btn[data-v-2799b997]{border-radius:calc(var(--ui-radius)*2);cursor:pointer;--tw-border-style:none;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));padding-block:calc(var(--spacing,.25rem)*2.5);padding-inline:calc(var(--spacing,.25rem)*5);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));--tw-duration:.2s;align-items:center;background:var(--piano-gold);border-style:none;color:var(--piano-bg-primary);display:inline-flex;transition-duration:.2s}.next-btn[data-v-2799b997]:hover{background:var(--piano-gold-light)}.result-screen[data-v-2799b997]{align-items:center;display:flex;flex-direction:column;gap:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*10);text-align:center}.result-icon[data-v-2799b997]{color:var(--piano-gold);font-size:var(--text-5xl,3rem);line-height:var(--tw-leading,var(--text-5xl--line-height,1))}.result-score[data-v-2799b997]{font-size:var(--text-4xl,2.25rem);line-height:var(--tw-leading,var(--text-4xl--line-height,1.11111));--tw-font-weight:var(--font-weight-bold,700);color:var(--piano-text-primary);font-weight:var(--font-weight-bold,700)}.result-message[data-v-2799b997]{color:var(--piano-text-secondary);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556))}.restart-btn[data-v-2799b997]{border-radius:calc(var(--ui-radius)*2);border-style:var(--tw-border-style);cursor:pointer;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));padding-block:calc(var(--spacing,.25rem)*3);padding-inline:calc(var(--spacing,.25rem)*6);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));--tw-duration:.2s;align-items:center;background:0 0;border-color:var(--piano-gold);border-width:1px;color:var(--piano-gold);display:inline-flex;transition-duration:.2s}.restart-btn[data-v-2799b997]:hover{background:var(--piano-gold);color:var(--piano-bg-primary)}.quiz-next-bar[data-v-2799b997]{align-items:center;cursor:pointer;gap:calc(var(--spacing,.25rem)*2);justify-content:center;transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));--tw-duration:.2s;background:var(--piano-gold);border-top:1px solid var(--piano-border);color:var(--piano-bg-primary,#0f0f1e);display:flex;flex-shrink:0;font-size:var(--ped-small,14px);font-weight:600;padding:var(--ped-topbar-py,8px)var(--ped-topbar-px,16px);transition-duration:.2s}.quiz-next-bar[data-v-2799b997]:hover{filter:brightness(1.1)}.quiz-next-icon[data-v-2799b997]{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556))}.fade-enter-active[data-v-2799b997],.fade-leave-active[data-v-2799b997]{transition:opacity .3s}.fade-enter-from[data-v-2799b997],.fade-leave-to[data-v-2799b997]{opacity:0}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}