:root{--bg: #020617;--bg-alt: #020617;--card: #020617;--accent: #38bdf8;--accent-soft: rgba(56,189,248,.12);--accent-strong: rgba(56,189,248,.32);--text: #e5e7eb;--muted: #9ca3af;--danger: #fb7185;--success: #4ade80;--border: #1f2937;--radius-lg: 18px;--radius-md: 12px;--shadow-soft: 0 18px 45px rgba(15,23,42,.95);--transition-fast: .18s ease-out;--font-main: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-main);background:radial-gradient(circle at top left,rgba(37,99,235,.35),transparent 60%),radial-gradient(circle at bottom right,#082f49b3,#020617);color:var(--text);display:flex;align-items:stretch;justify-content:center;padding:32px 12px}#app-root{width:100%;max-width:1180px;margin:0 auto;background:linear-gradient(135deg,#0f172af5,#0f172afa),radial-gradient(circle at top,rgba(56,189,248,.12),transparent 65%);border-radius:28px;padding:26px 22px 32px;border:1px solid rgba(148,163,255,.22);box-shadow:var(--shadow-soft);backdrop-filter:blur(16px)}@media(min-width:950px){#app-root{padding:30px 36px 36px}}.header-row{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:24px}.header-main{flex:1 1 auto;min-width:260px}.title{font-size:1.7rem;font-weight:700;letter-spacing:.04em;display:flex;align-items:center;gap:10px}.logo-dot{width:12px;height:12px;border-radius:999px;background:conic-gradient(from 180deg,#38bdf8,#a855f7,#22c55e,#38bdf8);box-shadow:0 0 14px #38bdf8e6}.subtitle{margin-top:4px;font-size:.9rem;color:var(--muted)}.badge-network{font-size:.75rem;padding:4px 10px;border-radius:999px;border:1px solid rgba(148,163,255,.45);background:#0f172ad9;color:#bfdbfe;display:inline-flex;align-items:center;gap:6px}.badge-network-dot{width:7px;height:7px;border-radius:999px;background:#22c55e;box-shadow:0 0 10px #22c55ef2}.header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:flex-end}.button{border-radius:999px;padding:9px 16px;border:1px solid transparent;font-size:.9rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:7px;background:var(--accent);color:#020617;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),border var(--transition-fast),opacity var(--transition-fast);box-shadow:0 12px 26px #38bdf859;white-space:nowrap}.button:hover{transform:translateY(-1px);box-shadow:0 16px 36px #38bdf873;background:#7dd3fc}.button:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none}.button-secondary{background:transparent;color:var(--text);border-color:#94a3ff99;box-shadow:none}.button-secondary:hover{background:#0f172ae6;box-shadow:0 12px 26px #0f172ae6}.button-ghost{background:transparent;color:var(--muted);border-color:#374151e6;box-shadow:none;padding-inline:14px}.button-ghost:hover{background:#0f172acc;color:#e5e7eb}.account-pill{font-size:.82rem;padding:4px 10px;border-radius:999px;background:#0f172ae6;border:1px solid rgba(148,163,255,.5);color:var(--muted);display:flex;align-items:center;gap:7px}.account-pill .handle{color:#f9fafb;font-weight:500}.main-grid{display:grid;gap:18px}@media(min-width:900px){.main-grid{grid-template-columns:2.3fr 1.3fr;align-items:flex-start}}.card{background:radial-gradient(circle at top left,rgba(37,99,235,.4),transparent 55%),radial-gradient(circle at bottom,rgba(6,95,70,.3),transparent 60%),#0f172af5;border-radius:20px;border:1px solid rgba(30,64,175,.75);box-shadow:0 18px 40px #0f172ae6;padding:16px 16px 18px;position:relative;overflow:hidden}.card-secondary{background:radial-gradient(circle at top,rgba(56,189,248,.16),transparent 60%),#0f172af7;border-color:#38bdf873}.card-header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}.card-title{font-size:1rem;font-weight:600;letter-spacing:.04em}.card-subtitle{font-size:.82rem;color:var(--muted);margin-top:2px}.pill{font-size:.75rem;padding:3px 8px;border-radius:999px;background:var(--accent-soft);border:1px solid var(--accent-strong);color:#e0f2fe;white-space:nowrap}.field-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:8px}.field{flex:1 1 140px}.field-label{font-size:.8rem;color:var(--muted);margin-bottom:3px}.field-input{width:100%;padding:8px 11px;border-radius:999px;border:1px solid rgba(55,65,81,.95);background:#0f172afa;color:var(--text);font-size:.88rem;outline:none;transition:border var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.field-input::placeholder{color:#6b7280}.field-input:focus{border-color:var(--accent);box-shadow:0 0 0 1px #38bdf866;background:#020617;transform:translateY(-.5px)}.field-hint{font-size:.75rem;color:var(--muted);margin-top:2px}.divider{height:1px;width:100%;background:linear-gradient(90deg,transparent,rgba(148,163,255,.8),transparent);opacity:.6;margin:10px 0 12px}.status-area{font-size:.78rem;color:var(--muted);max-height:120px;overflow-y:auto;padding-right:4px}.status-line{margin-bottom:3px}.status-line.error{color:var(--danger)}.status-line.success{color:var(--success)}.status-line strong{font-weight:600}.nft-list{margin-top:10px;display:grid;gap:10px}.nft-card{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border-radius:14px;background:#0f172af5;border:1px solid rgba(55,65,81,.95)}.nft-thumb{width:72px;height:72px;border-radius:12px;background:radial-gradient(circle at top,#38bdf833,#111827f2);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(30,64,175,.8)}.nft-thumb img{width:100%;height:100%;object-fit:cover}.nft-info-main{font-size:.85rem}.nft-title{font-weight:600;color:#e5e7eb;margin-bottom:2px}.nft-meta-line{font-size:.78rem;color:var(--muted)}.nft-meta-line span{margin-right:10px}.reward-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;font-size:.75rem;background:#16a34a26;color:#bbf7d0;border:1px solid rgba(34,197,94,.5);margin-top:4px}.btn-claim{font-size:.8rem;padding:7px 12px;border-radius:999px;border:1px solid rgba(56,189,248,.7);background:#0f172afa;color:#e0f2fe;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);white-space:nowrap}.btn-claim:hover{background:#38bdf829;transform:translateY(-.5px);box-shadow:0 10px 24px #0f172ad9}.btn-claim[disabled]{opacity:.55;cursor:default;box-shadow:none;background:#1f2937f2;color:#9ca3af;border-color:#374151e6}.mini-list{list-style:none;padding:0;margin:0;font-size:.8rem;color:var(--muted)}.mini-list li{display:flex;align-items:flex-start;gap:8px;margin-bottom:7px}.mini-dot{width:7px;height:7px;border-radius:999px;background:#94a3ffd9;margin-top:4px}.mini-list strong{color:#e5e7eb;font-weight:500}.tagline{margin-top:10px;font-size:.76rem;color:var(--muted)}.tagline span{color:#e0f2fe}.empty-state{font-size:.8rem;color:var(--muted);margin-top:6px}.is-hidden{display:none!important}.controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.controls-label{font-size:12px;opacity:.75}.controls-spacer{flex:1 1 auto}.controls-check{display:flex;align-items:center;gap:8px;font-size:12px;opacity:.85}.controls-check input{accent-color:var(--accent)}.btn-toggle.active{background:#38bdf82e;border-color:#38bdf8f2;box-shadow:0 0 0 2px #38bdf81f}.nft-items{display:flex;flex-direction:column;gap:10px}.nft-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:160px}@media(max-width:650px){.nft-actions{min-width:0;align-items:stretch}.nft-card{grid-template-columns:72px minmax(0,1fr)}}.status-pill{font-size:12px;padding:4px 10px}.status-ready{background:#22c55e24;border-color:#22c55e8c;color:#bbf7d0}.status-claimed{background:#94a3b81a;border-color:#94a3b873;color:#e2e8f0}.status-inactive{background:#ef44441a;border-color:#ef444459;color:#fecaca}.status-cooldown{background:#f59e0b1f;border-color:#f59e0b73;color:#fde68a}.status-checking{background:#38bdf81a;border-color:#38bdf859;color:#bae6fd}.status-req{background:#a855f71a;border-color:#a855f759;color:#e9d5ff}.nft-thumb-fallback{font-size:12px;opacity:.8;padding:6px;text-align:center}.req-details{align-self:stretch;opacity:.95}.req-details summary{cursor:pointer;font-size:12px;opacity:.9}.req-list{margin:6px 0 0 18px;font-size:12px;opacity:.9}.req-list li{margin:4px 0}.skeleton-wrap{display:flex;flex-direction:column;gap:10px}.skeleton-row{height:88px;border-radius:14px;border:1px solid rgba(55,65,81,.85);background:linear-gradient(90deg,#0f172ae6,#1e293be6,#0f172ae6);background-size:240% 100%;animation:shimmer 1.1s ease-in-out infinite}@keyframes shimmer{0%{background-position:0% 0%}to{background-position:120% 0%}}.status-row{display:flex;gap:10px;padding:6px 0;border-bottom:1px solid rgba(30,41,59,.6)}.status-time{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;opacity:.7;font-size:12px;min-width:72px}.status-msg{font-size:13px}.status-row.success .status-msg{color:#bbf7d0}.status-row.error .status-msg{color:#fecaca}.status-row.warn .status-msg{color:#fde68a}.status-row.info .status-msg{color:#bae6fd}
