*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;font-family:"Victor Mono",monospace;background:#0d1117;color:#e6edf3}
body.light{background:#fafafa;color:#222}
.terminal{max-width:960px;margin:0 auto;padding:1rem 1.25rem;display:flex;flex-direction:column;height:100vh}
.header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}
.header .dot{width:12px;height:12px;border-radius:50%;display:inline-block}
.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}
.header .title{flex:1;opacity:.8;font-size:.9rem}
#themeToggle{background:transparent;border:1px solid #444;color:inherit;padding:.25rem .5rem;border-radius:4px;cursor:pointer}
body.light #themeToggle{border-color:#bbb}
.output{flex:1;overflow-y:auto;font-size:.95rem;line-height:1.4;padding-right:.5rem;scroll-behavior:smooth}
.output::-webkit-scrollbar{width:10px}
.output::-webkit-scrollbar-track{background:transparent}
.output::-webkit-scrollbar-thumb{background:#30363d;border-radius:5px}
body.light .output::-webkit-scrollbar-thumb{background:#ccc}
.line{display:block;white-space:pre-wrap;margin-bottom:.35rem;animation:fadeIn .25s ease}
.line .cmd-exec{color:#58a6ff}
.line.error{color:#ff6b6b}
.line.success{color:#3fb950}
.prompt{color:#3fb950;margin-right:.5rem}
.input-line{display:flex;align-items:center;gap:.5rem;border-top:1px solid #30363d;padding:.5rem 0}
body.light .input-line{border-top-color:#ddd}
#cmd{flex:1;background:transparent;border:none;outline:none;color:inherit;font:inherit;padding:.25rem}
#cmd::placeholder{color:#555}
body.light #cmd::placeholder{color:#999}
.badge{display:inline-block;background:#1f6feb;color:#fff;padding:2px 6px;border-radius:3px;font-size:.65rem;margin-right:4px;text-transform:uppercase;letter-spacing:.5px}
body.light .badge{background:#0366d6}
.table{border-collapse:collapse;width:100%;margin:.5rem 0;font-size:.85rem}
.table th,.table td{padding:.25rem .5rem;border:1px solid #30363d;text-align:left}
body.light .table th,body.light .table td{border-color:#ddd}
.fade{opacity:0;animation:fadeIn .4s ease forwards}
@keyframes fadeIn{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:700px){.header .title{display:none}.prompt{display:none}#cmd{flex:1}}