@keyframes chomskyCircleIn{0%{opacity:0;transform:scale(.6);transform-box:fill-box;transform-origin:center}to{opacity:1;transform:scale(1);transform-box:fill-box;transform-origin:center}}@keyframes chomskyPulse{0%{opacity:.55;transform:scale(1);transform-box:fill-box;transform-origin:center}to{opacity:0;transform:scale(1.14);transform-box:fill-box;transform-origin:center}}html,body,#root{height:100%;font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height-md);background-color:var(--color-bg);color:var(--color-text)}@font-face{font-family:IBM Plex Sans;src:url(/assets/IBMPlexSans-Regular-BiEB_oxT.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/assets/IBMPlexSans-Italic-CpbUNyku.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/assets/IBMPlexSans-Medium-BQLKo0ot.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/assets/IBMPlexSans-SemiBold-KfaJl9PC.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/assets/IBMPlexSans-Bold-CDYgCOW4.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/assets/IBMPlexMono-Regular-Du0PCiXT.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/assets/IBMPlexMono-Medium-CiYsa3y2.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/assets/IBMPlexMono-SemiBold-CT2p8cOJ.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/assets/IBMPlexMono-Bold-DlFXw90w.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}:root{--color-primary: #3b82f6;--color-primary-channel: 59 130 246;--color-primary-hover: #2563eb;--color-on-primary: #ffffff;--color-on-primary-channel: 255 255 255;--color-secondary: #a855f7;--color-secondary-channel: 168 85 247;--color-secondary-hover: #9333ea;--color-bg: #f8fafc;--color-bg-channel: 248 250 252;--color-surface: #ffffff;--color-surface-channel: 255 255 255;--color-surface-muted: #f1f5f9;--color-text: #0f172a;--color-text-channel: 15 23 42;--color-text-muted: #64748b;--color-text-muted-channel: 100 116 139;--color-success: #16a34a;--color-success-soft: rgba(22, 163, 74, .1);--color-error: #dc2626;--color-active: #d97706;--color-active-soft: #fef3c7;--color-active-text: #92400e;--color-border: #e2e8f0;--color-border-channel: 226 232 240;--color-primary-soft: #eff6ff;--color-primary-soft-hover: #dbeafe;--color-primary-shadow: rgba(59, 130, 246, .2);--color-primary-shadow-hover: rgba(59, 130, 246, .3);--color-header-bg: rgba(255, 255, 255, .3);--color-header-border: rgba(226, 232, 240, .72);--color-modal-backdrop: rgba(15, 23, 42, .24);--color-modal-shadow: rgba(15, 23, 42, .16);--color-canvas-grid: rgba(103, 95, 85, .25);--shadow-paper: 0 1px 3px rgba(15, 23, 42, .07), 0 0 1px rgba(15, 23, 42, .04);--shadow-header: 0 1px 16px rgba(0, 0, 0, .06);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .08);--color-accept-bg: #dcfce7;--color-accept-bg-subtle: #f0fdf4;--color-accept-border: #86efac;--color-accept-text: #15803d;--color-reject-bg: #fee2e2;--color-reject-bg-subtle: #fff1f2;--color-reject-border: #fca5a5;--color-reject-text: #b91c1c;--color-warning-bg: #fef9c3;--color-warning-border: #fde047;--color-warning-text: #854d0e;--color-chomsky-tipo0: #bfdbfe;--color-chomsky-tipo1: #60a5fa;--color-chomsky-tipo2: #3b82f6;--color-chomsky-tipo3: #2563eb;--color-chomsky-sublabel: #1e3a5f;--color-chomsky-accent: #1e3a8a}[data-theme=dark]{--color-bg: #0e0e16;--color-surface: #17171f;--color-surface-muted: #1e1e28;--color-text: #f0f0f5;--color-text-channel: 240 240 245;--color-text-muted: #8888a0;--color-text-muted-channel: 136 136 160;--color-primary: #60a5fa;--color-primary-channel: 96 165 250;--color-primary-hover: #3b82f6;--color-on-primary: #0f172a;--color-on-primary-channel: 15 23 42;--color-secondary: #c084fc;--color-secondary-channel: 192 132 252;--color-secondary-hover: #a855f7;--color-success-soft: rgba(187, 247, 208, .12);--color-active: #f59e0b;--color-active-soft: #422006;--color-active-text: #fcd34d;--color-border: #2a2a3a;--color-border-channel: 42 42 58;--color-bg-channel: 14 14 22;--color-surface-channel: 23 23 31;--color-primary-soft: #1a1e32;--color-primary-soft-hover: #242840;--color-primary-shadow: rgba(96, 165, 250, .2);--color-primary-shadow-hover: rgba(96, 165, 250, .3);--color-accept-bg: #14532d;--color-accept-bg-subtle: #052e16;--color-accept-border: #166534;--color-accept-text: #bbf7d0;--color-reject-bg: #450a0a;--color-reject-bg-subtle: #2d0707;--color-reject-border: #7f1d1d;--color-reject-text: #fecaca;--color-warning-bg: #422006;--color-warning-border: #78350f;--color-warning-text: #fef08a;--color-header-bg: rgba(14, 14, 22, .3);--color-header-border: rgba(42, 42, 58, .72);--color-modal-backdrop: rgba(0, 0, 0, .46);--color-modal-shadow: rgba(0, 0, 0, .4);--color-canvas-grid: rgba(136, 136, 160, .25);--shadow-paper: 0 1px 3px rgba(0, 0, 0, .3), 0 0 1px rgba(0, 0, 0, .2);--shadow-header: 0 1px 16px rgba(0, 0, 0, .24);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .28);--color-chomsky-tipo0: #1e3a5f;--color-chomsky-tipo1: #1e3a8a;--color-chomsky-tipo2: #1e40af;--color-chomsky-tipo3: #2563eb;--color-chomsky-sublabel: #dbeafe;--color-chomsky-accent: #60a5fa}:root{--font-sans: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 20px;--font-size-xl: 28px;--line-height-sm: 1.4;--line-height-md: 1.6}*{margin:0;padding:0}html,body,#root{height:100%;margin:0;font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height-md)}.automaton-grid-toggle{position:absolute;right:12px;bottom:12px;z-index:10}@media(max-width:720px){.automaton-grid-toggle{top:12px;bottom:auto}}@media(max-width:960px)and (max-height:520px)and (orientation:landscape){.automaton-grid-toggle{top:12px;right:12px;bottom:auto}}@keyframes tourDragHint{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(0)}75%{transform:translate(6px)}}.tour-drag-hint>.MuiPaper-root{position:relative;z-index:2;animation:tourDragHint 1.4s ease-in-out 1;box-shadow:0 0 0 2px var(--color-primary),0 0 14px var(--color-primary-shadow)}@keyframes tourCanvasGlow{0%,to{box-shadow:inset 0 0 0 6px var(--color-primary),inset 0 0 160px color-mix(in srgb,var(--color-primary) 50%,transparent)}50%{box-shadow:inset 0 0 0 6px var(--color-primary),inset 0 0 260px color-mix(in srgb,var(--color-primary) 70%,transparent)}}@keyframes tourCanvasGlowDark{0%,to{box-shadow:inset 0 0 0 6px var(--color-primary),inset 0 0 160px color-mix(in srgb,white 55%,var(--color-primary))}50%{box-shadow:inset 0 0 0 6px var(--color-primary),inset 0 0 260px color-mix(in srgb,white 75%,var(--color-primary))}}.tour-canvas-highlight{position:fixed!important;inset:0!important;pointer-events:none;z-index:1501;animation:tourCanvasGlow 2s ease-in-out infinite}[data-theme=dark] .tour-canvas-highlight{animation-name:tourCanvasGlowDark}@keyframes tapeHeadPulse{0%{box-shadow:0 0 #d9770673;transform:scale(.94)}55%{box-shadow:0 0 0 5px #d977062e;transform:scale(1.04)}to{box-shadow:0 0 #d9770600;transform:scale(1)}}@media(prefers-reduced-motion:reduce){[data-tape-active=true]{animation:none!important}}