:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app-shell.svelte-1n46o8q{max-width:1100px;margin:30px auto;padding:0 20px;font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;color:#e0e0e0}.card.svelte-1n46o8q{background:#1e1e2e;border-radius:12px;padding:24px;border:1px solid #2e2e3e}.card--header.svelte-1n46o8q{text-align:center;margin-bottom:30px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-color:#2a2a4a}.card--section.svelte-1n46o8q{margin-bottom:20px}.app-title.svelte-1n46o8q{margin:0 0 8px;font-size:1.8em;color:#e8e8ff}.app-subtitle.svelte-1n46o8q{margin:0;color:#88b;font-size:.85em}.section-title.svelte-1n46o8q{margin:0 0 16px;font-size:1.3em;color:#b4b4ff;border-bottom:2px solid #3a3a5a;padding-bottom:8px}.subsection-title.svelte-1n46o8q{margin:0 0 10px;color:#a0a0cc;font-size:1em}.subsection-title--center.svelte-1n46o8q{text-align:center;margin-bottom:12px}.productions.svelte-1n46o8q{background:#252535;border-radius:8px;padding:14px 20px;max-width:420px;margin:0 auto 20px;border:1px solid #353550}.production-line.svelte-1n46o8q{padding:3px 0;font-size:.95em}.non-terminal.svelte-1n46o8q{color:#f0c060;font-weight:700}.arrow.svelte-1n46o8q{color:#888}.production-rhs.svelte-1n46o8q{color:#d0d0f0}.table-wrapper.svelte-1n46o8q{overflow-x:auto}.table.svelte-1n46o8q{width:100%;border-collapse:collapse;background:#252535;border-radius:8px;overflow:hidden;border:1px solid #353550}.table.svelte-1n46o8q thead:where(.svelte-1n46o8q) tr:where(.svelte-1n46o8q){background:#2a2a40}.th.svelte-1n46o8q{padding:10px 14px;color:#c0c0f0;font-size:.85em;border-bottom:2px solid #404060}.th--left.svelte-1n46o8q{text-align:left}.th--center.svelte-1n46o8q{text-align:center}.th--terminal.svelte-1n46o8q{color:#80d0a0;font-size:.85em}.table-row.svelte-1n46o8q{border-bottom:1px solid #303040}.table-row.svelte-1n46o8q:last-child{border-bottom:none}.td.svelte-1n46o8q{padding:8px 14px;font-size:.9em}.td--center.svelte-1n46o8q{text-align:center}.td--nt.svelte-1n46o8q{color:#f0c060;font-weight:700}.td--step-num.svelte-1n46o8q{padding:7px 12px;font-size:.85em;color:#88a}.td--code.svelte-1n46o8q{padding:7px 12px;font-size:.85em;color:#c0d0f0}.td--input.svelte-1n46o8q{padding:7px 12px;font-size:.85em;color:#70c0e0}.td--action.svelte-1n46o8q{padding:7px 12px;font-size:.85em;font-style:italic;color:#b0b0c0}.production-ref.svelte-1n46o8q{color:#a0d0a0}.empty-cell.svelte-1n46o8q{color:#555}.input-row.svelte-1n46o8q{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.sentence-input.svelte-1n46o8q{flex:1;min-width:200px;padding:10px 14px;border-radius:8px;border:2px solid #353550;background:#252535;color:#e0e0e0;font-family:inherit;font-size:.9em;outline:none}.sentence-input.svelte-1n46o8q:focus{border-color:#5a5a8a}.btn.svelte-1n46o8q{padding:10px 20px;border-radius:8px;border:none;font-family:inherit;font-size:.85em;font-weight:700;cursor:pointer;color:#fff}.btn--analyze.svelte-1n46o8q{background:#3a6a8a}.btn--analyze.svelte-1n46o8q:hover{background:#4a7a9a}.btn--generate.svelte-1n46o8q{background:#3a7a5a}.btn--generate.svelte-1n46o8q:hover{background:#4a8a6a}.btn--reset.svelte-1n46o8q{background:#7a4a3a}.btn--reset.svelte-1n46o8q:hover{background:#8a5a4a}.result-box.svelte-1n46o8q{padding:14px 20px;border-radius:8px;margin-bottom:20px;border:1px solid}.result-box--accepted.svelte-1n46o8q{background:#2a5a3a;border-color:#4a8a5a}.result-box--rejected.svelte-1n46o8q{background:#5a2a2a;border-color:#8a4a4a}.result-message.svelte-1n46o8q{font-size:1.05em}.result-message--accepted.svelte-1n46o8q{color:#80e0a0}.result-message--rejected.svelte-1n46o8q{color:#e08080}