*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;outline:none;-webkit-tap-highlight-color:transparent;}:root{--clr-bg:#f4f6f8;--clr-dots:#d0d0d0;--clr-ink:#111111;--clr-paper:#ffffff;--clr-accent:#00e5ff;--clr-error:#ff3366;--border-width:4px;--transition:0.3s cubic-bezier(0.175,0.885,0.32,1.275);--font-header:'Bangers',cursive;--font-body:'Comic Neue',cursive,sans-serif;--shadow-offset:6px;}body{min-height:100vh;background-color:var(--clr-bg);background-image:radial-gradient(var(--clr-dots) 10%,transparent 11%),radial-gradient(var(--clr-dots) 10%,transparent 11%);background-size:20px 20px;background-position:0 0,10px 10px;color:var(--clr-ink);display:flex;align-items:center;justify-content:center;padding:24px 16px;font-family:var(--font-body);overflow-x:hidden;}.container{width:100%;max-width:800px;position:relative;z-index:1;display:flex;flex-direction:column;gap:20px;}.header{text-align:center;background:var(--clr-paper);padding:20px;border:var(--border-width) solid var(--clr-ink);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--clr-ink);transform:rotate(-0.5deg);}.logo-text{font-family:var(--font-header);font-size:3.5rem;color:var(--clr-accent);text-shadow:2px 2px 0 var(--clr-ink),-2px -2px 0 var(--clr-ink),2px -2px 0 var(--clr-ink),-2px 2px 0 var(--clr-ink),4px 4px 0 var(--clr-ink);letter-spacing:2px;}.tagline{font-weight:700;text-transform:uppercase;font-size:1.1rem;color:#555;}.card{background:var(--clr-paper);border:var(--border-width) solid var(--clr-ink);padding:40px 30px;box-shadow:10px 10px 0 var(--clr-ink);position:relative;}.home-link{position:absolute;top:-15px;left:20px;background:var(--clr-paper);border:4px solid var(--clr-ink);padding:5px 15px;text-decoration:none;font-family:var(--font-header);font-size:1.2rem;color:var(--clr-ink);box-shadow:4px 4px 0 var(--clr-ink);transition:all 0.2s;z-index:10;}.home-link:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--clr-ink);}.card-title{font-family:var(--font-header);font-size:2.8rem;letter-spacing:1px;margin-bottom:5px;text-transform:uppercase;}.card-subtitle{font-weight:700;font-size:1.1rem;margin-bottom:30px;opacity:0.8;}.lobby-split{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:20px;}.lobby-box{background:#ffffff;border:4px solid var(--clr-ink);padding:25px;box-shadow:6px 6px 0 var(--clr-ink);display:flex;flex-direction:column;gap:15px;height:100%;min-width:0;}.receive-form-wrap{margin-top:auto;margin-bottom:auto;display:flex;flex-direction:column;gap:15px;}.box-title{font-family:var(--font-header);font-size:1.8rem;letter-spacing:1px;color:var(--clr-ink);border-bottom:3px solid var(--clr-ink);padding-bottom:10px;margin-bottom:5px;}.drop-zone{border:4px dashed var(--clr-ink);padding:40px 10px;text-align:center;cursor:pointer;background:#fdfdfd;transition:all 0.2s;position:relative;display:flex;align-items:center;justify-content:center;height:100%;}.drop-zone:hover,.drop-zone.drag-over{background:#e6fdff;border-style:solid;transform:scale(1.02);}.drop-ui .icon-wrap{width:60px;height:60px;background:var(--clr-accent);border:4px solid var(--clr-ink);border-radius:50%;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;box-shadow:4px 4px 0 var(--clr-ink);}.drop-ui svg{width:30px;height:30px;}.drop-main-text{font-family:var(--font-header);font-size:1.4rem;margin-bottom:5px;}.drop-sub-text{font-weight:700;font-size:0.8rem;background:var(--clr-ink);color:#fff;padding:2px 10px;}.receive-desc{font-weight:700;font-size:0.95rem;line-height:1.4;color:#444;}.input-row{display:flex;border:4px solid var(--clr-ink);box-shadow:6px 6px 0 var(--clr-ink);}.input-row input{flex:1;padding:12px;font-family:monospace;font-weight:700;font-size:1rem;border:none;background:#f9f9f9;min-width:0;}.input-row button{background:var(--clr-accent);color:var(--clr-ink);border:none;border-left:4px solid var(--clr-ink);padding:0 20px;font-family:var(--font-header);font-size:1.3rem;cursor:pointer;transition:background 0.2s;white-space:nowrap;}.input-row button:active{background:#00b3cc;}.error-text{color:var(--clr-error);font-weight:700;font-size:0.85rem;margin-top:5px;}.share-info-layout{display:grid;grid-template-columns:1.2fr 0.8fr;gap:30px;margin-bottom:30px;}.share-details{display:flex;flex-direction:column;gap:20px;}.file-card-box{display:flex;align-items:center;gap:15px;background:#f9f9f9;border:3px solid var(--clr-ink);padding:15px;box-shadow:4px 4px 0 var(--clr-ink);}.file-emoji{font-size:2.2rem;}.file-meta{display:flex;flex-direction:column;text-align:left;min-width:0;}.file-meta strong{font-size:1.1rem;word-break:break-all;}.file-meta span{font-size:0.85rem;font-weight:700;opacity:0.7;}.link-box label{font-family:var(--font-header);font-size:1.2rem;display:block;margin-bottom:8px;text-align:left;}.manual-room-id{font-weight:700;font-size:0.95rem;text-align:left;background:#fffde0;border:3px solid var(--clr-ink);padding:8px 12px;box-shadow:4px 4px 0 var(--clr-ink);width:fit-content;}.qr-container{background:#fff;border:4px solid var(--clr-ink);padding:15px;box-shadow:6px 6px 0 var(--clr-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;}.qr-container img{width:100%;max-width:180px;height:auto;border:3px solid var(--clr-ink);}.qr-caption{font-weight:700;font-size:0.8rem;text-transform:uppercase;}#send-progress-container,.progress-container{background:#ffffff;border:4px solid var(--clr-ink);padding:20px;box-shadow:6px 6px 0 var(--clr-ink);margin-bottom:25px;}.progress-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:700;}.progress-label{text-transform:uppercase;font-size:0.95rem;}.speed-label{font-size:0.9rem;background:var(--clr-ink);color:#fff;padding:2px 8px;}.progress-track{height:25px;background:#eee;border:4px solid var(--clr-ink);box-shadow:4px 4px 0 var(--clr-ink);position:relative;overflow:hidden;}.progress-fill{height:100%;background:var(--clr-accent);width:0%;transition:width 0.1s ease-out;border-right:4px solid var(--clr-ink);position:relative;overflow:hidden;background-image:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%);background-size:200% 100%;animation:shimmer 2s infinite linear;}@keyframes shimmer{0%{background-position:-200% 0;}100%{background-position:200% 0;}}.percentage-display{font-family:var(--font-header);font-size:1.3rem;margin-top:10px;text-align:right;}.reset-btn{background:#fff;border:4px solid var(--clr-ink);padding:10px 30px;font-family:var(--font-header);font-size:1.5rem;letter-spacing:1px;cursor:pointer;box-shadow:6px 6px 0 var(--clr-ink);transition:0.2s;width:100%;margin-top:15px;}.reset-btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--clr-ink);}.reset-btn.danger{background:var(--clr-error);color:#fff;}.main-btn{background:var(--clr-accent);color:var(--clr-ink);border:4px solid var(--clr-ink);padding:12px 25px;font-family:var(--font-header);font-size:1.4rem;cursor:pointer;box-shadow:4px 4px 0 var(--clr-ink);transition:0.2s;}.main-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--clr-ink);}#approval-container{margin-bottom:25px;}.approval-box{background:#ffffcc;border:4px solid var(--clr-ink);padding:25px;box-shadow:6px 6px 0 var(--clr-ink);display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center;transform:rotate(-0.5deg);}.approval-pulse{font-size:3rem;display:inline-block;animation:pulseFlash 1.2s infinite ease-in-out;}@keyframes pulseFlash{0%{transform:scale(1);}50%{transform:scale(1.15);}100%{transform:scale(1);}}.approval-info h3{font-family:var(--font-header);font-size:2.2rem;letter-spacing:1px;color:var(--clr-ink);margin-bottom:5px;}.approval-info p{font-weight:700;font-size:1.05rem;color:#444;}.approval-actions{display:flex;gap:15px;width:100%;margin-top:10px;}.approval-actions button{flex:1;margin:0;}#success-stage{text-align:center;}.success-header{display:flex;align-items:center;gap:20px;background:var(--clr-accent);border:4px solid var(--clr-ink);padding:20px;box-shadow:6px 6px 0 var(--clr-ink);margin-bottom:30px;transform:rotate(0.5deg);}.success-icon{width:50px;height:50px;background:var(--clr-ink);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;}.success-title{font-family:var(--font-header);font-size:2rem;text-align:left;line-height:1;}.success-note{font-weight:700;font-size:0.9rem;text-align:left;}#error-stage{text-align:center;}.error-badge{width:60px;height:60px;background:var(--clr-error);color:#fff;border:4px solid var(--clr-ink);border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-family:var(--font-header);font-size:2.5rem;box-shadow:6px 6px 0 var(--clr-ink);}.error-ui h2{font-family:var(--font-header);font-size:2.2rem;margin-bottom:10px;}.error-ui p{font-weight:700;font-size:1.1rem;margin-bottom:25px;}.spacer-top{margin-top:20px;margin-bottom:25px;}.hidden{display:none !important;}@media (max-width:768px){body{display:block;padding:16px 8px;}.container{margin:0 auto;width:100%;gap:15px;}.header{padding:15px;box-shadow:4px 4px 0 var(--clr-ink);}.logo-text{font-size:2.2rem;}.tagline{font-size:0.9rem;}.card{padding:24px 12px 35px;box-shadow:6px 6px 0 var(--clr-ink);}.home-link{top:-16px;left:12px;font-size:1rem;padding:4px 10px;border-width:3px;box-shadow:3px 3px 0 var(--clr-ink);}.card-title{font-size:2.1rem;margin-top:10px;}.lobby-split{grid-template-columns:minmax(0,1fr);gap:20px;margin-bottom:5px;width:100%;min-width:0;}.lobby-box{padding:16px 12px;box-shadow:4px 4px 0 var(--clr-ink);height:auto;min-width:0;}.input-row button{padding:0 12px;font-size:1.1rem;}.share-info-layout{grid-template-columns:1fr;gap:20px;}.qr-container{max-width:250px;margin:0 auto;}.approval-actions{flex-direction:column;gap:10px;}.room-header-box{flex-direction:column;align-items:stretch;gap:8px;padding:8px 10px;}.room-pill{width:100%;justify-content:space-between;font-size:1.05rem;box-sizing:border-box;}.room-right-group{width:100%;justify-content:space-between;}.status-pill{flex:1;text-align:center;font-size:0.85rem;padding:4px 6px;}.device-pair-bar{padding:6px 8px;gap:6px;}.device-badge{font-size:0.78rem;gap:4px;}.feed-controls{flex-direction:column;align-items:flex-start;gap:8px;}.feed-controls .text-link-btn{align-self:flex-end;}}.nearby-section{margin-bottom:30px;text-align:center;}.radar-screen{position:relative;width:100%;min-height:220px;background:#fafafa;border:4px solid var(--clr-ink);box-shadow:6px 6px 0 var(--clr-ink);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:15px;padding:20px;}.radar-circles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none;display:flex;align-items:center;justify-content:center;}.radar-circle{position:absolute;border:2px solid rgba(17,17,17,0.08);border-radius:50%;animation:radarPulse 4s infinite linear;}.circle-1{width:100px;height:100px;animation-delay:0s;}.circle-2{width:220px;height:220px;animation-delay:1.3s;}.circle-3{width:340px;height:340px;animation-delay:2.6s;}@keyframes radarPulse{0%{transform:scale(0.6);opacity:0;}10%{opacity:0.8;}90%{opacity:0.2;}100%{transform:scale(1.6);opacity:0;}}.peers-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;z-index:5;position:relative;}.peer-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:var(--transition);max-width:110px;text-align:center;}.peer-item:hover{transform:translateY(-4px) scale(1.05);}.peer-avatar{width:70px;height:70px;border-radius:50%;border:3px solid var(--clr-ink);box-shadow:4px 4px 0 var(--clr-ink);display:flex;align-items:center;justify-content:center;margin-bottom:8px;transition:var(--transition);}.peer-item:hover .peer-avatar{box-shadow:6px 6px 0 var(--clr-ink);}.peer-avatar.color-0{background-color:#ffd200;}.peer-avatar.color-1{background-color:#ff9f43;}.peer-avatar.color-2{background-color:#00e5ff;}.peer-avatar.color-3{background-color:#7d5fff;}.peer-avatar.color-4{background-color:#ff4757;}.peer-avatar.color-5{background-color:#2ed573;}.peer-avatar svg{width:32px;height:32px;color:var(--clr-ink);}.peer-name{font-weight:700;font-size:0.85rem;text-transform:uppercase;color:var(--clr-ink);word-break:break-all;line-height:1.2;}.peer-device{font-size:0.7rem;font-weight:700;opacity:0.6;text-transform:uppercase;margin-top:2px;}.no-peers-msg{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1rem;color:#666;z-index:5;}.pulse-dot{width:10px;height:10px;background-color:var(--clr-accent);border:2px solid var(--clr-ink);border-radius:50%;animation:dotPulse 1.5s infinite ease-in-out;}@keyframes dotPulse{0%{transform:scale(0.8);opacity:0.5;}50%{transform:scale(1.3);opacity:1;}100%{transform:scale(0.8);opacity:0.5;}}.own-device-info{font-family:var(--font-body);font-size:1rem;font-weight:700;margin-top:12px;text-transform:uppercase;background:#eef2f5;border:3px solid var(--clr-ink);padding:6px 16px;display:inline-block;box-shadow:3px 3px 0 var(--clr-ink);}.own-device-info span{color:#7d5fff;}.full-width{width:100%;}.box-desc{font-weight:700;font-size:0.95rem;color:#444;margin-bottom:20px;}.room-header-box{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;background:#eef2f5;border:3px solid var(--clr-ink);padding:10px 14px;box-shadow:4px 4px 0 var(--clr-ink);margin-bottom:16px;}.room-pill{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--font-header);font-size:1.15rem;background:var(--clr-paper);border:3px solid var(--clr-ink);padding:4px 8px 4px 12px;box-shadow:3px 3px 0 var(--clr-ink);letter-spacing:0.5px;}.room-code-left{display:inline-flex;align-items:center;gap:6px;}.room-pill-tools{display:inline-flex;align-items:center;gap:4px;}.room-pill-label{opacity:0.7;font-size:0.85rem;}.room-mini-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--clr-accent);color:var(--clr-ink);border:2px solid var(--clr-ink);box-shadow:2px 2px 0 var(--clr-ink);width:28px;height:28px;padding:0;cursor:pointer;transition:all 0.1s ease;}.room-mini-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--clr-ink);background:#5ceaff;}.room-mini-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--clr-ink);}.room-mini-btn.qr-btn{background:#ffd200;}.room-mini-btn.qr-btn:hover{background:#ffe359;}.room-mini-btn.copied{background:#2ed573 !important;color:#fff !important;}.room-right-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}.status-pill{font-family:var(--font-header);font-size:0.92rem;border:2px solid var(--clr-ink);padding:3px 8px;box-shadow:2px 2px 0 var(--clr-ink);letter-spacing:0.5px;text-transform:uppercase;white-space:nowrap;}.status-pill.waiting{background:#ffd200;}.status-pill.connected{background:var(--clr-accent);}.status-pill.transferring{background:#7d5fff;color:#fff;}.room-leave-btn{background:var(--clr-error);color:#fff;border:2px solid var(--clr-ink);padding:3px 10px;font-family:var(--font-header);font-size:0.95rem;cursor:pointer;box-shadow:2px 2px 0 var(--clr-ink);transition:all 0.1s ease;letter-spacing:0.5px;white-space:nowrap;}.room-leave-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--clr-ink);background:#ff1f4b;}.room-leave-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--clr-ink);}.modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:rgba(17,17,17,0.75);display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px;animation:modalBackdropFade 0.2s ease-out;}.modal-card{background:var(--clr-paper);border:var(--border-width) solid var(--clr-ink);box-shadow:8px 8px 0 var(--clr-ink);padding:24px 18px 20px;max-width:360px;width:100%;text-align:center;position:relative;animation:modalPop 0.2s cubic-bezier(0.175,0.885,0.32,1.275);}.modal-close-btn{position:absolute;top:10px;right:10px;width:32px;height:32px;background:var(--clr-error);color:#fff;border:2px solid var(--clr-ink);font-family:var(--font-header);font-size:1.2rem;font-weight:bold;cursor:pointer;box-shadow:2px 2px 0 var(--clr-ink);transition:all 0.15s ease;display:flex;align-items:center;justify-content:center;line-height:1;}.modal-close-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--clr-ink);background:#ff1f4b;}.modal-close-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--clr-ink);}.modal-title{font-family:var(--font-header);font-size:1.8rem;margin-bottom:12px;letter-spacing:1px;color:var(--clr-ink);}@keyframes modalBackdropFade{from{opacity:0;}to{opacity:1;}}@keyframes modalPop{from{opacity:0;transform:scale(0.9) translateY(10px);}to{opacity:1;transform:scale(1) translateY(0);}}.qr-box,.qr-preview-box{display:inline-flex;justify-content:center;align-items:center;padding:10px;background:#fff;border:3px solid var(--clr-ink);box-shadow:4px 4px 0 var(--clr-ink);margin:0 auto 12px auto;width:fit-content;}.qr-box img,.qr-box canvas,.qr-box svg,.qr-preview-box img,.qr-preview-box canvas,.qr-preview-box svg{display:block;margin:0 auto;max-width:100%;height:auto;}.qr-subtext{font-weight:700;font-size:0.9rem;color:#555;margin:0;}.device-pair-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;background:#fff;border:3px solid var(--clr-ink);padding:8px 12px;box-shadow:3px 3px 0 var(--clr-ink);margin-bottom:16px;font-weight:700;}.device-badge{display:flex;align-items:center;gap:6px;font-size:0.84rem;text-transform:uppercase;min-width:0;}.device-badge span:not(.device-dot){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.device-badge.local-device{justify-content:flex-start;}.device-badge.remote-device{justify-content:flex-end;}.device-dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--clr-ink);background:#bbb;display:inline-block;flex-shrink:0;}.device-dot.online{background:var(--clr-accent);}.device-sync-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--clr-ink);flex-shrink:0;width:26px;height:26px;background:#eef2f5;border:2px solid var(--clr-ink);box-shadow:2px 2px 0 var(--clr-ink);margin:0 2px;}.device-sync-icon svg{display:block;}.room-drop-zone{border:3px dashed var(--clr-ink);padding:24px 16px;text-align:center;cursor:pointer;background:#fdfdfd;transition:all 0.15s ease;margin-bottom:16px;box-shadow:3px 3px 0 var(--clr-ink);}.room-drop-zone:hover{background:#f0fdff;border-color:#00b3cc;transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--clr-ink);}.room-drop-zone:hover,.room-drop-zone.drag-over{background:#e6ffff;border-style:solid;transform:scale(1.01);box-shadow:6px 6px 0 var(--clr-ink);}.room-drop-zone .drop-ui .icon-wrap{width:65px;height:65px;margin-bottom:12px;}.room-drop-zone .drop-ui svg{width:32px;height:32px;}.room-drop-zone .drop-main-text{font-size:1.7rem;}.feed-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px;}.auto-download-toggle{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:0.95rem;cursor:pointer;user-select:none;}.auto-download-toggle input{display:none;}.toggle-box{width:22px;height:22px;border:3px solid var(--clr-ink);background:#fff;box-shadow:2px 2px 0 var(--clr-ink);position:relative;transition:0.15s;display:inline-block;}.auto-download-toggle input:checked + .toggle-box{background:var(--clr-accent);}.auto-download-toggle input:checked + .toggle-box::after{content:'';position:absolute;left:4px;top:1px;width:6px;height:11px;border:solid var(--clr-ink);border-width:0 3px 3px 0;transform:rotate(45deg);}.text-link-btn{background:none;border:none;font-family:var(--font-header);font-size:1.05rem;cursor:pointer;text-decoration:underline;color:#444;padding:0;}.text-link-btn:hover{color:var(--clr-ink);}.transfers-section{margin-top:10px;}.section-title{font-family:var(--font-header);font-size:1.8rem;margin-bottom:12px;letter-spacing:0.5px;}.transfers-list{display:flex;flex-direction:column;gap:12px;}.empty-feed{background:#fdfdfd;border:3px dashed #bbb;padding:25px;text-align:center;font-weight:700;font-size:0.95rem;color:#777;}.transfer-card{background:#fff;border:3px solid var(--clr-ink);padding:14px 18px;box-shadow:4px 4px 0 var(--clr-ink);display:flex;flex-direction:column;gap:10px;transition:transform 0.2s;text-align:left;}.transfer-card.sent{border-left:10px solid #7d5fff;}.transfer-card.received{border-left:10px solid var(--clr-accent);}.transfer-header{display:flex;justify-content:space-between;align-items:center;gap:10px;}.transfer-meta{display:flex;align-items:center;gap:10px;min-width:0;flex:1;}.transfer-badge{font-family:var(--font-header);font-size:0.95rem;padding:2px 8px;border:2px solid var(--clr-ink);background:#eee;white-space:nowrap;}.transfer-card.sent .transfer-badge{background:#e4ddff;}.transfer-card.received .transfer-badge{background:#ccf9ff;}.transfer-name{font-weight:700;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.transfer-size{font-size:0.85rem;font-weight:700;color:#666;white-space:nowrap;}.transfer-action-btn{background:var(--clr-accent);border:3px solid var(--clr-ink);font-family:var(--font-header);font-size:1.1rem;padding:4px 14px;cursor:pointer;box-shadow:3px 3px 0 var(--clr-ink);transition:0.15s;color:var(--clr-ink);text-decoration:none;display:inline-flex;align-items:center;}.transfer-action-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--clr-ink);}.transfer-action-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--clr-ink);}.transfer-action-btn:disabled{opacity:0.6;cursor:not-allowed;background:#eee;}.transfer-progress-track{height:14px;background:#eee;border:2px solid var(--clr-ink);position:relative;overflow:hidden;}.transfer-progress-fill{height:100%;background:var(--clr-accent);width:0%;transition:width 0.1s linear;}.transfer-card.sent .transfer-progress-fill{background:#7d5fff;}.transfer-status-text{font-size:0.85rem;font-weight:700;display:flex;justify-content:space-between;color:#555;}@keyframes qrFadeIn{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:translateY(0);}}