:root{color-scheme:light;--bg:#f5f6f2;--ink:#192a2b;--muted:#71807c;--accent:#087e68;--line:#dce4dc;--white:#fff;--error:#a23f2c}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #62b5a3;outline-offset:4px}[hidden]{display:none!important}.shell{width:min(100% - 44px,520px);margin:0 auto;padding:28px 0 max(28px,env(safe-area-inset-bottom))}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;letter-spacing:.02em}.tag{margin-left:auto;border:1px solid var(--line);border-radius:20px;padding:4px 10px;font-size:11px;color:var(--muted);font-weight:500}.intro{padding:40px 0 25px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:650;color:var(--accent);margin:0 0 14px}h1{font-size:clamp(36px,9.5vw,48px);line-height:1.2;letter-spacing:-.06em;margin:0;font-weight:750}.accent{color:var(--accent)}.sub{font-size:14px;color:var(--muted);margin:16px 0 0}.destination{display:flex;align-items:center;gap:13px;padding:17px 18px;background:#eaf0e9;border:1px solid #dce6da;border-radius:16px;margin-bottom:23px}.computer-icon{width:37px;height:37px;display:grid;place-items:center;color:var(--accent);font-size:27px;background:#f8faf6;border-radius:10px}.destination strong{display:block;font-size:14px}.destination span:not(.status-dot){display:block;font-size:12px;color:var(--muted);margin-top:2px}.status-dot{width:8px;height:8px;border-radius:100%;background:#a4aaa1;margin-left:auto;flex-shrink:0}.status-dot.online{background:#17896b;box-shadow:0 0 0 4px #17896b12}.choices{display:grid;gap:12px}.choose{display:flex;align-items:center;text-align:left;gap:18px;border-radius:17px;border:1px solid transparent;padding:20px 21px;min-height:89px;font-weight:650;font-size:18px}.choose small{display:block;font-size:12px;font-weight:400;margin-top:3px;opacity:.72}.primary{background:var(--accent);color:#fff;border:0}.primary:hover{background:#066b58}.secondary{background:var(--white);color:var(--ink);border-color:var(--line)}.secondary:hover{background:#fafff9}.button-symbol{font-size:32px;line-height:1;font-weight:300;width:31px;text-align:center}.hint{font-size:11px;text-align:center;color:var(--muted);margin:16px 0 30px}.transfers{margin-top:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}h2{font-size:15px;margin:0;font-weight:650}.text-button{border:0;background:none;color:var(--accent);font-size:12px;padding:5px 0}.transfer{padding:15px 0;border-bottom:1px solid var(--line)}.transfer-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.transfer strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;min-width:0}.transfer-status{font-size:11px;color:var(--muted);margin:6px 0 9px;overflow-wrap:anywhere}.progress-track{height:4px;border-radius:4px;background:#e3e9e1;overflow:hidden}.progress-fill{height:100%;width:0;background:var(--accent);transition:width .15s}.transfer.done .transfer-status{color:var(--accent)}.transfer.error .transfer-status{color:var(--error)}.transfer.error .progress-fill{background:#c78456}footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:19px;margin-top:30px;font-size:10px;color:var(--muted)}.help{font-size:11px;color:var(--muted);margin-top:21px}.help summary{cursor:pointer}.help p{line-height:1.8}.pairing{border:1px solid var(--line);padding:16px;border-radius:14px;margin-bottom:16px;background:var(--white)}.pairing label{font-size:13px;font-weight:600}.pairing p{font-size:12px;color:var(--muted)}.pair-row{display:flex;gap:8px}.pair-row input{width:0;flex:1;min-width:0;padding:9px;border:1px solid var(--line);border-radius:7px;font-size:13px}.small{padding:9px 16px;border-radius:7px;font-size:12px}.notice{background:#fff1e6;color:#81532d;font-size:12px;padding:13px 15px;border-radius:12px;margin:20px 0;overflow-wrap:anywhere}.admin{width:min(100% - 56px,980px);padding-top:40px}.admin .intro{padding:48px 0 28px}.admin h1{font-size:42px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.card{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:28px}.qr-card{text-align:center}.qr-card h2{font-size:20px}.qr-card>p{font-size:13px;color:var(--muted)}.qr-area{width:228px;height:228px;display:grid;place-items:center;margin:20px auto;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}.qr-area img{width:100%;height:100%}.qr-placeholder{font-size:12px;color:var(--muted);max-width:160px}.connection-label{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;margin:16px 0}.connection-label .status-dot{margin:0}.block{width:100%;padding:12px 18px;border-radius:11px;font-size:13px;border:1px solid var(--line)}.folder-path{overflow-wrap:anywhere;font-size:13px;background:var(--bg);padding:16px;border-radius:10px;margin:15px 0 20px;font-family:"Cascadia Mono",Consolas,monospace}.card+.card{margin-top:20px}.card .eyebrow{margin-bottom:10px}.card-note{font-size:12px;color:var(--muted);line-height:1.9;margin:15px 0 0}.recent{margin-top:27px}.recent-empty{color:var(--muted);font-size:12px;padding:18px 0}.recent-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.recent-row strong{overflow-wrap:anywhere}.recent-row span{white-space:nowrap;color:var(--muted)}.admin-footer{display:flex;align-items:center;justify-content:space-between;margin-top:24px;color:var(--muted);font-size:12px}.danger{color:var(--error)}.local-badge{font-size:11px;color:var(--muted)}a{color:var(--accent)}@media(max-width:700px){.admin{width:min(100% - 36px,520px);padding-top:24px}.admin-grid{grid-template-columns:1fr}.admin h1{font-size:34px}.admin .intro{padding-top:30px}.card{padding:23px}.tag{font-size:10px}.shell.phone{padding-top:22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}