@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0A0A0A;--bg-secondary: #111111;--bg-surface: #161616;--bg-elevated: #1C1C1C;--bg-input: #0D0D0D;--green-50: #00FF41;--green-40: #00CC33;--green-30: #009926;--green-muted: rgba(0, 255, 65, .15);--green-glow: 0 0 20px rgba(0, 255, 65, .3);--magenta-50: #FF00FF;--magenta-40: #CC00CC;--magenta-muted: rgba(255, 0, 255, .15);--magenta-glow: 0 0 20px rgba(255, 0, 255, .3);--cyan-50: #00FFFF;--cyan-muted: rgba(0, 255, 255, .15);--red-50: #FF3333;--red-muted: rgba(255, 51, 51, .15);--amber-50: #FFB800;--amber-muted: rgba(255, 184, 0, .15);--text-primary: #E0E0E0;--text-secondary: #888888;--text-muted: #555555;--text-green: var(--green-50);--text-magenta: var(--magenta-50);--border-hard: 2px solid #333333;--border-green: 2px solid var(--green-50);--border-magenta: 2px solid var(--magenta-50);--shadow-brutal: 4px 4px 0 var(--green-50);--shadow-brutal-sm: 2px 2px 0 var(--green-50);--shadow-brutal-magenta: 4px 4px 0 var(--magenta-50);--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-sans: "Space Grotesk", system-ui, -apple-system, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--ease-snap: cubic-bezier(.25, .46, .45, .94);--duration-fast: .1s;--duration-normal: .2s}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-mono);background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;min-height:100vh}::selection{background:var(--green-50);color:var(--bg-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--green-30);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--green-50)}.matrix-rain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.4;pointer-events:none}.app{position:relative;min-height:100vh;display:flex;flex-direction:column}.app__shell{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh;max-width:1440px;width:100%;margin:0 auto;padding:0 var(--space-lg)}.app__main{flex:1;display:flex;flex-direction:column;padding:var(--space-lg) 0}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) 0;border-bottom:var(--border-green)}.header__logo{display:flex;align-items:center;gap:var(--space-sm)}.header__icon{color:var(--green-50);filter:drop-shadow(0 0 8px rgba(0,255,65,.5));animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 8px rgba(0,255,65,.5))}50%{filter:drop-shadow(0 0 16px rgba(0,255,65,.8))}}.header__title{font-family:var(--font-sans);font-size:1.5rem;font-weight:800;color:var(--green-50);text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 10px rgba(0,255,65,.4)}.header__separator{color:var(--text-muted);font-weight:600;margin:0 var(--space-xs)}.header__subtitle{font-family:var(--font-mono);font-size:.85rem;font-weight:500;color:var(--text-secondary);letter-spacing:2px}.header__badge{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border:var(--border-green);background:var(--green-muted);font-size:.75rem;font-weight:600;letter-spacing:1px}.header__board-label{color:var(--green-50)}.header__board-dot{width:6px;height:6px;border-radius:50%;background:var(--green-50);box-shadow:0 0 6px var(--green-50);animation:blink-dot 1.5s step-end infinite}@keyframes blink-dot{0%,to{opacity:1}50%{opacity:.3}}.header__board-text{color:var(--text-secondary)}.tab-nav{display:flex;gap:0;margin-top:var(--space-md)}.tab-nav__tab{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:transparent;border:var(--border-hard);color:var(--text-secondary);font-family:var(--font-mono);font-size:.8rem;font-weight:600;letter-spacing:2px;cursor:pointer;transition:all var(--duration-fast) var(--ease-snap);position:relative}.tab-nav__tab:first-child{border-right:none}.tab-nav__tab:hover{background:var(--bg-elevated);color:var(--text-primary)}.tab-nav__tab--active{background:var(--green-muted);color:var(--green-50);border-color:var(--green-50);box-shadow:var(--shadow-brutal-sm)}.tab-nav__tab--active:hover{background:var(--green-muted);color:var(--green-50)}.brutal-btn{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-weight:700;font-size:.8rem;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border:2px solid;transition:all var(--duration-fast) var(--ease-snap);position:relative}.brutal-btn--sm{padding:var(--space-xs) var(--space-sm);font-size:.7rem}.brutal-btn--md{padding:var(--space-sm) var(--space-md)}.brutal-btn--lg{padding:var(--space-md) var(--space-xl);font-size:.9rem}.brutal-btn--primary{background:var(--green-muted);border-color:var(--green-50);color:var(--green-50);box-shadow:var(--shadow-brutal)}.brutal-btn--primary:hover{background:var(--green-50);color:var(--bg-primary);box-shadow:6px 6px 0 var(--green-40)}.brutal-btn--primary:active{box-shadow:1px 1px 0 var(--green-50);transform:translate(3px,3px)}.brutal-btn--secondary{background:transparent;border-color:var(--magenta-50);color:var(--magenta-50);box-shadow:var(--shadow-brutal-magenta)}.brutal-btn--secondary:hover{background:var(--magenta-muted);box-shadow:6px 6px 0 var(--magenta-40)}.brutal-btn--secondary:active{box-shadow:1px 1px 0 var(--magenta-50);transform:translate(3px,3px)}.brutal-btn--ghost{background:transparent;border-color:#333;color:var(--text-secondary);box-shadow:none}.brutal-btn--ghost:hover{border-color:var(--text-secondary);color:var(--text-primary);background:var(--bg-elevated)}.brutal-btn--ghost:active{transform:translate(1px,1px)}.brutal-btn--danger{background:transparent;border-color:var(--red-50);color:var(--red-50);box-shadow:4px 4px 0 var(--red-50)}.brutal-btn--danger:hover{background:var(--red-muted)}.brutal-btn--danger:active{box-shadow:1px 1px 0 var(--red-50);transform:translate(3px,3px)}.brutal-btn--full{width:100%;justify-content:center}.brutal-btn--disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}.editor{display:flex;flex-direction:column;border:var(--border-green);background:var(--bg-secondary);overflow:hidden;min-height:0;flex:1}.editor--output{border-color:var(--magenta-50)}.editor__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border-bottom:1px solid #222;flex-shrink:0}.editor__label{font-size:.7rem;font-weight:700;letter-spacing:2px;color:var(--green-50)}.editor--output .editor__label{color:var(--magenta-50)}.editor__badge{font-size:.6rem;font-weight:700;padding:2px 8px;border:1px solid var(--green-50);color:var(--green-50);letter-spacing:1px}.editor__badge--output{border-color:var(--magenta-50);color:var(--magenta-50)}.editor__body{display:flex;flex:1;min-height:0;overflow:hidden}.editor__line-numbers{display:flex;flex-direction:column;padding:var(--space-md) 0;min-width:45px;background:var(--bg-surface);border-right:1px solid #222;overflow-y:hidden;-webkit-user-select:none;user-select:none;flex-shrink:0}.editor__line-num{font-size:.7rem;line-height:1.6;color:var(--text-muted);text-align:right;padding:0 var(--space-sm)}.editor__textarea{flex:1;padding:var(--space-md);background:transparent;border:none;outline:none;color:var(--text-primary);font-family:var(--font-mono);font-size:.85rem;line-height:1.6;resize:none;overflow-y:auto;-moz-tab-size:2;tab-size:2}.editor__textarea::placeholder{color:var(--text-muted)}.editor__code{flex:1;padding:var(--space-md);background:transparent;font-family:var(--font-mono);font-size:.85rem;line-height:1.6;color:var(--text-primary);overflow-y:auto;white-space:pre;word-wrap:normal}.editor__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);color:var(--text-muted);padding:var(--space-2xl)}.editor__empty-icon{font-size:2.5rem;color:#2a2a2a;font-weight:700}.editor__empty-text{font-size:.85rem;font-weight:600}.editor__empty-hint{font-size:.7rem;color:var(--text-muted)}.hl-comment{color:var(--text-muted);font-style:italic}.hl-preproc{color:var(--cyan-50)}.hl-string{color:var(--amber-50)}.hl-number{color:#ff7b7b}.hl-keyword{color:var(--magenta-50)}.hl-arduino{color:var(--cyan-50);font-weight:600}.hl-object{color:var(--green-50);font-weight:600}.hl-method{color:#87ceeb}.converter-panel{display:flex;flex-direction:column;gap:var(--space-md);flex:1;min-height:0}.converter-panel__editors{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);flex:1;min-height:400px}.action-bar{display:flex;flex-direction:column;gap:var(--space-md)}.action-bar__buttons{display:flex;gap:var(--space-sm);flex-wrap:wrap}.action-bar__errors{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:var(--red-muted);border:2px solid var(--red-50)}.action-bar__error{display:flex;align-items:center;gap:var(--space-sm);font-size:.75rem}.action-bar__error-line{color:var(--red-50);font-weight:700;min-width:30px}.action-bar__error-msg{color:var(--text-primary)}.copilot-panel{display:flex;flex-direction:column;flex:1;border:var(--border-magenta);background:var(--bg-secondary);min-height:0}.copilot-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border-bottom:1px solid #222;flex-shrink:0}.copilot-panel__title{font-size:.7rem;font-weight:700;letter-spacing:2px;color:var(--magenta-50)}.copilot-panel__messages{flex:1;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.chat-msg{display:flex;gap:var(--space-sm);animation:msg-in .3s var(--ease-snap)}@keyframes msg-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-msg__avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #333;flex-shrink:0;font-size:.85rem}.chat-msg--user .chat-msg__avatar{border-color:var(--cyan-50);color:var(--cyan-50);background:var(--cyan-muted)}.chat-msg--assistant .chat-msg__avatar{border-color:var(--magenta-50);color:var(--magenta-50);background:var(--magenta-muted)}.chat-msg__body{flex:1;min-width:0}.chat-msg__label{font-size:.6rem;font-weight:700;letter-spacing:2px;color:var(--text-muted);margin-bottom:var(--space-xs)}.chat-msg--user .chat-msg__label{color:var(--cyan-50)}.chat-msg--assistant .chat-msg__label{color:var(--magenta-50)}.chat-msg__content{display:flex;flex-direction:column;padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border:1px solid #222;font-size:.8rem;line-height:1.7}.chat-msg--user .chat-msg__content{border-color:#2a2a2a}.chat-msg--assistant .chat-msg__content{border-left:2px solid var(--magenta-50)}.chat-msg__line{display:block}.chat-msg__line code{background:var(--bg-primary);padding:1px 6px;color:var(--green-50);font-size:.8em;border:1px solid #222}.chat-msg__line strong{color:var(--green-50);font-weight:700}.chat-msg__list-item{margin-left:var(--space-md);color:var(--text-secondary)}.chat-msg__typing{display:flex;gap:var(--space-sm);padding:var(--space-sm)}.typing-dot{width:6px;height:6px;background:var(--magenta-50);border-radius:50%;animation:typing-bounce 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.code-block{margin-top:var(--space-sm);border:1px solid #333;overflow:hidden}.code-block__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-sm);background:var(--bg-elevated);border-bottom:1px solid #222}.code-block__label{font-size:.6rem;font-weight:700;letter-spacing:1px;color:var(--text-muted)}.code-block__btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:1px solid #333;color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast)}.code-block__code{padding:var(--space-md);background:var(--bg-primary);font-family:var(--font-mono);font-size:.75rem;line-height:1.7;color:var(--text-primary);overflow-x:auto;white-space:pre}.chat-input{padding:var(--space-md);border-top:1px solid #222;background:var(--bg-surface);flex-shrink:0}.chat-input__wrapper{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:var(--border-magenta);background:var(--bg-input)}.chat-input__prompt{color:var(--magenta-50);font-weight:700;font-size:1rem;flex-shrink:0}.chat-input__field{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-family:var(--font-mono);font-size:.85rem}.chat-input__field::placeholder{color:var(--text-muted)}.chat-input__field:disabled{opacity:.5}.chat-input__send{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--magenta-muted);border:1px solid var(--magenta-50);color:var(--magenta-50);cursor:pointer;transition:all var(--duration-fast);flex-shrink:0}.chat-input__send:hover:not(:disabled){background:var(--magenta-50);color:var(--bg-primary)}.chat-input__send:disabled{opacity:.3;cursor:not-allowed}.footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) 0;border-top:1px solid #222;font-size:.65rem;letter-spacing:1px;color:var(--text-muted);flex-shrink:0}.footer__left,.footer__right{display:flex;align-items:center;gap:var(--space-sm)}.footer__status{font-weight:700}.footer__status--ready{color:var(--green-50)}.footer__status--error,.footer__error-count{color:var(--red-50)}.footer__board{color:var(--text-muted)}.footer__divider{color:#333}.footer__time{color:var(--text-muted);font-variant-numeric:tabular-nums}.toast{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:1000;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:2px solid;font-family:var(--font-mono);font-size:.8rem;font-weight:600;cursor:pointer;transform:translate(130%);transition:transform .3s var(--ease-snap)}.toast--visible{transform:translate(0)}.toast--success{background:var(--bg-surface);border-color:var(--green-50);color:var(--green-50);box-shadow:var(--shadow-brutal)}.toast--error{background:var(--bg-surface);border-color:var(--red-50);color:var(--red-50);box-shadow:4px 4px 0 var(--red-50)}.toast--info{background:var(--bg-surface);border-color:var(--cyan-50);color:var(--cyan-50);box-shadow:4px 4px 0 var(--cyan-50)}.toast__icon{font-weight:800}.glitch-text{display:inline-block}.hl-comment{color:#6a9955;font-style:italic}.hl-preproc{color:var(--magenta-50);font-weight:600}.hl-string{color:#ce9178}.hl-number{color:#b5cea8}.hl-keyword{color:#569cd6;font-weight:600}.hl-arduino{color:var(--cyan-50);font-weight:500}.hl-object{color:#4ec9b0;font-weight:600}.hl-method{color:#dcdcaa}.hl-constant{color:var(--amber-50);font-weight:600}.hl-ducky-keyword{color:var(--green-50);font-weight:700}.toast{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:9999;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:var(--border-hard);font-family:var(--font-mono);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transform:translate(calc(100% + var(--space-lg)));opacity:0;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .3s ease;pointer-events:auto;cursor:pointer;max-width:400px}.toast--visible{transform:translate(0);opacity:1}.toast--success{background:var(--bg-elevated);color:var(--green-50);border-color:var(--green-50);box-shadow:var(--shadow-brutal-sm)}.toast--error{background:var(--bg-elevated);color:var(--red-50);border-color:var(--red-50);box-shadow:2px 2px 0 var(--red-50)}.toast--warning{background:var(--bg-elevated);color:var(--amber-50);border-color:var(--amber-50);box-shadow:2px 2px 0 var(--amber-50)}.toast--info{background:var(--bg-elevated);color:var(--cyan-50);border-color:var(--cyan-50);box-shadow:2px 2px 0 var(--cyan-50)}.toast__icon{font-size:1rem;flex-shrink:0}.toast__message{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.code-block{margin-top:var(--space-sm);border:var(--border-hard);background:var(--bg-primary);overflow:hidden}.code-block__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-sm);background:var(--bg-surface);border-bottom:1px solid #333;font-family:var(--font-mono);font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.code-block__label{font-weight:600}.code-block__actions{display:flex;gap:var(--space-xs)}.code-block__btn{display:flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;border-radius:2px}.code-block__btn:hover{color:var(--green-50);border-color:var(--green-50);background:var(--green-muted)}.code-block__code{padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:.78rem;line-height:1.6;color:var(--text-primary);overflow-x:auto;white-space:pre;margin:0;max-height:300px;overflow-y:auto}.code-block__code::-webkit-scrollbar{width:6px;height:6px}.code-block__code::-webkit-scrollbar-track{background:var(--bg-primary)}.code-block__code::-webkit-scrollbar-thumb{background:#333}@media(max-width:900px){.app__shell{padding:0 var(--space-md)}.converter-panel__editors{grid-template-columns:1fr;min-height:600px}.header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.header__badge{align-self:flex-start}.action-bar__buttons{justify-content:stretch}.action-bar__buttons .brutal-btn{flex:1;justify-content:center}}@media(max-width:600px){.header__title{font-size:1.1rem}.header__subtitle{font-size:.7rem}.tab-nav__tab{flex:1;justify-content:center;font-size:.7rem;padding:var(--space-sm)}}