:root{--bg: #0a0a0a;--bg-panel: #0d0d0d;--bg-elevated: #111111;--green: #00ff00;--green-dim: #00cc00;--green-faint: rgba(0, 255, 0, .08);--border: rgba(0, 255, 0, .2);--text-muted: rgba(0, 255, 0, .5);--font-terminal: "Fira Code", "Cascadia Code", "Consolas", monospace;--font-content: "JetBrains Mono", "Fira Code", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--green)}body{font-family:var(--font-terminal);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--green-dim)}::selection{background:var(--green);color:var(--bg)}.layout{display:flex;height:100vh;width:100vw;overflow:hidden}.pane-terminal{flex:1;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--bg);overflow:hidden}.pane-content{flex:1;display:flex;flex-direction:column;background:var(--bg-panel);overflow-y:auto;padding:2rem;font-family:var(--font-content)}@media(max-width:768px){html,body{overflow:auto;height:auto}.layout{flex-direction:column;overflow:visible;height:auto}.pane-content{order:1;flex:none;overflow-y:visible;padding:1.5rem;border-right:none;border-bottom:1px solid var(--border)}.pane-terminal{order:2;flex:none;height:100vh;border-right:none;overflow:hidden}}