*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--text:#e0e0e0;--text-muted:#888;--green:#4ec970;--red:#e06c75;--cyan:#56b6c2;--title-bar:#1a1a1a;--chip-border:#444;--chip-hover:#222}html,body{background:var(--bg);height:100%;color:var(--text);font-family:JetBrains Mono,monospace;font-size:14px;overflow:hidden}.terminal-window{background:var(--bg);border:1px solid #333;flex-direction:column;max-width:900px;height:100vh;margin:0 auto;display:flex;overflow:hidden}@media (width>=641px){.terminal-window{border-radius:8px;height:calc(100vh - 48px);margin:24px auto}}.title-bar{background:var(--title-bar);-webkit-user-select:none;user-select:none;border-bottom:1px solid #333;flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;display:flex}@media (width>=641px){.title-bar{border-radius:8px 8px 0 0}}.title-dots{gap:6px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot-red{background:#ff5f57}.dot-yellow{background:#febc2e}.dot-green{background:#28c840}.title-text{color:var(--text-muted);margin-left:8px;font-size:13px}.terminal-output{scrollbar-width:thin;scrollbar-color:#333 transparent;flex:1;padding:16px;overflow-y:auto}.output-line{white-space:pre-wrap;word-wrap:break-word;min-height:1.6em;line-height:1.6}.input-line{border-top:1px solid #222;flex-shrink:0;align-items:center;padding:8px 16px;display:flex}.prompt{color:var(--green);-webkit-user-select:none;user-select:none;margin-right:4px}.input-text{caret-color:var(--text);color:var(--text);outline:none;flex:1}.input-echo{color:var(--text)}.chips{border-top:1px solid #222;flex-wrap:wrap;flex-shrink:0;gap:8px;padding:10px 16px;display:flex}.chip{color:var(--text-muted);border:1px solid var(--chip-border);cursor:pointer;background:0 0;border-radius:14px;padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:12px;transition:background .15s,border-color .15s,color .15s}.chip:hover{background:var(--chip-hover);border-color:var(--text-muted);color:var(--text)}.chip:active{background:#333}@media (width<=640px){.terminal-window{border:none;border-radius:0;height:100dvh}.title-bar{border-radius:0}.terminal-output{padding:12px;font-size:13px}.input-line{padding:8px 12px}.chips{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.chip{flex-shrink:0;padding:6px 14px;font-size:13px}}.hidden{display:none!important}.fade-in{animation:.4s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-cyan{color:var(--cyan)}.text-muted{color:var(--text-muted)}.terminal-output a{color:var(--cyan);text-underline-offset:2px;cursor:pointer;z-index:1;text-decoration:underline;position:relative}.terminal-output a:hover{color:var(--text)}.confetti-canvas{pointer-events:none;z-index:1000;width:100vw;height:100vh;position:fixed;top:0;left:0}.terminal-output::-webkit-scrollbar{width:6px}.terminal-output::-webkit-scrollbar-track{background:0 0}.terminal-output::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.input-text:empty:after{content:" ";border-left:2px solid var(--text);margin-left:-1px;animation:1s step-end infinite blink}.input-text:focus:empty:after{content:""}@keyframes blink{50%{border-color:#0000}}::selection{background:#56b6c24d}