:root{--mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;color:#d6d8d7;font-family:var(--mono);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#111315}*{box-sizing:border-box}html{background:#111315;min-width:320px}body{min-width:320px;margin:0}html,body,#root{height:100%;overflow:hidden}button,input{font:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #79a8d8}::selection{color:#f5f6f5;background:#365a7c}.terminal-page{top:var(--terminal-top,0px);width:100%;height:var(--terminal-height,100dvh);background:#111315;place-items:center;padding:24px;display:grid;position:fixed;left:0}.terminal-window{background:#1d1f21;border:1px solid #383b3f;border-radius:10px;flex-direction:column;width:min(1220px,100%);height:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 24px 70px #00000061}.titlebar{color:#c5c8c6;-webkit-user-select:none;user-select:none;background:#2a2d30;border-bottom:1px solid #35383b;grid-template-columns:1fr minmax(0,auto) 1fr;align-items:center;min-height:46px;padding:0 16px;display:grid;position:relative}.window-controls{align-items:center;gap:8px;display:flex}.window-control{border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 1px #00000024}.window-control--close{background:#ff5f57}.window-control--minimize{background:#febc2e}.window-control--maximize{background:#28c840}.titlebar-title{color:#e0e2e1;align-items:center;gap:8px;min-width:0;font-size:12px;font-weight:600;display:flex}.titlebar-title svg{fill:none;stroke:#9da19e;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:15px;height:15px}.connection{color:#9a9d9b;letter-spacing:.02em;justify-self:end;align-items:center;gap:7px;font-size:10px;display:flex}.connection>span{background:#5dc76c;border-radius:50%;width:7px;height:7px}.connection--working>span{animation:.9s ease-in-out infinite pulse}.connection--offline>span{background:#ef6a67}.terminal-body{overscroll-behavior:contain;color:#d6d8d7;cursor:text;scrollbar-color:#4a4d50 #1d1f21;scrollbar-width:thin;background:#1d1f21;flex:1;min-height:0;padding:24px 26px 12px;position:relative;overflow:auto}.terminal-output{min-height:0}.terminal-entry,.terminal-form{font-size:13px;line-height:1.65}.terminal-entry{margin-bottom:14px}.terminal-entry pre{overflow-wrap:anywhere;color:#c3c6c4;font:inherit;white-space:pre-wrap;margin:2px 0 0}.terminal-entry--error pre{color:#ff8d88}.entry-code{color:#b86f6b;margin-top:5px;font-size:10px;display:inline-block}.command-line,.terminal-form{align-items:baseline;min-width:0;display:flex}.prompt-user{color:#75c991;font-weight:600}.prompt-separator{color:#8a8e8b}.prompt-path{overflow-wrap:anywhere;color:#79a8d8;min-width:0;font-weight:600}.prompt-symbol{color:#aaaeab;margin:0 9px 0 6px}.command-text{overflow-wrap:anywhere;color:#f2f3f2;min-width:0}.terminal-form{position:relative}.input-wrap{flex:1;min-width:0}.terminal-form input{color:#f2f3f2;caret-color:#f2f3f2;width:100%;font:inherit;background:0 0;border:0;outline:0;padding:0;display:block}.terminal-form input:disabled{cursor:progress}.suggestions{z-index:10;width:min(640px,100%);max-height:min(270px, max(44px, calc(var(--terminal-height,100dvh) - 210px)));background:#292c2e;border:1px solid #4a4d50;border-radius:6px;padding:5px;position:absolute;bottom:calc(100% + 10px);left:0;overflow-y:auto;box-shadow:0 16px 40px #00000061}.suggestions button{color:#a5a9a6;text-align:left;width:100%;font:11px/1.35 var(--mono);cursor:pointer;background:0 0;border:0;border-radius:4px;grid-template-columns:minmax(125px,.8fr) 1.5fr auto;align-items:center;gap:14px;padding:8px 10px;display:grid}.suggestions button:hover,.suggestions button[aria-selected=true]{color:#d6d8d7;background:#3a3d40}.suggestions code{color:#8bd7a4;font:12px var(--mono)}kbd{color:#b6bab7;min-width:18px;font:9px/1.45 var(--mono);background:#303336;border:1px solid #55595c;border-radius:3px;place-items:center;padding:1px 4px;display:inline-grid;box-shadow:0 1px #121314}.pending-indicator{align-items:center;gap:4px;height:16px;padding-left:2px;display:flex}.pending-indicator i{background:#8c918d;border-radius:50%;width:3px;height:3px;animation:1s ease-in-out infinite typing}.pending-indicator i:nth-child(2){animation-delay:.12s}.pending-indicator i:nth-child(3){animation-delay:.24s}.statusbar{color:#929693;-webkit-user-select:none;user-select:none;background:#25282a;border-top:1px solid #35383b;align-items:center;gap:20px;min-height:34px;padding:0 13px;font-size:10px;display:flex}.statusbar>span{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.statusbar-session{color:#afb3b0;margin-left:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes pulse{50%{opacity:.35}}@keyframes typing{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media (width<=720px){.terminal-page{padding:0}.terminal-window{border:0;border-radius:0;height:100%;min-height:0}.titlebar{min-height:43px;padding:0 12px}.titlebar-title{font-size:11px}.titlebar-title svg{display:none}.connection{font-size:0}.terminal-body{padding:18px 14px 12px}.terminal-entry,.terminal-form{font-size:11px}.suggestions{width:100%;left:0}.suggestions button{grid-template-columns:minmax(105px,.8fr) 1.5fr auto;gap:8px}.statusbar{gap:14px}.statusbar>span:nth-child(2),.statusbar>span:nth-child(4){display:none}}@media (width<=430px){.window-controls{gap:6px}.window-control{width:10px;height:10px}.titlebar{grid-template-columns:auto minmax(0,1fr) auto;gap:14px}.prompt-user,.prompt-separator{display:none}.prompt-path:before{content:"guest@ctf:";color:#75c991}.suggestions button{grid-template-columns:minmax(0,1fr) auto}.suggestions button>span{grid-area:2/1}.suggestions button>kbd{grid-area:1/2}.statusbar>span:nth-child(3){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation:none!important}}.titlebar,.statusbar,.terminal-composer{flex-shrink:0}.titlebar-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.titlebar-title svg{flex-shrink:0}.connection--connecting>span,.connection--working>span{background:#e5bd68}.terminal-composer{background:#202325;border-top:1px solid #35383b;padding:14px 26px 12px;position:relative}.terminal-form{gap:0}.terminal-form>.prompt-path{text-overflow:ellipsis;white-space:nowrap;max-width:28%;overflow:hidden}.terminal-form:focus-within .prompt-symbol{color:#8bd7a4}.terminal-form input::placeholder{color:#858b88}.command-feedback{color:#959d98;min-height:16px;margin-top:8px;font-size:10px;line-height:1.5}.command-feedback--error{color:#ff8d88}.run-button,.latest-button{color:#b8e6c6;cursor:pointer;background:#2a3930;border:1px solid #4b6253;border-radius:5px}.run-button{flex-shrink:0;margin-left:12px;padding:5px 10px;font-size:11px}.run-button:disabled{color:#929693;cursor:default;background:#292c2e;border-color:#404447}.run-button:not(:disabled):hover,.latest-button:hover{background:#354d3e}.latest-button{padding:7px 12px;font-size:11px;position:absolute;bottom:calc(100% + 10px);right:20px;box-shadow:0 3px 12px #0005}.suggestions code,.suggestions button>span{overflow-wrap:anywhere;min-width:0}@media (width<=720px){.terminal-composer{padding:12px 14px max(12px, env(safe-area-inset-bottom))}.terminal-form input{font-size:16px}.terminal-form>.prompt-user,.terminal-form>.prompt-separator{display:none}.terminal-form>.prompt-path:before{content:none}.run-button{min-height:40px}.suggestions button{min-height:44px}}
