@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=JetBrains+Mono:wght@400;500;600&display=swap";*,:before,:after{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:#07070e;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}h1,h2,h3,h4,p{margin:0}button,input{font-family:inherit}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0d10;--surface:#16161a;--surface-raised:#1d1d22;--surface-hover:#26262e;--border:#2a2a35;--border-strong:#363644;--border-soft:#ffffff0f;--text-1:#eeeef5;--text-2:#9393b8;--text-3:#5c5c80;--text-4:#3d3d52;--accent:#7c6af0;--accent-soft:#9b8df5;--accent-deep:#5c4ad0;--accent-dim:#7c6af01f;--accent-glow:#7c6af059;--accent-border:#7c6af047;--accent-hover:#6a58e0;--green:#5bc898;--green-dim:#5bc8981a;--green-border:#5bc89838;--amber:#d4956a;--amber-dim:#d4956a1a;--amber-border:#d4956a38;--blue:#5b9ef5;--blue-dim:#5b9ef51a;--blue-border:#5b9ef538;--rose:#e07878;--rose-dim:#e078781a;--rose-border:#e0787833;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 12px 40px #0009;--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:20px;--r-xl:28px;--font:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, monospace;--transition:.18s ease}:root[data-theme=light]{--bg:#faf7ff;--surface:#fff;--surface-raised:#f3eeff;--surface-hover:#ebe2ff;--border:#d8c4f0;--border-strong:#c0a4e0;--border-soft:#6d28d90f;--text-1:#1b0b3a;--text-2:#4a2870;--text-3:#7a58a0;--text-4:#b090cc;--accent:#6d28d9;--accent-soft:#a855f7;--accent-deep:#5b21b6;--accent-dim:#6d28d914;--accent-glow:#6d28d938;--accent-border:#6d28d933;--accent-hover:#5b21b6;--green:#3ea86b;--green-dim:#3ea86b14;--green-border:#3ea86b33;--amber:#c07840;--amber-dim:#c0784014;--amber-border:#c0784033;--blue:#3d7de0;--blue-dim:#3d7de014;--blue-border:#3d7de033;--rose:#c05858;--rose-dim:#c0585814;--rose-border:#c058582e;--shadow-sm:0 1px 4px #1b0b3a14, 0 0 0 1px #1b0b3a0a;--shadow-md:0 4px 20px #1b0b3a1a, 0 0 0 1px #1b0b3a0a;--shadow-lg:0 12px 48px #1b0b3a1f}@keyframes fd-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.06)}}@keyframes fd-ring{0%{opacity:.55;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}@keyframes fd-spin-slow{to{transform:rotate(360deg)}}@keyframes fd-drop{0%{opacity:0;transform:translateY(-32px)}60%{opacity:1;transform:translateY(4px)}80%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes fd-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fd-status-pulse{0%,to{box-shadow:0 0 #5bc89880}50%{box-shadow:0 0 0 6px #5bc89800}}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.app{background:var(--bg);height:100svh;color:var(--text-1);flex-direction:column;display:flex;overflow:hidden}.app-header{box-sizing:border-box;align-items:center;gap:0;width:100%;max-width:1060px;height:53px;margin:0 auto;padding:0 32px;display:flex;position:relative}.logo{flex-shrink:0;align-items:center;display:flex}.header-sep{background:var(--border);flex-shrink:0;width:1px;height:14px;margin:0 16px;display:inline-block}.header-session-tag{font-family:var(--font-mono);color:var(--text-3);letter-spacing:.05em;flex-shrink:0;font-size:11px}.header-spacer{flex:1}.header-chips{align-items:center;gap:8px;margin-right:10px;display:flex}.header-chip{background:var(--surface-raised);border:1px solid var(--border);color:var(--text-2);white-space:nowrap;border-radius:99px;align-items:center;gap:7px;padding:5px 12px;font-size:12px;font-weight:500;display:inline-flex}.header-chip-dot{background:var(--text-3);border-radius:50%;flex-shrink:0;width:6px;height:6px}.header-chip-dot--accent{background:var(--accent)}.header-chip-dot--green{background:var(--green)}.header-live-badge{font-family:var(--font-mono);letter-spacing:.08em;color:var(--green);flex-shrink:0;align-items:center;gap:5px;margin-right:6px;font-size:10px;font-weight:600;display:none}.header-live-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.8s ease-in-out infinite fd-status-pulse}.header-chip-diamond{color:var(--accent);opacity:.7;flex-shrink:0;font-size:10px}.logo-icon{object-fit:contain;filter:brightness(0)invert();flex-shrink:0;width:auto;height:24px}:root[data-theme=light] .logo-icon{filter:none}.logo-name{letter-spacing:-.4px;color:var(--text-1);font-size:15px;font-weight:700}.logo-sep{background:var(--border);flex-shrink:0;width:1px;height:16px;margin:0 4px}.logo-tagline{color:var(--text-3);font-size:13px;font-weight:400}.disconnect-btn{background:var(--rose-dim);border:1px solid var(--rose-border);color:var(--rose);font-size:12px;font-weight:600;font-family:var(--font);cursor:pointer;transition:background var(--transition), border-color var(--transition);border-radius:99px;flex-shrink:0;margin-left:10px;padding:6px 14px}.disconnect-btn:hover{background:var(--rose-dim);border-color:var(--rose)}.disconnect-btn:active{transform:scale(.96)}.theme-toggle{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;width:36px;height:36px;color:var(--text-2);transition:color var(--transition), border-color var(--transition), background var(--transition);flex-shrink:0;justify-content:center;align-items:center;margin-right:10px;display:flex}.theme-toggle:hover{color:var(--accent-soft);border-color:var(--accent-border);background:var(--accent-dim)}.header-rule{background:var(--border);height:1px}.app-main{box-sizing:border-box;flex:1;align-items:stretch;gap:20px;width:100%;max-width:1060px;min-height:0;margin:0 auto;padding:20px 32px 32px;display:flex;overflow:hidden}.left-panel{flex-direction:column;flex-shrink:0;gap:12px;width:340px;min-height:0;display:flex;overflow-y:auto}.qr-card,.send-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);transition:border-color var(--transition)}.qr-card{flex-direction:column;align-items:center;padding:22px;display:flex}.card-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);align-self:flex-start;margin-bottom:18px;font-size:10px;font-weight:600}.qr-frame{border-radius:var(--r-md);box-shadow:var(--shadow-lg), 0 0 0 2px var(--accent-border), 0 0 32px 4px var(--accent-dim);background:#fff;margin-bottom:16px;padding:14px;display:inline-flex}.qr-placeholder{width:220px;height:220px;color:var(--text-3);justify-content:center;align-items:center;font-size:13px;display:flex}.qr-caption{color:var(--text-3);text-align:center;max-width:200px;font-size:12px;line-height:1.7}.session-code-wrap{flex-direction:column;align-items:center;gap:5px;width:100%;margin-top:10px;display:flex}.session-code-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:10px;font-weight:600}.session-code{letter-spacing:.18em;color:var(--text-1);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-sm);padding:5px 14px;font-family:SF Mono,Fira Code,ui-monospace,monospace;font-size:17px;font-weight:700}.session-code-copy{border:1px solid var(--border);border-radius:var(--r-xs);color:var(--text-2);cursor:pointer;transition:var(--transition);background:0 0;padding:3px 9px;font-size:11px}.session-code-copy:hover{border-color:var(--accent-border);color:var(--accent)}.session-code-copy--done{color:var(--accent);border-color:var(--accent-border)}.send-card{padding:16px 18px 18px}.send-card-header{align-items:center;gap:8px;margin-bottom:14px;display:flex}.send-card-eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);flex:1;font-size:10px}.send-card-hint{font-family:var(--font-mono);letter-spacing:.05em;color:var(--text-4);font-size:10px}.send-divider{color:var(--text-3);letter-spacing:.3px;align-items:center;gap:10px;margin:16px 0;font-size:11px;font-weight:500;display:flex}.send-divider:before,.send-divider:after{content:"";background:var(--border);flex:1;height:1px}.drop-zone{border:1.5px dashed var(--border-strong);border-radius:var(--r-md);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;transition:border-color var(--transition), background var(--transition);flex-direction:column;align-items:center;gap:6px;padding:26px 16px;display:flex}.drop-zone:not(.drop-zone--disabled):not(.drop-zone--sending):hover{border-color:var(--accent);background:var(--accent-dim)}.drop-zone--active{border-color:var(--accent)!important;background:var(--accent-dim)!important}.drop-zone--sending{border-color:var(--amber-border);background:var(--amber-dim);cursor:default}.drop-zone--disabled{cursor:default;opacity:.4}.drop-zone-icon{width:20px;height:20px;color:var(--text-3);transition:color var(--transition);margin-bottom:2px}.drop-zone:not(.drop-zone--disabled):not(.drop-zone--sending):hover .drop-zone-icon{color:var(--accent-soft)}.drop-zone--sending .drop-zone-icon{color:var(--amber)}.drop-zone-label{color:var(--text-2);font-size:13px;font-weight:500;line-height:1.5}.drop-zone--sending .drop-zone-label{color:var(--amber)}.drop-zone-sub{color:var(--text-3);font-size:11px}.input-row{flex-direction:column;gap:8px;display:flex}.input-actions{align-items:center;gap:8px;display:flex}.input-actions .send-btn{flex-shrink:0}.send-size-limit{font-family:var(--font-mono);color:var(--text-4);letter-spacing:.05em;white-space:nowrap;margin-left:auto;margin-right:2px;font-size:10px}.msg-input{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;min-width:0;font-size:14px;font-family:var(--font);color:var(--text-1);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:16px}.msg-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.msg-input::placeholder{color:var(--text-3)}.send-btn{background:var(--accent);color:#fff;border-radius:var(--r-sm);font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;transition:background var(--transition), transform .1s, opacity var(--transition);border:none;flex-shrink:0;padding:13px 18px;box-shadow:0 2px 8px #7c6af059}.send-btn:hover:not(:disabled){background:var(--accent-hover)}.send-btn:active:not(:disabled){transform:scale(.96)}.send-btn:disabled{opacity:.28;cursor:not-allowed;box-shadow:none}.clip-btn{background:var(--surface-raised);color:var(--text-3);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;width:46px;height:46px;transition:color var(--transition), border-color var(--transition), background var(--transition);flex-shrink:0;justify-content:center;align-items:center;display:flex}.clip-btn:hover{color:var(--accent-soft);border-color:var(--accent-border);background:var(--accent-dim)}.clip-btn--secret-active{color:var(--rose);border-color:var(--rose-border);background:var(--rose-dim)}.clip-btn--secret-active:hover{color:var(--rose);border-color:var(--rose);background:var(--rose-dim)}.msg-input--secret{border-color:var(--rose-border)!important;background:var(--rose-dim)!important}.right-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;flex:1;min-width:0;min-height:0;padding:20px 24px;display:flex;overflow:hidden}.activity-header{align-items:center;margin-bottom:16px;display:flex}.activity-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);flex:1;font-size:10px;font-weight:600}.activity-actions{align-items:center;gap:8px;display:flex}.count-badge{color:var(--text-3);background:var(--surface);border:1px solid var(--border);border-radius:99px;padding:2px 10px;font-size:11px;font-weight:500}.clear-btn{color:var(--text-3);border:1px solid var(--border);border-radius:var(--r-xs);cursor:pointer;font-size:11px;font-weight:500;font-family:var(--font);transition:color var(--transition), border-color var(--transition), background var(--transition);background:0 0;padding:3px 10px}.clear-btn:hover{color:var(--text-2);border-color:var(--border-strong);background:var(--surface-hover)}.msg-list{flex-direction:column;flex:1;gap:0;min-height:0;display:flex;overflow-y:auto}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.msg-card{border-bottom:1px solid var(--border);padding:18px 0;animation:.22s ease-out both card-in}.msg-card:last-child{border-bottom:none}.msg-card--system{border-left:2px solid var(--accent);padding-left:14px}.msg-card--file{border-left:2px solid var(--green);padding-left:14px}.msg-card--file-sent{border-left:2px solid var(--blue);padding-left:14px}.msg-card--secret{border-left:2px solid var(--rose);padding-left:14px}.msg-card--secret-sent{border-left:2px solid var(--blue);padding-left:14px}.msg-card--secret .msg-tag{color:var(--rose)}.msg-card--secret-sent .msg-tag{color:var(--blue)}.secret-body{letter-spacing:.1em}.secret-actions{gap:8px;margin-top:12px;display:flex}.msg-tag-row{align-items:center;margin-bottom:9px;display:flex}.msg-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);flex:1;font-size:10px;font-weight:600;display:block}.msg-time{font-family:var(--font-mono);color:var(--text-3);opacity:.7;flex-shrink:0;font-size:10px}.msg-card--system .msg-tag{color:var(--accent-soft)}.msg-card--system .msg-body{color:var(--accent-soft);margin-bottom:0}.msg-card--file .msg-tag{color:var(--green)}.msg-card--file-sent .msg-tag{color:var(--blue)}.msg-card--clipboard .msg-tag{color:var(--accent-soft)}.msg-card--clipboard-sent .msg-tag{color:var(--blue)}.msg-body{color:var(--text-2);margin-bottom:18px;font-size:14px;line-height:1.6}.file-row{align-items:center;gap:12px;display:flex}.file-icon-wrap{background:var(--green-dim);border:1px solid var(--green-border);border-radius:var(--r-sm);width:34px;height:34px;color:var(--green);flex-shrink:0;justify-content:center;align-items:center;display:flex}.file-icon-wrap--sent{background:var(--blue-dim);border-color:var(--blue-border);color:var(--blue)}.file-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.file-name{color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.file-meta{color:var(--text-3);font-size:11px}.sent-label{color:var(--blue);flex-shrink:0;font-size:12px;font-weight:600}.dl-btn,.copy-btn{border-radius:var(--r-xs);font-size:12px;font-weight:600;font-family:var(--font);cursor:pointer;transition:background var(--transition), border-color var(--transition), color var(--transition);background:0 0;flex-shrink:0;padding:5px 13px}.dl-btn{color:var(--green);border:1px solid var(--green-border)}.dl-btn:hover{background:var(--green-dim)}.copy-btn{color:var(--text-3);border:1px solid var(--border-strong)}.copy-btn:hover{color:var(--accent-soft);border-color:var(--accent-border);background:var(--accent-dim)}.copy-btn--done{color:var(--green)!important;border-color:var(--green-border)!important}.copy-btn--muted{color:var(--text-3);background:#8c8cac0f;border-color:#8c8cac33}.copy-btn--muted:hover{color:var(--accent-soft);border-color:var(--accent-border);background:var(--accent-dim)}.file-preview-wrap{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-raised);justify-content:center;align-items:center;max-height:240px;margin-bottom:12px;display:flex;overflow:hidden}.file-preview-img{object-fit:contain;width:100%;max-height:240px;display:block}.clipboard-text{color:var(--text-2);word-break:break-word;white-space:pre-wrap;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;margin:0 0 18px;font-size:13px;line-height:1.65;display:-webkit-box;overflow:hidden}.empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:60px 24px;display:flex}.empty-title{color:var(--text-2);font-size:15px;font-weight:600}.empty-sub{color:var(--text-3);max-width:220px;font-size:13px;line-height:1.7}.active-transfers{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.transfer-card{background:var(--amber-dim);border:1px solid var(--amber-border);border-radius:var(--r-md);border-left:3px solid var(--amber);box-shadow:var(--shadow-sm);padding:13px 16px;animation:.22s ease-out both card-in}.transfer-info{align-items:center;gap:8px;margin-bottom:10px;display:flex}.transfer-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--amber);flex-shrink:0;font-size:10px;font-weight:600}.transfer-name{min-width:0;color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:500;overflow:hidden}.transfer-pct{color:var(--amber);flex-shrink:0;font-size:12px;font-weight:600}.progress-track{background:var(--border-strong);border-radius:99px;height:4px;overflow:hidden}.progress-fill{border-radius:99px;height:100%;transition:width .32s cubic-bezier(.4,0,.2,1)}.progress-fill--in{background:var(--amber)}.progress-fill--out{background:var(--blue)}.dz-progress{flex-direction:column;gap:10px;width:100%;display:flex}.dz-progress-info{justify-content:space-between;align-items:center;gap:8px;display:flex}.dz-progress-name{min-width:0;color:var(--amber);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:500;overflow:hidden}.dz-progress-pct{color:var(--amber);flex-shrink:0;font-size:12px;font-weight:600}.qr-error{flex-direction:column;align-items:center;gap:14px;width:100%;padding:20px 0 6px;display:flex}.qr-error-text{color:var(--rose);text-align:center;font-size:13px;line-height:1.65}.retry-btn{color:var(--accent);border:1px solid var(--accent-border);border-radius:var(--r-sm);font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;transition:background var(--transition), border-color var(--transition);background:0 0;padding:8px 20px}.retry-btn:hover{background:var(--accent-dim);border-color:var(--accent)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}.upgrade-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0000008c;justify-content:center;align-items:center;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}[data-theme=light] .upgrade-overlay{background:#14142859}.upgrade-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);width:90%;max-width:460px;max-height:90vh;box-shadow:var(--shadow-lg);padding:36px;animation:.28s ease-out slide-up;position:relative;overflow-y:auto}.upgrade-close{background:var(--surface-raised);border:1px solid var(--border);width:30px;height:30px;color:var(--text-3);cursor:pointer;transition:color var(--transition), background var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;top:16px;right:16px}.upgrade-close:hover{color:var(--text-1);background:var(--surface-hover)}.upgrade-header{text-align:center;margin-bottom:22px}.upgrade-header h2{color:var(--text-1);letter-spacing:-.3px;margin-bottom:6px;font-size:22px;font-weight:700}.upgrade-header p{color:var(--text-3);font-size:14px}.upgrade-btn{background:var(--accent);color:#fff;border-radius:var(--r-md);width:100%;font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;transition:background var(--transition), transform .1s;border:none;margin-bottom:12px;padding:13px;box-shadow:0 4px 16px #7c6af059}.upgrade-btn:hover{background:var(--accent-hover)}.upgrade-btn:active{transform:scale(.98)}.dl-btn:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.history-note{color:var(--text-3);font-style:italic}.qr-card--compact{flex-direction:column;align-items:center;padding:14px 16px;display:flex}.qr-card-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;display:flex}.qr-card-eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-size:10px}.qr-frame--sm{margin-bottom:10px;padding:10px}.connection-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);margin-top:auto;padding:14px 16px}.connection-card-eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:12px;font-size:10px;display:block}.connection-devices{align-items:center;gap:10px;display:flex}.connection-device{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);flex:1;min-width:0;padding:8px 10px}.connection-device-label{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-3);margin-bottom:2px;font-size:9px}.connection-device-name{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.pairing-screen{background-image:radial-gradient(circle at 1px 1px,#ffffff0a 1px,#0000 0);background-size:24px 24px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden auto}.pairing-center{text-align:center;flex-direction:column;align-items:center;gap:32px;padding:0 64px;animation:.5s both fd-fade-up;display:flex}.pairing-eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:10px;font-size:11px;display:flex}.pairing-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.pairing-visual{align-items:center;gap:0;display:flex;position:relative}.pairing-qr-card{box-shadow:0 24px 80px -20px var(--accent-glow), 0 0 0 1px var(--border);z-index:2;background:#fff;border-radius:22px;flex-shrink:0;padding:18px;position:relative}.pairing-qr-placeholder{width:240px;height:240px;color:var(--text-3);justify-content:center;align-items:center;font-size:14px;display:flex}.pairing-beam{z-index:1;flex-shrink:0;margin-inline:-12px;position:relative}.pairing-phone{border:2px solid var(--border-strong);background:var(--surface-raised);z-index:2;border-radius:26px;flex-direction:column;flex-shrink:0;width:140px;height:250px;padding:12px;display:flex;position:relative;transform:rotate(8deg);box-shadow:0 20px 60px -20px #0009}.pairing-phone-notch{justify-content:center;align-items:center;height:14px;margin-bottom:6px;display:flex}.pairing-phone-notch:after{content:"";background:var(--border-strong);border-radius:2px;width:44px;height:4px}.pairing-phone-screen{background:var(--bg);border:1px solid var(--border);border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.pairing-phone-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-3);font-size:9px}.pairing-copy{flex-direction:column;gap:6px;display:flex}.pairing-title{letter-spacing:-.02em;color:var(--text-1);margin:0;font-size:22px;font-weight:600}.pairing-sub{color:var(--text-3);margin:0;font-size:14px}.pairing-pin-notice{border:1px solid var(--accent-border);background:var(--accent-dim);color:var(--text-2);border-radius:99px;align-items:center;gap:10px;padding:10px 18px;font-size:13px;display:flex}.pairing-pin-notice strong{color:var(--text-1);font-weight:600}.pairing-actions{align-items:center;gap:10px;display:flex}.pairing-btn-ghost{border:1px solid var(--border);color:var(--text-2);font-family:var(--font);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:7px;padding:8px 14px;font-size:12px;font-weight:500;transition:color .15s,border-color .15s,background .15s,transform .1s;display:inline-flex}.pairing-btn-ghost:hover{color:var(--accent-soft);border-color:var(--accent-border);background:var(--accent-dim)}.pairing-btn-ghost:active{transform:scale(.96)}.pairing-error{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:40px 24px;display:flex}.pairing-error-code{color:var(--border-strong);letter-spacing:-.04em;margin:0;font-size:64px;font-weight:800;line-height:1}.pairing-error-title{color:var(--text-1);margin:0;font-size:18px;font-weight:700}.pairing-error-sub{color:var(--text-3);margin:0 0 8px;font-size:13px}.pairing-retry-btn{background:var(--surface-raised);border:1px solid var(--border);color:var(--text-2);font-family:var(--font);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.pairing-retry-btn:hover{background:var(--surface-hover)}@media (width<=760px){.pairing-visual{flex-direction:column;gap:24px}.pairing-beam,.pairing-phone{display:none}.pairing-center{gap:24px;padding:0 24px}}.clear-confirm-modal{max-width:380px}.confirm-actions{gap:10px;display:flex}.confirm-cancel-btn{background:var(--surface-raised);color:var(--text-2);border:1px solid var(--border);border-radius:var(--r-md);font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;transition:background var(--transition), border-color var(--transition);flex:1;padding:12px}.confirm-cancel-btn:hover{background:var(--surface-hover);border-color:var(--border-strong)}.confirm-delete-btn{background:var(--rose);color:#fff;border-radius:var(--r-md);font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;transition:opacity var(--transition), transform .1s;box-shadow:0 4px 14px var(--rose-dim);border:none;flex:1;padding:12px}.confirm-delete-btn:hover{opacity:.88}.confirm-delete-btn:active{transform:scale(.97)}.rename-modal{max-width:380px}.settings-modal{max-width:400px;padding:32px}.settings-modal .upgrade-header{margin-bottom:4px}.settings-section-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);margin:20px 0 8px 4px;font-size:10px;font-weight:600}.settings-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.settings-card-divider{background:var(--border);height:1px;margin:0 16px}.settings-row{width:100%;font-family:var(--font);cursor:pointer;text-align:left;transition:background var(--transition);background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:13px 16px;display:flex}.settings-row:hover{background:var(--surface-hover)}.settings-row--static{cursor:default}.settings-row--static:hover{background:0 0}.settings-row-label{color:var(--text-1);flex:1;font-size:14px;font-weight:500}.settings-row-label--danger{color:var(--rose)}.settings-row-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.settings-row-value{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:13px;overflow:hidden}.settings-row-chevron{color:var(--text-3);margin-right:-2px;font-size:18px;line-height:1}.settings-theme-picker{gap:6px;padding:8px;display:flex}.settings-theme-opt{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:13px;font-weight:500;font-family:var(--font);cursor:pointer;transition:color var(--transition), border-color var(--transition), background var(--transition);flex:1;padding:9px 0}.settings-theme-opt:hover{color:var(--text-1);border-color:var(--border-strong)}.settings-theme-opt--active{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent-soft);font-weight:700}.rename-input{box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;font-size:15px;font-family:var(--font);color:var(--text-1);transition:border-color var(--transition), box-shadow var(--transition);outline:none;margin-bottom:16px;padding:11px 14px}.rename-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.rename-input::placeholder{color:var(--text-3)}.rename-save-btn{background:var(--accent);color:#fff;border-radius:var(--r-md);font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;transition:opacity var(--transition);border:none;flex:1;padding:12px;box-shadow:0 4px 14px #7c6af04d}.rename-save-btn:hover:not(:disabled){opacity:.88}.rename-save-btn:disabled{opacity:.35;cursor:not-allowed}.theme-toggle:active,.clip-btn:active{transform:scale(.93)}.dl-btn:active:not(:disabled),.copy-btn:active{transform:scale(.95)}.retry-btn:active,.clear-btn:active,.confirm-cancel-btn:active,.rename-save-btn:active:not(:disabled){transform:scale(.97)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast{border-radius:var(--r-sm);font-size:13px;font-weight:600;font-family:var(--font);z-index:2000;box-shadow:var(--shadow-md);pointer-events:none;align-items:center;gap:8px;max-width:280px;padding:11px 16px;animation:.2s ease-out toast-in;display:flex;position:fixed;bottom:24px;right:24px}.toast--success{background:var(--green-dim);border:1px solid var(--green-border);color:var(--green)}.toast--error{background:var(--rose-dim);border:1px solid var(--rose-border);color:var(--rose)}.toast-icon{flex-shrink:0;font-size:14px;font-weight:700}.toast-msg{line-height:1.4}.status-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=768px){.app-header{padding:0 16px}.header-sep{margin:0 10px}.header-session-tag,.header-chips{display:none}.theme-toggle{width:32px;height:32px;margin-right:6px}.disconnect-btn{margin-left:4px;padding:5px 10px;font-size:11px}.app-main{flex-direction:column;align-items:stretch;gap:14px;padding:16px 16px 40px;overflow:hidden auto}.left-panel{width:100%}.qr-card--compact{display:none}.header-live-badge{display:flex}.connection-card{order:-1;margin-top:0}.connection-card--full{display:none}.connection-card--compact-mobile{display:flex}.send-card-hint--desktop{display:none}.send-card-hint--mobile{display:inline}.right-panel{min-height:320px;overflow:visible auto}.pairing-center{gap:24px;padding:24px 20px}.pairing-title{font-size:19px}.pairing-beam,.pairing-phone{display:none}.left-panel{overflow-y:auto}.send-card{padding:16px}.msg-input{font-size:16px}.send-divider{margin:12px 0}.send-size-limit{display:none}.input-actions{gap:6px}.right-panel{border-radius:var(--r-md);padding:16px}.msg-list{gap:10px}.msg-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-md);border-bottom:1px solid var(--border);padding:14px 16px}.msg-card:last-child{border-bottom:1px solid var(--border)}.qr-card--compact{padding:14px 16px}.toast{max-width:180px;padding:9px 13px;font-size:12px;bottom:16px;left:auto;right:16px}.upgrade-modal{padding:24px 20px}.reconnect-banner{padding:8px 16px;font-size:12px}.receive-screen{justify-content:flex-start;align-items:flex-start;padding:16px 16px 40px;overflow-y:auto}.receive-inner{max-width:100%}.receive-key{padding:12px 0;font-size:20px}}@media (width<=480px){.app-main{padding:12px 12px 32px}.send-card{padding:14px}.msg-card{padding:12px 14px}.pin-digit{width:46px;height:58px;font-size:28px}.send-size-limit{display:none}.input-actions{gap:6px}.pairing-center{gap:20px;padding:20px 16px}.pairing-qr-card{border-radius:16px;padding:12px}.pairing-actions{flex-wrap:wrap;justify-content:center}}.mobile-download-mark{justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:28px;display:flex;position:relative}.mobile-download-ring{border:1px solid var(--accent);border-radius:50%;animation:2.4s ease-out infinite fd-ring;position:absolute;inset:0}.mobile-download-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-bottom:16px;font-size:10px}.mobile-download-title{color:var(--text-1);letter-spacing:-.03em;margin:0 0 14px;font-size:30px;font-weight:700;line-height:1.1}.mobile-download-sub{color:var(--text-2);max-width:280px;margin:0 0 32px;font-size:15px;line-height:1.6}.mobile-download-footnote{font-family:var(--font-mono);color:var(--text-3);letter-spacing:.06em;margin:16px 0 0;font-size:10px}.store-btns{flex-direction:column;gap:10px;width:100%;max-width:260px;margin-bottom:8px;display:flex}.store-btn{background:var(--surface-raised);color:var(--text-1);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;align-items:center;gap:14px;width:100%;padding:13px 20px;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:flex}.store-btn:hover{background:var(--surface-hover);border-color:var(--border-strong);transform:translateY(-1px)}.store-btn--muted{opacity:.38;cursor:default;pointer-events:none}.store-btn-label{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.store-btn-small{color:var(--text-3);font-size:10px;font-weight:500;line-height:1.2}.store-btn-name{letter-spacing:-.3px;color:var(--text-1);font-size:16px;font-weight:700;line-height:1.2}.download-divider{color:var(--text-3);align-items:center;gap:12px;width:100%;max-width:260px;margin:16px 0;font-size:12px;display:flex}.download-divider:before,.download-divider:after{content:"";background:var(--border);flex:1;height:1px}.continue-browser-btn{border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-2);font-size:14px;font-family:var(--font);cursor:pointer;transition:border-color var(--transition), color var(--transition), background var(--transition);background:0 0;width:100%;max-width:260px;padding:12px 24px}.continue-browser-btn:hover{border-color:var(--accent-border);color:var(--accent-soft);background:var(--accent-dim)}.continue-browser-btn:active{transform:scale(.97)}.mobile-join-screen{text-align:center;background-image:radial-gradient(circle at 1px 1px,#ffffff0a 1px,#0000 0);background-size:24px 24px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:32px 24px 64px;display:flex;overflow-y:auto}.mobile-pin-wrap{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:340px;animation:.25s ease-out both card-in;display:flex}.mobile-pin-title{color:var(--text-1);letter-spacing:-.5px;margin:0;font-size:26px;font-weight:700}.mobile-pin-sub{color:var(--text-2);text-align:center;margin:0;font-size:14px}.pin-input-wrap{width:100%}.pin-field{box-sizing:border-box;letter-spacing:14px;text-align:center;background:var(--surface);border:2px solid var(--border-strong);border-radius:var(--r-md);width:100%;color:var(--text-1);caret-color:var(--accent);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:18px 12px;font-family:Courier New,monospace;font-size:30px;font-weight:700}.pin-field:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-dim)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.pin-field--error{animation:.35s shake;border-color:#dc262699!important;box-shadow:0 0 0 3px #dc26261f!important}.pin-error-text{color:#ef4444;margin:0;font-size:13px;font-weight:500}.mobile-pin-btn{background:var(--accent);color:#fff;border-radius:var(--r-md);width:100%;font-size:15px;font-weight:600;font-family:var(--font);cursor:pointer;transition:opacity var(--transition), transform .1s;border:none;padding:15px;box-shadow:0 4px 16px #7c6af059}.mobile-pin-btn:hover:not(:disabled){opacity:.88}.mobile-pin-btn:active:not(:disabled){transform:scale(.97)}.mobile-pin-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.mobile-join-connecting{flex-direction:column;align-items:center;gap:16px;animation:.25s ease-out both card-in;display:flex}.mobile-join-status{color:var(--text-2);text-align:center;font-size:14px}.mobile-join-status--error{color:#ef4444;max-width:260px;font-weight:500}.pin-challenge-modal{text-align:center;max-width:380px}.pin-display{background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--r-md);flex-direction:column;align-items:center;gap:14px;margin:0 0 20px;padding:22px;display:flex}.pin-label{color:var(--text-2);font-size:13px;font-weight:500}.pin-digits{gap:10px;display:flex}.pin-digit{background:var(--surface);border:2px solid var(--accent-border);border-radius:var(--r-md);width:56px;height:68px;color:var(--accent-soft);font-size:34px;font-weight:700;font-family:var(--font-mono);justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #7c6af033}.pin-challenge-cancel{width:100%}.reconnect-banner{background:var(--rose-dim);border-bottom:1px solid var(--rose-border);align-items:center;gap:12px;padding:9px 24px;font-size:13px;display:flex}.reconnect-banner-icon{color:var(--rose);flex-shrink:0}.reconnect-banner-msg{color:var(--rose);flex:1}.reconnect-banner-msg strong{font-variant-numeric:tabular-nums;font-weight:700}.reconnect-banner-btn{font-size:12px;font-weight:600;font-family:var(--font);color:var(--rose);border:1px solid var(--rose-border);border-radius:var(--r-xs);cursor:pointer;transition:background var(--transition);background:0 0;flex-shrink:0;padding:4px 13px}.reconnect-banner-btn:hover{background:#e0787826}.logo-mark{flex-shrink:0;width:22px;height:22px}.logo-wordmark{font-family:var(--font);letter-spacing:-.5px;color:var(--text-1);-webkit-user-select:none;user-select:none;margin-left:8px;font-size:15px;font-weight:800}.wordmark-lg{font-family:var(--font);letter-spacing:-.5px;color:var(--text-1);-webkit-user-select:none;user-select:none;margin-bottom:28px;font-size:20px;font-weight:800}.qr-instruction,.step-num,.file-meta{font-family:var(--font-mono)}.landing-screen{background-image:radial-gradient(circle at 1px 1px,#ffffff0a 1px,#0000 0);background-size:24px 24px;flex:1;align-items:stretch;min-height:0;display:flex;position:relative;overflow:hidden auto}.landing-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;width:100%;padding:40px 56px 56px;animation:.6s both fd-fade-up;display:grid}.landing-left{flex-direction:column;gap:0;display:flex}.landing-eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);align-items:center;margin-bottom:20px;font-size:11px;display:flex}.landing-headline{letter-spacing:-.03em;color:var(--text-1);margin:0 0 18px;font-size:56px;font-weight:700;line-height:1.02}.landing-headline-dim{color:var(--text-3)}.landing-body{color:var(--text-2);max-width:440px;margin:0 0 32px;font-size:16px;line-height:1.6}.landing-btn-row{align-items:center;gap:12px;margin-bottom:32px;display:flex}.landing-btn-primary{background:var(--accent);border:1px solid var(--accent);color:#fff;font-family:var(--font);cursor:pointer;box-shadow:0 0 0 1px var(--accent-border), 0 8px 24px -8px var(--accent-glow);border-radius:12px;align-items:center;gap:10px;padding:14px 22px;font-size:14px;font-weight:600;transition:background .15s,box-shadow .15s,transform .15s;display:inline-flex}.landing-btn-primary:hover{background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent-border), 0 12px 28px -8px var(--accent-glow);transform:translateY(-1px)}.landing-btn-primary:active{transform:translateY(0)scale(.98)}.landing-btn-arrow{font-family:var(--font-mono)}.landing-features-row{border-top:1px solid var(--border-soft);gap:22px;padding-top:22px;display:flex}.landing-feature-item{align-items:baseline;gap:8px;display:flex}.landing-feature-num{font-family:var(--font-mono);color:var(--accent);font-size:11px}.landing-feature-label{color:var(--text-2);font-size:13px}.landing-right{justify-content:center;align-items:center;display:flex;position:relative}.landing-glow{background:radial-gradient(circle at center, var(--accent-glow) 0%, transparent 60%);opacity:.4;filter:blur(20px);pointer-events:none;position:absolute;inset:-40px}@media (width<=900px){.landing-grid{grid-template-columns:1fr;gap:48px;padding:32px 32px 48px}.landing-right{display:none}.landing-headline{font-size:42px}}@media (width<=600px){.landing-grid{padding:24px 20px 40px}.landing-headline{letter-spacing:-.02em;font-size:34px}.landing-body{font-size:15px}.landing-features-row{flex-wrap:wrap;gap:14px}}.send-card--drag-active{border-color:var(--accent)!important;box-shadow:0 0 0 2px var(--accent-dim)!important}.send-card-hint--mobile{display:none}.send-progress-inline{flex-direction:column;gap:6px;padding:8px 2px 0;display:flex}.pin-boxes{cursor:text;gap:10px;display:flex;position:relative}.pin-box{background:var(--surface);border:2px solid var(--border-strong);border-radius:var(--r-md);width:60px;height:72px;color:var(--text-1);font-size:32px;font-weight:700;font-family:var(--font-mono);transition:border-color var(--transition), box-shadow var(--transition);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}.pin-box--active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.pin-box--filled{border-color:var(--border-strong);color:var(--text-1)}.pin-box--error{animation:.35s shake;border-color:var(--rose-border)!important;box-shadow:0 0 0 3px var(--rose-dim)!important}.pin-info-pill{border:1px solid var(--border);background:var(--surface-raised);color:var(--text-3);text-align:center;border-radius:99px;max-width:290px;padding:7px 14px;font-size:11px;line-height:1.5}.mobile-pin-cancel{color:var(--text-3);font-size:14px;font-family:var(--font);cursor:pointer;transition:color var(--transition);background:0 0;border:none;padding:8px 20px}.mobile-pin-cancel:hover{color:var(--text-2)}.mobile-pin-cancel:active{transform:scale(.97)}.connection-card--compact-mobile{order:-1;align-items:center;gap:12px;margin-top:0;display:none}.cc-icon-wrap{background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:var(--r-sm);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.cc-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cc-name{color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.cc-status{font-family:var(--font-mono);color:var(--green);letter-spacing:.05em;font-size:10px}.cc-end-btn{background:var(--rose-dim);border:1px solid var(--rose-border);border-radius:var(--r-xs);color:var(--rose);font-size:12px;font-weight:600;font-family:var(--font);cursor:pointer;transition:background var(--transition);flex-shrink:0;padding:5px 12px}.cc-end-btn:hover{background:#e078782e}.cc-end-btn:active{transform:scale(.95)}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.attach-sheet-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1100;background:#00000080;justify-content:center;align-items:flex-end;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.attach-sheet{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:500px;box-shadow:var(--shadow-lg);border-bottom:none;flex-direction:column;align-items:stretch;gap:16px;padding:12px 20px 40px;animation:.28s cubic-bezier(.32,.72,0,1) sheet-up;display:flex}.attach-sheet-handle{background:var(--border-strong);border-radius:2px;align-self:center;width:36px;height:4px;margin-bottom:4px}.attach-sheet-eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);text-align:center;font-size:10px;font-weight:600}.attach-sheet-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.attach-sheet-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;font-family:var(--font);transition:background var(--transition), border-color var(--transition), transform .1s;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:18px 12px;display:flex}.attach-sheet-item:hover{background:var(--surface-hover);border-color:var(--border-strong)}.attach-sheet-item:active{transform:scale(.96)}.attach-sheet-icon{background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:var(--r-md);width:44px;height:44px;color:var(--accent-soft);justify-content:center;align-items:center;display:flex}.attach-sheet-label{color:var(--text-2);text-align:center;font-size:13px;font-weight:500;line-height:1.3}.attach-sheet-secret-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.attach-sheet-secret-label{color:var(--text-2);font-size:14px;font-weight:500}.attach-sheet-secret-toggle{background:var(--surface-raised);border:1px solid var(--border);color:var(--text-3);font-size:12px;font-weight:600;font-family:var(--font);cursor:pointer;transition:background var(--transition), border-color var(--transition), color var(--transition);border-radius:99px;padding:4px 14px}.attach-sheet-secret-toggle--on{background:var(--rose-dim);border-color:var(--rose-border);color:var(--rose)}.attach-sheet-cancel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-2);font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;transition:background var(--transition), border-color var(--transition);padding:14px}.attach-sheet-cancel:hover{background:var(--surface-hover);border-color:var(--border-strong)}.attach-sheet-cancel:active{transform:scale(.97)}.tip-btn{border:1px solid var(--border);color:var(--text-2);font-size:11px;font-weight:500;font-family:var(--font);cursor:pointer;transition:var(--transition);background:0 0;border-radius:99px;align-items:center;gap:5px;padding:5px 10px;display:inline-flex}.tip-btn:hover{background:var(--accent-dim);border-color:var(--accent-border);color:var(--text-1)}.tip-btn--centered{pointer-events:auto;position:absolute;left:50%;transform:translate(-50%)}.tip-heart{color:var(--accent)}.tip-modal{background:var(--surface);border:1px solid var(--border);border-radius:24px;width:min(540px,100vw - 32px);overflow:hidden;box-shadow:0 32px 80px #00000080}.tip-modal-header{background:radial-gradient(ellipse at top, var(--accent-dim), transparent 70%);border-bottom:1px solid var(--border-soft);text-align:center;padding:28px 28px 22px;position:relative}.tip-diamonds{justify-content:center;gap:6px;margin-bottom:14px;display:flex}.tip-title{letter-spacing:-.02em;color:var(--text-1);margin:0 0 6px;font-size:22px;font-weight:700}.tip-subtitle{color:var(--text-2);max-width:360px;margin:0 auto;font-size:13.5px;line-height:1.55}.tip-tiers{flex-direction:column;gap:8px;padding:20px;display:flex}.tip-tier{background:var(--surface-raised);border:1px solid var(--border);width:100%;color:var(--text-1);cursor:pointer;font-family:var(--font);text-align:left;transition:filter var(--transition), transform var(--transition);border-radius:14px;align-items:center;gap:16px;padding:16px;display:flex;position:relative}.tip-tier:hover{filter:brightness(1.06);transform:translateY(-1px)}.tip-tier:active{transform:translateY(0)scale(.99)}.tip-tier--recommended{background:var(--accent-dim);border-color:var(--accent-border)}.tip-cluster{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:56px;height:40px;display:flex}.tip-cluster--recommended{background:var(--accent);border:none}.tip-tier-text{flex:1;min-width:0}.tip-tier-amount-row{align-items:baseline;gap:10px;display:flex}.tip-tier-amount{letter-spacing:-.01em;font-size:18px;font-weight:700}.tip-tier-label{color:var(--text-2);font-size:13px}.tip-tier-sub{color:var(--text-3);margin-top:2px;font-size:11.5px}.tip-popular{font-family:var(--font-mono);letter-spacing:.08em;background:var(--accent);color:#fff;border-radius:99px;padding:2px 8px;font-size:9px;font-weight:600;position:absolute;top:-8px;right:16px}.tip-arrow{color:var(--text-3);font-size:18px;font-family:var(--font-mono);flex-shrink:0}.tip-custom{border:1px dashed var(--border);border-radius:14px;align-items:center;gap:12px;margin-top:4px;padding:14px;display:flex}.tip-custom-label{color:var(--text-2);flex:1;font-size:12.5px}.tip-footer{border-top:1px solid var(--border-soft);background:var(--surface-raised);color:var(--text-3);font-size:11px;font-family:var(--font-mono);align-items:center;gap:10px;padding:14px 24px;display:flex}.tip-thanks-modal{background:var(--surface);border:1px solid var(--accent-border);width:min(480px,100vw - 32px);box-shadow:0 0 0 6px var(--accent-dim), 0 32px 80px #00000080;text-align:center;border-radius:24px;padding:36px}.tip-thanks-diamonds{justify-content:center;align-items:center;gap:8px;margin-bottom:22px;display:flex;position:relative}.tip-thanks-glow{background:radial-gradient(circle, var(--accent-glow) 0%, transparent 60%);filter:blur(12px);position:absolute;inset:-20px}.tip-thanks-title{letter-spacing:-.02em;color:var(--text-1);margin:0 0 10px;font-size:26px;font-weight:700}.tip-thanks-body{color:var(--text-2);max-width:340px;margin:0 auto 24px;font-size:14px;line-height:1.55}.tip-thanks-receipt{background:var(--surface-raised);border:1px solid var(--border);color:var(--text-2);border-radius:12px;margin-bottom:22px;padding:14px;font-size:12.5px;line-height:1.55}.tip-thanks-cta{justify-content:center;width:100%}.home-screen{flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.home-inner{flex-direction:column;gap:36px;width:100%;max-width:440px;animation:.5s both fd-fade-up;display:flex}.home-eyebrow{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-3);text-transform:uppercase;align-items:center;margin-bottom:16px;font-size:10px;display:flex}.home-title-no{color:var(--accent)}.home-title{letter-spacing:-.02em;color:var(--text-1);margin-bottom:12px;font-size:36px;font-weight:700;line-height:1.1}.home-body{color:var(--text-2);font-size:14px;line-height:1.55}.home-tiles{flex-direction:column;gap:10px;display:flex}.home-tile{cursor:pointer;text-align:left;font-family:var(--font);border-radius:16px;align-items:center;gap:14px;width:100%;padding:18px;transition:transform .15s,box-shadow .15s;display:flex}.home-tile:active{transform:scale(.98)}.home-tile--send{background:var(--accent);border:1px solid var(--accent);color:#fff;box-shadow:0 8px 24px -8px var(--accent-glow)}.home-tile--send:hover{background:var(--accent-hover);box-shadow:0 12px 32px -8px var(--accent-glow);transform:translateY(-1px)}.home-tile--receive{background:var(--surface-raised);border:1px solid var(--border);color:var(--text-1)}.home-tile--receive:hover{background:var(--surface-hover);transform:translateY(-1px)}.home-tile-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.home-tile-icon--send{background:#ffffff2e}.home-tile-icon--receive{background:var(--accent-dim);border:1px solid var(--accent-border);color:var(--accent)}.home-tile-text{flex:1}.home-tile-label{letter-spacing:-.02em;margin-bottom:0;font-size:20px;font-weight:700}.home-tile--send .home-tile-sub{color:#ffffffd9;font-size:12px}.home-tile--receive .home-tile-sub{color:var(--text-2);font-size:12px}.home-tile-arrow{color:var(--text-3);font-size:18px;font-family:var(--font-mono)}.pairing-pin-row{justify-content:center;align-items:center;gap:12px;margin-top:14px;display:flex}.pairing-pin-label{font-size:11px;font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-3);text-transform:uppercase}.pairing-pin-digits{gap:5px;display:flex}.pairing-pin-digit{background:var(--surface-raised);border:1px solid var(--border);width:32px;height:40px;font-family:var(--font-mono);color:var(--accent);border-radius:8px;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex}.receive-screen{flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.receive-inner{flex-direction:column;gap:0;width:100%;max-width:380px;animation:.5s both fd-fade-up;display:flex}.receive-header{align-items:center;gap:14px;margin-bottom:20px;display:flex}.receive-back{border:1px solid var(--border);background:var(--surface-raised);width:32px;height:32px;color:var(--text-2);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.receive-back:hover{background:var(--surface-hover)}.receive-eyebrow{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-3);text-transform:uppercase;align-items:center;font-size:10px;display:flex}.receive-title{letter-spacing:-.02em;color:var(--text-1);margin-bottom:22px;font-size:26px;font-weight:700}.receive-tabs{background:var(--surface-raised);border:1px solid var(--border);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:24px;padding:4px;display:grid}.receive-tab{color:var(--text-3);font-family:var(--font);cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:12.5px;font-weight:600;transition:background .15s,color .15s;display:flex}.receive-tab--active{background:var(--accent);color:#fff}.qr-scanner-wrap{border-radius:var(--r);aspect-ratio:1;background:#000;width:100%;max-width:320px;margin:0 auto;position:relative;overflow:hidden}.qr-scanner-video{object-fit:cover;width:100%;height:100%;display:block}.qr-scanner-canvas{display:none}.qr-scanner-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.qr-scanner-frame{aspect-ratio:1;border:2px solid var(--accent);border-radius:8px;width:56%;box-shadow:0 0 0 9999px #00000073}.qr-scanner-label{text-align:center;color:#ffffffd9;letter-spacing:.02em;pointer-events:none;font-size:12px;font-weight:600;position:absolute;bottom:12px;left:0;right:0}.qr-scanner-error{text-align:center;color:var(--rose);flex-direction:column;align-items:center;gap:12px;padding:32px 16px;display:flex}.qr-scanner-error p{color:var(--text-2);max-width:260px;font-size:13px;line-height:1.6}.receive-pin-label{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-3);text-align:center;margin-bottom:14px;font-size:10px}.receive-pin-digits{justify-content:center;gap:10px;margin-bottom:12px;display:flex}.receive-digit{background:var(--surface-raised);border:1px solid var(--border);width:64px;height:72px;font-family:var(--font-mono);color:var(--text-1);border-radius:14px;justify-content:center;align-items:center;font-size:28px;font-weight:600;transition:border-color .15s;display:flex}.receive-digit--cursor{border-color:var(--accent);background:var(--bg)}.receive-digit-caret{background:var(--accent);border-radius:1px;width:2px;height:30px;animation:1s step-end infinite fd-blink;display:block}@keyframes fd-blink{0%,to{opacity:1}50%{opacity:0}}.receive-error{color:var(--rose);text-align:center;margin-bottom:8px;font-size:12.5px}.receive-hint{color:var(--text-3);text-align:center;margin-bottom:22px;font-size:12px}.receive-keypad{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.receive-key{background:var(--surface-raised);border:1px solid var(--border);color:var(--text-1);font-family:var(--font-mono);cursor:pointer;border-radius:14px;padding:16px 0;font-size:22px;font-weight:600;transition:background .12s}.receive-key:hover:not(:disabled){background:var(--surface-hover)}.receive-key:disabled{opacity:.4;cursor:default}.receive-key--text{background:0 0;border:0}.receive-key--icon{color:var(--text-2);background:0 0;border:0;justify-content:center;align-items:center;font-size:18px;display:flex}.receive-submit{background:var(--accent);border:1px solid var(--accent);color:#fff;width:100%;font-family:var(--font);cursor:pointer;box-shadow:0 8px 24px -8px var(--accent-glow);border-radius:12px;padding:14px;font-size:15px;font-weight:600;transition:background .15s,opacity .15s,transform .15s}.receive-submit:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.receive-submit:disabled{opacity:.4;cursor:default;box-shadow:none}.app--legal{height:auto;min-height:100svh;overflow:visible}.legal-page{flex:1;justify-content:center;padding:40px 24px 80px;display:flex}.legal-inner{flex-direction:column;gap:20px;width:100%;max-width:640px;display:flex}.legal-back{color:var(--text-3);transition:color var(--transition);font-size:13px;text-decoration:none}.legal-back:hover{color:var(--accent)}.legal-title{color:var(--text-1);letter-spacing:-.5px;font-size:28px;font-weight:800}.legal-updated{color:var(--text-3);font-size:12px;font-family:var(--font-mono);margin-top:-12px}.legal-lead{color:var(--text-2);background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:var(--r-sm);padding:16px;font-size:15px;line-height:1.7}.legal-inner h2{color:var(--text-1);text-transform:uppercase;letter-spacing:.5px;border-top:1px solid var(--border);padding-top:8px;font-size:14px;font-weight:700}.legal-inner p{color:var(--text-2);font-size:14px;line-height:1.7}.legal-inner ul{flex-direction:column;gap:6px;padding-left:20px;display:flex}.legal-inner ul li{color:var(--text-2);font-size:14px;line-height:1.6}.legal-inner a{color:var(--accent);text-decoration:none}.legal-inner a:hover{text-decoration:underline}.home-footer{flex-direction:column;align-items:center;gap:12px;padding:20px 0;display:flex}.home-footer-support{background:var(--accent-dim);border:1px solid var(--accent-border);color:var(--accent);font-size:13px;font-weight:600;font-family:var(--font);transition:background var(--transition), transform .15s ease;border-radius:999px;align-items:center;gap:6px;padding:9px 20px;text-decoration:none;display:inline-flex}.home-footer-support:hover{background:var(--accent);color:#fff;transform:translateY(-1px)}.home-footer-legal{gap:20px;display:flex}.home-footer-legal a{color:var(--text-3);font-size:11px;font-family:var(--font-mono);transition:color var(--transition);text-decoration:none}.home-footer-legal a:hover{color:var(--accent)}