:root{--primary-color: #0099ff;--bg-color-start: #ffffff;--bg-color-end: #f0f4f8;--text-color: #1e293b;--text-muted: #64748b;--card-bg: rgba(255, 255, 255, .6);--card-border: rgba(0, 0, 0, .05);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);background:linear-gradient(135deg,var(--bg-color-start),var(--bg-color-end));color:var(--text-color);min-height:100svh;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}#app{min-height:100svh;display:flex;flex-direction:column}.glass-panel{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:16px}@media(hover:hover){.hover-effect:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0099ff4d}}@media(hover:none){.hover-effect:active{transform:scale(.98);background-color:#ffffff0d}}.toast-item[data-v-634267cd]{display:flex;align-items:center;gap:12px;padding:12px 20px;border-radius:8px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#333;box-shadow:0 4px 12px #00000026;margin-bottom:10px;cursor:pointer;transition:all .3s ease;min-width:300px;max-width:90vw;border-left:4px solid transparent;pointer-events:auto}.toast-item.success[data-v-634267cd]{border-left-color:#4caf50}.toast-item.success .icon[data-v-634267cd]{color:#4caf50}.toast-item.error[data-v-634267cd]{border-left-color:#f44336}.toast-item.error .icon[data-v-634267cd]{color:#f44336}.toast-item.warning[data-v-634267cd]{border-left-color:#ff9800}.toast-item.warning .icon[data-v-634267cd]{color:#ff9800}.toast-item.info[data-v-634267cd]{border-left-color:#2196f3}.toast-item.info .icon[data-v-634267cd]{color:#2196f3}.icon[data-v-634267cd]{font-weight:700;font-size:1.2em}.message[data-v-634267cd]{font-size:14px;line-height:1.4;word-break:break-word}.toast-container[data-v-7a319892]{position:fixed;z-index:9999;display:flex;flex-direction:column;pointer-events:none;bottom:20px;right:20px;align-items:flex-end}@media(max-width:768px){.toast-container[data-v-7a319892]{bottom:20px;left:50%;right:auto;transform:translate(-50%);align-items:center;width:100%;max-width:400px;padding:0 16px}}.toast-enter-active[data-v-7a319892],.toast-leave-active[data-v-7a319892]{transition:all .3s ease}.toast-enter-from[data-v-7a319892]{opacity:0;transform:translateY(30px)}.toast-leave-to[data-v-7a319892]{opacity:0;transform:translateY(-30px)}.loading-placeholder[data-v-afefda70]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.loading-text[data-v-afefda70]{margin-top:16px;font-size:.9rem;color:var(--primary-color, #0099ff);font-weight:500}.line_scale_pulse_out>div[data-v-afefda70]{background:linear-gradient(135deg,#09f,#52baff);width:4px;height:35px;border-radius:2px;margin:2px;animation-fill-mode:both;display:inline-block;animation:line_scale_pulse_out-afefda70 .9s -.6s infinite cubic-bezier(.85,.25,.37,.85)}.line_scale_pulse_out>div[data-v-afefda70]:nth-child(2),.line_scale_pulse_out>div[data-v-afefda70]:nth-child(4){animation-delay:-.4s!important}.line_scale_pulse_out>div[data-v-afefda70]:nth-child(1),.line_scale_pulse_out>div[data-v-afefda70]:nth-child(5){animation-delay:-.2s!important}@keyframes line_scale_pulse_out-afefda70{0%{transform:scaley(1)}50%{transform:scaley(.4)}to{transform:scaley(1)}}.home-container[data-v-c26024e4]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;overflow:hidden}.hero[data-v-c26024e4]{transform:translateY(40px);transition:transform .5s cubic-bezier(.2,.8,.2,1)}.hero.shifted[data-v-c26024e4]{transform:translateY(0)}.title[data-v-c26024e4]{font-size:3rem;font-weight:800;margin-bottom:8px;background:linear-gradient(135deg,#09f,#52baff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}@media(min-width:768px){.title[data-v-c26024e4]{font-size:4.5rem}}.subtitle[data-v-c26024e4]{font-size:1.1rem;color:var(--text-muted);margin-bottom:32px}@media(min-width:768px){.subtitle[data-v-c26024e4]{font-size:1.25rem;margin-bottom:48px}}.btn-primary[data-v-c26024e4]{background:var(--primary-color);color:#fff;border:none;padding:14px 32px;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;box-shadow:0 4px 15px #0099ff4d;transition:all .3s ease;outline:none;-webkit-tap-highlight-color:transparent}.connection-options[data-v-c26024e4]{display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px;margin-top:20px}@media(min-width:768px){.connection-options[data-v-c26024e4]{flex-direction:row;max-width:800px;gap:32px}}.option-card[data-v-c26024e4]{flex:1;padding:24px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease}.option-card .icon[data-v-c26024e4]{margin-bottom:16px;color:var(--primary-color);display:flex;justify-content:center}.option-card h3[data-v-c26024e4]{font-size:1.25rem;font-weight:600;margin-bottom:8px;color:var(--text-color)}.option-card p[data-v-c26024e4]{color:var(--text-muted);font-size:.95rem}.fade-slide-enter-active[data-v-c26024e4],.fade-slide-leave-active[data-v-c26024e4]{transition:opacity .5s ease,transform .5s ease}.fade-slide-enter-from[data-v-c26024e4],.fade-slide-leave-to[data-v-c26024e4]{opacity:0;transform:translateY(20px)}.face-to-face-container[data-v-c26024e4]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:900px;height:80vh;padding:24px;display:flex;flex-direction:column;z-index:100}.face-to-face-container .header[data-v-c26024e4]{display:flex;align-items:center;margin-bottom:24px;position:relative}.face-to-face-container .header h2[data-v-c26024e4]{flex:1;font-size:1.5rem;color:var(--text-color);margin:0;padding:0 80px}.face-to-face-container .header .btn-back[data-v-c26024e4]{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:1rem;padding:8px;position:absolute;left:0}.face-to-face-container .header .btn-back[data-v-c26024e4]:hover{color:var(--primary-color)}.face-to-face-container .f2f-content[data-v-c26024e4]{flex:1;display:flex;flex-direction:column;gap:24px;overflow-y:auto}@media(min-width:768px){.face-to-face-container .f2f-content[data-v-c26024e4]{flex-direction:row;align-items:stretch}}.face-to-face-container .qr-section[data-v-c26024e4],.face-to-face-container .scanner-section[data-v-c26024e4]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;background:#fff6;border-radius:12px}.face-to-face-container .qr-section h3[data-v-c26024e4],.face-to-face-container .scanner-section h3[data-v-c26024e4]{margin-bottom:16px;color:var(--text-color)}.face-to-face-container .qr-display[data-v-c26024e4]{width:auto;max-width:300px;aspect-ratio:1/1;background:#fff;padding:12px;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a;overflow:hidden}.face-to-face-container .qr-display .qr-container[data-v-c26024e4]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.face-to-face-container .qr-display .qr-container[data-v-c26024e4] svg{width:100%;height:100%}.face-to-face-container .qr-display .loading-placeholder[data-v-c26024e4]{width:1000px}.face-to-face-container .scanner-section[data-v-c26024e4]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;background:#fff6;border-radius:12px;position:relative}.face-to-face-container .scanner-section h3[data-v-c26024e4]{margin-bottom:16px;color:var(--text-color)}.face-to-face-container .helper-text[data-v-c26024e4]{height:29px;margin-top:12px;color:var(--text-muted);font-weight:500;letter-spacing:.5px}.face-to-face-container .scanner-wrapper[data-v-c26024e4]{position:relative;width:auto;max-width:300px;aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:#00000008;margin-bottom:12px}.face-to-face-container .scanner-controls[data-v-c26024e4]{width:100%;max-width:300px}.face-to-face-container .scanner-controls .camera-select[data-v-c26024e4]{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--primary-color);background:#ffffffe6;color:var(--primary-color);outline:none;font-weight:600;font-family:inherit;cursor:pointer}.face-to-face-container .scanner-controls .camera-select option[data-v-c26024e4]{color:var(--text-color);background:#fff}.face-to-face-container .scanner-view[data-v-c26024e4]{width:100%;height:100%;background:#000;position:relative;overflow:hidden;border-radius:12px}.face-to-face-container .native-video[data-v-c26024e4]{width:100%;height:100%;object-fit:cover}.face-to-face-container .scan-overlay-svg[data-v-c26024e4]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;padding:20px}.face-to-face-container .scan-overlay-svg svg[data-v-c26024e4]{width:100%;height:100%;filter:drop-shadow(0 0 4px rgba(0,153,255,.5))}.face-to-face-container .scan-progress[data-v-c26024e4]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;color:#fff;padding:12px 24px;border-radius:30px;font-weight:800;font-size:1.5rem;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.face-to-face-container .scan-success[data-v-c26024e4]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:250px;width:100%;max-width:300px;margin-bottom:12px}.face-to-face-container .scan-success .success-icon[data-v-c26024e4]{color:var(--primary-color);margin-bottom:16px;animation:popIn-c26024e4 .5s cubic-bezier(.175,.885,.32,1.275)}.face-to-face-container .scan-success p[data-v-c26024e4]{font-weight:600;margin-bottom:16px}.face-to-face-container .scan-success .btn-rescan[data-v-c26024e4]{padding:8px 16px;border-radius:20px;border:1px solid var(--primary-color);background:transparent;color:var(--primary-color);cursor:pointer;transition:all .2s}.face-to-face-container .scan-success .btn-rescan[data-v-c26024e4]:hover{background:var(--primary-color);color:#fff}@keyframes popIn-c26024e4{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.face-to-face-container .divider[data-v-c26024e4]{height:1px;background:var(--card-border);width:100%}@media(min-width:768px){.face-to-face-container .divider[data-v-c26024e4]{width:1px;height:100%}}.hidden-reader-wrapper[data-v-c26024e4]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-9999;opacity:0;pointer-events:none}.hidden-reader-wrapper #reader[data-v-c26024e4]{width:100%;height:100%}.transfer-container[data-v-72af2c11]{width:100%;height:100svh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);overflow:hidden}.transfer-header[data-v-72af2c11]{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000000d;z-index:10}.transfer-header h2[data-v-72af2c11]{font-size:1.25rem;margin:0;font-weight:600}.btn-back[data-v-72af2c11]{border:none;background:transparent;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:1rem;color:var(--text-color, #333);padding:8px;border-radius:8px}@media(hover:hover){.btn-back[data-v-72af2c11]:hover{background:#0000000d}}.btn-back[data-v-72af2c11]:active{background:#0000001a}.status-indicator[data-v-72af2c11]{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#666}.status-indicator .dot[data-v-72af2c11]{width:8px;height:8px;background:#ccc;border-radius:50%}.status-indicator.connected[data-v-72af2c11]{color:#2e7d32}.status-indicator.connected .dot[data-v-72af2c11]{background:#4caf50;box-shadow:0 0 8px #4caf50}.main-content[data-v-72af2c11]{flex:1;display:flex;padding:24px;gap:24px;overflow:hidden}@media(max-width:768px){.main-content[data-v-72af2c11]{flex-direction:column;padding:16px;gap:16px;overflow-y:auto}}.section[data-v-72af2c11]{flex:1;display:flex;flex-direction:column;background:#fff9;border-radius:16px;padding:20px;overflow:hidden;position:relative}@media(max-width:768px){.section[data-v-72af2c11]{min-height:400px;flex:none}}.glass-panel[data-v-72af2c11]{background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #0000000d}.section-header[data-v-72af2c11]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-header h3[data-v-72af2c11]{margin:0;font-size:1.1rem;color:#333}.section-header .badge[data-v-72af2c11]{background:#0000000d;padding:2px 8px;border-radius:12px;font-size:.85rem;font-weight:600}.drop-zone[data-v-72af2c11]{border:2px dashed #ccc;border-radius:12px;padding:32px;text-align:center;cursor:pointer;transition:all .2s;margin-bottom:20px;background:#ffffff4d}.drop-zone .drop-content[data-v-72af2c11]{display:flex;flex-direction:column;align-items:center;gap:12px;color:#666}.drop-zone .drop-content svg[data-v-72af2c11]{color:#09f}.drop-zone span[data-v-72af2c11]{color:#09f;font-weight:500}@media(hover:hover){.drop-zone[data-v-72af2c11]:hover{border-color:#09f;background:#0099ff0d}}.drop-zone[data-v-72af2c11]:active{background:#0099ff1a}.file-list[data-v-72af2c11]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:4px}.file-list[data-v-72af2c11]::-webkit-scrollbar{width:6px}.file-list[data-v-72af2c11]::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.file-item[data-v-72af2c11]{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000008;transition:transform .2s}.file-item[data-v-72af2c11]:hover{transform:translateY(-1px)}.file-icon[data-v-72af2c11]{width:40px;height:40px;background:#f0f7ff;color:#09f;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-icon.download[data-v-72af2c11]{background:#e8f5e9;color:#2e7d32}.file-info[data-v-72af2c11]{flex:1;min-width:0}.file-info .file-name[data-v-72af2c11]{font-weight:500;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.95rem}.file-info .file-meta[data-v-72af2c11]{font-size:.8rem;color:#888;display:flex;align-items:center;gap:8px}.progress-bar-bg[data-v-72af2c11]{height:4px;background:#eee;border-radius:2px;margin-top:6px;overflow:hidden}.progress-bar-bg .progress-bar-fill[data-v-72af2c11]{height:100%;background:#09f;transition:width .2s linear}.status-text.completed[data-v-72af2c11]{color:#2e7d32}.status-text.error[data-v-72af2c11]{color:#d32f2f}.status-text.stopped[data-v-72af2c11]{color:#e65100}.status-text.transferring[data-v-72af2c11]{color:#1976d2}.file-actions[data-v-72af2c11]{display:flex;align-items:center;gap:8px}.btn-icon[data-v-72af2c11]{border:none;background:transparent;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;color:#666;transition:background .2s}.btn-icon.danger[data-v-72af2c11]{color:#d32f2f}.btn-icon.primary[data-v-72af2c11]{color:#09f}@media(hover:hover){.btn-icon[data-v-72af2c11]:hover{background:#0000000d}}.btn-icon[data-v-72af2c11]:active{background:#0000001a}.empty-state[data-v-72af2c11]{text-align:center;color:#999;font-size:.9rem;padding:32px 0;font-style:italic}
