@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#edf0f6;background:#111318;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400;font-optical-sizing:auto;font-size:14px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 50% -15%,#222936,#15171d 47%,#111318 78%)}button,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #83a9ff;outline-offset:3px}.app-shell{width:min(1080px,calc(100% - 56px));margin:0 auto;padding-bottom:28px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0d}.brand{display:flex;align-items:center;gap:10px;color:#f4f6fb;text-decoration:none;font-size:17px;font-weight:700;letter-spacing:-.5px}.brand-mark{width:30px;height:30px;border:1px solid #7999ff3b;background:#7898ff14;color:#9ab1ff;border-radius:9px;display:grid;place-items:center}.brand-accent{color:#94adff}.secure-label{display:flex;align-items:center;gap:7px;color:#8d95a5;font-size:12px}.secure-label svg{color:#8fa7fa}.icon-button{width:34px;height:34px;border:1px solid #ffffff12;background:#ffffff05;border-radius:10px;color:#98a0b0;display:grid;place-items:center;cursor:pointer}.intro{text-align:center;padding:55px 0 37px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#a9b8e7;font-size:11px;font-weight:600;letter-spacing:.11em;text-transform:uppercase}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:#8ca7ff;box-shadow:0 0 12px #829fff}.intro h1{font-size:clamp(34px,5vw,49px);line-height:1.12;letter-spacing:-2.3px;margin:16px 0 13px;font-weight:600}.intro h1 span{color:#9aafff}.intro p{font-size:14px;color:#8d94a3;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:16px;align-items:stretch}.transfer-panel,.qr-panel{background:linear-gradient(145deg,#1b1e25,#181a20);border:1px solid #ffffff11;border-radius:17px;box-shadow:0 18px 50px #0002}.transfer-panel{padding:23px 24px 17px;min-height:427px;display:flex;flex-direction:column}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-kicker{color:#798191;font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:600}.panel-heading h2{font-size:18px;letter-spacing:-.45px;margin:5px 0 0;font-weight:600}.connection-pill{display:flex;align-items:center;gap:7px;border:1px solid #e0b56820;background:#e3ac4e0c;padding:7px 10px;border-radius:20px;color:#d9b36c;font-size:10px}.connection-pill span{height:6px;width:6px;border-radius:50%;background:#e0b354;box-shadow:0 0 8px #e0b35466}.connection-pill.is-online{color:#85d5a7;border-color:#7bdd9b20;background:#7bdd9b0c}.connection-pill.is-online span{background:#72d594}.session-code{margin-top:21px;padding:10px 12px;border:1px solid #ffffff0d;background:#1113187a;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:12px}.session-code>span{font-size:9px;letter-spacing:.12em;color:#737b89;flex-shrink:0}.session-code button{display:flex;align-items:center;gap:8px;background:none;border:0;color:#aeb7ca;cursor:pointer;font-family:DM Mono,monospace;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.session-code button svg{flex-shrink:0;color:#8c9fda}.message-list{flex:1;min-height:166px;display:flex;flex-direction:column}.empty-state{margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;color:#707786;padding:23px}.empty-icon{width:40px;height:40px;border-radius:12px;background:#ffffff07;border:1px solid #ffffff0c;display:grid;place-items:center;color:#8e9aaf;margin-bottom:4px}.empty-state strong{font-size:12px;font-weight:500;color:#a8afbd}.empty-state span{font-size:11px}.file-row{display:flex;align-items:center;gap:12px;padding:12px 3px;border-bottom:1px solid #ffffff0b}.file-icon{width:38px;height:38px;flex-shrink:0;border-radius:11px;display:grid;place-items:center;color:#a9bbff;background:#8aa4ff12;border:1px solid #8aa4ff12}.file-icon.image-icon{color:#92cfb0;background:#71c99512;border-color:#71c99512}.file-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.file-meta strong{font-size:12px;font-weight:500;color:#e2e6ed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta>span{font-size:10px;color:#858d9b}.file-meta i{font-style:normal;padding:0 3px;color:#535b68}.download-button{width:32px;height:32px;display:grid;place-items:center;border:1px solid #ffffff10;border-radius:9px;background:#ffffff05;color:#a4afc3;cursor:pointer;transition:.18s}.download-button:hover{background:#829cff1b;border-color:#829cff3d;color:#b7c6ff}.progress-track{height:3px;background:#ffffff10;border-radius:4px;overflow:hidden;margin-top:1px}.progress-track span{display:block;height:100%;background:#91a8ff;transition:width .12s}.composer{display:flex;align-items:center;gap:9px;padding:7px;border:1px solid #ffffff12;background:#111318a8;border-radius:11px}.attach-button,.send-button{flex-shrink:0;width:32px;height:32px;border:0;border-radius:8px;display:grid;place-items:center;cursor:pointer}.attach-button{color:#9199aa;background:transparent;position:relative}.attach-button input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.attach-button:hover{background:#ffffff0a;color:#d0d5e1}.composer>input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#e7eaf0;font-size:12px}.composer>input::placeholder{color:#666e7c}.send-button{background:#90a8ff;color:#141722}.send-button:hover{background:#a4b7ff}.file-limit{display:flex;align-items:center;justify-content:center;gap:6px;color:#687080;font-size:10px;padding-top:12px}.error-message{color:#f39a9a;background:#f34b4b12;border:1px solid #f34b4b28;border-radius:8px;padding:8px 10px;font-size:11px;margin:10px 0 0}.file-limit svg{color:#7789bb}.file-limit span{color:#444b57}.qr-panel{padding:22px 21px 16px;display:flex;flex-direction:column;align-items:center}.qr-topline{display:flex;align-items:center;gap:8px;color:#d7dbe5;font-weight:500;font-size:12px}.qr-icon{display:grid;place-items:center;color:#a5b8ff}.qr-frame{position:relative;margin-top:21px;width:210px;height:210px;background:#f7f8fb;border-radius:13px;display:grid;place-items:center;box-shadow:0 8px 30px #0004}.qr-frame svg{position:relative;z-index:1;width:190px;height:190px}.qr-glow{position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;background:#859cff10;filter:blur(24px);border-radius:50%}.scan-hint{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:17px;color:#939baa;font-size:10px;line-height:1.65;text-align:left}.scan-hint svg{color:#a0b1ed;flex-shrink:0}.qr-divider{width:100%;display:flex;align-items:center;gap:9px;margin-top:16px;color:#606777;font-size:9px}.qr-divider:before,.qr-divider:after{content:"";height:1px;background:#ffffff0c;flex:1}.copy-link{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #ffffff12;background:#ffffff06;color:#b4bdce;border-radius:8px;padding:8px 13px;margin-top:10px;font-size:10px;cursor:pointer}.copy-link:hover{border-color:#8fa7ff50;color:#d2dcff}.expiry-note{display:flex;align-items:center;gap:5px;margin-top:auto;padding-top:15px;color:#717988;font-size:9px}.connected-state{margin:auto;text-align:center}.connected-mark{width:56px;height:56px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;color:#80d9a0;background:#80d9a012;border:1px solid #80d9a02e}.connected-state h3{font-size:15px;margin:0 0 7px}.connected-state p{color:#8b93a1;font-size:11px}.page-footer{display:flex;justify-content:space-between;padding:17px 3px 0;color:#626a78;font-size:10px}.page-footer span{display:flex;align-items:center;gap:6px}.page-footer svg{color:#737f9c}@media(max-width:760px){.app-shell{width:min(540px,calc(100% - 30px))}.topbar{height:62px}.secure-label{font-size:0}.secure-label svg{width:17px;height:17px}.intro{padding:38px 0 27px}.workspace{grid-template-columns:1fr}.transfer-panel{min-height:370px;padding:19px 17px 15px}.qr-panel{grid-row:1;padding:17px}.qr-frame{width:172px;height:172px;margin-top:14px}.qr-frame svg{width:154px;height:154px}.scan-hint{margin-top:12px}.qr-divider,.copy-link,.expiry-note{display:none}.message-list{min-height:135px}.page-footer,.session-code button{font-size:9px}}.chat-log{max-height:190px;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:12px 3px;border-bottom:1px solid #ffffff0b}.chat-bubble{align-self:flex-start;max-width:82%;margin:0;padding:9px 12px;border-radius:12px;background:#ffffff0b;color:#e2e6ed;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.chat-bubble.from-web{align-self:flex-end;background:#839cff22}.chat-bubble span{display:block;margin-bottom:4px;color:#8e9bb8;font-size:9px}.chat-active .message-list{min-height:90px}.qr-panel.connected{display:none}@media(max-width:380px){.file-limit{font-size:9px}.intro h1{letter-spacing:-1.6px}}