:root{--blue: #00c8ff;--blue-dim: #009acc;--blue-dark: #004466;--blue-faint: #001a2e;--gold: #f0c840;--gold-dim: #c09018;--red: #ff2020;--bg: #000508;--bg-panel: #02080f;--bg-card: #04101a;--border: #0a2a3a;--border-bright:#00c8ff;--text-dim: #4a8a9a;--font-display: "VT323", monospace;--font-mono: "Share Tech Mono", "Courier New", monospace;--scanline-opacity: .08}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg);color:var(--blue);font-family:var(--font-mono);overflow:hidden}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1000;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,var(--scanline-opacity)) 2px,rgba(0,0,0,var(--scanline-opacity)) 4px)}.scanlines:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.4) 100%);pointer-events:none}@keyframes noise-shift{0%{transform:translate(0)}10%{transform:translate(-1px,1px)}20%{transform:translate(1px,-1px)}30%{transform:translate(-1px,-1px)}40%{transform:translate(1px,1px)}50%{transform:translateY(1px)}60%{transform:translate(1px)}70%{transform:translate(-1px)}80%{transform:translateY(-1px)}90%{transform:translate(1px,-1px)}to{transform:translate(0)}}.app{display:flex;flex-direction:column;height:100dvh;max-width:1200px;margin:0 auto;padding:8px;gap:6px}.codec-header{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);border-top:2px solid var(--blue-dim);padding:6px 16px;background:var(--bg-card);position:relative;overflow:hidden;flex-shrink:0}.codec-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(0,200,255,.03) 50%,transparent 100%)}.codec-arrows{font-family:var(--font-display);font-size:1.4rem;color:var(--blue-dim);letter-spacing:2px;-webkit-user-select:none;user-select:none}.codec-freq-block{display:flex;flex-direction:column;align-items:center;gap:2px}.codec-freq-label{font-family:var(--font-display);font-size:.75rem;color:var(--text-dim);letter-spacing:3px}.codec-freq-value{font-family:var(--font-display);font-size:1.6rem;color:var(--blue);letter-spacing:4px;text-shadow:0 0 10px var(--blue),0 0 20px rgba(0,200,255,.3)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.blink{animation:blink 1s step-end infinite}.codec-status{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 6px var(--blue);animation:blink 2s ease-in-out infinite}.status-text{font-size:.65rem;color:var(--blue-dim);letter-spacing:2px}.codec-body{display:flex;gap:6px;flex:1;min-height:0}.sidebar{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:6px}.portrait-frame{border:1px solid var(--blue-dark);border-top:2px solid var(--blue-dim);background:var(--bg-card);position:relative;aspect-ratio:1;overflow:hidden;box-shadow:0 0 8px #00c8ff26,inset 0 0 20px #0009}.portrait-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.15) 3px,rgba(0,0,0,.15) 4px);pointer-events:none}.portrait-img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(2.1) brightness(.7) sepia(1) hue-rotate(175deg) saturate(3) drop-shadow(0 0 6px rgba(0,200,255,.8)) drop-shadow(0 0 12px rgba(0,200,255,.4))}.portrait-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-panel);gap:8px}.portrait-ascii{font-family:var(--font-display);font-size:3rem;color:var(--blue-dim);text-shadow:0 0 15px var(--blue-dim);line-height:1}.portrait-initials{font-family:var(--font-display);font-size:1rem;color:var(--text-dim);letter-spacing:3px}@keyframes static-flicker{0%{opacity:.05}25%{opacity:.1}50%{opacity:.05}75%{opacity:.08}to{opacity:.05}}.portrait-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;animation:static-flicker .15s infinite;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-size:cover;pointer-events:none}.portrait-label{position:absolute;bottom:0;left:0;right:0;background:#000c;border-top:1px solid var(--border);padding:4px 8px;font-family:var(--font-display);font-size:.85rem;letter-spacing:2px;color:var(--blue-dim)}.info-panel{border:1px solid var(--border);background:var(--bg-card);padding:10px;flex:1;overflow-y:auto}.info-section{margin-bottom:14px}.info-section:last-child{margin-bottom:0}.info-label{font-family:var(--font-display);font-size:.7rem;color:var(--text-dim);letter-spacing:3px;margin-bottom:6px;border-bottom:1px solid var(--blue-faint);padding-bottom:2px}.system-row{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:.7rem;color:var(--blue-dim)}.system-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.system-dot.online{background:var(--blue);box-shadow:0 0 4px var(--blue)}.system-dot.amber{background:var(--gold);box-shadow:0 0 4px var(--gold)}.system-dot.offline{background:var(--red)}.link-row{display:block;font-size:.68rem;color:var(--blue-dim);text-decoration:none;padding:2px 0;letter-spacing:1px;transition:color .1s}.link-row:hover{color:var(--blue);text-shadow:0 0 6px var(--blue)}.link-row:before{content:"> ";color:var(--text-dim)}.chat-panel{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0;position:relative}.codec-screen{display:none}.chat-header-text{display:contents}.chat-header{border:1px solid var(--border);border-top:2px solid var(--gold-dim);background:var(--bg-card);padding:6px 14px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.chat-title{font-family:var(--font-display);font-size:1rem;color:var(--gold);letter-spacing:3px;text-shadow:0 0 8px rgba(240,200,64,.4)}.chat-meta{font-size:.65rem;color:var(--text-dim);letter-spacing:2px}.messages-container{flex:1;overflow-y:auto;border:1px solid var(--border);background:var(--bg-panel);padding:14px;display:flex;flex-direction:column;gap:12px;min-height:0;scroll-behavior:smooth}.messages-container::-webkit-scrollbar{width:4px}.messages-container::-webkit-scrollbar-track{background:var(--bg)}.messages-container::-webkit-scrollbar-thumb{background:var(--blue-dark)}.message{display:flex;flex-direction:column;gap:4px;max-width:90%}.message.user{align-self:flex-end;align-items:flex-end}.message.assistant{align-self:flex-start;align-items:flex-start}.message-sender{font-family:var(--font-display);font-size:.7rem;letter-spacing:3px}.message.user .message-sender{color:var(--gold-dim)}.message.assistant .message-sender{color:var(--blue-dark)}.message-bubble{padding:10px 14px;border:1px solid;font-size:.85rem;line-height:1.6;position:relative;white-space:pre-wrap;word-break:break-word}.message.user .message-bubble{border-color:var(--gold-dim);background:#f0c8400d;color:var(--gold);border-radius:2px 2px 0}.message.assistant .message-bubble{border-color:var(--blue-dark);background:#00c8ff08;color:var(--blue);border-radius:2px 2px 2px 0}.message.assistant .message-bubble:before{content:"";position:absolute;top:-1px;left:-1px;width:12px;height:2px;background:var(--blue)}.message.user .message-bubble:after{content:"";position:absolute;bottom:-1px;right:-1px;width:12px;height:2px;background:var(--gold-dim)}.message-time{font-size:.6rem;color:var(--text-dim);letter-spacing:1px}.typing-cursor:after{content:"█";animation:blink .7s step-end infinite;color:var(--blue)}.system-message{align-self:center;font-family:var(--font-display);font-size:.75rem;color:var(--text-dim);letter-spacing:2px;padding:4px 10px;border:1px solid var(--blue-faint);background:#00c8ff05}.thinking{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.8rem;color:var(--blue-dark);letter-spacing:2px;padding:8px 0}@keyframes pulse-dot{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.thinking-dots{display:flex;gap:4px}.thinking-dots span{width:6px;height:6px;border-radius:50%;background:var(--blue-dim);animation:pulse-dot 1.2s ease-in-out infinite}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}.input-area{border:1px solid var(--blue-dark);border-bottom:2px solid var(--blue-dim);border-top:1px solid var(--blue-dark);background:var(--bg-card);padding:10px 14px;display:flex;align-items:center;gap:10px;flex-shrink:0;box-shadow:0 0 12px #00c8ff14,inset 0 1px #00c8ff0d}.input-area:focus-within{border-color:var(--blue-dim);box-shadow:0 0 16px #00c8ff26,inset 0 1px #00c8ff14}.input-prompt{font-family:var(--font-display);font-size:1.1rem;color:var(--blue-dim);-webkit-user-select:none;user-select:none;flex-shrink:0}.chat-input{flex:1;background:transparent;border:none;outline:none;-webkit-appearance:none;font-family:var(--font-mono);font-size:1rem;color:var(--blue);caret-color:var(--blue);letter-spacing:.5px;-webkit-text-fill-color:var(--blue)}.chat-input::placeholder{color:var(--text-dim);-webkit-text-fill-color:var(--text-dim);opacity:1}.chat-input:disabled{opacity:.4;cursor:not-allowed}.send-btn{background:transparent;border:1px solid var(--blue-dark);color:var(--blue-dim);font-family:var(--font-display);font-size:.85rem;letter-spacing:2px;padding:6px 14px;cursor:pointer;transition:all .15s;text-transform:uppercase;flex-shrink:0}.send-btn:hover:not(:disabled){border-color:var(--blue);color:var(--blue);background:#00c8ff0d;box-shadow:0 0 10px #00c8ff33}.send-btn:disabled{opacity:.3;cursor:not-allowed}.send-icon{display:none}.char-count{font-size:.6rem;color:var(--text-dim);letter-spacing:1px;flex-shrink:0;min-width:40px;text-align:right}.char-count.warn{color:var(--gold-dim)}.boot-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:40px}.boot-logo{font-family:var(--font-display);font-size:clamp(1.5rem,5vw,3rem);color:var(--blue);letter-spacing:8px;text-shadow:0 0 20px var(--blue),0 0 40px rgba(0,200,255,.3);margin-bottom:20px}.boot-line{font-family:var(--font-mono);font-size:.75rem;color:var(--blue-dim);letter-spacing:1px;opacity:0;animation:fade-in .3s forwards;width:100%;max-width:500px}@keyframes fade-in{to{opacity:1}}.boot-bar-container{width:100%;max-width:500px;margin-top:20px;border:1px solid var(--blue-dark);height:16px;background:var(--bg-panel);overflow:hidden}.boot-bar-fill{height:100%;background:var(--blue-dim);box-shadow:0 0 10px var(--blue);transition:width .15s linear}.suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 4px}.suggestion-chip{background:transparent;border:1px solid var(--blue-faint);color:var(--text-dim);font-family:var(--font-mono);font-size:.68rem;padding:4px 10px;cursor:pointer;letter-spacing:.5px;transition:all .15s}.suggestion-chip:hover{border-color:var(--blue-dark);color:var(--blue-dim);background:#00c8ff08}.error-message{border-color:var(--red)!important;color:var(--red)!important;background:#ff20200a!important}.mobile-menu-btn{display:none}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:499;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-close-btn{display:none}@media (max-width: 700px){.app{padding:4px}.chat-header{padding:0;align-items:stretch}.chat-header-text{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:6px 10px}.codec-screen{display:flex;flex-direction:column;flex-shrink:0;width:28vw;overflow:hidden;border-right:1px solid var(--blue-dark);background:var(--bg);transition:height .3s ease;position:relative}.codec-screen-img{width:100%;height:100%;object-fit:contain;object-position:center center;display:block;filter:grayscale(1) contrast(2.1) brightness(.7) sepia(1) hue-rotate(175deg) saturate(3) drop-shadow(0 0 6px rgba(0,200,255,.8)) drop-shadow(0 0 12px rgba(0,200,255,.4))}.codec-screen-label{position:absolute;bottom:0;left:0;right:0;padding:2px 4px;font-family:var(--font-mono);font-size:.45rem;letter-spacing:1px;color:var(--blue-dim);background:linear-gradient(transparent,#000814bf);text-align:center}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--blue-dark);color:var(--blue-dim);font-size:1.2rem;width:32px;height:32px;cursor:pointer;flex-shrink:0;transition:border-color .15s,color .15s}.mobile-menu-btn:hover{border-color:var(--blue-dim);color:var(--blue)}.sidebar{display:flex;position:fixed;top:0;left:-100%;width:min(300px,88vw);height:100dvh;overflow-y:auto;z-index:500;flex-direction:column;gap:6px;padding:12px;background:var(--bg);border-right:1px solid var(--blue-dark);box-shadow:6px 0 30px #000000e6,2px 0 8px #00c8ff14;transition:left .28s cubic-bezier(.4,0,.2,1)}.sidebar.open{left:0}.sidebar-close-btn{display:flex;align-self:flex-end;background:transparent;border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:.65rem;letter-spacing:2px;padding:4px 10px;cursor:pointer;margin-bottom:8px;transition:border-color .15s,color .15s}.sidebar-close-btn:hover{border-color:var(--blue-dim);color:var(--blue)}.codec-freq-value{font-size:1.2rem}.message{max-width:100%}.suggestions{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px;scrollbar-width:none}.suggestions::-webkit-scrollbar{display:none}.suggestion-chip{flex-shrink:0}}@media (max-width: 700px){.char-count:not(.warn){display:none}.input-prompt{display:none}.send-btn{padding:4px 10px;border:none;flex-shrink:0}.send-label{display:none}.send-icon{display:inline;font-size:1rem}}@media (max-width: 480px){.chat-title{font-size:.75rem;letter-spacing:1px}.codec-arrows{display:none}}@media (prefers-reduced-motion: reduce){.blink,.status-dot,.portrait-noise,.thinking-dots span{animation:none}}