*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#e0e0e0;min-height:100vh}.app{max-width:480px;margin:0 auto;padding:2rem 1.5rem;text-align:center;min-height:100vh;display:flex;flex-direction:column;align-items:center}h1{font-size:2rem;margin-bottom:.5rem;background:linear-gradient(90deg,#e2b0ff,#9ecbff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:#8e99a4;margin-bottom:1rem;font-size:.95rem}.network-selector{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.network-btn{position:relative;padding:.5rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#8e99a4;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.network-btn:hover:not(:disabled){border-color:#a29bfe66;color:#a29bfe}.network-btn.active{border-color:#a29bfe;background:#a29bfe26;color:#a29bfe;font-weight:600}.network-btn.no-contract{opacity:.6}.network-btn:disabled{cursor:not-allowed;opacity:.4}.soon-badge{display:block;font-size:.6rem;color:#fdcb6e;margin-top:.15rem}.token-selector{margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.token-selector label{font-size:.85rem;color:#8e99a4}.token-selector select{padding:.4rem .75rem;border-radius:8px;border:1px solid rgba(162,155,254,.4);background:#ffffff14;color:#e0e0e0;font-size:.85rem;cursor:pointer}.token-selector select:disabled{opacity:.5;cursor:not-allowed}.network-badge{display:inline-block;margin-left:.5rem;padding:.15rem .5rem;border-radius:8px;background:#a29bfe33;font-size:.7rem;color:#a29bfe;font-family:sans-serif}.error{background:#ff475726;border:1px solid #ff4757;color:#ff6b81;padding:.75rem 1rem;border-radius:12px;margin-bottom:1rem;width:100%;font-size:.9rem}.loading{color:#9ecbff;padding:.75rem;margin-bottom:1rem;animation:pulse 1.5s infinite}.success{background:#2ed57326;border:1px solid #2ed573;color:#7bed9f;padding:.75rem 1rem;border-radius:12px;margin-bottom:1rem;width:100%;font-size:.95rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.btn{border:none;padding:.9rem 2rem;border-radius:16px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;width:100%;max-width:320px}.btn:disabled{opacity:.5;cursor:not-allowed}.eligibility{padding:.75rem 1rem;border-radius:12px;font-size:.9rem;margin-bottom:.75rem;width:100%;max-width:320px}.eligibility.eligible{background:#2ed57326;border:1px solid rgba(46,213,115,.4);color:#7bed9f}.eligibility.waiting{background:#fdcb6e26;border:1px solid rgba(253,203,110,.4);color:#ffeaa7}.btn-connect{background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff}.btn-connect:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #6c5ce766}.btn-start{background:linear-gradient(135deg,#00b894,#55efc4);color:#1a1a2e}.btn-start:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #00b89466}.btn-complete{background:linear-gradient(135deg,#fdcb6e,#ffeaa7);color:#1a1a2e}.btn-complete:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #fdcb6e66}.btn-sm{padding:.5rem 1rem;font-size:.85rem;border-radius:8px;background:#6c5ce7;color:#fff;width:auto}.main{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.account{background:#ffffff14;padding:.6rem 1.2rem;border-radius:20px;font-size:.9rem;color:#a29bfe;font-family:monospace}.contract-form{display:flex;gap:.5rem;width:100%;max-width:360px}.contract-form input{flex:1;padding:.5rem .75rem;border-radius:8px;border:1px solid #444;background:#ffffff14;color:#e0e0e0;font-size:.85rem;font-family:monospace}.contract-address{color:#636e72;font-family:monospace;font-size:.75rem}.timer{margin:1rem 0}.timer-display{font-size:4.5rem;font-weight:700;font-family:Courier New,monospace;background:linear-gradient(180deg,#dfe6e9,#b2bec3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.1em}.timer-label{color:#55efc4;margin-top:.5rem;font-size:.9rem;animation:pulse 2s infinite}.actions{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.stats{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.25rem;width:100%;max-width:320px;margin-top:1rem}.stats h3{margin-bottom:.75rem;color:#a29bfe;font-size:1rem}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.stat-item{display:flex;flex-direction:column;align-items:center;padding:.5rem;background:#ffffff0a;border-radius:10px}.stat-value{font-size:1.3rem;font-weight:700;color:#dfe6e9}.stat-label{font-size:.75rem;color:#636e72;margin-top:.2rem}.token-stats{margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.token-stat-header{display:flex;align-items:center;padding:.2rem 0 .4rem;font-size:.7rem;color:#636e72;border-bottom:1px solid rgba(255,255,255,.05)}.token-stat-row{display:flex;align-items:center;padding:.4rem 0;font-size:.85rem}.token-name{font-weight:600;color:#a29bfe;min-width:55px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.token-wallet{flex:1;color:#81ecec;text-align:right;font-size:.8rem}.token-reward{flex:1;color:#55efc4;text-align:right;font-size:.8rem}.token-fund{flex:1;color:#ffeaa7;text-align:right;font-size:.8rem}.stats p{margin-bottom:.4rem;font-size:.9rem;color:#b2bec3}.stats strong{color:#dfe6e9}.pending-section{background:#fdcb6e1a;border:1px solid rgba(253,203,110,.3);border-radius:16px;padding:1rem;width:100%;max-width:320px;text-align:center}.pending-section p{margin-bottom:.75rem;color:#ffeaa7;font-size:.9rem}.btn-claim{background:linear-gradient(135deg,#fdcb6e,#e17055);color:#fff;max-width:240px}.btn-claim:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #fdcb6e66}.pending-complete{display:flex;flex-direction:column;align-items:center;gap:.5rem}.pending-notice{color:#fdcb6e;font-size:.9rem}.btn-skip{background:transparent;border:1px solid #636e72;color:#636e72;font-size:.8rem;padding:.4rem 1rem;border-radius:8px;cursor:pointer}.btn-skip:hover{border-color:#b2bec3;color:#b2bec3}.donate-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.25rem;width:100%;max-width:320px}.donate-section h3{margin-bottom:.75rem;color:#a29bfe;font-size:1rem}.donate-list{display:flex;flex-direction:column;gap:.5rem}.donate-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background:#ffffff0a;border-radius:8px}.donate-token-info{display:flex;flex-direction:column;align-items:flex-start}.donate-token-name{font-weight:600;color:#a29bfe;font-size:.9rem}.donate-token-fund{font-size:.75rem;color:#636e72}.donate-form{display:flex;gap:.3rem;align-items:center}.donate-form input{width:100px;padding:.4rem .5rem;border-radius:6px;border:1px solid #444;background:#ffffff14;color:#e0e0e0;font-size:.8rem}.btn-donate-sm{padding:.35rem .5rem;font-size:.8rem;line-height:1;border-radius:6px;background:linear-gradient(135deg,#a29bfe,#6c5ce7);color:#fff;border:none;cursor:pointer;white-space:nowrap}.btn-donate-sm:hover:not(:disabled){box-shadow:0 2px 10px #6c5ce766}.history-section{width:100%;max-width:360px;margin-top:1rem}.history-section h3{margin-bottom:.5rem}.history-list{display:flex;flex-direction:column;gap:.25rem;max-height:200px;overflow-y:auto}.history-row{display:flex;align-items:center;gap:.5rem;padding:.3rem .5rem;border-radius:6px;font-size:.75rem;background:#ffffff0a}.history-row.rewarded{border-left:3px solid #00b894}.history-row.pending{border-left:3px solid #fdcb6e}.history-row.recorded{border-left:3px solid #636e72}.history-date{color:#b2bec3;min-width:40px}.history-time{color:#636e72;min-width:38px}.history-net{color:#74b9ff;flex:1}.history-result{font-weight:600;text-align:right}.history-row.rewarded .history-result{color:#00b894}.history-row.pending .history-result{color:#fdcb6e}.history-row.recorded .history-result{color:#636e72}.history-empty{color:#636e72;font-size:.8rem}.btn-clear-history{margin-top:.5rem;background:transparent;border:none;color:#636e72;font-size:.7rem;cursor:pointer;text-decoration:underline}.btn-clear-history:hover{color:#b2bec3}footer{margin-top:auto;padding-top:2rem;color:#636e72;font-size:.75rem}@media (max-width: 480px){.app{padding:1.5rem 1rem}h1{font-size:1.6rem}.timer-display{font-size:3.5rem}.token-name{min-width:45px;font-size:.75rem}.token-wallet,.token-reward,.token-fund{font-size:.7rem}.token-stat-header{font-size:.6rem}.donate-row{flex-direction:column;gap:.3rem;align-items:stretch}.donate-form input{flex:1;width:auto}}