:root{--bg-primary:#f5f7fb;--bg-surface:#fff;--bg-card:#fff;--color-primary:#3075e8;--color-primary-dark:#1b53c7;--color-accent:#22c55e;--color-text-primary:#1e293b;--color-text-secondary:#64748b;--color-error:#ef4444;--color-warning:#f59e0b;--gradient-gold-text:linear-gradient(135deg,#b8860b,#d4af37 50%,#b8860b);--border-radius-card:20px;--border-radius-btn:12px;--border-radius-pill:999px;--glass-border:1px solid rgba(0,0,0,.05);--glass-shadow:0 10px 30px rgba(0,0,0,.03),0 1px 3px rgba(0,0,0,.01);--gradient-primary:linear-gradient(135deg,#3075e8,#1b53c7);--font-family:"Inter",system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--color-text-primary);font-family:var(--font-family);min-height:100vh;overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--border-radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.glass-card{position:relative;background:var(--bg-card);border:var(--glass-border);border-radius:var(--border-radius-card);box-shadow:var(--glass-shadow);padding:1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.glass-card:hover{transform:translateY(-2px);box-shadow:0 15px 35px rgba(0,0,0,.06)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;font-family:var(--font-family);font-weight:700;font-size:.95rem;border-radius:var(--border-radius-btn);padding:.8rem 1.6rem;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);text-decoration:none;outline:none;position:relative}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 6px 20px rgba(48,117,232,.25)}.btn-primary:hover{transform:translateY(-1px);background:var(--color-primary-dark);box-shadow:0 8px 25px rgba(48,117,232,.35)}.btn-secondary{background:#f1f5f9;color:var(--color-text-primary);border:1px solid #e2e8f0}.btn-secondary:hover{background:#e2e8f0;transform:translateY(-1px)}.btn-accent{background:var(--color-accent);color:#fff;box-shadow:0 6px 20px rgba(34,197,94,.2)}.btn-accent:hover{transform:translateY(-1px);box-shadow:0 8px 25px rgba(34,197,94,.3)}.btn-disabled,.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.input-field,select.input-field,textarea.input-field{width:100%;border:1px solid #cbd5e1;padding:.8rem 1.2rem;border-radius:var(--border-radius-btn);outline:none;font-family:var(--font-family);font-size:.95rem;transition:all .2s ease}.input-field,.input-field option,select.input-field,textarea.input-field{background-color:#fff!important;color:#1e293b!important}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(48,117,232,.15)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:70px;background:#fff;border-top:1px solid #e2e8f0;justify-content:space-around;padding:0 1rem;z-index:100;box-shadow:0 -4px 20px rgba(0,0,0,.03)}.bottom-nav,.nav-item{display:flex;align-items:center}.nav-item{flex-direction:column;gap:.2rem;text-decoration:none;color:var(--color-text-secondary);font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:none;border:none;padding:.4rem .8rem;border-radius:12px}.nav-item.active{color:var(--color-primary);background:rgba(48,117,232,.08)}.nav-item svg{width:22px;height:22px;transition:all .2s ease}.nav-item:hover svg{transform:scale(1.05)}.blue-header-section{background:var(--color-primary);color:#fff;width:100%;padding:1.5rem 1.5rem 6.5rem;border-bottom-left-radius:50% 30px;border-bottom-right-radius:50% 30px;box-shadow:0 4px 20px rgba(48,117,232,.15)}.blue-header-section,.nested-mining-box{display:flex;flex-direction:column;align-items:center;position:relative}.nested-mining-box{background:#fff;border-radius:24px;width:90%;max-width:400px;box-shadow:0 12px 30px rgba(0,0,0,.05);justify-content:center;border:1px solid rgba(0,0,0,.05);margin-top:-80px;padding:2rem 1.5rem;z-index:10}.pickaxe-action-btn{position:absolute;bottom:-20px;left:24px;background:#fff;border:none;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 15px rgba(0,0,0,.15);cursor:pointer;z-index:12;transition:all .25s cubic-bezier(.175,.885,.32,1.275)}.pickaxe-action-btn:hover{transform:scale(1.1);box-shadow:0 8px 20px rgba(0,0,0,.15)}.pickaxe-action-btn.active svg{animation:pickaxe-swing 1.5s ease-in-out infinite}@keyframes pickaxe-swing{0%,to{transform:rotate(0deg)}50%{transform:rotate(-30deg)}}.invite-banner-gradient{background:linear-gradient(90deg,#3075e8,#ff5b7f);color:#fff;border-radius:16px;padding:1.2rem 1.5rem;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:480px;box-shadow:0 6px 20px rgba(48,117,232,.15)}.status-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:700;padding:.3rem .75rem;border-radius:var(--border-radius-pill)}.status-badge-verified{background:rgba(34,197,94,.1);color:var(--color-accent);border:1px solid rgba(34,197,94,.2)}.status-badge-pending{background:rgba(245,158,11,.1);color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}.status-badge-error{background:rgba(239,68,68,.1);color:var(--color-error);border:1px solid rgba(239,68,68,.2)}.step-chart-container{background:#fff;border-radius:16px;padding:1.5rem;border:var(--glass-border);box-shadow:var(--glass-shadow);display:flex;flex-direction:column;gap:1.5rem}.step-chart{align-items:flex-end;height:200px;padding-top:20px;border-bottom:2px solid #e2e8f0;border-left:2px solid #e2e8f0}.step-bar,.step-chart{display:flex;position:relative}.step-bar{flex:1 1;background:linear-gradient(180deg,#93c5fd,#3075e8);border-top-left-radius:4px;border-top-right-radius:4px;margin:0 4px;flex-direction:column;align-items:center;justify-content:flex-end;color:#1e293b;font-size:.65rem;font-weight:700;transition:all .3s ease}.step-bar.active{background:linear-gradient(180deg,#60a5fa,#1e40af);box-shadow:0 0 15px rgba(30,64,175,.3)}.step-bar .bar-label{position:absolute;top:-20px;font-weight:800;color:var(--color-primary);font-size:.7rem}.step-bar.active .bar-label{color:#1e40af}.step-bar .bar-now-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#1e40af;color:#fff;font-size:.55rem;padding:2px 6px;border-radius:4px;font-weight:900;letter-spacing:.5px;box-shadow:0 2px 5px rgba(0,0,0,.2)}.step-axis-x{display:flex;margin-top:.5rem;padding-left:2px}.step-axis-x-label{flex:1 1;text-align:center;font-size:.65rem;font-weight:700;color:var(--color-text-secondary)}.animate-fade-in{animation:fadeIn .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}