:root{--void: #0a0a0a;--surface: #fafafa;--border: #1a1a1a;--text-main: #0a0a0a;--text-secondary: #666;--terminal-green: #00ff41;--terminal-blue: #0080ff;--terminal-red: #ff0040;--terminal-yellow: #ffd700;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--border-width: 3px;--border-radius: 0px;--shadow: 6px 6px 0 0 var(--border);--shadow-sm: 3px 3px 0 0 var(--border)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:IBM Plex Mono,Courier New,monospace;background:var(--surface);color:var(--text-main);line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--space-md)}h1{font-size:32px}h2{font-size:24px}h3{font-size:20px}p{margin-bottom:var(--space-md)}button,.button{font-family:inherit;font-size:14px;font-weight:600;padding:12px 20px;border:var(--border-width) solid var(--border);background:var(--surface);color:var(--text-main);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:all .1s ease;box-shadow:var(--shadow-sm)}button:hover:not(:disabled),.button:hover{background:var(--terminal-green);transform:translate(-2px,-2px);box-shadow:8px 8px 0 0 var(--border)}button:active:not(:disabled),.button:active{transform:translate(3px,3px);box-shadow:none}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--void);color:var(--surface)}button.ghost{background:transparent;box-shadow:none}button.small{padding:6px 12px;font-size:11px}input,textarea,select{font-family:inherit;font-size:14px;padding:12px;border:var(--border-width) solid var(--border);background:var(--surface);color:var(--text-main);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--terminal-green);box-shadow:var(--shadow-sm)}textarea{resize:vertical;min-height:80px}.card,.panel{border:var(--border-width) solid var(--border);background:var(--surface);padding:var(--space-lg);box-shadow:var(--shadow)}.bubble{border:var(--border-width) solid var(--border);background:var(--surface);padding:var(--space-md);margin-bottom:var(--space-md);box-shadow:var(--shadow-sm);transition:all .2s ease;cursor:pointer}.bubble:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--border)}.bubble.river{border-color:var(--terminal-blue)}.bubble.brook{border-color:var(--terminal-green)}.bubble.stream{border-color:var(--terminal-yellow)}.bubble.swamp{border-color:var(--terminal-red)}.bubble.desert{border-color:var(--text-secondary)}.bubble-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.bubble-title{font-weight:700;font-size:16px}.bubble-type{font-size:11px;text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px}.bubble-labels{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.label{padding:4px 8px;background:var(--terminal-green);color:var(--void);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.chat-container{display:flex;flex-direction:column;height:100vh;max-width:1400px;margin:0 auto}.chat-header{padding:var(--space-lg);border-bottom:var(--border-width) solid var(--border);background:var(--void);color:var(--surface)}.chat-body{display:flex;flex:1;overflow:hidden}.chat-main{flex:2;display:flex;flex-direction:column;border-right:var(--border-width) solid var(--border)}.chat-sidebar{flex:1;overflow-y:auto;padding:var(--space-lg);background:var(--surface)}.message-list{flex:1;overflow-y:auto;padding:var(--space-lg)}.message{margin-bottom:var(--space-lg);max-width:600px}.message.user{margin-left:auto}.message-bubble{padding:var(--space-md);border:var(--border-width) solid var(--border);box-shadow:var(--shadow-sm)}.message.user .message-bubble{background:var(--void);color:var(--surface)}.message.assistant .message-bubble{background:var(--surface)}.composer{padding:var(--space-lg);border-top:var(--border-width) solid var(--border);background:var(--surface)}.composer-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.flex{display:flex}.flex-col{flex-direction:column}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.mt-md{margin-top:var(--space-md)}.mb-md{margin-bottom:var(--space-md)}.text-secondary{color:var(--text-secondary)}.text-sm{font-size:12px}.text-xs{font-size:10px}.uppercase{text-transform:uppercase;letter-spacing:.5px}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--terminal-green),transparent);animation:loading 1.5s infinite}@keyframes loading{to{left:100%}}