:root{--bg:#0a0a0a;--bg-bio:#0d0d0d;--bg-chrome:#111111;--border:#1a1a1a;--border-mid:#2a2a2a;--green:#4ade80;--green-dim:rgba(74,222,128,0.08);--green-border:rgba(74,222,128,0.2);--text:#d4d4d4;--text-muted:#999;--text-dim:#707070;--text-bright:#f4f4f4;--font-sans:'DM Sans',system-ui,sans-serif;--font-mono:'JetBrains Mono','Fira Code',monospace;--bio-width:320px;--topbar-h:48px;--chrome-h:40px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%}body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);overflow:hidden;overscroll-behavior:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#3a3a3a}.topbar{display:none;align-items:center;justify-content:space-between;height:var(--topbar-h);padding:0 20px;background:var(--bg-bio);border-bottom:1px solid var(--border);flex-shrink:0}.topbar-name{font-size:14px;font-weight:600;color:var(--text-bright)}.topbar-menu{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}.topbar-menu span{display:block;width:22px;height:1.5px;background:var(--text-muted);border-radius:1px}.bio-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:10;opacity:0;transition:opacity 0.2s}.bio-overlay.visible{opacity:1}.layout{display:flex;height:100dvh;max-width:1800px;margin:0 auto}.bio{width:var(--bio-width);flex-shrink:0;display:flex;flex-direction:column;height:100%;background:var(--bg-bio);border-right:1px solid var(--border);overflow:hidden}.bio-nav{display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:56px;flex-shrink:0}.bio-logo{font-family:var(--font-mono);font-size:13px;color:var(--green);letter-spacing:1px}.bio-nav-links{display:flex;gap:24px}.bio-nav-links button{background:none;border:none;font-family:var(--font-sans);font-size:13px;color:#c0c0c0;cursor:pointer;padding:4px 0;transition:color 0.15s}.bio-nav-links button:hover{color:var(--text-bright)}.bio-close{display:none;background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:4px}.bio-body{flex:1;overflow-y:auto;padding:28px 28px 0;display:flex;flex-direction:column;gap:0}.bio-photo{margin-bottom:20px}.bio-photo img{width:88px;height:88px;border-radius:50%;object-fit:cover;object-position:center top;border:2px solid var(--border-mid);box-shadow:0 0 0 4px var(--bg-bio),0 0 0 5px var(--border);display:block}.bio-identity{margin-bottom:16px}.bio-identity h1{font-size:clamp(18px,2vw,22px);font-weight:600;color:var(--text-bright);letter-spacing:-0.3px;line-height:1.2;margin-bottom:4px}.bio-title{font-size:13px;color:var(--text-muted)}.bio-location{font-size:13px;color:#a0a0a0;margin-top:2px}.bio-status{display:flex;align-items:center;gap:8px;font-size:12px;color:#aaa;margin-bottom:20px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);flex-shrink:0}.bio-tagline{font-size:13px;color:#aaa;line-height:1.75;margin-bottom:24px}.bio-chips{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}.bio-chips li{font-family:var(--font-mono);font-size:11px;color:#aaa;background:rgba(255,255,255,0.04);border:1px solid #3a3a3a;padding:3px 10px;border-radius:2px;letter-spacing:0.2px}.bio-divider{border:none;border-top:1px solid var(--border);margin-bottom:20px}.bio-ssh{background:var(--bg);border:1px solid var(--border-mid);border-radius:4px;padding:12px 14px;margin-bottom:20px;display:flex;flex-direction:column;gap:4px}.bio-ssh-label{font-family:var(--font-mono);font-size:10px;color:#aaa;letter-spacing:2px;text-transform:uppercase}.bio-ssh-row{display:flex;align-items:center;gap:6px}.bio-ssh-cmd{font-family:var(--font-mono);font-size:12px;color:var(--green);background:none;flex:1}.bio-ssh-cmd span{color:#bbb}.bio-ssh-copy{flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--text-dim);padding:2px;border-radius:3px;position:relative;transition:color 0.15s}.bio-ssh-copy::before{content:'';display:block;width:12px;height:12px;background-color:currentColor;mask-image:url('/icons/clipboard.svg');mask-size:100% 100%;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url('/icons/clipboard.svg');-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.bio-ssh-copy:hover{color:var(--green)}.bio-ssh-copy::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);background:var(--bg-chrome);border:1px solid var(--border-mid);color:var(--text-muted);font-family:var(--font-mono);font-size:10px;padding:2px 6px;border-radius:3px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.1s;z-index:10}.bio-ssh-copy:hover::after{opacity:1}.bio-ssh-note{font-family:var(--font-mono);font-size:10px;color:#999}.bio-footer{flex-shrink:0;padding:20px 28px 28px;display:flex;flex-direction:column;gap:8px}.bio-link{display:flex;gap:10px;align-items:center;text-decoration:none;color:inherit}.bio-link:hover span:last-child{color:var(--text-bright)}.bio-link-key{font-family:var(--font-mono);font-size:10px;color:#aaa;min-width:52px}.bio-link span:last-child{font-size:12px;color:#ccc;transition:color 0.15s}.terminal-panel{flex:1;display:flex;flex-direction:column;min-width:0;height:100%;background:var(--bg)}.terminal-chrome{display:flex;align-items:center;justify-content:space-between;height:var(--chrome-h);padding:0 16px;background:var(--bg-chrome);border-bottom:1px solid var(--border);flex-shrink:0}.chrome-host{font-family:var(--font-mono);font-size:11px;color:#d0d0d0}.chrome-hint{font-family:var(--font-mono);font-size:11px;color:#c0c0c0}#terminal{flex:1;min-height:0;padding:8px 4px;touch-action:none}.xterm{height:100%}.xterm-viewport{border-radius:0}.xterm .composition-view{display:none !important}@media (max-width:1023px){:root{--bio-width:260px}}@media (max-width:639px){body{overflow:hidden}.topbar{display:flex}.bio-overlay{display:block;pointer-events:none}.bio-overlay.visible{pointer-events:auto}.layout{flex-direction:column;height:calc(100dvh - var(--topbar-h))}.bio{position:fixed;top:0;left:0;width:min(var(--bio-width),90vw);height:100dvh;z-index:20;transform:translateX(-100%);transition:transform 0.25s ease;border-right-color:var(--border-mid)}.bio.open{transform:translateX(0)}.bio-nav{height:60px;padding:0 20px}.bio-close{display:block}.bio-nav-links{display:none}.terminal-panel{height:100%}}@media (min-width:1800px){body{background:#050505}.layout{box-shadow:-1px 0 0 var(--border),1px 0 0 var(--border)}}@media (min-width:2560px){:root{--bio-width:380px;--chrome-h:48px}.bio-nav-links button{font-size:14px}.bio-identity h1{font-size:26px}.bio-title,.bio-location{font-size:14px}.bio-tagline{font-size:14px;line-height:1.8}.bio-chips li{font-size:12px;padding:4px 12px}.bio-ssh-label{font-size:11px}.bio-ssh-cmd{font-size:13px}.bio-link-key{font-size:11px;min-width:60px}.bio-link span:last-child{font-size:13px}.chrome-host,.chrome-hint{font-size:13px}#terminal{padding:12px 8px}}