:root{--space-void:#000;--space-deep:#050509;--space-base:#0c0c14;--space-surface:#1c1c288c;--space-surface-hover:#262637a6;--space-surface-active:#303046b3;--space-elevated:#2d2d4166;--glass-bg:#ffffff0a;--glass-bg-hover:#ffffff12;--glass-bg-strong:#ffffff14;--glass-border:#ffffff14;--glass-border-hover:#ffffff26;--glass-border-focus:#7877ff66;--glass-blur:40px;--glass-blur-heavy:80px;--accent-indigo:#7877ff;--accent-indigo-soft:#7877ff26;--accent-cyan:#64d2ff;--accent-cyan-soft:#64d2ff1f;--accent-teal:#6ef0c5;--accent-amber:#ffd60a;--accent-amber-soft:#ffd60a1a;--accent-rose:#ff6b8a;--accent-rose-soft:#ff6b8a1f;--color-success:#30d158;--color-success-soft:#30d1581f;--color-error:#ff453a;--color-error-soft:#ff453a1f;--text-primary:#ffffffeb;--text-secondary:#ffffff8c;--text-tertiary:#ffffff59;--text-bright:#fff;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono:"SF Mono", "JetBrains Mono", "Fira Code", monospace;--shadow-sm:0 2px 8px #0000004d, 0 1px 3px #0003;--shadow-md:0 8px 32px #0006, 0 2px 8px #0000004d;--shadow-lg:0 16px 48px #00000080, 0 8px 24px #00000059;--shadow-xl:0 24px 80px #0009, 0 12px 40px #0006;--shadow-float:0 20px 60px #0000008c, 0 8px 20px #0000004d, inset 0 1px 0 #ffffff0d;--shadow-glow-indigo:0 0 40px #7877ff26, 0 0 80px #7877ff0d;--shadow-glow-success:0 0 40px #30d15833, 0 0 80px #30d1580f;--shadow-glow-error:0 0 40px #ff453a33, 0 0 80px #ff453a0f;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-2xl:40px;--radius-full:9999px;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--ease-spring:cubic-bezier(.175, .885, .32, 1.1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--duration-fast:.2s;--duration-normal:.35s;--duration-slow:.6s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--space-void);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:var(--accent-cyan);transition:color var(--duration-fast) var(--ease-smooth);text-decoration:none}a:hover{color:var(--accent-indigo)}.spatial-environment{z-index:0;pointer-events:none;background:var(--space-void);position:fixed;inset:0;overflow:hidden}.nebula{filter:blur(100px);opacity:.4;border-radius:50%;animation:30s ease-in-out infinite alternate nebulaDrift;position:absolute}.nebula-1{background:radial-gradient(circle,#7877ff33 0%,#0000 70%);width:600px;height:600px;animation-duration:25s;top:-10%;left:-5%}.nebula-2{background:radial-gradient(circle,#64d2ff26 0%,#0000 70%);width:500px;height:500px;animation-duration:35s;animation-delay:-10s;bottom:-10%;right:-5%}.nebula-3{background:radial-gradient(circle,#6ef0c51a 0%,#0000 70%);width:400px;height:400px;animation-duration:40s;animation-delay:-20s;top:40%;left:50%;transform:translate(-50%)}.stars{position:absolute;inset:0}.star{background:#fff;border-radius:50%;width:2px;height:2px;animation:4s ease-in-out infinite starTwinkle;position:absolute}.star:first-child{opacity:.3;animation-delay:0s;top:8%;left:12%}.star:nth-child(2){opacity:.5;animation-delay:1.2s;top:15%;left:78%}.star:nth-child(3){opacity:.2;width:3px;height:3px;animation-delay:.6s;top:35%;left:25%}.star:nth-child(4){opacity:.4;animation-delay:2.1s;top:50%;left:90%}.star:nth-child(5){opacity:.25;animation-delay:.3s;top:65%;left:45%}.star:nth-child(6){opacity:.35;animation-delay:1.8s;top:72%;left:8%}.star:nth-child(7){opacity:.4;width:3px;height:3px;animation-delay:3s;top:88%;left:65%}.star:nth-child(8){opacity:.2;animation-delay:.9s;top:22%;left:55%}.star:nth-child(9){opacity:.3;animation-delay:2.5s;top:45%;left:70%}.star:nth-child(10){opacity:.2;animation-delay:1.5s;top:92%;left:30%}.spatial-grid{transform-origin:bottom;background:linear-gradient(#0000 0%,#7877ff08 100%),repeating-linear-gradient(90deg,#ffffff04 0 1px,#0000 1px 80px),repeating-linear-gradient(0deg,#ffffff04 0 1px,#0000 1px 80px);height:40%;position:absolute;bottom:0;left:0;right:0;transform:perspective(500px)rotateX(45deg);-webkit-mask-image:linear-gradient(#0000 20%,#00000080 100%);mask-image:linear-gradient(#0000 20%,#00000080 100%)}@keyframes nebulaDrift{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,-20px)scale(1.1)}to{transform:translate(-20px,15px)scale(.95)}}@keyframes starTwinkle{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.navbar{top:var(--sp-4);margin:var(--sp-4) auto 0;padding:var(--sp-4) var(--sp-6);background:var(--glass-bg);max-width:880px;-webkit-backdrop-filter:blur(var(--glass-blur-heavy)) saturate(1.5);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-float);z-index:100;transition:background var(--duration-normal) var(--ease-smooth);justify-content:space-between;align-items:center;display:flex;position:sticky}.navbar:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.nav-brand{align-items:center;gap:var(--sp-3);display:flex}.logo-icon{background:linear-gradient(135deg, var(--accent-indigo), var(--accent-cyan));border-radius:var(--radius-md);width:40px;height:40px;transition:transform var(--duration-normal) var(--ease-spring);justify-content:center;align-items:center;display:flex;box-shadow:0 4px 16px #7877ff4d}.logo-icon:hover{transform:scale(1.08)rotate(5deg)}.logo-icon svg{width:22px;height:22px}.brand-name{font-family:var(--font-display);color:var(--text-bright);letter-spacing:-.02em;font-size:1.25rem;font-weight:400}.network-badge{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:var(--accent-cyan-soft);border-radius:var(--radius-full);color:var(--accent-cyan);letter-spacing:.08em;text-transform:uppercase;border:1px solid #64d2ff26;font-size:.72rem;font-weight:600;display:flex}.network-dot{background:var(--accent-cyan);width:6px;height:6px;box-shadow:0 0 8px var(--accent-cyan);border-radius:50%;animation:2.5s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{opacity:1;box-shadow:0 0 8px var(--accent-cyan)}50%{opacity:.5;box-shadow:0 0 16px var(--accent-cyan), 0 0 4px var(--accent-cyan)}}.app-container{z-index:1;max-width:880px;padding:var(--sp-8) var(--sp-6);perspective:1200px;margin:0 auto;position:relative}.hero{text-align:center;padding:var(--sp-16) 0 var(--sp-12);animation:heroFloat .9s var(--ease-out) both}.hero-title{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:var(--sp-6);font-size:clamp(2.4rem,6vw,4rem);font-weight:800;line-height:1.1}.hero-title-line{display:block}.gradient-text{background:linear-gradient(135deg, var(--accent-indigo), var(--accent-cyan), var(--accent-teal));-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite gradientShift}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.hero-subtitle{color:var(--text-secondary);max-width:520px;margin:0 auto;font-size:1.1rem;font-weight:400;line-height:1.75}@keyframes heroFloat{0%{opacity:0;transform:translateY(40px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.spatial-panel{padding:var(--sp-8);margin-bottom:var(--sp-8);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.4);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-float);transition:transform var(--duration-normal) var(--ease-spring), box-shadow var(--duration-normal) var(--ease-smooth), border-color var(--duration-normal) var(--ease-smooth);position:relative;overflow:hidden}.spatial-panel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1a 30%,#ffffff26 50%,#ffffff1a 70%,#0000);height:1px;position:absolute;top:0;left:0;right:0}.spatial-panel:hover{box-shadow:var(--shadow-xl), var(--shadow-glow-indigo);border-color:var(--glass-border-hover);transform:translateY(-3px)}.spatial-panel-depth{animation:panelEnter .7s var(--ease-out) both}.spatial-panel-depth:nth-child(2){animation-delay:.1s}.spatial-panel-depth:nth-child(3){animation-delay:.2s}@keyframes panelEnter{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.panel-header{align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-6);display:flex}.panel-icon{border-radius:var(--radius-lg);color:#fff;width:48px;height:48px;box-shadow:var(--shadow-md);transition:transform var(--duration-normal) var(--ease-spring);flex-shrink:0;justify-content:center;align-items:center;display:flex}.panel-icon:hover{transform:scale(1.1)rotate(-3deg)}.panel-icon-wallet{background:linear-gradient(145deg,#7877ff,#5c5bff)}.panel-icon-send{background:linear-gradient(145deg,#ffd60a,#ffb800)}.panel-title{font-family:var(--font-display);color:var(--text-bright);letter-spacing:-.01em;font-size:1.25rem;font-weight:700}.wallet-section{animation:panelEnter .7s var(--ease-out) .15s both}.wallet-prompt{color:var(--text-secondary);margin-bottom:var(--sp-6);font-size:.95rem}.wallet-hint{align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);background:var(--accent-amber-soft);border-radius:var(--radius-lg);color:var(--accent-amber);margin-top:var(--sp-4);border:1px solid #ffd60a1f;font-size:.85rem;display:flex}.wallet-hint a{color:var(--accent-amber);font-weight:600}.address-chip{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);background:var(--accent-indigo-soft);border-radius:var(--radius-xl);margin-bottom:var(--sp-6);transition:background var(--duration-fast) var(--ease-smooth);border:1px solid #7877ff1a;display:flex}.address-chip:hover{background:#7877ff2e}.address-info{min-width:0}.address-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--sp-1);font-size:.7rem;font-weight:600;display:block}.address-value{font-family:var(--font-mono);color:var(--accent-indigo);word-break:break-all;font-size:.82rem}.balance-orb{text-align:center;padding:var(--sp-10) var(--sp-8);margin-bottom:var(--sp-6);background:radial-gradient(ellipse at 50% 0%, #7877ff14 0%, transparent 60%), var(--glass-bg);border-radius:var(--radius-2xl);border:1px solid #7877ff14;position:relative;overflow:hidden}.balance-orb:after{content:"";pointer-events:none;background:radial-gradient(circle,#7877ff0f 0%,#0000 70%);border-radius:50%;width:200px;height:200px;animation:4s ease-in-out infinite orbPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes orbPulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}}.balance-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--sp-3);font-size:.72rem;font-weight:600;display:block}.balance-row{justify-content:center;align-items:baseline;gap:var(--sp-3);z-index:1;display:flex;position:relative}.balance-value{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-bright);text-shadow:0 0 40px #7877ff33;font-size:3.2rem;font-weight:800}.balance-unit{color:var(--text-tertiary);letter-spacing:.05em;font-size:1rem;font-weight:600}.btn-refresh{z-index:1;margin-left:var(--sp-2);position:relative}.btn{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);border-radius:var(--radius-xl);font-family:var(--font-body);cursor:pointer;transition:all var(--duration-normal) var(--ease-spring);white-space:nowrap;border:none;font-size:.9rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(145deg, var(--accent-indigo), #5c5bff);color:#fff;box-shadow:0 6px 24px #7877ff59,inset 0 1px #ffffff26}.btn-primary:hover:not(:disabled){transform:translateY(-3px)scale(1.02);box-shadow:0 10px 40px #7877ff73,inset 0 1px #fff3}.btn-primary:active:not(:disabled){transform:translateY(-1px)scale(.99)}.btn-primary:after{content:"";width:200%;height:200%;transition:transform .8s var(--ease-smooth);background:linear-gradient(90deg,#0000 0%,#ffffff14 50%,#0000 100%);position:absolute;top:-50%;left:-50%;transform:rotate(30deg)translate(-100%)}.btn-primary:hover:after{transform:rotate(30deg)translate(100%)}.btn-outline{background:var(--glass-bg);color:var(--text-secondary);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.btn-outline:hover:not(:disabled){background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--text-primary);transform:translateY(-2px)}.btn-disconnect{background:var(--color-error-soft);width:100%;color:var(--color-error);border-radius:var(--radius-xl);border:1px solid #ff453a1a}.btn-disconnect:hover:not(:disabled){background:#ff453a2e;border-color:#ff453a40;transform:translateY(-2px)}.btn-icon{background:var(--glass-bg);width:42px;height:42px;color:var(--text-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:0}.btn-icon:hover:not(:disabled){background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--text-primary);transform:scale(1.08)}.btn-full{width:100%}.causes-section{animation:panelEnter .7s var(--ease-out) .2s both}.section-title{font-family:var(--font-display);color:var(--text-bright);text-align:center;margin-bottom:var(--sp-2);letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.section-subtitle{text-align:center;color:var(--text-tertiary);margin-bottom:var(--sp-8);font-size:.9rem}.causes-grid{gap:var(--sp-5);margin-bottom:var(--sp-10);grid-template-columns:repeat(3,1fr);display:grid}.cause-card{padding:var(--sp-6);text-align:center;cursor:pointer;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.3);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--duration-normal) var(--ease-spring);font-family:var(--font-body);color:var(--text-primary);position:relative;overflow:hidden}.cause-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;position:absolute;top:0;left:0;right:0}.cause-card:hover{box-shadow:var(--shadow-xl), var(--shadow-glow-indigo);border-color:var(--glass-border-hover);background:var(--glass-bg-hover);transform:translateY(-6px)scale(1.02)}.cause-card.selected{background:var(--accent-indigo-soft);box-shadow:var(--shadow-lg), var(--shadow-glow-indigo);border-color:#7877ff66}.cause-emoji{margin-bottom:var(--sp-4);transition:transform var(--duration-normal) var(--ease-spring);font-size:2.8rem;display:block}.cause-card:hover .cause-emoji{transform:scale(1.15)}.cause-name{font-family:var(--font-display);margin-bottom:var(--sp-2);color:var(--text-bright);font-size:1rem;font-weight:600}.cause-desc{color:var(--text-tertiary);font-size:.8rem;line-height:1.5}.send-section{animation:panelEnter .7s var(--ease-out) .25s both}.form-group{margin-bottom:var(--sp-6)}.form-label{color:var(--text-secondary);margin-bottom:var(--sp-3);letter-spacing:.02em;font-size:.8rem;font-weight:600;display:block}.optional-tag{color:var(--text-tertiary);font-size:.75rem;font-weight:400}.form-input{width:100%;padding:var(--sp-4) var(--sp-5);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-body);transition:border-color var(--duration-fast) var(--ease-smooth), box-shadow var(--duration-fast) var(--ease-smooth), background var(--duration-fast) var(--ease-smooth);background:#ffffff08;outline:none;font-size:.92rem}.form-input::placeholder{color:var(--text-tertiary)}.form-input:hover{border-color:var(--glass-border-hover);background:#ffffff0a}.form-input:focus{border-color:var(--glass-border-focus);box-shadow:0 0 0 4px #7877ff14, var(--shadow-sm);background:#ffffff0d}.input-with-suffix{position:relative}.input-with-suffix .form-input{padding-right:65px}.input-suffix{right:var(--sp-5);color:var(--text-tertiary);pointer-events:none;letter-spacing:.05em;font-size:.82rem;font-weight:600;position:absolute;top:50%;transform:translateY(-50%)}.quick-amounts{gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap;display:flex}.quick-amount-btn{padding:var(--sp-2) var(--sp-4);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--accent-indigo);font-family:var(--font-body);cursor:pointer;transition:all var(--duration-fast) var(--ease-spring);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.78rem;font-weight:600}.quick-amount-btn:hover{background:var(--accent-indigo-soft);border-color:#7877ff33;transform:translateY(-1px)}.feedback-section{animation:panelEnter .5s var(--ease-out) both}.feedback-card{text-align:center;padding:var(--sp-12) var(--sp-8)}.feedback-icon-wrap{width:88px;height:88px;margin:0 auto var(--sp-6);animation:iconAppear .6s var(--ease-spring) both;border-radius:50%;justify-content:center;align-items:center;display:flex}@keyframes iconAppear{0%{opacity:0;transform:scale(.3)rotate(-20deg)}to{opacity:1;transform:scale(1)rotate(0)}}.success-glow{background:var(--color-success-soft);box-shadow:0 0 30px #30d15826,0 0 60px #30d1580d,inset 0 0 20px #30d1580d}.error-glow{background:var(--color-error-soft);box-shadow:0 0 30px #ff453a26,0 0 60px #ff453a0d,inset 0 0 20px #ff453a0d}.feedback-title{font-family:var(--font-display);margin-bottom:var(--sp-3);letter-spacing:-.01em;font-size:1.4rem;font-weight:700}.success-text{color:var(--color-success)}.error-text{color:var(--color-error)}.feedback-message{color:var(--text-secondary);margin-bottom:var(--sp-8);font-size:.95rem;line-height:1.6}.tx-hash-container{padding:var(--sp-5) var(--sp-6);border-radius:var(--radius-xl);margin-bottom:var(--sp-8);background:#30d1580a;border:1px solid #30d1581a}.tx-hash-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--sp-2);font-size:.68rem;font-weight:600;display:block}.tx-hash-link{align-items:center;gap:var(--sp-2);color:var(--color-success);font-family:var(--font-mono);word-break:break-all;transition:color var(--duration-fast) var(--ease-smooth);font-size:.76rem;display:inline-flex}.tx-hash-link:hover{color:var(--accent-cyan)}.loading-overlay{-webkit-backdrop-filter:blur(16px)saturate(.8);z-index:1000;animation:fadeIn .3s var(--ease-smooth);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-content{text-align:center;padding:var(--sp-10) var(--sp-12);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur-heavy));backdrop-filter:blur(var(--glass-blur-heavy));border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.spinner-orb{width:52px;height:52px;margin:0 auto var(--sp-6);border:3px solid #ffffff0f;border-top-color:var(--accent-indigo);border-right-color:var(--accent-cyan);border-radius:50%;animation:1s cubic-bezier(.5,0,.5,1) infinite orbSpin;box-shadow:0 0 20px #7877ff1a}@keyframes orbSpin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);font-size:.9rem;font-weight:500}.toast-container{bottom:var(--sp-8);right:var(--sp-8);z-index:2000;gap:var(--sp-3);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-6);-webkit-backdrop-filter:blur(var(--glass-blur-heavy)) saturate(1.5);border-radius:var(--radius-xl);border:1px solid var(--glass-border);box-shadow:var(--shadow-float);color:var(--text-primary);max-width:400px;animation:toastIn .5s var(--ease-spring);background:#1c1c28d9;font-size:.88rem;font-weight:500;display:flex}.toast-success{border-color:#30d15833}.toast-error{border-color:#ff453a33}.toast-info{border-color:#64d2ff33}.toast-icon{flex-shrink:0;width:20px;height:20px}.toast-exit{animation:toastOut .35s var(--ease-smooth) forwards}@keyframes toastIn{0%{opacity:0;transform:translate(60px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(60px)scale(.9)}}.footer{text-align:center;padding:var(--sp-12) var(--sp-6) var(--sp-8);color:var(--text-tertiary);z-index:1;font-size:.82rem;position:relative}.footer a{color:var(--text-secondary);font-weight:500}.footer a:hover{color:var(--accent-cyan)}.footer-disclaimer{margin-top:var(--sp-3);color:#ffd60a99;font-size:.75rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.navbar{margin:var(--sp-3) var(--sp-3) 0;padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-xl)}.app-container{padding:var(--sp-5) var(--sp-4)}.hero{padding:var(--sp-10) 0 var(--sp-8)}.hero-title{font-size:2rem}.spatial-panel{padding:var(--sp-6);border-radius:var(--radius-xl)}.balance-value{font-size:2.4rem}.causes-grid{gap:var(--sp-4);grid-template-columns:1fr}.cause-card{padding:var(--sp-5)}.brand-name{font-size:1.05rem}}@media (width<=480px){.navbar{border-radius:var(--radius-lg)}.app-container{padding:var(--sp-4) var(--sp-3)}.spatial-panel{padding:var(--sp-5);border-radius:var(--radius-lg)}.address-chip{align-items:flex-start;gap:var(--sp-3);flex-direction:column}.toast-container{left:var(--sp-3);right:var(--sp-3)}.toast{max-width:100%}.hero-title{font-size:1.7rem}.balance-value{font-size:2rem}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#7877ff33;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#7877ff59}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.wallet-mode-pill,.status-pill,.transaction-status{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;width:fit-content;color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff14;justify-content:center;align-items:center;margin-top:.6rem;padding:.28rem .7rem;font-size:.72rem;font-weight:700;display:inline-flex}.status-pill-live,.transaction-status-success{color:var(--color-success);background:#30d1581f;border-color:#30d15840}.transaction-status-loading{color:var(--accent-cyan);background:#64d2ff1f;border-color:#64d2ff40}.transaction-status-error,.status-pill-error{color:var(--color-error);background:#ff453a1f;border-color:#ff453a40}.status-pill-neutral{color:var(--text-secondary)}.wallet-alt-btn{margin-top:var(--sp-3)}.wallet-hint-secondary{color:var(--accent-cyan);background:#64d2ff14;border-color:#64d2ff26}.wallet-status-row,.section-inline-status{gap:var(--sp-3);margin:var(--sp-4) 0 var(--sp-6);flex-wrap:wrap;display:flex}.live-events-section{margin-top:var(--sp-8);padding:var(--sp-8)}.live-events-empty{color:var(--text-tertiary);padding:var(--sp-4) 0;font-size:.92rem}.live-events-list{gap:var(--sp-4);display:grid}.event-item{padding:var(--sp-4);border-radius:var(--radius-lg);background:#ffffff08;border:1px solid #ffffff14}.event-item-top{justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-3);align-items:flex-start;display:flex}.event-title{color:var(--text-bright);font-weight:700}.event-subtitle,.event-meta-label{color:var(--text-tertiary);font-size:.8rem}.event-meta-grid{gap:var(--sp-2);display:grid}.event-meta-value{color:var(--text-secondary);font-family:var(--font-mono);word-break:break-all;font-size:.8rem;display:block}@media (width<=720px){.event-item-top{flex-direction:column}}