@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root,html[data-theme=light]{--bg:#fff;--bg-subtle:#f9fafb;--surface:#fff;--surface-2:#f3f4f6;--surface-3:#e5e7eb;--border:#e5e7eb;--border-hover:#d1d5db;--text:#111827;--text-muted:#6b7280;--text-dim:#9ca3af;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-dim:#eff6ff;--accent-text:#1e40af;--success:#059669;--success-dim:#ecfdf5;--success-text:#065f46;--danger:#dc2626;--danger-dim:#fef2f2;--danger-text:#991b1b;--warning:#d97706;--warning-dim:#fffbeb;--warning-text:#92400e;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 6px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.06);--shadow-lg:0 10px 15px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.05);--topbar-bg:hsla(0,0%,100%,.9);--topbar-border:#e5e7eb}html[data-theme=dark]{--bg:#0f1117;--bg-subtle:#161b22;--surface:#161b22;--surface-2:#1c2333;--surface-3:#243044;--border:#30363d;--border-hover:#484f58;--text:#e6edf3;--text-muted:#8b949e;--text-dim:#484f58;--accent:#3b82f6;--accent-hover:#60a5fa;--accent-dim:rgba(59,130,246,.12);--accent-text:#93c5fd;--success:#10b981;--success-dim:rgba(16,185,129,.12);--success-text:#6ee7b7;--danger:#f43f5e;--danger-dim:rgba(244,63,94,.12);--danger-text:#fda4af;--warning:#f59e0b;--warning-dim:rgba(245,158,11,.12);--warning-text:#fcd34d;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow:0 1px 3px rgba(0,0,0,.4);--shadow-md:0 4px 6px rgba(0,0,0,.4);--shadow-lg:0 10px 15px rgba(0,0,0,.5);--topbar-bg:rgba(15,17,23,.9);--topbar-border:#30363d}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;min-height:100vh;transition:background .2s,color .2s}body,h1,h2,h3,h4{color:var(--text)}h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em;line-height:1.3}.mono,code{font-family:JetBrains Mono,monospace;font-size:.85em}.page{margin:0 auto;max-width:1100px;padding:2.5rem 1.5rem}.page-sm{max-width:720px}.page-header{margin-bottom:2rem}.page-title{font-size:1.5rem;font-weight:700}.page-desc{color:var(--text-muted);font-size:.9rem;margin-top:.25rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);padding:1.5rem}.card-sm{border-radius:8px;padding:1rem}.card-flat{box-shadow:none}.btn{align-items:center;border:1px solid transparent;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:6px;height:36px;line-height:1;padding:0 14px;text-decoration:none;transition:all .15s;white-space:nowrap}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-sm);color:var(--text)}.btn-secondary:hover{background:var(--bg-subtle);border-color:var(--border-hover)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--danger-dim);border-color:transparent;color:var(--danger-text)}.btn-danger:hover{background:var(--danger);color:#fff}.btn-sm{border-radius:6px;font-size:.8rem;height:30px;padding:0 10px}.btn-lg{border-radius:10px;font-size:.95rem;height:44px;padding:0 20px}.btn-xl{border-radius:12px;font-size:1rem;height:52px;padding:0 28px}.btn:disabled{cursor:not-allowed;opacity:.45;pointer-events:none}.btn-full{width:100%}.btn-full,.btn-icon{justify-content:center}.btn-icon{padding:0;width:36px}.btn-icon.btn-sm{width:30px}.field{margin-bottom:1.125rem}.label{color:var(--text-muted);display:block;font-size:.8rem;font-weight:500;margin-bottom:6px}.input,.textarea{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:.9rem;height:38px;outline:none;padding:0 12px;transition:border-color .15s,box-shadow .15s;width:100%}.textarea{height:auto;min-height:100px;padding:10px 12px;resize:vertical}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.input::-moz-placeholder,.textarea::-moz-placeholder{color:var(--text-dim)}.input::placeholder,.textarea::placeholder{color:var(--text-dim)}.input-group{display:flex}.input-group .input{border-radius:8px 0 0 8px}.input-group .btn:last-child{border-left:none;border-radius:0 8px 8px 0}.callout{align-items:flex-start;border:1px solid;border-radius:8px;display:flex;font-size:.875rem;gap:10px;padding:12px 14px}.callout-info{background:var(--accent-dim);border-color:#2563eb33;color:var(--accent-text)}.callout-success{background:var(--success-dim);border-color:#05966933;color:var(--success-text)}.callout-danger{background:var(--danger-dim);border-color:#dc262633;color:var(--danger-text)}.callout-warning{background:var(--warning-dim);border-color:#d9770633;color:var(--warning-text)}.table{border-collapse:collapse;font-size:.875rem;width:100%}.table th{background:var(--bg-subtle);color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.04em;padding:10px 16px;text-align:left;text-transform:uppercase}.table td,.table th{border-bottom:1px solid var(--border)}.table td{color:var(--text);padding:12px 16px}.table tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--bg-subtle)}.badge{align-items:center;border-radius:99px;display:inline-flex;font-size:.72rem;font-weight:500;gap:4px;padding:2px 8px}.badge-blue{background:var(--accent-dim);color:var(--accent-text)}.badge-green{background:var(--success-dim);color:var(--success-text)}.badge-red{background:var(--danger-dim);color:var(--danger-text)}.badge-neutral{color:var(--text-muted)}.badge-neutral,.hash-chip{background:var(--surface-2)}.hash-chip{border:1px solid var(--border);border-radius:5px;color:var(--accent);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.72rem;padding:2px 7px}.hash-chip:hover{border-color:var(--accent)}.spin{animation:spin .65s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid transparent;display:inline-block;height:14px;opacity:.6;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.divider{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{font-size:2rem;margin-bottom:.5rem;opacity:.4}.empty h3{color:var(--text-muted);font-size:.95rem;font-weight:500}.empty p{color:var(--text-dim);font-size:.85rem}.with-sidebar{align-items:flex-start;display:flex;gap:2rem}.sidebar-nav-list{flex-shrink:0;width:180px}.sidebar-content{flex:1;min-width:0}.snav a{align-items:center;border-radius:7px;color:var(--text-muted);display:flex;font-size:.875rem;gap:8px;margin-bottom:2px;padding:7px 10px;text-decoration:none;transition:all .12s}.snav a.active,.snav a:hover{background:var(--surface-2);color:var(--text)}.snav a.active{font-weight:500}.section-title{color:var(--text);font-size:.95rem;font-weight:600;margin-bottom:1.25rem}.toggle-wrap{align-items:center;display:flex;gap:1rem;justify-content:space-between}.toggle{display:inline-block;flex-shrink:0;height:22px;position:relative;width:40px}.toggle input{display:none}.toggle-track{background:var(--surface-3);border:1px solid var(--border);border-radius:99px;cursor:pointer;top:0;right:0;bottom:0;left:0;position:absolute;transition:background .2s}.toggle input:checked+.toggle-track{background:var(--accent);border-color:var(--accent)}.toggle-thumb{background:#fff;border-radius:99px;box-shadow:var(--shadow-sm);height:14px;left:3px;pointer-events:none;position:absolute;top:3px;transition:transform .2s;width:14px}.toggle input:checked~.toggle-thumb{transform:translate(18px)}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:99px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
