:root{font-size:28px;font-family:JetBrains Mono,Fira Code,Source Code Pro,Courier New,monospace;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root,:root[data-theme=light]{--bg-primary: #f6f8fa;--bg-secondary: #fff;--bg-accent: #eef2f7;--text-primary: #24292f;--text-secondary: #57606a;--accent-primary: #0969da;--accent-secondary: #0550ae;--accent-warm: #bc4c00;--border-color: #d0d7de;--border-accent: #0969da;color-scheme:light;color:var(--text-primary);background-color:var(--bg-primary)}:root[data-theme=dark]{--bg-primary: #1a1d23;--bg-secondary: #252930;--bg-accent: #2d333b;--text-primary: #e6edf3;--text-secondary: #8b949e;--accent-primary: #58a6ff;--accent-secondary: #79c0ff;--accent-warm: #ffa657;--border-color: #373e47;--border-accent: #58a6ff;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary)}*{box-sizing:border-box}a{font-weight:500;color:var(--accent-primary);text-decoration:none;transition:color .2s ease;position:relative}a:hover{color:var(--accent-secondary)}body{margin:0;padding:0;min-width:320px;min-height:100vh}h1{font-size:2.2em;line-height:1.2;font-weight:600;margin-top:0;color:var(--text-primary)}h2{font-size:1.8em;font-weight:600;color:var(--text-primary)}h3{font-size:1.4em;font-weight:600;color:var(--text-primary)}p{color:var(--text-secondary);line-height:1.7}ul{color:var(--text-secondary)}button{border-radius:6px;border:1px solid var(--border-color);padding:.6em 1.2em;font-size:.95em;font-weight:500;font-family:inherit;background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .2s ease}button:hover{border-color:var(--border-accent);background-color:var(--bg-accent)}button:focus,button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}code{background-color:var(--bg-accent);padding:.2em .4em;border-radius:4px;font-size:.9em}pre{background-color:var(--bg-accent);border:1px solid var(--border-color);border-radius:6px;padding:1em;overflow-x:auto;font-size:.85em;line-height:1.5}pre code{background-color:transparent;padding:0;border-radius:0;font-size:1em}.App{min-height:100vh;display:flex;flex-direction:column}.nav{background-color:var(--bg-secondary);border-bottom:2px solid var(--border-color);padding:.1rem 2rem .1rem 3rem;display:flex;gap:4rem;align-items:center}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;padding:.4rem 0;border-radius:4px;transition:all .2s ease;position:relative}.nav-link:hover:not(.active){color:var(--accent-primary)}.nav-text{display:inline-block;position:relative}.nav-link:hover:not(.active) .nav-text{animation:slideTextRight .3s ease forwards}@keyframes slideTextRight{0%{transform:translate(0)}to{transform:translate(1.5rem)}}.nav-link.active{color:var(--accent-primary)}.nav-link.active .nav-text:before{content:"@";color:var(--accent-primary);position:relative;left:0;margin-right:0}.nav-link:hover:not(.active) .nav-prompt:before{content:">";color:var(--text-primary);position:absolute;left:-3rem;opacity:0;animation:fadeInDelayed .2s ease .3s forwards}.nav-link:hover:not(.active):before{content:"goto(";color:var(--accent-warm);font-weight:700;position:absolute;left:-1.9rem;animation:slideInLeft .3s ease}.nav-link:hover:not(.active) .nav-text:before{content:":";color:var(--accent-primary);position:absolute;left:-.5rem;opacity:0;animation:fadeInDelayed .2s ease .3s forwards}.nav-link:hover:not(.active) .nav-text:after{content:"█";color:var(--text-primary);position:absolute;right:-1.3rem;opacity:0;animation:fadeInDelayed .2s ease .3s forwards,cursorBlink 1s ease-in-out .5s infinite}.nav-link:hover:not(.active):after{content:")";color:var(--accent-warm);font-weight:700;position:absolute;right:-2.2rem;animation:slideInRight .3s ease}@keyframes slideInLeft{0%{left:-2.9rem;opacity:0}to{left:-1.9rem;opacity:1}}@keyframes slideInRight{0%{right:-3.2rem;opacity:0}to{right:-2.2rem;opacity:1}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeInDelayed{0%{opacity:0}to{opacity:1}}.main-content{flex:1;max-width:1300px;width:100%;margin:0 auto;padding:3rem 1rem}.main-content>div{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.theme-toggle{background:transparent;border:none;padding:.4rem 0;cursor:pointer;font-size:1em;color:var(--text-secondary);transition:all .2s ease;margin-left:auto;font-family:inherit;position:relative}.theme-toggle:hover{color:var(--accent-primary);background:transparent}.theme-toggle:focus,.theme-toggle:focus-visible,.theme-toggle:active{outline:none;border:none}.theme-toggle .theme-text{display:inline-block;position:relative}.theme-toggle .theme-text-hover,.theme-toggle:hover .theme-text-normal{display:none}.theme-toggle:hover .theme-text-hover{display:inline-block;color:var(--accent-warm);font-weight:700}:root .theme-toggle:hover .theme-prompt:before,:root[data-theme=light] .theme-toggle:hover .theme-prompt:before{content:">";color:var(--text-primary);position:absolute;left:-4.5rem;opacity:0;animation:fadeInDelayed .2s ease .3s forwards}:root[data-theme=dark] .theme-toggle:hover .theme-prompt:before{content:">";color:var(--text-primary);position:absolute;left:-4.5rem;opacity:0;animation:fadeInDelayed .2s ease .3s forwards}:root .theme-toggle:hover:before,:root[data-theme=light] .theme-toggle:hover:before{content:"theme";color:var(--text-secondary);position:absolute;left:-3.5rem;animation:slideInLeftTheme .3s ease}:root[data-theme=dark] .theme-toggle:hover:before{content:"theme";color:var(--text-secondary);position:absolute;left:-3.4rem;animation:slideInLeftTheme .3s ease}:root .theme-toggle:hover .theme-text:before,:root[data-theme=light] .theme-toggle:hover .theme-text:before{content:".";color:var(--text-primary);font-weight:700;position:absolute;left:-.55rem;opacity:0;animation:fadeInDelayed .2s ease .3s forwards}:root[data-theme=dark] .theme-toggle:hover .theme-text:before{content:".";color:var(--text-primary);font-weight:700;position:absolute;left:-.4rem;opacity:0;animation:fadeInDelayed .2s ease .3s forwards}.theme-toggle:hover .theme-text:after{content:"█";color:var(--text-primary);position:absolute;right:-1.3rem;opacity:0;animation:fadeInDelayed .2s ease .3s forwards,cursorBlink 1s ease-in-out .5s infinite}.theme-toggle:hover:after{content:"!";color:var(--accent-warm);font-weight:700;position:absolute;right:-.6rem;animation:slideInRightTheme .3s ease}@keyframes slideInLeftTheme{0%{left:-4.4rem;opacity:0}to{left:-3.4rem;opacity:1}}@keyframes slideInRightTheme{0%{right:-1.6rem;opacity:0}to{right:-.6rem;opacity:1}}@media(max-width:640px){.nav{gap:1rem;padding:1rem;flex-wrap:wrap}.main-content{padding:2rem .5rem}}