@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg: #0a0a0a;--fg: #33ff33;--fg-dim: #1a8c1a;--fg-bright: #66ff66;--accent: #ffcc00;--border: #333}*{margin:0;padding:0;box-sizing:border-box}::selection{background:#3f33}html{font-size:16px}body{font-family:JetBrains Mono,monospace;background:var(--bg);color:var(--fg);line-height:1.6;min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:#ffe066;text-decoration:underline}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:1000}.container{max-width:700px;margin:0 auto;padding:3rem 1.5rem;min-height:100vh;display:flex;flex-direction:column}.ascii-header{white-space:pre;font-size:.55rem;line-height:1.15;color:var(--fg-dim);margin-bottom:2rem;overflow-x:auto}@media(min-width:640px){.ascii-header{font-size:.7rem}}.intro{margin-bottom:2rem}.prompt{color:var(--fg-dim)}.cursor{display:inline-block;width:.6em;height:1.1em;background:var(--fg);margin-left:2px;animation:blink 1s step-end infinite;vertical-align:text-bottom}@keyframes blink{50%{opacity:0}}.section-header{color:var(--fg-dim);font-size:.85rem;margin-bottom:.75rem}.about{margin-top:2rem;color:var(--fg)}.about p:not(.section-header){max-width:50ch}.links{margin-top:2rem}.links-header{color:var(--fg-dim);font-size:.85rem;margin-bottom:1rem}.links-list{list-style:none}.links-list li{padding:.5rem 0}.links-list a:before{content:"> ";color:var(--fg-dim)}.panels{margin-top:2rem}.panel-grid{display:flex;gap:1rem;flex-wrap:wrap}.panel-box{background:transparent;border:none;color:var(--fg-dim);font-family:inherit;font-size:.75rem;cursor:pointer;transition:color .15s;position:relative;padding:0}.panel-box pre{margin:0;line-height:1.3}.panel-box:hover:not(:disabled){color:var(--fg)}.panel-box.active{color:var(--fg-bright)}.panel-box:disabled{cursor:not-allowed;opacity:.5}.coming-soon{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);font-size:.6rem;color:var(--fg-dim);white-space:nowrap}.terminal-output{margin-top:1.5rem;background:#0d0d0d;border:1px solid var(--border);border-radius:4px;padding:1rem;max-height:60vh;overflow-y:auto}.terminal-output pre{margin:0;font-size:.8rem;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.terminal-output::-webkit-scrollbar{width:8px}.terminal-output::-webkit-scrollbar-track{background:var(--bg)}.terminal-output::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.terminal-output::-webkit-scrollbar-thumb:hover{background:var(--fg-dim)}.shared-terminal{display:flex;flex-direction:column}.shared-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px dashed var(--border)}.shared-status{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--fg-dim)}.other-users{color:var(--fg-dim)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--border)}.status-dot.connected{background:var(--fg);box-shadow:0 0 6px var(--fg)}.clear-btn{background:transparent;border:1px solid var(--border);color:var(--fg-dim);padding:.35rem .5rem;cursor:pointer;border-radius:3px;transition:all .15s;display:flex;align-items:center;justify-content:center}.clear-btn:hover{border-color:var(--fg-dim);color:var(--fg)}.shared-input{flex:1;min-height:200px;background:transparent;border:none;font-family:inherit;font-size:.85rem;line-height:1.6;outline:none;white-space:pre-wrap;word-wrap:break-word;cursor:text}.shared-input:focus{outline:none}.shared-input .placeholder{color:var(--fg-dim)}.input-cursor{display:inline-block;width:.5em;height:1.1em;margin-left:1px;vertical-align:text-bottom;animation:blink 1s step-end infinite}.footer{margin-top:auto;padding-top:3rem;color:var(--fg-dim);font-size:.8rem}.status{display:flex;gap:2rem;color:var(--fg-dim);font-size:.75rem;margin-top:.5rem}