:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f7f9;--surface:#fff;--surface-muted:#f9fafb;--surface-drop:#fbfcfe;--surface-drop-hover:#f3f5f8;--border:#e3e6eb;--border-muted:#edf0f4;--border-strong:#d1d5db;--border-tabs:#d8dde6;--border-room-code:#e5e7eb;--border-drop:#cfd5df;--border-drop-hover:#687386;--drop-icon:#687386;--text:#111827;--text-muted:#4b5563;--text-subtle:#5d6675;--text-hint:#6b7280;--text-dim:#9ca3af;--primary-bg:#111827;--primary-fg:#fff;--progress-track:#e5e7eb;--modal-backdrop:#1118278c;--modal-shadow:0 24px 60px #1118273d}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1115;--surface:#181b22;--surface-muted:#20242c;--surface-drop:#1a1d24;--surface-drop-hover:#232831;--border:#2a2f38;--border-muted:#23272f;--border-strong:#3a4150;--border-tabs:#2a2f38;--border-room-code:#2a2f38;--border-drop:#3a4150;--border-drop-hover:#8a93a4;--drop-icon:#9ca3af;--text:#e5e7eb;--text-muted:#cbd0d9;--text-subtle:#9ca3af;--text-hint:#9ca3af;--text-dim:#6b7280;--primary-bg:#374151;--primary-fg:#f3f4f6;--progress-track:#2a2f38;--modal-backdrop:#000000a6;--modal-shadow:0 24px 60px #0009}}*,:before,:after{box-sizing:border-box}body,html{scrollbar-color:color-mix(in oklch, currentColor 15%, #0000) #0000}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}.shell{width:min(720px,100% - 32px);margin:0 auto;padding:28px 0 40px}header{margin-bottom:20px}h1{margin:0;font-size:28px;font-weight:700}.subtitle{color:var(--text-subtle);margin:6px 0 0;font-size:14px}.status{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;min-height:46px;margin-bottom:12px;padding:12px 14px;display:flex}.status-count{color:var(--text-muted);white-space:nowrap;margin-left:auto;font-size:14px}.dot{background:#9ca3af;border-radius:50%;width:9px;height:9px}.dot.connecting{background:#d97706;animation:1s infinite pulse}.dot.connected{background:#059669}.dot.error{background:#dc2626}@keyframes pulse{50%{opacity:.35}}.tabs{background:var(--surface);border:1px solid var(--border-tabs);border-radius:8px;grid-template-columns:1fr 1fr;margin-bottom:12px;display:grid;overflow:hidden}.tab{min-height:42px;color:var(--text-muted);cursor:pointer;background:0 0;border:0}.tab.active{background:var(--primary-bg);color:var(--primary-fg);font-weight:650}.section{display:none}.section.active{display:block}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:12px;padding:18px}h2{margin:0 0 14px;font-size:15px}.room-code{border:1px solid var(--border-room-code);background:var(--surface-muted);letter-spacing:.28em;text-align:center;border-radius:8px;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:34px;font-weight:800}.hint{color:var(--text-hint);margin:8px 0 0;font-size:14px;line-height:1.5}.center{text-align:center}.row{gap:8px;display:flex}.row>*{flex:1}.room-actions{margin-top:12px}.room-actions button{min-width:0}button{border:1px solid var(--primary-bg);background:var(--primary-bg);min-height:40px;color:var(--primary-fg);cursor:pointer;border-radius:8px;padding:9px 14px;font-weight:650}button.secondary{border-color:var(--border-strong);background:var(--surface);color:var(--text)}button:disabled{cursor:not-allowed;opacity:.45}input[type=text],textarea{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);border-radius:8px;outline:none}input[type=text]{min-height:42px;padding:8px 11px}textarea{resize:vertical;min-height:92px;padding:11px}.join-input{text-transform:uppercase;letter-spacing:.14em;flex:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px}.join-btn{flex:0 0 100px}.drop-zone{border:2px dashed var(--border-drop);background:var(--surface-drop);color:var(--text-subtle);text-align:center;cursor:pointer;border-radius:8px;padding:28px 16px}.drop-zone.over,.drop-zone:hover{border-color:var(--border-drop-hover);background:var(--surface-drop-hover)}.drop-icon{color:var(--drop-icon);margin:0 auto 8px;display:block}.progress-wrap{margin-top:14px;display:none}.progress-wrap.active{display:block}.progress-title{overflow-wrap:anywhere;margin-bottom:7px;font-size:13px;font-weight:650}.progress-bar{background:var(--progress-track);border-radius:999px;height:6px;overflow:hidden}.progress-fill{background:#059669;width:0%;height:100%;transition:width .15s linear}.progress-label{color:var(--text-hint);justify-content:space-between;gap:12px;margin-top:6px;font-size:12px;display:flex}.received-empty{color:var(--text-dim);text-align:center;padding:28px 0}.recv-item{border-top:1px solid var(--border-muted);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.recv-item:first-child{border-top:0}.recv-name{overflow-wrap:anywhere;font-size:14px;font-weight:650}.recv-meta{color:var(--text-hint);margin-top:3px;font-size:12px}.download{border:1px solid var(--border-strong);color:var(--text);border-radius:8px;flex:none;padding:7px 11px;font-size:13px;text-decoration:none}.recv-text-card{background:var(--surface-muted);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;margin-top:10px;padding:12px;display:grid}.recv-text{white-space:pre-wrap;overflow-wrap:anywhere;padding-top:6px;font-size:14px;line-height:1.55}.copy-text-btn{flex-shrink:0;min-height:34px;padding:6px 12px;font-size:13px}.recv-text-block{flex:1;min-width:0}.recv-text-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.log{background:var(--surface-muted);max-height:132px;color:var(--text-muted);white-space:pre-wrap;border-radius:8px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6;overflow:auto}.modal-backdrop{z-index:20;background:var(--modal-backdrop);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);box-shadow:var(--modal-shadow);border-radius:8px;justify-content:center;display:flex}.modal .qrcode{border-radius:8px}.icon-btn{border-color:var(--border-strong);background:var(--surface);width:34px;min-height:34px;color:var(--text);flex:none;padding:0;font-size:22px;line-height:1}@media (max-width:520px){.shell{width:min(100% - 20px,720px);padding-top:18px}h1{font-size:24px}.room-code{letter-spacing:.18em;font-size:26px}.row.stack-mobile{flex-direction:column}.join-btn{flex-basis:auto}.room-actions{flex-direction:column}.recv-text-card{grid-template-columns:1fr}}.transfer-list{gap:10px;margin-top:14px;display:grid}.transfer-list .progress-wrap{margin-top:0}.transfer-done .progress-fill{background:#059669}.transfer-failed .progress-fill{background:#dc2626}.transfer-queued .progress-fill{background:#9ca3af}.intro{color:var(--text-muted);margin-top:12px}.intro-card h2{color:var(--text);margin-bottom:10px;font-size:16px}.intro-card p{margin:0;font-size:15px;line-height:1.7}.intro-list{margin:0;padding-left:20px;font-size:15px;line-height:1.7}.intro-list li{margin-bottom:4px}.intro-list li strong{color:var(--text);font-weight:650}.intro-faq{margin:0;font-size:15px;line-height:1.7}.intro-faq dt{color:var(--text);margin-top:12px;font-weight:650}.intro-faq dt:first-child{margin-top:0}.intro-faq dd{margin:4px 0 0}.intro-card code{background:var(--surface-muted);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}