:root{--color-bg: #020617;--color-fg: #e5e7eb;--color-muted: #9ca3af;--color-border-subtle: rgba(148, 163, 184, .4);--color-border-subtle-strong: rgba(148, 163, 184, .7);--color-surface: rgba(15, 23, 42, .95);--color-surface-strong: radial-gradient(circle at top left, #020617, #020617 45%, #0b1120 100%);--color-header-bg: rgba(15, 23, 42, .92);--color-input-bg: rgba(15, 23, 42, .96);--color-accent: #6366f1;--color-accent-soft: rgba(79, 70, 229, .16);--color-accent-strong: #e0e7ff}:root[data-theme=light]{--color-bg: #f9fafb;--color-fg: #0f172a;--color-muted: #6b7280;--color-border-subtle: rgba(209, 213, 219, .9);--color-border-subtle-strong: rgba(148, 163, 184, 1);--color-surface: #ffffff;--color-surface-strong: radial-gradient(circle at top left, #eff6ff, #f9fafb 50%, #eef2ff 100%);--color-header-bg: rgba(255, 255, 255, .9);--color-input-bg: #f3f4f6;--color-accent: #4f46e5;--color-accent-soft: rgba(59, 130, 246, .16);--color-accent-strong: #1d4ed8}:root{font-family:system-ui,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light dark}html,body,#root{margin:0;padding:0;min-height:100%}body{background-color:var(--color-bg);color:var(--color-fg)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}.app-root{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top left,rgba(96,165,250,.12),transparent 55%),radial-gradient(circle at bottom right,rgba(244,114,182,.12),transparent 55%)}.app-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border-subtle);position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:var(--color-header-bg)}.app-logo{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;letter-spacing:.02em}.app-logo-mark{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.9rem;background:linear-gradient(135deg,#4f46e5,#ec4899);color:#fff;font-size:.9rem}.app-logo-text{font-size:.95rem}.app-header-left{flex:0 0 auto}.app-header-center{flex:1 1 auto;display:flex}.app-header-right{flex:0 0 auto;display:flex;align-items:center;gap:.5rem}.app-search-input{width:100%;min-width:0;border-radius:999px;border:1px solid var(--color-border-subtle);padding:.45rem .9rem;font-size:.9rem;background-color:var(--color-input-bg);color:inherit}.app-search-input::placeholder{color:var(--color-muted)}.theme-toggle-button{border-radius:999px;border:1px solid var(--color-border-subtle);width:2.1rem;height:2.1rem;display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-input-bg);cursor:pointer}.app-nav{display:flex;gap:.5rem;padding:.5rem 1rem;border-bottom:1px solid var(--color-border-subtle);overflow-x:auto}.app-nav-link{font-size:.85rem;padding:.35rem .8rem;border-radius:999px;border:1px solid transparent;white-space:nowrap}.app-nav-link.active{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent-strong)}.app-main{flex:1 1 auto;padding:1rem;max-width:1120px;margin:0 auto;width:100%}.app-footer{border-top:1px solid var(--color-border-subtle);padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--color-muted)}.app-footer-links{display:flex;gap:.75rem}.page{display:flex;flex-direction:column;gap:1.5rem}.page-header h1{margin-bottom:.25rem}.page-header p{margin:0;color:var(--color-muted)}.hero{padding:1.75rem 1.5rem;border-radius:1.5rem;background:var(--color-surface-strong);box-shadow:0 18px 45px #0f172a47}.hero-content h1{font-size:clamp(1.8rem,4vw,2.4rem);margin-top:0;margin-bottom:.75rem}.hero-content p{margin:0;margin-bottom:1rem;color:var(--color-muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:999px;padding:.55rem 1.35rem;border:1px solid transparent;font-size:.9rem;font-weight:500;cursor:pointer}.button.primary{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff}.button.ghost{background-color:transparent;border-color:var(--color-border-subtle-strong);color:var(--color-fg)}.home-section{display:flex;flex-direction:column;gap:.75rem}.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.card{border-radius:1rem;padding:.9rem 1rem;background-color:var(--color-surface);border:1px solid var(--color-border-subtle);box-shadow:0 12px 26px #0f172a29}.card h3{margin-top:0;margin-bottom:.35rem;font-size:.98rem}.card p{margin:0;font-size:.86rem;color:var(--color-muted)}.page-legal p{max-width:42rem}.tools-grid{display:flex;flex-direction:column;gap:1.25rem}.tools-group h2{margin-bottom:.2rem}.tools-group p{margin-top:0;margin-bottom:.5rem;color:var(--color-muted);font-size:.9rem}.tools-list{display:flex;flex-wrap:wrap;gap:.6rem}.tool-card{padding:.65rem .9rem;border-radius:999px;box-shadow:none}.tool-name{font-size:.86rem}@media(max-width:640px){.app-header{align-items:flex-start}.app-header-center{display:none}.hero{padding:1.25rem 1rem}.app-footer{flex-direction:column;align-items:flex-start;gap:.25rem}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}