:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#050505;--panel:#171717;--chrome:#262626;--border:#2b2b2b;--text:#d4d4d4}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--page);color:var(--text);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}main{place-items:center;min-height:100svh;padding:40px 20px;display:grid}.terminal-frame{width:min(608px,100%);padding:0 16px;font-size:12px}.terminal-card{border:1px solid var(--border);background:var(--panel);border-radius:8px;overflow:hidden;box-shadow:0 25px 50px -12px #000000b8}.terminal-titlebar{background:var(--chrome);align-items:center;gap:8px;height:48px;padding:0 16px;display:flex}.terminal-titlebar>span{color:#a3a3a3;text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.terminal-lights{gap:6px;width:52px;display:flex}.terminal-lights i{border-radius:50%;width:12px;height:12px;transition:filter .16s}.terminal-lights i:hover{filter:brightness(.82)}.terminal-lights i:first-child{background:#ef4444}.terminal-lights i:nth-child(2){background:#eab308}.terminal-lights i:nth-child(3){background:#22c55e}.terminal-spacer{width:52px}.terminal-content{scrollbar-width:none;height:320px;padding:16px;font-size:12px;line-height:1.625;overflow-y:auto}.terminal-content::-webkit-scrollbar{display:none}.terminal-line{white-space:pre-wrap;overflow-wrap:anywhere;min-height:19.5px}.terminal-output{color:#a3a3a3}.terminal-output.final{color:#d4d4d4;font-weight:600}.terminal-prompt{color:#737373}.terminal-prompt span{color:#ff3ea5}.terminal-prompt b{color:#15803d;font-weight:400}.terminal-prompt em{color:#ff88c7;font-style:normal}.terminal-prompt i{color:#737373;font-style:normal}.token-command{color:#34d399}.token-flag{color:#ff5caf}.token-string{color:#fcd34d}.token-number{color:#c084fc}.token-operator{color:#f87171}.token-path{color:#ff88c7}.token-variable{color:#f472b6}.token-comment{color:#737373}.token-default{color:#d4d4d4}.terminal-cursor{vertical-align:middle;background:#d4d4d4;width:8px;height:16px;margin-left:2px;transition:opacity .1s;display:inline-block}.terminal-cursor.hidden{opacity:0}@media (max-width:520px){main{padding:24px 4px}.terminal-frame{padding:0 12px}.terminal-content{height:360px}.terminal-titlebar{padding:0 12px}.terminal-titlebar>span{font-size:11px}}@media (prefers-reduced-motion:reduce){.terminal-cursor{transition:none}}