.tools-demo.svelte-138fudv{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 50%,#e2e8f0 100%);border:1px solid #e2e8f0;border-radius:1.5rem;margin:2rem 0;padding:3rem;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.tools-demo.svelte-138fudv:before{content:"";opacity:.6;background:linear-gradient(90deg,#0000,#3b82f6,#8b5cf6,#0000);height:1px;position:absolute;top:0;left:0;right:0}.dark .tools-demo.svelte-138fudv{background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#334155 100%);border-color:#475569;box-shadow:0 20px 25px -5px #00000040,0 10px 10px -5px #0000001a}.dark .tools-demo.svelte-138fudv:before{background:linear-gradient(90deg,#0000,#60a5fa,#a78bfa,#0000)}.demo-header.svelte-138fudv{text-align:center;margin-bottom:3rem;position:relative}.header-badge.svelte-138fudv{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.sparkle-icon.svelte-138fudv{width:1rem;height:1rem;animation:2s ease-in-out infinite svelte-138fudv-sparkle}@keyframes svelte-138fudv-sparkle{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.1)rotate(180deg)}}.demo-header.svelte-138fudv h3:where(.svelte-138fudv){color:#0000;background:linear-gradient(135deg,#1f2937 0%,#3b82f6 100%);-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-size:2rem;font-weight:700;line-height:1.2}.dark .demo-header.svelte-138fudv h3:where(.svelte-138fudv){color:#0000;background:linear-gradient(135deg,#f9fafb 0%,#60a5fa 100%);-webkit-background-clip:text;background-clip:text}.demo-header.svelte-138fudv p:where(.svelte-138fudv){color:#6b7280;max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6}.dark .demo-header.svelte-138fudv p:where(.svelte-138fudv){color:#d1d5db}.demo-grid.svelte-138fudv{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}@media (width<=768px){.demo-grid.svelte-138fudv{grid-template-columns:1fr;gap:1.5rem}}.demo-card.svelte-138fudv{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:2rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.demo-card.svelte-138fudv:before{content:"";opacity:.8;background:linear-gradient(90deg,#3b82f6,#8b5cf6);height:3px;position:absolute;top:0;left:0;right:0}.demo-card.svelte-138fudv:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.pronunciation-demo.svelte-138fudv:before{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.grammar-demo.svelte-138fudv:before{background:linear-gradient(90deg,#059669,#10b981)}.dark .demo-card.svelte-138fudv{background:#374151;border-color:#4b5563;box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a}.dark .demo-card.svelte-138fudv:hover{box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.demo-title.svelte-138fudv{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.demo-icon.svelte-138fudv{color:#fff;border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.demo-icon.svelte-138fudv svg:where(.svelte-138fudv){width:1rem;height:1rem}.pronunciation-icon.svelte-138fudv{background:#3b82f6}.grammar-icon.svelte-138fudv{background:#059669}.demo-title.svelte-138fudv h4:where(.svelte-138fudv){color:#1f2937;margin:0;font-size:1.125rem;font-weight:600}.dark .demo-title.svelte-138fudv h4:where(.svelte-138fudv){color:#f9fafb}.word-display.svelte-138fudv{text-align:center;margin-bottom:1rem}.word.svelte-138fudv{color:#1f2937;margin-bottom:.25rem;font-size:1.5rem;font-weight:600;display:block}.dark .word.svelte-138fudv{color:#f9fafb}.phonetic.svelte-138fudv{color:#6b7280;font-family:Courier New,monospace;font-size:1rem}.dark .phonetic.svelte-138fudv{color:#d1d5db}.accuracy-display.svelte-138fudv{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.accuracy-circle.svelte-138fudv{justify-content:center;align-items:center;display:flex;position:relative}.accuracy-svg.svelte-138fudv{transform:rotate(-90deg)}.accuracy-progress.svelte-138fudv{transition:stroke-dashoffset 1s}.accuracy-progress.excellent.svelte-138fudv{color:#059669}.accuracy-progress.good.svelte-138fudv{color:#0891b2}.accuracy-progress.fair.svelte-138fudv{color:#ea580c}.accuracy-progress.needs-improvement.svelte-138fudv{color:#dc2626}.accuracy-number.svelte-138fudv{color:#1f2937;font-size:.875rem;font-weight:600;position:absolute}.dark .accuracy-number.svelte-138fudv{color:#f9fafb}.accuracy-label.svelte-138fudv{color:#6b7280;font-size:.875rem}.dark .accuracy-label.svelte-138fudv{color:#d1d5db}.feedback-section.svelte-138fudv{margin-bottom:1rem}.feedback-text.svelte-138fudv{color:#374151;margin:0;font-size:.875rem;line-height:1.5}.dark .feedback-text.svelte-138fudv{color:#f3f4f6}.phonetic-breakdown.svelte-138fudv h5:where(.svelte-138fudv){color:#374151;margin:0 0 .5rem;font-size:.875rem;font-weight:600}.dark .phonetic-breakdown.svelte-138fudv h5:where(.svelte-138fudv){color:#f3f4f6}.segments.svelte-138fudv{flex-wrap:wrap;gap:.5rem;display:flex}.segment.svelte-138fudv{background:#f3f4f6;border-radius:.375rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-family:Courier New,monospace;font-size:.75rem;display:flex}.dark .segment.svelte-138fudv{background:#4b5563}.segment.incorrect.svelte-138fudv{background:#fee2e2}.dark .segment.incorrect.svelte-138fudv{background:#7f1d1d}.segment-text.svelte-138fudv{color:#374151}.dark .segment-text.svelte-138fudv{color:#f3f4f6}.segment.incorrect.svelte-138fudv .segment-text:where(.svelte-138fudv){color:#dc2626}.dark .segment.incorrect.svelte-138fudv .segment-text:where(.svelte-138fudv){color:#fca5a5}.check-icon.svelte-138fudv,.x-icon.svelte-138fudv{width:.75rem;height:.75rem}.check-icon.svelte-138fudv{color:#059669}.x-icon.svelte-138fudv{color:#dc2626}.grammar-badges-demo.svelte-138fudv{flex-wrap:wrap;justify-content:flex-end;gap:.375rem;margin-bottom:1rem;display:flex}.badge.svelte-138fudv{white-space:nowrap;border-radius:.375rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;line-height:1.2}.badge.category.svelte-138fudv{color:#1e40af;background:#dbeafe}.dark .badge.category.svelte-138fudv{color:#bfdbfe;background:#1e3a8a}.badge.difficulty.svelte-138fudv{color:#166534;background:#dcfce7}.dark .badge.difficulty.svelte-138fudv{color:#bbf7d0;background:#14532d}.badge.error-type.svelte-138fudv{color:#be185d;background:#fce7f3}.dark .badge.error-type.svelte-138fudv{color:#f9a8d4;background:#831843}.sentence-section-demo.svelte-138fudv,.correction-section-demo.svelte-138fudv{margin-bottom:1rem}.sentence-section-demo.svelte-138fudv h5:where(.svelte-138fudv),.correction-section-demo.svelte-138fudv h5:where(.svelte-138fudv){color:#374151;margin:0 0 .5rem;font-size:.875rem;font-weight:600}.dark .sentence-section-demo.svelte-138fudv h5:where(.svelte-138fudv),.dark .correction-section-demo.svelte-138fudv h5:where(.svelte-138fudv){color:#f3f4f6}.sentence-highlight.svelte-138fudv{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem;font-size:.875rem;line-height:1.5}.dark .sentence-highlight.svelte-138fudv{background:#4b5563;border-color:#6b7280}.normal-text.svelte-138fudv{color:#374151}.dark .normal-text.svelte-138fudv{color:#f3f4f6}.error-text.svelte-138fudv{color:#dc2626;background:#fee2e2;border-radius:.25rem;padding:.125rem .25rem;-webkit-text-decoration:underline wavy #dc2626;text-decoration:underline wavy #dc2626}.dark .error-text.svelte-138fudv{color:#fca5a5;background:#7f1d1d}.highlight-text.svelte-138fudv{border-radius:.25rem;padding:.125rem .25rem}.correction-text.svelte-138fudv{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;padding:.75rem;font-size:.875rem;font-weight:500}.dark .correction-text.svelte-138fudv{color:#bbf7d0;background:#14532d;border-color:#166534}.explanation-section-demo.svelte-138fudv{background:#eff6ff;border:1px solid #bfdbfe;border-radius:.75rem;padding:1rem}.dark .explanation-section-demo.svelte-138fudv{background:#1e3a8a;border-color:#1d4ed8}.explanation-content.svelte-138fudv{align-items:flex-start;gap:.75rem;display:flex}.explanation-icon.svelte-138fudv{flex-shrink:0;margin-top:.125rem}.explanation-icon.svelte-138fudv svg:where(.svelte-138fudv){color:#1d4ed8;width:1rem;height:1rem}.dark .explanation-icon.svelte-138fudv svg:where(.svelte-138fudv){color:#93c5fd}.explanation-content.svelte-138fudv p:where(.svelte-138fudv){color:#1e40af;margin:0;font-size:.875rem;line-height:1.5}.dark .explanation-content.svelte-138fudv p:where(.svelte-138fudv){color:#bfdbfe}.demo-footer.svelte-138fudv{text-align:center;border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:2rem}.dark .demo-footer.svelte-138fudv{border-color:#4b5563}.footer-content.svelte-138fudv{flex-direction:column;align-items:center;gap:1rem;display:flex}.footer-badge.svelte-138fudv{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#f97316 100%);border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.magic-icon.svelte-138fudv{width:1rem;height:1rem;animation:3s ease-in-out infinite svelte-138fudv-float}@keyframes svelte-138fudv-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.footer-content.svelte-138fudv p:where(.svelte-138fudv){color:#6b7280;max-width:500px;margin:0;font-size:1.125rem;line-height:1.6}.dark .footer-content.svelte-138fudv p:where(.svelte-138fudv){color:#d1d5db}.footer-content.svelte-138fudv strong:where(.svelte-138fudv){color:#3b82f6;font-weight:600}.dark .footer-content.svelte-138fudv strong:where(.svelte-138fudv){color:#60a5fa}