@font-face{font-family:inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Inter-Variable.woff2)format('woff2');unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:space grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/SpaceGrotesk-Variable.woff2)format('woff2');unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:inter-fallback;src:local('Arial');size-adjust:107%;ascent-override:90%;descent-override:22%;line-gap-override:0%}@font-face{font-family:spacegrotesk-fallback;src:local('Arial');size-adjust:105%;ascent-override:95%;descent-override:24%;line-gap-override:0%}:root{--void-950:#030304;--void-900:#0F1115;--void-800:#1A1D24;--void-700:#252A33;--void-600:#323844;--void-500:#4A5568;--void-400:#6B7A90;--void-300:#94A3B8;--void-200:#CBD5E1;--void-100:#E2E8F0;--void-50:#F8FAFC;--orange-950:#431407;--orange-900:#7C2D12;--orange-800:#9A3412;--orange-700:#C2410C;--orange-600:#EA580C;--orange-500:#F7931A;--orange-400:#FB923C;--orange-300:#FDBA74;--orange-200:#FED7AA;--orange-100:#FFEDD5;--orange-50:#FFF7ED;--gold-600:#CA8A04;--gold-500:#EAB308;--gold-400:#FACC15;--gold-300:#FFD600;--gold-200:#FEF08A;--gold-100:#FEF9C3;--success-500:#22C55E;--success-600:#16A34A;--warning-500:#F59E0B;--warning-600:#D97706;--error-500:#EF4444;--error-600:#DC2626;--info-500:#3B82F6;--info-600:#2563EB;--color-claude:#D97706;--color-chatgpt:#10A37F;--color-gemini:#4285F4;--color-copilot:#6366F1;--color-llama:#7C3AED;--color-mistral:#F97316;--color-opensource:#6B7280;--color-universal:#8B5CF6;--color-mcp:#059669;--color-bg:#FEFCF9;--color-bg-subtle:#FFFFFF;--color-bg-muted:#FDF6EE;--color-bg-elevated:#F8F0E6;--color-bg-inverse:var(--void-900);--color-bg-overlay:rgba(3, 3, 4, 0.6);--color-text:var(--void-900);--color-text-secondary:var(--void-500);--color-text-muted:var(--void-400);--color-text-inverse:#FFFFFF;--color-text-link:var(--orange-600);--color-text-link-hover:var(--orange-500);--color-border:#E8DFD5;--color-border-hover:#D4C4B5;--color-border-strong:#D8CBBF;--color-border-focus:var(--orange-500);--color-primary:var(--orange-500);--color-primary-hover:var(--orange-600);--color-primary-active:var(--orange-700);--color-primary-light:#FFF4E6;--color-secondary:var(--gold-500);--color-secondary-hover:var(--gold-600);--color-success:var(--success-500);--color-success-hover:var(--success-600);--color-warning:var(--warning-500);--color-warning-hover:var(--warning-600);--color-error:var(--error-500);--color-error-hover:var(--error-600);--color-info:var(--info-500);--color-info-hover:var(--info-600);--space-0:0;--space-px:1px;--space-0-5:0.125rem;--space-1:0.25rem;--space-1-5:0.375rem;--space-2:0.5rem;--space-2-5:0.625rem;--space-3:0.75rem;--space-3-5:0.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--font-heading:'Space Grotesk', ui-sans-serif, system-ui, -apple-system, sans-serif;--font-body:'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-mono:'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-display:var(--font-heading);--font-sans:var(--font-body);--text-xs:clamp(0.6875rem, 0.65rem + 0.19vw, 0.75rem);--text-sm:clamp(0.8125rem, 0.76rem + 0.26vw, 0.875rem);--text-base:clamp(0.9375rem, 0.88rem + 0.29vw, 1rem);--text-lg:clamp(1.0625rem, 0.98rem + 0.41vw, 1.125rem);--text-xl:clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.3rem + 1vw, 1.875rem);--text-3xl:clamp(1.875rem, 1.5rem + 1.875vw, 2.5rem);--text-4xl:clamp(2.25rem, 1.75rem + 2.5vw, 3.5rem);--text-5xl:clamp(3rem, 2rem + 5vw, 5rem);--text-6xl:clamp(3.75rem, 2.5rem + 6.25vw, 6rem);--text-7xl:clamp(4.5rem, 3rem + 7.5vw, 8rem);--leading-none:1;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.04);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.04);--shadow-2xl:0 25px 50px -12px rgba(0, 0, 0, 0.15);--shadow-inner:inset 0 2px 4px rgba(0, 0, 0, 0.04);--shadow-glow:0 0 20px -5px rgba(247, 147, 26, 0.3);--shadow-glow-sm:0 0 10px -3px rgba(247, 147, 26, 0.2);--shadow-glow-lg:0 0 30px -5px rgba(247, 147, 26, 0.4);--shadow-glow-intense:0 0 40px -5px rgba(247, 147, 26, 0.5);--shadow-glow-gold:0 0 20px rgba(255, 214, 0, 0.25);--shadow-glow-success:0 0 15px rgba(34, 197, 94, 0.3);--shadow-card:0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -2px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(247, 147, 26, 0.03);--shadow-card-hover:0 20px 40px -12px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(247, 147, 26, 0.15), 0 0 20px -5px rgba(247, 147, 26, 0.1);--duration-instant:50ms;--duration-fast:100ms;--duration-normal:200ms;--duration-slow:300ms;--duration-slower:500ms;--duration-slowest:800ms;--ease-linear:linear;--ease-in:cubic-bezier(0.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, 0.2, 1);--ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--ease-bounce:cubic-bezier(0.68, -0.55, 0.265, 1.55);--ease-spring:cubic-bezier(0.175, 0.885, 0.32, 1.275);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--header-height:4rem;--sidebar-width:280px;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--gradient-primary:linear-gradient(135deg, var(--orange-600) 0%, var(--orange-500) 100%);--gradient-gold:linear-gradient(135deg, var(--orange-500) 0%, var(--gold-300) 100%);--gradient-fire:linear-gradient(135deg, var(--orange-700) 0%, var(--orange-500) 50%, var(--gold-400) 100%);--gradient-text:linear-gradient(90deg, var(--orange-500) 0%, var(--gold-300) 100%);--pattern-grid:linear-gradient(to right, rgba(30, 41, 59, 0.08) 1px, transparent 1px), linear-gradient(to bottom, rgba(30, 41, 59, 0.08) 1px, transparent 1px);--pattern-grid-size:50px 50px}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body{min-height:100vh;line-height:var(--leading-normal);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{background:0 0;border:none;cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}table{border-collapse:collapse;border-spacing:0}input,button,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{text-wrap:pretty}#root,#__next,main{isolation:isolate}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}@font-face{font-family:jakarta-fallback;src:local('Arial');size-adjust:102%;ascent-override:92%;descent-override:23%;line-gap-override:0%}@font-face{font-family:sora-fallback;src:local('Arial');size-adjust:105%;ascent-override:95%;descent-override:24%;line-gap-override:0%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);font-feature-settings:'ss01' on,'cv01' on;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-text);letter-spacing:var(--tracking-tight);text-wrap:balance}h1{font-size:var(--text-5xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tighter);line-height:1.1}h2{font-size:var(--text-3xl);font-weight:var(--font-semibold)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase}p{margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}a{color:var(--color-text-link);text-decoration:none;transition:color var(--duration-fast)var(--ease-out)}a:hover{color:var(--color-text-link-hover)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.9em}code{padding:var(--space-0-5)var(--space-1-5);background:var(--color-bg-muted);border-radius:var(--radius-sm);color:var(--color-text)}pre{padding:var(--space-4);background:var(--color-bg-muted);border-radius:var(--radius-md);overflow-x:auto}pre code{padding:0;background:0 0;border-radius:0}ul,ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}li{margin-bottom:var(--space-2)}li:last-child{margin-bottom:0}blockquote{padding-left:var(--space-4);border-left:4px solid var(--color-primary);color:var(--color-text-secondary);font-style:italic;margin:var(--space-4)0}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8)0}small{font-size:var(--text-sm);color:var(--color-text-secondary)}strong,b{font-weight:var(--font-semibold)}mark{background:var(--color-primary-light);padding:var(--space-0-5)var(--space-1);border-radius:var(--radius-sm)}.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(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-primary{color:var(--color-text)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.leading-none{line-height:var(--leading-none)}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-normal{letter-spacing:var(--tracking-normal)}.tracking-wide{letter-spacing:var(--tracking-wide)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}:root[data-theme=dark]{--color-bg:var(--void-950);--color-bg-subtle:var(--void-900);--color-bg-muted:var(--void-800);--color-bg-elevated:#1E2128;--color-bg-inverse:var(--void-50);--color-bg-overlay:rgba(3, 3, 4, 0.85);--color-text:#FFFFFF;--color-text-secondary:var(--void-300);--color-text-muted:var(--void-400);--color-text-inverse:var(--void-950);--color-text-link:var(--orange-500);--color-text-link-hover:var(--orange-400);--color-border:rgba(255, 255, 255, 0.1);--color-border-hover:rgba(247, 147, 26, 0.5);--color-border-strong:rgba(255, 255, 255, 0.18);--color-border-focus:var(--orange-500);--color-primary:var(--orange-500);--color-primary-hover:var(--orange-400);--color-primary-active:var(--orange-600);--color-primary-light:rgba(247, 147, 26, 0.15);--color-secondary:var(--gold-300);--color-secondary-hover:var(--gold-400);--color-success:#4ADE80;--color-success-hover:#22C55E;--color-warning:#FBBF24;--color-warning-hover:#F59E0B;--color-error:#F87171;--color-error-hover:#EF4444;--color-info:#60A5FA;--color-info-hover:#3B82F6;--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.6);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.7), 0 1px 2px rgba(0, 0, 0, 0.5);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.7), 0 2px 4px -2px rgba(0, 0, 0, 0.5);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.7), 0 4px 6px -4px rgba(0, 0, 0, 0.5);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.7), 0 8px 10px -6px rgba(0, 0, 0, 0.5);--shadow-2xl:0 25px 50px -12px rgba(0, 0, 0, 0.8);--shadow-inner:inset 0 2px 4px rgba(0, 0, 0, 0.4);--shadow-glow:0 0 20px -5px rgba(247, 147, 26, 0.5);--shadow-glow-sm:0 0 15px -5px rgba(247, 147, 26, 0.4);--shadow-glow-lg:0 0 30px -5px rgba(247, 147, 26, 0.6);--shadow-glow-intense:0 0 40px -5px rgba(247, 147, 26, 0.7), 0 0 80px -10px rgba(247, 147, 26, 0.3);--shadow-glow-gold:0 0 25px rgba(255, 214, 0, 0.35);--shadow-glow-success:0 0 20px rgba(74, 222, 128, 0.4);--shadow-card:0 4px 12px -2px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05);--shadow-card-hover:0 20px 40px -12px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(247, 147, 26, 0.4), 0 0 30px -5px rgba(247, 147, 26, 0.25);--gradient-primary:linear-gradient(135deg, var(--orange-600) 0%, var(--orange-500) 100%);--gradient-gold:linear-gradient(135deg, var(--orange-500) 0%, var(--gold-300) 100%);--gradient-fire:linear-gradient(135deg, var(--orange-700) 0%, var(--orange-500) 50%, var(--gold-400) 100%);--gradient-radial-glow:radial-gradient(ellipse 80% 50% at 50% -20%, rgba(247, 147, 26, 0.15) 0%, transparent 60%);--gradient-radial-gold:radial-gradient(ellipse 60% 40% at 80% 50%, rgba(255, 214, 0, 0.08) 0%, transparent 50%);--pattern-grid:linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:var(--void-950);--color-bg-subtle:var(--void-900);--color-bg-muted:var(--void-800);--color-bg-elevated:#1E2128;--color-bg-inverse:var(--void-50);--color-bg-overlay:rgba(3, 3, 4, 0.85);--color-text:#FFFFFF;--color-text-secondary:var(--void-300);--color-text-muted:var(--void-400);--color-text-inverse:var(--void-950);--color-text-link:var(--orange-500);--color-text-link-hover:var(--orange-400);--color-border:rgba(255, 255, 255, 0.1);--color-border-hover:rgba(247, 147, 26, 0.5);--color-border-strong:rgba(255, 255, 255, 0.18);--color-border-focus:var(--orange-500);--color-primary:var(--orange-500);--color-primary-hover:var(--orange-400);--color-primary-active:var(--orange-600);--color-primary-light:rgba(247, 147, 26, 0.15);--color-secondary:var(--gold-300);--color-secondary-hover:var(--gold-400);--color-success:#4ADE80;--color-warning:#FBBF24;--color-error:#F87171;--color-info:#60A5FA;--shadow-glow:0 0 20px -5px rgba(247, 147, 26, 0.5);--shadow-glow-sm:0 0 15px -5px rgba(247, 147, 26, 0.4);--shadow-glow-lg:0 0 30px -5px rgba(247, 147, 26, 0.6);--shadow-card-hover:0 20px 40px -12px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(247, 147, 26, 0.4), 0 0 30px -5px rgba(247, 147, 26, 0.25);--pattern-grid:linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px)}}.theme-toggle{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid var(--color-border);background:0 0;color:var(--color-text-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal)var(--ease-out)}.theme-toggle:hover{color:var(--orange-500);border-color:rgba(247,147,26,.4);background:var(--color-primary-light)}.theme-toggle:focus-visible{outline:2px solid var(--orange-500);outline-offset:2px}.theme-toggle .icon-sun,.theme-toggle .icon-moon{width:1.25rem;height:1.25rem;transition:transform var(--duration-slow)var(--ease-spring)}.theme-toggle .icon-sun{display:block}.theme-toggle .icon-moon{display:none}.theme-toggle:hover .icon-sun,.theme-toggle:hover .icon-moon{transform:rotate(15deg)}:root[data-theme=dark] .theme-toggle .icon-sun{display:none}:root[data-theme=dark] .theme-toggle .icon-moon{display:block;color:var(--gold-300)}:root[data-theme=dark] .theme-toggle:hover .icon-moon{filter:drop-shadow(0 0 6px rgba(255,214,0,.6))}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .icon-sun{display:none}:root:not([data-theme=light]) .theme-toggle .icon-moon{display:block;color:var(--gold-300)}}:root[data-theme=dark] .glass,:root[data-theme=dark] .glass-card{background:rgba(15,17,21,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,8%)}:root[data-theme=dark] .glass-light{background:rgba(255,255,255,3%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,6%)}:root[data-theme=dark] .bg-grid{background-image:var(--pattern-grid);background-size:var(--pattern-grid-size)}:root[data-theme=dark] .bg-grid-fade{background-image:var(--pattern-grid);background-size:var(--pattern-grid-size);mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 20%,transparent 70%)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .glass,:root:not([data-theme=light]) .glass-card{background:rgba(15,17,21,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,8%)}:root:not([data-theme=light]) .bg-grid{background-image:var(--pattern-grid);background-size:var(--pattern-grid-size)}:root:not([data-theme=light]) .bg-grid-fade{background-image:var(--pattern-grid);background-size:var(--pattern-grid-size);mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 20%,transparent 70%)}}.text-gradient,.text-glow{background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:root[data-theme=dark] .text-gradient,:root[data-theme=dark] .text-glow{filter:drop-shadow(0 0 20px rgba(247,147,26,.4))}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .text-gradient,:root:not([data-theme=light]) .text-glow{filter:drop-shadow(0 0 20px rgba(247,147,26,.4))}}:root[data-theme=dark]{scrollbar-width:thin;scrollbar-color:var(--void-600)var(--void-900)}:root[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}:root[data-theme=dark] ::-webkit-scrollbar-track{background:var(--void-900)}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--void-600);border-radius:var(--radius-full)}:root[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--orange-500)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){scrollbar-width:thin;scrollbar-color:var(--void-600)var(--void-900)}:root:not([data-theme=light]) ::-webkit-scrollbar{width:8px;height:8px}:root:not([data-theme=light]) ::-webkit-scrollbar-track{background:var(--void-900)}:root:not([data-theme=light]) ::-webkit-scrollbar-thumb{background:var(--void-600);border-radius:var(--radius-full)}:root:not([data-theme=light]) ::-webkit-scrollbar-thumb:hover{background:var(--orange-500)}}:root[data-theme=dark] ::selection{background:rgba(247,147,26,.3);color:#fff}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) ::selection{background:rgba(247,147,26,.3);color:#fff}}.container{width:100%;max-width:var(--container-xl);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media(min-width:640px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media(min-width:1024px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-xl{max-width:var(--container-xl)}.container-2xl{max-width:var(--container-2xl)}.page-wrapper{display:flex;flex-direction:column;min-height:100vh;position:relative}.page-wrapper::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.015;pointer-events:none;z-index:-1}.main-content{flex:1;padding-top:var(--space-8);padding-bottom:var(--space-12)}:root:not([data-theme=dark]) .main-content,:root:not([data-theme=dark]) .main-content{background:#fafafa}html{scroll-padding-top:calc(var(--header-height) + var(--space-4))}[id]{scroll-margin-top:calc(var(--header-height) + var(--space-4))}.hub-page{padding-top:var(--space-2)}.hub-page section{margin-bottom:var(--space-20)}.hub-page section:last-of-type{margin-bottom:var(--space-12)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid rgba(255,255,255,6%)}.section-header h2{display:flex;align-items:center;gap:var(--space-2)}.section-header h2 svg{color:var(--color-primary)}:root:not([data-theme=dark]) .section-header,:root:not([data-theme=dark]) .section-header{border-bottom-color:#e5e7eb}:root:not([data-theme=dark]) .section-header h2,:root:not([data-theme=dark]) .section-header h2{color:#111}.hero{position:relative;padding:var(--space-16)0 var(--space-12);text-align:center;overflow:hidden}.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,oklch(.9 .08 290/.25) 0%,transparent 50%),radial-gradient(ellipse 60% 50% at 90% 30%,oklch(.85 .06 195/.15) 0%,transparent 40%),radial-gradient(ellipse 50% 40% at 10% 60%,oklch(.88 .05 155/.1) 0%,transparent 40%);pointer-events:none;z-index:-1}.hero::after{content:'';position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:800px;height:500px;background:radial-gradient(ellipse,oklch(.6 .24 290/.08) 0%,transparent 70%);filter:blur(60px);pointer-events:none;z-index:-1;animation:float 8s ease-in-out infinite}@keyframes float{0%,100%{transform:translateX(-50%)translateY(0)}50%{transform:translateX(-50%)translateY(-20px)}}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.hero-title{font-size:var(--text-5xl);font-weight:var(--font-extrabold);letter-spacing:var(--tracking-tighter);line-height:1.05;margin-bottom:var(--space-6)}.hero-title-gradient{background:linear-gradient(135deg,var(--color-text) 0%,var(--color-primary) 50%,var(--secondary-500) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:600px;margin:0 auto var(--space-8)}:root[data-theme=dark] .hero::before{background:radial-gradient(ellipse 80% 60% at 50% -10%,oklch(.35 .15 290/.35) 0%,transparent 50%),radial-gradient(ellipse 60% 50% at 90% 30%,oklch(.3 .12 195/.2) 0%,transparent 40%),radial-gradient(ellipse 50% 40% at 10% 60%,oklch(.32 .1 155/.15) 0%,transparent 40%)}:root[data-theme=dark] .hero::after{background:radial-gradient(ellipse,oklch(.7 .22 290/.12) 0%,transparent 70%)}:root[data-theme=dark] .hero-title-gradient{background:linear-gradient(135deg,oklch(.96 .005 264) 0%,oklch(.78 .18 290) 50%,oklch(.75 .16 195) 100%);-webkit-background-clip:text;background-clip:text}.hero-platforms{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-6)}.grid{display:grid;gap:var(--space-6)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--space-6)}@media(min-width:640px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1280px){.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.skills-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--space-4)}@media(min-width:640px){.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}}@media(min-width:1024px){.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}}@media(min-width:1280px){.skills-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.skills-list{display:flex;flex-direction:column;gap:var(--space-3)}.skills-row{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--space-4)}@media(min-width:480px){.skills-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.skills-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.skills-row{grid-template-columns:repeat(4,minmax(0,1fr))}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.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)}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-shrink{flex-shrink:1}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.mt-2{margin-top:var(--space-2)}.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)}.mb-2{margin-bottom:var(--space-2)}.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)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.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)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.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}@media(max-width:639px){.hidden-mobile{display:none}}@media(min-width:640px){.hidden-desktop{display:none}}@media(min-width:768px){.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}}@media(min-width:1024px){.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-0{z-index:var(--z-base)}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-modal{z-index:var(--z-modal)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.max-w-none{max-width:none}.max-w-prose{max-width:65ch}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--leading-tight);text-decoration:none;text-transform:uppercase;letter-spacing:var(--tracking-wider);border:1px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-slow)var(--ease-out);white-space:nowrap;min-height:2.75rem;position:relative;overflow:hidden}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:scale(1.05);box-shadow:var(--shadow-glow-lg)}.btn-primary:active{transform:scale(.98);box-shadow:var(--shadow-glow-sm)}.btn-secondary{background:0 0;color:var(--color-text);border:2px solid var(--color-border)}.btn-secondary:hover{color:var(--color-primary);border-color:var(--color-primary);background:#1a1a1a}:root:not([data-theme=dark]) .btn-secondary:hover{color:var(--color-primary);border-color:var(--color-primary);background:#fff}.btn-ghost{background:0 0;color:#6b7280;border:none;transition:all var(--duration-fast)var(--ease-out)}.btn-ghost:hover{background:rgba(255,153,0,8%);color:var(--color-primary)}.btn-ghost:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:root:not([data-theme=dark]) .btn-ghost{color:#9ca3af}:root:not([data-theme=dark]) .btn-ghost:hover{background:rgba(255,153,0,6%);color:var(--color-primary)}.btn-copy{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow-sm)}.btn-copy:hover{transform:scale(1.05);box-shadow:var(--shadow-glow)}.btn-copy.copied{background:var(--color-success);box-shadow:var(--shadow-glow-success)}.btn-sm{padding:var(--space-2)var(--space-4);font-size:var(--text-xs);min-height:2rem}.btn-lg{padding:var(--space-4)var(--space-8);font-size:var(--text-base);min-height:3.25rem}.btn-icon{padding:var(--space-2-5);min-width:2.75rem}.btn-icon.btn-sm{padding:var(--space-2);min-width:2rem}.card{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--duration-slow)var(--ease-out)}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.skill-card{display:flex;flex-direction:column;gap:var(--space-4);height:100%;background:var(--color-bg-subtle);border:1px solid rgba(255,255,255,8%);border-radius:var(--radius-xl);padding:var(--space-5);position:relative;overflow:hidden;transition:all var(--duration-slow)var(--ease-out)}:root:not([data-theme=dark]) .skill-card,:root:not([data-theme=dark]) .skill-card{border:1px solid #e5e7eb;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,8%),0 4px 12px rgba(0,0,0,6%),0 8px 24px rgba(0,0,0,4%)}:root:not([data-theme=dark]) .skill-card:hover,:root:not([data-theme=dark]) .skill-card:hover{border-color:var(--color-primary);box-shadow:0 4px 8px rgba(0,0,0,.1),0 12px 32px rgba(0,0,0,.12),0 0 0 1px rgba(247,147,26,.2);transform:translateY(-4px)}:root:not([data-theme=dark]) .skill-card:hover::before,:root:not([data-theme=dark]) .skill-card:hover::before{border-top-color:var(--color-primary);border-left-color:var(--color-primary)}:root:not([data-theme=dark]) .skill-card:hover::after,:root:not([data-theme=dark]) .skill-card:hover::after{border-bottom-color:var(--color-primary);border-right-color:var(--color-primary)}.skill-card::before{content:'';position:absolute;top:0;left:0;width:40px;height:40px;border-top:2px solid transparent;border-left:2px solid transparent;border-top-left-radius:var(--radius-xl);transition:all var(--duration-slow)var(--ease-out);pointer-events:none}.skill-card::after{content:'';position:absolute;bottom:0;right:0;width:40px;height:40px;border-bottom:2px solid transparent;border-right:2px solid transparent;border-bottom-right-radius:var(--radius-xl);transition:all var(--duration-slow)var(--ease-out);pointer-events:none}.skill-card:hover{border-color:rgba(247,147,26,.5);box-shadow:0 8px 30px -12px rgba(0,0,0,.4),0 0 20px -5px rgba(247,147,26,.15);transform:translateY(-2px)}.skill-card:hover::before{border-top-color:var(--orange-500);border-left-color:var(--orange-500)}.skill-card:hover::after{border-bottom-color:var(--orange-500);border-right-color:var(--orange-500)}.skill-card:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-glow-sm)}.skill-card:focus-within::before{border-top-color:var(--orange-500);border-left-color:var(--orange-500)}.skill-card:focus-within::after{border-bottom-color:var(--orange-500);border-right-color:var(--orange-500)}.card-header{display:flex;flex-direction:column;gap:var(--space-2)}.card-header h2,.card-header h3{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:1.3;letter-spacing:-.01em}.card-header h2 a,.card-header h3 a{color:var(--color-text);text-decoration:none;transition:color var(--duration-fast)var(--ease-out)}.card-header h2 a:hover,.card-header h3 a:hover{color:var(--color-primary)}:root:not([data-theme=dark]) .card-header h2,:root:not([data-theme=dark]) .card-header h3,:root:not([data-theme=dark]) .card-header h2,:root:not([data-theme=dark]) .card-header h3{font-weight:var(--font-bold)}:root:not([data-theme=dark]) .card-header h2 a,:root:not([data-theme=dark]) .card-header h3 a,:root:not([data-theme=dark]) .card-header h2 a,:root:not([data-theme=dark]) .card-header h3 a{color:#111}.card-badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.card-preview{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.card-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-content{margin-top:var(--space-3);padding:var(--space-4);background:var(--color-bg-muted);border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:var(--text-xs);overflow-x:auto}.card-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.card-footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.card-title-row{display:flex;align-items:flex-start;gap:var(--space-2)}.card-title-row h3{line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.verified-check{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-success);margin-top:2px;margin-left:var(--space-1)}.verified-check svg{width:16px;height:16px}.card-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-1)}.meta-difficulty{font-weight:var(--font-semibold);text-transform:capitalize;letter-spacing:.01em}.meta-difficulty--beginner{color:#60a5fa}.meta-difficulty--intermediate{color:#fbbf24}.meta-difficulty--advanced{color:#f87171}.meta-separator{color:#4b5563;font-size:.625rem;line-height:1}.meta-time{color:#9ca3af;font-weight:var(--font-medium)}.card-body{flex:1;margin-top:var(--space-2)}.card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--text-sm);line-height:1.6;color:#b8c0cc;height:calc(var(--text-sm) * 1.6 * 3);min-height:calc(var(--text-sm) * 1.6 * 3);max-height:calc(var(--text-sm) * 1.6 * 3)}:root:not([data-theme=dark]) .card-description{color:#4b5563}.card-platforms{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.platform-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);background:var(--color-bg-muted);border:1px solid var(--color-border);transition:all var(--duration-fast)var(--ease-out)}.platform-icon svg{color:var(--color-text-secondary)}.platform-icon:hover{border-color:var(--color-primary)}.platform-icon--claude svg{color:var(--color-claude)}.platform-icon--chatgpt svg{color:var(--color-chatgpt)}.platform-icon--gemini svg{color:var(--color-gemini)}.platform-icon--copilot svg{color:var(--color-copilot)}.platform-icon--llama svg{color:var(--color-llama)}.platform-icon--mistral svg{color:var(--color-mistral)}.platform-icon--mcp svg{color:var(--color-mcp)}.platform-icon--universal svg{color:var(--color-universal)}.platform-icon--opensource svg{color:var(--color-opensource)}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.btn-copy-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:110px;min-width:110px;max-width:110px;padding:var(--space-2)0;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);color:#fff;background:var(--gradient-primary);border:none;border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration-fast)var(--ease-out),box-shadow var(--duration-fast)var(--ease-out);box-shadow:var(--shadow-glow-sm);box-sizing:border-box}.btn-copy-primary:hover{box-shadow:var(--shadow-glow)}.btn-copy-primary:active{opacity:.9}.btn-copy-primary.copied{background:var(--color-success);box-shadow:0 0 12px rgba(34,197,94,.4)}.btn-copy-primary .icon-check{display:none}.btn-copy-primary.copied .icon-copy{display:none}.btn-copy-primary.copied .icon-check{display:block}.card-actions-secondary{display:flex;align-items:center;gap:var(--space-1)}.card-actions-secondary .btn-icon{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg)}.card-actions-secondary .btn-icon svg{width:18px;height:18px}.card-actions-secondary .btn-favorite.is-saved{color:var(--color-primary)}.card-actions-secondary .btn-favorite.is-saved svg{fill:var(--color-primary)}.card-footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);padding-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted)}.stat{display:inline-flex;align-items:center;gap:var(--space-1)}.stat svg{opacity:.7}.stat-rating svg{color:var(--gold-500);fill:var(--gold-500)}.skill-card.featured{border:1px solid rgba(247,147,26,.35);background:linear-gradient(135deg,rgba(247,147,26,8%) 0%,var(--color-bg-subtle) 50%,rgba(247,147,26,3%) 100%)}.skill-card.featured::before{border-top-color:var(--color-primary);border-left-color:var(--color-primary)}.skill-card.featured::after{border-bottom-color:var(--color-primary);border-right-color:var(--color-primary)}.skill-card.featured:hover{border-color:rgba(247,147,26,.6);box-shadow:0 20px 40px -12px rgba(0,0,0,.12),0 0 30px -5px rgba(247,147,26,.2)}.skill-card-horizontal{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-6);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);position:relative;overflow:hidden;transition:all var(--duration-slow)var(--ease-out)}.skill-card-horizontal::before{content:'';position:absolute;top:0;left:0;width:30px;height:30px;border-top:2px solid transparent;border-left:2px solid transparent;border-top-left-radius:var(--radius-xl);transition:all var(--duration-slow)var(--ease-out);pointer-events:none}.skill-card-horizontal::after{content:'';position:absolute;bottom:0;right:0;width:30px;height:30px;border-bottom:2px solid transparent;border-right:2px solid transparent;border-bottom-right-radius:var(--radius-xl);transition:all var(--duration-slow)var(--ease-out);pointer-events:none}.skill-card-horizontal:hover{border-color:rgba(247,147,26,.3);box-shadow:var(--shadow-card-hover)}.skill-card-horizontal:hover::before{border-top-color:var(--orange-500);border-left-color:var(--orange-500)}.skill-card-horizontal:hover::after{border-bottom-color:var(--orange-500);border-right-color:var(--orange-500)}.skill-card-horizontal>.card-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.skill-card-horizontal .card-header{display:flex;flex-direction:column;gap:var(--space-1)}.skill-card-horizontal .card-title-row h3{font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-snug)}.skill-card-horizontal .card-title-row h3 a{color:var(--color-text);text-decoration:none;transition:color var(--duration-fast)var(--ease-out)}.skill-card-horizontal .card-title-row h3 a:hover{color:var(--color-primary)}.skill-card-horizontal .card-description{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-secondary);margin:0}.skill-card-horizontal .card-platforms{display:flex;align-items:center;gap:var(--space-1-5)}.skill-card-horizontal .platform-icon{width:24px;height:24px}.skill-card-horizontal>.card-sidebar{flex-shrink:0;display:flex;flex-direction:row;align-items:center;gap:var(--space-3)}.skill-card-horizontal .card-actions{display:flex;align-items:center;gap:var(--space-2);padding:0;border:none;margin:0;justify-content:flex-start}.skill-card-horizontal .card-actions-secondary{display:flex;align-items:center;gap:var(--space-1)}.skill-card-horizontal .card-stats{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.skill-card-horizontal.compact{padding:var(--space-4);gap:var(--space-4)}.skill-card-horizontal.compact .card-content{gap:var(--space-2)}.skill-card-horizontal.compact .card-title-row h3{font-size:var(--text-sm)}.skill-card-horizontal.compact .card-description{-webkit-line-clamp:1;font-size:var(--text-xs)}.skill-card-horizontal.featured{border:1px solid rgba(247,147,26,.35);background:linear-gradient(135deg,rgba(247,147,26,8%) 0%,var(--color-bg-subtle) 50%,rgba(247,147,26,3%) 100%)}.skill-card-horizontal.featured::before{border-top-color:var(--color-primary);border-left-color:var(--color-primary)}.skill-card-horizontal.featured::after{border-bottom-color:var(--color-primary);border-right-color:var(--color-primary)}@media(max-width:639px){.skill-card-horizontal{grid-template-columns:1fr;gap:var(--space-4)}.skill-card-horizontal .card-sidebar{flex-direction:row;justify-content:space-between;align-items:center;min-width:0;padding-top:var(--space-3);border-top:1px solid var(--color-border)}.skill-card-horizontal .card-stats{order:-1}}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);border-radius:var(--radius-md);white-space:nowrap;letter-spacing:var(--tracking-wide);text-transform:uppercase}.badge-beginner{background:rgba(59,130,246,.15);color:#3b82f6;border:1px solid rgba(59,130,246,.25)}.badge-intermediate{background:rgba(245,158,11,.15);color:#f59e0b;border:1px solid rgba(245,158,11,.25)}.badge-advanced{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.25)}.badge-verified{background:rgba(34,197,94,.15);color:var(--color-success);border:1px solid rgba(34,197,94,.25)}.badge-featured{background:var(--gradient-primary);color:#fff;border:none;box-shadow:var(--shadow-glow-sm)}.badge-time{background:var(--color-bg-muted);color:var(--color-text-secondary);border:1px solid var(--color-border)}.badge-rating{background:rgba(255,214,0,.15);color:var(--gold-500);border:1px solid rgba(255,214,0,.25)}.platform-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2-5);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-md);color:#fff;text-transform:uppercase;letter-spacing:var(--tracking-wide);transition:transform var(--duration-fast)var(--ease-out),box-shadow var(--duration-fast)var(--ease-out)}.platform-badge:hover{transform:translateY(-1px)}.platform-badge--claude{background:linear-gradient(135deg,var(--color-claude) 0%,#B45309 100%);box-shadow:0 2px 8px rgba(217,119,6,.3)}.platform-badge--chatgpt{background:linear-gradient(135deg,var(--color-chatgpt) 0%,#0D8A6A 100%);box-shadow:0 2px 8px rgba(16,163,127,.3)}.platform-badge--gemini{background:linear-gradient(135deg,var(--color-gemini) 0%,#1A73E8 100%);box-shadow:0 2px 8px rgba(66,133,244,.3)}.platform-badge--copilot{background:linear-gradient(135deg,var(--color-copilot) 0%,#4F46E5 100%);box-shadow:0 2px 8px rgba(99,102,241,.3)}.platform-badge--llama{background:linear-gradient(135deg,var(--color-llama) 0%,#6D28D9 100%);box-shadow:0 2px 8px rgba(124,58,237,.3)}.platform-badge--mistral{background:linear-gradient(135deg,var(--color-mistral) 0%,#EA580C 100%);box-shadow:0 2px 8px rgba(249,115,22,.3)}.platform-badge--opensource{background:linear-gradient(135deg,var(--color-opensource) 0%,#4B5563 100%);box-shadow:0 2px 8px rgba(107,114,128,.3)}.platform-badge--universal{background:linear-gradient(135deg,var(--color-universal) 0%,#7C3AED 100%);box-shadow:0 2px 8px rgba(139,92,246,.3)}.platform-badge--mcp{background:linear-gradient(135deg,var(--color-mcp) 0%,#047857 100%);box-shadow:0 2px 8px rgba(5,150,105,.3)}.nav{display:flex;align-items:center;gap:var(--space-1)}.nav-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);text-decoration:none;text-transform:uppercase;letter-spacing:var(--tracking-wide);border-radius:var(--radius-md);transition:all var(--duration-fast)var(--ease-out)}.nav-link:hover{color:var(--color-primary);background:var(--color-primary-light)}.nav-link.active{color:var(--color-primary);background:var(--color-primary-light)}.site-header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);min-height:var(--header-height);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.site-header>.container{height:var(--header-height)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:100%}.header-logo{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text);text-decoration:none;transition:color var(--duration-fast)var(--ease-out)}.header-logo:hover{color:var(--color-primary)}.header-nav{display:none;align-items:center;gap:var(--space-1)}@media(min-width:768px){.header-nav{display:flex}}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:0 0;cursor:pointer;border-radius:var(--radius-md);color:var(--color-text);transition:background-color var(--duration-fast)}.mobile-menu-toggle:hover{background:var(--color-bg-muted)}.mobile-menu-toggle:active{background:#eee}@media(min-width:768px){.mobile-menu-toggle{display:none}}.mobile-nav{position:absolute;top:100%;left:0;right:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown)}.mobile-nav[hidden]{display:none}.mobile-nav-inner{padding:var(--space-2)var(--space-4)}.mobile-nav-link{display:block;padding:var(--space-3)var(--space-2);font-size:var(--text-base);font-weight:500;color:var(--color-text);text-decoration:none;border-bottom:1px solid var(--color-border-light);transition:background-color var(--duration-fast)}.mobile-nav-link:last-child{border-bottom:none}.mobile-nav-link:hover,.mobile-nav-link:active{background:#eee}.mobile-nav-link.active{color:var(--color-text);border-left:3px solid var(--color-primary);padding-left:calc(var(--space-2) - 3px);background:0 0}@media(min-width:768px){.mobile-nav{display:none !important}}.mobile-nav-divider{height:1px;background:var(--color-border);margin:var(--space-2)0}.mobile-nav-guest,.mobile-nav-user{display:flex;flex-direction:column}.mobile-nav-guest[hidden],.mobile-nav-user[hidden]{display:none}.mobile-nav-link{display:flex;align-items:center;gap:var(--space-3);background:0 0;border:none;width:100%;text-align:left;cursor:pointer;font-family:inherit}.mobile-nav-link svg{flex-shrink:0;color:var(--color-text-muted)}.mobile-nav-count{margin-left:auto;font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-bg-muted);padding:2px 8px;border-radius:var(--radius-full)}.mobile-nav-link--upgrade{color:var(--color-primary)}.mobile-nav-link--upgrade svg{color:var(--color-primary)}.mobile-nav-link--logout{color:var(--color-text-muted)}.mobile-nav-link--logout:hover,.mobile-nav-link--logout:active{color:var(--color-error)}.mobile-nav-link--logout:hover svg,.mobile-nav-link--logout:active svg{color:var(--color-error)}[data-theme=dark] .mobile-nav-link:hover,[data-theme=dark] .mobile-nav-link:active{background:var(--color-bg-subtle)}.site-footer{margin-top:auto;padding:var(--space-12)0 var(--space-8);background:var(--color-bg-muted);border-top:1px solid var(--color-border)}.footer-inner{display:grid;gap:var(--space-8)}@media(min-width:768px){.footer-inner{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-section h4{margin-bottom:var(--space-4);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:var(--space-2)}.footer-links a{font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--duration-fast)var(--ease-out)}.footer-links a:hover{color:var(--color-primary)}.footer-cta-btn{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-5);padding:var(--space-3)var(--space-5);font-size:var(--text-sm);font-weight:600;color:#fff;background:linear-gradient(135deg,var(--orange-500) 0%,var(--orange-600) 100%);border-radius:var(--radius-full);text-decoration:none;box-shadow:0 4px 14px rgba(247,147,26,.35);transition:all var(--duration-fast)var(--ease-out)}.footer-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(247,147,26,.45);color:#fff}.footer-cta-btn:active{transform:translateY(0)}.footer-cta-btn svg{transition:transform var(--duration-fast)}.footer-cta-btn:hover svg{transform:rotate(90deg)}.footer-bottom{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;text-transform:uppercase;letter-spacing:var(--tracking-wider)}.input{display:block;width:100%;padding:var(--space-3)var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg-muted);border:none;border-bottom:2px solid var(--color-border);border-radius:0;transition:all var(--duration-fast)var(--ease-out)}.input:hover{border-bottom-color:var(--color-border-hover)}.input:focus{outline:none;border-bottom-color:var(--color-primary);box-shadow:0 4px 12px -4px rgba(247,147,26,.2)}.input::placeholder{color:var(--color-text-muted)}select.input{appearance:none;background-image: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='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3)center;padding-right:var(--space-10)}.filter-bar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);margin-bottom:var(--space-8);background:#111;border:1px solid #333;border-radius:var(--radius-xl)}.filter-search{position:relative;flex:1;min-width:200px;max-width:400px}.filter-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}.filter-search-input{width:100%;padding:var(--space-2-5)var(--space-10);font-family:var(--font-body);font-size:var(--text-sm);color:#e5e7eb;background:#1a1a1a;border:1px solid #333;border-radius:var(--radius-lg);transition:all var(--duration-fast)var(--ease-out)}.filter-search-input::placeholder{color:#6b7280}.filter-search-input:hover{border-color:#4b5563}.filter-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(247,147,26,.15)}.filter-search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.filter-search-clear{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;color:#6b7280;background:0 0;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast)var(--ease-out)}.filter-search-clear:hover{color:#e5e7eb;background:rgba(255,255,255,.1)}:root:not([data-theme=dark]) .filter-bar,:root:not([data-theme=dark]) .filter-bar{background:#fff;border-color:#e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,6%),0 4px 12px rgba(0,0,0,4%)}:root:not([data-theme=dark]) .filter-search-input,:root:not([data-theme=dark]) .filter-search-input{color:var(--color-text);background:#f9fafb;border-color:#d1d5db}:root:not([data-theme=dark]) .filter-search-input::placeholder,:root:not([data-theme=dark]) .filter-search-input::placeholder{color:#9ca3af}:root:not([data-theme=dark]) .filter-search-input:focus,:root:not([data-theme=dark]) .filter-search-input:focus{background:#fff;border-color:var(--color-primary)}:root:not([data-theme=dark]) .filter-search-input:hover{border-color:var(--color-border-hover)}.filter-bar::after{content:'';width:1px;height:28px;background:#333;flex-shrink:0}:root:not([data-theme=dark]) .filter-bar::after,:root:not([data-theme=dark]) .filter-bar::after{background:#e5e7eb}.filter-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-6);margin-bottom:var(--space-8);border-bottom:1px solid rgba(255,255,255,8%)}.filter-controls h2{color:var(--color-text);margin:0}.filter-pills{display:flex;align-items:center;gap:var(--space-6)}.filter-group{display:flex;align-items:center;gap:var(--space-2)}.filter-label{font-size:.65rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.08em;margin-right:var(--space-2)}.filter-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:#9ca3af;background:0 0;border:1px solid #333;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast)var(--ease-out);white-space:nowrap}.filter-pill:hover{color:#fff;border-color:var(--color-primary);background:#222}.filter-pill:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(247,147,26,.15)}.filter-pill.active,.filter-pill[aria-pressed=true]{color:#fff;background:var(--color-primary);border-color:transparent}.filter-pill.active:hover,.filter-pill[aria-pressed=true]:hover{background:var(--color-primary-hover);border-color:transparent}.filter-pills-divider{display:none}:root:not([data-theme=dark]) .filter-controls{border-bottom-color:var(--color-border)}:root:not([data-theme=dark]) .filter-label,:root:not([data-theme=dark]) .filter-label{color:#6b7280}:root:not([data-theme=dark]) .filter-pill,:root:not([data-theme=dark]) .filter-pill{color:#4b5563;border-color:#d1d5db;background:#f9fafb}:root:not([data-theme=dark]) .filter-pill:hover,:root:not([data-theme=dark]) .filter-pill:hover{color:var(--color-primary);border-color:var(--color-primary);background:#fff}:root:not([data-theme=dark]) .filter-pill.active,:root:not([data-theme=dark]) .filter-pill[aria-pressed=true],:root:not([data-theme=dark]) .filter-pill.active,:root:not([data-theme=dark]) .filter-pill[aria-pressed=true]{color:#fff;background:var(--color-primary);border-color:transparent}@media(max-width:639px){.filter-bar{flex-direction:column;align-items:stretch;gap:var(--space-3);overflow:visible}.filter-bar::after{display:none}.filter-search{max-width:none}.filter-controls{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.filter-pills{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);margin:0 calc(-1 * var(--space-4));width:calc(100% + var(--space-8));overflow:visible}.filter-group{display:flex;flex-direction:row;flex-wrap:nowrap !important;align-items:center;gap:var(--space-2);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:var(--space-1)var(--space-4);min-width:0}.filter-group::-webkit-scrollbar{display:none}.filter-label{flex-shrink:0;min-width:max-content}.filter-pill{flex:none;white-space:nowrap}}.filter-no-results,.no-results{text-align:center;padding:var(--space-12)var(--space-6);color:var(--color-text-secondary)}.filter-no-results p,.no-results p{margin-bottom:var(--space-4);font-size:var(--text-lg)}.filter-results{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding:0 var(--space-2)}.results-count{font-size:.875rem;color:var(--color-text-secondary)}.results-count strong{color:var(--color-text);font-weight:600}.skill-card-wrapper{display:block}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-10);padding:var(--space-4)0}.pagination-item{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--space-3);font-family:var(--font-body);font-size:.9375rem;font-weight:500;color:#fff;text-decoration:none;background:0 0;border:none;border-radius:50%;transition:all var(--duration-fast)var(--ease-out);cursor:pointer}.pagination-item:hover:not(.active):not(.disabled){color:var(--orange-500)}.pagination-item.active{color:#fff;background:var(--orange-500);font-weight:600}.pagination-item.disabled{color:#4b5563;cursor:not-allowed;pointer-events:none}.pagination-nav{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#9ca3af;background:0 0;border:none;border-radius:50%;transition:all var(--duration-fast)var(--ease-out);cursor:pointer}.pagination-nav:hover:not(.disabled){color:var(--orange-500)}.pagination-nav.disabled{color:#4b5563;cursor:not-allowed;pointer-events:none}.pagination-nav svg{width:18px;height:18px}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;color:#6b7280;font-size:.875rem}:root:not([data-theme=dark]) .pagination-item{color:#374151}:root:not([data-theme=dark]) .pagination-item:hover:not(.active):not(.disabled){color:var(--orange-500)}:root:not([data-theme=dark]) .pagination-item.active{color:#fff;background:var(--orange-500)}:root:not([data-theme=dark]) .pagination-item.disabled{color:#9ca3af}:root:not([data-theme=dark]) .pagination-nav{color:#6b7280}:root:not([data-theme=dark]) .pagination-nav:hover:not(.disabled){color:var(--orange-500)}:root:not([data-theme=dark]) .pagination-nav.disabled{color:#d1d5db}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);margin-bottom:var(--space-4);font-size:.75rem;color:#6b7280}.breadcrumbs ol,.breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);list-style:none;padding:0;margin:0}.breadcrumbs li,.breadcrumb-item{display:flex;align-items:center;gap:var(--space-1);margin:0}.breadcrumb-separator{width:12px;height:12px;opacity:.4}.breadcrumbs a{color:#6b7280;text-decoration:none;transition:color var(--duration-fast)var(--ease-out)}.breadcrumbs a:hover{color:var(--color-primary)}.breadcrumb-item--current span,.breadcrumbs li:last-child span{color:#9ca3af}.section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-8)}.section-header h2{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-semibold)}.section-header a{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);text-decoration:none;text-transform:uppercase;letter-spacing:var(--tracking-wider);transition:opacity var(--duration-fast)var(--ease-out)}.section-header a:hover{opacity:.8}.trending-expanded{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-slow)var(--ease-out);overflow:hidden}.trending-expanded:not([hidden]){grid-template-rows:1fr;margin-top:var(--space-4)}.trending-expanded>.skills-row{overflow:hidden}.btn-expand{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-6);padding:var(--space-3)var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);background:0 0;border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-normal)var(--ease-out)}.btn-expand:hover{color:var(--color-primary);border-color:var(--color-primary);background:rgba(255,153,0,5%)}.btn-expand:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-expand-icon{transition:transform var(--duration-normal)var(--ease-out)}.btn-expand[aria-expanded=true] .btn-expand-icon{transform:rotate(180deg)}.skill-page{max-width:var(--container-xl);margin:0 auto;padding-top:var(--space-2)}.skill-header{margin-bottom:var(--space-8)}.skill-header-main{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-8)}.skill-header-info{flex:1}.skill-title{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:1.2;margin-bottom:var(--space-3)}.skill-meta-pills{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.meta-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);font-size:.75rem;font-weight:var(--font-medium);color:var(--color-text-secondary);background:rgba(255,255,255,5%);border-radius:var(--radius-full)}.meta-pill--beginner{color:var(--difficulty-beginner)}.meta-pill--intermediate{color:var(--difficulty-intermediate)}.meta-pill--advanced{color:var(--difficulty-advanced)}.meta-pill--verified{color:var(--color-success)}.meta-pill--rating{color:var(--color-warning)}.meta-pill--rating svg{color:var(--color-warning)}.skill-description{font-size:.9375rem;color:#b0b0b0;line-height:1.6;max-width:600px}.skill-header-platforms{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);padding-top:var(--space-1)}.platforms-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.platforms-icons{display:flex;gap:var(--space-3)}.platform-icon-lg{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:rgba(255,255,255,5%);border:1px solid rgba(255,255,255,8%);border-radius:var(--radius-lg);transition:all var(--duration-fast)var(--ease-out)}.platform-icon-lg:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15)}.platform-icon-lg svg{width:28px;height:28px}.skill-prompt-section{margin-bottom:var(--space-10)}.skill-prompt-container{background:#111;border:1px solid #333;border-radius:var(--radius-xl);overflow:hidden}.skill-prompt-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3)var(--space-4);background:rgba(255,255,255,2%);border-bottom:1px solid #333}.skill-prompt-label{font-size:.75rem;font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.btn-copy-skill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:#000;background:var(--color-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast)var(--ease-out)}.btn-copy-skill:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.skill-prompt-box{padding:var(--space-6);background:#1a1a1a;max-height:400px;overflow-y:auto}.skill-prompt-box pre{margin:0;padding:0;background:0 0;white-space:pre-wrap;word-wrap:break-word}.skill-prompt-box code{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7;color:var(--color-text);background:0 0}.skill-actions-row{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3)var(--space-4);background:rgba(255,255,255,2%);border:1px solid rgba(255,255,255,6%);border-radius:var(--radius-lg)}.btn-icon-text{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);background:0 0;border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast)var(--ease-out)}.btn-icon-text:hover{color:var(--color-text);border-color:var(--color-text-muted);background:rgba(255,255,255,5%)}.btn-icon-text svg{width:18px;height:18px}.section-title{display:flex;align-items:center;gap:var(--space-2);font-size:1.25rem;font-weight:var(--font-semibold);margin-top:var(--space-10);margin-bottom:var(--space-4);color:var(--color-text)}.section-title svg{color:var(--color-primary);width:18px;height:18px}.skill-how-to .section-title,.skill-prompt-section+.skill-how-to .section-title{margin-top:0}.skill-how-to{margin-bottom:var(--space-10)}.skill-how-to .section-title{margin-bottom:var(--space-4)}.how-to-steps{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:rgba(255,255,255,2%);border-radius:var(--radius-xl)}.how-to-step{display:flex;align-items:flex-start;gap:var(--space-4)}.step-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary);background:rgba(247,147,26,.15);border-radius:var(--radius-full)}.how-to-step p{margin:0;padding-top:2px;font-size:.9375rem;color:var(--color-text-secondary);line-height:1.6}.how-to-step strong{color:var(--color-text)}.step-number{font-size:.8125rem}.skill-explanation{margin-bottom:var(--space-10)}.skill-content-prose{font-size:.9375rem;line-height:1.7;color:#9ca3af;display:flex;flex-direction:column;gap:var(--space-6)}.skill-content-prose h2{display:flex;align-items:center;gap:var(--space-2);font-size:1.25rem;font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-4)}.skill-content-prose h2::before{content:"";display:inline-flex;flex-shrink:0;width:20px;height:20px;background-color:var(--color-primary);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.skill-content-prose h2:has(+blockquote)::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E")}.skill-content-prose h3,.skill-content-prose h4{color:var(--color-text);font-weight:var(--font-semibold);margin-top:var(--space-4);margin-bottom:var(--space-2)}.skill-content-prose p{margin-bottom:var(--space-3);font-size:.9375rem;line-height:1.7}.skill-content-prose p:last-child{margin-bottom:0}.skill-content-prose ul,.skill-content-prose ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.skill-content-prose li{display:flex;align-items:flex-start;gap:var(--space-3);font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary)}.skill-content-prose li::before{content:"";display:flex;align-items:center;justify-content:center;width:6px;height:6px;flex-shrink:0;margin-top:.5em;background:var(--color-primary);border-radius:var(--radius-full)}.skill-content-prose li a{color:var(--color-text);text-decoration:none;transition:color var(--duration-fast)}.skill-content-prose li a:hover{color:var(--color-primary)}.skill-content-prose blockquote{margin:0;padding:var(--space-4)var(--space-5);background:rgba(255,255,255,2%);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-lg)var(--radius-lg)0;font-size:.9375rem;line-height:1.7;color:var(--color-text-secondary);font-style:normal}.skill-content-prose blockquote p{margin:0}.skill-content-prose code{padding:var(--space-1)var(--space-2);font-size:.875em;background:rgba(255,255,255,5%);border-radius:var(--radius-sm)}.skill-variables{margin-bottom:var(--space-10)}.variables-table-wrapper{overflow-x:auto}.variables-table{width:100%;border-collapse:collapse}.variables-table th{text-align:left;padding:var(--space-3)var(--space-4);font-size:.75rem;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.variables-table td{padding:var(--space-3)var(--space-4);border-bottom:1px solid rgba(255,255,255,5%)}.variable-name{display:inline-block;padding:var(--space-1)var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-primary);background:rgba(247,147,26,.1);border-radius:var(--radius-sm)}.variable-desc{color:var(--color-text-secondary)}.variable-default{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted)}.variable-none{color:var(--color-text-muted);font-style:italic}.skill-example{margin-bottom:var(--space-10)}.example-blockquote{position:relative;margin:0;padding:var(--space-4)var(--space-5);background:rgba(255,255,255,2%);border-radius:0 var(--radius-lg)var(--radius-lg)0;border-left:3px solid var(--color-primary);font-style:normal;font-size:.9375rem;line-height:1.7;color:var(--color-text-secondary)}.example-blockquote p{margin:0}.skill-related{margin-bottom:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.skill-related .section-title{display:flex;align-items:center;gap:var(--space-2)}.skill-related .section-title svg{color:var(--color-primary);flex-shrink:0}.related-intro{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-4)}.related-skills-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.related-skill-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3)var(--space-4);background:rgba(255,255,255,2%);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--duration-fast)var(--ease-out)}.related-skill-item:hover{border-color:var(--color-primary);background:rgba(255,255,255,4%)}.related-skill-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-primary);text-decoration:none;font-weight:var(--font-medium);font-size:var(--text-sm);transition:color var(--duration-fast)}.related-skill-link:hover,.related-skill-link:focus{text-decoration:underline}.related-skill-item:focus-within{border-color:var(--color-primary);background:rgba(255,255,255,4%)}.related-skill-item:focus-within .related-skill-link{color:var(--color-primary)}.related-skill-title{flex:1}.related-skill-link .arrow-icon{flex-shrink:0;opacity:.6;transition:transform var(--duration-fast),opacity var(--duration-fast)}.related-skill-item:hover .related-skill-link{color:var(--color-primary)}.related-skill-item:hover .arrow-icon{transform:translateX(3px);opacity:1}.related-skill-description{color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.5}.skill-sources{margin-bottom:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.skill-sources .section-title{display:flex;align-items:center;gap:var(--space-2)}.skill-sources .section-title svg{color:var(--color-primary);flex-shrink:0}.sources-intro{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-4)}.sources-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.source-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3)var(--space-4);background:rgba(255,255,255,2%);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--duration-fast)var(--ease-out)}.source-item:hover{border-color:var(--color-primary);background:rgba(255,255,255,4%)}.source-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-primary);text-decoration:none;font-weight:var(--font-medium);font-size:var(--text-sm)}.source-link:hover{text-decoration:underline}.source-link .external-icon{opacity:.6;flex-shrink:0}.source-title{flex:1}.source-description{color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.5}.related-skills{margin-bottom:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.section-header-divider{margin-bottom:var(--space-6)}.skill-feedback{margin-top:var(--space-12);margin-bottom:var(--space-10);padding:var(--space-8);background:rgba(255,255,255,2%);border-radius:var(--radius-xl);text-align:center}.skill-feedback .section-title{justify-content:center;color:var(--color-text-muted);font-size:var(--text-base);font-weight:var(--font-medium);margin-bottom:var(--space-5);margin-top:0}.feedback-buttons{display:flex;justify-content:center;gap:var(--space-4)}.btn-feedback{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast)var(--ease-out)}.btn-feedback svg{flex-shrink:0}.btn-feedback--yes{color:#fff;background:var(--color-primary);border:2px solid var(--color-primary)}.btn-feedback--yes:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(247,147,26,.3)}.btn-feedback--yes:active{transform:translateY(0)}.btn-feedback--no{color:rgba(255,255,255,.9);background:#1a1a1a;border:1px solid var(--color-primary)}.btn-feedback--no:hover{color:#fff;background:#222;border-color:var(--color-primary-hover);transform:translateY(-2px)}.btn-feedback--no:active{transform:translateY(0)}@media(max-width:768px){.skill-header-main{flex-direction:column;gap:var(--space-4)}.skill-header-platforms{align-items:flex-start}.skill-title{font-size:var(--text-2xl)}.feedback-buttons{flex-direction:column;gap:var(--space-3)}.btn-feedback{width:100%;justify-content:center}}:root:not([data-theme=dark]) .skill-prompt-container{background:#fafafa;border-color:var(--color-border)}:root:not([data-theme=dark]) .skill-prompt-header{background:#f5f5f5;border-bottom-color:var(--color-border)}:root:not([data-theme=dark]) .skill-prompt-box{background:#fff}:root:not([data-theme=dark]) .meta-pill{background:rgba(0,0,0,5%)}:root:not([data-theme=dark]) .platform-icon-lg{background:rgba(0,0,0,5%)}:root:not([data-theme=dark]) .platform-icon-lg:hover{background:rgba(0,0,0,.1)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);text-align:center}.empty-state-icon{width:5rem;height:5rem;color:var(--color-text-muted);opacity:.5}.empty-state h3{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-text)}.empty-state p{color:var(--color-text-secondary);max-width:32rem}.search-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast)var(--ease-out)}.search-trigger:hover{border-color:var(--color-primary);color:var(--color-text)}.search-trigger kbd{padding:var(--space-0-5)var(--space-1-5);font-family:var(--font-mono);font-size:var(--text-xs);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted)}@media(max-width:767px){.search-trigger{width:2.75rem;height:2.75rem;padding:0;justify-content:center;background:0 0}}.hover-lift{transition:transform var(--duration-slow)var(--ease-out),box-shadow var(--duration-slow)var(--ease-out)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.dropdown{position:relative;display:inline-flex}.dropdown-caret{transition:transform var(--duration-fast)}[aria-expanded=true] .dropdown-caret{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:var(--z-dropdown);min-width:200px;padding:var(--space-2);background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);box-shadow:0 20px 40px -12px rgba(0,0,0,.5),0 0 1px rgba(255,255,255,.1);animation:dropdownFadeIn .15s ease-out}.dropdown-menu--right{left:auto;right:0;transform:none;animation:dropdownFadeInRight .15s ease-out}.dropdown-menu--download{min-width:300px;padding:var(--space-4)}.dropdown-menu--slim{min-width:220px;padding:var(--space-3)}.dropdown-item-slim{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2)var(--space-3);background:0 0;border:none;border-radius:var(--radius-lg);cursor:pointer;text-align:left;text-decoration:none;transition:all var(--duration-fast)var(--ease-out)}.dropdown-item-slim+.dropdown-item-slim{margin-top:var(--space-1)}.dropdown-item-slim:hover{background:rgba(247,147,26,.1)}.dropdown-item-icon-slim{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(247,147,26,.1);border-radius:var(--radius-md);flex-shrink:0}.dropdown-item-icon-slim svg{color:var(--color-primary)}.dropdown-item-title-slim{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);white-space:nowrap}.dropdown-item-slim .dropdown-item-ext{color:var(--color-primary)}:root:not([data-theme=dark]) .dropdown-item-icon-slim{background:rgba(247,147,26,8%)}.dropdown-menu--up{top:auto;bottom:calc(100% + 8px);animation:dropdownFadeInUp .15s ease-out}.dropdown-menu--up.dropdown-menu--right{animation:dropdownFadeInUpRight .15s ease-out}.dropdown-menu--compact{min-width:200px;padding:var(--space-2)}.dropdown-menu--compact .dropdown-item-compact{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2)var(--space-3);background:0 0;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all var(--duration-fast)var(--ease-out)}.dropdown-menu--compact .dropdown-item-compact+.dropdown-item-compact{margin-top:var(--space-1)}.dropdown-menu--compact .dropdown-item-compact:hover{background:rgba(247,147,26,8%);border-color:rgba(247,147,26,.2)}.dropdown-menu--compact .dropdown-item-icon-sm{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(255,255,255,5%);border:1px solid rgba(255,255,255,8%);border-radius:var(--radius-md);flex-shrink:0}.dropdown-menu--compact .dropdown-item-icon-sm svg{width:16px;height:16px;color:var(--color-text-secondary);transition:color var(--duration-fast)var(--ease-out)}.dropdown-menu--compact .dropdown-item-compact:hover .dropdown-item-icon-sm{background:rgba(247,147,26,.15);border-color:rgba(247,147,26,.3)}.dropdown-menu--compact .dropdown-item-compact:hover .dropdown-item-icon-sm svg{color:var(--color-primary)}.dropdown-menu--compact .dropdown-item-label{font-size:.875rem;font-weight:500;color:#e5e7eb}.dropdown-menu--compact .dropdown-item-ext{font-weight:400;color:#6b7280}.dropdown-menu--compact .dropdown-item-compact:hover .dropdown-item-label{color:#f3f4f6}:root:not([data-theme=dark]) .dropdown-menu--compact .dropdown-item-icon-sm{background:var(--color-bg-muted);border-color:var(--color-border)}:root:not([data-theme=dark]) .dropdown-menu--compact .dropdown-item-icon-sm svg{color:var(--color-text-secondary)}:root:not([data-theme=dark]) .dropdown-menu--compact .dropdown-item-label{color:var(--color-text)}:root:not([data-theme=dark]) .dropdown-menu--compact .dropdown-item-ext{color:var(--color-text-muted)}@keyframes dropdownFadeInUp{from{opacity:0;transform:translateX(-50%)translateY(4px)}to{opacity:1;transform:translateX(-50%)translateY(0)}}@keyframes dropdownFadeInUpRight{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownFadeIn{from{opacity:0;transform:translateX(-50%)translateY(-4px)}to{opacity:1;transform:translateX(-50%)translateY(0)}}@keyframes dropdownFadeInRight{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item-pro{display:flex;align-items:flex-start;gap:var(--space-4);width:100%;padding:var(--space-3)var(--space-4);background:0 0;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;text-align:left;text-decoration:none;transition:all var(--duration-fast)var(--ease-out)}.dropdown-item-pro+.dropdown-item-pro,.dropdown-item-pro+a.dropdown-item-pro{margin-top:var(--space-2)}.dropdown-item-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;background:rgba(255,255,255,5%);border:1px solid rgba(255,255,255,8%);border-radius:var(--radius-md);transition:all var(--duration-fast)}.dropdown-item-icon svg{color:#9ca3af;transition:color var(--duration-fast)}.dropdown-item-content{display:flex;flex-direction:column;gap:2px;padding-top:2px}.dropdown-item-title{font-size:.9375rem;font-weight:600;color:#f3f4f6;line-height:1.3}.dropdown-item-ext{font-weight:400;color:#6b7280}.dropdown-item-desc{font-size:.8125rem;font-weight:400;color:#6b7280;line-height:1.4}.dropdown-item-pro:hover{background:rgba(247,147,26,.12);border-color:rgba(247,147,26,.25)}.dropdown-item-pro:hover .dropdown-item-icon{background:rgba(247,147,26,.2);border-color:rgba(247,147,26,.4)}.dropdown-item-pro:hover .dropdown-item-icon svg{color:var(--color-primary)}.dropdown-item-pro:hover .dropdown-item-title{color:#fff}.dropdown-item-pro:hover .dropdown-item-ext{color:var(--color-primary)}.dropdown-item-pro:hover .dropdown-item-desc{color:#9ca3af}.dropdown-item-pro:active{background:rgba(247,147,26,.18);transform:scale(.99)}.dropdown-item-pro:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(247,147,26,.2)}:root:not([data-theme=dark]) .dropdown-menu{background:#fff;border-color:var(--color-border);box-shadow:0 20px 40px -12px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.1)}:root:not([data-theme=dark]) .dropdown-item-icon{background:var(--color-bg-muted);border-color:var(--color-border)}:root:not([data-theme=dark]) .dropdown-item-icon svg{color:var(--color-text-secondary)}:root:not([data-theme=dark]) .dropdown-item-title{color:var(--color-text)}:root:not([data-theme=dark]) .dropdown-item-ext,:root:not([data-theme=dark]) .dropdown-item-desc{color:var(--color-text-muted)}:root:not([data-theme=dark]) .dropdown-item-pro:hover{background:rgba(247,147,26,6%);border-color:rgba(247,147,26,.15)}:root:not([data-theme=dark]) .dropdown-item-pro:hover .dropdown-item-icon{background:rgba(247,147,26,.1);border-color:rgba(247,147,26,.25)}.dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3)var(--space-4);font-family:var(--font-body);font-size:.875rem;font-weight:500;color:#e5e7eb;background:0 0;border:none;border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all var(--duration-fast)var(--ease-out)}.dropdown-item:hover{background:rgba(247,147,26,8%)}.dropdown-item:active{background:rgba(247,147,26,.12)}.dropdown-item+.dropdown-item{margin-top:var(--space-1)}.dropdown-item svg{flex-shrink:0;width:18px;height:18px;color:#9ca3af;transition:color var(--duration-fast)}.dropdown-item:hover svg{color:var(--color-primary)}.dropdown-item span:first-of-type{flex:1}.dropdown-hint{font-size:.75rem;font-weight:400;color:#6b7280;padding:2px 8px;background:rgba(255,255,255,5%);border-radius:var(--radius-full)}:root:not([data-theme=dark]) .dropdown-item{color:var(--color-text)}:root:not([data-theme=dark]) .dropdown-item:hover{background:rgba(247,147,26,6%)}:root:not([data-theme=dark]) .dropdown-item svg{color:var(--color-text-secondary)}:root:not([data-theme=dark]) .dropdown-hint{color:var(--color-text-muted);background:var(--color-bg-muted)}.download-success{animation:downloadPulse .3s ease-out}@keyframes downloadPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.section-cta{padding:var(--space-20)0}.cta-content{position:relative;max-width:720px;margin:0 auto;padding:var(--space-14)var(--space-10);text-align:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-2xl);overflow:hidden}.cta-content::before{content:'';position:absolute;inset:0;background:radial-gradient( ellipse 80% 50% at 50% 0%,rgba(247,147,26,6%) 0%,transparent 70% );pointer-events:none}.cta-content::after{content:'';position:absolute;top:0;right:0;width:120px;height:120px;background:linear-gradient( 225deg,rgba(247,147,26,.1) 0%,transparent 50% );pointer-events:none}.cta-content h2{position:relative;font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-4);letter-spacing:var(--tracking-tight)}@media(min-width:768px){.cta-content h2{font-size:var(--text-4xl)}}.cta-content p{position:relative;font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-8);max-width:480px;margin-left:auto;margin-right:auto}.cta-content .btn{position:relative}@media(max-width:640px){.section-cta{padding:var(--space-10)0}.cta-content{padding:var(--space-10)var(--space-6)}.cta-content h2{font-size:var(--text-2xl)}.cta-content p{font-size:var(--text-base)}}.load-more-container{display:flex;justify-content:center;padding:var(--space-8)0;margin-top:var(--space-4)}.btn-load-more{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:200px;padding:var(--space-3)var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast)var(--ease-out)}.btn-load-more:hover{color:var(--color-primary);border-color:var(--color-primary);background:rgba(247,147,26,5%);transform:translateY(-2px)}.btn-load-more:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-load-more:active{transform:translateY(0)}:root:not([data-theme=dark]) .btn-load-more{background:#fff;border-color:var(--color-border)}:root:not([data-theme=dark]) .btn-load-more:hover{background:rgba(247,147,26,3%)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpSmall{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleUp{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes floatSmall{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinReverse{from{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes ping{75%,100%{transform:scale(2);opacity:0}}@keyframes bounce{0%,100%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}50%{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}}@keyframes glowPulse{0%,100%{box-shadow:0 0 20px -5px rgba(247,147,26,.4)}50%{box-shadow:0 0 35px -5px rgba(247,147,26,.6)}}@keyframes glowPulseIntense{0%,100%{box-shadow:0 0 30px -5px rgba(247,147,26,.5)}50%{box-shadow:0 0 50px -5px rgba(247,147,26,.8)}}@keyframes glowPulseGold{0%,100%{box-shadow:0 0 20px rgba(255,214,0,.3)}50%{box-shadow:0 0 40px rgba(255,214,0,.5)}}@keyframes heroGlow{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes gradientShift{0%,100%{background-position:0}50%{background-position:100%}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes copySuccess{0%{transform:scale(1)}40%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes checkmark{0%{stroke-dashoffset:24}100%{stroke-dashoffset:0}}.animate-fadeIn{animation:fadeIn var(--duration-normal)var(--ease-out)both}.animate-slideUp{animation:slideUp .6s cubic-bezier(.16,1,.3,1)both}.animate-slideUpSmall{animation:slideUpSmall .5s cubic-bezier(.16,1,.3,1)both}.animate-scaleUp{animation:scaleUp .5s cubic-bezier(.16,1,.3,1)both}.animate-float{animation:float 8s ease-in-out infinite}.animate-float-slow{animation:float 10s ease-in-out infinite}.animate-float-fast{animation:floatSmall 4s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-spin-slow{animation:spin 10s linear infinite}.animate-spin-slower{animation:spin 15s linear infinite}.animate-spin-reverse{animation:spinReverse 12s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1)infinite}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1)infinite}.animate-bounce{animation:bounce 1s infinite}.animate-glow{animation:glowPulse 3s ease-in-out infinite}.animate-glow-intense{animation:glowPulseIntense 2s ease-in-out infinite}.animate-glow-gold{animation:glowPulseGold 3s ease-in-out infinite}.animate-gradient{background-size:200%;animation:gradientShift 3s ease-in-out infinite}.stagger-children>*{opacity:0;animation:slideUpSmall .5s cubic-bezier(.16,1,.3,1)forwards}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.35s}.stagger-children>*:nth-child(8){animation-delay:.4s}.stagger-children>*:nth-child(n+9){animation-delay:.45s}.hero-stagger>*{opacity:0;animation:slideUp .7s cubic-bezier(.16,1,.3,1)forwards}.hero-stagger>*:nth-child(1){animation-delay:.1s}.hero-stagger>*:nth-child(2){animation-delay:.2s}.hero-stagger>*:nth-child(3){animation-delay:.3s}.hero-stagger>*:nth-child(4){animation-delay:.4s}.hero-stagger>*:nth-child(5){animation-delay:.5s}.transition-none{transition:none}.transition-all{transition:all var(--duration-normal)var(--ease-out)}.transition-colors{transition:color var(--duration-fast)var(--ease-out),background-color var(--duration-fast)var(--ease-out),border-color var(--duration-fast)var(--ease-out)}.transition-opacity{transition:opacity var(--duration-normal)var(--ease-out)}.transition-transform{transition:transform var(--duration-normal)var(--ease-out)}.hover-lift{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)}.hover-lift:hover{transform:translateY(-6px);box-shadow:var(--shadow-card-hover)}.hover-scale{transition:transform .25s cubic-bezier(.16,1,.3,1)}.hover-scale:hover{transform:scale(1.03)}.hover-glow{transition:box-shadow .3s var(--ease-out)}.hover-glow:hover{box-shadow:var(--shadow-glow)}.hover-shine{position:relative;overflow:hidden}.hover-shine::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,.1),transparent );transition:left .5s ease;pointer-events:none}.hover-shine:hover::before{left:100%}.hover-border-glow{transition:border-color .2s ease,box-shadow .2s ease}.hover-border-glow:hover,.hover-border-glow:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(247,147,26,.15)}.press-effect:active{transform:scale(.98)}.btn-copy.copied{animation:copySuccess var(--duration-slow)var(--ease-bounce)}.skeleton{background:linear-gradient( 90deg,var(--color-bg-muted) 25%,var(--color-bg-subtle) 50%,var(--color-bg-muted) 75% );background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:var(--space-2)}.skeleton-title{height:1.5em;width:70%;margin-bottom:var(--space-3)}.skeleton-card{height:200px}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--duration-slow)var(--ease-out),transform var(--duration-slow)var(--ease-out)}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}.hover-lift:hover,.hover-scale:hover{transform:none}.animate-float,.animate-float-slow,.animate-spin,.animate-spin-slow,.animate-glow{animation:none}}.ad-wrapper{min-height:90px;display:flex;align-items:center;justify-content:center}@media(max-width:767px){.ad-wrapper{min-height:50px}}.ad-container{display:flex;align-items:center;justify-content:center;background:var(--color-bg-muted);margin:var(--space-6)0;overflow:hidden;border-radius:var(--radius-md)}.ad-container:empty::before,.ad-container .ad-placeholder{content:'Advertisement';color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.ad-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ad-leaderboard{min-width:728px;min-height:90px;max-width:100%}.ad-large-leaderboard{min-width:970px;min-height:250px;max-width:100%}.ad-in-content,.ad-rectangle{min-width:300px;min-height:250px}.ad-sidebar{min-width:300px;min-height:600px;position:sticky;top:calc(var(--header-height) + var(--space-4))}.ad-in-feed{min-height:120px;width:100%;border:1px solid var(--color-border);border-radius:var(--radius-lg)}@media(max-width:767px){.ad-leaderboard,.ad-large-leaderboard{min-width:320px;min-height:50px}.ad-sidebar{display:none}.ad-in-content{min-width:300px;min-height:250px}}.ad-mobile-anchor{display:none}@media(max-width:767px){.ad-mobile-anchor{display:flex;position:fixed;bottom:0;left:0;right:0;min-width:320px;min-height:50px;z-index:var(--z-fixed);background:var(--color-bg-subtle);border-top:1px solid var(--color-border);box-shadow:0 -2px 10px oklch(0 0 0/.1)}body.has-anchor-ad{padding-bottom:60px}}.featured-listing{border:2px solid var(--color-success);background:linear-gradient( 135deg,oklch(.95 .03 155/.3) 0%,var(--color-bg-subtle) 100% );position:relative}.featured-listing::before{content:'Featured';position:absolute;top:calc(-1 * var(--space-2-5));right:var(--space-3);padding:var(--space-0-5)var(--space-2);background:var(--color-success);color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-sm)}.sponsor-section{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-muted);border-radius:var(--radius-lg);margin:var(--space-6)0}.sponsor-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.sponsor-link{display:flex;align-items:center;gap:var(--space-2);text-decoration:none}.sponsor-logo{height:24px;width:auto}.sponsor-name{font-weight:var(--font-medium);color:var(--color-text)}.sponsor-tagline{font-size:var(--text-sm);color:var(--color-text-secondary);margin-left:auto}.ad-container[data-ad-loading=true]{animation:pulse 2s cubic-bezier(.4,0,.6,1)infinite}.ad-container[data-ad-loaded=true] .ad-placeholder{display:none}.skills-grid .ad-in-feed{grid-column:1/-1}@media(min-width:640px){.skills-grid .ad-in-feed{grid-column:span 2}}@media(min-width:1024px){.skills-grid .ad-in-feed{grid-column:span 3}}@media(min-width:1280px){.skills-grid .ad-in-feed{grid-column:span 4}}:root[data-theme=dark] .ad-container{background:var(--color-bg-muted)}:root[data-theme=dark] .featured-listing{background:linear-gradient( 135deg,oklch(.25 .05 155/.3) 0%,var(--color-bg-subtle) 100% )}.search-modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding:var(--space-12)var(--space-4);opacity:0;visibility:hidden;transition:opacity var(--duration-normal)var(--ease-out),visibility var(--duration-normal)var(--ease-out)}.search-modal.is-open,.search-modal:not([hidden]){opacity:1;visibility:visible}.search-modal[hidden]{display:none}.search-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.search-container{position:relative;width:100%;max-width:640px;max-height:calc(100vh - var(--space-16));background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px rgba(0,0,0,.5);overflow:hidden;display:flex;flex-direction:column;animation:search-slide-in var(--duration-normal)var(--ease-out)}@keyframes search-slide-in{from{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.search-header{display:flex;align-items:center;justify-content:flex-end;padding:var(--space-3)var(--space-4);background:0 0;position:relative;z-index:10}.search-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:rgba(255,255,255,5%);border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast)var(--ease-out)}.search-close:hover{background:rgba(255,255,255,.1);color:var(--color-text)}.search-input-wrapper{position:relative;padding:var(--space-4)var(--space-5);background:#1a1a1a}.search-input-icon{position:absolute;left:calc(var(--space-5) + var(--space-4));top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;transition:color var(--duration-fast)}.search-input:focus~.search-input-icon,.search-input-wrapper:focus-within .search-input-icon{color:var(--color-primary)}.search-input{width:100%;padding:var(--space-4)var(--space-5);padding-left:calc(var(--space-10) + var(--space-2));padding-right:var(--space-14);font-size:1.125rem;font-family:var(--font-sans);font-weight:500;color:var(--color-text);background:#242424;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);outline:none;transition:all var(--duration-fast)var(--ease-out)}.search-input::placeholder{color:var(--color-text-muted);font-weight:400}.search-input:focus{border-color:var(--color-primary);background:#222;box-shadow:0 0 0 3px rgba(247,147,26,.12)}.search-kbd{position:absolute;right:calc(var(--space-5) + var(--space-4));top:50%;transform:translateY(-50%);padding:var(--space-1)var(--space-2);font-size:.6875rem;font-family:var(--font-mono);font-weight:500;color:var(--color-text-muted);background:rgba(255,255,255,5%);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm)}.search-filters-wrapper{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)var(--space-5);background:rgba(255,255,255,2%);border-top:1px solid rgba(255,255,255,6%);border-bottom:1px solid rgba(255,255,255,6%)}.filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.filter-group--categories{padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,6%)}.filter-group-label{font-size:.6875rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-right:var(--space-2)}.filter-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:6px var(--space-3);font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);background:0 0;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast)var(--ease-out)}.filter-chip:hover{border-color:var(--color-primary);color:var(--color-primary);background:rgba(247,147,26,8%)}.filter-chip--active{background:var(--color-primary);border-color:var(--color-primary);color:#000;font-weight:600}.filter-chip--active:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#000}.search-results{flex:1;overflow-y:auto;padding:var(--space-4)var(--space-5);min-height:200px;max-height:50vh;background:#1a1a1a}.search-results-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:140px;color:var(--color-text-muted);text-align:center}.search-results-placeholder svg{width:32px;height:32px;margin-bottom:var(--space-3);opacity:.25}.search-results-placeholder p{font-size:.8125rem;color:#6b7280}.search-results-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;text-align:center}.search-results-empty p{font-size:.9375rem;color:var(--color-text-secondary)}.search-results-empty-hint{font-size:.8125rem;color:var(--color-text-muted);margin-top:var(--space-2)}.search-results-count{font-size:.75rem;font-weight:500;color:var(--color-text-muted);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.search-results-list{display:flex;flex-direction:column;gap:var(--space-2)}.search-result{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:rgba(255,255,255,3%);border:1px solid transparent;border-radius:var(--radius-lg);text-decoration:none;transition:all var(--duration-fast)var(--ease-out)}.search-result:hover,.search-result.is-selected{background:rgba(255,255,255,6%);border-color:rgba(255,255,255,.1)}.search-result.is-selected{border-color:var(--color-primary)}.search-result-content{flex:1;min-width:0}.search-result-header{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-1)}.search-result-title{font-size:.9375rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-meta{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.search-result-difficulty{font-size:.6875rem;font-weight:500;color:var(--color-text-muted);padding:2px var(--space-2);background:rgba(255,255,255,5%);border-radius:var(--radius-sm)}.search-result-time{font-size:.6875rem;color:var(--color-text-muted)}.search-result-excerpt{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.search-result-excerpt mark{background:rgba(247,147,26,.3);color:inherit;padding:0 2px;border-radius:2px}.search-result-arrow{flex-shrink:0;color:var(--color-text-muted);opacity:0;transition:opacity var(--duration-fast)}.search-result:hover .search-result-arrow,.search-result.is-selected .search-result-arrow{opacity:1}.search-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3)var(--space-5);border-top:1px solid rgba(255,255,255,6%);background:rgba(255,255,255,2%)}.search-hints{font-size:.8125rem;font-family:var(--font-mono);color:#666;letter-spacing:.02em}.btn-browse-all{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2)var(--space-4);font-size:.8125rem;font-weight:600;color:#000;background:var(--color-primary);border:none;border-radius:var(--radius-md);text-decoration:none;cursor:pointer;transition:all var(--duration-fast)var(--ease-out)}.btn-browse-all:hover{background:var(--color-primary-hover);transform:translateY(-1px)}@media(max-width:640px){.search-modal{padding:0;align-items:flex-end}.search-container{min-height:70vh;max-height:90vh;border-radius:var(--radius-xl)var(--radius-xl)0 0;animation:search-slide-up var(--duration-normal)var(--ease-out)}@keyframes search-slide-up{from{transform:translateY(100%)}to{transform:translateY(0)}}.search-input-wrapper{padding:var(--space-3)var(--space-4)}.search-input{font-size:1rem;padding:var(--space-3)var(--space-4);padding-left:var(--space-10)}.search-results{padding:var(--space-3)var(--space-4);min-height:300px;flex:1}.search-footer{padding:var(--space-3)var(--space-4)}.search-hints{display:none}.btn-browse-all{width:100%}}@media(prefers-reduced-motion:reduce){.search-container{animation:none}.search-modal{transition:none}}:root:not([data-theme=dark]) .search-backdrop{background:rgba(0,0,0,.4)}:root:not([data-theme=dark]) .search-container{background:#f5f5f5;border:1px solid #d1d5db;box-shadow:0 8px 32px rgba(0,0,0,.2),0 16px 64px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,5%)}:root:not([data-theme=dark]) .search-close{background:rgba(0,0,0,5%);color:#6b7280}:root:not([data-theme=dark]) .search-close:hover{background:rgba(0,0,0,.1);color:#111}:root:not([data-theme=dark]) .search-input-wrapper{background:#f5f5f5}:root:not([data-theme=dark]) .search-input{background:#fff;border:1px solid #d1d5db;color:#111;outline:none}:root:not([data-theme=dark]) .search-input::placeholder{color:#666}:root:not([data-theme=dark]) .search-input:focus{border:2px solid var(--color-primary);background:#fff;box-shadow:none;outline:none}:root:not([data-theme=dark]) .search-input-icon{color:#666}:root:not([data-theme=dark]) .search-input:focus~.search-input-icon,:root:not([data-theme=dark]) .search-input-wrapper:focus-within .search-input-icon{color:var(--color-primary)}:root:not([data-theme=dark]) .search-kbd{background:#fff;border:1px solid #e5e7eb;color:#6b7280}:root:not([data-theme=dark]) .search-results{background:#f5f5f5}:root:not([data-theme=dark]) .search-results-placeholder svg{color:#666}:root:not([data-theme=dark]) .search-results-placeholder p{color:#666}:root:not([data-theme=dark]) .search-results-empty p{color:#4b5563}:root:not([data-theme=dark]) .search-results-empty-hint{color:#9ca3af}:root:not([data-theme=dark]) .search-results-count{color:#6b7280}:root:not([data-theme=dark]) .search-result{background:#fff;border:1px solid #e5e7eb}:root:not([data-theme=dark]) .search-result:hover,:root:not([data-theme=dark]) .search-result.is-selected{background:#f9fafb;border-color:#d1d5db}:root:not([data-theme=dark]) .search-result.is-selected{border-color:var(--color-primary)}:root:not([data-theme=dark]) .search-result-title{color:#111}:root:not([data-theme=dark]) .search-result-excerpt{color:#4b5563}:root:not([data-theme=dark]) .search-result-difficulty{background:rgba(0,0,0,5%);color:#6b7280}:root:not([data-theme=dark]) .search-result-time{color:#9ca3af}:root:not([data-theme=dark]) .search-result-arrow{color:#9ca3af}:root:not([data-theme=dark]) .search-footer{background:#f5f5f5;border-top:1px solid #e5e7eb}:root:not([data-theme=dark]) .search-hints{color:#666}.pagefind-ui{display:none !important}.auth-modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;visibility:hidden;transition:opacity var(--duration-normal)var(--ease-out),visibility var(--duration-normal)var(--ease-out)}.auth-modal.is-open{opacity:1;visibility:visible}.auth-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer}.auth-modal-content{position:relative;width:100%;max-width:400px;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:var(--space-8);box-shadow:0 25px 50px -12px rgba(0,0,0,.5);transform:translateY(20px)scale(.95);transition:transform var(--duration-normal)var(--ease-out)}.auth-modal.is-open .auth-modal-content{transform:translateY(0)scale(1)}.auth-modal-close{position:absolute;top:var(--space-4);right:var(--space-4);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:0 0;color:#6b7280;cursor:pointer;border-radius:8px;transition:background var(--duration-fast),color var(--duration-fast)}.auth-modal-close:hover{background:rgba(255,255,255,5%);color:#fff}.auth-modal-brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5)}.auth-icon-bg{color:var(--orange-500)}.auth-brand-name{font-family:var(--font-heading);font-size:1.125rem;font-weight:700;color:#fff;letter-spacing:-.01em}.auth-tabs{display:flex;gap:4px;padding:4px;background:#222;border-radius:10px;margin-bottom:var(--space-4)}.auth-tab{flex:1;padding:10px 20px;font-size:.875rem;font-weight:600;font-family:var(--font-body);color:#6b7280;background:0 0;border:none;border-radius:8px;cursor:pointer;transition:all var(--duration-fast)}.auth-tab:hover{color:#fff}.auth-tab.active{background:var(--orange-500);color:#fff}.auth-modal-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:var(--space-2);color:#fff;letter-spacing:-.02em}.auth-modal-subtitle{font-size:.875rem;color:#aaa;text-align:center;margin-bottom:var(--space-6);line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form-field{display:flex;flex-direction:column;gap:var(--space-2)}.auth-label{font-size:.8125rem;font-weight:500;color:#aaa}.auth-input{width:100%;padding:14px 16px;font-size:1rem;font-family:var(--font-body);border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#222;color:#fff;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.auth-input:hover{border-color:rgba(255,255,255,.2)}.auth-input:focus{outline:none;border-color:var(--orange-500);box-shadow:0 0 0 3px rgba(247,147,26,.2)}.auth-input::placeholder{color:#6b7280}.auth-submit-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:14px 24px;font-size:1rem;font-weight:600;font-family:var(--font-body);color:#fff;background:var(--orange-500);border:none;border-radius:8px;cursor:pointer;transition:background var(--duration-fast),box-shadow var(--duration-fast),transform var(--duration-fast)}.auth-submit-btn:hover{background:var(--orange-600);box-shadow:0 4px 20px rgba(247,147,26,.4)}.auth-submit-btn:active{transform:scale(.98)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-submit-icon{transition:transform var(--duration-fast)}.auth-submit-btn:hover .auth-submit-icon{transform:translateX(2px)}.auth-message{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);border-radius:8px;font-size:.875rem}.auth-message[hidden]{display:none !important}.auth-message--success{background:rgba(34,197,94,.15);color:#4ade80;border:1px solid rgba(34,197,94,.3)}.auth-message--error{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.3)}.auth-modal-info{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:.75rem;color:#6b7280;margin-top:var(--space-4)}.auth-modal-info svg{color:#4ade80}.auth-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6)0}.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.1)}.auth-divider span{font-size:.6875rem;color:#6b7280;text-transform:uppercase;letter-spacing:.08em;font-weight:500}.auth-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.auth-features li{display:flex;align-items:center;gap:var(--space-3);font-size:.875rem;color:#aaa}.auth-feature-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:rgba(74,222,128,.15);border-radius:50%;flex-shrink:0}.auth-feature-icon svg{color:#4ade80}.auth-pro-upsell{margin-top:var(--space-6);padding:var(--space-4);background:#222;border:1px solid var(--orange-500);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.auth-pro-text{font-size:.875rem;color:#fff}.auth-pro-link{font-size:.875rem;font-weight:600;color:var(--orange-500);text-decoration:none;transition:color var(--duration-fast)}.auth-pro-link:hover{color:var(--orange-400)}:root:not([data-theme=dark]) .auth-modal-backdrop{background:rgba(0,0,0,.5)}:root:not([data-theme=dark]) .auth-modal-content{background:#fff;border-color:#e5e7eb;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}:root:not([data-theme=dark]) .auth-modal-close{color:#9ca3af}:root:not([data-theme=dark]) .auth-modal-close:hover{background:#f5f5f5;color:#111}:root:not([data-theme=dark]) .auth-brand-name{color:#111}:root:not([data-theme=dark]) .auth-tabs{background:#eee}:root:not([data-theme=dark]) .auth-tab{color:#666}:root:not([data-theme=dark]) .auth-tab:hover{color:#111}:root:not([data-theme=dark]) .auth-tab.active{background:var(--orange-500);color:#fff}:root:not([data-theme=dark]) .auth-modal-title{color:#111}:root:not([data-theme=dark]) .auth-modal-subtitle{color:#555}:root:not([data-theme=dark]) .auth-label{color:#555}:root:not([data-theme=dark]) .auth-input{background:#f9fafb;border-color:#d1d5db;color:#111}:root:not([data-theme=dark]) .auth-input:hover{border-color:#9ca3af}:root:not([data-theme=dark]) .auth-input:focus{background:#fff;border-color:var(--orange-500)}:root:not([data-theme=dark]) .auth-input::placeholder{color:#9ca3af}:root:not([data-theme=dark]) .auth-divider::before,:root:not([data-theme=dark]) .auth-divider::after{background:#e5e7eb}:root:not([data-theme=dark]) .auth-divider span{color:#9ca3af}:root:not([data-theme=dark]) .auth-features li{color:#555}:root:not([data-theme=dark]) .auth-pro-upsell{background:#fff7ed;border-color:var(--orange-500)}:root:not([data-theme=dark]) .auth-pro-text{color:#111}.auth-container{display:flex;align-items:center}@media(max-width:767px){.auth-container{display:none}}.user-login-btn{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid var(--color-border);background:0 0;color:var(--color-text-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal)var(--ease-out)}.user-login-btn:hover{color:var(--orange-500);border-color:rgba(247,147,26,.4);background:var(--color-primary-light)}.user-login-btn:focus-visible{outline:2px solid var(--orange-500);outline-offset:2px}.user-login-btn[hidden],.user-menu[hidden]{display:none !important}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1)var(--space-2);background:0 0;border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast)}.user-menu-trigger:hover{background:var(--color-bg-muted);border-color:var(--color-border-hover)}.user-avatar{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:700;border-radius:var(--radius-full)}.pro-badge{padding:var(--space-0-5)var(--space-1-5);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,var(--color-primary) 0%,var(--gold-500) 100%);color:#fff;border-radius:var(--radius-sm)}.user-menu-chevron{color:var(--color-text-muted);transition:transform var(--duration-fast)}.user-menu-trigger[aria-expanded=true] .user-menu-chevron{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:240px;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--duration-fast),visibility var(--duration-fast),transform var(--duration-fast)}.user-menu-trigger[aria-expanded=true]+.user-menu-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.user-menu-header{padding:var(--space-3);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-2)}.user-menu-email{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-tier{font-size:var(--text-xs);color:var(--color-text-muted)}.user-menu-nav{display:flex;flex-direction:column}.user-menu-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2-5)var(--space-3);font-size:var(--text-sm);color:var(--color-text);text-decoration:none;border-radius:var(--radius-md);transition:background var(--duration-fast);border:none;background:0 0;cursor:pointer;width:100%;text-align:left}.user-menu-link:hover{background:var(--color-bg-muted)}.user-menu-link svg{color:var(--color-text-muted);flex-shrink:0}.user-menu-count{margin-left:auto;font-size:var(--text-xs);background:var(--color-bg-muted);padding:var(--space-0-5)var(--space-1-5);border-radius:var(--radius-full);color:var(--color-text-secondary)}.user-menu-link--pro .pro-label{margin-left:auto;font-size:10px;font-weight:600;text-transform:uppercase;color:var(--color-primary)}.user-menu-link--upgrade{color:var(--color-primary)}.user-menu-link--upgrade svg{color:var(--color-primary)}.user-menu-link--logout{color:var(--color-text-muted)}.user-menu-link--logout:hover{color:var(--color-error)}.user-menu-link--logout:hover svg{color:var(--color-error)}.user-menu-divider{height:1px;background:var(--color-border);margin:var(--space-2)0}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toastSlideIn var(--duration-normal)var(--ease-out)}.toast--fade-out{animation:toastFadeOut var(--duration-fast)var(--ease-in)forwards}.toast--success{border-left:3px solid var(--color-success)}.toast--error{border-left:3px solid var(--color-error)}.toast--info{border-left:3px solid var(--color-info)}.toast--warning{border-left:3px solid var(--color-warning)}.toast-message{font-size:var(--text-sm);color:var(--color-text)}.toast-close{background:0 0;border:none;color:var(--color-text-muted);cursor:pointer;padding:0;font-size:var(--text-lg);line-height:1;transition:color var(--duration-fast)}.toast-close:hover{color:var(--color-text)}@keyframes toastSlideIn{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toastFadeOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media(max-width:640px){.auth-modal-content{padding:var(--space-6);margin:var(--space-4)}.toast-container{bottom:var(--space-4);right:var(--space-4);left:var(--space-4)}.toast{width:100%}.user-menu-dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;min-width:100%;border-radius:var(--radius-xl)var(--radius-xl)0 0;max-height:70vh;overflow-y:auto}}[data-theme=dark] .auth-modal-content{background:var(--color-bg-subtle)}[data-theme=dark] .user-menu-dropdown{background:var(--color-bg-subtle)}[data-theme=dark] .toast{background:var(--color-bg-subtle)}.account-page{max-width:var(--container-xl);margin:0 auto;padding:var(--space-6)var(--space-4)}.account-guest{display:flex;align-items:center;justify-content:center;min-height:400px}.account-hero{text-align:center}.account-hero h1{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-2)}.account-hero p{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.account-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.account-user-info{display:flex;align-items:center;gap:var(--space-2)}.account-email{color:var(--color-text);font-size:var(--text-sm);font-weight:500}.account-tier-badge{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg-muted);padding:var(--space-0-5)var(--space-2);border-radius:var(--radius-sm)}.account-tier-badge--pro{background:var(--color-primary);color:#fff}.account-tabs{display:flex;gap:var(--space-6);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.account-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3)0;font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);background:0 0;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:color var(--duration-fast),border-color var(--duration-fast);margin-bottom:-1px}.account-tab:hover{color:var(--color-text)}.account-tab.active{color:var(--color-text);border-bottom-color:var(--color-primary)}.tab-count{color:var(--color-text-muted);font-size:var(--text-xs)}.account-tab.active .tab-count{color:var(--color-text-secondary)}.account-tab-content{display:none}.account-tab-content.active{display:block}.saved-skills-list{display:flex;flex-direction:column}.skill-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-2)var(--space-3);margin:0 calc(var(--space-3) * -1);border-bottom:1px solid var(--color-border-light);transition:background-color var(--duration-fast)}.skill-row:first-child{border-top:1px solid var(--color-border-light)}.skill-row:hover{background-color:var(--color-bg-muted)}.skill-row-info{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-2)}.skill-row-title{font-weight:500;color:var(--color-text);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-row-title:hover{color:var(--color-primary)}.skill-row-sep{color:var(--color-text-muted);font-size:var(--text-sm)}.skill-row-tag{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap}.skill-row-actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.skill-action-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:0 0;cursor:pointer;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:color var(--duration-fast),background-color var(--duration-fast)}.skill-action-icon svg{width:16px;height:16px}.skill-action-copy:hover{color:var(--color-primary);background:var(--color-primary-bg)}.skill-action-delete:hover{color:var(--color-error);background:rgba(239,68,68,.1)}.saved-skills-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-3);margin-top:var(--space-2)}.save-limit{font-size:var(--text-sm);color:var(--color-text-muted)}.collections-list{display:grid;gap:var(--space-3)}.empty-state,.pro-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12)var(--space-6);background:var(--color-bg-subtle);border:1px dashed var(--color-border);border-radius:var(--radius-xl)}.empty-state svg,.pro-gate svg{color:var(--color-text-muted);margin-bottom:var(--space-4)}.empty-state h3,.pro-gate h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.empty-state p,.pro-gate p{color:var(--color-text-secondary);margin-bottom:var(--space-6);max-width:300px}.loading-state,.error-state{text-align:center;padding:var(--space-8);color:var(--color-text-muted)}.settings-section{margin-bottom:var(--space-6)}.settings-section-title{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-2)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3)0;border-bottom:1px solid var(--color-border-light)}.settings-row:last-child{border-bottom:none}.settings-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text);display:block}.settings-value{font-size:var(--text-sm);color:var(--color-text-muted)}.settings-row p{font-size:var(--text-sm);color:var(--color-text-secondary)}.btn-group{display:flex;gap:var(--space-2)}@media(max-width:640px){.account-header{flex-direction:row;align-items:center}.account-tabs{gap:var(--space-4)}.skill-row{padding:var(--space-3)var(--space-2);margin:0 calc(var(--space-2) * -1)}.skill-row-info{flex-wrap:wrap}.skill-row-title{max-width:200px}.settings-row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.btn-group{width:100%;flex-wrap:wrap}}.pricing-page{max-width:960px;margin:0 auto;padding:var(--space-12)var(--space-4)}.free-mode-banner{display:flex;justify-content:center;padding:var(--space-12)var(--space-6)}.free-mode-content{text-align:center;max-width:500px}.free-mode-icon{display:flex;justify-content:center;margin-bottom:var(--space-6)}.free-mode-icon svg{color:var(--orange-500)}.free-mode-content h2{font-family:var(--font-heading);font-size:2rem;font-weight:700;margin-bottom:var(--space-4);color:#fff}.free-mode-content p{color:#aaa;font-size:1.0625rem;line-height:1.6;margin-bottom:var(--space-8)}.pricing-header{text-align:center;margin-bottom:var(--space-12)}.pricing-eyebrow{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--orange-500);margin-bottom:var(--space-3)}.pricing-header h1{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:var(--space-3);color:#fff;letter-spacing:-.02em}.pricing-subtitle{font-size:1.125rem;color:#aaa}.pricing-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-bottom:var(--space-16);max-width:800px;margin-left:auto;margin-right:auto}.pricing-card{position:relative;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:var(--space-8);display:flex;flex-direction:column}.pricing-card--featured{border-color:var(--orange-500);box-shadow:0 0 0 1px var(--orange-500)}.pricing-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);padding:6px 16px;background:var(--orange-500);color:#fff;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:20px;white-space:nowrap}.pricing-card-header{text-align:center;margin-bottom:var(--space-6)}.plan-label{display:block;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#aaa;margin-bottom:var(--space-4)}.plan-description{font-size:.875rem;color:#6b7280;margin-top:var(--space-3)}.pricing-toggle{display:flex;justify-content:center;gap:4px;margin-bottom:var(--space-4);padding:4px;background:#222;border-radius:24px}.pricing-toggle-btn{padding:8px 16px;font-size:.875rem;font-weight:500;font-family:var(--font-body);background:0 0;border:none;border-radius:20px;cursor:pointer;color:#6b7280;transition:background var(--duration-fast),color var(--duration-fast)}.pricing-toggle-btn:hover{color:#fff}.pricing-toggle-btn.active{background:#333;color:#fff}.save-badge{display:inline-block;padding:2px 8px;margin-left:6px;font-size:.625rem;font-weight:700;background:rgba(74,222,128,.2);color:#4ade80;border-radius:4px;text-transform:uppercase;letter-spacing:.02em}.pricing-amount{display:flex;align-items:baseline;justify-content:center;gap:4px}.pricing-amount .price{font-family:var(--font-heading);font-size:3rem;font-weight:800;color:#fff;letter-spacing:-.02em}.pricing-amount .period{font-size:1rem;color:#6b7280}.pricing-amount .price-note{font-size:.875rem;color:#6b7280;margin-left:var(--space-2)}.pricing-features{list-style:none;padding:0;margin:0 0 var(--space-8);flex:1}.pricing-features li{display:flex;align-items:center;gap:var(--space-3);padding:12px 0;font-size:.9375rem;color:#fff;border-bottom:1px solid rgba(255,255,255,6%)}.pricing-features li:last-child{border-bottom:none}.feature-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;flex-shrink:0}.feature-icon--check{background:rgba(74,222,128,.15)}.feature-icon--check svg{color:#4ade80}.feature-icon--x{background:rgba(107,114,128,.15)}.feature-icon--x svg{color:#6b7280}.pricing-features .feature-disabled{color:#6b7280}.pricing-features strong{font-weight:600;color:#fff}.pricing-card-footer{text-align:center}.btn-pricing{display:block;width:100%;padding:14px 24px;font-size:1rem;font-weight:600;font-family:var(--font-body);border-radius:8px;cursor:pointer;transition:all var(--duration-fast)}.btn-pricing--primary{background:var(--orange-500);color:#fff;border:none}.btn-pricing--primary:hover{background:var(--orange-600);box-shadow:0 4px 20px rgba(247,147,26,.4)}.btn-pricing--primary:active{transform:scale(.98)}.btn-pricing--secondary{background:#1a1a1a;color:rgba(255,255,255,.8);border:1px solid var(--orange-500)}.btn-pricing--secondary:hover:not(:disabled){background:#222;color:#fff}.btn-pricing--secondary:disabled{opacity:.5;cursor:not-allowed}.pricing-guarantee{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:var(--space-4);font-size:.8125rem;color:#6b7280}.pricing-guarantee svg{color:#4ade80}.pricing-faq{max-width:700px;margin:0 auto}.pricing-faq h2{text-align:center;font-family:var(--font-heading);font-size:1.75rem;font-weight:700;margin-bottom:var(--space-8);color:#fff}.faq-grid{display:flex;flex-direction:column;gap:var(--space-3)}.faq-item{background:#1a1a1a;border:1px solid rgba(255,255,255,8%);border-radius:8px;overflow:hidden}.faq-item summary{padding:18px 20px;font-size:.9375rem;font-weight:600;color:#fff;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.faq-item summary::-webkit-details-marker{display:none}.faq-icon{width:20px;height:20px;position:relative;flex-shrink:0}.faq-icon::before,.faq-icon::after{content:'';position:absolute;background:#6b7280;transition:transform var(--duration-fast)}.faq-icon::before{width:12px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)}.faq-icon::after{width:2px;height:12px;top:50%;left:50%;transform:translate(-50%,-50%)}.faq-item[open] .faq-icon::after{transform:translate(-50%,-50%)rotate(90deg)}.faq-item[open] .faq-icon::before,.faq-item[open] .faq-icon::after{background:var(--orange-500)}.faq-answer{padding:0 20px 18px}.faq-answer p{margin:0;color:#aaa;font-size:.9375rem;line-height:1.6}:root:not([data-theme=dark]) .pricing-header h1{color:#111}:root:not([data-theme=dark]) .pricing-subtitle{color:#555}:root:not([data-theme=dark]) .free-mode-content h2{color:#111}:root:not([data-theme=dark]) .free-mode-content p{color:#555}:root:not([data-theme=dark]) .pricing-card{background:#fff;border-color:#e5e7eb;box-shadow:0 4px 12px rgba(0,0,0,5%)}:root:not([data-theme=dark]) .pricing-card--featured{border-color:var(--orange-500);box-shadow:0 4px 12px rgba(0,0,0,5%),0 0 0 1px var(--orange-500)}:root:not([data-theme=dark]) .plan-label{color:#555}:root:not([data-theme=dark]) .plan-description{color:#666}:root:not([data-theme=dark]) .pricing-toggle{background:#eee}:root:not([data-theme=dark]) .pricing-toggle-btn{color:#666}:root:not([data-theme=dark]) .pricing-toggle-btn:hover{color:#111}:root:not([data-theme=dark]) .pricing-toggle-btn.active{background:#fff;color:#111;box-shadow:0 1px 3px rgba(0,0,0,.1)}:root:not([data-theme=dark]) .pricing-amount .price{color:#111}:root:not([data-theme=dark]) .pricing-features li{color:#111;border-bottom-color:#e5e7eb}:root:not([data-theme=dark]) .pricing-features strong{color:#111}:root:not([data-theme=dark]) .btn-pricing--secondary{background:#fff;color:#111}:root:not([data-theme=dark]) .btn-pricing--secondary:hover:not(:disabled){background:#f5f5f5}:root:not([data-theme=dark]) .pricing-faq h2{color:#111}:root:not([data-theme=dark]) .faq-item{background:#fff;border-color:#e5e7eb}:root:not([data-theme=dark]) .faq-item summary{color:#111}:root:not([data-theme=dark]) .faq-answer p{color:#555}@media(max-width:768px){.pricing-page{padding:var(--space-8)var(--space-4)}.pricing-cards{grid-template-columns:1fr;gap:var(--space-8)}.pricing-card--featured{order:-1}.pricing-card{padding:var(--space-6)}}@media(max-width:480px){.pricing-toggle{flex-direction:column;gap:2px}.pricing-toggle-btn{width:100%}}.btn-save{transition:color var(--duration-fast),transform var(--duration-fast)}.btn-save .icon-bookmark-outline,.btn-save .icon-bookmark-filled{transition:transform var(--duration-fast)}.btn-save.saved{color:var(--color-primary)}.btn-save.saved .icon-bookmark-outline{display:none !important}.btn-save.saved .icon-bookmark-filled{display:block !important;color:var(--color-primary)}.btn-save:not(.saved) .icon-bookmark-filled{display:none !important}.btn-save:not(.saved) .icon-bookmark-outline{display:block !important}.btn-save:hover:not(.saved){color:var(--color-primary)}.btn-save.animate-bounce{animation:saveBounce var(--duration-normal)var(--ease-out)}@keyframes saveBounce{0%,100%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.95)}75%{transform:scale(1.05)}}.saved-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-1);font-size:var(--text-xs);font-weight:600;background:var(--color-bg-muted);color:var(--color-text-secondary);border-radius:var(--radius-full)}.saved-count-badge.at-limit{background:rgba(239,68,68,.1);color:var(--color-error)}body.is-pro-user [data-ad-container],body.is-pro-user .ad-container,body.is-pro-user .ad-wrapper,body.is-pro-user .ad-mobile-anchor{display:none !important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.account-loading{display:flex;align-items:center;justify-content:center;min-height:300px}.account-loading .account-hero{text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto var(--space-4)}@keyframes spin{to{transform:rotate(360deg)}}[data-auth-loading]{opacity:0;transition:opacity var(--duration-fast)var(--ease-out)}[data-auth-loading].auth-ready{opacity:1}@import '_tokens.css';@import '_reset.css';@import '_typography.css';@import '_dark-mode.css';@import '_layout.css';@import '_components.css';@import '_animations.css';@import 'ad-containers.css';@import '_membership.css';@import '_static-pages.css';:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background:var(--color-primary-light);color:var(--color-text)}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.skip-link{position:absolute;top:-100%;left:var(--space-4);z-index:var(--z-toast);padding:var(--space-2)var(--space-4);background:var(--color-primary);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:var(--font-medium);transition:top var(--duration-fast)var(--ease-out)}.skip-link:focus{top:var(--space-4)}@media print{.site-header,.site-footer,.ad-container,.search-trigger,.btn-copy,.btn-download{display:none !important}body{background:#fff;color:#000}a{color:#000;text-decoration:underline}}