:root{--bg: #0d1117;--card: #161b22;--border: #30363d;--text: #e6edf3;--muted: #8b949e;--accent: #2f81f7;--danger: #f85149}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}.app{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 20px;padding-bottom:env(safe-area-inset-bottom)}.pair-screen,.connected-screen{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.logo{width:72px;height:72px;border-radius:18px;background:linear-gradient(135deg,var(--accent),#1f6feb);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;letter-spacing:1px;margin-bottom:6px}h1{font-size:22px;font-weight:600}.hint{color:var(--muted);font-size:14px;line-height:1.5}.code-input{width:100%;height:56px;background:var(--card);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:24px;letter-spacing:8px;text-align:center;outline:none;margin-top:8px}.server-input{width:100%;height:40px;background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:13px;padding:0 12px;outline:none;margin-top:4px}.code-input:focus{border-color:var(--accent)}.code-input::placeholder{letter-spacing:2px;color:var(--muted)}.btn{width:100%;height:48px;border:1px solid var(--border);border-radius:12px;background:var(--card);color:var(--text);font-size:16px;font-weight:500;cursor:pointer;transition:opacity .15s;margin-top:4px}.btn.primary{background:var(--accent);border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.error{color:var(--danger);font-size:13px}.remote-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000}.screen-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.screen{max-width:100%;max-height:100%;width:auto;height:auto;display:block;image-rendering:-webkit-optimize-contrast;touch-action:none}.topbar{position:absolute;top:max(8px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 20px);padding:5px 8px 5px 12px;border-radius:999px;background:#0d1117b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);color:var(--text);font-size:12px;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;background:#3fb950;display:inline-block;flex-shrink:0}.btn.small{width:auto;height:30px;padding:0 12px;margin-left:auto;font-size:12px;border-radius:999px}.btn.small+.btn.small{margin-left:6px}.keyboard-bar{position:absolute;left:0;right:0;bottom:0;z-index:6;display:flex;gap:8px;padding:10px 14px;padding-bottom:max(10px,env(safe-area-inset-bottom));background:#0d1117e6;border-top:1px solid var(--border)}.rotate-tip{display:none}@media (orientation: portrait){.remote-screen .rotate-tip{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px;text-align:center;background:#000000f0;color:#fff}}.rotate-tip .rot-icon{font-size:54px;line-height:1;animation:rot-hint 1.8s ease-in-out infinite}.rotate-tip h2{font-size:18px;font-weight:600}.rotate-tip p{font-size:13px;color:var(--muted);line-height:1.6}.rotate-tip .rot-cta{width:auto;min-width:160px;height:44px;padding:0 28px;margin-top:4px;border-radius:999px;font-size:15px}@keyframes rot-hint{0%,35%{transform:rotate(0)}65%,to{transform:rotate(90deg)}}@media (orientation: landscape) and (max-height: 520px){.topbar{padding:3px 6px 3px 10px;gap:6px;font-size:11px}.btn.small{height:28px;padding:0 10px;font-size:11px}.app{padding:8px 16px}.pair-screen{gap:8px;max-width:520px}.logo{width:44px;height:44px;border-radius:12px;font-size:15px;margin:0}h1{font-size:17px}.hint{font-size:12px}.server-input{height:34px}.code-input{height:42px;font-size:20px;letter-spacing:6px;margin-top:0}.btn{height:40px}}.keyboard-bar textarea{flex:1;min-height:40px;max-height:120px;background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:16px;padding:8px 12px;resize:none;outline:none}.keyboard-bar .btn.small{margin-left:0;align-self:stretch}.file-manager{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;z-index:10}.fm-head{display:flex;align-items:center;gap:8px;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top));background:var(--card);border-bottom:1px solid var(--border)}.fm-path{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--text)}.fm-head .btn.small{margin-left:0;flex-shrink:0}.fm-list{flex:1;min-height:0;overflow-y:auto;padding:8px 14px}.fm-row{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid rgba(48,54,61,.5)}.fm-icon{font-size:18px;width:22px;text-align:center}.fm-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.fm-size{color:var(--muted);font-size:12px;flex-shrink:0}.fm-row .btn.small{margin-left:0;flex-shrink:0}.fm-actions{padding:10px 14px;padding-bottom:max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--card)}.fm-transfers{padding:8px 14px;background:var(--card);border-top:1px solid var(--border);max-height:140px;overflow-y:auto}.tr-row{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12px}.tr-row>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tr-row progress{width:80px;height:6px}.muted{color:var(--muted);font-size:13px;padding:12px 0;text-align:center}