#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{--bg-primary: #ffffff;--bg-card: #ffffff;--text-primary: #111827;--text-secondary: #6b7280;--border-color: #e5e7eb;--accent: #2563eb;--accent-hover: #1d4ed8;--topic-billing: #fbbf24;--topic-performance: #f87171;--topic-support: #34d399;--topic-ux: #a78bfa;--topic-account: #f472b6;--topic-other: #9ca3af;--badge-billing: #d97706;--badge-performance: #ef4444;--badge-support: #059669;--badge-ux: #7c3aed;--badge-account: #db2777;--badge-other: #4b5563;--bg-billing: #fffbeb;--bg-performance: #fef2f2;--bg-support: #ecfdf5;--bg-ux: #f5f3ff;--bg-account: #fdf2f8;--bg-other: #f9fafb;--border-billing: #fde68a;--border-performance: #fecaca;--border-support: #a7f3d0;--border-ux: #ddd6fe;--border-account: #fbcfe8;--border-other: #e5e7eb;--radius: 8px;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}#root{max-width:600px;margin:0 auto;padding:2rem 1rem;min-height:100vh}h1{display:none}.container{display:flex;flex-direction:column;gap:2rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:0 1px 2px #0000000d;overflow:hidden}.card-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);font-weight:700;font-size:1.125rem;color:#374151}.card-body{padding:1.5rem}textarea{width:100%;height:140px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;color:var(--text-primary);font-size:1rem;resize:none;font-family:inherit;box-sizing:border-box}textarea::placeholder{color:#9ca3af}textarea:focus{outline:none;background:#fff;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.button-container{display:flex;justify-content:center;margin-top:1.5rem}button{background:var(--accent);color:#fff;border:none;padding:.75rem 3rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.7;cursor:not-allowed}.result-list{display:flex;flex-direction:column;gap:1rem}.sentence-block{border:1px solid transparent;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;text-align:left}.topic-badge-container{padding:.75rem 1rem 0}.topic-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.875rem;font-weight:700;color:#fff;text-transform:capitalize}.sentence-text{padding:.5rem 1rem 1rem;font-size:1rem;color:#1f2937;line-height:1.5}.block-billing{background-color:var(--bg-billing);border-color:var(--border-billing)}.block-billing .topic-badge{background-color:var(--badge-billing)}.block-performance{background-color:var(--bg-performance);border-color:var(--border-performance)}.block-performance .topic-badge{background-color:var(--badge-performance)}.block-support{background-color:var(--bg-support);border-color:var(--border-support)}.block-support .topic-badge{background-color:var(--badge-support)}.block-ux{background-color:var(--bg-ux);border-color:var(--border-ux)}.block-ux .topic-badge{background-color:var(--badge-ux)}.block-account{background-color:var(--bg-account);border-color:var(--border-account)}.block-account .topic-badge{background-color:var(--badge-account)}.block-other{background-color:var(--bg-other);border-color:var(--border-other)}.block-other .topic-badge{background-color:var(--badge-other)}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem}.loader{border:3px solid #e5e7eb;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.loader-small{width:20px;height:20px;border-width:2px}.loader-medium{width:40px;height:40px;border-width:3px}.loader-large{width:60px;height:60px;border-width:4px}.loader-text{color:var(--text-secondary);font-size:.95rem}@keyframes spin{to{transform:rotate(360deg)}}.error-msg{color:var(--badge-performance);text-align:center;padding:1.5rem;background-color:var(--bg-performance);border-radius:6px;border:1px solid var(--border-performance)}.error-msg p{margin:0 0 1rem;font-weight:600}.button-secondary{background:#fff;color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem 1rem}.button-secondary:hover:not(:disabled){background:#f9fafb}