@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--bg-primary: #0c0c0f;--bg-secondary: #15161a;--bg-muted: #1f232a;--bg-accent: #86efac;--bg-accent-soft: rgba(134, 239, 172, .15);--text-primary: #f8fafc;--text-secondary: #b6beca;--text-muted: #7b8494;--border: #2f343d;--border-strong: #0a0b0d;--shadow: 4px 4px 0 rgba(0, 0, 0, .55);--grid: rgba(255, 255, 255, .04)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:"Press Start 2P",Courier New,monospace;background-color:var(--bg-primary);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:12px 12px;color:var(--text-primary);text-rendering:optimizeSpeed;-webkit-font-smoothing:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.banner{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--bg-secondary);border-bottom:2px solid var(--border);box-shadow:var(--shadow);text-transform:lowercase;font-size:12px;letter-spacing:.04em}.app{display:grid;grid-template-columns:400px 1fr 400px;height:calc(100vh - 48px);position:relative}.sidebar{position:sticky;top:48px;height:calc(100vh - 48px);padding:22px;border-right:2px solid var(--border);background:var(--bg-secondary);box-shadow:var(--shadow);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar{width:0;height:0}.sidebar--right{border-left:2px solid var(--border);border-right:none}.sidebar__section{margin-bottom:26px}.sidebar__section h3{margin:0 0 10px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary)}.sidebar__section p{margin:0 0 10px}.stat-list,.bullet-list,.shortcut-list,.link-list{margin:0;padding:0;list-style:none}.stat-list li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px;color:var(--text-primary);text-transform:lowercase}.stat-list--compact li{border-bottom:none;padding:6px 0}.bullet-list li{color:var(--text-primary);font-size:13px;padding:6px 0;display:flex;gap:10px;text-transform:lowercase}.bullet-list li:before{content:"*";color:var(--bg-accent)}.shortcut-list li{display:flex;align-items:center;gap:6px;color:var(--text-primary);font-size:13px;padding:6px 0}.shortcut-list kbd{display:inline-block;min-width:30px;padding:4px 6px;border-radius:0;border:2px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:12px;text-align:center;box-shadow:2px 2px 0 var(--border-strong)}.shortcut-list .plus{color:var(--text-secondary)}.link-list li{padding:4px 0}.link-list a{color:var(--text-primary);text-decoration:none;text-transform:lowercase;font-size:14px;transition:color .15s ease}.link-list a:hover{color:var(--bg-accent)}.main{position:relative;height:100%;min-height:0;display:flex;flex-direction:column;padding:0 18px 18px;overflow:hidden}.glow{display:none}.glow--left{background:#3b82f6;top:80px;left:-120px}.glow--right{background:#86efac;top:120px;right:-160px}.topbar{position:sticky;top:48px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 14px;background:var(--bg-secondary);border-bottom:2px solid var(--border);box-shadow:var(--shadow)}.profile{display:flex;align-items:center;gap:12px;min-width:0}.avatar{width:48px;height:48px;border-radius:0;display:grid;place-items:center;background:var(--bg-muted);border:2px solid var(--border);color:var(--bg-accent);text-transform:uppercase;font-weight:700;box-shadow:var(--shadow)}.profile__text h1{margin:0;font-size:20px;text-transform:lowercase}.profile__text p{margin:2px 0 0;color:var(--text-secondary);text-transform:lowercase;font-size:13px}.actions{display:flex;align-items:center;gap:8px}.connection{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:0;background:var(--bg-primary);border:2px solid var(--border);color:var(--text-secondary);font-size:13px;text-transform:lowercase;box-shadow:var(--shadow)}.dot{display:inline-block;width:8px;height:8px;border-radius:0;background:var(--bg-accent)}.dot--connected{background:#22c55e}.dot--pulse{position:relative}.dot--pulse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;background:var(--bg-accent);animation:pulse 1.5s infinite;opacity:.4}@keyframes pulse{0%{transform:scale(.9);opacity:.6}70%{transform:scale(1.8);opacity:0}to{opacity:0}}button,a.ghost{border:2px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);padding:10px 14px;border-radius:0;text-transform:lowercase;cursor:pointer;transition:all .15s ease;font-weight:600;text-decoration:none;box-shadow:var(--shadow)}button:hover,a.ghost:hover{border-color:var(--bg-accent);color:var(--bg-accent);background:var(--bg-accent-soft)}button:active{transform:translate(2px,2px);box-shadow:none}.ghost{background:transparent}.stage{position:relative;flex:1;min-height:0;margin-top:6px;margin-bottom:16px;z-index:1}.messages{height:100%;padding:12px 4px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.messages::-webkit-scrollbar{width:0;height:0}.message{display:flex;width:100%}.message--user{justify-content:flex-end}.bubble{max-width:80%;padding:12px 14px;border-radius:0;font-size:15px;line-height:1.5;box-shadow:var(--shadow);border:2px solid var(--border);text-transform:lowercase}.message--ai .bubble{background:var(--bg-secondary);color:var(--text-primary)}.message--user .bubble{background:var(--bg-accent);color:#052e16;font-weight:600}.bubble small{display:block;margin-top:6px;color:var(--text-muted);font-size:12px}.bubble.typing{display:inline-flex;gap:6px;align-items:center;color:var(--text-secondary)}.bubble.typing span{width:6px;height:6px;border-radius:0;background:var(--bg-accent);animation:dots 1.2s infinite}.bubble.typing span:nth-child(2){animation-delay:.1s}.bubble.typing span:nth-child(3){animation-delay:.2s}@keyframes dots{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.composer{display:flex;gap:10px;padding:14px;border:2px solid var(--border);border-radius:0;background:var(--bg-secondary);box-shadow:var(--shadow)}.composer input{flex:1;border:2px solid var(--border);background:var(--bg-primary);color:var(--text-primary);border-radius:0;padding:12px 14px;font-size:15px;outline:none}.composer input:focus{border-color:var(--bg-accent);box-shadow:0 0 0 2px var(--bg-accent)}.composer button{min-width:90px;border-color:var(--bg-accent);background:var(--bg-accent);color:#052e16}.composer button:disabled{opacity:.5;cursor:not-allowed}.pfp{position:relative;width:140px;height:140px;margin:0 auto 12px}.pfp__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;background:transparent;border:2px solid var(--bg-accent);box-shadow:var(--shadow)}.pfp__inner{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:0;background:var(--bg-secondary);border:2px solid var(--border);display:grid;place-items:center;font-size:48px;color:var(--bg-accent);font-weight:700;box-shadow:var(--shadow)}.muted{color:var(--text-secondary);margin:0;font-size:14px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:6px 10px;border-radius:0;background:var(--bg-muted);border:2px solid var(--border);color:var(--text-secondary);text-transform:lowercase;font-size:12px;box-shadow:2px 2px 0 var(--border-strong)}.token{display:grid;gap:10px;background:var(--bg-secondary);border:2px solid var(--border);border-radius:0;padding:12px;box-shadow:var(--shadow)}.token__row{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--text-secondary);text-transform:lowercase;font-size:13px}.token__row--stack{flex-direction:column;align-items:flex-start;gap:6px}.copy{display:inline-flex;align-items:center;justify-content:center;width:100%;font-size:20px;text-align:center;color:var(--text-primary);background:var(--bg-muted);border-radius:0;border:2px solid var(--border);padding:10px;overflow-wrap:anywhere;box-shadow:2px 2px 0 var(--border-strong)}.copy:hover{color:var(--bg-accent)}.highlight{color:var(--bg-accent);font-weight:700;text-shadow:2px 2px 0 var(--border-strong)}.sidebar a{color:var(--text-primary)}.sidebar a:hover{color:var(--bg-accent)}@media (max-width: 1180px){.app{grid-template-columns:1fr}.sidebar{display:none}.topbar{position:sticky;top:48px}.messages{-webkit-mask-image:none;mask-image:none}}@media (max-width: 680px){.banner{font-size:12px}.topbar{flex-direction:column;align-items:flex-start}.actions{width:100%;justify-content:space-between}.composer{flex-direction:column}.composer button{width:100%}}