:root{--color-bg: #080808;--color-bg-subtle: #0A0A0A;--color-bg-ink: #050506;--color-surface: #0A0A0A;--color-surface-hover: #0f0f0f;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .15);--color-text: #EDEDEF;--color-text-muted: #A1A1AA;--color-text-subtle: #71717A;--color-text-subtle-invert: #A1A1AA;--color-text-invert: #EDEDEF;--color-brand: #2563eb;--color-brand-hover: #1d4ed8;--color-brand-subtle: rgba(37, 99, 235, .12);--color-brand-gradient: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--color-local-badge: #10b981;--color-network-badge: #3b82f6;--color-hero-bg: radial-gradient(ellipse at top, rgba(37, 99, 235, .12) 0%, transparent 60%), radial-gradient(ellipse at bottom right, rgba(99, 102, 241, .08) 0%, transparent 50%);--color-card-shadow: 0 1px 3px 0 rgb(0 0 0 / .4), inset 0 1px 0 0 rgb(255 255 255 / .03);--color-card-shadow-hover: 0 10px 25px -3px rgb(0 0 0 / .6), 0 4px 6px -4px rgb(0 0 0 / .4), inset 0 1px 0 0 rgb(255 255 255 / .05);--color-header-bg: rgba(8, 8, 8, .8);--color-search-bg: rgba(10, 10, 10, .6);--color-output-bg: #0f0f0f;--color-hover-overlay: rgba(255, 255, 255, .05);--color-shine: rgba(255, 255, 255, .04);--color-gradient-text: linear-gradient(135deg, #60a5fa 0%, #818cf8 100%);--color-glow-blue: 0 0 24px rgba(37, 99, 235, .35);--color-hero-bg-enhanced: radial-gradient(ellipse 80% 50% at 50% -10%, rgba(37, 99, 235, .18) 0%, transparent 60%), radial-gradient(ellipse 50% 40% at 85% 20%, rgba(99, 102, 241, .1) 0%, transparent 55%), radial-gradient(ellipse 40% 30% at 10% 60%, rgba(59, 130, 246, .06) 0%, transparent 50%);--font-family-sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-line-height-tight: 1.2;--font-line-height-base: 1.6;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--ease-out: cubic-bezier(.16, 1, .3, 1);--shadow-none: none;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .4);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .5), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .6), 0 4px 6px -4px rgb(0 0 0 / .4);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .7), 0 8px 10px -6px rgb(0 0 0 / .5)}:root[data-theme=light]{--color-bg: #ffffff;--color-bg-subtle: #f9f9fb;--color-bg-ink: #f3f4f6;--color-surface: #f9f9fb;--color-surface-hover: #f3f4f6;--color-border: rgba(0, 0, 0, .08);--color-border-strong: rgba(0, 0, 0, .15);--color-text: #18181b;--color-text-muted: #52525b;--color-text-subtle: #71717a;--color-text-subtle-invert: #52525b;--color-text-invert: #18181b;--color-brand: #2563eb;--color-brand-hover: #1d4ed8;--color-brand-subtle: rgba(37, 99, 235, .08);--color-brand-gradient: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--color-success: #059669;--color-warning: #d97706;--color-danger: #dc2626;--color-info: #2563eb;--color-local-badge: #059669;--color-network-badge: #2563eb;--color-hero-bg: radial-gradient(ellipse at top, rgba(37, 99, 235, .08) 0%, transparent 60%), radial-gradient(ellipse at bottom right, rgba(99, 102, 241, .05) 0%, transparent 50%);--color-card-shadow: 0 1px 3px 0 rgb(0 0 0 / .06), 0 1px 2px -1px rgb(0 0 0 / .04);--color-card-shadow-hover: 0 10px 25px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .06);--color-header-bg: rgba(255, 255, 255, .8);--color-search-bg: rgba(255, 255, 255, .6);--color-output-bg: #f3f4f6;--color-hover-overlay: rgba(0, 0, 0, .04);--color-shine: rgba(0, 0, 0, .04);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .04);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .05);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .12), 0 8px 10px -6px rgb(0 0 0 / .08)}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--color-bg: #ffffff;--color-bg-subtle: #f9f9fb;--color-bg-ink: #f3f4f6;--color-surface: #f9f9fb;--color-surface-hover: #f3f4f6;--color-border: rgba(0, 0, 0, .08);--color-border-strong: rgba(0, 0, 0, .15);--color-text: #18181b;--color-text-muted: #52525b;--color-text-subtle: #71717a;--color-text-subtle-invert: #52525b;--color-text-invert: #18181b;--color-brand: #2563eb;--color-brand-hover: #1d4ed8;--color-brand-subtle: rgba(37, 99, 235, .08);--color-brand-gradient: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--color-success: #059669;--color-warning: #d97706;--color-danger: #dc2626;--color-info: #2563eb;--color-local-badge: #059669;--color-network-badge: #2563eb;--color-hero-bg: radial-gradient(ellipse at top, rgba(37, 99, 235, .08) 0%, transparent 60%), radial-gradient(ellipse at bottom right, rgba(99, 102, 241, .05) 0%, transparent 50%);--color-card-shadow: 0 1px 3px 0 rgb(0 0 0 / .06), 0 1px 2px -1px rgb(0 0 0 / .04);--color-card-shadow-hover: 0 10px 25px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .06);--color-header-bg: rgba(255, 255, 255, .8);--color-search-bg: rgba(255, 255, 255, .6);--color-output-bg: #f3f4f6;--color-hover-overlay: rgba(0, 0, 0, .04);--color-shine: rgba(0, 0, 0, .04);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .04);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .05);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .12), 0 8px 10px -6px rgb(0 0 0 / .08)}}html{font-family:var(--font-family-sans);color:var(--color-text);background:var(--color-bg);line-height:var(--font-line-height-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{color:var(--color-brand);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.tool{display:flex;flex-direction:column;gap:var(--space-3)}.tool-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.tool-input,.tool-output{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family-mono);font-size:var(--font-size-base);background:var(--color-surface);color:var(--color-text);resize:vertical;transition:border-color .2s,box-shadow .2s}.tool-output{background:var(--color-output-bg);color:var(--color-text-muted)}.tool-input:focus,.tool-output:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px #2563eb2e}.tool-actions{display:flex;gap:var(--space-2)}.tool-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s}.tool-btn:hover:not(:disabled){background:var(--color-brand-subtle);border-color:var(--color-brand);color:var(--color-brand);box-shadow:0 0 0 1px #2563eb33}.tool-btn:disabled{opacity:.5;cursor:not-allowed}.tool-error{color:var(--color-danger);font-size:var(--font-size-sm);margin:0}.tool-number,.tool-input-text{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family-mono)}.tool-number{width:6rem}.tool-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:var(--space-3)}.tool-stat{text-align:center;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-subtle)}.tool-stat-value{display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-brand)}.tool-stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.tool-color-preview{width:100%;height:4rem;border-radius:var(--radius-md);border:1px solid var(--color-border)}.tool-rgb{display:flex;gap:var(--space-2)}.tool-rgb input{width:5rem;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}.tool-output-text{font-family:var(--font-family-mono);color:var(--color-text-muted);margin:0}.tool-tabs{display:inline-flex;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-subtle);width:fit-content}.tool-tab{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s}.tool-tab:hover:not(.tool-tab-active){color:var(--color-text);background:var(--color-hover-overlay)}.tool-tab-active{background:var(--color-brand);color:#fff;font-weight:var(--font-weight-semibold)}.ft-gradient-text{background:var(--color-gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.ft-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:#60a5fa;margin-bottom:var(--space-3)}.ft-eyebrow:before{content:"";width:1.5rem;height:2px;border-radius:var(--radius-full);background:var(--color-brand-gradient)}.ft-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--color-card-shadow);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.ft-card:hover{border-color:var(--color-border-strong);box-shadow:var(--color-card-shadow-hover);transform:translateY(-2px)}.ft-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);background:var(--color-brand-gradient);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:filter var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.ft-btn:hover{filter:brightness(1.12);box-shadow:var(--color-glow-blue);transform:translateY(-1px);text-decoration:none}.ft-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);background:transparent;color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;border:1px solid var(--color-border-strong);cursor:pointer;transition:border-color var(--transition-base),background var(--transition-base),color var(--transition-base)}.ft-btn-secondary:hover{border-color:var(--color-brand);background:var(--color-brand-subtle);color:#60a5fa;text-decoration:none}.ft-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--color-brand-subtle);color:#93c5fd;border:1px solid rgba(37,99,235,.25)}.ft-divider{height:1px;background:var(--color-border);border:0;margin:var(--space-10) 0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.ft-header[data-astro-cid-hpnw4vwy]{border-bottom:1px solid var(--color-border);background:var(--color-header-bg);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);position:sticky;top:0;z-index:50}.ft-header-inner[data-astro-cid-hpnw4vwy]{max-width:75rem;margin:0 auto;padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-4)}.ft-brand[data-astro-cid-hpnw4vwy]{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);text-decoration:none;flex-shrink:0;letter-spacing:-.02em}.ft-brand[data-astro-cid-hpnw4vwy]:hover{text-decoration:none}.ft-brand-name[data-astro-cid-hpnw4vwy]{background:var(--color-brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--color-brand)}.ft-search[data-astro-cid-hpnw4vwy]{flex:1;max-width:32rem}.ft-search-input[data-astro-cid-hpnw4vwy]{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") no-repeat .75rem center;transition:all .2s}.ft-search-input[data-astro-cid-hpnw4vwy]::placeholder{color:var(--color-text-subtle)}.ft-search-input[data-astro-cid-hpnw4vwy]:focus{outline:none;border-color:var(--color-brand);background-color:var(--color-surface);box-shadow:0 0 0 3px #2563eb2e,var(--color-glow-blue)}.ft-nav[data-astro-cid-hpnw4vwy]{display:flex;gap:var(--space-1);flex-shrink:0}.ft-nav-link[data-astro-cid-hpnw4vwy]{position:relative;color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:color var(--transition-base),background var(--transition-base)}.ft-nav-link[data-astro-cid-hpnw4vwy]:after{content:"";position:absolute;left:50%;right:50%;bottom:2px;height:2px;border-radius:var(--radius-full);background:var(--color-brand-gradient);transition:left var(--transition-base),right var(--transition-base)}.ft-nav-link[data-astro-cid-hpnw4vwy]:hover{color:var(--color-text);background:var(--color-hover-overlay);text-decoration:none}.ft-nav-link[data-astro-cid-hpnw4vwy]:hover:after{left:var(--space-3);right:var(--space-3)}.ft-theme-toggle[data-astro-cid-hpnw4vwy]{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:all .2s;flex-shrink:0}.ft-theme-toggle[data-astro-cid-hpnw4vwy]:hover{color:var(--color-text);background:var(--color-hover-overlay);border-color:var(--color-border-strong)}[data-theme=dark] .ft-theme-icon-dark[data-astro-cid-hpnw4vwy],[data-theme=light] .ft-theme-icon-light[data-astro-cid-hpnw4vwy]{display:none}@media (max-width: 48rem){.ft-nav[data-astro-cid-hpnw4vwy]{display:none}.ft-search[data-astro-cid-hpnw4vwy]{max-width:none}}.ft-footer[data-astro-cid-k2f5zb5c]{background:var(--color-bg-ink);color:var(--color-text-muted);margin-top:var(--space-24);border-top:1px solid var(--color-border);position:relative}.ft-footer[data-astro-cid-k2f5zb5c]:before{content:"";position:absolute;top:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(37,99,235,.4) 50%,transparent 100%)}.ft-footer-inner[data-astro-cid-k2f5zb5c]{max-width:75rem;margin:0 auto;padding:var(--space-12) var(--space-4) var(--space-8);display:grid;grid-template-columns:1fr 2fr;gap:var(--space-8)}.ft-footer-logo[data-astro-cid-k2f5zb5c]{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);text-decoration:none;margin-bottom:var(--space-2);letter-spacing:-.02em}.ft-footer-logo-text[data-astro-cid-k2f5zb5c]{background:var(--color-brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--color-brand)}.ft-footer-tagline[data-astro-cid-k2f5zb5c]{color:var(--color-text-subtle-invert);font-size:var(--font-size-sm);margin:0}.ft-footer-links[data-astro-cid-k2f5zb5c]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.ft-footer-col[data-astro-cid-k2f5zb5c] h2[data-astro-cid-k2f5zb5c]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);color:var(--color-text)}.ft-footer-col[data-astro-cid-k2f5zb5c] a[data-astro-cid-k2f5zb5c]{display:block;color:var(--color-text-subtle-invert);text-decoration:none;font-size:var(--font-size-sm);margin-bottom:var(--space-2);transition:color var(--transition-base),transform var(--transition-base)}.ft-footer-col[data-astro-cid-k2f5zb5c] a[data-astro-cid-k2f5zb5c]:hover{color:var(--color-brand);text-decoration:none;transform:translate(2px)}.ft-footer-bottom[data-astro-cid-k2f5zb5c]{border-top:1px solid var(--color-border);padding:var(--space-4) var(--space-4);text-align:center}.ft-footer-bottom[data-astro-cid-k2f5zb5c] p[data-astro-cid-k2f5zb5c]{color:var(--color-text-subtle-invert);font-size:var(--font-size-sm);margin:0}@media (max-width: 48rem){.ft-footer-inner[data-astro-cid-k2f5zb5c]{grid-template-columns:1fr;gap:var(--space-6)}.ft-footer-links[data-astro-cid-k2f5zb5c]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 30rem){.ft-footer-links[data-astro-cid-k2f5zb5c]{grid-template-columns:1fr 1fr}}.ft-skip-link[data-astro-cid-jvyhto63]{position:absolute;top:-100px;left:0;background:var(--color-surface);color:var(--color-text);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);z-index:1000;transition:top .2s}.ft-skip-link[data-astro-cid-jvyhto63]:focus{top:0}.ft-main[data-astro-cid-jvyhto63]{max-width:75rem;margin:0 auto;padding:var(--space-6) var(--space-4);background:radial-gradient(ellipse 60% 24rem at 50% 0%,rgba(37,99,235,.05) 0%,transparent 70%)}.ft-breadcrumb[data-astro-cid-jvyhto63]{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.ft-breadcrumb[data-astro-cid-jvyhto63] a[data-astro-cid-jvyhto63]{color:var(--color-text-muted);transition:color var(--transition-fast)}.ft-breadcrumb[data-astro-cid-jvyhto63] a[data-astro-cid-jvyhto63]:hover{color:var(--color-brand);text-decoration:none}