:root{font-family:Geist,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fffffff2;background-color:#282833;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .5);--bg-primary: #282833;--bg-secondary: rgba(30, 30, 40, .7);--accent-primary: #7c3aed;--accent-hover: #6d28d9}*{margin:0;padding:0;box-sizing:border-box;font-family:inherit}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}html{background-color:#282833;font-family:Geist,system-ui,Avenir,Helvetica,Arial,sans-serif}body{display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#282833;scrollbar-width:none;font-family:inherit}body::-webkit-scrollbar{display:none}#root{max-width:424px;width:100%;height:100vh;margin:0 auto;padding:1rem;text-align:center;position:relative;background-color:#282833;color:var(--text-primary)}.app-container{display:flex;flex-direction:column;height:100%;position:relative;background-color:#282833}.wrong-chain-warning{background-color:#ef444433;border:1px solid rgba(239,68,68,.5);border-radius:12px;padding:1.5rem;margin:2rem 0;text-align:center;box-shadow:0 4px 6px -1px #0000001a;animation:fadeIn .3s ease-out}.wrong-chain-warning h2{color:#ef4444;margin-bottom:.5rem}.switch-network-button{background-color:#ef4444;color:#fff;border:none;border-radius:8px;padding:.8rem 1.5rem;margin-top:1rem;font-weight:600;transition:all .2s ease}.switch-network-button:hover{background-color:#dc2626;transform:translateY(-2px);box-shadow:0 5px 15px #ef444466}.top-nav{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem .5rem;position:fixed;top:0;left:0;z-index:100;background-color:#282833f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:80px}.app-header{z-index:10;display:flex;justify-content:flex-end}.logo-container{display:flex;justify-content:flex-start;align-items:center}.app-logo{width:60px;height:60px;object-fit:contain;border-radius:50%}h1,h3{font-size:2rem;line-height:1.1;margin-top:1rem;color:#4f46e5}h3{display:block;font-size:1.2rem;margin-bottom:1rem;color:#e5e7eb}.welcome-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;background-color:#282833;position:fixed;top:0;left:0;z-index:100;padding:0 1rem}.welcome-title{font-size:3.5rem;font-weight:700;color:#fff;margin-bottom:1rem;letter-spacing:-.5px}.welcome-tagline{font-size:1.2rem;color:#a8a8b3;margin:0 0 .5rem;line-height:1.5;font-weight:400;max-width:280px;text-align:center}.welcome-description{font-size:.9rem;color:#64646f;margin:0 0 3rem;line-height:1.4;font-weight:400;max-width:280px;text-align:center;font-style:italic}.welcome-cta{margin-top:1rem;width:100%}.connect-wallet-large{background-color:#fff;color:#1a1a24;font-size:1.1rem;font-weight:600;padding:1.2rem 3rem;border-radius:8px;border:none;width:auto;min-width:220px;cursor:pointer;transition:all .2s ease;margin-top:1rem;letter-spacing:.5px}.connect-wallet-large:hover{background-color:#f0f0f0;transform:translateY(-2px)}.connect-note{font-size:.8rem;color:#64646f;margin-top:1rem;opacity:.5}.workflow-section{width:100%;margin:1.5rem 0}.workflow-title{font-size:1.3rem;color:var(--text-primary);margin-bottom:1.5rem;font-weight:600;text-align:center}.workflow-steps{display:flex;flex-direction:column;gap:1rem;width:100%}.workflow-step{display:flex;align-items:flex-start;background:linear-gradient(135deg,#7c3aed1a,#4f46e50d);padding:1rem;border-radius:12px;border:1px solid rgba(124,58,237,.15);transition:all .2s ease}.workflow-step:hover{transform:translate(5px);border-color:#7c3aed4d;box-shadow:0 5px 15px #7c3aed26}.step-number{background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:1rem;flex-shrink:0}.step-content{flex:1}.step-content h4{margin:0 0 .3rem;color:var(--text-primary);font-size:1rem;font-weight:600}.step-content p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.4}h2{font-size:1.4rem;margin-bottom:1rem;color:#e5e7eb;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:all .25s ease}button:hover{border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 5px 15px #4f46e566}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.connect-container{display:flex;align-items:center;justify-content:center;height:100%}.connect-button{background-color:#4f46e5;color:#fff;font-size:.9rem;padding:.6em 1.2em;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.wallet-info{display:flex;flex-direction:row;align-items:center;gap:.5rem;padding:.5rem 0;background-color:transparent;border:none;margin-right:.5rem;justify-content:flex-end;width:100%}.wallet-address{font-family:monospace;font-size:.8rem;color:#e5e7eb;text-decoration:none;transition:all .2s ease;background-color:#37415180;padding:3px 8px;border-radius:8px;border:1px solid transparent;display:inline-block}.wallet-address:hover{background-color:#374151cc;border-color:#fff3;transform:translateY(-1px)}.wallet-network{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:#e5e7eb;padding:2px 8px;border-radius:12px;background-color:#1f2937cc;border:1px solid rgba(255,255,255,.1)}.network-indicator{width:8px;height:8px;border-radius:50%;display:inline-block}.network-indicator.green{background-color:#10b981;box-shadow:0 0 5px #10b981b3}.network-indicator.red{background-color:#ef4444;box-shadow:0 0 5px #ef4444b3}.wallet-balances{display:flex;flex-direction:row;gap:.4rem;align-items:center}.wallet-eth{font-size:.75rem;color:#4f46e5;font-weight:600;background-color:#4f46e51a;padding:2px 8px;border-radius:12px;border:1px solid rgba(79,70,229,.2);transition:all .2s ease;cursor:pointer;display:inline-block;text-align:center}.wallet-eth:hover{background-color:#4f46e533;border-color:#4f46e566;transform:translateY(-1px)}.wallet-usdc{font-size:.75rem;color:#10b981;font-weight:600;padding:2px 8px;border-radius:12px;background-color:#10b9811a;border:1px solid rgba(16,185,129,.2);text-decoration:none;transition:all .2s ease;display:inline-block}.stream-container{display:flex;flex-direction:column;gap:1.5rem;height:calc(100% - 60px);overflow-y:auto;padding:80px 1rem;scrollbar-width:none;margin-top:0;position:relative}.stream-container::-webkit-scrollbar{display:none}.app-footer{position:fixed;bottom:0;left:0;width:100%;text-align:center;padding:6px 0;opacity:.5;transition:opacity .3s ease;z-index:10;pointer-events:none;background:linear-gradient(to top,rgba(40,40,51,.9),rgba(40,40,51,.4),transparent);height:auto;display:flex;flex-direction:column;align-items:center;gap:6px}.app-footer:hover{opacity:.98}.get-test-tokens-link,.get-testnet-tokens-link{background:none;border:none;font-size:.7rem;color:#9ca3af;text-decoration:underline;padding:4px 8px;cursor:pointer;opacity:.9;transition:all .2s ease;pointer-events:auto;margin-bottom:6px;display:flex;align-items:center;gap:4px}.get-test-tokens-link:hover,.get-testnet-tokens-link:hover{opacity:1;color:#d1d5db;text-decoration:underline}.get-test-tokens-link:disabled,.get-testnet-tokens-link:disabled{opacity:.3;cursor:default}.switch-wallet-button{background:none;border:none;font-size:.7rem;color:#9ca3af;text-decoration:underline;padding:4px 8px;cursor:pointer;opacity:.7;transition:all .2s ease;pointer-events:auto;margin-bottom:6px}.switch-wallet-button:hover{opacity:1;color:#d1d5db;text-decoration:underline}.footer-left,.footer-right{display:flex;align-items:center}.testnet-tokens-container{display:flex;justify-content:center;margin-bottom:1rem}.get-testnet-tokens-prominent{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #10b98133;text-decoration:none}.get-testnet-tokens-prominent:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d;background:linear-gradient(135deg,#059669,#047857)}.get-testnet-tokens-prominent:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #10b9811a}.get-testnet-tokens-prominent:disabled:hover{transform:none;box-shadow:0 2px 8px #10b9811a}.yap-progress-fill.eligible{background:linear-gradient(90deg,#fbbf24,#f59e0b);z-index:1}.yap-progress-fill.claimed{background:linear-gradient(90deg,#10b981,#059669);z-index:2}.yap-modal-progress-fill.eligible{background:linear-gradient(90deg,#fbbf24,#f59e0b);z-index:1}.yap-modal-progress-fill.claimed{background:linear-gradient(90deg,#10b981,#059669);z-index:2}.yap-modal-eligible{color:#f59e0b;font-size:.8rem;font-weight:500}.yap-claim-info{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:1rem;margin-bottom:1rem;text-align:center}.yap-claim-info p{margin:0 0 .5rem;color:#93c5fd;font-size:.9rem}.yap-claim-info p:last-child{margin-bottom:0}.claim-photo-op{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;text-align:center;max-width:500px;margin:0 auto;box-shadow:0 20px 40px #0000004d}.photo-op-logo{margin-bottom:1.5rem}.photo-op-logo img{width:60px;height:60px;border-radius:12px}.photo-op-profiles{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.profile-pic{display:flex;flex-direction:column;align-items:center;gap:.5rem}.profile-pic img{width:80px;height:80px;border-radius:50%;border:4px solid white;box-shadow:0 8px 20px #0003}.profile-label{font-size:.9rem;font-weight:600;color:#ffffffe6}.profile-connector{font-size:2rem;font-weight:700;color:#fffc;margin:0 .5rem}.photo-op-message{margin-bottom:1.5rem}.photo-op-title{font-size:1.4rem;font-weight:700;line-height:1.3;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);margin:0}.photo-op-amount{margin-bottom:1rem}.amount-badge{background:#10b981e6;color:#fff;padding:.75rem 1.5rem;border-radius:50px;font-size:1.1rem;font-weight:700;box-shadow:0 4px 12px #10b9814d}@media (max-width: 640px){.photo-op-title{font-size:1.2rem}.profile-pic img{width:60px;height:60px}.photo-op-logo img{width:50px;height:50px}.profile-connector{font-size:1.5rem}}.received-yap-card.fully-claimed{opacity:.5;background-color:#28283380}.received-yap-card.fully-claimed .yap-sender-name,.received-yap-card.fully-claimed .yap-timestamp,.received-yap-card.fully-claimed .yap-duration{color:#fff6}.received-yap-card.fully-claimed .profile-avatar img{opacity:.6;filter:grayscale(30%)}.received-yap-card.fully-claimed .yap-play-amount{background:#64646499;color:#ffffffb3}.received-yap-card.fully-claimed .yap-progress-fill.claimed{background:#64646499}.received-yap-card.fully-claimed:hover{background-color:#282833b3;transform:none}.audio-preview.no-download::-webkit-media-controls-overflow-button,.yap-audio-player.no-download::-webkit-media-controls-overflow-button{display:none!important}.audio-preview.no-download::-webkit-media-controls-timeline,.yap-audio-player.no-download::-webkit-media-controls-timeline{pointer-events:none}.mint-button{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;font-size:14px;transition:background-color .2s}.mint-button:hover{background:linear-gradient(135deg,#4338ca,#6d28d9)}.mint-button:disabled{background-color:#6b7280;cursor:not-allowed}.streamcast-selector{margin-bottom:15px}.streamcast-selector select{padding:8px;border-radius:8px;background-color:#1f293780;color:#fff;border:1px solid rgba(255,255,255,.1);width:100%}.no-streamcast-warning{background-color:#ef44444d;color:#fff;padding:10px;border-radius:8px;margin:10px 0;text-align:center;border:1px solid rgba(239,68,68,.5)}.homepage-container{display:flex;flex-direction:column;padding-top:0}.homepage-container::-webkit-scrollbar{display:none}.profiles-container{display:flex;flex-direction:column;margin-top:0;text-align:left}.stream-header{font-size:.9rem;color:var(--text-secondary);margin-bottom:.8rem;padding-left:.2rem;font-weight:500;display:flex;align-items:center;gap:0}.search-container{margin-bottom:1rem;width:100%}.search-input{width:100%;padding:.75rem 1rem;background-color:#33333c;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);font-size:.9rem;font-family:inherit;transition:all .2s ease;outline:none}.search-input::placeholder{color:var(--text-tertiary);font-size:.9rem}.search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #7c3aed1a;background-color:#282837cc}.search-input:hover{border-color:#fff3}.search-input.address-detected{border-color:#10b981;box-shadow:0 0 0 2px #10b9811a;background-color:#10b9810d}.address-indicator{margin-top:.5rem;padding:.5rem .75rem;background-color:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;color:#10b981;font-size:.85rem;text-align:center;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.stream-header-single{margin-bottom:.8rem;padding-left:.2rem;text-align:left}.stream-title{font-size:1.1rem;color:var(--text-primary);font-weight:600}.notification-badge{display:inline-flex;align-items:center;justify-content:center;background-color:#ef4444;color:#fff;font-size:.65rem;font-weight:700;width:14px;height:14px;border-radius:50%;padding:0;line-height:1;margin-left:0;box-shadow:0 1px 3px #ef44444d;animation:pulse-subtle 1.5s infinite;position:relative;top:-5px;right:-1px}@keyframes pulse-subtle{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.profiles-list{display:flex;flex-direction:column;gap:.8rem}.profiles-list::-webkit-scrollbar{display:none}.loading-profiles{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:#9ca3af}.no-results{display:flex;align-items:center;justify-content:center;padding:2rem;color:#9ca3af;text-align:center}.onboarding-nux{background:#1c212a;border:1px solid rgba(124,58,237,.2);border-radius:12px;padding:1rem;margin-bottom:1rem;position:relative;animation:fadeIn .3s ease-out;transform:translateY(0);opacity:1;transition:all .3s ease-out;overflow:hidden;max-height:200px}.onboarding-nux.animating-out{animation:nuxFadeOut .3s ease-out forwards}.nux-close-button{position:absolute;top:8px;right:8px;background:#ffffff1a;color:var(--text-secondary);border:none;width:24px;height:24px;border-radius:50%;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;line-height:1}.nux-close-button:hover{background:#fff3;color:var(--text-primary);transform:scale(1.1)}.nux-content{padding-right:2rem}.nux-content p{color:var(--text-primary);font-size:.9rem;line-height:1.4;margin:0}.received-yaps-container{display:flex;flex-direction:column;margin-top:1rem;text-align:left}.received-yaps-list{display:flex;flex-direction:column;gap:.8rem;overflow-y:auto;flex:1;scrollbar-width:none}.received-yaps-list::-webkit-scrollbar{display:none}.received-yap-card{background-color:var(--bg-secondary);border-radius:12px;padding:.8rem;border:1px solid rgba(255,255,255,.05);transition:all .2s ease;margin-bottom:.5rem;position:relative}.received-yap-card:hover{transform:translateY(-2px);border-color:#7c3aed4d;box-shadow:0 5px 15px #7c3aed26}.received-yap-card.unread{background:linear-gradient(to right,rgba(239,68,68,.1),var(--bg-secondary) 80%);border-left:3px solid #ef4444}.received-yap-card.unread:before{content:"";position:absolute;top:.5rem;left:-3px;width:6px;height:6px;border-radius:50%;background-color:#ef4444;box-shadow:0 0 4px #ef4444}.yap-sender-info{display:flex;align-items:center;gap:.8rem;width:100%}.profile-avatar.small{width:40px;height:40px;min-width:40px}.yap-info{flex:1}.yap-sender-name{font-weight:700;font-size:.9rem;color:var(--text-primary)}.yap-timestamp{font-size:.75rem;color:var(--text-tertiary)}.yap-duration{font-size:.75rem;color:var(--text-secondary);margin-top:.1rem}.yap-progress-container{margin-top:.4rem;width:100%}.yap-progress-bar{height:4px;background-color:#ffffff1a;border-radius:2px;overflow:hidden;width:100%;margin-bottom:3px}.yap-progress-fill{height:100%;background-color:#10b981;border-radius:2px}.yap-progress-text{font-size:.7rem;color:#10b981;font-weight:500}.yap-right{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;margin-left:.5rem}.yap-amount{font-weight:700;color:#10b981;font-size:1rem}.yap-play-button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background-color:var(--accent-primary);color:#fff;font-size:.8rem;border:none;cursor:pointer;transition:all .2s ease;padding:0;min-width:30px;position:relative;overflow:visible}.yap-play-button.large{width:46px;height:46px;font-size:1rem;min-width:46px}.yap-play-icon{position:relative;z-index:2}.yap-play-amount{position:absolute;bottom:-7px;right:-7px;background-color:#10b981;color:#fff;font-weight:700;font-size:.7rem;padding:2px 6px;border-radius:10px;box-shadow:0 1px 3px #0000004d;z-index:3;border:1px solid rgba(255,255,255,.2)}.yap-play-button:hover{background-color:var(--accent-hover);transform:scale(1.05);box-shadow:0 0 10px #7c3aed4d}.yap-play-button:hover .yap-play-amount{transform:scale(1.1);background-color:#059669}.yap-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-out}.yap-modal-content{background-color:var(--bg-primary);border-radius:16px;width:90%;max-width:400px;box-shadow:0 10px 25px #00000080;position:relative;padding:1.5rem;border:1px solid rgba(124,58,237,.3);display:flex;flex-direction:column;gap:1rem;animation:scaleIn .3s ease-out}.yap-modal-close{position:absolute;top:10px;right:10px;background-color:#374151b3;color:#fff;border:none;width:30px;height:30px;border-radius:50%;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .2s ease;z-index:10}.yap-modal-close:hover{background-color:#ef4444cc;transform:scale(1.1)}.yap-modal-header{display:flex;align-items:center;gap:1rem}.yap-modal-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;border:2px solid var(--accent-primary)}.yap-modal-avatar img{width:100%;height:100%;object-fit:cover}.yap-modal-info{flex:1}.yap-modal-sender{font-size:1.2rem;font-weight:700;margin:0;color:var(--text-primary)}.yap-modal-date{font-size:.8rem;color:var(--text-tertiary);margin:.3rem 0 0}.yap-modal-details{display:flex;justify-content:space-between;padding:1rem 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);margin:.5rem 0;align-items:center}.yap-modal-reward{display:flex;flex-direction:column;align-items:flex-start}.yap-modal-reward-label{font-size:.8rem;color:var(--text-secondary);margin-bottom:.2rem}.yap-modal-amounts{display:flex;flex-direction:column;align-items:flex-start}.yap-modal-amount{font-size:1.8rem;font-weight:700;color:#10b981;text-shadow:0 1px 2px rgba(0,0,0,.2)}.yap-modal-claimed{font-size:.8rem;color:#10b981;font-weight:500;margin-top:.2rem}.yap-modal-progress{margin-top:.5rem;width:100%;padding:0 .5rem}.yap-modal-progress-bar{height:6px;background-color:#ffffff1a;border-radius:3px;overflow:hidden;width:100%;margin-bottom:8px;position:relative}.yap-modal-progress-fill{height:100%;background-color:#10b981;border-radius:3px;transition:width .3s ease}.yap-segment-marker{position:absolute;width:2px;height:6px;background-color:#ffffff4d;top:0;z-index:2}.yap-segment-marker.passed{background-color:#10b981}.yap-modal-progress-text{font-size:.75rem;color:var(--text-secondary);text-align:center}.yap-seeking-disabled{font-size:.7rem;color:#f59e0b;text-align:center;margin-top:5px}.yap-modal-actions{display:flex;justify-content:center;margin-top:1rem;width:100%}.yap-modal-buttons{display:flex;justify-content:space-between;width:100%;gap:10px}.yap-warpcast-button{background-color:#8b5cf6;color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:flex;align-items:center;gap:6px;flex:1;justify-content:center}.warpcast-icon{font-size:1rem}.yap-warpcast-button:hover{background-color:#7c3aed;transform:translateY(-2px);box-shadow:0 4px 6px -1px #8b5cf64d}.yap-discard-button{background-color:#ef4444;color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1}.yap-discard-button:hover{background-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 6px -1px #ef44444d}.yap-modal-duration{font-size:1rem;color:var(--text-secondary);display:flex;align-items:center}.yap-modal-audio{width:100%}.yap-audio-player{width:100%;height:40px;border-radius:20px;background-color:var(--bg-secondary)}.explainer-footer{padding:1rem;background-color:#1f293780;border-radius:12px;border:1px solid rgba(255,255,255,.05);text-align:left;max-width:90%;width:380px;margin:0 auto;pointer-events:auto}.explainer-footer h3{font-size:1rem;margin-bottom:.5rem;color:#e5e7eb;font-weight:600}.explainer-footer p{font-size:.9rem;color:#9ca3af;line-height:1.4}.profile-card{display:flex;align-items:center;gap:1rem;background-color:var(--bg-secondary);padding:.8rem;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;border:1px solid rgba(255,255,255,.05);width:100%}.profile-card:hover{background-color:#282837cc;transform:translateY(-2px);box-shadow:0 5px 15px #7c3aed26;border-color:#7c3aed4d}.profile-card.loading{opacity:.7;cursor:wait}.profile-card:disabled{opacity:.6;cursor:wait;transform:none;box-shadow:none}.profile-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background-color:#374151;border:2px solid rgba(79,70,229,.6)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-info{flex:1}.profile-name{font-weight:700;font-size:1rem;color:var(--text-primary)}.profile-handle{font-size:.8rem;color:var(--text-tertiary)}.send-stream-container{display:flex;flex-direction:column;gap:1.5rem;margin-top:auto;margin-bottom:auto}.selected-profile{display:flex;flex-direction:column;background-color:var(--bg-secondary);padding:1rem 1.2rem;border-radius:12px;position:relative;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;width:100%}.selected-profile.with-player{padding:1.2rem 1.2rem 1.8rem;min-height:220px}.profile-header{display:flex;align-items:center;gap:1rem;width:100%}.selected-profile img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid rgba(124,58,237,.6);flex-shrink:0}.profile-details{text-align:left;flex:1;display:flex;flex-direction:column;gap:.2rem}.embedded-player{margin-top:1.4rem;width:100%;padding:0 .5rem}.embedded-player .audio-preview{width:100%;height:40px;border-radius:20px}.embedded-actions{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:1.2rem;width:100%;padding:0 1rem;transition:all .25s cubic-bezier(.4,0,.2,1);opacity:1;height:auto;visibility:visible}.embedded-actions.hide-buttons{opacity:0;height:0;margin-top:0;visibility:hidden;pointer-events:none;position:absolute}.amount-selection-embedded{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1.2rem;width:100%;opacity:0;height:0;visibility:hidden;pointer-events:none;transition:all .25s cubic-bezier(.4,0,.2,1);padding:0 .8rem;position:absolute}.amount-selection-embedded.show-amount{opacity:1;height:auto;visibility:visible;pointer-events:all;position:static}.amount-options-embedded{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;width:100%}.amount-options-embedded .amount-option-btn{min-width:60px;flex:1;max-width:80px;box-shadow:0 2px 5px #0000001a}.amount-options-embedded .amount-option-btn.custom-btn{background-color:#7c3aed1a;color:var(--accent-primary);border:1px solid rgba(124,58,237,.3)}.amount-options-embedded .amount-option-btn.custom-btn:hover,.amount-options-embedded .amount-option-btn.custom-btn.active{background-color:#7c3aed33;border-color:var(--accent-primary)}.send-button{margin-top:.5rem}.compact{font-size:.8rem;padding:.5em .9em;height:34px;min-width:100px}.back-button{position:absolute;top:10px;right:10px;background-color:#37415199;color:#fff;border:1px solid rgba(255,255,255,.1);font-size:1rem;width:28px;height:28px;border-radius:50%;padding:0;display:flex;justify-content:center;align-items:center;z-index:10;transition:all .2s ease}.back-button:hover{background-color:#4f46e54d;border-color:#4f46e54d;transform:translateY(-1px)}.amount-selection{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.amount-label{font-size:1rem;font-weight:600;color:var(--text-primary);text-align:left}.amount-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.amount-option-btn{padding:.6rem .8rem;border-radius:10px;font-size:.9rem;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.amount-option-btn.compact{font-size:.85rem;padding:.45em .8em;border-radius:8px;min-width:auto;height:32px;width:60px}.amount-option-btn:hover{background-color:#282837cc;border-color:#7c3aed4d}.amount-option-btn.active{background-color:#7c3aed4d;border-color:var(--accent-primary);box-shadow:0 0 0 1px #7c3aed80}.custom-amount-input{display:flex;align-items:center;background-color:var(--bg-secondary);border-radius:10px;border:1px solid rgba(255,255,255,.1);padding:.5rem;margin-top:.5rem;position:relative}.custom-amount-input.compact{margin-top:.8rem;width:100%;border-radius:8px;border:1px solid var(--accent-primary);background-color:#7c3aed1a;padding:.3rem .5rem}.custom-amount-input input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:1rem;padding:.3rem .5rem;width:100%}.custom-amount-input.compact input{font-size:.9rem;padding:.3rem}.custom-amount-input input:focus{outline:none}.currency-label{font-size:.9rem;color:var(--text-tertiary);padding:0 .5rem}.custom-amount-input.compact .currency-label{font-size:.85rem;color:var(--accent-primary)}.recording-container{display:flex;flex-direction:column;height:100%;padding:0;margin:0}.recording-content{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:1rem 0}.recording-user-info{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;gap:.8rem}.recording-info-text{font-size:.85rem;color:var(--text-tertiary);font-weight:400;text-align:center}.recording-user-avatar{width:70px;height:70px;border-radius:50%;overflow:hidden;border:2px solid var(--accent-primary);box-shadow:0 4px 12px #7c3aed33}.recording-user-avatar img{width:100%;height:100%;object-fit:cover}.recording-user-handle{font-size:1.1rem;color:var(--text-primary);font-weight:600;text-align:center}.recording-user-address{display:flex;align-items:center;justify-content:center;margin-top:.5rem;font-size:.75rem;color:var(--text-secondary);font-family:Courier New,monospace;text-align:center}.recording-user-address.clickable{cursor:pointer;transition:color .2s ease}.recording-user-address.clickable:hover{color:var(--text-primary)}.recording-center{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:1.5rem;margin:1rem 0}.recording-time-pill{width:75px;height:24px;background-color:#303038;color:#85858a;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.5px}.record-button-container{position:relative;display:flex;align-items:center;justify-content:center}.record-button-main{width:80px;height:80px;border-radius:50%;border:none;background:transparent;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative;padding:0}.record-button-image{width:100%;height:100%;object-fit:contain}.record-button-main:hover{transform:scale(1.05)}.record-button-main:active{transform:scale(.95)}.record-button-main.recording{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 8px 25px #6b72804d;animation:recording-pulse 2s infinite;width:80px;height:80px}.record-button-main.recording:hover{box-shadow:0 12px 30px #6b728066}@keyframes recording-pulse{0%,to{transform:scale(1);box-shadow:0 8px 25px #ef44444d}50%{transform:scale(1.02);box-shadow:0 12px 35px #ef444480}}.record-button-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%}.record-icon{font-size:2.5rem;color:#fff;line-height:1}.stop-icon{font-size:1.8rem;color:#fff;line-height:1}.recording-action-label{font-size:.95rem;color:var(--text-secondary);text-align:center;font-weight:500;margin-top:.5rem}.recording-tip{font-size:.85rem;color:var(--text-tertiary);text-align:center;margin:0;padding:0 1rem 1rem}.review-screen-container{display:flex;flex-direction:column;height:100%;padding:1rem 0 0;position:relative}.review-user-info{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;gap:.8rem}.review-info-text{font-size:.85rem;color:var(--text-tertiary);font-weight:400;text-align:center}.review-user-avatar{width:70px;height:70px;border-radius:50%;overflow:hidden;border:2px solid var(--accent-primary);box-shadow:0 4px 12px #7c3aed33}.review-user-avatar img{width:100%;height:100%;object-fit:cover}.review-user-handle{font-size:1.1rem;color:var(--text-primary);font-weight:600;text-align:center}.review-user-address{display:flex;align-items:center;justify-content:center;margin-top:.5rem;font-size:.75rem;color:var(--text-secondary);font-family:Courier New,monospace;text-align:center}.review-user-address.clickable{cursor:pointer;transition:color .2s ease}.review-user-address.clickable:hover{color:var(--text-primary)}.review-audio-container{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem 0 140px}.review-actions-container{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column;gap:.75rem;width:100%;padding:1rem;background-color:var(--bg-primary);z-index:40;max-width:424px;margin:0 auto}.review-continue-button{width:100%;padding:1rem;background-color:#3d29cc;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.review-continue-button:hover{background-color:#331fc2;transform:translateY(-1px)}.review-cancel-button{width:100%;padding:1rem;background-color:#1e1e25;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.review-cancel-button:hover{background-color:#28282f;transform:translateY(-1px)}.tipping-screen-container{display:flex;flex-direction:column;height:100%;padding:1rem 0 0;position:relative}.tipping-header{padding:0 1rem;margin-bottom:2rem}.tipping-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;text-align:left}.tipping-description{font-size:.9rem;color:var(--text-secondary);line-height:1.4;margin:0;text-align:left}.tipping-amounts-container{flex:1;padding:0 1rem;margin-bottom:140px}.usdc-label{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.usdc-icon{width:20px;height:20px;object-fit:contain}.usdc-label span{font-size:.9rem;color:var(--text-tertiary);font-weight:500}.amount-display-container{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.current-amount-display{font-size:2rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;min-width:100px;text-align:center}.amount-control-btn{width:24px;height:24px;border-radius:12px;background-color:#343441;color:var(--text-primary);border:none;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.amount-control-btn:hover:not(:disabled){background-color:#7c3aed4d}.amount-control-btn:disabled{opacity:.5;cursor:not-allowed}.amount-grid{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem;justify-content:flex-start}.amount-grid .amount-option-btn{padding:.6rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;background-color:#343441;color:var(--text-primary);border:none;transition:all .2s ease;cursor:pointer;flex-shrink:0;min-width:0}.amount-grid .amount-option-btn:hover{background-color:#7c3aed4d}.amount-grid .amount-option-btn.active{background-color:#fff;color:#000}.custom-amount-section{display:flex;flex-direction:column;gap:.75rem}.custom-option{width:100%;padding:1rem 1.5rem;border-radius:25px;font-size:1rem;font-weight:600;background-color:#343441;color:var(--text-primary);border:none;transition:all .2s ease;cursor:pointer}.custom-option:hover{background-color:#7c3aed4d}.custom-option.active{background-color:#fff;color:#000}.custom-amount-input-container{width:100%}.custom-amount-input{display:flex;align-items:center;background-color:var(--bg-secondary);border-radius:12px;border:2px solid var(--accent-primary);padding:.75rem 1rem}.custom-amount-input input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:1rem;font-weight:600;padding:0;outline:none}.custom-amount-input .currency-label{font-size:1rem;color:var(--accent-primary);font-weight:600;margin-right:.5rem}.custom-amount-input input::placeholder{color:var(--text-tertiary);font-weight:400}.tipping-actions-container{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column;gap:.75rem;width:100%;padding:1rem;background-color:var(--bg-primary);z-index:40;max-width:424px;margin:0 auto}.tipping-confirm-button{width:100%;padding:1rem;background-color:#3d29cc;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.tipping-confirm-button:hover:not(:disabled){background-color:#331fc2;transform:translateY(-1px)}.tipping-confirm-button:disabled{background-color:#64646e;cursor:not-allowed;transform:none}.tipping-cancel-button{width:100%;padding:1rem;background-color:#19191f;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.tipping-cancel-button:hover{background-color:#232329;transform:translateY(-1px)}.re-record-button{background-color:#374151cc;color:#fff;display:flex;justify-content:center;align-items:center;gap:8px;padding:.9em 1.2em;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease;font-weight:500;font-size:1rem;min-width:160px;height:48px}.re-record-button:hover{background-color:#4f46e54d;border-color:#4f46e566;transform:translateY(-2px)}.re-record-button img{width:18px;height:18px}.re-record-button.compact img{width:16px;height:16px}.upload-status{background-color:#1f2937cc;border-radius:8px;padding:8px 12px;margin-bottom:10px;border:1px solid rgba(255,255,255,.1);animation:fadeIn .3s ease-out}.upload-status p{font-size:.9rem;color:#e5e7eb;margin:0}.error-message{background-color:#ef444433;border:1px solid rgba(239,68,68,.5);border-radius:8px;padding:10px 12px;margin-bottom:15px;width:100%;animation:fadeIn .3s ease-out}.error-message p{font-size:.85rem;color:#ef4444;margin:0 0 8px;text-align:center}.switch-network-button.small,.retry-button.small{font-size:.8rem;padding:5px 10px;margin:5px auto;display:block}.retry-button.small{background-color:#374151;color:#fff;border:none;border-radius:8px;transition:all .2s ease}.retry-button.small:hover{background-color:#4b5563;transform:translateY(-2px)}.debug-info{background-color:#0000001a;border:1px dashed rgba(255,255,255,.3);border-radius:4px;padding:8px;margin:10px 0;font-family:monospace;font-size:.7rem;text-align:left}.debug-info summary{cursor:pointer;color:#9ca3af}.debug-info div{margin:4px 0;color:#e5e7eb}.deploy-button{margin-top:10px;background-color:#10b981;color:#fff;font-size:.8rem;padding:6px 10px;border-radius:4px;border:none;width:100%}.deploy-button:hover{background-color:#059669}.deploy-button:disabled{background-color:#6b7280;cursor:not-allowed}.stream-button{background:linear-gradient(135deg,#7c3aed,#9333ea);color:#fff;font-size:1rem;padding:.9em 1.2em;margin-top:1rem;border-radius:12px;border:none;height:48px;box-shadow:0 4px 6px -1px #7c3aed33,0 2px 4px -1px #7c3aed1a;display:flex;align-items:center;justify-content:center;gap:8px}.stream-button.network-button{background:linear-gradient(135deg,#ef4444,#dc2626)}.stream-button.network-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.stream-button:hover{background:linear-gradient(135deg,#6d28d9,#7e22ce);box-shadow:0 10px 15px -3px #7c3aed40,0 4px 6px -2px #7c3aed26}.stream-button:disabled{background:#6b7280;cursor:not-allowed;transform:none;box-shadow:none;opacity:1}.button-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.continue-button{min-width:120px;margin-top:0}.re-record-button.compact{min-width:120px}.re-record-button.icon-only{min-width:48px;width:48px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%}.re-record-button.icon-only img{width:20px;height:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{display:inline-block;width:20px;height:20px;animation:spin 1s ease-in-out infinite;margin-right:10px;vertical-align:middle}.processing-button{display:flex;align-items:center;justify-content:center;gap:8px}.active-stream{margin-top:auto;display:flex;flex-direction:column;gap:1rem;background-color:#1f2937b3;padding:1.5rem;border-radius:12px;margin-bottom:2rem;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.stream-info{font-size:.9rem;text-align:left}.stream-info p{margin-bottom:.8rem}.tx-hash{font-family:monospace;font-size:.8rem;background-color:#374151b3;padding:.2rem .4rem;border-radius:4px;word-break:break-all;color:#e5e7eb;text-decoration:none;display:inline-block;transition:all .2s ease;border:1px solid transparent}.tx-hash:hover{background-color:#4f46e533;border-color:#4f46e580;color:#fff}.close-button{background-color:#6b7280;color:#fff;border-radius:12px}.close-button:hover{background-color:#4b5563}.active-stream-actions{display:flex;flex-direction:row;gap:.8rem;margin-top:1rem}.cancel-button,.claim-button{border-radius:12px;flex:1;display:flex;align-items:center;justify-content:center;gap:8px}.cancel-button{background-color:#ef4444;color:#fff}.cancel-button:hover{background-color:#dc2626}.cancel-button:disabled{background-color:#6b7280;opacity:1}.claim-button{background-color:#10b981;color:#fff}.claim-button:hover{background-color:#059669}.claim-button:disabled,.close-button:disabled{background-color:#6b7280;opacity:1}.confirmation-message{align-items:center;padding:2rem;background-color:#1f2937b3;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 25px -5px #0000001a;margin:auto 0;animation:fadeIn .5s ease-out;max-width:90%;align-self:center;height:100%;display:flex;flex-direction:column;justify-content:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes nuxFadeOut{0%{opacity:1;transform:translateY(0) scale(1);max-height:200px;margin-bottom:1rem;padding:1rem}50%{opacity:.5;transform:translateY(-5px) scale(.98)}to{opacity:0;transform:translateY(-15px) scale(.95);max-height:0;margin-bottom:0;padding:0 1rem}}.confirmation-icon{width:80px;height:80px;background-color:#10b98133;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:2.5rem;color:#10b981;border:2px solid #10b981;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.confirmation-message h2{color:#10b981;margin-bottom:1rem;font-size:1.6rem}.confirmation-message p{margin-bottom:.8rem;font-size:1rem;color:#e5e7eb}.confirmation-amount{font-size:1.4rem!important;font-weight:600;color:#10b981!important;margin:.5rem 0}.confirmation-tx{font-size:.8rem!important;color:#9ca3af!important}@media (prefers-color-scheme: light){:root{color:var(--text-primary);background-color:#282833}body{background-color:#282833}.app-footer{background:linear-gradient(to top,rgba(40,40,51,.9),rgba(40,40,51,.5),transparent)}.get-test-tokens-link,.get-testnet-tokens-link{color:var(--text-tertiary)}.get-test-tokens-link:hover,.get-testnet-tokens-link:hover{color:var(--text-secondary)}h2,.explainer-footer h3,h3{color:var(--text-primary)}.explainer-footer{background-color:var(--bg-secondary);border:1px solid rgba(255,255,255,.05)}.explainer-footer p{color:var(--text-secondary)}button{background-color:var(--bg-secondary);color:var(--text-primary)}.wallet-info{background-color:transparent;border:none}.wallet-address{color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid rgba(255,255,255,.1)}.wallet-address:hover{background-color:#282837cc;border-color:#7c3aed4d}.wallet-eth{color:var(--accent-primary);background-color:#7c3aed1a;border:1px solid rgba(124,58,237,.2)}.wallet-eth:hover{background-color:#7c3aed26;border-color:#7c3aed4d}.wallet-usdc{color:#10b981;background-color:#10b9811a;border:1px solid rgba(16,185,129,.2)}.wallet-balances{background-color:transparent}.active-stream,.profile-card,.selected-profile,.amount-option-btn,.custom-amount-input,.visualizer-circle,.audio-player{background-color:var(--bg-secondary);border:1px solid rgba(255,255,255,.05);color:var(--text-primary)}.visualizer-circle.active{border-color:#ef4444}.timer{color:var(--text-primary)}.recording-tip p,.message-duration{color:var(--text-tertiary)}.amount-option-btn.active{background-color:#7c3aed4d;border-color:var(--accent-primary)}.amount-option-btn:hover{background-color:#282837cc;border-color:#7c3aed4d}.amount-label{color:var(--text-primary)}.address,.profile-avatar,.tx-hash{background-color:var(--bg-secondary)}.profile-card:hover{background-color:#282837cc;border-color:#7c3aed4d}.custom-amount-input input{color:var(--text-primary)}.amount-input input{background-color:var(--bg-secondary);border-color:#ffffff1a;color:var(--text-primary)}.profile-handle,.currency-label{color:var(--text-tertiary)}.tx-hash{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}.tx-hash:hover{background-color:#7c3aed33;border-color:#7c3aed4d;color:var(--accent-primary)}}.mobile-tab-bar{position:fixed;bottom:0;left:0;right:0;background-color:var(--bg-primary);border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center;padding:8px 0 12px;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -2px 10px #0000001a}.tab-button{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease;padding:6px 20px;min-width:80px;gap:4px}.tab-button.active{color:var(--accent-primary)}.tab-button:hover{color:var(--text-secondary)}.tab-button.active:hover{color:var(--accent-hover)}.tab-icon{font-size:20px;line-height:1}.tab-icon-container{position:relative;display:flex;align-items:center;justify-content:center}.tab-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.tab-badge{position:absolute;top:-2px;right:-8px;background-color:#ef4444;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 1px 3px #ef44444d;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.empty-notes{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--text-secondary)}.empty-notes p{margin:0;font-size:1rem;color:var(--text-secondary)}.empty-notes-subtitle{font-size:.85rem!important;color:var(--text-tertiary)!important;margin-top:.5rem!important}.success-screen-container{display:flex;flex-direction:column;height:100%;background-color:var(--bg-primary);padding:1rem 0 0;position:relative}.success-content{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.success-message{text-align:center;max-width:90%}.success-title{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.success-description{font-size:1rem;color:var(--text-secondary);margin:0 0 1rem;line-height:1.4}.success-amount{font-size:1.3rem;font-weight:600;color:#10b981;margin:.5rem 0}.success-actions-container{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column;gap:.75rem;width:100%;padding:1rem;background-color:var(--bg-primary);z-index:40;max-width:424px;margin:0 auto}.success-share-button{width:100%;padding:1rem;background-color:#8b5cf6;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.success-share-button:hover{background-color:#7c3aed;transform:translateY(-1px)}.success-home-button{width:100%;padding:1rem;background-color:#343441;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.success-home-button:hover{background-color:#3e3e4b;transform:translateY(-1px)}.sender-loading{display:flex;align-items:center;gap:.5rem}.spinner.small{width:12px;height:12px;border-width:1.5px}.yap-claim-section{background-color:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:12px;padding:1rem;margin:1rem 0;text-align:center}.claim-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.claim-info span:first-child{color:var(--text-secondary);font-size:.9rem}.claim-amount{color:#10b981;font-weight:600;font-size:1.1rem}.yap-claim-now-button{width:100%;padding:1rem;background-color:#10b981;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.yap-claim-now-button:hover:not(:disabled){background-color:#059669;transform:translateY(-1px)}.yap-claim-now-button:disabled{opacity:.5;cursor:not-allowed;transform:none}