:root{--background: 240 10% 4%;--foreground: 180 100% 95%;--card: 240 8% 8%;--card-foreground: 180 100% 95%;--popover: 240 8% 8%;--popover-foreground: 180 100% 95%;--primary: 186 100% 50%;--primary-foreground: 240 10% 4%;--secondary: 320 100% 50%;--secondary-foreground: 240 10% 4%;--muted: 240 5% 15%;--muted-foreground: 180 10% 60%;--accent: 280 100% 60%;--accent-foreground: 240 10% 4%;--success: 123, 38%, 57%;--success-foreground: 0 0% 0%;--destructive: 0 80% 60%;--destructive-foreground: 0 0% 100%;--border: 240 10% 15%;--input: 240 10% 15%;--ring: 186 100% 50%;--radius: .75rem;--neon-cyan: 186 100% 50%;--neon-magenta: 320 100% 50%;--neon-purple: 280 100% 60%;--neon-green: 150 100% 50%;--gradient-neon: linear-gradient(135deg, hsl(var(--neon-cyan)), hsl(var(--neon-magenta)));--gradient-rainbow: linear-gradient(90deg, hsl(0 100% 50%), hsl(60 100% 50%), hsl(120 100% 50%), hsl(180 100% 50%), hsl(240 100% 50%), hsl(300 100% 50%), hsl(360 100% 50%) );--glow-cyan: 0 0 20px hsl(var(--neon-cyan) / .5), 0 0 40px hsl(var(--neon-cyan) / .3);--glow-magenta: 0 0 20px hsl(var(--neon-magenta) / .5), 0 0 40px hsl(var(--neon-magenta) / .3);--glow-purple: 0 0 20px hsl(var(--neon-purple) / .5), 0 0 40px hsl(var(--neon-purple) / .3);--glow-green: 0 0 20px hsl(var(--neon-green) / .5), 0 0 40px hsl(var(--neon-green) / .3);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}@layer utilities{.glow-cyan{box-shadow:var(--glow-cyan)}.glow-magenta{box-shadow:var(--glow-magenta)}.glow-purple{box-shadow:var(--glow-purple)}.glow-green{box-shadow:var(--glow-green)}.text-glow-cyan{text-shadow:var(--glow-cyan)}.text-glow-magenta{text-shadow:var(--glow-magenta)}.animate-pulse-glow{animation:pulse-glow 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-glow{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.7;filter:brightness(1.5)}}}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-primary{color:hsl(var(--primary))}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-red-400{color:#f87171}.text-yellow-400{color:#facc15}.bg-green-400{background-color:#4ade80}.text-green-400{color:#4ade80}.font-medium{font-weight:500}.bg-muted{background-color:hsl(var(--muted-foreground))}.bg-card{border-color:hsl(var(--primary) / .3)}.border{border-style:solid;border-width:1px;border-radius:var(--radius)}.border-top{border-top-style:solid;border-width:1px}.border-primary{border-color:hsl(var(--primary) / .3)}.border-destructive{border-color:hsl(var(--destructive) / .5)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{50%{opacity:.5}}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.button{padding:.5rem 1rem;cursor:pointer;font-weight:700;border-radius:var(--radius);border-width:1px}.button-success{background-color:hsl(var(--success));color:hsl(var(--success-foreground))}.button-success:hover{background-color:#4aa54f}.button-destructive{background-color:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.button-destructive:hover{background-color:hsl(var(--destructive) / .85)}#header{background-image:linear-gradient(to right,hsl(var(--primary)),hsl(var(--secondary)));padding-bottom:12px}#screen-share{display:inline-flex;gap:.5rem;justify-content:center;align-items:center;cursor:pointer;width:100%;height:3.5rem;margin-top:1.5rem;padding:2rem;animation-duration:.3s;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);font-weight:700;border-color:hsl(var(--primary));border-width:2px;background-image:linear-gradient(to right,hsl(var(--primary)),hsl(var(--secondary)));color:hsl(var(--foreground))}#screen-share:hover{transform:scale(1.05);box-shadow:var(--glow-cyan)}#stop-screen-share{display:inline-flex;gap:.5rem;justify-content:center;align-items:center;cursor:pointer;width:100%;height:3.5rem;margin-top:1.5rem;padding:1.5rem 2rem;font-weight:700;background-color:hsl(var(--destructive));color:hsl(var(--destructive-foreground));border-radius:var(--radius)}#stop-screen-share:hover{background-color:hsl(var(--destructive) / .85)}*{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";box-sizing:border-box}h1,p{margin:0}button{border-color:transparent;border-style:solid}body{background-color:hsl(var(--background));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 20% 50%,hsl(var(--neon-cyan) / .05) 0%,transparent 50%),radial-gradient(circle at 80% 50%,hsl(var(--neon-magenta) / .05) 0%,transparent 50%);margin:0;color:hsl(var(--foreground))}.grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:640px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.mode-element{display:flex;align-items:center;gap:1rem;cursor:pointer;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;line-height:1;padding:1.5rem;background-color:hsl(var(--card) / .5);border-color:hsl(var(--border));border-width:2px}.mode-element:hover{border-color:hsl(var(--primary) / .5)}.mode-element.active{border-color:hsl(var(--primary));background-color:hsl(var(--primary) / .2)}.mode-element button{width:1rem;height:1rem;background-color:transparent;background-image:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.mode-element button span{display:flex;align-items:center;justify-content:center;width:.625rem;height:.625rem}.mode-element button svg{color:hsl(var(--primary));fill:hsl(var(--primary));width:.625rem;height:.625rem}.serial-display-log-btn{padding:.375rem .75rem;margin:0 1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;display:flex;align-items:center;gap:.5rem}.serial-display-log-btn.has-error{background-color:#ef444433;border-color:#ef444480;color:#f87171}.serial-display-log-btn.has-error:hover{background-color:#ef44444d}.serial-display-log-btn.no-error{background-color:hsl(var(--primary) / .1);border-color:hsl(var(--primary) / .3);color:hsl(var(--primary))}.serial-display-log-btn.no-error:hover{background-color:hsl(var(--primary) / .2)}.serial-display-log-entry{font-family:monospace!important;font-size:.75rem;padding:.5rem 1rem;display:flex;gap:.25rem;align-items:center}.serial-display-log-entry .timestamp{font-size:.6rem}.serial-display-log-entry .timestamp,.serial-display-log-entry .direction{white-space:nowrap}