@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-card: #161616;--bg-card-hover: #1a1a1a;--bg-input: #0e0e0e;--border: #222222;--border-focus: #00ff88;--text-primary: #e0e0e0;--text-secondary: #888888;--text-muted: #555555;--accent: #00ff88;--accent-dim: #00cc6a;--accent-glow: rgba(0, 255, 136, .15);--error: #ff4444;--error-dim: #cc3333;--warning: #ffaa00;--info: #4488ff;--success: #00ff88;--pending: #ffaa00;--failed: #ff4444;--radius: 8px;--radius-sm: 4px;--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:JetBrains Mono,monospace;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);background-size:24px 24px}.app{max-width:680px;margin:0 auto;padding:24px 16px 64px}.header{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border);position:relative}.header h1{font-size:1.5rem;font-weight:700;color:var(--accent);letter-spacing:-.5px;margin-bottom:4px;text-shadow:0 0 10px rgba(0,255,136,.4),0 0 30px rgba(0,255,136,.15),0 0 60px rgba(0,255,136,.05)}.header p{font-size:.75rem;color:var(--text-secondary);font-weight:300}.header:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:16px;transition:border-color var(--transition)}.card:hover{border-color:#333}.card h2{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.card h3{font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.skeleton{background:linear-gradient(90deg,var(--bg-input) 25%,var(--bg-card-hover) 50%,var(--bg-input) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm);height:38px;width:100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}label{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:6px;font-weight:500}input,select{width:100%;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:.8rem;transition:border-color var(--transition);outline:none}input:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-glow)}input::placeholder{color:var(--text-muted)}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}select option{background:var(--bg-card);color:var(--text-primary)}.form-group{margin-bottom:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:1px solid transparent;border-radius:var(--radius-sm);font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .25s ease;outline:none;width:100%}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-primary{background:var(--accent);color:var(--bg-primary);border-color:var(--accent);box-shadow:0 0 16px #0f83,0 2px 8px #0000004d}.btn-primary:hover:not(:disabled){background:var(--accent-dim);border-color:var(--accent-dim);box-shadow:0 0 24px #00ff8859,0 4px 12px #0006;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 0 10px #00ff8826,0 1px 4px #0000004d}.btn-primary:disabled{box-shadow:none}.btn-secondary{background:transparent;color:var(--accent);border-color:var(--accent)}.btn-secondary:hover:not(:disabled){background:var(--accent-glow);box-shadow:0 0 12px #00ff881a}.btn.loading{position:relative;color:transparent!important;pointer-events:none}.btn.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid var(--bg-primary);border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.btn-secondary.loading:after{border-color:var(--accent);border-right-color:transparent}@keyframes spin{to{transform:rotate(360deg)}}.wallet-status{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:16px;font-size:.75rem}.wallet-status.connected{border-color:var(--accent);border-left:3px solid var(--accent)}.wallet-address{color:var(--accent);font-weight:500}.wallet-balance{color:var(--text-secondary);margin-left:.75em}.wallet-balance.sufficient{color:var(--success)}.wallet-balance.insufficient{color:var(--error)}.wallet-disconnect{background:none;border:none;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.7rem;padding:4px 8px;transition:color var(--transition)}.wallet-disconnect:hover{color:var(--error)}.message{padding:12px 16px;border-radius:var(--radius-sm);font-size:.75rem;line-height:1.5;margin-top:12px;animation:fadeIn .2s ease}.message-success{background:#00ff8814;border:1px solid rgba(0,255,136,.2);color:var(--success)}.message-error{background:#ff444414;border:1px solid rgba(255,68,68,.2);color:var(--error)}.message-info{background:#4488ff14;border:1px solid rgba(68,136,255,.2);color:var(--info)}.message-error .error-hint{display:block;margin-top:6px;color:var(--text-secondary);font-size:.7rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.result-card{padding:16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:16px;animation:resultSlideIn .4s ease}.result-card.success-glow{border-color:#00ff884d;box-shadow:0 0 20px #00ff8814;animation:resultSlideIn .4s ease,glowPulse 2s ease-in-out}@keyframes resultSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%{box-shadow:0 0 #0f80;border-color:var(--border)}40%{box-shadow:0 0 30px #00ff8826;border-color:#00ff8880}to{box-shadow:0 0 20px #00ff8814;border-color:#00ff884d}}.success-check{text-align:center;padding:12px 0 4px}.success-check svg{width:40px;height:40px}.success-check .check-circle{fill:none;stroke:var(--accent);stroke-width:2;stroke-dasharray:166;stroke-dashoffset:166;animation:checkCircle .6s ease forwards}.success-check .check-mark{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:50;stroke-dashoffset:50;animation:checkMark .4s .4s ease forwards}@keyframes checkCircle{to{stroke-dashoffset:0}}@keyframes checkMark{to{stroke-dashoffset:0}}.result-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.75rem}.result-row:not(:last-child){border-bottom:1px solid var(--border)}.result-label{color:var(--text-secondary)}.result-value{color:var(--text-primary);font-weight:500;display:flex;align-items:center;gap:6px}.result-value a{color:var(--accent);text-decoration:none}.result-value a:hover{text-decoration:underline}.copy-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px 4px;font-size:.7rem;font-family:inherit;transition:color var(--transition);display:inline-flex;align-items:center}.copy-btn:hover{color:var(--accent)}.external-link{display:inline-flex;align-items:center;gap:4px;color:var(--accent);text-decoration:none;font-weight:500}.external-link:hover{text-decoration:underline}.external-link-icon{display:inline-block;width:10px;height:10px;opacity:.7}.badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-confirmed{background:#00ff881a;color:var(--success);border:1px solid rgba(0,255,136,.2)}.privacy-banner{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;background:#00ff8808;border:1px solid rgba(0,255,136,.08);border-radius:var(--radius-sm);margin-top:16px;font-size:.65rem;color:var(--text-secondary);line-height:1.6}.privacy-banner-icon{flex-shrink:0;color:var(--accent);opacity:.6;margin-top:1px}.epoch-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:16px;font-size:.7rem}.epoch-label{color:var(--text-secondary)}.epoch-value{color:var(--accent);font-weight:600}.proving-progress{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#00ff880a;border:1px solid rgba(0,255,136,.12);border-radius:var(--radius-sm);margin-top:16px;animation:fadeIn .3s ease}.proving-spinner{width:20px;height:20px;border:2px solid rgba(0,255,136,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.proving-step{font-size:.8rem;font-weight:600;color:var(--accent)}.proving-detail{font-size:.7rem;color:var(--text-secondary);margin-left:auto}.footer{text-align:center;padding-top:32px;margin-top:32px;border-top:1px solid var(--border);font-size:.65rem;color:var(--text-muted)}.hidden{display:none!important}.text-sm{font-size:.75rem}.text-muted{color:var(--text-secondary)}.text-accent{color:var(--accent)}@media(max-width:600px){.app{padding:16px 12px 48px}.card{padding:16px}.wallet-status{flex-direction:column;gap:8px;align-items:flex-start}.proving-progress{flex-wrap:wrap}.proving-detail{width:100%;margin-left:34px;margin-top:4px}}