*{box-sizing:border-box}:root{--bg: #0a0a0a;--fg: #00ff41;--fg-dim: #00aa2a;--border: #003300;--accent: #00ff41;--input-bg: #0d0d0d;--input-border: #004400;--space-xs: clamp(.25rem, .5vw, .5rem);--space-sm: clamp(.5rem, 1vw, .75rem);--space-md: clamp(.75rem, 1.5vw, 1rem);--space-lg: clamp(1rem, 2vw, 1.5rem);--font-xs: clamp(.7rem, 1.2vw, .8rem);--font-sm: clamp(.8rem, 1.5vw, .9rem);--font-base: clamp(.85rem, 1.8vw, 1rem);--font-lg: clamp(1rem, 2.2vw, 1.25rem);--font-xl: clamp(1.1rem, 2.5vw, 1.5rem);--radius: clamp(3px, .5vw, 6px)}html{font-size:clamp(14px,1.2vw + 10px,16px)}html,body{height:100%;margin:0;overflow:hidden}body{font-family:SF Mono,Fira Code,Consolas,Monaco,monospace;background:var(--bg);color:var(--fg);padding:var(--space-md);line-height:1.4}#app{height:100%;width:100%;max-width:min(var(--app-max-width, 1200px),98vw);margin:0 auto;display:flex;flex-direction:column}.top-bar{flex-shrink:0;margin-bottom:var(--space-md)}.top-bar h1{margin:0;font-size:var(--font-lg)}.top-bar p{margin:var(--space-xs) 0 0;font-size:var(--font-sm);color:var(--fg-dim)}.console-container{flex:1;display:flex;flex-direction:column;min-height:0;background:#00280026;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.console-toolbar{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);flex-shrink:0}.console-toolbar select{padding:var(--space-xs) var(--space-sm);min-width:auto;background:var(--input-bg);color:var(--fg);border:2px solid var(--input-border);font-family:inherit;font-size:var(--font-sm);border-radius:var(--radius)}button{padding:var(--space-sm) var(--space-md);background:var(--input-bg);color:var(--fg);border:2px solid var(--input-border);font-family:inherit;font-size:var(--font-base);cursor:pointer;border-radius:var(--radius)}button:hover:not(:disabled){border-color:var(--accent);background:#00ff4114}button:disabled{opacity:.5;cursor:not-allowed}.console-output{flex:1;min-height:0;overflow:auto;padding:var(--space-md);font-size:var(--font-xs);background:#050505;border:none;margin:0;color:var(--fg-dim);white-space:pre-wrap;word-break:break-all}.console-input-wrap{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--input-bg);border-top:1px solid var(--border);flex-shrink:0}.console-prompt{color:var(--fg-dim);font-size:var(--font-base)}.console-input-wrap input{flex:1;padding:var(--space-sm);background:var(--bg);color:var(--fg);border:2px solid var(--input-border);font-family:inherit;font-size:var(--font-base);border-radius:var(--radius)}.console-input-wrap input:focus{outline:none;border-color:var(--accent)}.console-input-wrap input:disabled{opacity:.6;cursor:not-allowed}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md)}.help-modal{background:var(--bg);border:2px solid var(--border);border-radius:var(--radius);max-width:36rem;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.help-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border)}.help-header h2{margin:0;font-size:var(--font-base)}.help-header button{background:none;border:none;color:var(--fg);font-size:1.5rem;cursor:pointer;padding:0 .25rem}.help-header button:hover{color:var(--accent)}.help-content{padding:var(--space-md);overflow:auto;font-size:var(--font-sm);color:var(--fg-dim);white-space:pre-wrap;margin:0}:root{--app-max-width: 1200px}.menubar{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;margin-bottom:var(--space-md);border-bottom:1px solid var(--border);flex-shrink:0}.menubar-brand{color:var(--fg);text-decoration:none;font-size:var(--font-base);font-weight:600;margin-right:var(--space-sm)}.menubar-brand:hover{color:var(--accent)}.menubar-link{color:var(--fg-dim);text-decoration:none;font-size:var(--font-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius)}.menubar-link:hover{color:var(--accent);background:#00ff4114}.menubar-link.active{color:var(--accent);font-weight:600}