.dropzone{border:2px dashed var(--glass-border);cursor:pointer;justify-content:center;align-items:center;width:100%;max-width:500px;min-height:200px;transition:all .3s;display:flex;position:relative}.dropzone:hover{background:#ffffff14;border-color:#ffffff4d}.dropzone.active{border-color:var(--primary);background:#3b82f61a;transform:scale(1.02)}.file-input-overlay{opacity:0;cursor:pointer;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.dropzone-content{z-index:1;text-align:center;cursor:pointer;pointer-events:none;flex-direction:column;align-items:center;gap:12px;width:100%;height:100%;padding:40px 20px;display:flex;position:relative}.dropzone-content .icon{color:var(--foreground);opacity:.7}.dropzone-content h3{margin:0;font-size:1.1rem;font-weight:500}.dropzone-content p{opacity:.6;margin:0;font-size:.9rem}
.send-container{flex-direction:column;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.header{flex-direction:column;gap:16px;width:100%;max-width:600px;margin-bottom:32px;display:flex}.back-btn{opacity:.7;align-self:flex-start;font-size:.9rem;transition:opacity .2s}.back-btn:hover{opacity:1}.send-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;max-width:600px;min-height:400px;padding:40px;display:flex}.waiting-state,.transferring-state,.complete-state,.error-state{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.pin-display{background:#0003;border-radius:12px;margin:16px 0;padding:16px 32px}.pin-code{letter-spacing:8px;color:var(--primary);font-size:3rem;font-weight:700}.qr-box{background:#fff;border-radius:12px;margin-top:16px;padding:16px}.progress-container{background:#ffffff1a;border-radius:4px;width:100%;height:8px;margin-top:16px;overflow:hidden}.progress-details{flex-direction:column;gap:8px;width:100%;margin-top:8px;display:flex}.transfer-stats{color:#ffffffb3;justify-content:space-between;font-size:.85rem;display:flex}.progress-bar{background:linear-gradient(90deg, var(--primary), var(--success));background-size:200% 100%;height:100%;transition:width .3s ease-out;animation:2s infinite gradientMove}@keyframes gradientMove{0%{background-position:100% 0}50%{background-position:0 0}to{background-position:100% 0}}.fade-in{animation:.5s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.checkmark-svg{stroke-width:4px;width:56px;height:56px;stroke:var(--success);stroke-miterlimit:10;box-shadow:inset 0px 0px 0px var(--success);border-radius:50%;margin-bottom:20px;animation:.4s ease-in-out .4s forwards fill,.3s ease-in-out .9s both scale;display:block}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166px;stroke-width:4px;stroke-miterlimit:10;stroke:var(--success);fill:none;animation:.6s cubic-bezier(.65,0,.45,1) forwards stroke}.checkmark-check{transform-origin:50%;stroke-dasharray:48;stroke-dashoffset:48px;animation:.3s cubic-bezier(.65,0,.45,1) .8s forwards stroke}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale(1.1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #10b9811a}}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;transition:background .2s}.btn-primary:hover{background:var(--primary-hover)}.tab-bar{background:#ffffff0d;border-radius:12px;gap:10px;margin-bottom:24px;padding:6px;display:flex}.tab-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 20px;font-size:1rem;font-weight:500;transition:all .2s}.tab-btn:hover{color:#fff;background:#ffffff1a}.tab-btn.active{color:#fff;background:#ffffff26;box-shadow:0 2px 8px #0003}.text-send-area{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.text-input{color:#fff;resize:vertical;background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;width:100%;max-width:100%;min-height:120px;padding:16px;font-family:inherit;font-size:1rem}.text-input:focus{border-color:var(--primary);background:#0006;outline:none}.pin-display{transition:all .3s}.pin-display.warning{background:#ef444426;border:1px solid #ef44444d}.pin-display.warning .pin-code{color:#ef4444}.pin-countdown{color:#fffc;background:#0003;border-radius:8px;justify-content:center;align-items:center;gap:12px;margin-top:-8px;margin-bottom:16px;padding:8px 16px;font-size:.95rem;display:flex}.btn-small{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:4px 12px;font-size:.85rem;transition:all .2s}.btn-small:hover{background:#fff3}