:root{--bg: #0c0c0c;--fg: #c8c8c8;--dim: #555;--accent: #4ec9b0;--prompt: #569cd6;--link: #dcdcaa;--link-hover: #fff;--error: #f44747;--success: #6a9955;--bar-bg: #1e1e1e;--bar-fg: #888;--border: #333}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--fg);font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.6;display:flex;flex-direction:column;overflow:hidden;touch-action:manipulation}.window{display:flex;flex-direction:column;height:100%;border:1px solid var(--border);position:relative;overflow:hidden;transition:box-shadow .3s ease}.titlebar{display:flex;align-items:center;height:36px;background:var(--bar-bg);border-bottom:1px solid var(--border);padding:0 12px;flex-shrink:0;user-select:none;-webkit-user-select:none}.titlebar-dots{display:flex;gap:7px}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.titlebar-text{flex:1;text-align:center;color:var(--bar-fg);font-size:12px}#terminal{flex:1;overflow-y:auto;padding:16px 20px;scroll-behavior:smooth;position:relative;z-index:1}#terminal::-webkit-scrollbar{width:6px}#terminal::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.statusbar{display:flex;align-items:center;height:24px;background:var(--bar-bg);border-top:1px solid var(--border);padding:0 12px;font-size:11px;color:var(--bar-fg);flex-shrink:0;gap:16px}.statusbar .status-accent{color:var(--accent)}.line{white-space:pre-wrap;word-break:break-word;min-height:1.6em}.line.prompt-line{color:var(--prompt)}.line .cmd{color:var(--fg)}.line.blank{height:1.6em}.line.comment{color:var(--dim);font-style:italic}.line.section-label{color:var(--accent);font-weight:700;letter-spacing:1px}.line.ascii{color:var(--accent);line-height:1.15}#logo-bg{position:absolute;top:40px;right:10px;pointer-events:none;z-index:0;opacity:.12;transition:opacity .3s}.window:hover #logo-bg{opacity:.18}#logo-pre{margin:0;font-family:inherit;font-size:inherit;line-height:1.15;color:var(--accent);text-shadow:0 0 10px rgba(78,201,176,.5);user-select:none;-webkit-user-select:none;transition:filter .3s}.line.output{color:var(--fg)}.line.error{color:var(--error)}.line.success{color:var(--success)}.line.ai-response{color:var(--fg);padding-left:2ch;border-left:2px solid var(--accent);margin:2px 0}.line.thinking{color:var(--dim)}.line a{color:var(--link);text-decoration:none;border-bottom:1px dashed var(--dim);transition:color .15s,border-color .15s}.line a:hover{color:var(--link-hover);border-color:var(--link-hover)}.line .key{color:var(--accent);display:inline-block;min-width:3ch}.line .flag{color:var(--prompt)}.input-row{display:flex;align-items:center;min-height:1.6em}.input-row .prompt-text{color:var(--prompt);white-space:pre;flex-shrink:0}.input-row input{flex:1;background:transparent;border:none;outline:none;color:var(--fg);font-family:inherit;font-size:inherit;line-height:inherit;caret-color:var(--fg);padding:0}.boot-line{opacity:0;animation:bootIn .08s ease forwards}@keyframes bootIn{to{opacity:1}}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);z-index:999}.ai-response.streaming:after{content:"▋";animation:blink .6s step-end infinite;color:var(--accent)}@keyframes blink{50%{opacity:0}}.fx-glow .window{box-shadow:0 0 30px #4ec9b026,0 0 60px #4ec9b00d}.fx-shake .window{animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px) translateY(2px)}40%{transform:translate(3px) translateY(-1px)}60%{transform:translate(-2px) translateY(1px)}80%{transform:translate(2px)}}.fx-idle #logo-pre{animation:breathe 4s ease-in-out infinite}@keyframes breathe{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.fx-creepy .window{animation:crtFlicker .15s infinite}@keyframes crtFlicker{0%{opacity:1}50%{opacity:.97}to{opacity:1}}.fx-typing .input-row input{caret-color:var(--accent);text-shadow:0 0 4px rgba(78,201,176,.3)}.fx-colorshift #logo-pre{animation:colorShift 2s linear infinite}@keyframes colorShift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}#matrix-overlay{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden;display:none}.fx-matrix #matrix-overlay{display:block}.matrix-char{position:absolute;top:-1.6em;color:var(--accent);font-size:14px;opacity:.6;animation:matrixFall linear forwards;pointer-events:none}@keyframes matrixFall{to{transform:translateY(110vh);opacity:0}}.idle-message{color:var(--dim);opacity:0;animation:fadeInIdle 1.5s ease forwards;font-style:italic}.idle-message.creepy{color:var(--error);text-shadow:0 0 6px rgba(244,71,71,.4)}@keyframes fadeInIdle{to{opacity:1}}#destruction-overlay{position:fixed;inset:0;background:#000;z-index:1000;overflow:hidden}.rescue-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:#0f0;box-shadow:0 0 8px #0f0,0 0 20px #0f0,0 0 40px #00ff004d;cursor:pointer;z-index:1001}.destruction-char{position:absolute;top:-2em;color:#0f0;font-family:JetBrains Mono,monospace;font-size:16px;opacity:.7;pointer-events:none;animation:matrixFall linear forwards;text-shadow:0 0 5px #0f0}@media(max-width:768px){#logo-bg{opacity:.06}.window:hover #logo-bg{opacity:.08}#terminal{padding:14px 16px}}@media(max-width:480px){body{font-size:13px;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#logo-bg{display:none}#terminal{padding:10px 12px}.titlebar{height:32px;padding:0 8px}.titlebar-text{font-size:11px}.statusbar{height:22px;font-size:10px;padding:0 8px}.input-row input{font-size:16px}}
