/*! 123MiniApps.online v2.0, main.min.css
 * Generated by build-css.py. Do not edit directly.
 * Edit the source files in assets/css/ and re-run the script.
 */
/* ---- reset.css ---- */
*, *::before, *::after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}img, picture, video, canvas, svg{display:block;max-width:100%;height:auto}input, button, textarea, select{font:inherit;color:inherit;background:none;border:none}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}p, h1, h2, h3, h4, h5, h6{overflow-wrap:break-word}h1, h2, h3, h4, h5, h6{text-wrap:balance}ul, ol{list-style:none}a{color:inherit;text-decoration:none}table{border-collapse:collapse;border-spacing:0}:focus{outline:none}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px;border-radius:var(--radius-xs)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}[hidden]{display:none !important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}::selection{background:var(--accent-primary);color:var(--bg-primary)}
/* ---- design-tokens.css ---- */
:root{--font-heading:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-body:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-mono:'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--text-hero:clamp(2.25rem, 1.2rem + 4.6vw, 4.5rem);--text-section:clamp(1.75rem, 1.2rem + 2.2vw, 2.75rem);--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--leading-tight:1.2;--leading-snug:1.375;--leading-normal:1.6;--leading-relaxed:1.75;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.04em;--tracking-wider:0.09em;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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;--space-32:8rem;--space-40:10rem;--section-padding:clamp(3rem, 1.5rem + 6vw, 7rem);--radius-xs:4px;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:28px;--radius-2xl:36px;--radius-full:9999px;--shadow-xs:0 2px 8px rgba(0, 0, 0, 0.15);--shadow-sm:0 6px 18px rgba(0, 0, 0, 0.18);--shadow-md:0 12px 40px rgba(0, 0, 0, 0.28);--shadow-lg:0 20px 60px rgba(0, 0, 0, 0.40);--shadow-xl:0 28px 80px rgba(0, 0, 0, 0.50);--glow-sm:0 0 20px var(--border-glow);--glow-md:0 0 40px var(--border-glow);--glow-lg:0 0 60px var(--border-glow);--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--duration-slower:800ms;--ease-default:cubic-bezier(0.4, 0, 0.2, 1);--ease-in:cubic-bezier(0.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, 0.2, 1);--ease-bounce:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-spring:cubic-bezier(0.68, -0.55, 0.265, 1.55);--container-max:1280px;--container-wide:1440px;--container-pad:clamp(1rem, 0.5rem + 2vw, 2.5rem);--nav-height:72px;--nav-height-mobile:64px;--z-base:1;--z-sticky:100;--z-fab:900;--z-nav:1000;--z-overlay:1100;--z-modal:1200;--z-toast:1300;--bp-mobile:480px;--bp-tablet:768px;--bp-laptop:1024px;--bp-desktop:1280px;--bp-wide:1440px;--bp-ultrawide:1920px}:root, [data-theme='indigo-nova']{color-scheme:dark;--bg-primary:#0b1120;--bg-surface:#111827;--bg-card:#161f36;--bg-card-hover:#1e293b;--accent-primary:#818cf8;--accent-secondary:#a78bfa;--accent-gradient:linear-gradient(135deg, #4f46e5, #7c3aed 55%, #3b82f6);--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-color:rgba(99, 102, 241, 0.20);--border-glow:rgba(79, 70, 229, 0.35);--shadow-card:0 8px 32px rgba(79, 70, 229, 0.18);--shadow-glow:0 0 40px rgba(79, 70, 229, 0.28);--glass-bg:rgba(22, 31, 54, 0.82);--glass-border:rgba(99, 102, 241, 0.25);--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--on-accent:#0b1120;--mesh-1:rgba(79, 70, 229, 0.24);--mesh-2:rgba(59, 130, 246, 0.20)}[data-theme='azure-trust']{color-scheme:light;--bg-primary:#f8fafc;--bg-surface:#ffffff;--bg-card:#ffffff;--bg-card-hover:#f1f5f9;--accent-primary:#2563eb;--accent-secondary:#0e7490;--accent-gradient:linear-gradient(135deg, #2563eb, #06b6d4);--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#5b6673;--border-color:rgba(37, 99, 235, 0.16);--border-glow:rgba(37, 99, 235, 0.22);--shadow-card:0 8px 32px rgba(37, 99, 235, 0.10);--shadow-glow:0 0 40px rgba(37, 99, 235, 0.14);--glass-bg:rgba(255, 255, 255, 0.82);--glass-border:rgba(37, 99, 235, 0.16);--success:#047857;--warning:#b45309;--danger:#dc2626;--info:#2563eb;--on-accent:#ffffff;--shadow-xs:0 2px 8px rgba(15, 23, 42, 0.06);--shadow-sm:0 6px 18px rgba(15, 23, 42, 0.08);--shadow-md:0 12px 40px rgba(15, 23, 42, 0.12);--shadow-lg:0 20px 60px rgba(15, 23, 42, 0.16);--shadow-xl:0 28px 80px rgba(15, 23, 42, 0.20);--mesh-1:rgba(37, 99, 235, 0.14);--mesh-2:rgba(6, 182, 212, 0.14)}[data-theme='graphite-minimal']{color-scheme:light;--bg-primary:#ffffff;--bg-surface:#ffffff;--bg-card:#ffffff;--bg-card-hover:#f9fafb;--accent-primary:#2563eb;--accent-secondary:#4b5563;--accent-gradient:linear-gradient(135deg, #111827, #2563eb);--text-primary:#111827;--text-secondary:#374151;--text-muted:#6b7280;--border-color:rgba(17, 24, 39, 0.12);--border-glow:rgba(37, 99, 235, 0.18);--shadow-card:0 8px 32px rgba(17, 24, 39, 0.08);--shadow-glow:0 0 40px rgba(37, 99, 235, 0.12);--glass-bg:rgba(255, 255, 255, 0.85);--glass-border:rgba(17, 24, 39, 0.10);--success:#047857;--warning:#b45309;--danger:#dc2626;--info:#2563eb;--on-accent:#ffffff;--shadow-xs:0 2px 8px rgba(17, 24, 39, 0.05);--shadow-sm:0 6px 18px rgba(17, 24, 39, 0.07);--shadow-md:0 12px 40px rgba(17, 24, 39, 0.10);--shadow-lg:0 20px 60px rgba(17, 24, 39, 0.14);--shadow-xl:0 28px 80px rgba(17, 24, 39, 0.18);--mesh-1:rgba(37, 99, 235, 0.10);--mesh-2:rgba(148, 163, 184, 0.14)}[data-theme='violet-dream']{color-scheme:dark;--bg-primary:#18181b;--bg-surface:#201f27;--bg-card:#29262f;--bg-card-hover:#322e3b;--accent-primary:#c084fc;--accent-secondary:#d8b4fe;--accent-gradient:linear-gradient(135deg, #9333ea, #a855f7 55%, #c084fc);--text-primary:#faf5ff;--text-secondary:#d8c9ec;--text-muted:#a99cc0;--border-color:rgba(168, 85, 247, 0.22);--border-glow:rgba(147, 51, 234, 0.35);--shadow-card:0 8px 32px rgba(147, 51, 234, 0.18);--shadow-glow:0 0 40px rgba(147, 51, 234, 0.28);--glass-bg:rgba(41, 38, 47, 0.82);--glass-border:rgba(168, 85, 247, 0.25);--success:#34d399;--warning:#fbbf24;--danger:#f87171;--info:#a78bfa;--on-accent:#1a0b2e;--mesh-1:rgba(147, 51, 234, 0.24);--mesh-2:rgba(192, 132, 252, 0.18)}[data-theme='emerald-fresh']{color-scheme:light;--bg-primary:#ecfdf5;--bg-surface:#ffffff;--bg-card:#ffffff;--bg-card-hover:#f0fdf4;--accent-primary:#047857;--accent-secondary:#2563eb;--accent-gradient:linear-gradient(135deg, #059669, #2563eb);--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#566b63;--border-color:rgba(5, 150, 105, 0.18);--border-glow:rgba(5, 150, 105, 0.22);--shadow-card:0 8px 32px rgba(5, 150, 105, 0.10);--shadow-glow:0 0 40px rgba(5, 150, 105, 0.14);--glass-bg:rgba(255, 255, 255, 0.82);--glass-border:rgba(5, 150, 105, 0.16);--success:#047857;--warning:#b45309;--danger:#dc2626;--info:#2563eb;--on-accent:#ffffff;--shadow-xs:0 2px 8px rgba(6, 78, 59, 0.06);--shadow-sm:0 6px 18px rgba(6, 78, 59, 0.08);--shadow-md:0 12px 40px rgba(6, 78, 59, 0.12);--shadow-lg:0 20px 60px rgba(6, 78, 59, 0.16);--shadow-xl:0 28px 80px rgba(6, 78, 59, 0.20);--mesh-1:rgba(5, 150, 105, 0.14);--mesh-2:rgba(37, 99, 235, 0.12)}[data-theme='navy-cyan']{color-scheme:dark;--bg-primary:#0a1834;--bg-surface:#0f2147;--bg-card:#16294f;--bg-card-hover:#1e3a6b;--accent-primary:#38bdf8;--accent-secondary:#0ea5e9;--accent-gradient:linear-gradient(135deg, #1e3a8a, #0ea5e9 60%, #38bdf8);--text-primary:#f0f9ff;--text-secondary:#bcd6ee;--text-muted:#8fa9c4;--border-color:rgba(56, 189, 248, 0.20);--border-glow:rgba(14, 165, 233, 0.32);--shadow-card:0 8px 32px rgba(14, 165, 233, 0.16);--shadow-glow:0 0 40px rgba(14, 165, 233, 0.26);--glass-bg:rgba(22, 41, 79, 0.82);--glass-border:rgba(56, 189, 248, 0.25);--success:#34d399;--warning:#fbbf24;--danger:#f87171;--info:#38bdf8;--on-accent:#04121f;--mesh-1:rgba(14, 165, 233, 0.22);--mesh-2:rgba(30, 58, 138, 0.24)}[data-theme='sunburst']{color-scheme:light;--bg-primary:#fff7ed;--bg-surface:#ffffff;--bg-card:#ffffff;--bg-card-hover:#fff1e0;--accent-primary:#4f46e5;--accent-secondary:#c2410c;--accent-gradient:linear-gradient(135deg, #f97316, #4f46e5);--text-primary:#1c1917;--text-secondary:#44403c;--text-muted:#78716c;--border-color:rgba(249, 115, 22, 0.22);--border-glow:rgba(79, 70, 229, 0.22);--shadow-card:0 8px 32px rgba(249, 115, 22, 0.12);--shadow-glow:0 0 40px rgba(79, 70, 229, 0.14);--glass-bg:rgba(255, 255, 255, 0.82);--glass-border:rgba(249, 115, 22, 0.18);--success:#15803d;--warning:#c2410c;--danger:#dc2626;--info:#4f46e5;--on-accent:#ffffff;--shadow-xs:0 2px 8px rgba(28, 25, 23, 0.06);--shadow-sm:0 6px 18px rgba(28, 25, 23, 0.08);--shadow-md:0 12px 40px rgba(28, 25, 23, 0.12);--shadow-lg:0 20px 60px rgba(28, 25, 23, 0.16);--shadow-xl:0 28px 80px rgba(28, 25, 23, 0.20);--mesh-1:rgba(249, 115, 22, 0.16);--mesh-2:rgba(79, 70, 229, 0.14)}[data-theme='teal-clean']{color-scheme:light;--bg-primary:#f0fdfa;--bg-surface:#ffffff;--bg-card:#ffffff;--bg-card-hover:#ecfdf7;--accent-primary:#0f766e;--accent-secondary:#2563eb;--accent-gradient:linear-gradient(135deg, #0d9488, #2563eb);--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#55706a;--border-color:rgba(13, 148, 136, 0.18);--border-glow:rgba(13, 148, 136, 0.22);--shadow-card:0 8px 32px rgba(13, 148, 136, 0.10);--shadow-glow:0 0 40px rgba(13, 148, 136, 0.14);--glass-bg:rgba(255, 255, 255, 0.82);--glass-border:rgba(13, 148, 136, 0.16);--success:#047857;--warning:#b45309;--danger:#dc2626;--info:#2563eb;--on-accent:#ffffff;--shadow-xs:0 2px 8px rgba(15, 118, 110, 0.06);--shadow-sm:0 6px 18px rgba(15, 118, 110, 0.08);--shadow-md:0 12px 40px rgba(15, 118, 110, 0.12);--shadow-lg:0 20px 60px rgba(15, 118, 110, 0.16);--shadow-xl:0 28px 80px rgba(15, 118, 110, 0.20);--mesh-1:rgba(13, 148, 136, 0.14);--mesh-2:rgba(37, 99, 235, 0.12)}[data-theme='violet-noir']{color-scheme:dark;--bg-primary:#0f0f14;--bg-surface:#18181f;--bg-card:#1f1f28;--bg-card-hover:#272733;--accent-primary:#a78bfa;--accent-secondary:#7c3aed;--accent-gradient:linear-gradient(135deg, #7c3aed, #a78bfa);--text-primary:#f5f3ff;--text-secondary:#d0c9e8;--text-muted:#a09bb5;--border-color:rgba(167, 139, 250, 0.22);--border-glow:rgba(124, 58, 237, 0.35);--shadow-card:0 8px 32px rgba(124, 58, 237, 0.18);--shadow-glow:0 0 40px rgba(124, 58, 237, 0.28);--glass-bg:rgba(31, 31, 40, 0.82);--glass-border:rgba(167, 139, 250, 0.25);--success:#34d399;--warning:#fbbf24;--danger:#f87171;--info:#a78bfa;--on-accent:#14061f;--mesh-1:rgba(124, 58, 237, 0.24);--mesh-2:rgba(167, 139, 250, 0.18)}[data-theme='crimson-edge']{color-scheme:dark;--bg-primary:#0f0f0f;--bg-surface:#171717;--bg-card:#1e1e1e;--bg-card-hover:#262626;--accent-primary:#f87171;--accent-secondary:#dc2626;--accent-gradient:linear-gradient(135deg, #dc2626, #ef4444 60%, #f87171);--text-primary:#fef2f2;--text-secondary:#e5c9c9;--text-muted:#b89a9a;--border-color:rgba(248, 113, 113, 0.22);--border-glow:rgba(220, 38, 38, 0.35);--shadow-card:0 8px 32px rgba(220, 38, 38, 0.18);--shadow-glow:0 0 40px rgba(220, 38, 38, 0.28);--glass-bg:rgba(30, 30, 30, 0.85);--glass-border:rgba(248, 113, 113, 0.25);--success:#34d399;--warning:#fbbf24;--danger:#f87171;--info:#60a5fa;--on-accent:#1a0505;--mesh-1:rgba(220, 38, 38, 0.20);--mesh-2:rgba(248, 113, 113, 0.16)}@media (min-width:1440px){:root{--container-max:1360px;--container-wide:1560px}}@media (min-width:1600px){:root{--container-max:1480px;--container-wide:1720px;--section-padding:clamp(4rem, 2rem + 6vw, 8rem)}}@media (min-width:1920px){:root{--container-max:1600px;--container-wide:1840px}html{font-size:17px}}@media (min-width:2560px){:root{--container-max:1840px;--container-wide:2100px}html{font-size:18px}}
/* ---- typography.css ---- */
body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--text-secondary);background-color:var(--bg-primary)}h1, h2, h3, h4, h5, h6{font-family:var(--font-heading);color:var(--text-primary);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-weight:var(--weight-bold)}h1{font-size:var(--text-hero);font-weight:var(--weight-extrabold)}h2{font-size:var(--text-section);font-weight:var(--weight-bold)}h3{font-size:var(--text-2xl);font-weight:var(--weight-semibold)}h4{font-size:var(--text-xl);font-weight:var(--weight-semibold)}h5{font-size:var(--text-lg);font-weight:var(--weight-semibold)}h6{font-size:var(--text-base);font-weight:var(--weight-semibold)}p{line-height:var(--leading-normal);text-wrap:pretty}strong, b{font-weight:var(--weight-semibold);color:var(--text-primary)}code, kbd, samp, pre{font-family:var(--font-mono);font-size:0.9em}code{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xs);padding:0.15em 0.4em;color:var(--accent-primary)}pre{overflow-x:auto}pre code{background:none;border:none;padding:0;color:inherit}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:2px 6px;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-color);border-bottom-width:2px;border-radius:var(--radius-xs)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.font-normal{font-weight:var(--weight-normal)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.font-extrabold{font-weight:var(--weight-extrabold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-primary)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.uppercase{text-transform:uppercase;letter-spacing:var(--tracking-wider)}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}@supports not ((-webkit-background-clip:text) or (background-clip:text)){.gradient-text{color:var(--accent-primary);-webkit-text-fill-color:currentColor}}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--accent-primary)}.lead{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-secondary)}.prose{max-width:72ch}.prose h2{margin-top:var(--space-12);margin-bottom:var(--space-4);font-size:var(--text-3xl)}.prose h3{margin-top:var(--space-8);margin-bottom:var(--space-3)}.prose p, .prose ul, .prose ol{margin-bottom:var(--space-4)}.prose ul, .prose ol{padding-left:var(--space-6)}.prose ul li{list-style:disc;margin-bottom:var(--space-2)}.prose ol li{list-style:decimal;margin-bottom:var(--space-2)}.prose a{color:var(--accent-primary);text-decoration:underline;text-underline-offset:3px}.prose a:hover{color:var(--accent-secondary)}
/* ---- spacing.css ---- */
.m-0{margin:var(--space-0)}.m-2{margin:var(--space-2)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mt-0{margin-top:var(--space-0)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.mt-16{margin-top:var(--space-16)}.mb-0{margin-bottom:var(--space-0)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}.mb-16{margin-bottom:var(--space-16)}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:var(--space-0)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-12{padding:var(--space-12)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.stack>* + *{margin-top:var(--space-4)}.stack-sm>* + *{margin-top:var(--space-2)}.stack-lg>* + *{margin-top:var(--space-8)}
/* ---- shadows.css ---- */
.shadow-none{box-shadow:none}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-card{box-shadow:var(--shadow-card)}.glow-sm{box-shadow:var(--glow-sm)}.glow-md{box-shadow:var(--glow-md)}.glow-lg{box-shadow:var(--glow-lg)}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{background:var(--bg-card)}}.gradient-border{position:relative;isolation:isolate}.gradient-border::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--accent-gradient);-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--duration-normal) var(--ease-default);pointer-events:none}.gradient-border:hover::before, .gradient-border:focus-within::before{opacity:1}
/* ---- animations.css ---- */
@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-up{from{opacity:0;transform:translate3d(0, 28px, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes fade-scale{from{opacity:0;transform:scale3d(0.94, 0.94, 1)}to{opacity:1;transform:scale3d(1, 1, 1)}}@keyframes slide-in-right{from{opacity:0;transform:translate3d(40px, 0, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes slide-in-left{from{opacity:0;transform:translate3d(-40px, 0, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes slide-up-in{from{opacity:0;transform:translate3d(0, 100%, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes glow-pulse{0%, 100%{filter:drop-shadow(0 0 6px var(--border-glow))}50%{filter:drop-shadow(0 0 22px var(--border-glow))}}@keyframes float{0%, 100%{transform:translate3d(0, 0, 0) rotate(0deg)}50%{transform:translate3d(0, -14px, 0) rotate(0.6deg)}}@keyframes float-delayed{0%, 100%{transform:translate3d(0, -8px, 0) rotate(-0.5deg)}50%{transform:translate3d(0, 8px, 0) rotate(0.5deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{from{transform:translate3d(-100%, 0, 0)}to{transform:translate3d(100%, 0, 0)}}@keyframes blink-caret{0%, 49%{opacity:1}50%, 100%{opacity:0}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes mesh-drift{0%{transform:translate3d(0, 0, 0) scale(1)}33%{transform:translate3d(3%, -4%, 0) scale(1.08)}66%{transform:translate3d(-3%, 3%, 0) scale(0.96)}100%{transform:translate3d(0, 0, 0) scale(1)}}@keyframes toast-progress{from{transform:scaleX(1)}to{transform:scaleX(0)}}.animate-fade-in{animation:fade-in var(--duration-slow) var(--ease-out) both}.animate-fade-up{animation:fade-up var(--duration-slow) var(--ease-out) both}.animate-fade-scale{animation:fade-scale var(--duration-normal) var(--ease-bounce) both}.animate-float{animation:float 6s var(--ease-default) infinite}.animate-glow{animation:glow-pulse 3s var(--ease-default) infinite}.animate-spin{animation:spin 1s linear infinite}.delay-1{animation-delay:80ms}.delay-2{animation-delay:160ms}.delay-3{animation-delay:240ms}.delay-4{animation-delay:320ms}.delay-5{animation-delay:400ms}.delay-6{animation-delay:480ms}[data-animate]{opacity:0;will-change:opacity, transform}[data-animate='fade-in']{}[data-animate='fade-up']{transform:translate3d(0, 28px, 0)}[data-animate='fade-scale']{transform:scale3d(0.94, 0.94, 1)}[data-animate='slide-in-right']{transform:translate3d(40px, 0, 0)}[data-animate='slide-in-left']{transform:translate3d(-40px, 0, 0)}[data-animate].is-visible{opacity:1;transform:none;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);transition-delay:var(--reveal-delay, 0ms);will-change:auto}.skeleton{position:relative;overflow:hidden;background:var(--bg-surface);border-radius:var(--radius-sm)}.skeleton::after{content:'';position:absolute;inset:0;background:linear-gradient( 90deg, transparent, var(--border-color), transparent );animation:shimmer 1.4s infinite}.typewriter__caret{display:inline-block;width:3px;height:1em;margin-left:2px;vertical-align:text-bottom;background:var(--accent-primary);animation:blink-caret 1s step-end infinite}@media (prefers-reduced-motion:reduce){*, *::before, *::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}[data-animate]{opacity:1 !important;transform:none !important}.typewriter__caret{animation:none;opacity:1}}
/* ---- layout.css ---- */
.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.container--wide{max-width:var(--container-wide)}.container--narrow{max-width:860px}.section{position:relative;padding-block:var(--section-padding)}.section--tight{padding-block:clamp(2rem, 1rem + 3vw, 3.5rem)}.section__header{max-width:720px;margin-inline:auto;margin-bottom:var(--space-12);text-align:center}.section__header .eyebrow{margin-bottom:var(--space-3)}.section__header h2{margin-bottom:var(--space-4)}.section__header p{color:var(--text-muted);font-size:var(--text-lg)}.section--divided::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(100%, var(--container-max));height:1px;background:linear-gradient( 90deg, transparent, var(--border-color), transparent )}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1 1 0%}.grow{flex-grow:1}.shrink-0{flex-shrink:0}.grid{display:grid}.grid-auto{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill, minmax(min(100%, 280px), 1fr))}.grid-auto--lg{grid-template-columns:repeat(auto-fill, minmax(min(100%, 360px), 1fr))}.grid-auto--sm{gap:var(--space-4);grid-template-columns:repeat(auto-fill, minmax(min(100%, 240px), 1fr))}.grid-2{grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--space-6)}.grid-3{grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--space-6)}.grid-4{grid-template-columns:repeat(4, minmax(0, 1fr));gap:var(--space-6)}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-3{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (max-width:640px){.grid-2, .grid-3, .grid-4{grid-template-columns:minmax(0, 1fr)}}.scroll-row{display:flex;gap:var(--space-4);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:var(--space-3);-webkit-overflow-scrolling:touch}.scroll-row>*{scroll-snap-align:start;flex:0 0 auto}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.inset-0{inset:0}.overflow-hidden{overflow:hidden}.w-full{width:100%}.h-full{height:100%}.contain-card{contain:layout style paint}.split{display:grid;gap:var(--space-12);align-items:center;grid-template-columns:minmax(0, 1.35fr) minmax(0, 1fr)}@media (max-width:1024px){.split{grid-template-columns:minmax(0, 1fr);gap:var(--space-10)}}@media (max-width:900px){.hide-mobile{display:none !important}}@media (min-width:901px){.hide-desktop{display:none !important}}@media (min-width:1600px){.grid-auto{grid-template-columns:repeat(auto-fill, minmax(min(100%, 300px), 1fr));gap:var(--space-8)}.grid-auto--lg{grid-template-columns:repeat(auto-fill, minmax(min(100%, 380px), 1fr));gap:var(--space-8)}.grid-auto--sm{grid-template-columns:repeat(auto-fill, minmax(min(100%, 260px), 1fr))}}@media (min-width:1920px){.grid-auto{grid-template-columns:repeat(auto-fill, minmax(min(100%, 290px), 1fr))}}@media (min-width:641px) and (max-width:1024px){.grid-2.grid-3.grid-4{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (max-width:480px){.grid-auto.grid-auto--lg.grid-auto--sm{gap:var(--space-4)}}
/* ---- components.css ---- */
.skip-link{position:absolute;top:0;left:50%;transform:translate(-50%, -120%);z-index:calc(var(--z-nav) + 1);padding:var(--space-3) var(--space-6);background:var(--accent-primary);color:var(--on-accent);font-weight:var(--weight-semibold);border-radius:0 0 var(--radius-md) var(--radius-md);transition:transform var(--duration-fast) var(--ease-out)}.skip-link:focus{transform:translate(-50%, 0)}.progress-bar{position:fixed;top:0;left:0;z-index:calc(var(--z-nav) + 2);width:100%;height:3px;background:var(--accent-gradient);transform:scaleX(0);transform-origin:0 50%;pointer-events:none}.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);height:var(--nav-height);background:color-mix(in srgb, var(--bg-primary) 55%, transparent);border-bottom:1px solid transparent;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);transition:background var(--duration-normal) var(--ease-default), border-color var(--duration-normal) var(--ease-default), box-shadow var(--duration-normal) var(--ease-default)}.nav.is-scrolled{background:color-mix(in srgb, var(--bg-primary) 88%, transparent);border-bottom-color:var(--border-color);box-shadow:var(--shadow-sm)}.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);height:100%}.nav__logo{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);color:var(--text-primary);flex-shrink:0}.nav__logo-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-sm);background:var(--accent-gradient);color:var(--on-accent);font-size:var(--text-sm);font-weight:var(--weight-extrabold);box-shadow:var(--shadow-glow)}.nav__links{display:flex;align-items:center;gap:var(--space-1)}.nav__link{position:relative;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);border-radius:var(--radius-md);transition:color var(--duration-fast) var(--ease-default)}.nav__link::after{content:'';position:absolute;left:var(--space-4);right:var(--space-4);bottom:2px;height:2px;border-radius:var(--radius-full);background:var(--accent-gradient);transform:scaleX(0);transform-origin:0 50%;transition:transform var(--duration-normal) var(--ease-out)}.nav__link:hover{color:var(--text-primary)}.nav__link:hover::after, .nav__link.is-active::after{transform:scaleX(1)}.nav__link.is-active{color:var(--text-primary)}.nav__actions{display:flex;align-items:center;gap:var(--space-2)}.nav__toggle{display:none;width:44px;height:44px;place-items:center;border-radius:var(--radius-md);color:var(--text-primary)}.nav__toggle-bars, .nav__toggle-bars::before, .nav__toggle-bars::after{display:block;width:20px;height:2px;background:currentColor;border-radius:var(--radius-full);transition:transform var(--duration-normal) var(--ease-bounce), opacity var(--duration-fast) var(--ease-default)}.nav__toggle-bars::before, .nav__toggle-bars::after{content:'';position:absolute}.nav__toggle-bars::before{transform:translateY(-6px)}.nav__toggle-bars::after{transform:translateY(6px)}.nav__toggle[aria-expanded='true'] .nav__toggle-bars{background:transparent}.nav__toggle[aria-expanded='true'] .nav__toggle-bars::before{transform:rotate(45deg)}.nav__toggle[aria-expanded='true'] .nav__toggle-bars::after{transform:rotate(-45deg)}.nav__drawer{position:fixed;inset:var(--nav-height-mobile) 0 0 0;z-index:calc(var(--z-nav) - 1);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-8) var(--container-pad);background:var(--bg-primary);transform:translate3d(0, -8px, 0);opacity:0;visibility:hidden;transition:opacity var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out), visibility var(--duration-normal);overflow-y:auto}.nav__drawer.is-open{opacity:1;visibility:visible;transform:none}.nav__drawer .nav__link{padding:var(--space-4);font-size:var(--text-lg);border-bottom:1px solid var(--border-color);border-radius:0}@media (max-width:900px){.nav{height:var(--nav-height-mobile)}.nav__links{display:none}.nav__toggle{display:grid;position:relative}}.btn{--btn-h:44px;--btn-px:var(--space-6);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--btn-h);padding-inline:var(--btn-px);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1;white-space:nowrap;border-radius:var(--radius-md);transition:transform var(--duration-fast) var(--ease-bounce), box-shadow var(--duration-normal) var(--ease-default), background-color var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default), opacity var(--duration-fast) var(--ease-default)}.btn:active:not(:disabled){transform:scale(0.975)}.btn:disabled{opacity:0.5}.btn--sm{--btn-h:36px;--btn-px:var(--space-4);font-size:var(--text-xs)}.btn--md{--btn-h:44px;--btn-px:var(--space-6)}.btn--lg{--btn-h:52px;--btn-px:var(--space-8);font-size:var(--text-base)}.btn--xl{--btn-h:64px;--btn-px:var(--space-10);font-size:var(--text-lg);border-radius:var(--radius-lg)}.btn--primary{background:var(--accent-gradient);color:var(--on-accent);box-shadow:var(--shadow-card)}.btn--primary:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-glow), var(--shadow-md)}.btn--secondary{position:relative;color:var(--text-primary);background:transparent;border:1px solid var(--border-color)}.btn--secondary:hover:not(:disabled){border-color:transparent;background:color-mix(in srgb, var(--accent-primary) 12%, transparent);transform:translateY(-2px);box-shadow:var(--glow-sm)}.btn--ghost{color:var(--text-secondary);background:transparent}.btn--ghost:hover:not(:disabled){color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 10%, transparent)}.btn--danger{background:var(--danger);color:#fff}.btn--icon{--btn-px:0;width:44px;min-width:44px;padding:0;border-radius:var(--radius-full);color:var(--text-secondary);border:1px solid var(--border-color);background:var(--glass-bg)}.btn--icon:hover:not(:disabled){color:var(--accent-primary);border-color:var(--border-glow);box-shadow:var(--glow-sm);transform:translateY(-2px)}.btn--icon.btn--sm{width:36px;min-width:36px}.btn.is-loading{pointer-events:none;color:transparent;position:relative}.btn.is-loading::after{content:'';position:absolute;width:18px;height:18px;border:2px solid currentColor;border-top-color:var(--on-accent);border-radius:50%;animation:spin 0.7s linear infinite;color:var(--text-primary)}.btn__icon{display:inline-flex;font-size:1.1em;line-height:1}.btn--primary:hover .btn__icon--arrow{transform:translateX(3px)}.btn__icon--arrow{transition:transform var(--duration-normal) var(--ease-bounce)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1.4;border-radius:var(--radius-full);background:color-mix(in srgb, var(--accent-primary) 14%, transparent);color:var(--accent-primary);border:1px solid color-mix(in srgb, var(--accent-primary) 28%, transparent)}.badge--premium{background:var(--accent-gradient);color:var(--on-accent);border-color:transparent}.badge--muted{background:var(--bg-surface);color:var(--text-muted);border-color:var(--border-color)}.badge--success{background:color-mix(in srgb, var(--success) 15%, transparent);color:var(--success);border-color:color-mix(in srgb, var(--success) 30%, transparent)}.badge--warning{background:color-mix(in srgb, var(--warning) 15%, transparent);color:var(--warning);border-color:color-mix(in srgb, var(--warning) 30%, transparent)}.badge--danger{background:color-mix(in srgb, var(--danger) 15%, transparent);color:var(--danger);border-color:color-mix(in srgb, var(--danger) 30%, transparent)}.pill{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--border-color);border-radius:var(--radius-full);transition:color var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default), background var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-bounce)}.pill:hover{color:var(--text-primary);border-color:var(--border-glow);transform:translateY(-2px)}.pill.is-active{color:var(--on-accent);background:var(--accent-gradient);border-color:transparent;box-shadow:var(--shadow-glow)}.hero{position:relative;display:flex;align-items:center;min-height:min(100vh, 900px);padding-top:calc(var(--nav-height) + var(--space-16));padding-bottom:var(--space-20);overflow:hidden}.hero__mesh{position:absolute;inset:-20%;z-index:0;pointer-events:none;background:radial-gradient(40% 40% at 20% 25%, var(--mesh-1), transparent 70%), radial-gradient(38% 38% at 78% 30%, var(--mesh-2), transparent 70%), radial-gradient(45% 45% at 55% 85%, var(--mesh-1), transparent 72%);filter:blur(28px);animation:mesh-drift 22s var(--ease-default) infinite}.hero__grid{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0.35;background-image:linear-gradient(var(--border-color) 1px, transparent 1px), linear-gradient(90deg, var(--border-color) 1px, transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%, #000 20%, transparent 78%);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%, #000 20%, transparent 78%)}.hero__particles{position:absolute;inset:0;z-index:0;pointer-events:none}.hero__inner{position:relative;z-index:1;width:100%}.hero__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);margin-bottom:var(--space-6);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent-primary) 25%, transparent);border-radius:var(--radius-full)}.hero__dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb, var(--success) 22%, transparent)}.hero h1{margin-bottom:var(--space-5)}.hero__title-gradient{background:linear-gradient( 100deg, var(--accent-primary), var(--accent-secondary), var(--accent-primary) );background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 7s linear infinite}.hero__subtitle{max-width:56ch;margin-bottom:var(--space-8);font-size:clamp(1rem, 0.95rem + 0.4vw, 1.25rem);line-height:var(--leading-relaxed);color:var(--text-secondary)}.hero__rotating{color:var(--accent-primary);font-weight:var(--weight-semibold)}.hero__cta{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-10)}.hero__trust{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6);margin-bottom:var(--space-10)}.hero__trust-item{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.hero__trust-item span[aria-hidden]{font-size:var(--text-lg)}.hero__stats{display:flex;flex-wrap:wrap;gap:var(--space-8)}.hero__stat-value{display:block;font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-extrabold);line-height:1;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums}.hero__stat-label{display:block;margin-top:var(--space-2);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted)}.hero__visual{position:relative;min-height:420px;perspective:1200px;transform-style:preserve-3d}.hero__card{position:absolute;width:230px;padding:var(--space-5);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card), var(--shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate3d( calc(var(--px, 0) * var(--depth, 1) * -1px), calc(var(--py, 0) * var(--depth, 1) * -1px), 0 ) rotateY(calc(var(--px, 0) * 0.02deg)) rotateX(calc(var(--py, 0) * -0.02deg));transition:transform 400ms var(--ease-out)}.hero__card:nth-child(1){top:4%;left:2%;--depth:1.4;animation:float 7s var(--ease-default) infinite}.hero__card:nth-child(2){top:32%;right:0;--depth:2.2;animation:float-delayed 9s var(--ease-default) infinite}.hero__card:nth-child(3){bottom:4%;left:14%;--depth:1.8;animation:float 8s var(--ease-default) 1s infinite}.hero__card-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:var(--space-3);font-size:var(--text-xl);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--accent-primary) 14%, transparent)}.hero__card-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.hero__card-desc{font-size:var(--text-xs);color:var(--text-muted)}@media (max-width:1024px){.hero{min-height:auto;padding-top:calc(var(--nav-height) + var(--space-12))}.hero__visual{display:none}}.searchbar{position:relative;width:100%;max-width:680px;margin-inline:auto}.searchbar__field{display:flex;align-items:center;gap:var(--space-3);height:56px;padding-inline:var(--space-5);background:var(--glass-bg);border:1px solid var(--border-color);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:border-color var(--duration-normal) var(--ease-default), box-shadow var(--duration-normal) var(--ease-default)}.searchbar__field:focus-within{border-color:var(--border-glow);box-shadow:var(--glow-md)}.searchbar__icon{flex-shrink:0;color:var(--text-muted)}.searchbar__input{flex:1;min-width:0;font-size:var(--text-base);color:var(--text-primary)}.searchbar__input::placeholder{color:var(--text-muted)}.searchbar__kbd{display:flex;gap:3px;flex-shrink:0}.searchbar--sticky{position:sticky;top:calc(var(--nav-height) + var(--space-3));z-index:var(--z-sticky)}.search-results{max-height:min(56vh, 460px);overflow-y:auto;overscroll-behavior:contain}.search-results__group-label{position:sticky;top:0;padding:var(--space-3) var(--space-5) var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);background:var(--bg-card)}.search-result{display:flex;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-3) var(--space-5);text-align:left;border-left:2px solid transparent;transition:background var(--duration-fast) var(--ease-default)}.search-result:hover, .search-result.is-highlighted{background:var(--bg-card-hover);border-left-color:var(--accent-primary)}.search-result__icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;font-size:var(--text-lg);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--accent-primary) 12%, transparent)}.search-result__name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.search-result__desc{font-size:var(--text-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result mark{background:color-mix(in srgb, var(--accent-primary) 28%, transparent);color:var(--text-primary);border-radius:2px;padding:0 2px}.search-empty{padding:var(--space-10) var(--space-6);text-align:center;color:var(--text-muted)}.search-empty__icon{font-size:var(--text-4xl);margin-bottom:var(--space-3)}.modal{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:start center;padding:clamp(1rem, 8vh, 7rem) var(--space-4) var(--space-4);background:color-mix(in srgb, var(--bg-primary) 72%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity var(--duration-normal) var(--ease-out), visibility var(--duration-normal)}.modal.is-open{opacity:1;visibility:visible}.modal__panel{width:100%;max-width:640px;overflow:hidden;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);transform:scale(0.96) translateY(-12px);opacity:0;transition:transform var(--duration-normal) var(--ease-bounce), opacity var(--duration-normal) var(--ease-out)}.modal.is-open .modal__panel{transform:none;opacity:1}.modal__panel--wide{max-width:780px}.modal__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid var(--border-color)}.modal__input{flex:1;min-width:0;font-size:var(--text-lg);color:var(--text-primary)}.modal__input::placeholder{color:var(--text-muted)}.modal__body{padding:var(--space-2) 0}.modal__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5);font-size:var(--text-xs);color:var(--text-muted);border-top:1px solid var(--border-color);flex-wrap:wrap}.modal__hint{display:inline-flex;align-items:center;gap:var(--space-2)}.modal__close{flex-shrink:0}.tool-card{position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);contain:layout style paint;transition:transform var(--duration-normal) var(--ease-bounce), box-shadow var(--duration-normal) var(--ease-default), border-color var(--duration-normal) var(--ease-default), background-color var(--duration-normal) var(--ease-default)}.tool-card:hover, .tool-card:focus-within{background:var(--bg-card-hover);border-color:var(--border-glow);transform:translateY(-4px);box-shadow:var(--shadow-card), var(--shadow-md)}.tool-card--featured{gap:var(--space-4);padding:var(--space-8);background:var(--glass-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tool-card--featured:hover{transform:translateY(-8px);box-shadow:var(--shadow-glow), var(--shadow-lg)}.tool-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.tool-card__icon{display:grid;place-items:center;width:36px;height:36px;font-size:var(--text-xl);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--accent-primary) 12%, transparent);transition:transform var(--duration-normal) var(--ease-bounce)}.tool-card--featured .tool-card__icon{width:48px;height:48px;font-size:var(--text-2xl);border-radius:var(--radius-md);box-shadow:var(--glow-sm)}.tool-card:hover .tool-card__icon{transform:scale(1.12) rotate(-6deg)}.tool-card__title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);line-height:var(--leading-snug)}.tool-card--featured .tool-card__title{font-size:var(--text-xl)}.tool-card__desc{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-normal);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-card--featured .tool-card__desc{font-size:var(--text-sm);-webkit-line-clamp:3;line-clamp:3}.tool-card__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:auto;padding-top:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);border-top:1px solid var(--border-color)}.tool-card__rating{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--warning);font-weight:var(--weight-semibold)}.tool-card__link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--accent-primary)}.tool-card__link svg{transition:transform var(--duration-normal) var(--ease-bounce)}.tool-card:hover .tool-card__link svg{transform:translateX(4px)}.tool-card__overlay-link{position:absolute;inset:0;border-radius:inherit;z-index:1}.tool-card__fav{position:relative;z-index:2;width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-full);color:var(--text-muted);font-size:var(--text-sm);transition:color var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-bounce)}.tool-card__fav:hover{color:var(--warning);transform:scale(1.2)}.tool-card__fav.is-active{color:var(--warning)}.category-card{position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-8) var(--space-6) var(--space-6);background:var(--glass-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;contain:layout style paint;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform var(--duration-normal) var(--ease-bounce), box-shadow var(--duration-normal) var(--ease-default), border-color var(--duration-normal) var(--ease-default)}.category-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-gradient)}.category-card:hover, .category-card:focus-within{transform:translateY(-6px) scale(1.02);border-color:var(--border-glow);box-shadow:var(--shadow-card), var(--shadow-md)}.category-card__icon{font-size:40px;line-height:1;transition:transform var(--duration-normal) var(--ease-bounce)}.category-card:hover .category-card__icon{transform:scale(1.15) rotate(-8deg)}.category-card__title{font-size:var(--text-xl);font-weight:var(--weight-bold);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.category-card__desc{font-size:var(--text-sm);color:var(--text-muted)}.category-card__examples{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto;padding-top:var(--space-4)}.category-card__example{padding:3px var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xs)}.category-card__count{position:absolute;top:var(--space-6);right:var(--space-6)}.category-card__link{position:absolute;inset:0;z-index:1}.category-chip{display:inline-flex;align-items:center;gap:var(--space-3);min-width:210px;padding:var(--space-4) var(--space-5);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:transform var(--duration-fast) var(--ease-bounce), border-color var(--duration-fast) var(--ease-default), background var(--duration-fast) var(--ease-default)}.category-chip:hover{transform:translateY(-3px);background:var(--bg-card-hover);border-color:var(--border-glow)}.category-chip__icon{font-size:var(--text-2xl)}.category-chip__name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.category-chip__count{font-size:var(--text-xs);color:var(--text-muted)}.feature-card{padding:var(--space-8);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);contain:layout style paint;transition:transform var(--duration-normal) var(--ease-bounce), border-color var(--duration-normal) var(--ease-default)}.feature-card:hover{transform:translateY(-4px);border-color:var(--border-glow)}.feature-card__icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:var(--space-5);font-size:var(--text-3xl);border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent-primary) 12%, transparent);box-shadow:var(--glow-sm)}.feature-card__title{margin-bottom:var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary)}.feature-card__desc{font-size:var(--text-sm);color:var(--text-muted)}.tabs{position:relative}.tabs__list{display:flex;gap:var(--space-2);padding-bottom:var(--space-3);overflow-x:auto;scrollbar-width:none}.tabs__list::-webkit-scrollbar{display:none}.tabs__tab{flex:0 0 auto;min-height:44px;padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-full);transition:color var(--duration-fast) var(--ease-default), background var(--duration-normal) var(--ease-default), border-color var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-bounce)}.tabs__tab:hover{color:var(--text-primary);border-color:var(--border-glow);transform:translateY(-2px)}.tabs__tab[aria-selected='true']{color:var(--on-accent);background:var(--accent-gradient);border-color:transparent;box-shadow:var(--shadow-glow)}.tabs__panel{padding-top:var(--space-8)}.tabs__panel[hidden]{display:none}.accordion{display:flex;flex-direction:column;gap:var(--space-3)}.accordion__item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--duration-normal) var(--ease-default)}.accordion__item.is-open{border-color:var(--border-glow)}.accordion__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;min-height:60px;padding:var(--space-4) var(--space-6);text-align:left;font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);transition:background var(--duration-fast) var(--ease-default)}.accordion__trigger:hover{background:var(--bg-card-hover)}.accordion__icon{flex-shrink:0;display:grid;place-items:center;width:26px;height:26px;font-size:var(--text-xl);line-height:1;color:var(--accent-primary);transition:transform var(--duration-normal) var(--ease-bounce)}.accordion__item.is-open .accordion__icon{transform:rotate(135deg)}.accordion__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-normal) var(--ease-default)}.accordion__item.is-open .accordion__panel{grid-template-rows:1fr}.accordion__panel-inner{overflow:hidden}.accordion__content{padding:0 var(--space-6) var(--space-5);font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-relaxed)}.testimonial{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8);background:var(--glass-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform var(--duration-normal) var(--ease-bounce)}.testimonial:hover{transform:translateY(-4px)}.testimonial__stars{color:var(--warning);letter-spacing:2px}.testimonial__quote{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary)}.testimonial__author{display:flex;align-items:center;gap:var(--space-3);margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--border-color)}.testimonial__avatar{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;font-weight:var(--weight-bold);color:var(--on-accent);background:var(--accent-gradient);border-radius:50%}.testimonial__name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.testimonial__role{font-size:var(--text-xs);color:var(--text-muted)}.newsletter{position:relative;padding:clamp(2.5rem, 1.5rem + 4vw, 5rem);text-align:center;border-radius:var(--radius-2xl);border:1px solid var(--border-color);background:radial-gradient(60% 100% at 50% 0%, color-mix(in srgb, var(--accent-primary) 14%, transparent), transparent 70%), var(--bg-card);overflow:hidden}.newsletter__form{display:flex;gap:var(--space-3);max-width:520px;margin:var(--space-8) auto 0}.newsletter__input{flex:1;min-width:0;height:52px;padding-inline:var(--space-5);font-size:var(--text-base);color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-default), box-shadow var(--duration-normal) var(--ease-default)}.newsletter__input::placeholder{color:var(--text-muted)}.newsletter__input:focus{border-color:var(--border-glow);box-shadow:var(--glow-sm)}.newsletter__success{margin-top:var(--space-6);font-weight:var(--weight-semibold);color:var(--success)}@media (max-width:560px){.newsletter__form{flex-direction:column}}.footer{margin-top:var(--space-16);padding-top:var(--space-16);border-top:1px solid var(--border-color);background:var(--bg-surface)}.footer__grid{display:grid;gap:var(--space-10);grid-template-columns:1.6fr repeat(3, 1fr);padding-bottom:var(--space-12)}@media (max-width:900px){.footer__grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (max-width:520px){.footer__grid{grid-template-columns:minmax(0, 1fr)}}.footer__brand-desc{max-width:42ch;margin-top:var(--space-4);font-size:var(--text-sm);color:var(--text-muted)}.footer__heading{margin-bottom:var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-primary)}.footer__list{display:flex;flex-direction:column;gap:var(--space-2)}.footer__link{display:inline-block;padding-block:var(--space-1);font-size:var(--text-sm);color:var(--text-muted);transition:color var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-default)}.footer__link:hover{color:var(--accent-primary);transform:translateX(3px)}.footer__social{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.footer__social-btn{display:grid;place-items:center;width:40px;height:40px;color:var(--text-muted);border:1px solid var(--border-color);border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-default)}.footer__social-btn:hover{color:var(--accent-primary);border-color:var(--border-glow);transform:translateY(-3px)}.footer__bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);padding-block:var(--space-6);font-size:var(--text-xs);color:var(--text-muted);border-top:1px solid var(--border-color)}.theme-fab{position:fixed;right:var(--space-8);bottom:var(--space-8);z-index:var(--z-fab);width:56px;height:56px;display:grid;place-items:center;font-size:var(--text-2xl);color:var(--on-accent);background:var(--accent-gradient);border-radius:var(--radius-full);box-shadow:var(--shadow-glow), var(--shadow-md);transition:transform var(--duration-normal) var(--ease-bounce), box-shadow var(--duration-normal) var(--ease-default)}.theme-fab:hover{transform:scale(1.08) rotate(15deg);box-shadow:var(--glow-lg), var(--shadow-lg)}.theme-panel{position:fixed;right:var(--space-8);bottom:calc(var(--space-8) + 68px);z-index:var(--z-fab);width:300px;padding:var(--space-6);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transform-origin:100% 100%;transform:scale(0.9) translateY(12px);opacity:0;visibility:hidden;transition:transform var(--duration-normal) var(--ease-bounce), opacity var(--duration-normal) var(--ease-out), visibility var(--duration-normal)}.theme-panel.is-open{transform:none;opacity:1;visibility:visible}.theme-panel__title{margin-bottom:var(--space-1);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary)}.theme-panel__sub{margin-bottom:var(--space-5);font-size:var(--text-xs);color:var(--text-muted)}.theme-panel__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-4);justify-items:center}.theme-swatch{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-1);border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-default)}.theme-swatch:hover{background:var(--bg-card-hover)}.theme-swatch__dot{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:2px solid transparent;box-shadow:var(--shadow-xs);transition:transform var(--duration-fast) var(--ease-bounce), border-color var(--duration-fast) var(--ease-default)}.theme-swatch:hover .theme-swatch__dot{transform:scale(1.12)}.theme-swatch[aria-checked='true'] .theme-swatch__dot{border-color:var(--text-primary);box-shadow:0 0 0 3px var(--border-glow)}.theme-swatch__check{opacity:0;font-size:var(--text-sm);color:#fff;text-shadow:0 1px 3px rgba(0, 0, 0, 0.7);transition:opacity var(--duration-fast) var(--ease-default)}.theme-swatch[aria-checked='true'] .theme-swatch__check{opacity:1}.theme-swatch__label{font-size:10px;line-height:1.3;text-align:center;color:var(--text-muted)}.theme-swatch[aria-checked='true'] .theme-swatch__label{color:var(--text-primary);font-weight:var(--weight-semibold)}@media (max-width:560px){.theme-fab{right:var(--space-4);bottom:var(--space-4)}.theme-panel{right:var(--space-4);left:var(--space-4);width:auto;bottom:calc(var(--space-4) + 68px)}}.back-to-top{position:fixed;left:var(--space-8);bottom:var(--space-8);z-index:var(--z-fab);width:48px;height:48px;display:grid;place-items:center;color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--border-color);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-bounce), visibility var(--duration-normal)}.back-to-top.is-visible{opacity:1;visibility:visible;transform:none}.back-to-top:hover{color:var(--accent-primary);border-color:var(--border-glow);box-shadow:var(--glow-sm)}@media (max-width:560px){.back-to-top{left:var(--space-4);bottom:var(--space-4);width:44px;height:44px}}.toast-region{position:fixed;top:calc(var(--nav-height) + var(--space-4));right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);width:min(360px, calc(100vw - var(--space-8)));pointer-events:none}.toast{position:relative;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);overflow:hidden;pointer-events:auto;background:var(--bg-card);border:1px solid var(--border-color);border-left:3px solid var(--accent-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);animation:slide-in-right var(--duration-normal) var(--ease-bounce) both}.toast.is-leaving{animation:slide-in-right var(--duration-normal) var(--ease-in) reverse both}.toast--success{border-left-color:var(--success)}.toast--error{border-left-color:var(--danger)}.toast--warning{border-left-color:var(--warning)}.toast--info{border-left-color:var(--info)}.toast__icon{flex-shrink:0;font-size:var(--text-lg);line-height:1.2}.toast__body{flex:1;min-width:0}.toast__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.toast__message{font-size:var(--text-xs);color:var(--text-muted)}.toast__close{flex-shrink:0;width:24px;height:24px;display:grid;place-items:center;color:var(--text-muted);border-radius:var(--radius-xs)}.toast__close:hover{color:var(--text-primary)}.toast__progress{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--accent-primary);transform-origin:0 50%;animation:toast-progress linear both}@media (max-width:560px){.toast-region{right:var(--space-3);left:var(--space-3);width:auto}}.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-4) var(--container-pad);background:var(--glass-bg);border-top:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slide-up-in var(--duration-slow) var(--ease-out) both}.cookie-banner__text{font-size:var(--text-sm);color:var(--text-secondary);max-width:62ch}.cookie-banner__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.tool-page{padding-top:calc(var(--nav-height) + var(--space-10))}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap}.breadcrumb a:hover{color:var(--accent-primary)}.tool-header{display:flex;align-items:flex-start;gap:var(--space-5);margin-bottom:var(--space-10)}.tool-header__icon{display:grid;place-items:center;width:64px;height:64px;flex-shrink:0;font-size:var(--text-3xl);border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent-primary) 12%, transparent);box-shadow:var(--glow-sm)}.tool-header h1{font-size:clamp(1.75rem, 1.3rem + 2vw, 2.75rem);margin-bottom:var(--space-2)}.tool-header p{color:var(--text-muted);max-width:62ch}.workspace{display:grid;gap:var(--space-6);padding:clamp(1.25rem, 0.8rem + 2vw, 2.5rem);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.workspace__row{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit, minmax(min(100%, 300px), 1fr))}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.field__hint{font-size:var(--text-xs);color:var(--text-muted)}.input, .textarea, .select{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-default), box-shadow var(--duration-normal) var(--ease-default)}.input{min-height:44px}.textarea{min-height:200px;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);resize:vertical}.select{min-height:44px;appearance:none;cursor:pointer;padding-right:var(--space-10);background-image:linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);background-position:calc(100% - 20px) 55%, calc(100% - 14px) 55%;background-size:6px 6px, 6px 6px;background-repeat:no-repeat}.input:focus, .textarea:focus, .select:focus{border-color:var(--border-glow);box-shadow:var(--glow-sm)}.input.is-invalid, .textarea.is-invalid{border-color:var(--danger)}.range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent-gradient);box-shadow:var(--glow-sm);cursor:pointer;border:none}.range::-moz-range-thumb{width:22px;height:22px;border:none;border-radius:50%;background:var(--accent-primary);box-shadow:var(--glow-sm);cursor:pointer}.switch{display:flex;align-items:center;gap:var(--space-3);min-height:44px;cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary)}.switch__input{position:absolute;opacity:0;width:0;height:0}.switch__track{position:relative;flex-shrink:0;width:44px;height:24px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-full);transition:background var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default)}.switch__thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-muted);border-radius:50%;transition:transform var(--duration-normal) var(--ease-bounce), background var(--duration-fast) var(--ease-default)}.switch__input:checked + .switch__track{background:var(--accent-gradient);border-color:transparent}.switch__input:checked + .switch__track .switch__thumb{transform:translateX(20px);background:var(--on-accent)}.switch__input:focus-visible + .switch__track{outline:2px solid var(--accent-primary);outline-offset:3px}.output{position:relative;min-height:88px;padding:var(--space-5);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-primary);word-break:break-word;white-space:pre-wrap;background:var(--bg-surface);border:1px dashed var(--border-color);border-radius:var(--radius-sm);overflow:auto;max-height:480px}.output--empty{display:grid;place-items:center;color:var(--text-muted);font-family:var(--font-body);font-style:italic}.output--center{display:grid;place-items:center}.actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.meter{display:flex;gap:var(--space-1);height:6px}.meter__seg{flex:1;border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-color);transition:background var(--duration-normal) var(--ease-default)}.meter__seg.is-on-weak{background:var(--danger);border-color:transparent}.meter__seg.is-on-fair{background:var(--warning);border-color:transparent}.meter__seg.is-on-good{background:var(--info);border-color:transparent}.meter__seg.is-on-strong{background:var(--success);border-color:transparent}.info-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit, minmax(min(100%, 300px), 1fr));margin-top:var(--space-12)}.info-panel{padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.info-panel h2{margin-bottom:var(--space-4);font-size:var(--text-lg)}.info-panel li{display:flex;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.info-panel li::before{content:'▸';color:var(--accent-primary);flex-shrink:0}.info-panel ol{counter-reset:step}.info-panel ol li::before{counter-increment:step;content:counter(step) '.';font-weight:var(--weight-bold)}.swatch-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill, minmax(96px, 1fr))}.swatch{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--duration-fast) var(--ease-bounce), border-color var(--duration-fast) var(--ease-default)}.swatch:hover{transform:translateY(-3px);border-color:var(--border-glow)}.swatch__chip{height:56px;border-radius:var(--radius-xs);border:1px solid var(--border-color)}.swatch__hex{font-family:var(--font-mono);font-size:var(--text-xs);text-align:center;color:var(--text-secondary)}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-height:180px;padding:var(--space-8);text-align:center;cursor:pointer;background:var(--bg-surface);border:2px dashed var(--border-color);border-radius:var(--radius-lg);transition:border-color var(--duration-fast) var(--ease-default), background var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-bounce)}.dropzone:hover, .dropzone:focus-visible{border-color:var(--accent-primary);background:var(--bg-card-hover)}.dropzone.is-dragover{border-color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 10%, var(--bg-surface));transform:scale(1.01)}.dropzone.has-file{min-height:0;padding:var(--space-4)}.dropzone__icon{font-size:var(--text-4xl);line-height:1}.dropzone__label{font-weight:var(--weight-semibold);color:var(--text-primary)}.dropzone__hint{font-size:var(--text-xs);color:var(--text-muted)}.data-table{width:100%;font-size:var(--text-sm);border-collapse:collapse}.data-table th, .data-table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{position:sticky;top:0;z-index:1;font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted);background:var(--bg-card)}.data-table td{color:var(--text-secondary);font-variant-numeric:tabular-nums}.data-table tbody tr:hover td{background:var(--bg-card-hover);color:var(--text-primary)}.table-scroll{max-height:420px;overflow:auto;border:1px solid var(--border-color);border-radius:var(--radius-sm)}.result-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit, minmax(min(100%, 180px), 1fr))}.result{padding:var(--space-5);text-align:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md)}.result--primary{border-color:var(--border-glow);background:color-mix(in srgb, var(--accent-primary) 8%, var(--bg-surface))}.result__value{display:block;font-size:var(--text-3xl);font-weight:var(--weight-extrabold);line-height:1.1;color:var(--text-primary);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.result--primary .result__value{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.result__label{display:block;margin-top:var(--space-2);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted)}.diff-add{background:color-mix(in srgb, var(--success) 26%, transparent);color:var(--text-primary);border-radius:2px}.diff-del{background:color-mix(in srgb, var(--danger) 26%, transparent);color:var(--text-primary);border-radius:2px;text-decoration:line-through}.hl{background:color-mix(in srgb, var(--accent-primary) 32%, transparent);border-radius:2px}.hl--alt{background:color-mix(in srgb, var(--accent-secondary) 32%, transparent);border-radius:2px}.chip-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.chip:hover{color:var(--text-primary);border-color:var(--border-glow);transform:translateY(-2px)}.display{display:grid;place-items:center;gap:var(--space-2);padding:var(--space-10) var(--space-6);text-align:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.display__value{font-family:var(--font-mono);font-size:clamp(2.5rem, 1.5rem + 6vw, 5rem);font-weight:var(--weight-bold);line-height:1;color:var(--text-primary);font-variant-numeric:tabular-nums}.display__label{font-size:var(--text-sm);color:var(--text-muted)}.preview-surface{display:grid;place-items:center;min-height:220px;padding:var(--space-8);border-radius:var(--radius-md);background-image:linear-gradient(45deg, var(--border-color) 25%, transparent 25%), linear-gradient(-45deg, var(--border-color) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--border-color) 75%), linear-gradient(-45deg, transparent 75%, var(--border-color) 75%);background-size:20px 20px;background-position:0 0, 0 10px, 10px -10px, -10px 0}.feedback{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-12);padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-wrap:wrap}.feedback__btn{width:48px;height:48px;display:grid;place-items:center;font-size:var(--text-2xl);border-radius:var(--radius-full);border:1px solid var(--border-color);transition:transform var(--duration-fast) var(--ease-bounce), border-color var(--duration-fast) var(--ease-default)}.feedback__btn:hover{transform:scale(1.15);border-color:var(--border-glow)}.feedback__btn.is-selected{border-color:var(--accent-primary);box-shadow:var(--glow-sm)}:root{--cat-text:#6366f1;--cat-image:#ec4899;--cat-developer:#06b6d4;--cat-converter:#0ea5e9;--cat-generator:#a855f7;--cat-calculator:#f59e0b;--cat-security:#10b981;--cat-design:#f43f5e;--cat-content:#14b8a6;--cat-productivity:#3b82f6;--cat-fun:#f97316;--cat:var(--accent-primary)}[data-category="text"]{--cat:var(--cat-text)}[data-category="image"]{--cat:var(--cat-image)}[data-category="developer"]{--cat:var(--cat-developer)}[data-category="converter"]{--cat:var(--cat-converter)}[data-category="generator"]{--cat:var(--cat-generator)}[data-category="calculator"]{--cat:var(--cat-calculator)}[data-category="security"]{--cat:var(--cat-security)}[data-category="design"]{--cat:var(--cat-design)}[data-category="content"]{--cat:var(--cat-content)}[data-category="productivity"]{--cat:var(--cat-productivity)}[data-category="fun"]{--cat:var(--cat-fun)}.tool-card, .category-card, .feature-card, .testimonial{box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.06), var(--shadow-card)}.tool-card__icon{background:color-mix(in srgb, var(--cat) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cat) 26%, transparent)}.tool-card:hover, .tool-card:focus-within{border-color:color-mix(in srgb, var(--cat) 45%, transparent);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 16px 34px -12px color-mix(in srgb, var(--cat) 60%, transparent), var(--shadow-md)}.tool-card__link{color:var(--cat)}.category-card::before{height:5px;background:linear-gradient( 90deg, var(--cat), color-mix(in srgb, var(--cat) 45%, var(--accent-secondary)) )}.category-card__icon{filter:drop-shadow(0 6px 14px color-mix(in srgb, var(--cat) 55%, transparent))}.category-card:hover, .category-card:focus-within{border-color:color-mix(in srgb, var(--cat) 50%, transparent);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 22px 46px -16px color-mix(in srgb, var(--cat) 60%, transparent), var(--shadow-md)}.category-card__count{background:color-mix(in srgb, var(--cat) 16%, transparent);color:var(--cat);border-color:color-mix(in srgb, var(--cat) 34%, transparent)}.category-chip__icon{filter:drop-shadow(0 4px 10px color-mix(in srgb, var(--cat) 50%, transparent))}.category-chip:hover{border-color:color-mix(in srgb, var(--cat) 45%, transparent);box-shadow:0 12px 26px -12px color-mix(in srgb, var(--cat) 55%, transparent)}.btn--primary{box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.28), inset 0 -2px 6px rgba(0, 0, 0, 0.18), var(--shadow-card)}.btn--primary:hover:not(:disabled){box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.32), var(--shadow-glow), var(--shadow-md)}.theme-fab{box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.3), var(--shadow-glow), var(--shadow-md)}.tool-header__icon{box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 10px 24px -10px color-mix(in srgb, var(--accent-primary) 55%, transparent)}@media (prefers-reduced-motion:reduce){.tool-card:hover.category-card:hover{transform:none}}.ad-slot{display:block;margin:var(--space-8) auto;max-width:100%;min-height:0;text-align:center}.ad-slot[hidden]{display:none}.ad-slot::before{content:'Advertisement';display:block;margin-bottom:var(--space-2);font-size:10px;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted)}.ad-slot>div{display:inline-block}.consent-banner{position:fixed;left:0;right:0;bottom:0;z-index:2000;display:flex;gap:var(--space-4);align-items:center;justify-content:center;flex-wrap:wrap;padding:var(--space-4) var(--space-5);background:var(--bg-card);border-top:1px solid var(--border-color);box-shadow:var(--shadow-lg);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}.consent-banner__text{max-width:70ch}.consent-banner__text a{color:var(--accent-primary);text-decoration:underline}.consent-banner__actions{display:flex;gap:var(--space-2);flex-shrink:0}@media (max-width:600px){.consent-banner{flex-direction:column;text-align:center}}
/* ---- themes.css ---- */
html.theme-transitioning, html.theme-transitioning *, html.theme-transitioning *::before, html.theme-transitioning *::after{transition:background-color var(--duration-slow) var(--ease-default), background-image var(--duration-slow) var(--ease-default), border-color var(--duration-slow) var(--ease-default), color var(--duration-slow) var(--ease-default), fill var(--duration-slow) var(--ease-default), stroke var(--duration-slow) var(--ease-default), box-shadow var(--duration-slow) var(--ease-default) !important;transition-delay:0s !important}html.theme-transitioning *{animation-play-state:running}@media (prefers-reduced-motion:reduce){html.theme-transitioning, html.theme-transitioning *, html.theme-transitioning *::before, html.theme-transitioning *::after{transition-duration:0.01ms !important}}/* -------------------------------------------- Theme swatch preview gradients Each dot in the theme panel renders the actual accent gradient of the theme it represents, on top of that theme's own background color.
 -------------------------------------------- */
.theme-swatch__dot[data-preview='indigo-nova'] {
 background: linear-gradient(135deg, #4f46e5, #7c3aed 55%, #3b82f6);
 outline: 3px solid #0b1120;
 outline-offset: -3px;
}

.theme-swatch__dot[data-preview='azure-trust'] {
 background: linear-gradient(135deg, #2563eb, #06b6d4);
 outline: 3px solid #f8fafc;
 outline-offset: -3px;
}

.theme-swatch__dot[data-preview='graphite-minimal'] {
 background: linear-gradient(135deg, #111827, #2563eb);
 outline: 3px solid #ffffff;
 outline-offset: -3px;
}

.theme-swatch__dot[data-preview='violet-dream'] {
 background: linear-gradient(135deg, #9333ea, #a855f7 55%, #c084fc);
 outline: 3px solid #18181b;
 outline-offset: -3px;
}

.theme-swatch__dot[data-preview='emerald-fresh'] {
 background: linear-gradient(135deg, #059669, #2563eb);
 outline: 3px solid #ecfdf5;
 outline-offset: -3px;
}

.theme-swatch__dot[data-preview='navy-cyan'] {
 background: linear-gradient(135deg, #1e3a8a, #0ea5e9 60%, #38bdf8);
 outline: 3px solid #0a1834;
 outline-offset: -3px;
}

.theme-swatch__dot[data-preview='sunburst'] {
 background: linear-gradient(135deg, #f97316, #4f46e5);
 outline: 3px solid #fff7ed;
 outline-offset: -3px;
}

.theme-swatch__dot[data-preview='teal-clean'] {
 background: linear-gradient(135deg, #0d9488, #2563eb);
 outline: 3px solid #f0fdfa;
 outline-offset: -3px;
}

.theme-swatch__dot[data-preview='violet-noir'] {
 background: linear-gradient(135deg, #7c3aed, #a78bfa);
 outline: 3px solid #0f0f14;
 outline-offset: -3px;
}

.theme-swatch__dot[data-preview='crimson-edge']{background:linear-gradient(135deg, #dc2626, #ef4444 60%, #f87171);outline:3px solid #0f0f0f;outline-offset:-3px}