:root{--bg: #0b0f14;--panel: #10161d;--text: #e7e4dc;--muted: #5b6470;--amber: #e8a33d;--teal: #4fc1b0;--red: #e8574a;--border: #232b34;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, Consolas, monospace}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:17px;line-height:1.55;display:flex;align-items:center;justify-content:center;padding:24px 16px}#app{width:100%;max-width:1100px}.term-window{background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;height:84vh;min-height:520px}.term-chrome{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0d1218;border-bottom:1px solid var(--border);flex-shrink:0}.term-dots{display:flex;gap:7px}.dot{width:11px;height:11px;border-radius:50%;display:inline-block}.dot-red{background:var(--red)}.dot-amber{background:var(--amber)}.dot-teal{background:var(--teal)}.term-title{color:var(--muted);font-size:15px}.term-body{display:flex;flex-direction:column;flex:1;min-height:0;padding:20px}.term-output{flex:1;overflow-y:auto;white-space:pre-wrap;word-break:break-word;padding-bottom:8px}.line{min-height:1.5em}.line.muted{color:var(--muted)}.line.amber{color:var(--amber)}.line.teal{color:var(--teal)}.line.red{color:var(--red)}.line.prompt-line{color:var(--text)}.term-link{color:inherit;text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:3px}.term-link:hover,.term-link:focus-visible{color:var(--teal);text-decoration-color:currentColor}.term-link:focus-visible{outline:1px solid var(--teal);outline-offset:2px;border-radius:2px}.term-inputline{display:flex;align-items:center;gap:8px;padding-top:8px;border-top:1px solid var(--border);flex-shrink:0}.prompt{color:var(--amber);white-space:nowrap}.term-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--font-mono);font-size:17px;caret-color:var(--teal)}.term-input:focus-visible{outline:1px solid var(--teal);outline-offset:2px;border-radius:2px}.term-input:disabled{opacity:.4}.term-chips{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px;flex-shrink:0}.chip{background:var(--bg);border:1px solid var(--border);color:var(--muted);font-family:var(--font-mono);font-size:14px;padding:6px 14px;border-radius:999px;cursor:pointer}.chip:hover{border-color:var(--teal);color:var(--teal)}.chip:focus-visible{outline:1px solid var(--teal);outline-offset:2px}@media(max-width:480px){body{padding:12px 8px;font-size:14px}.term-window{height:88vh;border-radius:6px}.term-body{padding:14px}.term-input{font-size:14px}.chip{font-size:13px;padding:5px 12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}