:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;color:#dce6ea;background:#0a1017;font-synthesis:none;font-size:14px;line-height:1.55;color-scheme:dark;--muted:#80929e;--border:#24323c;--accent:#76dfbd;--panel:#111a23}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit;text-decoration:none}svg{display:block;width:20px;height:20px;flex-shrink:0}button{display:inline-flex;justify-content:center;align-items:center;gap:8px;transition:background .15s,color .15s,border-color .15s}input,textarea,select{width:100%;color:#dce6ea;border:1px solid #2b3a45;border-radius:7px;background:#0b141d;padding:11px 12px;min-width:0;transition:border-color .15s}input::placeholder,textarea::placeholder{color:#5c727f}input:hover,textarea:hover,select:hover{border-color:#405661}input:focus,textarea:focus,select:focus{border-color:#6ab69e;outline:none;box-shadow:0 0 0 3px #76dfbd10}input:disabled,textarea:disabled,select:disabled{opacity:.6}fieldset{border:0;margin:0;padding:0;min-width:0}.header{height:96px;max-width:1600px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid #20303a}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:650;letter-spacing:.025em;line-height:1.1}.brand b{font-size:20px;font-weight:450;color:#b0c4ce}.brand-mark{width:43px;height:43px;color:var(--accent);background:#76dfbd0b;border:1px solid #76dfbd30;border-radius:11px;display:grid;place-items:center}.brand-mark svg{height:34px;width:34px}.brand small{display:block;letter-spacing:.05em;font-weight:400;font-size:10px;color:#79939e;margin-top:8px}.header-right{display:flex;align-items:center;gap:25px}.privacy-badge{display:flex;align-items:center;gap:8px;color:#9ab5bd;font-size:12px;letter-spacing:.03em}.privacy-badge i,.status-dot,.pin-saved i{height:6px;width:6px;background:var(--accent);border-radius:50%;display:inline-block;flex-shrink:0}.quiet{padding:7px 0;color:#9aaeb8;border:0;background:transparent;font-size:12px}.quiet:hover:not(:disabled){color:#d2f9eb}.quiet svg{width:15px;height:15px}.quiet.small{font-size:11px}.primary{border:1px solid var(--accent);border-radius:7px;background:var(--accent);padding:12px 17px;color:#0b3025;font-weight:650;letter-spacing:.025em;font-size:13px}.primary:hover:not(:disabled){background:#92eccf;border-color:#92eccf}.primary svg{height:17px;width:17px}.wide{width:100%;justify-content:space-between}.secondary{border:1px solid #384c58;border-radius:7px;background:#16232d;padding:12px 17px;color:#c3d1d8;font-size:13px}.secondary:hover{background:#20313e}.eyebrow{color:#7caba0;font-size:10px;letter-spacing:.2em;font-weight:650}.gate{min-height:calc(100svh - 96px);max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:65px;padding:65px 40px 100px}.gate-intro{flex:1}.gate-intro h1{font-weight:500;font-size:46px;line-height:1.45;letter-spacing:.035em;margin:20px 0}.gate-intro h1 em{font-style:normal;color:var(--accent)}.gate-intro>p{color:#8ba0ad;line-height:1.9;font-size:13px}.gate-facts{display:flex;gap:22px;margin-top:36px;color:#abbfc9;font-size:11px}.gate-facts span{display:flex;gap:8px;align-items:center}.gate-facts svg{width:16px;height:16px;color:#69b9a1}.gate-card{width:380px;flex-shrink:0;background:linear-gradient(140deg,#14222c,#111a23 65%);border:1px solid #293c46;border-radius:14px;padding:30px;box-shadow:0 20px 90px #0003}.gate-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #76dfbd38;border-radius:10px;background:#76dfbd0c;color:var(--accent);margin-bottom:22px}.gate-card h2{margin:0 0 10px;font-weight:550;font-size:21px}.gate-card>p{font-size:12px;line-height:1.8;color:#8ba3b0;margin:0 0 26px}.gate-card label{font-size:11px;display:block;margin-bottom:8px;color:#b3c5ce}.gate-card input{font-family:ui-monospace,Consolas,monospace;font-size:11px;min-height:44px}.gate-card .primary{margin-top:20px}.gate-note{display:block;margin-top:22px;padding-top:20px;border-top:1px solid #293943;color:#6f8795;font-size:10px;line-height:1.8}.error{color:#f2a499;font-size:12px!important;margin:12px 0!important}.spinner{border:2px solid #294538;border-top-color:var(--accent);width:24px;height:24px;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.workspace{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:332px minmax(0,1fr);align-items:stretch;gap:24px;padding:28px 36px 0}.connection-panel{border:1px solid #263640;border-radius:11px;background:#111a23;padding:24px;align-self:start}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.section-heading h1{margin:5px 0 0;font-size:20px;font-weight:550;letter-spacing:.02em}.section-heading .eyebrow{font-size:9px}.field{margin-bottom:17px}.field label,.saved>label{display:block;font-size:11px;color:#b8c9d2;margin-bottom:7px;font-weight:450}.field small{display:block;margin-top:7px;color:#6c8693;font-size:10px;line-height:1.6}.optional{color:#5d7787;font-size:10px;margin-left:4px}.field input{font-size:12px;padding:10px 11px}.two-fields{display:grid;grid-template-columns:95px minmax(0,1fr);gap:14px}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid #293d48;padding:3px;background:#0b141c;border-radius:8px;gap:3px}.segmented button{border:1px solid transparent;border-radius:5px;background:none;color:#849ba8;font-size:11px;padding:7px}.segmented button svg{width:15px;height:15px}.segmented button.selected{background:#203d35;border-color:#36584a;color:#b7edd9}.checkbox{display:flex;align-items:flex-start;gap:9px;color:#a2b9c3;font-size:11px;cursor:pointer;margin:20px 0 16px;line-height:1.5}.checkbox input{width:13px;height:13px;min-width:13px;margin:3px 0 0;accent-color:var(--accent);border-radius:3px;padding:0}.checkbox small{display:block;color:#607c8c;font-size:9px;margin-top:5px;line-height:1.5}.pin-saved{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8fae9f;margin:12px 0 17px;gap:8px}.pin-saved>span{display:flex;align-items:center;gap:6px}.pin-saved i{height:4px;width:4px}.pin-saved button{padding:0;background:none;border:0;color:#859ba8;font-size:9px;text-decoration:underline;text-underline-offset:3px}.pin-saved button:hover{color:#d0e3e9}.connect-button{margin-top:4px}.connect-button:disabled{opacity:.65;justify-content:center}.panel-note{display:flex;align-items:flex-start;gap:10px;margin:21px 0 0;padding:19px 0 0;border-top:1px solid #233540;color:#718d9b}.panel-note svg{width:14px;height:14px;margin-top:3px;opacity:.8}.panel-note p{margin:0;font-size:10px;line-height:1.8}.saved{padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #263640}.saved>label{display:flex;justify-content:space-between}.saved>label span{color:#5d7a88}.saved-row{display:flex;gap:6px;align-items:center}.saved-row select{font-size:11px;padding:9px 8px;cursor:pointer}.icon-button{padding:8px;border:1px solid #2c414d;background:#14212b;border-radius:6px;color:#9db4c0}.icon-button svg{width:15px;height:15px}.icon-button:hover{background:#26323c;color:#f0b2a8}.terminal-panel{display:flex;flex-direction:column;min-height:650px;border-radius:11px;overflow:hidden;border:1px solid #293b46;background:#0c141d}.terminal-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 21px;min-height:56px;flex-shrink:0;background:#14212c;border-bottom:1px solid #253641}.terminal-label{min-width:0;display:flex;align-items:center;gap:10px;font-family:ui-monospace,Consolas,monospace;font-size:12px;color:#a3b9c6}.terminal-label>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.terminal-label svg{width:17px;height:17px;color:#719484}.terminal-actions{display:flex;align-items:center;gap:15px;white-space:nowrap}.terminal-state{display:flex;align-items:center;gap:6px;font-size:10px;color:#738b9a}.terminal-state i{width:5px;height:5px;background:#5d7280;border-radius:50%}.terminal-state.connected{color:#91bda9}.terminal-state.connected i{background:var(--accent)}.terminal-state.starting i{background:#d1b678}.terminal-state.ended i{background:#b47d74}.terminal-actions .quiet{font-size:10px}.terminal-actions .quiet svg{width:13px;height:13px}.terminal-body{flex:1;position:relative;display:flex;min-height:500px}.terminal-mount{width:100%;position:absolute;inset:0}.hidden{display:none}.terminal-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 25px;color:#667f8c;text-align:center;background:radial-gradient(ellipse at 50% 30%,#12222a90,transparent 65%)}.terminal-symbol{width:62px;height:62px;border:1px solid #2f474c;border-radius:16px;display:grid;place-items:center;background:#76dfbd05;color:#77b8a6;margin-bottom:28px;box-shadow:0 0 60px #68d4b009}.terminal-symbol svg{width:28px;height:28px}.terminal-empty .eyebrow{font-size:8px;letter-spacing:.2em;color:#51766e}.terminal-empty h2{font-size:24px;font-weight:450;margin:12px 0 14px;letter-spacing:.03em;color:#a5bbc6}.terminal-empty p{margin:0;color:#637e8d;line-height:1.9;font-size:12px}.terminal-example{font-family:ui-monospace,Consolas,monospace;color:#657e8a;border:1px solid #223640;border-radius:7px;background:#0b151e;padding:13px 22px;margin-top:30px;font-size:12px;text-align:left}.terminal-example>span{color:#6bbb9f;margin-right:10px}.terminal-example b{font-weight:400;color:#75ad98}.terminal-capabilities{display:flex;flex-wrap:wrap;gap:20px;margin-top:32px;font-size:9px;color:#4d6a79}.terminal-capabilities span+span{position:relative}.terminal-capabilities span+span:before{content:"\b7";position:absolute;left:-12px;color:#3a5361}.terminal-bottom{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;gap:12px;color:#5f7d8c;font-size:9px;border-top:1px solid #1e303b;background:#0f1922;min-height:39px}.terminal-bottom>span:first-child{display:flex;gap:7px;align-items:center}.terminal-bottom i{width:5px;height:5px;border-radius:50%;background:#4c6474;flex-shrink:0}.terminal-bottom i.online{background:var(--accent)}.terminal-bottom>span:last-child{white-space:nowrap}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1600px;margin:auto;padding:21px 36px 25px;font-size:9px;color:#506d7a}footer>span:first-child{letter-spacing:.025em;color:#718e9a}footer b{font-weight:400;margin-left:7px;color:#465f6d}footer p{margin:0}.key-text{resize:vertical;min-height:90px;font-family:ui-monospace,Consolas,monospace;font-size:9px;line-height:1.65;padding:10px}.file-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;padding:0;margin:0}.dropzone{width:100%;display:flex;gap:10px;justify-content:flex-start;border:1px dashed #3b5b60;background:#10231f40;color:#9abfaf;border-radius:7px;margin-top:8px;padding:13px 11px;font-size:10px;text-align:left;overflow:hidden}.dropzone svg{width:17px;height:17px;color:#7ab49c}.dropzone>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.dropzone small{font-size:8px!important;line-height:1.6;color:#5b8373;margin:3px 0 0!important}.dropzone.dragging,.dropzone:hover:not(:disabled){border-color:var(--accent);background:#17403250}.form-message{font-size:11px;color:#e3ba9f;padding:10px 11px;background:#c4935c0c;border:1px solid #9b6f422d;border-radius:6px;margin:0 0 13px;line-height:1.65;overflow-wrap:anywhere}.fingerprint-dialog{width:540px;max-width:calc(100vw - 32px);max-height:calc(100svh - 40px);border-radius:13px;border:1px solid #3b575e;background:#121f29;color:#bdcfd9;padding:30px;box-shadow:0 25px 100px #0008}.fingerprint-dialog::backdrop{background:#040a10bd;backdrop-filter:blur(5px)}.dialog-icon{width:42px;height:42px;border:1px solid #72c3a83a;border-radius:10px;display:grid;place-items:center;color:var(--accent);background:#72c3a80b;margin-bottom:22px}.fingerprint-dialog h2{color:#d9e7eb;font-size:21px;font-weight:500;margin:10px 0 16px}.fingerprint-dialog p{font-size:12px;color:#89a0ae;line-height:1.9}.fingerprint-dialog dl{padding:18px;border:1px solid #2b434d;background:#0a161e;border-radius:8px;margin:22px 0}.fingerprint-dialog dt{font-size:9px;color:#607c8a;margin:13px 0 4px}.fingerprint-dialog dt:first-child{margin-top:0}.fingerprint-dialog dd{margin:0;font-family:ui-monospace,Consolas,monospace;font-size:11px;color:#b7cdd7;overflow-wrap:anywhere}.fingerprint-dialog dd.fingerprint-value{color:#9bdcc3;font-size:12px}.fingerprint-dialog .fingerprint-help{font-size:10px;line-height:1.8;color:#718f9d}.fingerprint-help code{display:block;padding:9px 10px;font-size:9px;border-radius:5px;background:#0c161f;color:#8eb3a4;overflow-wrap:anywhere;margin:8px 0}.dialog-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.dialog-buttons .primary,.dialog-buttons .secondary{font-size:11px;padding:11px 14px}@media(min-width:1500px){.workspace{grid-template-columns:360px minmax(0,1fr);gap:28px}.connection-panel{padding:28px}.terminal-panel{min-height:700px}}@media(max-width:1000px){.header{padding:0 24px;height:84px}.workspace{grid-template-columns:300px minmax(0,1fr);padding:22px 24px 0;gap:18px}.connection-panel{padding:21px}.terminal-empty h2{font-size:20px}.terminal-topbar{padding:0 15px;gap:10px}.terminal-bottom>span:last-child{display:none}.privacy-badge{font-size:10px}.header-right{gap:18px}footer{padding:20px 24px}.gate{gap:35px;padding:50px 35px 80px;min-height:calc(100svh - 84px)}.gate-intro h1{font-size:36px}.gate-card{width:350px;padding:26px}.gate-facts{gap:16px;flex-direction:column;margin-top:26px}}@media(max-width:760px){.workspace{grid-template-columns:1fr;padding:20px 18px 0;gap:20px}.connection-panel{padding:22px}.connection-form .two-fields{grid-template-columns:110px minmax(0,1fr)}.header{height:78px;padding:0 20px}.brand{font-size:21px;gap:9px}.brand-mark{width:37px;height:37px}.brand-mark svg{width:30px;height:30px}.brand small{font-size:8px;margin-top:6px}.brand b{font-size:18px}.privacy-badge{display:none}.terminal-panel{min-height:540px}.terminal-body{min-height:450px}.terminal-topbar{padding:0 15px;min-height:52px}.terminal-label{font-size:10px}.terminal-actions{gap:9px}.terminal-actions .quiet{font-size:9px}.terminal-actions .quiet svg{display:none}.terminal-state{font-size:9px}.terminal-empty h2{font-size:22px}.terminal-bottom{font-size:8px;padding:10px 13px}footer{padding:20px;align-items:flex-start;font-size:8px;gap:12px;flex-wrap:wrap}footer p{order:3;width:100%;line-height:1.8}.gate{padding:40px 24px 60px;flex-direction:column;align-items:stretch;gap:30px}.gate-intro h1{font-size:32px;margin:12px 0}.gate-intro h1 br,.gate-intro .desktop{display:none}.gate-intro>p{font-size:12px}.gate-facts{flex-direction:row;margin-top:20px;font-size:10px;gap:18px}.gate-card{width:100%;max-width:440px;margin:0 auto;padding:26px}.gate-intro{max-width:440px;margin:auto;width:100%}.fingerprint-dialog{padding:23px}.dialog-buttons{flex-wrap:wrap}.dialog-buttons button{flex:1;font-size:10px!important}.fingerprint-dialog h2{font-size:19px}.key-text{font-size:10px;min-height:100px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}