.section-canvas{position:relative}.section-canvas>*{animation:reveal-section-forward var(--duration-medium) var(--easing-out) backwards}.section-canvas[data-direction=backward]>*{animation-name:reveal-section-backward}@keyframes reveal-section-forward{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes reveal-section-backward{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}.section-canvas:after{content:"";background:var(--color-primary-blue-glow);width:2px;box-shadow:var(--glow-primary-strong);pointer-events:none;animation:travel-line-forward var(--duration-medium) var(--easing-out) backwards;position:absolute;inset:0 auto 0 0}.section-canvas[data-direction=backward]:after{animation-name:travel-line-backward}@keyframes travel-line-forward{0%{left:0}to{left:100%}}@keyframes travel-line-backward{0%{left:100%}to{left:0}}@keyframes stagger-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box}body{background:var(--color-dark-bg);color:var(--color-text-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}.app-shell{grid-template-rows:auto 1fr;height:100dvh;display:grid}.app-shell__body{min-height:0;overflow-y:auto}:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}.tech-chip{border:1px solid var(--color-border-subtle);background:var(--color-card-bg);color:var(--color-text-secondary);font-size:var(--font-size-subtitle);font-weight:var(--font-weight-subtitle);border-radius:999px;padding:6px 12px}.tech-chip--filter{font:inherit;min-height:var(--tap-min);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast)}@media (hover:hover){.tech-chip--filter:hover{border-color:var(--color-primary-blue);color:var(--color-text-primary)}}.tech-chip--active{border-color:var(--color-primary-blue);color:var(--color-text-active);box-shadow:var(--glow-primary)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}:root{--color-primary-blue:#2563eb;--color-primary-blue-glow:#3b82f6;--color-accent-blue:#60a5fa;--color-dark-bg:#0a0d14;--color-card-bg:#0f141b;--color-card-bg-hover:#141a24;--color-text-primary:#f3f4f6;--color-text-secondary:#9ca3af;--color-text-active:#fff;--color-border-subtle:#1f2937;--color-success-green:#22c55e;--color-danger-red:#ef4444;--color-pong-neon:#f0f;--color-pong-neon-glow:#bf00bf;--color-pong-paddle:#ffff80;--color-pong-paddle-glow:#bfbf40;--color-pong-table:#24004d;--color-zappy-food:#b32727;--color-zappy-food-leaf:#36772a;--color-zappy-food-stem:#5f3d23;--color-zappy-linemate:#59cb95;--color-zappy-deraumere:#e75959;--color-zappy-sibur:#fff;--color-zappy-mendiane:#cb9559;--color-zappy-phiras:#597cf3;--color-zappy-thystame:#fff;--color-smd-current-state:#ffa726;--color-smd-current-symbol:#4d9fff;--color-smd-symbol-anchor:#8fa8c4;--color-smd-state-error:#ff4757;--color-smd-state-error-fill:#3a1418;--color-smd-state-accepting:#8fa3c7;--color-smd-token-number:#0ff;--color-smd-token-operator:#f80;--color-l2s-background:#0d0d12;--color-l2s-empty:#1c1c21;--color-l2s-body:#3373f2;--color-l2s-head:#7aa4f7;--color-l2s-green-apple:#33cc40;--color-l2s-red-apple:#e63333;--color-l2s-highlight:#ffe633;--glow-primary:0 0 12px #2563eb33;--glow-primary-strong:0 0 18px #2563eb59;--glow-icon:drop-shadow(0 0 4px #2563eb99);--glow-icon-strong:drop-shadow(0 0 8px #2563ebe6);--radius-card:10px;--space-card-x:12px;--space-card-y:10px;--space-stack:8px;--size-icon:24px;--width-item:240px;--height-item:56px;--width-indicator:3px;--width-label-column:200px;--font-size-title:16px;--font-size-subtitle:12px;--font-weight-title:700;--font-weight-subtitle:500;--letter-spacing-title:.04em;--duration-fast:.16s;--duration-medium:.3s;--easing-out:cubic-bezier(.22, 1, .36, 1);--stagger-step:40ms;--transition-fast:var(--duration-fast) ease;--width-icon-rail:72px;--tap-min:44px;--space-inline:8px;--space-hairline:4px;--font-size-display:clamp(1.75rem, 1.2rem + 2.2vw, 2.25rem);--font-size-heading:clamp(1.35rem, 1.05rem + 1.2vw, 1.75rem)}@media (width>=768px){:root{--width-item:260px;--height-item:60px;--space-card-x:14px;--space-card-y:11px}}@media (width>=1280px){:root{--width-item:280px;--height-item:64px;--space-card-x:16px;--space-card-y:12px}}.language-switcher{gap:4px;display:flex}.language-button{min-width:var(--tap-min);min-height:var(--tap-min);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-size:var(--font-size-subtitle);font-weight:var(--font-weight-subtitle);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:4px 8px;display:inline-flex}@media (hover:hover){.language-button:hover{color:var(--color-text-primary);background:var(--color-card-bg-hover)}}.language-button.active{color:var(--color-text-active);border-color:var(--color-primary-blue);background:var(--color-card-bg);box-shadow:var(--glow-primary)}