@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{max-width:100%;display:block}button{cursor:pointer;font:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}input,select,textarea{font:inherit;background:0 0;border:none;outline:none}table{border-collapse:collapse}:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--header-h:76px;--container-max:1200px;--ease:cubic-bezier(.16, 1, .3, 1);--t-fast:.15s var(--ease);--t-normal:.3s var(--ease);--t-slow:.5s var(--ease);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2.25rem;--text-4xl:3rem;--lh-tight:1.2;--lh-normal:1.5;--lh-relaxed:1.75;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--bg-base:#000;--bg-surface:#09090b;--bg-elevated:#141418;--bg-card:#141418f2;--bg-card-hover:#1e1e24fa;--bg-input:#000;--accent:#f4f4f5;--accent-hover:#fff;--accent-muted:#f4f4f52e;--accent-subtle:#f4f4f50a;--accent-glow:#ffffff1a;--zama-gold:#ffd208;--zama-gold-glow:#ffd20826;--text-primary:#fff;--text-secondary:#e4e4e7;--text-muted:#71717a;--text-accent:#fff;--text-inverse:#000;--success:#10b981;--success-muted:#10b9811a;--warning:#f59e0b;--warning-muted:#f59e0b1a;--error:#ef4444;--error-muted:#ef44441a;--info:#3b82f6;--info-muted:#3b82f61a;--border:#ffffff59;--border-hover:#ffffff8c;--border-accent:#fffc;--border-focus:#fff;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:18px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 2px 4px #0009;--shadow-md:0 6px 18px #000000b3;--shadow-lg:0 20px 48px #000000e6;--shadow-glow:0 0 25px #ffffff14;--radial-glow-1:#ffffff05;--radial-glow-2:#ffffff03;--grid-line:#ffffff06}html[data-design-theme=charcoal]{--bg-base:#0b0b0f;--bg-surface:#121217;--bg-elevated:#1a1a22;--bg-card:#1e1e26f2;--bg-card-hover:#282832fa;--bg-input:#0b0b0f;--accent:#38bdf8;--accent-hover:#7dd3fc;--accent-muted:#38bdf82e;--accent-subtle:#38bdf80d;--accent-glow:#38bdf833;--text-primary:#f8f9fa;--text-secondary:#a0a5b5;--text-muted:#64748b;--text-accent:#38bdf8;--text-inverse:#0b0b0f;--border:#ffffff4d;--border-hover:#ffffff73;--border-accent:#38bdf899;--border-focus:#38bdf8;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:26px;--shadow-sm:0 2px 4px #00000080;--shadow-md:0 4px 14px #0009;--shadow-lg:0 16px 36px #000c;--shadow-glow:0 0 20px #38bdf826;--radial-glow-1:#38bdf80a;--radial-glow-2:#ffffff05;--grid-line:#ffffff03}html[data-design-theme=frost]{--bg-base:#0b0f19;--bg-surface:#141b2d;--bg-elevated:#1e293b;--bg-card:#1e293bf2;--bg-card-hover:#2d3c55fa;--bg-input:#0b0f19;--accent:#38bdf8;--accent-hover:#0ea5e9;--accent-muted:#38bdf82e;--accent-subtle:#38bdf80d;--accent-glow:#38bdf833;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--text-accent:#38bdf8;--text-inverse:#0b0f19;--border:#7dd3fc59;--border-hover:#7dd3fc99;--border-accent:#38bdf8b3;--border-focus:#38bdf8;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-2xl:28px;--shadow-sm:0 2px 4px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 14px 32px #000000b3;--shadow-glow:0 0 20px #38bdf826;--radial-glow-1:#38bdf80d;--radial-glow-2:#94a3b808;--grid-line:#94a3b804}html[data-design-theme=aurora]{--bg-base:#050a0a;--bg-surface:#0f1817;--bg-elevated:#172624;--bg-card:#192624f2;--bg-card-hover:#233230fa;--bg-input:#050a0a;--accent:#2dd4bf;--accent-hover:#5eead4;--accent-muted:#2dd4bf2e;--accent-subtle:#2dd4bf0d;--accent-glow:#2dd4bf33;--text-primary:#f2faf9;--text-secondary:#8fa8a5;--text-muted:#4d6360;--text-accent:#2dd4bf;--text-inverse:#050a0a;--border:#a7f3d059;--border-hover:#a7f3d08c;--border-accent:#34d399a6;--border-focus:#2dd4bf;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:26px;--shadow-sm:0 2px 4px #00000080;--shadow-md:0 4px 14px #0009;--shadow-lg:0 16px 36px #000c;--shadow-glow:0 0 20px #2dd4bf26;--radial-glow-1:#2dd4bf0d;--radial-glow-2:#ffffff03;--grid-line:#2dd4bf03}html[data-theme=light]{--bg-base:#fafafa;--bg-surface:#fff;--bg-elevated:#f4f4f5;--bg-card:#fff;--bg-card-hover:#fff;--bg-input:#fff;--accent:#ffd208;--accent-hover:#e0b806;--accent-muted:#ffd20826;--accent-subtle:#ffd2080a;--accent-glow:#ffd20833;--text-primary:#000;--text-secondary:#27272a;--text-muted:#52525b;--text-accent:#000;--text-inverse:#000;--border:#e4e4e7;--border-hover:#a1a1aa;--border-accent:#ffd208;--border-focus:#000;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 10px #0000000f;--shadow-lg:0 10px 25px #00000014;--shadow-glow:0 0 16px #ffd2082e;--radial-glow-1:#ffd20808;--radial-glow-2:#00000003;--grid-line:#00000004}.hero-section{min-height:100vh;padding:var(--sp-20) var(--sp-4) var(--sp-12);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-gradient-overlay{background:radial-gradient(ellipse 80% 60% at 30% 40%, #38bdf80f 0%, transparent 60%), radial-gradient(ellipse 50% 40% at 70% 30%, var(--zama-gold-glow) 0%, transparent 50%), linear-gradient(to bottom, transparent 70%, var(--bg-base) 100%);pointer-events:none;z-index:1;position:absolute;inset:0}.hero-content{z-index:2;text-align:center;will-change:transform, opacity;max-width:800px;position:relative}.hero-headline-wrap{position:relative}.hero-headline{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:clamp(2.5rem,6vw,5rem);font-weight:800;line-height:1.1}.hero-headline-line{display:inline-block}.hero-headline-shimmer{background:linear-gradient(105deg, var(--text-primary) 35%, var(--accent) 50%, var(--text-primary) 65%);-webkit-text-fill-color:transparent;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite shimmerText}@keyframes shimmerText{0%,to{background-position:100%}50%{background-position:0%}}.hero-sub{font-size:var(--text-lg);color:var(--text-secondary);max-width:560px;line-height:var(--lh-relaxed);margin:0 auto}.hero-badges{pointer-events:none;z-index:0;position:absolute;inset:-40px}.hero-badge{font-family:var(--font-mono);color:var(--accent);opacity:.15;border:1px solid var(--accent);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:3px 8px;font-size:11px;font-weight:500;animation:8s ease-in-out infinite alternate floatBadge;position:absolute}@keyframes floatBadge{0%{opacity:.1;transform:translateY(0)rotate(0)}50%{opacity:.25}to{opacity:.1;transform:translateY(-20px)rotate(3deg)}}.hero-cta-row{justify-content:center;align-items:center;gap:var(--sp-4);margin-top:var(--sp-8);flex-wrap:wrap;display:flex}.hero-btn-primary{align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-8);font-size:var(--text-base);color:var(--text-inverse);background:var(--accent);border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--t-fast), box-shadow var(--t-fast);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);border:none;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.hero-btn-primary:hover{box-shadow:0 4px 25px var(--accent-glow), 0 8px 40px var(--zama-gold-glow);transform:translateY(-2px)}.hero-btn-primary:active{transform:scale(.97)}.hero-btn-shimmer{pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffff40 50%,#0000 70%) 200% 0/300% 100%;transition:background-position .6s;position:absolute;inset:0}.hero-btn-primary:hover .hero-btn-shimmer{background-position:-100% 0}.hero-btn-secondary{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);font-size:var(--text-sm);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:color var(--t-fast), border-color var(--t-fast);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);background:0 0;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.hero-btn-secondary:before{content:"";background:var(--accent-muted);transform-origin:50%;transition:transform .3s var(--ease);position:absolute;inset:0;transform:scaleX(0)}.hero-btn-secondary:hover{border-color:var(--accent);color:var(--text-primary)}.hero-btn-secondary:hover:before{transform:scaleX(1)}.hero-stats{justify-content:center;align-items:center;gap:var(--sp-6);margin-top:var(--sp-10);padding-top:var(--sp-8);border-top:1px solid var(--border);opacity:0;animation:fadeIn .6s var(--ease) 2.2s forwards;display:flex}.hero-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.hero-stat-value{font-size:var(--text-xl);color:var(--accent);font-weight:800;font-family:var(--font-mono)}.hero-stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:lowercase;letter-spacing:.05em}.hero-stat-divider{background:var(--border);width:1px;height:32px}.hero-scroll-hint{bottom:var(--sp-8);z-index:2;position:absolute;left:50%;transform:translate(-50%)}.hero-scroll-line{background:linear-gradient(to bottom, var(--accent), transparent);width:1px;height:40px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:.8;transform:scaleY(1.3)}}@media (max-width:768px){.hero-section{min-height:85vh;padding:var(--sp-16) var(--sp-3) var(--sp-8)}.hero-headline{font-size:clamp(2rem,8vw,3rem)}.hero-sub{font-size:var(--text-base)}.hero-stats{gap:var(--sp-4)}.hero-badges{display:none}.hero-cta-row{flex-direction:column}.hero-btn-primary,.hero-btn-secondary{justify-content:center;width:100%}}@media (max-width:480px){.hero-headline{font-size:clamp(1.75rem,10vw,2.5rem)}.hero-stats{gap:var(--sp-3);flex-wrap:wrap}.hero-stat-divider{display:none}}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--lh-normal);color:var(--text-primary);background:var(--bg-base);min-height:100vh;transition:background-color var(--t-normal), color var(--t-normal);overflow-x:hidden}body:before{content:"";background:radial-gradient(ellipse 65% 45% at 50% 0%, var(--radial-glow-1) 0%, transparent 60%), radial-gradient(ellipse 40% 30% at 80% 20%, var(--radial-glow-2) 0%, transparent 50%), linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);pointer-events:none;z-index:0;transition:background var(--t-normal);background-size:100% 100%,100% 100%,24px 24px,24px 24px;position:fixed;inset:0}::selection{background:var(--accent);color:var(--text-inverse)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{width:100%;max-width:var(--container-max);padding:0 var(--sp-6);margin:0 auto}.container-wide{max-width:1440px}h1,h2,h3,h4{font-weight:700;line-height:var(--lh-tight);letter-spacing:-.03em}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}.text-gradient{background:linear-gradient(135deg, var(--text-primary) 30%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-muted{color:var(--text-secondary)}.text-accent{color:var(--text-accent)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-6{gap:var(--sp-6)}.gap-8{gap:var(--sp-8)}.flex-1{flex:1}.w-full{width:100%}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.relative{position:relative}.hidden{display:none}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-6);transition:background var(--t-normal), border-color var(--t-normal), box-shadow var(--t-normal), transform var(--t-normal);-webkit-backdrop-filter:blur(12px);position:relative;overflow:hidden}.card-hover:hover{border-color:var(--border-hover);background:var(--bg-card-hover);box-shadow:var(--shadow-lg), var(--shadow-glow);transform:translateY(-2px)}.card-accent{border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.card-sm{padding:var(--sp-4);border-radius:var(--radius-md)}.card-lg{padding:var(--sp-8);border-radius:var(--radius-xl)}.card-none{padding:0}.btn{justify-content:center;align-items:center;gap:var(--sp-2);font-weight:600;font-size:var(--text-sm);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-5);transition:all var(--t-fast);white-space:nowrap;line-height:1;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--accent);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-glow), var(--shadow-md);transform:translateY(-1px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-hover);background:0 0}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{padding:var(--sp-2) var(--sp-3);font-size:var(--text-xs)}.btn-lg{padding:var(--sp-4) var(--sp-8);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn-icon{padding:var(--sp-2);border-radius:var(--radius-sm)}.btn-full{width:100%}.input-group{gap:var(--sp-2);flex-direction:column;display:flex}.input-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.input{width:100%;padding:var(--sp-3) var(--sp-4);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition:all var(--t-fast)}.input:hover{border-color:var(--border-hover)}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-muted)}.input::placeholder{color:var(--text-muted)}.input-lg{padding:var(--sp-4) var(--sp-5);font-size:var(--text-xl);font-weight:600}.input-error{border-color:var(--error)}.badge{align-items:center;gap:var(--sp-1);font-size:var(--text-xs);border-radius:var(--radius-full);letter-spacing:.02em;padding:3px 10px;font-weight:600;display:inline-flex}.badge-default{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border)}.badge-accent{background:var(--accent-subtle);color:var(--accent);border:1px solid var(--border-accent)}.badge-success{background:var(--success-muted);color:var(--success)}.badge-warning{background:var(--warning-muted);color:var(--warning)}.badge-error{background:var(--error-muted);color:var(--error)}.badge-info{background:var(--info-muted);color:var(--info)}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.table-wrap{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow-x:auto}.table{text-align:left;width:100%;font-size:var(--text-sm)}.table th{padding:var(--sp-4) var(--sp-5);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border);background:#00000026}.table td{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#ffffff04}.table-token{align-items:center;gap:var(--sp-3);display:flex}.table-token-icon{background:var(--bg-elevated);width:32px;height:32px;font-weight:700;font-size:var(--text-xs);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.table-address{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);align-items:center;gap:var(--sp-2);display:flex}.registry-pair-columns{grid-template-columns:minmax(210px,1.7fr) minmax(170px,1.3fr) 90px minmax(170px,1.2fr) minmax(220px,1fr)}.registry-grid-wrap{overflow-x:auto}.registry-grid-header{min-width:780px;padding:var(--sp-4) var(--sp-5);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--sp-3);align-items:center;gap:var(--sp-3);background:#00000026;display:grid}.registry-pair-list{gap:var(--sp-3);flex-direction:column;min-width:780px;display:flex}.registry-pair-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.registry-pair-row{align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);display:grid}.registry-pair-row+.registry-pair-row{border-top:1px dashed var(--border)}.registry-pair-row:hover{background:#ffffff04}.network-switcher{background:var(--bg-input);border-radius:var(--radius-full);border:1px solid var(--border);padding:3px;display:flex}.network-option{padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-muted);transition:all var(--t-fast);cursor:pointer;font-weight:600}.network-option.active{background:var(--accent);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.network-option:not(.active):hover{color:var(--text-primary)}.swap-card-pending{animation:2.2s ease-in-out infinite pulse-gold;position:relative}.swap-card-pending:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffd20866;animation:2.2s ease-in-out infinite pulse-gold-ring;position:absolute;inset:-1px}@keyframes pulse-gold{0%,to{box-shadow:0 0 #ffd20814,0 0 #ffd20800}50%{box-shadow:0 0 0 4px #ffd2081f,0 0 28px 2px #ffd2082e}}@keyframes pulse-gold-ring{0%,to{opacity:.35}50%{opacity:.85}}.swap-panel{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-5)}.swap-panel:focus-within{border-color:var(--border-accent)}.swap-arrow{border-radius:var(--radius-md);background:var(--bg-elevated);border:2px solid var(--bg-base);z-index:2;cursor:pointer;width:40px;height:40px;color:var(--text-secondary);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;margin:-12px auto;display:flex;position:relative}.swap-arrow:hover{background:var(--accent-muted);color:var(--accent);transform:rotate(180deg)}.steps{align-items:center;gap:var(--sp-3);display:flex}.step{align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--text-muted);display:flex}.step-dot{background:var(--bg-input);border:2px solid var(--border);width:24px;height:24px;font-size:var(--text-xs);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.step.active .step-dot{background:var(--accent);border-color:var(--accent);color:var(--text-inverse)}.step.completed .step-dot{background:var(--success);border-color:var(--success);color:#fff}.step-line{background:var(--border);width:32px;height:2px}.step.completed+.step-line,.step.active+.step-line{background:var(--accent)}.toast-container{top:var(--sp-6);right:var(--sp-6);z-index:9999;gap:var(--sp-3);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{pointer-events:all;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:320px;max-width:420px;animation:slideIn .3s var(--ease);display:flex}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--error)}.toast-warning{border-left:3px solid var(--warning)}.toast-info{border-left:3px solid var(--info)}.toast-title{font-weight:600;font-size:var(--text-sm)}.toast-message{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.toast-progress{background:var(--accent);height:2px;animation:linear forwards shrink;position:absolute;bottom:0;left:0}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9990;padding:var(--sp-6);animation:fadeIn .2s var(--ease);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;animation:slideUp .3s var(--ease);box-shadow:var(--shadow-lg);overflow-y:auto}.modal-header{padding:var(--sp-6);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--sp-6)}.modal-footer{padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--border)}.skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, #ffffff0a 50%, var(--bg-elevated) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-text{width:100%;height:14px}.skeleton-heading{width:60%;height:24px}.skeleton-circle{border-radius:50%}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:.7s linear infinite spin}.spinner-sm{width:16px;height:16px}.spinner-md{width:24px;height:24px}.spinner-lg{width:40px;height:40px}.empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{margin-bottom:var(--sp-4);opacity:.4;font-size:48px}.page-header{padding:var(--sp-10) 0 var(--sp-8)}.page-header h1{margin-bottom:var(--sp-2)}.page-header p{color:var(--text-secondary);font-size:var(--text-lg);max-width:600px}.header{z-index:100;height:var(--header-h);background:rgba(var(--bg-base), .85);-webkit-backdrop-filter:blur(80px)saturate(200%);border-bottom:1px solid var(--border);align-items:center;display:flex;position:sticky;top:0}html[data-design-theme=charcoal] .header{background:#121217d9}html[data-design-theme=midnight] .header{background:#09090bd9}html[data-design-theme=frost] .header{background:#141b2dd9}html[data-design-theme=aurora] .header{background:#0f1817d9}html[data-theme=light] .header{background:#ffffffd9}.header-inner{width:100%;max-width:var(--container-max);padding:0 var(--sp-4);justify-content:space-between;align-items:center;gap:var(--sp-2);margin:0 auto;display:flex}.header-logo{align-items:center;gap:var(--sp-2);font-size:var(--text-xl);letter-spacing:-.03em;flex-shrink:0;font-weight:800;display:flex}.header-nav{scrollbar-width:none;-ms-overflow-style:none;flex-shrink:1;align-items:center;gap:2px;min-width:0;display:flex;overflow-x:auto}.header-nav::-webkit-scrollbar{display:none}.header-link{color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--t-fast);white-space:nowrap;padding:6px 8px;font-size:13.5px;font-weight:500}.header-link:hover{color:var(--text-primary);background:var(--bg-elevated)}.header-link.active{color:var(--text-primary)!important;background:var(--bg-elevated)!important}.header-actions{align-items:center;gap:var(--sp-3);flex-shrink:0;display:flex}.nav-more-wrapper{position:relative}.nav-more-trigger{cursor:pointer;background:0 0;border:none;align-items:center;font-family:inherit;display:inline-flex}.nav-more-menu{left:0;top:calc(100% + var(--sp-2));background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);width:200px;box-shadow:var(--shadow-lg);z-index:200;padding:4px;position:absolute}.nav-more-item{width:100%;font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--t-fast);justify-content:space-between;align-items:center;padding:8px 12px;font-weight:500;display:flex}.nav-more-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.nav-more-item.active{color:var(--accent);background:var(--accent-subtle)}.nav-hamburger{display:none}.mobile-nav-overlay{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;position:fixed;inset:0}.mobile-nav-panel{background:var(--bg-surface);border-left:1px solid var(--border);width:min(320px,85vw);height:100%;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:absolute;top:0;right:0;overflow-y:auto}.mobile-nav-header{padding:var(--sp-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.mobile-nav-list{padding:var(--sp-2);flex-direction:column;display:flex}.mobile-nav-link{padding:var(--sp-3) var(--sp-4);font-size:var(--text-base);color:var(--text-secondary);border-radius:var(--radius-md);justify-content:space-between;align-items:center;font-weight:500;display:flex}.mobile-nav-link:hover{background:var(--bg-elevated);color:var(--text-primary)}.mobile-nav-link.active{color:var(--text-primary);background:var(--bg-elevated)}.btn-primary-black{box-shadow:var(--shadow-sm);border:none;background:var(--text-primary)!important;color:var(--bg-surface)!important}.btn-primary-black:hover{opacity:.95;box-shadow:var(--shadow-md);background:var(--accent-hover)!important}.footer{border-top:1px solid var(--border);padding:var(--sp-12) 0;margin-top:var(--sp-20);background:var(--bg-surface)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shrink{0%{width:100%}to{width:0%}}.animate-fade-in{animation:fadeIn .4s var(--ease)}.animate-slide-up{animation:slideUp .4s var(--ease)}.theme-selector-dropdown{position:relative}.theme-dropdown-menu{right:0;top:calc(100% + var(--sp-2));background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);width:180px;box-shadow:var(--shadow-lg);z-index:200;padding:4px;position:absolute}.theme-dropdown-item{width:100%;font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--t-fast);justify-content:space-between;align-items:center;padding:8px 12px;font-weight:500;display:flex}.theme-dropdown-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.theme-dropdown-item.active{color:var(--accent);background:var(--accent-subtle)}.learn-page{max-width:var(--container-max);padding:var(--sp-8) var(--sp-4);margin:0 auto}.learn-header{text-align:center;margin-bottom:var(--sp-10)}.learn-progress-bar{margin-bottom:var(--sp-8);padding:var(--sp-2) 0;justify-content:center;gap:0;display:flex;overflow-x:auto}.learn-progress-step{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);transition:all var(--t-fast);cursor:pointer;color:var(--text-muted);background:0 0;flex-direction:column;min-width:100px;display:flex;position:relative}.learn-progress-step:hover{color:var(--text-secondary);background:var(--bg-elevated)}.learn-progress-step.active{color:var(--accent);background:var(--accent-subtle)}.learn-progress-step.complete{color:var(--success)}.learn-progress-icon{border-radius:var(--radius-full);width:40px;height:40px;transition:all var(--t-fast);border:2px solid;justify-content:center;align-items:center;display:flex}.learn-progress-step.active .learn-progress-icon{border-color:var(--accent);background:var(--accent-muted)}.learn-progress-step.complete .learn-progress-icon{border-color:var(--success);background:var(--success-muted)}.learn-progress-label{flex-direction:column;align-items:center;gap:1px;display:flex}.learn-progress-number{text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.learn-progress-title{font-size:var(--text-xs);font-weight:600}.learn-progress-connector{display:none}.learn-content-card{margin-bottom:var(--sp-8)}.learn-content-header{margin-bottom:var(--sp-6);padding-bottom:var(--sp-6);border-bottom:1px solid var(--border)}.learn-content-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.learn-step-body{padding:0 var(--sp-2)}.learn-lead{font-size:var(--text-base);line-height:var(--lh-relaxed);color:var(--text-secondary);margin-bottom:var(--sp-6);max-width:720px}.learn-lead strong{color:var(--text-primary)}.learn-diagram{margin:var(--sp-6) 0;overflow-x:auto}.learn-diagram-row{align-items:center;gap:var(--sp-4);justify-content:center;min-width:500px;display:flex}.learn-diagram-box{padding:var(--sp-4);border-radius:var(--radius-md);background:var(--bg-surface);text-align:center;min-width:140px;transition:transform var(--t-fast);border:1px solid}.learn-diagram-box:hover{transform:translateY(-2px)}.learn-highlights{gap:var(--sp-4);margin:var(--sp-6) 0;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.learn-key-terms{margin-top:var(--sp-6);padding:var(--sp-5);border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border)}.learn-terms-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.learn-term{gap:var(--sp-1);flex-direction:column;display:flex}.learn-term-code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent);background:var(--accent-subtle);border-radius:var(--radius-sm);width:fit-content;padding:2px 8px;font-weight:600}.learn-instructions{gap:var(--sp-4);margin:var(--sp-4) 0;flex-direction:column;display:flex}.learn-instruction{gap:var(--sp-4);align-items:flex-start;display:flex}.learn-instruction-number{border-radius:var(--radius-full);background:var(--accent-muted);width:32px;height:32px;color:var(--accent);font-weight:700;font-size:var(--text-sm);border:1.5px solid var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.learn-callout-box{margin-top:var(--sp-6);padding:var(--sp-5);border-radius:var(--radius-md);border:1px solid}.learn-nav{margin-top:var(--sp-8);padding-top:var(--sp-6);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.learn-resources{margin-top:var(--sp-4)}.learn-resources-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}@media (max-width:768px){.learn-progress-bar{justify-content:flex-start;gap:0}.learn-progress-step{min-width:70px;padding:var(--sp-2)}.learn-progress-title{display:none}.learn-diagram-row{flex-direction:column;min-width:0}.learn-diagram-row svg[class*=arrow]{transform:rotate(90deg)}.learn-highlights,.learn-terms-grid{grid-template-columns:1fr}.learn-nav{flex-direction:column;align-items:stretch}}.dev-page{max-width:var(--container-max);padding:var(--sp-8) var(--sp-4);margin:0 auto}.dev-header{text-align:center;margin-bottom:var(--sp-8)}.dev-layout{gap:var(--sp-6);grid-template-columns:300px 1fr;align-items:start;display:grid}.dev-controls{gap:var(--sp-4);top:calc(var(--header-h) + var(--sp-4));flex-direction:column;display:flex;position:sticky}.dev-op-grid{gap:var(--sp-2);grid-template-columns:1fr 1fr;display:grid}.dev-op-btn{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-2);border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;transition:all var(--t-fast);color:var(--text-secondary);flex-direction:column;display:flex}.dev-op-btn:hover{border-color:var(--op-color,var(--accent));color:var(--text-primary);background:var(--bg-elevated)}.dev-op-btn.active{border-color:var(--op-color,var(--accent));color:var(--op-color,var(--accent));background:color-mix(in srgb, var(--op-color,var(--accent)) 8%, transparent)}.dev-op-icon{justify-content:center;align-items:center;display:flex}.dev-op-label{font-size:var(--text-xs);text-align:center;font-weight:600}.dev-op-rest{gap:var(--sp-3);flex-direction:row;justify-content:center}.dev-select{width:100%;padding:var(--sp-3) var(--sp-3);border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--t-fast)}.dev-select:focus{border-color:var(--accent);outline:none}.dev-select option{background:var(--bg-surface);color:var(--text-primary)}.dev-fw-list{gap:var(--sp-2);flex-direction:column;display:flex}.dev-fw-btn{justify-content:space-between;align-items:center;gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;transition:all var(--t-fast);color:var(--text-secondary);font-size:var(--text-sm);width:100%;display:flex}.dev-fw-btn:hover{border-color:var(--accent);color:var(--text-primary)}.dev-fw-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.dev-output{min-width:0}.dev-code-card{overflow:hidden}.dev-code-header{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);background:var(--bg-elevated);justify-content:space-between;align-items:center;display:flex}.dev-code-body{overflow-x:auto}.dev-code-pre{padding:var(--sp-5);font-family:var(--font-mono);color:var(--text-primary);tab-size:2;white-space:pre;margin:0;font-size:13px;line-height:1.7;overflow-x:auto}.dev-code-pre code{font-family:inherit}@media (max-width:900px){.dev-layout{grid-template-columns:1fr}.dev-controls{flex-flow:wrap;position:static}.dev-controls>*{flex:260px}.dev-op-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.dev-op-grid{grid-template-columns:1fr}}.analytics-stats-grid{gap:var(--sp-4);margin-bottom:var(--sp-8);grid-template-columns:repeat(4,1fr);display:grid}.analytics-insights-grid{gap:var(--sp-4);margin-bottom:var(--sp-6);grid-template-columns:1fr 1fr;display:grid}.analytics-main-grid{gap:var(--sp-6);margin-bottom:var(--sp-8);grid-template-columns:1fr 1fr;display:grid}.analytics-tvl-row{align-items:center;gap:var(--sp-3);display:flex}.analytics-tvl-info{align-items:center;gap:var(--sp-3);flex-shrink:0;width:80px;display:flex}.analytics-tvl-bar-wrap{background:var(--bg-elevated);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.analytics-tvl-bar-fill{background:linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 60%, transparent) 100%);border-radius:var(--radius-full);height:100%;transition:width .6s var(--ease);min-width:4px}.analytics-tvl-stats{flex-shrink:0;width:80px}.analytics-activity-row{align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);transition:border-color var(--t-fast);display:flex}.analytics-activity-row:hover{border-color:var(--border-hover)}@media (max-width:1024px){.analytics-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.analytics-stats-grid{gap:var(--sp-3);grid-template-columns:repeat(2,1fr)}.analytics-insights-grid,.analytics-main-grid{grid-template-columns:1fr}.analytics-tvl-info,.analytics-tvl-stats{width:60px}}@media (max-width:480px){.analytics-stats-grid{grid-template-columns:1fr 1fr}}.docs-page{min-height:calc(100vh - var(--header-h));grid-template-columns:260px 1fr;max-width:1400px;margin:0 auto;display:grid}.docs-sidebar{top:var(--header-h);height:calc(100vh - var(--header-h));padding:var(--sp-6) var(--sp-4);border-right:1px solid var(--border);gap:var(--sp-5);background:var(--bg-surface);flex-direction:column;display:flex;position:sticky;overflow-y:auto}.docs-sidebar-title{align-items:center;gap:var(--sp-2);font-weight:700;font-size:var(--text-sm);color:var(--text-primary);padding:var(--sp-2) var(--sp-2) var(--sp-4);border-bottom:1px solid var(--border);display:flex}.docs-sidebar-nav{gap:var(--sp-5);flex-direction:column;flex:1;display:flex}.docs-nav-group{gap:var(--sp-1);flex-direction:column;display:flex}.docs-nav-group-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:0 var(--sp-2);margin-bottom:var(--sp-1);font-size:10px;font-weight:700}.docs-nav-item{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;text-align:left;width:100%;transition:all var(--t-fast);background:0 0;border:none;font-weight:500;display:flex}.docs-nav-item:hover{color:var(--text-primary);background:var(--bg-elevated)}.docs-nav-item.active{color:var(--accent);background:var(--accent-subtle);font-weight:600}.docs-sidebar-footer{gap:var(--sp-2);padding-top:var(--sp-4);border-top:1px solid var(--border);flex-direction:column;display:flex}.docs-ext-link{font-size:var(--text-xs);color:var(--text-muted);transition:color var(--t-fast);align-items:center;gap:5px;display:inline-flex}.docs-ext-link:hover{color:var(--accent)}.docs-content{padding:var(--sp-8) var(--sp-10);width:100%;max-width:860px}.docs-section{margin-bottom:var(--sp-16);scroll-margin-top:calc(var(--header-h) + var(--sp-4))}.docs-section-title{font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--sp-5);padding-bottom:var(--sp-4);border-bottom:1px solid var(--border);letter-spacing:-.03em;font-weight:800}.docs-subsection{margin-top:var(--sp-8);scroll-margin-top:calc(var(--header-h) + var(--sp-4))}.docs-subsection-title{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--sp-4);font-weight:700}.docs-h4{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:var(--sp-6) 0 var(--sp-3);font-weight:700}.docs-lead{font-size:var(--text-base);line-height:var(--lh-relaxed);color:var(--text-secondary);margin-bottom:var(--sp-6)}.docs-lead strong{color:var(--text-primary)}.docs-p{font-size:var(--text-sm);line-height:var(--lh-relaxed);color:var(--text-secondary);margin-bottom:var(--sp-4)}.docs-p strong{color:var(--text-primary)}.docs-list{padding-left:var(--sp-5);gap:var(--sp-2);margin-top:var(--sp-3);flex-direction:column;list-style:outside;display:flex}.docs-list li{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--lh-relaxed)}.docs-code-block{border-radius:var(--radius-md);border:1px solid var(--border);margin:var(--sp-4) 0;overflow:hidden}.docs-code-header{padding:var(--sp-2) var(--sp-4);background:var(--bg-elevated);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.docs-code-lang{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.03em;font-size:11px}.docs-code-pre{padding:var(--sp-5);background:var(--bg-surface);font-family:var(--font-mono);color:var(--text-primary);tab-size:2;white-space:pre;margin:0;font-size:13px;line-height:1.75;overflow-x:auto}.docs-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);border:1px solid var(--border);border-radius:var(--radius-md);margin:var(--sp-3) 0;overflow:hidden}.docs-table th{background:var(--bg-elevated);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--sp-3) var(--sp-4);text-align:left;font-size:11px;font-weight:700}.docs-prop-row td{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border);vertical-align:top;line-height:var(--lh-relaxed)}.docs-prop-name{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);background:var(--accent-subtle);border-radius:var(--radius-sm);padding:1px 6px}.docs-prop-required{color:var(--error);background:var(--error-muted);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;margin-left:5px;padding:1px 5px;font-size:10px;font-weight:700}.docs-prop-type{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-elevated);border-radius:var(--radius-sm);padding:1px 6px;font-size:11px}.docs-prop-desc{color:var(--text-secondary);font-size:var(--text-sm)}.docs-endpoint{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--sp-5);font-family:var(--font-mono);display:inline-flex}.docs-endpoint-method{font-size:var(--text-xs);color:var(--success);background:var(--success-muted);border-radius:var(--radius-sm);letter-spacing:.05em;padding:2px 8px;font-weight:700}.docs-endpoint-path{font-size:var(--text-sm);color:var(--text-primary)}.docs-info-box{padding:var(--sp-4) var(--sp-5);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--lh-relaxed);margin:var(--sp-5) 0;background:#3b82f60d;border:1px solid #3b82f64d}.docs-info-box strong{color:var(--text-primary)}.docs-callout{padding:var(--sp-4) var(--sp-5);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--lh-relaxed);margin:var(--sp-5) 0;border:1px solid}.docs-callout strong{font-weight:700}.docs-callout-warning{color:var(--text-secondary);background:#f59e0b0d;border-color:#f59e0b59}.docs-callout-error{color:var(--text-secondary);background:#ef44440d;border-color:#ef444459}.docs-feature-grid{gap:var(--sp-4);margin:var(--sp-5) 0;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.docs-feature-card{gap:var(--sp-4);padding:var(--sp-5);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);transition:border-color var(--t-fast);display:flex}.docs-feature-card:hover{border-color:var(--border-hover)}.docs-feature-icon{flex-shrink:0;font-size:24px;line-height:1}.docs-feature-body strong{font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.docs-hook-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-5);margin:var(--sp-6) 0;background:var(--bg-surface)}.docs-hook-header{margin-bottom:var(--sp-4)}.docs-hook-name{font-family:var(--font-mono);font-size:var(--text-base);color:var(--accent);font-weight:700}.docs-hook-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--sp-2);line-height:var(--lh-relaxed)}.docs-steps{gap:var(--sp-4);margin:var(--sp-5) 0;flex-direction:column;display:flex}.docs-step{gap:var(--sp-4);align-items:flex-start;display:flex}.docs-step-num{border-radius:var(--radius-full);background:var(--accent-muted);width:28px;height:28px;color:var(--accent);font-weight:700;font-size:var(--text-xs);border:1.5px solid var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.docs-address-table-wrap{margin:var(--sp-4) 0}.docs-address-registry{padding:var(--sp-3) var(--sp-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md) var(--radius-md) 0 0;justify-content:space-between;align-items:center;gap:var(--sp-4);border-bottom:none;flex-wrap:wrap;display:flex}.docs-addr-mono{font-family:var(--font-mono);color:var(--text-primary);font-size:12px}.docs-addr-short{color:var(--text-secondary);font-size:11px}.docs-footer{margin-top:var(--sp-16);padding-top:var(--sp-8);border-top:1px solid var(--border)}.docs-page-header{margin-bottom:var(--sp-8);padding-bottom:var(--sp-6);border-bottom:1px solid var(--border)}.docs-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--sp-3);font-size:11px;font-weight:700;display:inline-block}.docs-page-title{font-size:var(--text-3xl);letter-spacing:-.03em;color:var(--text-primary);margin:0 0 var(--sp-3);font-weight:800;line-height:1.1}.docs-page-desc{font-size:var(--text-md);color:var(--text-secondary);max-width:62ch;margin:0;line-height:1.6}.docs-h2{font-size:var(--text-xl);color:var(--text-primary);letter-spacing:-.02em;margin:var(--sp-10) 0 var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border);font-weight:700}.docs-p a,.docs-lead a,.docs-list a,.docs-callout a,.docs-info-box a,.docs-faq-item a,.docs-page-desc a{color:var(--text-primary);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--border-hover);text-decoration-color:var(--border-hover);font-weight:600}.docs-p a:hover,.docs-lead a:hover,.docs-list a:hover,.docs-callout a:hover,.docs-info-box a:hover,.docs-faq-item a:hover,.docs-page-desc a:hover{-webkit-text-decoration-color:var(--text-primary);text-decoration-color:var(--text-primary)}a.docs-nav-item{text-decoration:none}.docs-callout-success{border-left:3px solid var(--success);background:color-mix(in srgb, var(--success) 8%, transparent)}.docs-faq-item+.docs-faq-item{margin-top:var(--sp-2)}.docs-faq-item .docs-h2{font-size:var(--text-lg)}.docs-diagram{margin:var(--sp-6) 0;padding:var(--sp-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface)}.docs-diagram svg{display:block}.docs-diagram figcaption{margin-top:var(--sp-3);text-align:center;font-size:var(--text-xs);color:var(--text-muted)}.docs-pager{gap:var(--sp-4);margin-top:var(--sp-16);padding-top:var(--sp-8);border-top:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.docs-pager-link{padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--t-fast);background:var(--bg-surface);flex-direction:column;gap:4px;text-decoration:none;display:flex}.docs-pager-link:hover{border-color:var(--accent);background:var(--bg-elevated)}.docs-pager-next{text-align:right;align-items:flex-end}.docs-pager-dir{font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:5px;font-weight:600;display:inline-flex}.docs-pager-label{font-size:var(--text-sm);color:var(--text-primary);font-weight:700}@media (max-width:640px){.docs-pager{grid-template-columns:1fr}.docs-pager-next{text-align:left;align-items:flex-start}}.docs-mobile-toggle{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);font-size:var(--text-sm);color:var(--text-primary);border-bottom:1px solid var(--border);background:var(--bg-surface);cursor:pointer;grid-column:1/-1;width:100%;font-weight:600;display:none}.docs-overlay{z-index:49;background:#0006;display:none;position:fixed;inset:0}@media (max-width:1024px){.docs-page{grid-template-columns:220px 1fr}.docs-content{padding:var(--sp-8) var(--sp-6)}}@media (max-width:768px){.docs-page{grid-template-columns:1fr;position:relative}.docs-mobile-toggle{top:var(--header-h);z-index:50;display:flex;position:sticky}.docs-sidebar{top:var(--header-h);height:calc(100vh - var(--header-h));z-index:50;width:280px;transition:transform var(--t-fast);border-right:1px solid var(--border);box-shadow:var(--shadow-lg);position:fixed;left:0;transform:translate(-100%)}.docs-sidebar.open{transform:translate(0)}.docs-overlay{display:block}.docs-content{padding:var(--sp-6) var(--sp-4)}.docs-feature-grid{grid-template-columns:1fr}.docs-table{font-size:var(--text-xs)}.docs-table th,.docs-prop-row td{padding:var(--sp-2) var(--sp-3)}}@media (max-width:1100px){.header-inner{padding:0 var(--sp-4)}.theme-selector-dropdown{display:none}}@media (max-width:768px){.header-inner{padding:0 var(--sp-3);gap:var(--sp-2)}.header-nav{display:none}.nav-hamburger{justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.header-actions{gap:var(--sp-2)}.container{padding:0 var(--sp-3)}.page-header{padding:var(--sp-6) 0 var(--sp-4)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}.registry-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.grid-2{grid-template-columns:1fr!important}.swap-panel{padding:var(--sp-4)}.modal-content{max-width:calc(100vw - 32px);margin:0 var(--sp-4)}.steps{gap:var(--sp-2);flex-wrap:wrap}.registry-addr-col{display:none}.swap-panel select,.swap-panel input[type=text],.swap-panel input[type=number]{font-size:16px}}@media (max-width:900px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.grid-3{grid-template-columns:1fr}.header-logo span{display:none}.header-logo svg,.header-logo img{margin:0}.btn-connect-label{display:none}.network-switcher{gap:2px}.network-option{font-size:11px;padding:4px 8px!important}.theme-selector-dropdown .btn span:not(:first-child){display:none}h1{font-size:var(--text-2xl)}.analytics-stats-grid{grid-template-columns:1fr 1fr}.faucet-amount-row{flex-direction:column}.docs-content{padding:var(--sp-4) var(--sp-3)}.dev-code-pre{padding:var(--sp-3);font-size:11px}}.landing-page-container[data-theme=dark]{background:var(--bg-base)!important;color:var(--text-primary)!important}.landing-page-container[data-theme=dark] section[style*="background: #fff"],.landing-page-container[data-theme=dark] section[style*="background: rgb(255, 255, 255)"],.landing-page-container[data-theme=dark] section[style*="background: #ffffff"]{background:var(--bg-surface)!important;border-color:var(--border)!important}.landing-page-container[data-theme=dark] section[style*="background: #fafafa"],.landing-page-container[data-theme=dark] section[style*="background: rgb(250, 250, 250)"]{background:var(--bg-base)!important;border-color:var(--border)!important}.landing-page-container[data-theme=dark] [style*="color: #000"],.landing-page-container[data-theme=dark] [style*="color: rgb(0, 0, 0)"],.landing-page-container[data-theme=dark] [style*="color: #000000"]{color:var(--text-primary)!important}.landing-page-container[data-theme=dark] [style*="color: #71717a"],.landing-page-container[data-theme=dark] [style*="color: rgb(113, 113, 122)"],.landing-page-container[data-theme=dark] [style*="color: #52525b"]{color:var(--text-muted)!important}.landing-page-container[data-theme=dark] [style*="border: 1px solid #e4e4e7"],.landing-page-container[data-theme=dark] [style*="border-top: 1px solid #e4e4e7"],.landing-page-container[data-theme=dark] [style*="border-bottom: 1px solid #e4e4e7"],.landing-page-container[data-theme=dark] [style*="border: 1px solid rgb(228, 228, 231)"]{border-color:var(--border)!important}.landing-page-container[data-theme=dark] [style*="background: #f4f4f5"],.landing-page-container[data-theme=dark] .pill{background:var(--bg-elevated)!important;color:var(--text-secondary)!important;border-color:var(--border)!important}.landing-page-container[data-theme=dark] nav a[style*="color: #52525b"]{color:var(--text-secondary)!important}