:root{--brand:#10b981;--brand-deep:#059669;--brand-darker:#047857;--accent:#14b8a6;--ink:#0b1a15;--ink-2:#33463e;--muted:#5b6e66;--surface:#fff;--surface-2:#f4fbf7;--surface-3:#eaf5ef;--border:#d8e8e0;--code-bg:#f1f8f4;--shift:#2563eb;--shift-bg:#e8f0fe;--reduce:#c2660a;--reduce-bg:#fcefdd;--accept:#047857;--accept-bg:#d6f7e4;--goto:#0d9488;--goto-bg:#ddf3f0;--error:#e11d48;--error-bg:#fce4ea;--warn:#b45309;--warn-bg:#fbeed0;--shadow-sm:0 1px 2px rgba(6,40,28,.06);--shadow:0 1px 2px rgba(6,40,28,.06),0 8px 24px -12px rgba(6,40,28,.18);--ring:0 0 0 3px rgba(16,185,129,.35);--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,"SF Mono","JetBrains Mono","Cascadia Code",Menlo,Consolas,monospace;--radius:14px;--radius-sm:9px;--content-width:900px}@media (prefers-color-scheme:dark){:root{--brand:#34d399;--brand-deep:#10b981;--brand-darker:#059669;--accent:#2dd4bf;--ink:#e6f2ec;--ink-2:#c4d6cd;--muted:#8aa398;--surface:#13211c;--surface-2:#0a1512;--surface-3:#182b24;--border:#24392f;--code-bg:#0e1a16;--shift:#7da9fb;--shift-bg:#17233b;--reduce:#f5b34e;--reduce-bg:#2e2410;--accept:#34d399;--accept-bg:#123524;--goto:#4dd6c7;--goto-bg:#123230;--error:#fb7185;--error-bg:#33161f;--warn:#fbbf24;--warn-bg:#2e2410;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px -14px rgba(0,0,0,.6);--ring:0 0 0 3px rgba(52,211,153,.4)}}:root[data-theme=light]{--brand:#10b981;--brand-deep:#059669;--brand-darker:#047857;--accent:#14b8a6;--ink:#0b1a15;--ink-2:#33463e;--muted:#5b6e66;--surface:#fff;--surface-2:#f4fbf7;--surface-3:#eaf5ef;--border:#d8e8e0;--code-bg:#f1f8f4;--shift:#2563eb;--shift-bg:#e8f0fe;--reduce:#c2660a;--reduce-bg:#fcefdd;--accept:#047857;--accept-bg:#d6f7e4;--goto:#0d9488;--goto-bg:#ddf3f0;--error:#e11d48;--error-bg:#fce4ea;--warn:#b45309;--warn-bg:#fbeed0;--shadow-sm:0 1px 2px rgba(6,40,28,.06);--shadow:0 1px 2px rgba(6,40,28,.06),0 8px 24px -12px rgba(6,40,28,.18);--ring:0 0 0 3px rgba(16,185,129,.35)}:root[data-theme=dark]{--brand:#34d399;--brand-deep:#10b981;--brand-darker:#059669;--accent:#2dd4bf;--ink:#e6f2ec;--ink-2:#c4d6cd;--muted:#8aa398;--surface:#13211c;--surface-2:#0a1512;--surface-3:#182b24;--border:#24392f;--code-bg:#0e1a16;--shift:#7da9fb;--shift-bg:#17233b;--reduce:#f5b34e;--reduce-bg:#2e2410;--accept:#34d399;--accept-bg:#123524;--goto:#4dd6c7;--goto-bg:#123230;--error:#fb7185;--error-bg:#33161f;--warn:#fbbf24;--warn-bg:#2e2410;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px -14px rgba(0,0,0,.6);--ring:0 0 0 3px rgba(52,211,153,.4)}*,:after,:before{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;scroll-padding-top:72px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4fbf7;background:var(--surface-2);color:#0b1a15;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--sans);line-height:1.6;text-rendering:optimizeLegibility}h1,h2,h3{text-wrap:balance;letter-spacing:-.01em;line-height:1.15}a{color:#059669;color:var(--brand-deep);text-decoration-thickness:1px;text-underline-offset:2px}code{background:#f1f8f4;background:var(--code-bg);border:1px solid #d8e8e0;border:1px solid var(--border);border-radius:6px;font-family:ui-monospace,SF Mono,JetBrains Mono,Cascadia Code,Menlo,Consolas,monospace;font-family:var(--mono);font-size:.9em;padding:.1em .4em}button{cursor:pointer;font-family:inherit}:focus-visible{border-radius:4px;outline:2px solid #10b981;outline:2px solid var(--brand);outline-offset:2px}::selection{background:#10b981;background:var(--brand);color:#fff}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto;max-width:var(--content-width);padding:18px 24px;width:100%}.app-header,.brand{align-items:center;display:flex}.brand{gap:12px}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-name{font-family:var(--mono);font-size:20px;font-weight:700;letter-spacing:-.01em}.brand-paren{color:var(--muted);font-weight:500}.brand-dot{color:var(--brand)}.brand-tag{color:var(--muted);font-size:12.5px}.icon-button{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--ink);display:inline-flex;font-size:16px;height:38px;justify-content:center;width:38px}.icon-button:hover{border-color:var(--brand)}.rail{background:var(--surface-2);border-bottom:1px solid var(--border);border-top:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:15}.rail-inner{gap:16px;justify-content:space-between;margin:0 auto;max-width:var(--content-width);padding:8px 24px}.rail-inner,.rail-list{align-items:center;display:flex}.rail-list{gap:4px;list-style:none;min-width:0;overflow-x:auto;scrollbar-width:none}.rail-list::-webkit-scrollbar{display:none}.rail-step a{align-items:center;border-radius:999px;color:var(--muted);display:inline-flex;font-size:13px;gap:8px;padding:6px 12px;text-decoration:none;white-space:nowrap}.rail-step a:hover{background:var(--surface-3);color:var(--ink)}.rail-num{align-items:center;border:1.5px solid;border-radius:50%;display:inline-flex;font-family:var(--mono);font-size:11px;height:20px;justify-content:center;width:20px}.rail-step.is-active a{color:var(--brand-deep);font-weight:700}.rail-step.is-active .rail-num{background:var(--brand-deep);border-color:var(--brand-deep);color:#fff}.steps-callout{align-items:center;background:linear-gradient(120deg,var(--surface-3),var(--surface));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:16px;margin-top:28px;padding:18px 20px}.steps-callout-icon{align-items:center;background:var(--brand-deep);border-radius:var(--radius-sm);color:#fff;display:inline-flex;flex:none;height:42px;justify-content:center;width:42px}.steps-callout-text{display:flex;flex:1 1 260px;flex-direction:column;gap:2px;min-width:0}.steps-callout-text strong{font-size:15px}.steps-callout-text span{color:var(--muted);font-size:13.5px}.steps-callout-button{flex:none}.learn-bar{background:var(--surface-2);border-bottom:1px solid var(--border)}.learn-bar-inner{align-items:center;display:flex;flex-wrap:wrap;gap:18px;margin:0 auto;max-width:var(--content-width);padding:14px 24px}.learn-back{align-items:center;display:inline-flex;flex:none;gap:6px}.learn-bar-title{display:flex;flex-direction:column;gap:1px;min-width:0}.learn-bar-title strong{font-size:15px}.learn-bar-title span{color:var(--muted);font-size:13px}.brand-link{border-radius:var(--radius-sm);color:inherit;text-decoration:none}.brand-link:hover{opacity:.85}.legal{padding-top:40px}.legal-back{align-items:center;color:var(--brand-deep);display:inline-flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:28px;text-decoration:none}.legal-back:hover{text-decoration:underline}.legal-doc{max-width:70ch}.legal-title{font-size:clamp(24px,4vw,32px);margin-bottom:6px}.legal-meta{color:var(--muted);font-family:var(--mono);font-size:12.5px;margin-bottom:28px}.legal-doc h3{font-size:16px;margin:26px 0 8px}.legal-doc p{color:var(--ink-2);margin-bottom:12px}.app-main{flex:1 1;margin:0 auto;max-width:var(--content-width);padding:0 24px 64px;width:100%}.stage{border-top:1px solid var(--border);padding:44px 0}.stage:first-child{border-top:none}.stage-head{margin-bottom:24px}.stage-eyebrow{color:var(--brand-deep);display:flex;font-family:var(--mono);gap:9px;letter-spacing:.12em;margin-bottom:10px;text-transform:uppercase}.stage-eyebrow,.stage-step{align-items:center;font-size:12px}.stage-step{background:var(--brand-deep);border-radius:7px;color:#fff;display:inline-flex;height:22px;justify-content:center;width:22px}.stage-title{font-size:clamp(21px,3vw,26px);margin-bottom:6px}.stage-desc{color:var(--ink-2);max-width:68ch}.explain{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--brand);border-radius:var(--radius-sm);margin:0 0 20px;overflow:hidden}.explain-head{background:none;border:none;color:var(--brand-deep);gap:10px;justify-content:space-between;padding:13px 16px;width:100%}.explain-head,.explain-title{align-items:center;display:flex}.explain-title{font-size:13.5px;font-weight:700;gap:8px}.explain-toggle{color:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.explain-body{padding:0 16px 15px}.explain-body p{color:var(--ink-2);font-size:14px;margin-bottom:8px}.explain-body p:last-child{margin-bottom:0}.rules{grid-gap:7px;display:grid;gap:7px;padding-left:20px}.rules li{color:var(--ink-2);font-size:14px}.inline-tag{border-radius:5px;font-family:var(--mono);font-size:12px;font-weight:700;padding:1px 7px}.field{margin-bottom:18px}.field-label{color:var(--ink-2);display:block;font-size:13px;font-weight:600;margin-bottom:8px}.grammar-input,.sentence-input{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink);font-family:var(--mono);font-size:14px;line-height:1.7;padding:12px 14px;width:100%}.grammar-input{min-height:150px;resize:vertical}.grammar-input:focus,.sentence-input:focus{border-color:var(--brand);box-shadow:var(--ring);outline:none}.field-hint{color:var(--muted);font-size:12.5px;margin-top:8px}kbd{background:var(--surface-3);border:1px solid var(--border);border-radius:5px;font-family:var(--mono);font-size:11px;padding:1px 5px}.button-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.button{border:1px solid transparent;border-radius:var(--radius-sm);font-size:14px;font-weight:600;padding:10px 18px;transition:background .12s ease,border-color .12s ease}.button-primary{background:var(--brand-deep);color:#fff}.button-primary:hover{background:var(--brand-darker)}.button-ghost{background:var(--surface);border-color:var(--border);color:var(--ink-2)}.button-ghost:hover{border-color:var(--brand);color:var(--brand-deep)}.button:disabled{cursor:not-allowed;opacity:.45}.callout{border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;margin-bottom:20px;padding:14px 16px}.callout ul{grid-gap:4px;display:grid;gap:4px;padding-left:20px}.callout p,.callout ul{margin-top:6px}.callout-error{background:var(--error-bg);border-color:var(--error);color:var(--ink)}.callout-error strong{color:var(--error)}.callout-warn{background:var(--warn-bg);border-color:var(--warn)}.callout-warn strong{color:var(--warn)}.callout-accept{background:var(--accept-bg);border-color:var(--accept)}.callout-accept strong{color:var(--accept)}.item,.production-body{font-family:var(--mono);font-size:14px}.item-lhs{color:var(--brand-deep);font-weight:700}.item-arrow{color:var(--muted);margin:0 6px}.item-dot{color:var(--brand);font-weight:700}.epsilon{color:var(--muted);font-style:italic}.productions{grid-gap:6px;display:grid;gap:6px;list-style:none;max-width:420px}.production{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;gap:12px;padding:9px 14px}.production.is-augmented{background:var(--accept-bg);border-color:var(--brand)}.production-num{align-items:center;background:var(--brand-deep);border-radius:6px;color:#fff;display:inline-flex;flex:none;font-family:var(--mono);font-size:12px;height:22px;justify-content:center;width:22px}.production-tag{color:var(--accept);font-family:var(--mono);font-size:10px;letter-spacing:.08em;margin-left:auto;text-transform:uppercase}.state-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.state-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.state-card-head{align-items:center;background:var(--surface-3);display:flex;font-size:13px;gap:10px;justify-content:space-between;padding:10px 14px}.state-card-head b,.state-from{font-family:var(--mono)}.state-from{color:var(--muted);font-size:11.5px}.state-from .sym{color:var(--brand-deep);font-weight:700}.state-items{grid-gap:4px;display:grid;gap:4px;padding:10px 14px}.state-item{align-items:center;display:flex;gap:10px}.state-item.is-closure{opacity:.72}.state-tag{border-radius:5px;font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;margin-left:auto;padding:2px 6px;text-transform:uppercase}.tag-kernel{background:var(--accept-bg);color:var(--accept)}.tag-closure{background:var(--surface-3);color:var(--muted)}.state-gotos{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 13px}.goto-chip{background:var(--goto-bg);border-radius:7px;color:var(--goto);font-family:var(--mono);font-size:11.5px;font-weight:600;padding:4px 9px}.stepper{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.stepper .button{font-size:13px;padding:8px 13px}.stepper-count{color:var(--muted);font-family:var(--mono);font-size:12.5px;margin-left:auto}.dfa-canvas{background:radial-gradient(circle at 1px 1px,var(--border) 1px,transparent 0) 0 0 /22px 22px,var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-sm);height:460px;overflow:hidden;position:relative}.dfa-controls{display:flex;flex-direction:column;gap:6px;position:absolute;right:12px;top:12px;z-index:2}.dfa-zoom{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-sm);color:var(--ink-2);display:inline-flex;height:34px;justify-content:center;width:34px}.dfa-zoom:hover{border-color:var(--brand);color:var(--brand-deep)}.dfa-detail{margin-top:14px;max-width:360px}.dfa-hint{color:var(--muted);font-size:13px;margin-top:14px}.dfa-canvas .vis-network:focus{outline:none}.dfa-fallback{align-items:center;color:var(--muted);display:flex;font-size:14px;height:100%;justify-content:center;padding:24px;text-align:center}div.vis-tooltip{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:8px!important;box-shadow:var(--shadow)!important;color:var(--ink)!important;font-family:var(--mono)!important;font-size:12px!important;padding:8px 10px!important;white-space:pre!important}.table-scroll{border-radius:var(--radius-sm);overflow-x:auto}.parse-table{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";border-collapse:initial;border-spacing:0;font-family:var(--mono);font-size:13px;font-variant-numeric:tabular-nums;min-width:460px;width:100%}.parse-table td,.parse-table th{border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:8px 10px;text-align:center}.parse-table td:first-child,.parse-table th:first-child{border-left:1px solid var(--border)}.parse-table thead tr:first-child th{border-top:1px solid var(--border)}.parse-table thead th{background:var(--surface-3);color:var(--ink-2);font-weight:600}.col-group{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase}.col-state{color:var(--muted)}.cell-empty{background:var(--surface)}.cell-s{background:var(--shift-bg);color:var(--shift);font-weight:700}.cell-r{background:var(--reduce-bg);color:var(--reduce);font-weight:700}.cell-a{background:var(--accept-bg);color:var(--accept);font-weight:700}.cell-g{background:var(--goto-bg);color:var(--goto);font-weight:700}.cell-conflict{outline:2px solid var(--warn);outline-offset:-2px}.conflict-mark{color:var(--warn)}.parse-current{grid-gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);display:grid;gap:10px;margin:18px 0;padding:16px}.parse-config{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.config-label{color:var(--muted);flex:none;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;width:96px}.input-pill{background:var(--code-bg);border:1px solid var(--border);border-radius:8px;font-family:var(--mono);font-size:15px;letter-spacing:3px;padding:6px 12px}.input-head{color:var(--brand);font-weight:700;text-decoration:underline;text-underline-offset:4px}.input-rest{color:var(--muted)}.stack{display:inline-flex;flex-wrap:wrap;gap:6px}.stack-chip{background:var(--surface-3);border:1px solid var(--border);border-radius:7px;font-family:var(--mono);font-size:13px;min-width:26px;padding:3px 9px;text-align:center}.parse-note{color:var(--ink-2);font-size:13.5px;line-height:1.55}.parse-note-step{color:var(--brand-deep);font-family:var(--mono);font-weight:700;margin-right:6px}.trace-table tbody tr.is-current td{background:var(--surface-3)}.trace-action{font-weight:700}.action-s{color:var(--shift)}.action-r{color:var(--reduce)}.action-a{color:var(--accept)}.app-footer{align-items:center;border-top:1px solid var(--border);color:var(--muted);font-size:13px;gap:14px;justify-content:space-between;margin:0 auto;max-width:var(--content-width);padding:28px 24px;width:100%}.app-footer,.footer-links{display:flex;flex-wrap:wrap}.footer-links{gap:16px}.footer-credit{text-align:center}@media (max-width:640px){.app-header{text-align:center}.app-controls,.app-footer,.app-header{justify-content:center}.app-footer{text-align:center}.config-label{width:100%}.dfa-canvas{height:380px}}
/*# sourceMappingURL=main.c573013a.css.map*/