:root{color-scheme:dark;font-family:Consolas,'Courier New',monospace;background:#080d0a;color:#aee8b7;font-size:15px}*{box-sizing:border-box}body{margin:0;padding:4vh 4vw}.terminal{max-width:1200px;margin:auto;border:1px solid #285337;border-radius:8px;background:#0c120e;overflow:hidden;box-shadow:0 20px 80px #0006}header{display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding:20px;border-bottom:1px solid #285337}header strong{color:#65ff8e;font-size:24px}header span,footer{color:#83a78a;font-size:12px}#status{margin-left:auto}#output{height:65vh;min-height:260px;overflow:auto;padding:20px}pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 16px;line-height:1.55;font:inherit}.command{color:#65ff8e}.error{color:#ffa791}.muted{color:#83a78a}form{display:flex;align-items:center;gap:12px;padding:16px 20px;border-top:1px solid #285337}label{white-space:nowrap;color:#65ff8e}input{min-width:0;flex:1;font:inherit;color:#d1ffda;background:transparent;border:0;outline:none}form:focus-within{box-shadow:inset 3px 0 #65ff8e}footer{padding:12px 20px;border-top:1px solid #1a2b20;line-height:1.6}@media(max-width:600px){body{padding:0}.terminal{border-radius:0}header{gap:10px}#output{height:70vh;padding:14px}form{padding:14px;gap:8px}}
nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid #1a2b20}button{font:inherit;font-size:12px;background:#15271b;color:#b6efc3;border:1px solid #31563c;border-radius:4px;padding:7px 11px;cursor:pointer}button:hover,button:focus-visible{background:#23452d;outline:1px solid #65ff8e}#storage-status{font-size:11px;color:#83a78a;margin-left:auto}#prompt{max-width:45%;overflow:hidden;text-overflow:ellipsis}#output{height:60vh}dialog{width:min(850px,94vw);background:#0c120e;color:#b6efc3;border:1px solid #65ff8e;border-radius:8px;padding:18px}dialog::backdrop{background:#000a}.editor-header,.editor-actions{display:flex;gap:16px;align-items:center;justify-content:space-between}.editor-header strong{overflow-wrap:anywhere}.editor-header span{font-size:12px;color:#83a78a}textarea{display:block;resize:vertical;width:100%;height:50vh;margin-top:16px;padding:12px;background:#080d0a;color:#d1ffda;border:1px solid #31563c;font:inherit;tab-size:4}#editor-error{color:#ffa791;min-height:1em}.editor-actions{justify-content:flex-end}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:600px){nav{padding:10px}#storage-status{width:100%;margin:0}#output{height:57vh}#prompt{font-size:12px}header span{font-size:10px}.editor-header{flex-wrap:wrap}}