:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#1a1a2e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#667eea;text-decoration:inherit}a:hover{color:#764ba2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}h1{font-size:3.2em;line-height:1.1}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.App{display:flex;flex-direction:column;gap:2rem}h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{padding:2rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card h2{margin-top:0;font-size:1.5rem;color:#667eea}.card h3{margin-top:1.5rem;margin-bottom:.5rem;font-size:1.2rem}.balances{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.balance{font-size:2.5rem;font-weight:700;margin:1rem 0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}input[type=text],input[type=number]{width:100%;padding:.75rem;margin:.5rem 0;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:1rem;box-sizing:border-box}input[type=text]:focus,input[type=number]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}button{padding:.75rem 2rem;margin:.5rem;border:none;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}.status{padding:1.25rem 1.5rem;border-radius:12px;margin-top:1.5rem;background:linear-gradient(135deg,#00c89626,#0096c826);border:2px solid rgba(0,200,150,.4);box-shadow:0 4px 20px #00c89633;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 4px 20px #00c89633}50%{box-shadow:0 4px 30px #00c89666}}.status p{margin:0;color:#00c896;font-weight:600;font-size:1.1rem;text-shadow:0 0 10px rgba(0,200,150,.3)}.address-inputs{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.address-inputs>div{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.address-inputs label{font-weight:600;margin-bottom:.25rem;color:#667eea}.wallet-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#667eea26,#764ba226);border-radius:12px;border:1px solid rgba(102,126,234,.3)}.wallet-info{display:flex;align-items:center;gap:1.5rem}.wallet-address{font-family:monospace;font-size:1rem;color:#667eea;font-weight:600;background:#0003;padding:.4rem .8rem;border-radius:6px}.wallet-balance{color:#fffc;font-weight:500}.wallet-actions{display:flex;gap:.5rem}button.small{padding:.4rem .8rem!important;font-size:.85rem!important;margin:0!important}button.small.secondary{background:transparent!important;border:1px solid rgba(102,126,234,.5)!important;color:#667eea!important}button.small.secondary:hover:not(:disabled){background:#667eea33!important}.network-setup-card{background:#667eea0d!important;border:1px solid rgba(102,126,234,.2)!important}.network-buttons-row{display:flex;gap:2rem;justify-content:center;margin-bottom:1.5rem}.network-button-group{display:flex;flex-direction:column;align-items:center;gap:.5rem}.network-label{font-size:.9rem;color:#ffffffb3;font-weight:500}.button-pair{display:flex;gap:.5rem}.button-pair button{padding:.5rem 1.25rem;margin:0}.button-pair button.secondary{background:transparent!important;border:2px solid #667eea!important;color:#667eea!important}.button-pair button.secondary:hover:not(:disabled){background:#667eea33!important;box-shadow:none}.network-info-compact{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.info-row{display:flex;flex-direction:column;gap:.25rem;text-align:left}.info-row .info-label{font-size:.75rem;color:#ffffff80;font-weight:500;text-transform:uppercase}.info-row code{font-family:monospace;background:#0000004d;padding:.4rem .6rem;border-radius:4px;font-size:.8rem;color:#667eea;word-break:break-all}.status a{color:#00e5ff;text-decoration:none;font-weight:700;padding:.2rem .5rem;background:#00e5ff26;border-radius:4px;transition:all .2s ease}.status a:hover{color:#fff;background:#00e5ff4d;text-decoration:none}.tab-nav{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.tab-button{padding:.75rem 2rem!important;margin:0!important;background:transparent!important;border:2px solid rgba(102,126,234,.3)!important;color:#ffffffb3!important;font-weight:600!important;transition:all .2s ease!important}.tab-button:hover:not(:disabled){background:#667eea1a!important;border-color:#667eea80!important;transform:none!important;box-shadow:none!important}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:transparent!important;color:#fff!important}.faucet-card{max-width:800px;margin:0 auto}.faucet-description{color:#ffffffb3;margin-bottom:2rem;font-size:1.1rem}.faucet-controls{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem}.faucet-controls label{display:flex;align-items:center;gap:.5rem}.faucet-controls select{padding:.5rem;border-radius:8px;background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.2)}.faucet-error{color:#f87171;font-size:.9rem;margin-top:.5rem}.faucet-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.faucet-section{padding:1.5rem;background:#0003;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.faucet-section h3{margin-top:0;margin-bottom:1rem;color:#667eea;font-size:1.3rem}.faucet-info{margin-bottom:1.5rem}.faucet-info .info-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.faucet-info .info-row:last-child{border-bottom:none}.faucet-info .info-row span{color:#fff9}.faucet-info .info-row strong{color:#fff}.status-ready{color:#00c896!important}.status-cooldown{color:#ff9800!important}.faucet-button{width:100%;padding:1rem!important;font-size:1.1rem!important}.faucet-addresses{padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.faucet-addresses h4{margin-top:0;margin-bottom:1rem;color:#ffffffb3;font-size:1rem}.faucet-addresses .address-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.history-section{margin-top:2rem}.history-tables{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1.5rem}.history-table{text-align:left}.history-table h3{margin-top:0;margin-bottom:1rem;color:#667eea}.history-table table{width:100%;border-collapse:collapse;font-size:.9rem}.history-table th,.history-table td{padding:.75rem .5rem;border-bottom:1px solid rgba(255,255,255,.1)}.history-table th{text-align:left;color:#888;font-weight:500;font-size:.8rem;text-transform:uppercase}.history-table a{color:#667eea;text-decoration:none}.history-table a:hover{text-decoration:underline}.badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge.pending{background:#ffc10733;color:#ffc107}.badge.processing{background:#2196f333;color:#2196f3}.badge.completed{background:#4caf5033;color:#4caf50}.badge.failed{background:#f4433633;color:#f44336}.pending{color:#888;font-style:italic}.no-data{color:#666;font-style:italic;text-align:center;padding:2rem}@media(max-width:768px){.balances,.history-tables{grid-template-columns:1fr}.network-buttons-row{flex-direction:column;gap:1rem}.network-info-compact{grid-template-columns:1fr}h1,.balance{font-size:2rem}.faucet-grid,.faucet-addresses .address-inputs{grid-template-columns:1fr}.wallet-info{flex-direction:column;gap:.5rem;align-items:flex-start}.wallet-header{flex-direction:column;gap:1rem}.history-table table{font-size:.8rem}.history-table th,.history-table td{padding:.5rem .25rem}}
