:root{--font-terminal:"Fira Code", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--color-canvas:#020a05;--color-titlebar:#0a120d;--color-heading:#c3d6c8;--color-muted:#7d9c86;--color-border:#41594a;--color-close:#44925f;--page-padding:32px;--header-gap:28px;--header-height:72px;--titlebar-height:58px;--terminal-border-radius:0}@media (max-width:767px){:root{--page-padding:20px;--header-gap:16px;--header-height:96px;--titlebar-height:48px}.terminal-window__titlebar{gap:19px}.terminal-window__controls{width:19px}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background-color:var(--color-canvas);color:var(--color-heading);font-family:var(--font-terminal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.terminal-shell{min-height:100dvh;padding:var(--page-padding);flex-direction:column;display:flex}.header{padding-bottom:var(--header-gap)}.header__heading{color:var(--color-heading);font-family:var(--font-terminal);font-size:clamp(24px,1.6rem,28px);font-weight:400;line-height:1.2}@media (min-width:768px){.header__heading{font-size:28px}}.header__summary{color:var(--color-muted);font-family:var(--font-terminal);margin-top:2px;font-size:12px;font-weight:400;line-height:1.2}.terminal-window{background-color:var(--color-canvas);border:1px solid var(--color-border);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.terminal-window__titlebar{height:var(--titlebar-height);min-height:var(--titlebar-height);background-color:var(--color-titlebar);border-bottom:1px solid var(--color-border);align-items:center;gap:21px;padding:0 16px 0 20px;display:flex}.terminal-window__title{color:var(--color-muted);font-family:var(--font-terminal);font-size:14px;font-weight:400;line-height:1.2}.terminal-window__controls{width:17px;height:18px;position:relative}.terminal-window__control--square{cursor:default;background-color:var(--color-close);opacity:.5;border:0;width:14px;height:14px;padding:0;position:absolute;top:2px;left:0}.terminal-window__surface{background-color:var(--color-canvas);flex:1;min-height:0}.terminal-window__surface .xterm{height:100%;padding:8px}.terminal-window__surface .xterm .xterm-viewport{scrollbar-width:none}.terminal-window__surface .xterm .xterm-viewport::-webkit-scrollbar{width:0;height:0}.terminal-window__fallback{min-height:0;color:var(--color-muted);font-family:var(--font-terminal);flex:1;justify-content:center;align-items:center;font-size:12px;display:flex}