:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#d7dce0;background:#101416;font-family:MS Gothic,Osaka-Mono,Noto Sans Mono CJK JP,BIZ UDGothic,monospace;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0}#app{flex-direction:column;gap:.35rem;max-width:100rem;height:100dvh;margin:auto;padding:clamp(.5rem,1.5vw,1.5rem);display:flex}.terminal{--ink:#e6edf0;--screen:#101719;--muted:#b4c3c9;--edge:#53656d;min-width:0;min-height:0;color:var(--ink);border:1px solid var(--edge);background:#1b252a;border-radius:.2rem;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 .7rem 2rem #0005,inset 0 0 0 3px #ffffff04}.terminal[data-theme=green]{--ink:#b4f5c0;--screen:#0d1911;--muted:#9fc8a6;--edge:#52715a}.terminal[data-theme=amber]{--ink:#ffda99;--screen:#1b160d;--muted:#cdb58d;--edge:#796543}.terminal-header{justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 1rem;display:flex}h1{letter-spacing:.04em;margin:0;font-size:1.05rem;font-weight:600}.terminal-screen{background:var(--screen);border-block:1px solid var(--edge);isolation:isolate;flex-direction:column;flex:1;min-height:0;margin:0 .4rem;display:flex;position:relative}.transcript{scrollbar-color:var(--edge) var(--screen);flex:1;min-height:0;padding:.75rem;overflow:auto}.output{font:inherit;font-kerning:none;font-variant-ligatures:none;font-feature-settings:"palt" 0, "pkna" 0;letter-spacing:0;white-space:pre;tab-size:4;overflow-wrap:normal;margin:0;font-size:.875rem;line-height:1.4}.command-form{align-items:center;gap:.5rem;padding:.4rem .75rem;display:flex}.command-form label{color:var(--ink)}.command-form input{caret-color:var(--ink);background:0 0;border-color:#0000;padding-inline:0}.terminal input{color:var(--ink);background-color:var(--screen)}.terminal .command-form input{background:0 0}.terminal.effects .output{text-shadow:0 0 .35rem color-mix(in srgb, var(--ink) 25%, transparent)}.terminal.effects .terminal-screen:after{content:"";pointer-events:none;z-index:-1;background:repeating-linear-gradient(#0000 0 3px,#0002 3px 4px);position:absolute;inset:0}::selection{color:#102028;text-shadow:none;background:#d7e7ef}input{font:inherit;color:inherit;background:#171f23;border:1px solid #788b94;border-radius:.2rem;flex:1;width:0;min-width:6rem;padding:.25rem .5rem}:focus-visible{outline-offset:2px;outline:2px solid #c1e9ff}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=600px){.terminal{min-height:0}.terminal-header,.transcript{padding:.5rem}.command-form{padding:.4rem .5rem}.command-form input{min-width:0}}button,select,textarea{font:inherit;color:inherit}button,select{background:#202d33;border:1px solid #788b94;border-radius:.2rem;padding:.3rem .6rem}button{cursor:pointer}button:disabled{opacity:.6;cursor:default}.application-options{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;font-size:.75rem;display:flex}[hidden]{display:none!important}.settings-dialog{color:#d7dce0;background:#10191e;border:1px solid #788b94;border-radius:.3rem;width:min(48rem,100% - 1rem);max-height:calc(100dvh - 1rem);padding:1rem;overflow:auto}.settings-dialog::backdrop{background:#000a}.settings-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.settings-header h2{margin:0;font-size:1.1rem}.settings-dialog details{border-top:1px solid #53656d;padding-block:.75rem}.settings-dialog summary{cursor:pointer}.settings-dialog form,.settings-dialog label{flex-direction:column;gap:.4rem;display:flex}.settings-dialog form{gap:.75rem;margin-block:.75rem}.settings-dialog label{margin-block:.5rem}.settings-dialog label:has(input[type=checkbox]){flex-direction:row;align-items:center}.settings-dialog input{flex:none;width:100%;min-width:0}.settings-dialog input[type=checkbox]{width:auto}.settings-dialog textarea{resize:vertical;background:#171f23;border:1px solid #788b94;width:100%;padding:.4rem}.settings-dialog select{width:100%;min-width:0}.settings-buttons{flex-wrap:wrap;gap:.5rem;margin-block:.75rem;display:flex}.settings-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.85rem}.settings-dialog p{overflow-wrap:anywhere}.settings-confirmation{border:2px solid #d6b875;margin-block:.75rem;padding:.75rem}.settings-confirmation button{margin:.25rem}.settings-message:not(:empty){border-left:3px solid #a5d5ed;padding-left:.6rem}@media (width<=600px){.terminal-header{gap:.5rem}.application-options{max-width:75%}.settings-dialog{padding:.75rem}}
