:root{--bg: #E8E4DE;--bg-alt: #F5F0EB;--card: #FFFFFF;--black: #1A1A2E;--border: 3px solid #1A1A2E;--border-thick: 4px solid #1A1A2E;--shadow: 6px 6px 0px #1A1A2E;--shadow-sm: 4px 4px 0px #1A1A2E;--shadow-hover: 8px 8px 0px #1A1A2E;--lime: #BFFF00;--pink: #FF6BD6;--coral: #FF6B6B;--sky: #48DBFB;--yellow: #FECA57;--orange: #FF9F43;--purple: #A29BFE;--mint: #00B894;--blue: #3742FA;--lavender: #D5AAFF;--text: #1A1A2E;--text-light: #555;--text-muted: #888;--radius: 16px;--radius-sm: 12px;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.floating-orbs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.orb{position:absolute;border-radius:50%;border:var(--border-thick);opacity:.15}.orb-1{width:400px;height:400px;background:var(--lime);top:-100px;right:-100px;transform:rotate(-15deg)}.orb-2{width:300px;height:300px;background:var(--pink);bottom:-80px;left:-80px}.orb-3{width:200px;height:200px;background:var(--sky);top:40%;left:-60px}.main-content{flex:1;padding:0 20px 40px;max-width:620px;margin:0 auto;width:100%;position:relative;z-index:1}.header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;position:sticky;top:0;background:var(--yellow);z-index:100;border-bottom:var(--border-thick)}.header-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.header-logo-icon{width:42px;height:42px;background:var(--lime);border:var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;color:var(--black);box-shadow:var(--shadow-sm);transition:transform .15s}.header-logo:hover .header-logo-icon{transform:translate(-2px,-2px);box-shadow:var(--shadow-hover)}.header-logo-text{font-size:24px;font-weight:900;letter-spacing:-1px;color:var(--black);text-transform:uppercase}.header-nav{display:flex;gap:6px}.header-nav a{padding:10px 18px;border-radius:var(--radius-sm);text-decoration:none;color:var(--text);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;border:2px solid transparent;transition:all .15s}.header-nav a:hover{background:var(--card);border-color:var(--black);box-shadow:3px 3px 0 var(--black)}.header-nav a.active{background:var(--lime);border:var(--border);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;border-radius:var(--radius);font-family:var(--font);font-size:16px;font-weight:800;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:var(--border);transition:all .15s;position:relative}.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--black)!important}.btn-primary{background:var(--lime);color:var(--black);box-shadow:var(--shadow)}.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hover)}.btn-secondary{background:var(--card);color:var(--black);box-shadow:var(--shadow)}.btn-secondary:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hover);background:var(--sky)}.btn-full{width:100%}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:var(--shadow)!important}.btn-food{background:var(--orange);color:var(--black);box-shadow:var(--shadow)}.btn-food:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hover);background:var(--coral)}.home{padding-top:50px;text-align:center}.home-hero h1{font-size:52px;font-weight:900;line-height:1;letter-spacing:-3px;margin-bottom:20px;color:var(--black);text-transform:uppercase}.home-hero h1 .highlight{background:var(--lime);padding:2px 8px;border:var(--border);box-shadow:var(--shadow-sm);display:inline-block;transform:rotate(-1deg)}.home-hero .subtitle{font-size:18px;color:var(--text-light);max-width:440px;margin:0 auto 16px;line-height:1.6;font-weight:500}.home-hero .privacy-note{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--black);background:var(--mint);padding:8px 18px;border-radius:30px;border:var(--border);box-shadow:var(--shadow-sm);margin-bottom:40px;text-transform:uppercase;letter-spacing:.5px}.home-actions{display:flex;gap:16px;justify-content:center;margin-bottom:70px}.how-it-works{margin-bottom:70px}.section-title{font-size:28px;font-weight:900;margin-bottom:24px;letter-spacing:-1px;text-transform:uppercase;text-align:center;color:var(--black)}.steps{display:flex;flex-direction:column;gap:14px}.step{display:flex;gap:16px;padding:20px;background:var(--card);border-radius:var(--radius);border:var(--border);box-shadow:var(--shadow);text-align:left;transition:all .15s}.step:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hover)}.step-number{width:48px;height:48px;min-width:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;color:var(--black);border:var(--border);box-shadow:3px 3px 0 var(--black)}.step:nth-child(1) .step-number{background:var(--lime)}.step:nth-child(2) .step-number{background:var(--pink)}.step:nth-child(3) .step-number{background:var(--sky)}.step:nth-child(4) .step-number{background:var(--yellow)}.step-content h3{font-size:16px;font-weight:800;margin-bottom:2px;text-transform:uppercase;letter-spacing:-.3px}.step-content p{font-size:14px;color:var(--text-light);line-height:1.5}.features{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:70px}.feature-card{padding:24px 16px;background:var(--card);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;transition:all .15s}.feature-card:nth-child(1){background:var(--lime)}.feature-card:nth-child(2){background:var(--sky)}.feature-card:nth-child(3){background:var(--pink)}.feature-card:nth-child(4){background:var(--yellow)}.feature-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hover)}.feature-icon{font-size:36px;margin-bottom:10px;display:block}.feature-card h3{font-size:14px;font-weight:800;text-transform:uppercase;margin-bottom:4px;color:var(--black)}.feature-card p{font-size:12px;color:var(--text-light);line-height:1.4}.food-section{margin-bottom:50px}.food-card{padding:36px 28px;text-align:center;background:var(--card);border:var(--border-thick);border-radius:var(--radius);box-shadow:var(--shadow);position:relative;overflow:hidden}.food-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:repeating-linear-gradient(90deg,var(--coral) 0px,var(--coral) 20px,var(--orange) 20px,var(--orange) 40px,var(--yellow) 40px,var(--yellow) 60px,var(--lime) 60px,var(--lime) 80px,var(--sky) 80px,var(--sky) 100px)}.food-emoji{font-size:56px;display:block;margin-bottom:16px}.food-card h3{font-size:24px;font-weight:900;margin-bottom:8px;text-transform:uppercase;letter-spacing:-.5px}.food-card>p{font-size:15px;color:var(--text-light);margin-bottom:20px;line-height:1.5}.quick-amounts{display:flex;gap:8px;justify-content:center;margin-bottom:18px;flex-wrap:wrap}.quick-amount{padding:10px 18px;border-radius:var(--radius-sm);background:var(--bg);border:var(--border);color:var(--text);font-family:var(--font);font-size:14px;font-weight:800;cursor:pointer;transition:all .15s;box-shadow:3px 3px 0 var(--black)}.quick-amount:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--black)}.quick-amount.active{background:var(--orange);transform:translate(2px,2px);box-shadow:1px 1px 0 var(--black)}.food-amount-input{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:20px}.food-amount-input .currency-label{font-size:24px;font-weight:900;color:var(--black)}.food-amount-input input{width:130px;padding:14px 16px;background:var(--bg);border:var(--border);border-radius:var(--radius-sm);color:var(--black);font-family:var(--font);font-size:22px;font-weight:800;text-align:center;outline:none;box-shadow:var(--shadow-sm);transition:all .15s}.food-amount-input input:focus{box-shadow:var(--shadow);transform:translate(-2px,-2px);background:var(--yellow)}.food-amount-input input::placeholder{color:var(--text-muted);font-weight:500;font-size:14px}.send-page,.receive-page{padding-top:30px}.page-title{font-size:36px;font-weight:900;margin-bottom:8px;letter-spacing:-1.5px;text-transform:uppercase;color:var(--black)}.page-subtitle{font-size:15px;color:var(--text-light);margin-bottom:32px}.drop-zone{border:3px dashed var(--black);border-radius:var(--radius);padding:56px 24px;text-align:center;cursor:pointer;transition:all .15s;margin-bottom:24px;background:var(--card)}.drop-zone:hover{background:var(--sky);transform:translate(-2px,-2px);box-shadow:var(--shadow)}.drop-zone.drag-over{background:var(--lime);border-style:solid;transform:translate(-2px,-2px);box-shadow:var(--shadow)}.drop-zone-icon{font-size:56px;margin-bottom:14px;display:block}.drop-zone h3{font-size:18px;font-weight:800;margin-bottom:6px;text-transform:uppercase}.drop-zone p{font-size:14px;color:var(--text-muted)}.file-list{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.file-item{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--card);border-radius:var(--radius-sm);border:var(--border);box-shadow:var(--shadow-sm);transition:all .15s}.file-item:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--black)}.file-icon{font-size:30px}.file-info{flex:1;min-width:0}.file-name{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:12px;color:var(--text-muted)}.file-remove{background:var(--coral);border:2px solid var(--black);color:var(--black);cursor:pointer;padding:6px 12px;border-radius:8px;font-size:14px;font-weight:800;transition:all .15s;box-shadow:2px 2px 0 var(--black)}.file-remove:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--black)}.qr-section{text-align:center;padding:32px 24px;background:var(--card);border-radius:var(--radius);border:var(--border-thick);box-shadow:var(--shadow);margin-bottom:24px}.qr-section h3{font-size:20px;font-weight:900;margin-bottom:6px;text-transform:uppercase;letter-spacing:-.5px}.qr-section p{font-size:14px;color:var(--text-light);margin-bottom:24px}.qr-image-wrapper{display:inline-block;padding:0;margin-bottom:24px;border:var(--border-thick);border-radius:18px;box-shadow:8px 8px 0 var(--black);overflow:hidden;transition:all .15s}.qr-image-wrapper:hover{transform:translate(-3px,-3px) rotate(-1deg);box-shadow:11px 11px 0 var(--black)}.qr-image-wrapper canvas,.qr-image-wrapper img{display:block;width:260px;height:260px}.qr-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.qr-actions .btn{font-size:14px;padding:12px 22px}.glass-glow{background:var(--card);border:var(--border-thick);border-radius:var(--radius);box-shadow:var(--shadow)}.connection-status{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;border-radius:var(--radius-sm);margin-bottom:20px;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;border:var(--border);box-shadow:var(--shadow-sm)}.status-waiting{background:var(--yellow);color:var(--black)}.status-connected{background:var(--mint);color:var(--black)}.status-error{background:var(--coral);color:var(--black)}.status-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--black);animation:blink 1s step-end infinite}.status-waiting .status-dot{background:var(--orange)}.status-connected .status-dot{background:var(--lime)}.status-error .status-dot{background:red}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.scan-options{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.scan-option{padding:28px;background:var(--card);border-radius:var(--radius);border:var(--border);box-shadow:var(--shadow);text-align:center;cursor:pointer;transition:all .15s}.scan-option:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-hover)}.scan-option:nth-child(1):hover{background:var(--sky)}.scan-option:nth-child(2):hover{background:var(--purple)}.scan-option-icon{font-size:44px;margin-bottom:12px;display:block}.scan-option h3{font-size:17px;font-weight:800;margin-bottom:4px;text-transform:uppercase}.scan-option p{font-size:13px;color:var(--text-muted)}.camera-scanner{position:relative;width:100%;max-width:380px;margin:0 auto 24px;border-radius:var(--radius);overflow:hidden;background:#000;aspect-ratio:1;border:var(--border-thick);box-shadow:var(--shadow)}.camera-scanner video{width:100%;height:100%;object-fit:cover}.scanner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.scanner-frame{width:220px;height:220px;border:4px solid var(--lime);border-radius:20px;box-shadow:0 0 0 9999px #0009}.scanner-frame.circular{border-radius:50%;border:4px dashed var(--lime);animation:rotateScan 4s linear infinite}@keyframes rotateScan{to{transform:rotate(360deg)}}.transfer-section{padding:24px;background:var(--card);border-radius:var(--radius);border:var(--border);box-shadow:var(--shadow);margin-bottom:20px}.glass{background:var(--card);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.transfer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.transfer-header h3{font-size:15px;font-weight:800;text-transform:uppercase}.transfer-header span{font-size:18px;font-weight:900;color:var(--blue);background:var(--sky);padding:4px 12px;border-radius:8px;border:2px solid var(--black)}.progress-bar-container{width:100%;height:14px;background:var(--bg);border-radius:7px;border:2px solid var(--black);overflow:hidden;margin-bottom:14px}.progress-bar{height:100%;background:repeating-linear-gradient(-45deg,var(--lime),var(--lime) 10px,var(--mint) 10px,var(--mint) 20px);background-size:28px 28px;border-radius:5px;transition:width .3s ease;animation:barberpole 1s linear infinite}@keyframes barberpole{0%{background-position:0 0}to{background-position:28px 0}}.transfer-details{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase}.received-files{display:flex;flex-direction:column;gap:12px;margin-top:20px}.received-file{display:flex;align-items:center;gap:14px;padding:16px;background:var(--card);border-radius:var(--radius-sm);border:var(--border);box-shadow:var(--shadow-sm);transition:all .15s}.received-file:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--black)}.received-file .file-info{flex:1}.download-btn{background:var(--lime);color:var(--black);border:var(--border);padding:10px 18px;border-radius:10px;font-family:var(--font);font-size:13px;font-weight:800;cursor:pointer;transition:all .15s;white-space:nowrap;box-shadow:3px 3px 0 var(--black);text-transform:uppercase}.download-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--black);background:var(--mint)}.spinner{width:28px;height:28px;border:4px solid var(--bg);border-top:4px solid var(--black);border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{display:flex;align-items:center;gap:14px;justify-content:center;color:var(--text-light);font-size:15px;font-weight:700;padding:24px;text-transform:uppercase}.complete-section{text-align:center;padding:48px 20px}.complete-icon{font-size:80px;margin-bottom:16px;display:block;animation:popIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{0%{transform:scale(0) rotate(-30deg)}to{transform:scale(1) rotate(0)}}.complete-section h2{font-size:28px;font-weight:900;margin-bottom:8px;text-transform:uppercase;letter-spacing:-1px;color:var(--black)}.complete-section p{color:var(--text-light);margin-bottom:28px;line-height:1.5}.circular-code-wrapper{display:inline-block;margin-bottom:24px;border:var(--border-thick);border-radius:50%;box-shadow:8px 8px 0 var(--black);overflow:hidden;transition:all .2s;line-height:0}.circular-code-wrapper:hover{transform:translate(-3px,-3px) rotate(3deg);box-shadow:11px 11px 0 var(--black)}.circular-code-wrapper img{display:block;width:280px;height:280px}.tunnel-code-display{background:var(--black);border:var(--border-thick);border-radius:16px;padding:20px 24px;margin-bottom:24px;cursor:pointer;transition:all .15s;box-shadow:var(--shadow);text-align:center}.tunnel-code-display:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hover)}.tunnel-code-display:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--black)}.tunnel-code-text{display:block;font-size:32px;font-weight:900;font-family:Courier New,monospace;color:var(--lime);letter-spacing:4px;margin-bottom:6px}.tunnel-code-copy{display:block;font-size:11px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:1px}.code-entry-section{background:var(--card);border:var(--border-thick);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px 24px;text-align:center}.code-entry-label{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:16px}.code-entry-input{width:100%;max-width:320px;padding:18px 20px;background:var(--bg);border:var(--border-thick);border-radius:14px;color:var(--black);font-family:Courier New,monospace;font-size:28px;font-weight:900;text-align:center;letter-spacing:4px;outline:none;box-shadow:var(--shadow-sm);transition:all .15s;text-transform:uppercase}.code-entry-input:focus{box-shadow:var(--shadow);transform:translate(-2px,-2px);border-color:var(--lime);background:var(--yellow)}.code-entry-input::placeholder{color:#bbb;font-weight:500;letter-spacing:2px;font-size:22px}.chat-box{max-height:200px;overflow-y:auto;padding:14px;background:var(--card);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:12px;display:flex;flex-direction:column;gap:8px}.chat-msg{padding:10px 14px;border-radius:12px;font-size:14px;font-weight:600;max-width:80%;word-break:break-word;border:2px solid var(--black)}.chat-me{background:var(--lime);color:var(--black);align-self:flex-end;box-shadow:2px 2px 0 var(--black)}.chat-peer{background:var(--sky);color:var(--black);align-self:flex-start;box-shadow:2px 2px 0 var(--black)}.chat-input-row{display:flex;gap:8px;margin-bottom:16px}.chat-input{flex:1;padding:14px 16px;background:var(--card);border:var(--border);border-radius:var(--radius-sm);font-family:var(--font);font-size:15px;font-weight:600;color:var(--black);outline:none;box-shadow:var(--shadow-sm);transition:all .15s}.chat-input:focus{box-shadow:var(--shadow);transform:translate(-1px,-1px)}.chat-input::placeholder{color:#bbb}.footer-badge{text-align:center;padding:24px;font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}@media (max-width: 480px){.home-hero h1{font-size:36px;letter-spacing:-2px}.home-actions{flex-direction:column;padding:0}.features{grid-template-columns:1fr}.header-logo-text{font-size:20px}.header-nav a{padding:8px 12px;font-size:12px}.qr-image-wrapper canvas,.qr-image-wrapper img{width:220px;height:220px}.page-title{font-size:28px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .35s ease-out forwards}