@layer components.features{.drill-page.svelte-1q7n99o{max-inline-size:40rem;margin-block:.5rem 6rem}.drill-bar.svelte-1q7n99o{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 1rem;display:flex}.drill-title.svelte-1q7n99o{font-size:var(--text-2xl);line-height:var(--leading-2xl);margin-block:0 .75rem}.drill-play.svelte-1q7n99o{gap:1rem;display:grid}.drill-context.svelte-1q7n99o{border:1px solid var(--border-subtle);border-radius:var(--radius-md);grid-template-columns:auto 1fr;grid-template-areas:"portrait identity""description description";align-items:center;gap:.75rem;padding:1rem;display:grid}.drill-identity.svelte-1q7n99o{grid-area:identity}.drill-ability-description.svelte-1q7n99o{grid-area:description}.drill-page.svelte-1q7n99o .drill-card{align-content:start;justify-items:start;gap:1rem;padding:1.25rem;display:grid}.drill-portrait.svelte-1q7n99o{border-radius:var(--radius-md);object-fit:cover;grid-area:portrait;block-size:3rem;inline-size:3rem}.drill-name.svelte-1q7n99o{letter-spacing:-.025em;font-weight:600}.drill-ability.svelte-1q7n99o{color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--leading-sm);align-items:center;gap:.375rem;display:flex}.drill-ability-icon.svelte-1q7n99o{border-radius:var(--radius-sm);object-fit:contain;flex-shrink:0;block-size:1.25rem;inline-size:1.25rem}.drill-ability-description.svelte-1q7n99o{max-inline-size:var(--measure);color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--leading-sm);text-wrap:pretty}.drill-metric.svelte-1q7n99o{font-size:var(--text-2xl);line-height:var(--leading-2xl)}.drill-values.svelte-1q7n99o{grid-template-columns:repeat(2,auto);gap:3rem;display:grid}.drill-values.svelte-1q7n99o dt:where(.svelte-1q7n99o){color:var(--muted-foreground);margin-bottom:.25rem}.drill-values.svelte-1q7n99o dd:where(.svelte-1q7n99o){font:600 var(--text-2xl) / var(--leading-2xl) var(--font-mono);color:var(--muted-foreground)}.drill-values.svelte-1q7n99o dd[data-revealed]:where(.svelte-1q7n99o){color:var(--foreground)}.drill-now.svelte-1q7n99o{display:grid}.drill-now.svelte-1q7n99o>span:where(.svelte-1q7n99o){grid-area:1/1}.drill-now.svelte-1q7n99o[data-revealed] .drill-mask:where(.svelte-1q7n99o),.drill-now.svelte-1q7n99o:not([data-revealed]) .drill-answer:where(.svelte-1q7n99o){visibility:hidden}.drill-reveal.svelte-1q7n99o:not([data-revealed]){visibility:hidden}.drill-source.svelte-1q7n99o{color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--leading-sm)}.drill-kind.svelte-1q7n99o{color:var(--foreground);align-items:center;gap:.25rem;margin-inline-end:.5rem;font-weight:600;display:inline-flex}.drill-line-link.svelte-1q7n99o{white-space:nowrap;margin-inline-start:.25rem}.drill-missed.svelte-1q7n99o{inline-size:100%;font-size:var(--text-sm);line-height:var(--leading-sm);gap:.75rem;display:grid}.drill-missed.svelte-1q7n99o li:where(.svelte-1q7n99o){flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.125rem 1rem;display:flex}.drill-change.svelte-1q7n99o{font-family:var(--font-mono);white-space:nowrap;align-items:center;gap:.375rem;display:inline-flex}.drill-dock.svelte-1q7n99o{gap:.5rem;display:grid}.drill-choices.svelte-1q7n99o{grid-template-columns:repeat(auto-fit,minmax(4.75rem,1fr));gap:.5rem;display:grid}.drill-choice.svelte-1q7n99o{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);min-block-size:3rem;color:var(--foreground);font:600 var(--text-base) / 1 var(--font-mono);white-space:nowrap;transition:background-color var(--duration-normal), border-color var(--duration-normal), color var(--duration-normal);justify-content:center;align-items:center;gap:.375rem;padding-inline:.5rem;display:inline-flex}.drill-choice.svelte-1q7n99o:hover:enabled{border-color:var(--signal-edge);background:var(--signal-wash)}.drill-choice.svelte-1q7n99o:active:enabled{scale:.97}.drill-choice.svelte-1q7n99o[data-state=correct]{border-color:var(--signal);background:var(--signal-tint);color:var(--signal)}.drill-choice.svelte-1q7n99o[data-state=wrong]{border-color:var(--destructive);color:var(--destructive)}.drill-choice.svelte-1q7n99o[data-state=other]{border-color:var(--border-subtle);color:var(--muted-foreground)}.drill-nav.svelte-1q7n99o,.drill-controls.svelte-1q7n99o{gap:.5rem;display:grid}:is(.drill-nav.svelte-1q7n99o,.drill-controls.svelte-1q7n99o)>*{white-space:nowrap}.drill-nav.svelte-1q7n99o{grid-template-columns:1fr 1fr}.drill-controls.svelte-1q7n99o{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}.drill-list.svelte-1q7n99o{font-size:var(--text-sm);line-height:var(--leading-sm);display:grid}.drill-list.svelte-1q7n99o summary:where(.svelte-1q7n99o){cursor:pointer;padding-block:.75rem}.drill-list.svelte-1q7n99o p:where(.svelte-1q7n99o){color:var(--muted-foreground);margin-bottom:.75rem}@media (width>=40rem){.drill-page.svelte-1q7n99o{margin-top:2rem}.drill-title.svelte-1q7n99o{font-size:var(--text-3xl);line-height:var(--leading-3xl);margin-block:.25rem 1rem}.drill-page.svelte-1q7n99o .drill-card{padding:1.5rem}}@media (width<=39.99rem){.drill-dock.svelte-1q7n99o{inset-inline:0;z-index:var(--layer-lifted);border-top:1px solid var(--border-subtle);padding:.75rem calc(1rem + var(--safe-area-inset-right)) calc(.75rem + var(--safe-area-inset-bottom)) calc(1rem + var(--safe-area-inset-left));background:var(--background);position:fixed;bottom:0}.app-shell:has(.drill-dock){padding-block-end:calc(8.5rem + var(--safe-area-inset-bottom))}.app-shell:has(.drill-dock) .scroll-top{display:none}}}