:root{font-family:"Press Start 2P",system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#212529;background-color:#f8f9fa;--pixel-primary: #209cee;--pixel-success: #92cc41;--pixel-warning: #f7d51d;--pixel-danger: #e76e55;--pixel-dark: #212529;--pixel-white: #ffffff;--pixel-gray: #adafbc}*{box-sizing:border-box;image-rendering:pixelated}body{margin:0;display:flex;flex-direction:column;min-height:100vh;padding:0;overflow-x:hidden}#root{width:100%}h1,h2,h3,h4{text-transform:uppercase;margin-bottom:2rem;line-height:1.4}.pixel-border{border:4px solid #212529;position:relative;background:#fff;padding:1rem;box-shadow:-4px 0 0 -2px #212529,4px 0 0 -2px #212529,0 -4px 0 -2px #212529,0 4px 0 -2px #212529}.pixel-button{display:inline-block;padding:.5rem 1rem;font-family:inherit;font-size:.8rem;cursor:pointer;border:4px solid #212529;background:#fff;position:relative;box-shadow:-4px 0 0 -2px #212529,4px 0 0 -2px #212529,0 -4px 0 -2px #212529,0 4px 0 -2px #212529;margin:4px;text-decoration:none;color:#212529;outline:none}.pixel-button:active{top:2px;box-shadow:none}.pixel-button.primary{background:var(--pixel-primary);color:#fff}.pixel-button.success{background:var(--pixel-success);color:#fff}.pixel-button.danger{background:var(--pixel-danger);color:#fff}.pixel-button.warning{background:var(--pixel-warning);color:#000}.pixel-input{display:block;width:100%;padding:.5rem;font-family:inherit;font-size:.8rem;border:4px solid #212529;background:#fff;box-shadow:-4px 0 0 -2px #212529,4px 0 0 -2px #212529,0 -4px 0 -2px #212529,0 4px 0 -2px #212529;margin-bottom:1rem;outline:none}.pixel-container{max-width:1200px;margin:0 auto;padding:2rem}.app-header{background:var(--pixel-dark);color:#fff;padding:1rem 2rem;border-bottom:8px solid #000;display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;gap:1rem}.nav-link{color:#fff;text-decoration:none;font-size:.7rem;padding:.5rem}.nav-link.active{color:var(--pixel-primary);text-decoration:underline}.pixel-table{width:100%;border-collapse:collapse;margin-top:2rem}.pixel-table td,.pixel-table th{border:4px solid #212529;padding:.8rem;text-align:left;font-size:.7rem}.pixel-table th{background:var(--pixel-gray);color:#fff}@keyframes pixel-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pixel-spin{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}.pixel-loader{display:inline-block;width:20px;height:20px;border:4px solid var(--pixel-primary);background:#fff;animation:pixel-spin 1s steps(4) infinite}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;color:#fff;text-align:center}.loading-text{margin-top:1.5rem;font-size:.8rem;animation:pixel-bounce 1s infinite}.pixel-spinner-large{width:40px;height:40px;border:8px solid white;border-top-color:var(--pixel-primary);border-bottom-color:var(--pixel-success);border-left-color:var(--pixel-warning);border-right-color:var(--pixel-danger);animation:pixel-spin 2s steps(8) infinite}.voice-button{position:absolute;left:50%;bottom:20px;transform:translate(-50%);width:50px;height:50px;border:4px solid var(--pixel-dark);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:-4px 0 0 -2px var(--pixel-dark),4px 0 0 -2px var(--pixel-dark),0 -4px 0 -2px var(--pixel-dark),0 4px 0 -2px var(--pixel-dark);z-index:10}.voice-button:hover{background:#f0f0f0;bottom:22px}.voice-button.listening{background:var(--pixel-danger);border-color:#610000}.pixel-mic{width:14px;height:20px;background:#212529;position:relative;box-shadow:-2px -4px #212529,2px -4px #212529,-4px -2px #212529,4px -2px #212529,-4px 0 #212529,4px 0 #212529,-2px 2px #212529,2px 2px #212529,0 4px #212529,-6px 6px #212529,6px 6px #212529,-8px 8px #212529,0 8px #212529,8px 8px #212529}.pixel-mic:before{content:"";position:absolute;top:-2px;left:3px;width:8px;height:2px;background:#666;box-shadow:0 4px #666}.listening .pixel-mic,.listening .pixel-mic:before{background:#fff;box-shadow:none;filter:drop-shadow(0 0 2px white)}.listening .pixel-mic:before{display:none}.listening-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;color:var(--pixel-danger);display:flex;flex-direction:column;align-items:center;gap:15px;pointer-events:none;font-weight:700;animation:pixel-pulse-text .8s interface infinite;text-shadow:4px 4px 0 rgba(0,0,0,.1);background:#fffc;padding:20px;border:6px double var(--pixel-danger);width:80%;text-align:center}@keyframes pixel-pulse-text{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.05);opacity:1}}.listening-indicator .dot{width:12px;height:12px;background:var(--pixel-danger);display:inline-block;animation:pixel-blink .4s step-end infinite}@keyframes pixel-blink{0%,to{opacity:1}50%{opacity:0}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}