*{margin:0;padding:0;box-sizing:border-box}:root{--green: #00ff00;--green-dim: #00cc00;--green-glow: rgba(0, 255, 0, .6);--green-subtle: rgba(0, 255, 0, .08);--white: #e0e0e0;--white-bright: #fff;--bg: #000;--bg-panel: rgba(0, 0, 0, .88);--border: rgba(0, 255, 0, .25);--border-hover: rgba(0, 255, 0, .7);--font-mono: "Courier New", "Fira Code", "Cascadia Code", Consolas, monospace;--text-xs: 10px;--text-sm: 12px;--text-md: 14px;--text-lg: 17px;--text-xl: 22px;--elastic-ease-out: linear( 0, .2178 4.15%, .4487 8.52%, .7111 13.36%, .8557 16.42%, .9705 19.93%, 1.0294 22.42%, 1.0722 25.34%, 1.0936 27.46%, 1.1 30.08%, 1.0918 32.52%, 1.0676 36.18%, 1.0188 43.34%, .998 50.28%, 1.0042 59.04%, 1.0052 68.7%, 1.0014 83.82%, 1 );--smooth-ease: cubic-bezier(.32, .72, 0, 1);--z-scanline: 9998;--z-version: 9999;--z-entry-animation: 999;--z-skill-palette: 500;--z-header: 100;--stagger-delay: 30ms}html,body{margin:0;padding:0;height:100%;overflow:hidden}body{background:var(--bg);color:var(--green);font-family:var(--font-mono);font-size:16px;line-height:1.2}#root{height:100vh;height:100dvh;display:flex;flex-direction:column}.ci-app{height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--bg);padding:0}.ci-shell{flex:1;display:flex;flex-direction:column;padding:2vh 4vw;background:var(--bg);overflow:hidden;max-width:960px;width:100%;margin:0 auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.ci-shell{animation:fade-in .5s var(--smooth-ease)}@media (prefers-reduced-motion: reduce){.ci-shell{animation:none}}.ci-header{display:flex;align-items:center;gap:10px;padding-bottom:1vh;border-bottom:1px solid var(--border);margin-bottom:2vh;position:relative;z-index:var(--z-header)}.ci-header-info{flex:1;min-width:0}.ci-logo{display:none}.ci-title{font-weight:600;font-size:var(--text-lg);color:var(--green);text-shadow:0 0 8px rgba(0,255,0,.3),0 0 2px rgba(0,255,0,.5);text-transform:uppercase;letter-spacing:2px}.ci-subtitle{font-size:var(--text-sm);color:var(--green);opacity:.7}.ci-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;white-space:pre-wrap;word-wrap:break-word}.ci-body::-webkit-scrollbar{width:4px}.ci-body::-webkit-scrollbar-track{background:var(--bg)}.ci-body::-webkit-scrollbar-thumb{background:var(--green);border-radius:2px}.ci-messages{display:flex;flex-direction:column;gap:8px}.ci-message-group{display:flex;flex-direction:column;gap:4px}.ci-message-group--assistant{display:flex;flex-direction:row;gap:8px;align-items:flex-start}.ci-message-group--assistant .ci-message-group-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.ci-message{display:block;margin:0}.ci-message-label{font-size:var(--text-xs);opacity:.7;margin-bottom:2px;text-transform:uppercase;letter-spacing:1px}.ci-message-bubble{display:block;background:none;border:none;padding:0;margin:0;color:var(--green);font-family:var(--font-mono);font-size:var(--text-md);line-height:1.6;white-space:pre-wrap;word-break:break-word}@keyframes reveal-clip{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.ci-message-bubble.is-new{animation:reveal-clip .5s steps(28,end) forwards}@media (prefers-reduced-motion: reduce){.ci-message-bubble.is-new{animation:none}}.ci-message-user{text-align:left}.ci-message-user .ci-message-bubble:before{content:"> ";color:var(--green)}.ci-message-bot{text-align:left}.ci-message-bot .ci-message-bubble{opacity:.95}.ci-message-system{text-align:left}.ci-message-system .ci-message-bubble{color:var(--green-dim);font-size:var(--text-sm)}.ci-message-system .ci-message-prefix{color:var(--green-dim);font-weight:700}.ci-message-retry{border:1px solid var(--border);background:transparent;color:var(--green);padding:4px 10px;font-size:var(--text-xs);font-family:var(--font-mono);cursor:pointer;margin-top:4px;transition:background-color .15s var(--smooth-ease),color .15s var(--smooth-ease)}.ci-message-retry:hover{background:var(--green);color:var(--bg)}.ci-message-bubble .ci-link{color:var(--green);text-decoration:underline;cursor:pointer}.ci-message-bubble .ci-link:hover{text-shadow:0 0 8px rgba(0,255,0,.3),0 0 2px rgba(0,255,0,.5)}.ci-suggests{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}.ci-chip{border:1px solid var(--green);background:transparent;color:var(--green);padding:10px 14px;border-radius:0;font-size:var(--text-sm);font-family:var(--font-mono);cursor:pointer;min-height:44px;min-width:44px;display:inline-flex;align-items:center;transition:opacity .15s var(--smooth-ease),transform .15s var(--smooth-ease),background-color .15s var(--smooth-ease),color .15s var(--smooth-ease)}.ci-chip:before{content:"[";margin-right:4px}.ci-chip:after{content:"]";margin-left:4px}.ci-chip:hover{background:var(--green);color:var(--bg)}.ci-chip-shortcut{font-size:var(--text-xs);opacity:.7;margin-right:4px}.ci-input-wrap{display:flex;align-items:center;gap:8px;padding-top:1vh;border-top:1px solid var(--border);margin-top:1vh;font-size:clamp(10px,3vw,16px);padding-bottom:env(safe-area-inset-bottom)}.ci-input-wrap:before{content:">";color:var(--green);font-weight:700;font-size:1.2em}.ci-input-with-ghost{position:relative;flex:1;display:flex;flex-direction:column}.ci-input{flex:1;width:100%;background:transparent;border:none;color:var(--green);font-family:var(--font-mono);font-size:var(--text-md);padding:4px 0;caret-color:transparent}.ci-input:focus{outline:none}.ci-input::selection{background:var(--green);color:var(--bg)}.ci-input::placeholder{color:var(--green);opacity:.7}.ci-input-ghost{position:absolute;top:100%;left:0;margin-top:2px;font-size:var(--text-sm);opacity:.7;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ci-block-cursor{position:absolute;top:4px;left:0;width:.6em;height:1.15em;background:var(--green);pointer-events:none;animation:cursor-blink 1s steps(1) infinite}@media (prefers-reduced-motion: reduce){.ci-block-cursor{animation:none}}.ci-send{min-height:44px;min-width:44px;padding:0 12px;background:transparent;border:1px solid var(--green);color:var(--green);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:opacity .15s var(--smooth-ease),transform .15s var(--smooth-ease),background-color .15s var(--smooth-ease),color .15s var(--smooth-ease)}.ci-send:disabled{opacity:.3;cursor:not-allowed}.ci-send:not(:disabled):hover{background:var(--green);color:var(--bg)}.ci-thinking{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:var(--text-sm);color:var(--green-dim)}.ci-thinking-text{animation:thinking-cycle 2s steps(1) infinite}@keyframes thinking-cycle{0%{content:"[PROCESSING...]"}33%{content:"[PROCESSING..]"}66%{content:"[PROCESSING.]"}}@media (prefers-reduced-motion: reduce){.ci-thinking-text{animation:none}}.ci-loading{font-size:var(--text-sm);opacity:.7;padding-top:4px}.ci-loading:after{content:"...";animation:blink 1.5s steps(3) infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (prefers-reduced-motion: reduce){.ci-loading:after{animation:none}}.ci-version{position:fixed;right:15px;bottom:5px;font-size:var(--text-xs);opacity:.4;pointer-events:none;z-index:var(--z-version);font-family:var(--font-mono);color:var(--green)}.ci-audio-controls{margin-top:6px;display:flex;gap:6px}.ci-audio-btn{border:1px solid var(--green);background:transparent;color:var(--green);padding:4px 10px;font-size:var(--text-xs);font-family:var(--font-mono);cursor:pointer;min-height:44px;min-width:44px;display:inline-flex;align-items:center;transition:opacity .15s var(--smooth-ease),transform .15s var(--smooth-ease),background-color .15s var(--smooth-ease),color .15s var(--smooth-ease)}.ci-audio-btn:hover:not(:disabled){background:var(--green);color:var(--bg)}.ci-audio-btn:disabled{opacity:.3;cursor:default}.ci-voice-btn{margin:0;padding:0 8px;border:none;background:transparent;color:var(--green);cursor:pointer;font-size:18px;display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;transition:opacity .15s var(--smooth-ease),transform .15s var(--smooth-ease)}.ci-voice-btn--active{position:relative}.ci-voice-btn--active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 0 12px var(--green-glow);animation:pulse-glow 1s ease-in-out infinite;pointer-events:none}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.ci-voice-btn--active:after{animation:none;opacity:.7}}.ci-voice-btn--disabled{opacity:.3;cursor:not-allowed}.ci-voice-unsupported{width:20px;height:20px}@keyframes crt-dip{0%{opacity:1}20%{opacity:.97}to{opacity:1}}.crt-dip{animation:crt-dip .12s ease-out}@media (prefers-reduced-motion: reduce){.crt-dip{animation:none}}.ci-scanlines{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--z-scanline);background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,0,.015) 2px,rgba(0,255,0,.015) 4px)}.ci-glow{text-shadow:0 0 8px rgba(0,255,0,.3),0 0 2px rgba(0,255,0,.5)}.md-body{line-height:1.6;color:var(--green);font-family:var(--font-mono);font-size:var(--text-md)}.md-body p{margin:.5em 0}.md-body ul,.md-body ol{margin:.5em 0;padding-left:1.5em}.md-body li{margin:.25em 0}.md-body blockquote{border-left:2px solid var(--border);padding-left:1em;margin:.5em 0;opacity:.85}.md-body hr{border:none;border-top:1px solid var(--border);margin:1em 0}.md-body table{border-collapse:collapse;width:100%;margin:.5em 0;font-size:var(--text-sm)}.md-body th,.md-body td{border:1px solid var(--border);padding:4px 8px;text-align:left}.md-body th{text-transform:uppercase;letter-spacing:1px;font-size:var(--text-xs)}.md-heading{text-transform:uppercase;letter-spacing:2px;color:var(--green);font-weight:700;margin:1em 0 .5em;text-shadow:0 0 8px rgba(0,255,0,.3),0 0 2px rgba(0,255,0,.5)}.md-heading--h1{font-size:var(--text-xl)}.md-heading--h2{font-size:var(--text-lg)}.md-heading--h3{font-size:var(--text-md)}.md-heading--h4,.md-heading--h5,.md-heading--h6{font-size:var(--text-sm)}.md-code-block{position:relative;background:var(--green-subtle);border:1px solid var(--border);border-radius:0;padding:12px;margin:.5em 0;overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5}.md-code-block code{background:none;padding:0;font-family:inherit;font-size:inherit}.md-code-block-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1px;color:var(--green-dim)}.md-copy-btn{background:transparent;border:1px solid var(--border);color:var(--green);font-family:var(--font-mono);font-size:var(--text-xs);padding:2px 8px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;min-height:28px;transition:background-color .15s var(--smooth-ease),color .15s var(--smooth-ease)}.md-copy-btn:hover{background:var(--green);color:var(--bg)}.md-inline-code{background:var(--green-subtle);padding:2px 4px;font-family:var(--font-mono);font-size:.9em}.ci-skill-palette{position:absolute;bottom:100%;left:0;right:0;max-height:300px;overflow-y:auto;background:var(--bg-panel);border:1px solid var(--border);z-index:var(--z-skill-palette);margin-bottom:4px}.ci-skill-palette-header{padding:8px 12px;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:2px;color:var(--green-dim);border-bottom:1px solid var(--border)}.ci-skill-entry{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;min-height:44px;border-bottom:1px solid var(--green-subtle);transition:background-color .15s var(--smooth-ease)}.ci-skill-entry:last-child{border-bottom:none}.ci-skill-entry:hover,.ci-skill-entry[aria-selected=true]{background:var(--green-subtle)}.ci-skill-entry-name{font-size:var(--text-sm);color:var(--green);text-transform:uppercase;letter-spacing:1px}.ci-skill-entry-name:before{content:"$ ";color:var(--green-dim)}.ci-skill-entry-desc{font-size:var(--text-xs);color:var(--green);opacity:.7;flex:1}.ci-skill-badge{font-size:var(--text-xs);padding:2px 6px;border:1px solid var(--border);text-transform:uppercase;letter-spacing:1px}.ci-skill-badge--active{color:var(--green);border-color:var(--green)}.ci-skill-badge--soon{color:var(--green-dim);border-color:var(--green-dim);opacity:.7}.ci-skills-btn{border:1px solid var(--border);background:transparent;color:var(--green);padding:6px 12px;font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;text-transform:uppercase;letter-spacing:1px;min-height:44px;min-width:44px;display:inline-flex;align-items:center;transition:background-color .15s var(--smooth-ease),color .15s var(--smooth-ease)}.ci-skills-btn:hover{background:var(--green);color:var(--bg)}.ci-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:16px;padding:2vh 0;text-align:center}.ci-welcome-text{font-size:var(--text-lg);color:var(--green);text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 8px rgba(0,255,0,.3),0 0 2px rgba(0,255,0,.5)}.ci-welcome-subtitle{font-size:var(--text-sm);color:var(--green);opacity:.7}.ci-skill-hint{font-size:var(--text-xs);color:var(--green-dim);text-transform:uppercase;letter-spacing:2px;margin-top:8px;transition:opacity .35s var(--smooth-ease)}.ci-logo-wrap{perspective:600px}.ci-logo-img{display:block;will-change:transform}.ci-logo--welcome{width:clamp(120px,25vw,200px);height:auto}.ci-logo--avatar{width:28px;height:28px}.ci-logo--header{width:32px;height:32px}@keyframes logo-spin-elastic{0%{transform:rotateY(0)}60%{transform:rotateY(380deg)}75%{transform:rotateY(355deg)}to{transform:rotateY(360deg)}}.ci-logo-img--spinning{animation:logo-spin-elastic 1.5s var(--elastic-ease-out) forwards}@media (prefers-reduced-motion: reduce){.ci-logo-img--spinning{animation:none}}@keyframes logo-idle{0%,to{transform:rotateY(-3deg)}50%{transform:rotateY(3deg)}}.ci-logo-img--idle{animation:logo-idle 4s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.ci-logo-img--idle{animation:none}}:focus-visible{outline:2px solid var(--green);outline-offset:2px}.ci-input:focus-visible{outline:2px solid var(--green);outline-offset:2px}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.ci-entry-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--z-entry-animation)}@media (max-width: 768px){.ci-shell{padding:2vh 3vw}.ci-input-wrap{font-size:clamp(12px,4vw,16px)}.ci-message-bubble{font-size:clamp(14px,3.5vw,16px)}.ci-chip{font-size:clamp(11px,3vw,14px)}.ci-skill-palette{position:fixed;bottom:0;left:0;right:0;top:auto;max-height:60vh;border-radius:0;margin-bottom:0}}@media (max-width: 768px){body{position:fixed;width:100%;height:100vh;height:100dvh;overflow:hidden}}.ci-skill-entry--empty{opacity:.7;cursor:default}.ci-skill-hint--hidden{opacity:0}.ci-logo-fallback{border:1px solid var(--green)}.ci-input-area{position:relative}@media (min-width: 2560px){.ci-shell{max-width:960px;background:var(--bg-panel)}}