body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#6f42c1;--secondary-color:#f6851b;--background-color:#fef6f4;--card-background:#fff;--text-color:#24292e;--border-color:#e1e4e8;--success-color:#28a745;--warning-color:#f6851b;--danger-color:#d73a49;--accent-color:#f6851b;--dark-accent:#5a32a3;--box-shadow:0 8px 24px #6f42c11a;--metamask-purple:#6f42c1;--metamask-orange:#f6851b;--metamask-blue:#037dd6;--metamask-bg:#fef6f4;--metamask-text:#24292e;--metamask-gradient:linear-gradient(90deg,#6f42c1,#9b59b6);--metamask-card-shadow:0 12px 30px #0000001a;--metamask-hover-transition:all 0.3s ease}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fef6f4;background-color:var(--background-color);color:#24292e;color:var(--text-color);font-family:Euclid Circular B,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;margin:0;min-height:100vh}.App{margin:0 auto;max-width:1200px;padding:20px}.App,.App-header{text-align:center}.App-header{margin-bottom:60px;padding:20px 0 40px;position:relative}.App-header h1{color:#6f42c1;color:var(--primary-color);font-size:3.5rem;font-weight:700;letter-spacing:-.5px;line-height:1.1;margin-bottom:16px}.App-header p{color:#24292e;color:var(--text-color);font-size:1.2rem;margin:0 auto;max-width:600px;opacity:.8}main{min-height:70vh}.dashboard-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;padding-bottom:70px}@media (min-width:768px){.dashboard-container{grid-template-columns:1fr 1fr}}@media (min-width:992px){.dashboard-container{grid-template-columns:1fr 1fr 1fr}}.card{background-color:#fff;background-color:var(--card-background);border:none;border-radius:16px;box-shadow:0 8px 24px #6f42c11a;box-shadow:var(--box-shadow);margin-bottom:32px;overflow:hidden;padding:32px;position:relative;transition:all .3s ease}.card:hover{box-shadow:0 12px 30px #6f42c126;transform:translateY(-4px)}.card h2{border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--border-color);color:#6f42c1;color:var(--primary-color);font-size:1.75rem;font-weight:700;margin-bottom:24px;margin-top:0;padding-bottom:16px;position:relative}.card h2:after{background-color:#f6851b;background-color:var(--secondary-color);border-radius:3px;bottom:-1px;content:"";height:3px;left:0;position:absolute;width:60px}button{align-items:center;background-color:#6f42c1;background-color:var(--primary-color);border:none;border-radius:100px;box-shadow:0 4px 12px #6f42c133;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;justify-content:center;padding:12px 24px;position:relative;transition:all .3s ease}button:hover{background-color:#5a32a3;box-shadow:0 6px 16px #6f42c14d;transform:translateY(-2px)}button:active{transform:translateY(0)}button:disabled{background-color:#d1d5db;box-shadow:none;color:#6b7280;cursor:not-allowed}.button-secondary{background-color:#f6851b;background-color:var(--secondary-color)}.button-secondary:hover{background-color:#e67812}input{background-color:#f8f9fa;border:1px solid #e1e4e8;border:1px solid var(--border-color);border-radius:12px;box-shadow:none;color:#24292e;color:var(--text-color);font-size:16px;margin:16px 0;padding:14px 16px;transition:all .3s ease;width:100%}input:focus{border-color:#6f42c1;border-color:var(--primary-color);box-shadow:0 0 0 3px #6f42c133;outline:none}input::placeholder{color:#a0aec0}.error{align-items:center;background-color:#fff5f5;border-radius:12px;box-shadow:0 8px 24px #6f42c11a;box-shadow:var(--box-shadow);display:flex;margin:20px 0;padding:16px;position:relative}.error,.error:before{color:#d73a49;color:var(--danger-color)}.error:before{content:"⚠";font-size:20px;margin-right:12px}.success{align-items:center;background-color:#f0fff4;border-radius:12px;box-shadow:0 8px 24px #6f42c11a;box-shadow:var(--box-shadow);display:flex;margin:20px 0;padding:16px;position:relative}.success,.success:before{color:#28a745;color:var(--success-color)}.success:before{content:"✓";font-size:20px;margin-right:12px}.warning{align-items:center;background-color:#fffbeb;border-radius:12px;box-shadow:0 8px 24px #6f42c11a;box-shadow:var(--box-shadow);display:flex;margin:20px 0;padding:16px;position:relative}.warning,.warning:before{color:#f6851b;color:var(--warning-color)}.warning:before{content:"!";font-size:20px;margin-right:12px}.loading{animation:spin .8s linear infinite;border:2px solid #6f42c133;border-top:2px solid var(--primary-color)}footer{border-top:1px solid #e1e4e8;border-top:1px solid var(--border-color);color:#777;font-size:14px;margin-top:50px;padding-top:20px}.info-row{position:relative;transition:all .3s ease}.info-row:hover{background-color:#6f42c108}.info-label{color:#24292e;color:var(--text-color);position:relative}.copy-button{border-radius:0 4px 4px 0;min-width:60px;padding:0 15px}.countdown{color:#6f42c1;color:var(--primary-color);font-weight:600}.address{background-color:#f9fafb;border:1px solid #e1e4e8;border:1px solid var(--border-color);border-radius:8px;font-family:Roboto Mono,monospace;font-size:14px;padding:8px 12px;word-break:break-all}.token-amount{color:#f6851b;color:var(--secondary-color);font-size:1.1em;font-weight:700}.invite-container{margin-top:20px}.invite-page-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.invite-page{animation:slideUp .3s ease-out;background-color:#fff;border-radius:24px;box-shadow:0 15px 30px #0000004d;display:flex;flex-direction:column;gap:20px;max-width:650px;overflow:hidden;width:100%}.invite-benefits-card,.invite-card,.invite-stats-card{background-color:#fff;border:1px solid #e1e4e8;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:20px}.invite-content{align-items:center;gap:30px}.qrcode-container{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;justify-content:center;padding:15px}.invite-info{display:flex;flex:1 1;flex-direction:column;gap:15px}.invite-description{color:#6b7280;font-size:.95rem;line-height:1.5;margin:0}.invite-link-container{display:flex;width:100%}.invite-link-input{border:1px solid #e1e4e8;border:1px solid var(--border-color);border-radius:8px 0 0 8px;padding:12px 15px;width:calc(100% - 60px)}.copy-button{border-radius:0 8px 8px 0;font-weight:600;padding:12px 20px;transition:all .3s ease}.copy-button:hover{background-color:#5a32a3}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.stat-item{align-items:center;background-color:#f9fafb;border-radius:12px;display:flex;flex-direction:column;padding:15px;text-align:center}.stat-value{color:#6f42c1;color:var(--primary-color);font-size:1.5rem;font-weight:700;margin-bottom:5px}.stat-label{color:#6b7280}.benefits-list{display:flex;flex-direction:column;gap:15px}.benefit-item{align-items:flex-start;background-color:#f9fafb;border-radius:12px;display:flex;gap:15px;padding:15px}.benefit-icon{line-height:1}.benefit-content h4{font-size:1.05rem;margin:0 0 5px}.benefit-content p{color:#6b7280;font-size:.95rem;line-height:1.5;margin:0}.close-invite-button{align-self:center;background-color:#f3f4f6;border:1px solid #e1e4e8;border:1px solid var(--border-color);color:#4b5563;cursor:pointer;margin-top:20px;padding:12px 24px}.close-invite-button:hover{background-color:#e5e7eb}@media (max-width:768px){.invite-content{flex-direction:column}.stats-grid{grid-template-columns:repeat(1,1fr)}}.invite-page-header{align-items:center;background:linear-gradient(90deg,#6f42c10d,#f59e0b0d);border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:15px 20px}.invite-page-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6f42c1,#f6851b);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;font-size:1.6rem;font-weight:700;letter-spacing:.5px;margin:0}.close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#24292e;color:var(--text-color);cursor:pointer;display:flex;font-size:22px;height:36px;justify-content:center;opacity:.7;transition:all .2s ease;width:36px}.close-button:hover{background:#6f42c11a;opacity:1;transform:rotate(90deg)}.invite-content{background-color:#fff;display:flex;flex-direction:column;gap:15px;padding:20px}.invite-stats{margin-bottom:15px;margin-left:auto;margin-right:auto;max-width:500px}.invite-stat-item{background-color:#f9fafb;border:1px solid #e1e4e8;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 8px #0000000d;flex:1 1;min-width:160px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.invite-stat-item:hover{border-color:#6f42c1;border-color:var(--primary-color);box-shadow:0 6px 12px #00000014;transform:translateY(-3px)}.invite-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6f42c1,#f6851b);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;color:#6f42c1;color:var(--primary-color);display:block;font-size:1.8rem;font-weight:700;margin-bottom:10px}.invite-stat-label{color:#6b7280;font-size:1rem;font-weight:500}.invite-description{margin-bottom:15px;margin-left:auto;margin-right:auto;max-width:500px;text-align:center}.invite-description h3{color:#6f42c1;color:var(--primary-color);font-size:1.5rem;font-weight:600;margin-bottom:16px}.invite-description p{color:#4b5563;font-size:1.05rem;line-height:1.6}.invite-qr-container{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;margin-bottom:15px;margin-left:auto;margin-right:auto;max-width:280px;padding:15px}.invite-qr-container p{color:#6b7280;font-size:.9rem;font-weight:500;margin-top:16px}.invite-link-container{margin-bottom:15px}.invite-link-wrapper{border-radius:100px;box-shadow:0 2px 8px #0000000d;display:flex;margin-left:auto;margin-right:auto;max-width:500px;overflow:hidden}.invite-link-input{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:100px 0 0 100px;border-right:none;color:#4b5563;font-size:14px;padding:14px 20px;width:calc(100% - 110px)}.copy-invite-button{background-color:#6f42c1;background-color:var(--primary-color);border:none;border-radius:0 100px 100px 0;color:#fff;font-size:15px;font-weight:600;min-width:110px;padding:0 24px;transition:all .2s ease}.copy-invite-button:hover{background-color:#5d35a5;box-shadow:0 4px 12px #6f42c133}.invite-benefits{background-color:#f9fafb;border:1px solid #e1e4e8;border:1px solid var(--border-color);border-radius:16px;margin-bottom:15px;margin-left:auto;margin-right:auto;max-width:500px;padding:15px}.invite-benefits h3{color:#6f42c1;color:var(--primary-color);font-size:1.1rem;font-weight:600;margin-bottom:10px;margin-top:0;text-align:center}.invite-benefits ul{margin:0;padding-left:20px}.invite-benefits li{color:#4b5563;font-size:.95rem;line-height:1.4;margin-bottom:8px;padding-left:5px;position:relative}.invite-benefits li::marker{color:#6f42c1;color:var(--primary-color);font-weight:700}.close-invite-button{background-color:#6f42c1;background-color:var(--primary-color);border:none;border-radius:100px;box-shadow:0 4px 12px #6f42c133;color:#fff;display:block;font-size:.95rem;font-weight:600;margin:0 auto;max-width:250px;padding:12px;transition:all .3s ease;width:100%}.close-invite-button:hover{background-color:#5d35a5;box-shadow:0 6px 16px #6f42c14d;transform:translateY(-2px)}.network-info{background-color:#f3f4f6;border-radius:100px;color:#6b7280;display:inline-block;font-size:14px;margin-top:16px;padding:8px 16px}.error-text{color:#d73a49;color:var(--danger-color);font-weight:600;margin-left:8px}.qr-code{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;margin:20px auto;max-width:200px;padding:15px}.navigation{background-color:initial;flex:1 1;margin:0 auto;padding:0}.nav-button{color:#666;flex-direction:row;justify-content:center;margin:0 5px;transition:all .2s}.nav-button.active:after{background-color:#6f42c1;background-color:var(--primary-color);bottom:-15px;content:"";height:3px;left:0;position:absolute;width:100%}.nav-button .icon{margin-right:6px}.app-container{background-color:#f9fafb;box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;width:100%}.app-header h1{flex:0 0 auto}.wallet-address{background-color:#f9f7fe;font-weight:500;padding:8px 15px}.connect-wallet{padding:8px 15px;transition:background-color .2s}.connect-wallet:hover{background-color:var(--primary-color-dark)}.app-content{flex:1 1}.app-content,.page-container{max-width:800px;padding:20px 20px 80px}.page-container{animation:fadeIn .3s ease-out;margin:0 auto}.welcome-container{margin:0 auto;max-width:800px;padding:40px 20px;text-align:center}.welcome-content{background-color:var(--card-bg);border-radius:24px;box-shadow:0 8px 24px #6f42c11a;box-shadow:var(--box-shadow);padding:40px}.welcome-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6f42c1,#f6851b);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;font-size:2.5rem;margin-bottom:16px}.welcome-description{color:#6b7280;font-size:1.2rem;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:600px}.connect-button{background:linear-gradient(90deg,#6f42c1,#f6851b);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border:none;border-radius:100px;box-shadow:0 4px 12px #6f42c133;color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:40px;padding:16px 32px;transition:all .3s ease}.connect-button:hover{box-shadow:0 6px 16px #6f42c14d;transform:translateY(-2px)}.features-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:32px}.feature-item{background-color:#f9fafb;border:1px solid #e1e4e8;border:1px solid var(--border-color);border-radius:16px;padding:24px;transition:all .3s ease}.feature-item:hover{border-color:#6f42c1;border-color:var(--primary-color);box-shadow:0 10px 20px #0000000d;transform:translateY(-5px)}.feature-icon{font-size:2rem;margin-bottom:16px}.feature-item h3{color:#24292e;color:var(--text-color);font-size:1.2rem;margin-bottom:12px}.feature-item p{color:#6b7280;font-size:.95rem;line-height:1.5}.wallet-note{background-color:#f3f4f6;color:#6b7280;font-size:.9rem;margin-top:24px;padding:16px}.dashboard-card{border-radius:20px;overflow:hidden}.card-header{margin-bottom:24px;padding-bottom:16px}.refresh-button{background-color:#f3f4f6;border:1px solid #e1e4e8;border:1px solid var(--border-color);border-radius:100px;color:#24292e;color:var(--text-color);font-size:14px;transition:all .2s ease}.refresh-button:hover:not(:disabled){background-color:#e5e7eb;border-color:#d1d5db}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.tabs{border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--border-color);display:flex;margin-bottom:20px}.tab{border-bottom:2px solid #0000;cursor:pointer;padding:10px 20px}.tab.active{border-bottom:2px solid #6f42c1;border-bottom:2px solid var(--primary-color);color:#6f42c1;color:var(--primary-color);font-weight:700}.dashboard-page{display:flex;flex-direction:column;gap:20px}.page-header h2{background:linear-gradient(90deg,#6f42c1,#f6851b);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));font-size:1.8rem}.account-card,.invite-info-card,.mining-card,.rewards-card{background-color:#fff;border:1px solid #e1e4e8;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:20px}.account-header,.card-header{align-items:center;border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.account-header h3,.card-header h3{color:#24292e;color:var(--text-color);font-size:1.2rem;margin:0}.status-badge{padding:5px 10px}.status-badge.active{background-color:#00c8531a;color:#00c853}.status-badge.inactive{background-color:#ef53501a;color:#ef5350}.rewards-grid{gap:10px;justify-content:space-between;margin:0;padding:10px 0}.reward-item{min-width:100px}.reward-value{font-size:1.2rem;margin-bottom:8px}@media (max-width:768px){.rewards-grid{gap:10px;padding:5px 0}.reward-item{min-width:90px;padding:15px 8px}.reward-value{font-size:1.1rem;margin-bottom:5px}}@media (max-width:480px){.rewards-grid{gap:8px}.reward-item{min-width:80px;padding:12px 5px}}.mining-actions-card{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;margin-bottom:25px;overflow:hidden}.card-header{border-bottom:1px solid #eee}.card-header h3{color:#24292e;color:var(--text-color);font-size:1.3rem}.status-badge{font-size:.85rem;padding:5px 12px}.status-badge.active{background-color:#ecfdf5;color:#059669}.status-badge.inactive{background-color:#fef2f2;color:#dc2626}.join-mining-section,.mining-controls{padding:20px}.mining-action-section{background-color:#f9fafb;border-radius:12px;margin-bottom:20px;padding:20px;text-align:center}.mining-action-section h4{color:#6f42c1;color:var(--primary-color)}.section-description{font-size:.95rem}.action-button{background-color:#6f42c1;background-color:var(--primary-color);border-radius:8px;display:block;font-size:1rem;margin:0 auto;min-width:180px;padding:12px 25px;transition:all .2s}.action-button:hover{background-color:var(--primary-color-dark)}.action-button:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}.join-button{background-color:#059669}.join-button:hover{background-color:#047857}.confirm-button{background-color:#6366f1}.confirm-button:hover{background-color:#4f46e5}.claim-button{background-color:#f59e0b}.claim-button:hover{background-color:#d97706}.input-group{text-align:left}.input-group input{border:1px solid #d1d5db;border-radius:8px;font-size:1rem;padding:10px 15px;width:100%}.claim-controls{align-items:center;display:flex;flex-direction:column}.cycles-input{gap:10px;justify-content:center}.cycles-input label{margin-bottom:0;white-space:nowrap}.number-input{border:1px solid #d1d5db;border-radius:8px;overflow:hidden}.number-input button{background-color:#f3f4f6;border:none;box-shadow:none;color:#4b5563;cursor:pointer;height:40px;width:40px}.number-input button:hover{background-color:#e5e7eb;transform:none}@media (max-width:768px){.mining-page{padding:15px}.cycles-input{align-items:flex-start;flex-direction:column}.number-input{width:100%}.number-input input{flex:1 1}}.invite-page-simple{color:#24292e;color:var(--text-color);margin:0 auto;max-width:800px;max-width:100%;overflow-x:hidden;padding:10px 10px 70px}.invite-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.invite-header h2{color:#6f42c1;color:var(--primary-color);font-size:1.8rem;margin:0}.invite-section{margin-bottom:30px}.invite-section h3{color:#24292e;color:var(--text-color);font-size:1.4rem;margin:0 0 15px;padding-left:15px;position:relative}.invite-section h3:before{background-color:#6f42c1;background-color:var(--primary-color);border-radius:2px;content:"";height:70%;left:0;position:absolute;top:5px;width:4px}.invite-qr-container{gap:30px;margin-bottom:20px}.invite-qr-container p{color:#666;flex:1 1;font-size:1rem;line-height:1.6;margin:0}.invite-link-box{border:1px solid #ddd;border-radius:4px;height:40px;margin-bottom:20px}.invite-link-input{border:none;height:100%;min-width:0;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-link-input,.invite-link-text{color:#555;flex:1 1;font-size:.9rem;padding:8px 12px}.invite-link-text{background-color:#f9f9f9;border-right:1px solid #eee;display:block}.copy-button{background-color:var(--primary-color);cursor:pointer;font-size:.85rem;font-weight:500;height:100%;transition:background-color .2s;width:60px}.copy-button:hover{background-color:var(--primary-color-dark)}.stats-row{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.stat-block{align-items:center;background-color:#f9f7fe;border-radius:8px;display:flex;flex:1 1;flex-direction:column;min-width:150px;padding:15px}.stat-number{color:#6f42c1;color:var(--primary-color);font-size:1.6rem;font-weight:700;margin-bottom:8px}.stat-label{color:#666;font-size:.9rem}.benefits-simple{display:flex;flex-direction:column;gap:15px}.benefit-row{align-items:center;background-color:#f9f7fe;border-radius:8px;display:flex;gap:15px;padding:15px;transition:transform .2s}.benefit-row:hover{transform:translateX(5px)}.benefit-icon{font-size:1.8rem}.benefit-text{color:#555;font-size:.95rem;line-height:1.4}.benefit-text strong{color:#24292e;color:var(--text-color)}.back-button{background-color:#6f42c1;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-weight:500;margin:0 auto;max-width:200px;padding:12px 0;text-align:center;transition:background-color .2s;width:100%}.back-button:hover{background-color:var(--primary-color-dark)}@media (max-width:600px){.invite-qr-container{align-items:center;text-align:center}.invite-qr-container,.stats-row{flex-direction:column}.stat-block{width:100%}}@media (max-width:768px){.app-container{background-color:#fef6f4;background-color:var(--background-color);padding:0}.app-content{padding:0 0 70px}.app-header{padding:10px 15px}.app-header h1{font-size:1.2rem}.wallet-address{font-size:.8rem;padding:6px 10px}.dashboard-page{padding:10px}.info-card{border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:15px}.card-section{padding:15px}.info-row{padding:12px 0}.mining-page{padding:10px}.mining-actions-card,.mining-info-card{border-radius:12px;margin-bottom:15px}.card-header{padding:12px 15px}.card-header h3{font-size:1.1rem}.join-mining-section,.mining-controls{padding:15px}.mining-action-section{margin-bottom:15px;padding:15px}.action-button{padding:10px 15px;width:100%}.input-group label{font-size:.9rem}.rewards-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.reward-item{background-color:#f9fafb;border-radius:10px;padding:12px;text-align:center}.reward-value{color:#6f42c1;color:var(--primary-color);font-size:1rem;font-weight:600;word-break:break-all}.reward-label{color:#6b7280;font-size:.75rem;margin-top:5px}.invite-page-simple{padding:10px}.invite-qr-container{align-items:center;flex-direction:column;gap:15px;text-align:center}.invite-qr-container p{margin-top:10px}.stats-row{flex-direction:column;gap:10px}.stat-block{width:100%}h2{font-size:1.3rem}h3{font-size:1.1rem}h4{font-size:1rem}p{font-size:.9rem}}@media (max-width:480px){.app-header{padding:8px 10px}.app-header h1{font-size:1.1rem}.wallet-address{font-size:.75rem;padding:4px 8px}.rewards-grid{grid-template-columns:1fr}.reward-item{padding:10px}.reward-value{font-size:.95rem}.reward-label{font-size:.75rem}.mobile-nav-button{font-size:.7rem}.mobile-nav-button .icon{font-size:1.2rem}}.app-header{border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px #0000000d;position:sticky;top:0}.header-left{flex:0 0 auto}.header-center{display:flex}.app-header h1{color:#6f42c1;color:var(--primary-color);font-size:1.5rem;font-weight:700;margin:0;white-space:nowrap}.navigation{align-items:center;gap:15px}.nav-button{align-items:center;background:none;border:none;border-radius:8px;color:#24292e;color:var(--text-color);cursor:pointer;display:flex;font-size:.95rem;padding:10px 20px;position:relative;transition:all .2s ease}.nav-button:hover{background-color:#6f42c10d;color:#6f42c1;color:var(--primary-color)}.nav-button.active{background-color:#6f42c11a;color:var(--primary-color)}.nav-button .icon{font-size:1.1rem;margin-right:8px}.wallet-info{align-items:center;display:flex;flex:0 0 auto}.wallet-address{border:1px solid #e1e4e8;border:1px solid var(--border-color)}.connect-wallet{background-color:#6f42c1;background-color:var(--primary-color);font-size:.9rem;padding:8px 16px;transition:background-color .2s ease}.connect-wallet:hover{background-color:#f6851b;background-color:var(--secondary-color)}.mining-page{max-width:800px}.page-header{align-items:center;display:flex;justify-content:space-between}.page-header h2{font-size:1.5rem;font-weight:600;margin:0}.refresh-button{align-items:center;background-color:#6f42c1;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:8px 16px}.refresh-button:hover{background-color:#5a32a3;background-color:var(--dark-accent)}.mining-actions-card,.mining-info-card{border:1px solid #e1e4e8;border:1px solid var(--border-color)}.card-header{background-color:#f9fafb;border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--border-color)}.info-row{border-bottom:1px solid #f0f0f0}.info-label{font-weight:500}.rewards-grid{gap:20px;margin:20px auto;padding:15px}.reward-item{background-color:#f9fafb;border-radius:12px;box-shadow:0 1px 3px #0000000d;flex:1 1;max-width:200px;padding:20px 10px}.reward-value{color:#6f42c1;font-size:1.25rem;font-weight:600;margin-bottom:10px}.reward-label{color:#6b7280;font-size:.85rem}@media (max-width:768px){.mining-page{padding:15px 10px}.page-header{align-items:flex-start;flex-direction:column;gap:10px}.refresh-button{justify-content:center;width:100%}.card-section{padding:15px}.rewards-grid{flex-direction:row;flex-wrap:wrap;justify-content:center}.reward-item{padding:12px}.reward-value{font-size:1.1rem}}.metamask-welcome-container{align-items:center;background-color:#fef6f4;background-color:var(--metamask-bg);display:flex;flex-direction:column;justify-content:center;min-height:80vh;overflow:hidden;padding:2rem;position:relative}.welcome-content{max-width:1000px;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease;width:100%}.welcome-content.animate-in{opacity:1;transform:translateY(0)}.welcome-header{margin-bottom:3rem;text-align:center}.welcome-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1rem}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6f42c1,#9b59b6);background:var(--metamask-gradient);-webkit-background-clip:text;background-clip:text;display:inline-block}.subtitle{color:#24292e;color:var(--metamask-text);font-size:2rem;font-weight:600;opacity:.8}.wallet-connect-card{background-color:#fff;border-radius:24px;box-shadow:0 12px 30px #0000001a;box-shadow:var(--metamask-card-shadow);margin-bottom:3rem;padding:3rem;text-align:center;transition:all .3s ease;transition:var(--metamask-hover-transition)}.wallet-connect-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.wallet-icon-container{margin-bottom:1.5rem}.wallet-icon{animation:float 3s ease-in-out infinite;height:80px;width:80px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.wallet-connect-content h2{color:#24292e;color:var(--metamask-text);font-size:2rem;font-weight:700;margin-bottom:1rem}.wallet-connect-content p{color:#666;font-size:1.1rem;margin-bottom:2rem}.connect-wallet-button{align-items:center;background:linear-gradient(90deg,#6f42c1,#9b59b6);background:var(--metamask-gradient);border:none;border-radius:100px;box-shadow:0 8px 20px #6f42c14d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.2rem;font-weight:600;gap:10px;justify-content:center;padding:1rem 2.5rem;transition:all .3s ease;transition:var(--metamask-hover-transition)}.connect-wallet-button:hover{box-shadow:0 12px 25px #6f42c166;transform:translateY(-3px)}.connect-wallet-button.pulse{animation:pulse 1.5s infinite}.button-icon{font-size:1.2rem;transition:transform .3s ease}.connect-wallet-button:hover .button-icon{transform:translateX(5px)}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:3rem}.feature-card{align-items:center;background-color:#fff;border-radius:16px;box-shadow:0 12px 30px #0000001a;box-shadow:var(--metamask-card-shadow);display:flex;flex-direction:column;padding:2rem;text-align:center;transition:all .3s ease;transition:var(--metamask-hover-transition)}.feature-card:hover{box-shadow:0 12px 25px #0000001a;transform:translateY(-5px)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-content h3{color:#24292e;color:var(--metamask-text);font-size:1.3rem;font-weight:600;margin-bottom:.8rem}.feature-content p{color:#666;font-size:1rem;line-height:1.5}.wallet-note{align-items:center;background-color:#6f42c11a;border-radius:12px;display:flex;gap:1rem;padding:1.2rem}.note-icon{font-size:1.5rem}.wallet-note p{color:#555;font-size:.95rem;margin:0}@media (max-width:992px){.features-grid{grid-template-columns:repeat(2,1fr)}.welcome-title{font-size:2.8rem}.subtitle{font-size:1.6rem}}@media (max-width:768px){.features-grid{grid-template-columns:1fr}.wallet-connect-card{padding:2rem}.welcome-title{font-size:2.2rem}.subtitle{font-size:1.4rem}}.app-container{background-color:#fef6f4;background-color:var(--metamask-bg)}.app-header{border-radius:0 0 16px 16px;box-shadow:0 4px 15px #0000000d;padding:1rem 2rem}.header-left h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6f42c1,#9b59b6);background:var(--metamask-gradient);-webkit-background-clip:text;background-clip:text;font-weight:800}.nav-button{transition:all .3s ease;transition:var(--metamask-hover-transition)}.nav-button.active{color:#6f42c1;color:var(--metamask-purple);font-weight:600}.wallet-address{align-items:center;background-color:#6f42c11a;color:var(--metamask-purple);display:inline-flex;gap:.5rem;padding:.6rem 1.2rem}.wallet-address:before{color:#4cd964;content:"•";font-size:1.5rem}.connect-wallet{background:linear-gradient(90deg,#6f42c1,#9b59b6);background:var(--metamask-gradient);border:none;border-radius:100px;box-shadow:0 4px 12px #6f42c133;color:#fff;cursor:pointer;font-weight:600;padding:.6rem 1.2rem;transition:all .3s ease;transition:var(--metamask-hover-transition)}.connect-wallet:hover{background:linear-gradient(90deg,#5a32a3,#8e44ad);box-shadow:0 6px 15px #6f42c14d;transform:translateY(-2px)}.mining-actions-card,.mining-info-card{border:none}.card-header{background:linear-gradient(90deg,#6f42c11a,#9b59b61a);border-bottom:none;padding:1.2rem 1.5rem}.card-header h3{color:var(--metamask-purple)}.action-button{background:linear-gradient(90deg,#6f42c1,#9b59b6);background:var(--metamask-gradient);border:none;border-radius:100px;box-shadow:0 4px 12px #6f42c133;color:#fff;cursor:pointer;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease;transition:var(--metamask-hover-transition)}.action-button:hover{box-shadow:0 6px 15px #6f42c14d;transform:translateY(-2px)}.action-button:disabled{background:#d1d5db;box-shadow:none}.mobile-footer-nav{background:#fff;border-radius:20px 20px 0 0;border-top:none;box-shadow:0 -5px 20px #00000014}.mobile-nav-button.active{background-color:#6f42c11a;color:#6f42c1;color:var(--metamask-purple)}.mining-page{max-width:900px;padding:20px}.page-header{margin-bottom:30px;text-align:center}.page-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6f42c1,#9b59b6);background:var(--metamask-gradient);-webkit-background-clip:text;color:#6f42c1;color:var(--primary-color);font-size:2.2rem;font-weight:700;margin-bottom:10px}.section-description{color:#6b7280;font-size:1.1rem;margin-bottom:20px}.mining-actions-card,.mining-info-card{border-radius:20px;box-shadow:0 10px 25px #0000000d;margin-bottom:30px;transition:all .3s ease}.mining-actions-card:hover,.mining-info-card:hover{box-shadow:0 15px 35px #00000014;transform:translateY(-5px)}.card-header{border-bottom:1px solid #0000000d;padding:20px 25px}.card-header h3{color:#6f42c1;font-size:1.4rem;font-weight:700}.card-section{padding:25px}.status-badge{border-radius:100px;font-size:.9rem;font-weight:600;padding:6px 12px}.status-badge.active{color:var(--success-color)}.status-badge.inactive{background-color:#ef535026;color:#d73a49;color:var(--danger-color)}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.info-grid{grid-template-columns:1fr}}.info-item{background-color:#f9fafb;border:1px solid #e1e4e8;border:1px solid var(--border-color);border-radius:16px;flex:1 1;margin:0 10px;padding:20px;text-align:center;transition:all .3s ease}.info-item:hover{box-shadow:0 8px 20px #0000000d;transform:translateY(-3px)}.info-item.highlight{background-color:#f6851b1a;border-color:#f6851b;border-color:var(--secondary-color)}.info-label{color:#6b7280;font-size:1rem;font-weight:600;margin-bottom:8px}.info-value{color:#6f42c1;color:var(--primary-color);font-size:1.4rem;font-weight:700;margin-bottom:5px}.info-note{color:#9ca3af;font-size:.8rem}.mining-action-section{border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--border-color);padding:25px}.mining-action-section:last-child{border-bottom:none}.mining-action-section h4{color:#24292e;color:var(--text-color);font-size:1.2rem;font-weight:600;margin-bottom:10px;margin-top:0}.join-mining-section{padding:25px}.join-mining-section h4{color:#24292e;color:var(--text-color);font-size:1.2rem;font-weight:600;margin-bottom:10px;margin-top:0}.input-group{margin-bottom:20px}.input-group label{color:#4b5563;display:block;font-weight:500;margin-bottom:8px}.claim-controls{margin-top:20px}.cycles-input{margin-bottom:20px}.cycles-input,.number-input{align-items:center;display:flex}.number-input{margin-left:10px}.number-input button{align-items:center;display:flex;font-size:1.2rem;font-weight:700;height:36px;justify-content:center;padding:0;width:36px}.number-input input{-moz-appearance:textfield;border:none;font-size:1rem;margin:0;padding:10px 0;text-align:center;width:60px}.number-input input::-webkit-inner-spin-button,.number-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mining-info-card{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:20px}.invite-mechanism{padding:25px}.mechanism-row{display:flex;justify-content:space-between;margin-bottom:20px}.mechanism-row:last-child{margin-bottom:0}.mechanism-item{background-color:#f9fafb;border:1px solid #e1e4e8;border:1px solid var(--border-color);border-radius:16px;flex:1 1;margin:0 10px;padding:20px;text-align:center;transition:all .3s ease}.mechanism-item:first-child{margin-left:0}.mechanism-item:last-child{margin-right:0}.mechanism-item:hover{box-shadow:0 8px 20px #0000000d;transform:translateY(-3px)}.mechanism-item.highlight{background-color:#f6851b1a;border-color:#f6851b;border-color:var(--secondary-color)}.mechanism-label{color:#6b7280;font-size:1rem;font-weight:600;margin-bottom:8px}.mechanism-value{color:#6f42c1;color:var(--primary-color);font-size:1.4rem;font-weight:700;margin-bottom:5px}.mechanism-note{color:#9ca3af;font-size:.8rem}@media (max-width:768px){.mechanism-row{flex-direction:column}.mechanism-item{margin:0 0 15px}.mechanism-item:last-child{margin-bottom:0}}.info-row{border-bottom:1px solid #e1e4e8;padding:15px 0}.info-row:last-child{border-bottom:none}.info-row .info-label{color:#6b7280;font-size:.95rem;font-weight:500;text-align:left}.info-row .info-value{color:#24292e;color:var(--text-color);font-size:.95rem;font-weight:600;text-align:right}.loading{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;margin-left:10px;width:20px}.join-button{margin-top:10px;width:100%}.claim-button,.confirm-button,.join-button{background:linear-gradient(90deg,#6f42c1,#9b59b6);background:var(--metamask-gradient)}.claim-button,.confirm-button{min-width:150px}.claim-button:hover,.confirm-button:hover,.join-button:hover{background:linear-gradient(90deg,#5a32a3,#8e44ad)}.mining-instructions{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(2,1fr);padding:25px}@media (max-width:768px){.mining-instructions{grid-template-columns:1fr}}.instruction-item{background-color:#f9fafb;border:1px solid #e1e4e8;border:1px solid var(--border-color);border-radius:16px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.instruction-item:hover{box-shadow:0 8px 20px #0000000d;transform:translateY(-3px)}.instruction-icon{color:#6f42c1;color:var(--primary-color);flex-shrink:0;font-size:2rem}.instruction-content h4{color:#6f42c1;color:var(--primary-color);font-size:1.1rem;font-weight:600;margin-bottom:10px;margin-top:0}.instruction-content p{color:#4b5563;font-size:.9rem;line-height:1.5;margin:0 0 8px}.instruction-content p:last-child{margin-bottom:0}.desktop-only,.mobile-only{display:none}@media (min-width:769px){.desktop-only{display:flex}}@media (max-width:768px){.mobile-only{display:flex}}.app-header{z-index:100}.header-left h1{color:#6f42c1}.header-center{flex:1 1;justify-content:center}.header-right{align-items:center;display:flex;justify-content:flex-end;padding-right:0}.wallet-address{background-color:#f3f4f6;border-radius:100px;font-size:.9rem;font-weight:600;padding:8px 16px}.mobile-menu-toggle,.wallet-address{color:#6f42c1;color:var(--primary-color)}.mobile-menu-toggle{align-items:center;background:#0000;border:none;border-radius:50%;box-shadow:none;cursor:pointer;display:flex;font-size:1.8rem;height:40px;justify-content:center;margin-right:-5px;padding:0;position:relative;width:40px;z-index:101}.mobile-menu-toggle:hover{background-color:#6f42c11a;box-shadow:none;transform:none}.mobile-menu-overlay{animation:slideIn .3s ease;background-color:#fff;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;height:100%;left:0;max-width:100vw;overflow:hidden;position:fixed;right:0;top:0;width:100%;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:20px}.mobile-menu-logo h2{color:#6f42c1;color:var(--primary-color);font-size:1.5rem;font-weight:700;margin:0}.mobile-menu-close{align-items:center;background:#0000;border:none;border-radius:50%;box-shadow:none;color:#4b5563;display:flex;font-size:1.8rem;height:40px;justify-content:center;padding:0;width:40px}.mobile-menu-close:hover{background-color:#f3f4f6;box-shadow:none;transform:none}.mobile-menu-content{flex:1 1;overflow-y:auto;padding:20px}.mobile-menu-nav{display:flex;flex-direction:column;gap:10px}.mobile-menu-item{align-items:center;background-color:initial;border:none;border-radius:12px;box-shadow:none;color:#1f2937;cursor:pointer;display:flex;font-weight:500;padding:16px;text-align:left;transition:background-color .2s ease}.mobile-menu-item:hover{background-color:#f3f4f6;box-shadow:none;transform:none}.mobile-menu-item.active{background-color:#6f42c11a;color:#6f42c1;color:var(--primary-color);font-weight:700}.mobile-menu-icon{align-items:center;display:flex;font-size:1.2rem;justify-content:center;margin-right:12px;width:24px}.mobile-menu-text{flex:1 1;font-size:1rem}.mobile-menu-arrow{color:#9ca3af;font-size:1.5rem}.mobile-menu-footer{border-top:1px solid #f3f4f6;padding:20px}.metamask-web-button{align-items:center;background-color:#000;border-radius:100px;box-shadow:none;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;padding:14px 20px;transition:all .2s ease;width:100%}.metamask-web-button:hover{background-color:#333;transform:none}.navigation{gap:30px}.nav-item{background-color:initial;border:none;border-radius:100px;color:#4b5563;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.nav-item:hover{box-shadow:none;transform:none}.nav-item.active,.nav-item:hover{background-color:#6f42c11a;color:#6f42c1;color:var(--primary-color)}.nav-item.active{font-weight:700}@media (max-width:768px){.app-content{padding:0 15px}.mining-page{padding-bottom:40px}}.mining-page{box-sizing:border-box;margin:0 auto;max-width:100%;overflow-x:hidden;padding:0 15px 40px}.page-header{height:20px;margin-bottom:20px}.card-header{align-items:center;background-color:#6f42c11a;border-top-left-radius:16px;border-top-right-radius:16px;display:flex;justify-content:space-between;min-height:50px;padding:15px 20px;width:100%}.card-header h3{color:var(--primary-color);font-size:1.2rem;font-weight:600;margin:0;white-space:nowrap}.mining-actions-card,.mining-info-card{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;box-sizing:border-box;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:500px;min-width:320px;overflow:hidden;padding:0;width:100%}.card-section{padding:20px}.rewards-grid{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:0 auto;max-width:400px;width:100%}.reward-item{background-color:#f9f9f9;border-radius:10px;flex-basis:calc(50% - 15px);flex-direction:column;flex-grow:1;flex-shrink:1;height:100%;margin:8px auto;max-width:calc(50% - 15px);min-width:120px;padding:10px}.reward-item,.reward-value{align-items:center;display:flex;justify-content:center;text-align:center}.reward-value{color:var(--primary-color);font-size:1.1rem;font-weight:500;margin-bottom:5px;width:100%}.reward-label{text-align:center;width:100%}.invite-qr-container,.reward-label{align-items:center;display:flex;justify-content:center}.invite-qr-container{flex-direction:column;margin:0 auto;max-width:100%}.invite-link-box{align-items:center;background-color:#f5f5f5;border-radius:8px;box-sizing:border-box;display:flex;justify-content:space-between;margin:15px auto;max-width:100%;overflow:hidden;padding:0 4px 0 12px;width:100%}.invite-link-text{flex-grow:1;max-width:calc(100% - 40px);overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.copy-button{background-color:#6f42c1;border:none;border-radius:4px;color:#fff;flex-shrink:0;font-size:.8rem;height:28px;margin-left:5px;min-width:32px;padding:0 6px;width:auto}.mining-panel{margin:0 auto;max-width:500px;width:100%}.app-container{max-width:100vw;overflow-x:hidden}.app-content{align-items:center;flex-direction:column;margin:0 auto;max-width:100%;overflow-x:hidden}.app-content,.app-content-wrapper{box-sizing:border-box;display:flex;width:100%}.app-content-wrapper{justify-content:center;padding:0 15px}.info-row{border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin:16px 0;padding:12px 0;width:100%}.info-label{flex:1 1;text-align:left}.info-row span:last-child{text-align:right;word-break:break-word}.status-badge{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:500;min-width:60px;overflow:visible;padding:3px 12px;text-align:center;white-space:nowrap}.status-badge.active{background-color:#28a74526;color:#28a745}.status-badge.inactive{background-color:#ffc10726;color:#ffc107}.invite-stats{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:0 auto;max-width:100%}.invite-stat-item{flex-basis:calc(50% - 15px);flex-grow:1;flex-shrink:1;min-width:120px;text-align:center}@media (max-width:768px){.mobile-menu-overlay{padding:0}.mobile-menu-toggle{margin-right:0}.header-right{padding-right:10px}}@media (max-width:480px){.copy-button{border-radius:3px;font-size:.65rem;height:24px;margin-left:4px;min-width:30px;padding:0 3px;width:auto}.invite-link-text{font-size:.85rem;max-width:calc(100% - 36px)}.invite-link-box{margin:10px auto;padding:0 3px 0 10px}.invite-qr-container p{font-size:.9rem;margin:10px 0}}@media (min-width:769px){.app-content{max-width:800px;padding:0;width:100%}.app-content-wrapper{padding:0 20px}.mining-page{margin:0 auto;max-width:600px;padding:0 0 40px;width:100%}.mining-actions-card,.mining-info-card{max-width:600px;min-width:500px}}@media (max-width:768px){.mining-actions-card,.mining-info-card{min-width:320px;width:100%}.mining-page{align-items:center;display:flex;flex-direction:column}}.app-header{background-color:#fff;box-shadow:0 2px 10px #0000000d;box-sizing:border-box;justify-content:space-between;padding:15px 20px;position:relative;width:100%;z-index:10}.app-header,.header-left{align-items:center;display:flex}.header-left h1{color:var(--primary-color);font-size:1.5rem;font-weight:700;margin:0}@media (min-width:769px){.app-header{display:grid;grid-template-columns:1fr auto 1fr;justify-content:space-between;margin:0 auto;max-width:1200px;position:relative}.header-left{grid-column:1;justify-self:start}.header-center{grid-column:2;justify-self:center}.header-right{grid-column:3;justify-self:end}.mobile-only{display:none!important}}.navigation{display:flex;justify-content:center}@keyframes highlight{0%{background-color:#6f42c11a}50%{background-color:#6f42c133}to{background-color:#6f42c11a}}@keyframes slideUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes growNumber{0%{transform:scale(1)}50%{color:#6f42c1;transform:scale(1.15)}to{transform:scale(1)}}.reward-display-container{background-color:#fff;border:1px solid #6f42c11a;border-radius:16px;box-shadow:0 4px 12px #6f42c11a;cursor:pointer;margin:15px auto;max-width:90%;padding:20px;position:relative;text-align:center;transition:all .25s ease}.reward-display-container:hover{box-shadow:0 6px 16px #6f42c133;transform:translateY(-2px)}.reward-display-container:active{background-color:#faf7ff;box-shadow:0 3px 6px #6f42c126;transform:translateY(0)}.reward-title{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:5px}.reward-description,.reward-title{transform:translateY(0);transition:transform .3s ease}.reward-description{color:#666;font-size:.95rem;margin-bottom:15px;margin-left:auto;margin-right:auto;max-width:90%}.reward-amount-container{background-color:#f8f2ff;border-radius:12px;margin:15px auto;max-width:85%;padding:15px 10px;position:relative;transition:all .3s ease}.reward-amount-container.updating{animation:highlight 1s ease-in-out}.reward-amount{color:#6f42c1;font-size:1.8rem;font-weight:700;margin:10px 0;position:relative;transition:all .3s ease}.reward-amount.has-reward{animation:pulse 2s ease-in-out infinite}.reward-amount.updating{animation:growNumber .5s ease-out}.reward-label{color:#666;font-size:.9rem;margin-bottom:5px}.reward-growth-indicator{align-items:center;color:#6f42c1;display:flex;font-size:.95rem;justify-content:center;margin:10px auto;opacity:.9;transition:all .3s ease}.rate-icon{animation:pulse 2s ease-in-out infinite;margin-right:5px}.claim-hint{color:#666;font-size:.9rem;margin:15px auto 20px;max-width:90%}.claim-button{background-color:#6f42c1;border:none;border-radius:30px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:500;margin:0 auto;max-width:85%;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s ease;width:100%}.claim-button:hover{background-color:#5e35b1;box-shadow:0 4px 8px #5e35b14d;transform:translateY(-2px)}.claim-button:active{box-shadow:0 2px 4px #5e35b133;transform:translateY(0)}.claim-button:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.claim-button:focus:not(:active):after{animation:ripple 1s ease-out}@keyframes ripple{0%{opacity:.5;transform:scale(0)}20%{opacity:.3;transform:scale(25)}to{opacity:0;transform:scale(40)}}.reward-details-panel{animation:fadeIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:inset 0 2px 6px #00000014;margin-top:15px;padding:15px}.reward-details-item{border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;padding:8px 5px}.reward-details-item:last-child{border-bottom:none;font-weight:600}.reward-details-label{color:#555}.reward-details-value{color:#6f42c1;font-weight:500}@media screen and (max-width:480px){.reward-display-container{max-width:100%;padding:15px}.reward-amount{font-size:1.6rem}.reward-title{font-size:1rem}.reward-description{font-size:.9rem;margin-bottom:10px}.claim-button{font-size:.95rem;padding:10px 15px}.reward-amount-container{padding:10px 5px}}@media screen and (min-width:769px){.reward-display-container{max-width:85%;padding:25px}.reward-amount{font-size:2rem}.claim-button{max-width:80%;padding:14px 25px}.reward-display-container:hover .reward-description,.reward-display-container:hover .reward-title{transform:translateY(-2px)}}.chat-room-container{background-color:#1a1a2e;border-radius:10px;box-shadow:0 8px 20px #0000004d;display:flex;flex-direction:column;height:80vh;margin:20px auto;max-height:900px;max-width:750px;min-height:700px;min-width:650px;overflow:hidden;position:relative;width:700px}.chat-title-container{align-items:center;background-color:#0f172a;border-bottom:1px solid #2a2a4a;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;flex-shrink:0;height:70px;justify-content:space-between;padding:18px 20px;z-index:10}.chat-title{color:#fff;font-size:1.8rem;font-weight:600;text-shadow:0 1px 2px #0003;white-space:nowrap}.language-selector{background-color:#ffffff14;border-radius:24px;display:flex;overflow:visible;padding:4px}.language-btn{background:none;border:none;border-radius:20px;color:#aaa;cursor:pointer;font-size:.9rem;font-weight:500;margin:0;padding:8px 15px;transition:all .3s ease;white-space:nowrap}.language-btn.active{background-color:#6f42c1;box-shadow:0 2px 4px #6f42c14d;color:#fff;font-weight:600}.language-btn:hover:not(.active){background-color:#6f42c133;color:#fff}.actions-container{align-items:center;display:flex;gap:10px}.clear-chat-btn{align-items:center;background-color:#ffffff1a;border:none;border-radius:50%;color:#eee;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.clear-chat-btn:hover{background-color:#fff3;transform:scale(1.05)}.clear-chat-btn:active{transform:scale(.95)}.chat-messages{background-color:#1a1a2e;background-image:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-size:20px 20px;display:flex;flex:1 1;flex-direction:column;gap:15px;max-height:380px;min-height:380px;overflow-y:auto;padding:25px;scrollbar-color:#6f42c1 #1a1a2e;scrollbar-width:thin}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#1a1a2e}.chat-messages::-webkit-scrollbar-thumb{background-color:#6f42c1;border-radius:8px}.message{animation:fadeIn .3s ease-out;border-radius:20px;box-shadow:0 3px 6px #0000001a;box-sizing:border-box;max-width:80%;min-width:60px;padding:15px 20px;word-break:break-word}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.own-message{align-self:flex-end;background-color:#6f42c1;border-bottom-right-radius:6px;color:#fff}.other-message{align-self:flex-start;background-color:#2a2a4a;border-bottom-left-radius:6px;color:#fff}.message-header{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:8px;opacity:.8}.message-sender{color:#ffffffe6;font-weight:600}.message-time{color:#ffffffb3;font-size:.85rem}.message-content{font-size:1.1rem;line-height:1.5}.chat-input-container{align-items:center;background-color:#161627;border-top:1px solid #2a2a4a;display:flex;flex-shrink:0;height:70px;padding:15px 20px;position:relative;z-index:5}.char-counter{background-color:#2a2a4a80;border-radius:10px;bottom:10px;color:#aaa;font-size:.8rem;padding:2px 6px;position:absolute;right:100px}.char-counter.warning{color:#fc0}.char-counter.danger{color:#f44}.chat-input{background-color:#2a2a4a;border:none;border-radius:24px;box-shadow:inset 0 2px 4px #0000001a;color:#fff;flex:1 1;font-size:.95rem;height:40px;min-width:0;outline:none;padding:12px 16px;resize:none;transition:all .2s ease}.chat-input:focus{background-color:#323258;box-shadow:inset 0 2px 4px #0000001a,0 0 0 2px #6f42c14d}.chat-input::placeholder{color:#aaa}.send-button{align-items:center;background-color:#6f42c1;border:none;border-radius:24px;box-shadow:0 3px 6px #6f42c14d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:40px;justify-content:center;margin-left:12px;padding:0 12px;transition:all .3s;white-space:nowrap;width:70px}.send-button:hover{background-color:#7b52d1;box-shadow:0 4px 8px #6f42c166;transform:translateY(-1px)}.send-button:active{box-shadow:0 2px 4px #6f42c14d;transform:translateY(1px)}.send-button:disabled{background-color:#444;box-shadow:none;cursor:not-allowed;transform:none}.loading-messages,.no-messages{align-items:center;color:#888;display:flex;font-size:1.1rem;font-style:italic;height:200px;justify-content:center;text-align:center}.loading-messages{flex-direction:column}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #6f42c133;border-radius:50%;border-top-color:#6f42c1;height:45px;margin-bottom:15px;width:45px}@keyframes spin{to{transform:rotate(1turn)}}.connect-wallet-message{background-color:#ff9800;font-size:1.1rem;padding:16px}.connect-wallet-message,.cooldown-message{box-shadow:0 -3px 6px #0000001a;color:#fff;font-weight:500;text-align:center}.cooldown-message{animation:pulse 1.5s infinite;background-color:#6f42c1;font-size:.9rem;padding:10px}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.firebase-note{align-items:center;background-color:#1a1a2e;border-top:1px solid #2a2a4a;color:#aaa;display:flex;flex-shrink:0;font-size:.9rem;height:40px;justify-content:center;padding:10px;text-align:center}.firebase-note-container{flex-shrink:0;width:100%}@media (max-width:768px){.chat-room-container{border-radius:0;bottom:0;box-shadow:none;display:flex;flex-direction:column;height:auto;left:0;margin:0;max-height:none;max-width:100%;min-height:0;min-width:100%;padding-bottom:0;position:fixed;right:0;top:70px;width:100%;z-index:100}.chat-title-container{height:auto;min-height:50px;padding:10px 12px}.chat-title{font-size:1.3rem}.language-btn{font-size:.8rem;padding:6px 8px}.chat-messages{flex:1 1;margin-bottom:0;max-height:none;min-height:0;overflow-y:auto;padding:10px}.message{margin-bottom:10px;max-width:95%;min-width:50px;padding:8px 12px}.chat-input-container{align-items:center;display:flex;height:auto;min-height:50px;padding:8px 10px}.char-counter{bottom:8px;font-size:.7rem;right:80px}.chat-input{font-size:.9rem;padding:8px 12px}.chat-input,.send-button{border-radius:20px;height:36px}.send-button{font-size:.85rem;margin-left:8px;width:60px}.cooldown-message{font-size:.8rem;padding:8px}.firebase-note-container{flex-shrink:0;margin-top:auto;position:relative;width:100%}.firebase-note{align-items:center;background-color:#1a1a2e;border-top:1px solid #2a2a4a;display:flex;font-size:.75rem;height:auto;justify-content:center;line-height:1.3;min-height:30px;padding:8px 10px;text-align:center;width:100%}}
/*# sourceMappingURL=main.df873eec.css.map*/