.wallet-connect{display:flex;align-items:center;gap:12px}.connect-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.connect-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.connect-button:disabled{opacity:.7;cursor:not-allowed}.wallet-info{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#ffffff1a;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.account-address{font-family:Courier New,monospace;font-weight:600;color:#4ade80}.disconnect-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:6px;cursor:pointer;transition:all .3s ease}.disconnect-button:hover{background:#ef444433;transform:scale(1.05)}.error-message{color:#ef4444;font-size:14px;margin-top:8px;padding:8px 12px;background:#ef44441a;border-radius:6px;border:1px solid rgba(239,68,68,.3)}:root{--primary-color: #667eea;--secondary-color: #764ba2;--success-color: #4ade80;--error-color: #ef4444;--warning-color: #f59e0b;--text-primary: #1a1a1a;--text-secondary: #666;--background-light: #ffffff;--background-dark: #1a1a1a;--border-color: #e9ecef}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.app{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.app-container{max-width:1200px;margin:0 auto;padding:0 20px;min-height:100vh;display:flex;flex-direction:column}.header{padding:24px 0;border-bottom:1px solid rgba(255,255,255,.1)}.header-content{display:flex;justify-content:space-between;align-items:center;gap:24px}.logo h1{font-size:28px;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#fff,#e5e7eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo p{margin:0;color:#fffc;font-size:14px}.main-content{flex:1;padding:32px 0}.connect-prompt{display:flex;justify-content:center;align-items:center;min-height:400px}.prompt-card{background:#ffffff1a;border-radius:16px;padding:48px;text-align:center;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:500px}.prompt-card h2{font-size:24px;margin-bottom:16px;color:#e5e7eb}.prompt-card p{color:#fffc;margin-bottom:32px}.features{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.feature{display:flex;flex-direction:column;align-items:center;gap:8px;color:#ffffffe6}.feature-icon{font-size:24px}.contract-info{margin-bottom:32px}.info-card{background:#ffffff0d;border-radius:12px;padding:24px;border:1px solid rgba(255,255,255,.1)}.info-card h3{margin:0 0 16px;color:#e5e7eb;font-size:18px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff0d;border-radius:8px}.label{color:#ffffffb3;font-size:14px}.value{color:#4ade80;font-family:Courier New,monospace;font-size:14px;font-weight:600;flex:1;width:100%;text-overflow:ellipsis;white-space:normal;overflow:hidden}.tab-navigation{display:flex;gap:8px;margin-bottom:24px;background:#ffffff0d;border-radius:12px;padding:8px}.tab-button{flex:1;padding:12px 24px;background:transparent;border:none;border-radius:8px;color:#ffffffb3;font-weight:600;cursor:pointer;transition:all .3s ease}.tab-button.active{background:#ffffff1a;color:#fff;box-shadow:0 2px 8px #0000001a}.tab-button:hover:not(.active){background:#ffffff0d;color:#ffffffe6}.tab-content{min-height:400px}.footer{padding:24px 0;text-align:center;border-top:1px solid rgba(255,255,255,.1);color:#fff9;font-size:14px}@media (max-width: 768px){.header-content{flex-direction:column;text-align:center;gap:16px}.logo h1{font-size:24px}.prompt-card{padding:32px 24px}.features{gap:24px}.info-grid{grid-template-columns:1fr}.tab-navigation{flex-direction:column}.tab-button{text-align:center}}@media (max-width: 480px){.app-container{padding:0 16px}.prompt-card{padding:24px 20px}.features{gap:20px}.feature-icon{font-size:20px}}@media (prefers-color-scheme: dark){:root{--text-primary: #ffffff;--text-secondary: #b0b0b0;--border-color: #404040}}.payment-container{display:flex;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.payment-card{background:#fffffff2;border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);max-width:480px;width:100%;animation:slideUp .6s ease-out}.payment-header{text-align:center;margin-bottom:32px}.payment-title{display:flex;align-items:center;justify-content:center;gap:12px;font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.payment-subtitle{color:#666;font-size:16px;margin:0}.payment-methods{display:flex;gap:12px;margin-bottom:32px}.method-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 20px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;color:#495057;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}.method-button:hover{background:#e9ecef;border-color:#dee2e6;transform:translateY(-2px)}.method-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;box-shadow:0 8px 20px #667eea4d}.payment-form,.input-group{margin-bottom:24px}.input-wrapper{position:relative;display:flex;align-items:center}.currency-symbol{position:absolute;left:16px;color:#666;font-weight:600;font-size:18px;z-index:1}.amount-input{width:100%;padding:16px 16px 16px 40px;border:2px solid #e9ecef;border-radius:12px;font-size:18px;font-weight:600;color:#1a1a1a;background:#fff;transition:all .3s ease;outline:none}.amount-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-2px)}.amount-input::placeholder{color:#adb5bd}.payment-info{background:#f8f9fa;border-radius:12px;padding:20px;margin-bottom:24px}.info-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;width:100%;box-sizing:border-box;overflow:hidden}.info-item:last-child{margin-bottom:0}.info-label{color:#666;font-size:14px}.info-value{color:#1a1a1a;font-weight:600;font-size:14px}.pay-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #667eea4d;position:relative;overflow:hidden}.pay-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 30px #667eea66}.pay-button:active:not(:disabled){transform:translateY(-1px)}.pay-button:disabled{background:#adb5bd;cursor:not-allowed;transform:none;box-shadow:none}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.payment-footer{text-align:center}.security-note{display:flex;align-items:center;justify-content:center;gap:8px;color:#666;font-size:14px;margin:0 0 12px}.debug-info{display:flex;align-items:center;justify-content:center;gap:8px;color:#ff6b6b;font-size:12px;margin:0;padding:8px 12px;background:#ff6b6b1a;border-radius:6px;border:1px solid rgba(255,107,107,.2);font-family:Courier New,monospace}@media (max-width: 768px){.payment-card{padding:24px;border-radius:16px}.payment-title{font-size:24px}.payment-methods{flex-direction:column}.method-button{padding:14px 16px}.amount-input{font-size:16px;padding:14px 14px 14px 36px}.currency-symbol{left:14px;font-size:16px}.pay-button{padding:16px 20px;font-size:16px}}@media (max-width: 480px){.payment-card{padding:20px}.payment-title{font-size:22px}.payment-subtitle{font-size:14px}}@media (prefers-color-scheme: dark){.payment-card{background:#1e1e1ef2;border-color:#ffffff1a}.payment-title{color:#fff}.payment-subtitle{color:#b0b0b0}.method-button{background:#2a2a2a;border-color:#404040;color:#e0e0e0}.method-button:hover{background:#404040;border-color:#505050}.amount-input{background:#2a2a2a;border-color:#404040;color:#fff}.amount-input:focus{border-color:#667eea}.payment-info{background:#2a2a2a}.info-label{color:#b0b0b0}.info-value{color:#fff}.security-note{color:#b0b0b0}}.shares-history{background:#fffffff2;border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);max-width:1000px;width:100%;margin:0 auto;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.history-header{text-align:center;margin-bottom:32px}.history-title{display:flex;align-items:center;justify-content:center;gap:12px;font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.history-subtitle{color:#666;font-size:16px;margin:0}.search-mode-toggle{display:flex;gap:8px;margin-bottom:24px;background:#f8f9fa;border-radius:12px;padding:8px}.mode-button{flex:1;padding:12px 20px;background:transparent;border:2px solid transparent;border-radius:8px;color:#495057;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}.mode-button:hover{background:#e9ecef}.mode-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.search-form{margin-bottom:24px}.input-group{margin-bottom:20px}.input-label{display:block;font-weight:600;color:#1a1a1a;margin-bottom:8px;font-size:14px}.search-input{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:12px;font-size:16px;color:#1a1a1a;background:#fff;transition:all .3s ease;outline:none}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.block-range{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.block-input{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:12px;font-size:16px;color:#1a1a1a;background:#fff;transition:all .3s ease;outline:none}.block-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-actions{display:flex;gap:12px}.search-button,.refresh-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}.search-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex:1;box-shadow:0 4px 15px #667eea4d}.search-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.search-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.refresh-button{background:#f8f9fa;color:#495057;border:2px solid #e9ecef}.refresh-button:hover:not(:disabled){background:#e9ecef;transform:translateY(-2px)}.refresh-button:disabled{opacity:.7;cursor:not-allowed}.error-message{color:#ef4444;padding:12px 16px;background:#ef44441a;border-radius:8px;border:1px solid rgba(239,68,68,.3);margin-bottom:16px}.results-section{margin-top:32px}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f1f3f4}.results-header h3{margin:0;color:#1a1a1a;font-size:20px}.results-count{color:#666;font-size:14px;font-weight:600}.records-list{display:flex;flex-direction:column;gap:16px}.record-item{background:#f8f9fa;border-radius:12px;padding:20px;border:1px solid #e9ecef;transition:all .3s ease}.record-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.record-token{display:flex;align-items:center;gap:12px}.token-symbol{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:8px;font-weight:700;font-size:14px}.token-amount{font-size:18px;font-weight:700;color:#1a1a1a}.record-actions{display:flex;gap:8px}.action-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#e9ecef;border:none;border-radius:8px;color:#495057;cursor:pointer;transition:all .3s ease}.action-button:hover{background:#667eea;color:#fff;transform:scale(1.05)}.record-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.detail-item{display:flex;align-items:center;gap:8px}.detail-label{color:#666;font-size:14px;font-weight:600;min-width:80px}.address-link,.hash-link{background:none;border:none;color:#667eea;font-family:Courier New,monospace;font-size:14px;cursor:pointer;text-decoration:underline;transition:color .3s ease}.address-link:hover,.hash-link:hover{color:#764ba2}.block-number{color:#1a1a1a;font-weight:600;font-family:Courier New,monospace}.timestamp{display:flex;align-items:center;gap:6px;color:#666;font-size:14px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;color:#9ca3af;text-align:center}.empty-state svg{opacity:.5}.empty-hint{color:#666;font-size:14px;margin:0}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.shares-history{padding:24px;border-radius:16px}.history-title{font-size:24px}.block-range{grid-template-columns:1fr}.search-actions{flex-direction:column}.record-details{grid-template-columns:1fr}.record-header{flex-direction:column;align-items:flex-start;gap:12px}.record-token{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 480px){.shares-history{padding:20px}.history-title{font-size:22px}.history-subtitle{font-size:14px}}@media (prefers-color-scheme: dark){.shares-history{background:#1e1e1ef2;border-color:#ffffff1a}.history-title{color:#fff}.history-subtitle{color:#b0b0b0}.search-input,.block-input{background:#2a2a2a;border-color:#404040;color:#fff}.search-input:focus,.block-input:focus{border-color:#667eea}.record-item{background:#2a2a2a;border-color:#404040}.token-amount{color:#fff}.detail-label{color:#b0b0b0}.block-number{color:#fff}.timestamp{color:#b0b0b0}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{max-width:1280px;margin:0 auto;padding:12px;text-align:center;width:100%;box-sizing:border-box}.card{padding:2em}.read-the-docs{color:#888}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}