:root{--ink: #11130f;--paper: #f1f0e9;--surface: #faf9f3;--line: #c9c8bf;--muted: #686a62;--lime: #cbff4a;--lime-dark: #365100;--terminal: #11140f;--error: #d94343}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px}button,input,textarea{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}code,pre,kbd{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.app-shell{width:min(1440px,100%);margin:0 auto;padding:0 34px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:11px;font:700 18px/1 SFMono-Regular,monospace;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:36px;height:27px;background:var(--ink);color:var(--lime);font-size:11px;letter-spacing:-.08em}.brand-cursor{color:#7aa400;animation:cursor 1.1s steps(2) infinite}@keyframes cursor{50%{opacity:0}}.topbar-actions{display:flex;align-items:center;gap:14px}.language-link{color:var(--ink);font:600 11px/1 SFMono-Regular,monospace;text-underline-offset:4px}.language-link:hover{color:#5f7d00}.connection-pill{display:flex;align-items:center;gap:9px;min-width:105px;justify-content:center;border:1px solid var(--line);background:var(--surface);padding:8px 13px;font:600 11px/1 SFMono-Regular,monospace;text-transform:uppercase;letter-spacing:.08em}.status-dot{width:7px;height:7px;border-radius:50%;background:#989b92}.state-connected .status-dot{background:#6da000;box-shadow:0 0 0 3px #6da00021}.state-connecting .status-dot,.state-starting .status-dot,.state-reconnecting .status-dot{background:#d48a00;animation:pulse 1s infinite}.state-error .status-dot{background:var(--error)}@keyframes pulse{50%{opacity:.35}}.hero{display:grid;grid-template-columns:1.6fr .65fr;gap:40px;align-items:end;min-height:288px;padding:52px 0 42px}.eyebrow{margin:0 0 17px;color:var(--muted);font:600 11px/1.4 SFMono-Regular,monospace;text-transform:uppercase;letter-spacing:.12em}.hero h1{margin:0;font-size:clamp(38px,5.15vw,78px);line-height:.95;letter-spacing:-.065em;font-weight:780}.hero h1 span{color:#6f860e}.hero-copy{margin:0;max-width:400px;line-height:1.6;color:var(--muted);padding-bottom:5px}.project-badges{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:-14px 0 28px}.project-badge{display:inline-flex;min-height:28px;align-items:center;padding:3px;border:1px solid transparent;background:#faf9f38c;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.project-badge:hover{border-color:var(--line);background:var(--surface);transform:translateY(-1px)}.project-badge:focus-visible{outline:2px solid #71840b;outline-offset:2px}.project-badge img{display:block;width:auto;max-width:100%;height:20px}.install-strip{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(360px,1.3fr) auto;align-items:center;gap:24px;margin-bottom:28px;padding:18px 20px;border:1px solid var(--ink);background:var(--surface)}.install-heading{display:flex;align-items:flex-start;gap:13px}.install-heading p{margin:0 0 4px;color:var(--muted);font:600 10px/1 SFMono-Regular,monospace;text-transform:uppercase;letter-spacing:.12em}.install-heading h2{margin:0;font-size:17px;letter-spacing:-.035em}.install-command{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid #343a2e;background:var(--terminal)}.install-command code{min-width:0;overflow-x:auto;padding:13px 14px;color:var(--lime);font-size:12px;white-space:nowrap}.install-command button{border:0;border-left:1px solid #343a2e;background:#20251c;color:#d9f2a1;padding:0 15px;font:600 10px/1 SFMono-Regular,monospace}.install-command button:hover{background:#2c351d;color:var(--lime)}.install-links{display:grid;justify-items:end;gap:6px}.install-links a{color:var(--ink);font-size:11px;text-underline-offset:3px}.workspace{display:grid;grid-template-columns:minmax(310px,.72fr) minmax(520px,1.6fr);border:1px solid var(--ink);background:var(--surface);min-height:660px}.connection-panel{padding:29px;border-right:1px solid var(--ink);display:flex;flex-direction:column}.panel-heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:32px}.step-number{font:700 11px/1 SFMono-Regular,monospace;color:#71840b;padding-top:4px}.panel-heading p{margin:0 0 4px;text-transform:uppercase;font:600 10px/1 SFMono-Regular,monospace;color:var(--muted);letter-spacing:.12em}.panel-heading h2,.log-header h2{margin:0;font-size:22px;letter-spacing:-.04em}.connection-form{display:grid;gap:20px}.connection-form label{display:grid;gap:8px}.connection-form label>span{font-weight:650;font-size:12px}.connection-form small{color:var(--muted);font-size:11px;line-height:1.45;overflow-wrap:anywhere}.connection-form code{color:var(--ink)}.connection-form input,.connection-form textarea{width:100%;min-height:45px;border:1px solid var(--line);border-radius:0;background:#fff;padding:10px 12px;outline:none;font:12px/1.3 SFMono-Regular,monospace;transition:border .16s,box-shadow .16s}.connection-form textarea{resize:vertical;overflow-wrap:anywhere}.connection-form input:focus,.connection-form textarea:focus{border-color:var(--ink);box-shadow:3px 3px 0 var(--lime)}.relay-options{border:1px dashed var(--line);padding:0 12px}.relay-options summary{min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}.relay-options summary::-webkit-details-marker{display:none}.relay-options summary:before{content:"+";color:#71840b;font:700 15px/1 SFMono-Regular,monospace}.relay-options[open] summary:before{content:"−"}.relay-options summary>span{font-weight:650;font-size:12px}.relay-options summary>small{margin-left:auto;text-align:right}.relay-options>label{border-top:1px dashed var(--line);padding:13px 0 14px}.port-field,.timeout-field{max-width:155px}.connection-form .interactive-mode{display:grid;grid-template-columns:18px 1fr;align-items:start;gap:10px;cursor:pointer}.connection-form .interactive-mode>input{width:18px;min-height:18px;height:18px;margin:1px 0 0;padding:0;accent-color:#71840b}.connection-form .interactive-mode>span{display:grid;gap:4px;font-size:12px}.connection-form .interactive-mode small{display:block;font-weight:400}.primary-button,.secondary-button{min-height:49px;border:1px solid var(--ink);padding:0 16px;display:flex;justify-content:space-between;align-items:center;font-weight:750}.primary-button{background:var(--lime);color:var(--ink);box-shadow:4px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s}.primary-button:not(:disabled):hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.secondary-button{background:transparent;justify-content:center}.danger{color:var(--error);border-color:var(--error)}.identity-card{margin-top:28px;padding:14px;border:1px dashed var(--line);display:grid;gap:7px}.identity-card span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.identity-card code{font-size:10px;overflow-wrap:anywhere;line-height:1.45}.security-note{margin-top:auto;padding-top:28px;display:flex;gap:12px;color:var(--muted)}.security-note p{margin:0;font-size:11px;line-height:1.5}.security-note strong{display:block;color:var(--ink);margin-bottom:2px}.lock-icon{color:#71840b;font-size:11px;padding-top:2px}.terminal-panel{background:var(--terminal);color:#e7ebdd;display:grid;grid-template-rows:52px 1fr auto auto;min-width:0}.terminal-toolbar{display:grid;grid-template-columns:70px minmax(0,1fr) auto auto;align-items:center;gap:15px;border-bottom:1px solid #343a2e;padding:0 19px;color:#969e8a;font:10px/1 SFMono-Regular,monospace}.window-dots{display:flex;gap:7px}.window-dots i{width:8px;height:8px;border-radius:50%;background:#4c5345}.window-dots i:first-child{background:#cc725f}.window-dots i:nth-child(2){background:#d3af45}.window-dots i:last-child{background:#849e52}.terminal-address{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.terminal-echo-toggle{display:flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;color:#b7c195;user-select:none}.terminal-echo-toggle input{position:absolute;width:1px;height:1px;opacity:0}.toggle-track{width:26px;height:14px;padding:2px;border:1px solid #59604f;background:#252a21;transition:border-color .15s,background .15s}.toggle-track>span{display:block;width:8px;height:8px;background:#7e876f;transition:transform .15s,background .15s}.terminal-echo-toggle input:checked+.toggle-track{border-color:var(--lime);background:#33420f}.terminal-echo-toggle input:checked+.toggle-track>span{transform:translate(12px);background:var(--lime)}.terminal-echo-toggle input:focus-visible+.toggle-track{outline:2px solid var(--lime);outline-offset:2px}.traffic-stats{display:flex;gap:14px;color:#b7c195}.terminal-output{margin:0;padding:26px;min-height:360px;max-height:530px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.65;color:#d9f2a1}.terminal-output>span{white-space:pre-wrap}.terminal-sent{color:#aeb7a1}.terminal-empty{color:#656d5b}.pty-mode-label{color:var(--lime);white-space:nowrap}.browser-terminal{min-height:430px;max-height:600px;overflow:hidden;padding:18px 12px 12px 18px}.browser-terminal-loading{min-height:430px;display:grid;place-items:center;color:#656d5b;font:11px/1.4 SFMono-Regular,monospace}.browser-terminal .xterm{height:100%}.browser-terminal .xterm-viewport{scrollbar-color:#4c5345 #11140f}.composer{border-top:1px solid #343a2e;padding:16px 18px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:stretch}.composer textarea{resize:vertical;min-height:72px;border:1px solid #41483a;border-radius:0;background:#191d16;color:#e9f0dd;padding:12px;outline:none;font:12px/1.5 SFMono-Regular,monospace}.composer textarea:focus{border-color:#9ec234}.send-button{border:1px solid var(--lime);background:var(--lime);color:var(--ink);padding:0 17px;font-weight:750}.send-button kbd{margin-left:8px;font-size:9px;opacity:.6}.transfer-bar{min-height:54px;border-top:1px solid #343a2e;display:flex;align-items:center;gap:4px;padding:8px 14px;flex-wrap:wrap}.transfer-bar button,.file-button{border:0;background:transparent;color:#aeb7a1;padding:8px 10px;font-size:11px}.transfer-bar button:not(:disabled):hover,.file-button:not(.disabled):hover{color:var(--lime)}.file-button input{position:absolute;width:1px;height:1px;opacity:0}.file-button.disabled{opacity:.45;cursor:not-allowed}.file-progress{margin-left:auto;color:#7e876f;font:9px/1.3 SFMono-Regular,monospace}.pty-help{margin-left:auto;color:#7e876f;font:9px/1.4 SFMono-Regular,monospace}.event-log{margin:28px 0 42px;border:1px solid var(--line);background:var(--surface)}.log-header{min-height:57px;padding:0 18px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;border-bottom:1px solid var(--line)}.log-header h2{font-size:16px}.log-header button{border:0;background:transparent;color:var(--muted);font-size:11px}.log-list{min-height:78px;max-height:180px;overflow:auto;padding:12px 18px;font:10px/1.55 SFMono-Regular,monospace}.log-list p{display:grid;grid-template-columns:78px 1fr;margin:0;padding:3px 0}.log-list time{color:#94978f}.log-success span{color:#5f7d00}.log-error span{color:var(--error)}.empty-log{color:var(--muted)}footer{min-height:88px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font:10px/1.4 SFMono-Regular,monospace;text-transform:uppercase;letter-spacing:.06em}footer span{color:#71840b}@media(max-width:920px){.app-shell{padding:0 20px}.hero{grid-template-columns:1fr;min-height:0;padding:45px 0 36px}.hero-copy{max-width:650px}.install-strip{grid-template-columns:1fr}.install-links{grid-auto-flow:column;justify-content:start;justify-items:start;gap:18px}.workspace{grid-template-columns:1fr}.connection-panel{border-right:0;border-bottom:1px solid var(--ink)}.security-note{margin-top:30px}}@media(max-width:600px){.app-shell{padding:0 12px}.topbar{height:68px}.topbar-actions{gap:8px}.language-link{font-size:10px}.connection-pill{min-width:0;padding:8px 9px;font-size:9px}.hero h1{font-size:40px}.project-badges{gap:5px;margin-top:-10px}.project-badge{max-width:100%}.install-strip{padding:16px;gap:15px}.install-command{grid-template-columns:1fr}.install-command button{min-height:38px;border-left:0;border-top:1px solid #343a2e}.install-links{grid-auto-flow:row;gap:8px}.connection-panel{padding:22px 17px}.terminal-toolbar{grid-template-columns:52px 1fr}.terminal-address{display:none}.terminal-echo-toggle,.pty-mode-label{grid-column:2;justify-self:end}.traffic-stats{grid-column:1 / -1;display:none}.composer{grid-template-columns:1fr}.send-button{min-height:43px}.terminal-output{min-height:310px;padding:18px}.browser-terminal{min-height:390px;padding:12px 7px 8px 12px}.transfer-bar{align-items:flex-start}.file-progress{width:100%;margin:4px 10px}footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}