.demo-drill-modal.svelte-1v7sg3j{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;overflow-y:auto;background:oklch(from var(--bg-body) l c h / .8);backdrop-filter:blur(16px) saturate(70%);-webkit-backdrop-filter:blur(16px) saturate(70%);animation:svelte-1v7sg3j-modal-fade-in var(--duration-normal, .2s) ease-out}.demo-drill-modal__content.svelte-1v7sg3j{width:100%;max-width:640px;margin-block:auto;flex-shrink:0;overflow:visible;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl, 1rem);box-shadow:var(--shadow-2xl, 0 25px 60px rgba(0, 0, 0, .25));padding:1.75rem 2rem 1.625rem;touch-action:manipulation;animation:svelte-1v7sg3j-modal-slide-up var(--duration-slow, .32s) cubic-bezier(.16,1,.3,1)}.demo-drill__phase.svelte-1v7sg3j{animation:svelte-1v7sg3j-phase-in var(--duration-normal, .2s) cubic-bezier(.16,1,.3,1)}.demo-drill__header.svelte-1v7sg3j{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;position:relative}.demo-drill__bulb-col.svelte-1v7sg3j{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex-shrink:0}.demo-drill__bulb.svelte-1v7sg3j{display:block;overflow:visible;transition:filter .6s cubic-bezier(.16,1,.3,1)}.demo-drill__bulb-label.svelte-1v7sg3j{font-size:.5625rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.demo-drill__meta.svelte-1v7sg3j{flex:1;min-width:0}.demo-drill__title.svelte-1v7sg3j{margin:0 0 .25rem;font-size:1.375rem;line-height:1.2;font-weight:600;letter-spacing:-.005em;color:var(--text-primary)}.demo-drill__subtitle.svelte-1v7sg3j{margin:0 0 .75rem;font-size:.875rem;line-height:1.4;color:var(--text-secondary)}.demo-drill__progress-bar.svelte-1v7sg3j{height:3px;border-radius:2px;background:var(--bg-inset, var(--bg-muted));overflow:hidden}.demo-drill__progress-fill.svelte-1v7sg3j{height:100%;border-radius:2px;background:var(--brand-accent);transition:width .6s cubic-bezier(.16,1,.3,1)}.demo-drill__close.svelte-1v7sg3j{position:absolute;top:0;right:0;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:none;border-radius:.375rem;background:transparent;color:var(--text-muted);cursor:pointer;transition:color .16s}.demo-drill__close.svelte-1v7sg3j:hover{color:var(--text-primary)}.demo-drill__close.svelte-1v7sg3j:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}.demo-drill__step.svelte-1v7sg3j{margin-bottom:.75rem;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.demo-drill__rule-card.svelte-1v7sg3j{margin-bottom:1rem;padding:.5rem 0 .5rem 1.25rem;border-left:2px solid var(--brand-accent)}.demo-drill__rule-card--hint.svelte-1v7sg3j{margin-top:-.25rem;margin-bottom:1rem}.demo-drill__rule-card--result.svelte-1v7sg3j{margin-top:1rem}.demo-drill__rule-label.svelte-1v7sg3j{display:block;margin-bottom:.5rem;font-size:.625rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brand-accent)}.demo-drill__rule-text.svelte-1v7sg3j{max-width:60ch;margin:0;font-size:1rem;line-height:1.6;color:var(--text-primary)}.demo-drill__recall-header.svelte-1v7sg3j{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.demo-drill__recall-prompt.svelte-1v7sg3j{margin:0;font-size:1.25rem;font-weight:500;font-style:italic;line-height:1.3;color:var(--text-primary)}.demo-drill__term.svelte-1v7sg3j{font-style:normal;color:var(--brand-accent)}.demo-drill__hint-toggle.svelte-1v7sg3j{flex:0 0 auto;padding:.4375rem .75rem;border:1px solid color-mix(in oklch,var(--brand-accent) 35%,var(--border-light));border-radius:var(--radius-md, .5rem);background:color-mix(in oklch,var(--brand-accent) 6%,transparent);color:var(--brand-accent);font-size:.75rem;font-weight:600;cursor:pointer;transition:color .16s,border-color .16s,background .16s,transform .16s}.demo-drill__hint-toggle.svelte-1v7sg3j:hover{color:var(--text-on-brand, white);border-color:var(--brand-accent);background:var(--brand-accent)}.demo-drill__hint-toggle--jiggle.svelte-1v7sg3j{animation:svelte-1v7sg3j-hint-jiggle .5s cubic-bezier(.36,.07,.19,.97)}@keyframes svelte-1v7sg3j-hint-jiggle{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.demo-drill__textarea.svelte-1v7sg3j{display:block;width:100%;min-height:5.5rem;padding:0;border:none;outline:none;background:transparent;resize:none;font-size:1.0625rem;line-height:1.65;color:var(--text-primary)}.demo-drill__textarea.svelte-1v7sg3j:focus{border:none;outline:none;box-shadow:none}.demo-drill__textarea.svelte-1v7sg3j::placeholder{color:var(--text-muted);font-style:italic}.demo-drill__actions.svelte-1v7sg3j{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.demo-drill__actions--between.svelte-1v7sg3j{justify-content:space-between;align-items:center}.demo-drill__actions.svelte-1v7sg3j button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:2.75rem}.demo-drill__actions.svelte-1v7sg3j button:active:not(:disabled){transform:scale(.96)}.demo-drill__kbd.svelte-1v7sg3j{display:inline-flex;align-items:center;gap:.375rem;font-size:.6875rem;color:var(--text-muted)}.demo-drill__kbd-key.svelte-1v7sg3j{padding:.1875rem .375rem;border:1px solid var(--border-light);border-radius:.25rem;background:var(--bg-inset);font-size:.625rem;color:var(--text-secondary)}.demo-drill__result-head.svelte-1v7sg3j{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.demo-drill__result-title.svelte-1v7sg3j{margin:0;font-size:1.25rem;font-weight:500;font-style:italic;color:var(--text-primary)}.demo-drill__result-score.svelte-1v7sg3j{padding:.375rem .625rem;border:1px solid var(--border-light);border-radius:var(--radius-md, .5rem);background:var(--bg-inset);font-size:.875rem;font-weight:700}.demo-drill__result-score[data-score=strong].svelte-1v7sg3j{color:var(--success, oklch(70% .18 155))}.demo-drill__result-score[data-score=developing].svelte-1v7sg3j{color:var(--warning, oklch(75% .16 80))}.demo-drill__result-score[data-score=needs-work].svelte-1v7sg3j{color:var(--error, oklch(58% .22 25))}.demo-drill__elements.svelte-1v7sg3j{border-top:1px solid var(--border-light);margin-bottom:.5rem}@keyframes svelte-1v7sg3j-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes svelte-1v7sg3j-modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-1v7sg3j-phase-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 639px){.demo-drill-modal.svelte-1v7sg3j{padding:1rem .5rem}.demo-drill-modal__content.svelte-1v7sg3j{padding:1.25rem}.demo-drill__header.svelte-1v7sg3j{gap:.75rem}.demo-drill__title.svelte-1v7sg3j{font-size:1.125rem}.demo-drill__actions.svelte-1v7sg3j,.demo-drill__actions--between.svelte-1v7sg3j{flex-direction:column;align-items:stretch}.demo-drill__kbd.svelte-1v7sg3j{justify-content:center}.demo-drill__recall-header.svelte-1v7sg3j{flex-direction:column;gap:.5rem}}@media (prefers-reduced-motion: reduce){.demo-drill-modal.svelte-1v7sg3j,.demo-drill-modal__content.svelte-1v7sg3j,.demo-drill__phase.svelte-1v7sg3j{animation:none}.demo-drill__progress-fill.svelte-1v7sg3j,.demo-drill__bulb.svelte-1v7sg3j{transition:none}.demo-drill__hint-toggle--jiggle.svelte-1v7sg3j{animation:none}.demo-drill__actions.svelte-1v7sg3j button:active:not(:disabled){transform:none}}