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