:root{--brand-primary: #A35BFF;--brand-secondary: #FD9173;--bg-primary: #070707;--bg-secondary: #0c0c0c;--bg-tertiary: #1a1a1a;--bg-hover: #2a2a2a;--text-primary: #FAFAFA;--text-secondary: #999999;--text-muted: #666666;--border-color: #404040;--border-subtle: #1a1a1a;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--accent-color: var(--brand-primary)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}html{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}html::-webkit-scrollbar{width:8px;height:8px}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}html::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary)}.interactive-nav{transition:color .15s ease,background-color .15s ease!important}.interactive-nav:hover{color:var(--text-primary)!important;background-color:var(--bg-tertiary)!important}body,html{overflow-x:clip}@media(max-width:768px){.home-hero-section{justify-content:flex-start!important;padding-top:88px!important}.hero-grid{grid-template-columns:1fr!important;gap:1.5rem!important;align-items:stretch!important}.hero-visual{min-height:220px!important;max-height:32vh;margin-bottom:-8vh;transform:scale(.7);transform-origin:top left;opacity:.6;pointer-events:none;overflow:hidden}.hero-grid>*:first-child{order:0}.hero-grid>*:nth-child(2){order:1}.home-install-command{max-width:100%!important}.home-install-command code{font-size:.85rem!important}.home-install-command [data-install-row]{padding:14px 16px!important;gap:8px!important}.home-install-command [data-install-row] button,.home-install-command [data-install-row] [role=button]{flex-shrink:0}.home-mobile-clip{overflow:hidden}.home-mobile-scale{transform:scale(.45);transform-origin:top center;width:222%;margin-left:-61%}}@media(max-width:480px){.hero-visual{transform:scale(.55)!important;max-height:24vh!important;margin-bottom:-10vh!important}}@media(max-width:768px){.theme-preview-wrapper,.theme-preview-wrapper *{min-width:0;max-width:100%}.theme-preview-wrapper [style*="display: flex"],.theme-preview-wrapper [style*="display:flex"]{flex-wrap:wrap!important}.theme-preview-wrapper [style*=grid-template-columns],.theme-preview-wrapper [style*=gridTemplateColumns]{grid-template-columns:1fr!important}}.tdp-grid{display:grid;gap:var(--spacing-xl);grid-template-columns:1fr}.tdp-grid>*{min-width:0}.tdp-grid>.tdp-hero{order:1}.tdp-grid>.tdp-sidebar{order:2}.tdp-grid>.tdp-content{order:3}@media(min-width:1024px){.tdp-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.tdp-grid>.tdp-hero{grid-column:1;grid-row:1}.tdp-grid>.tdp-content{grid-column:1;grid-row:2}.tdp-grid>.tdp-sidebar{grid-column:2;grid-row:1 / span 2;position:sticky;top:96px;align-self:start}}.forge-smooth-scroll{scroll-behavior:smooth}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}hr{border:none;border-color:var(--border-color);background-color:var(--border-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes gradientBorderRotate{0%{--angle: 0deg}to{--angle: 360deg}}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.gradient-btn-halo{animation:gradientBorderRotate 2s linear infinite;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 100%) padding-box,conic-gradient(from var(--angle),var(--brand-primary),var(--brand-secondary),#10b981,#06b6d4,var(--brand-primary)) border-box!important;border:2px solid transparent!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseScale{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.05);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #a35bff4d}50%{box-shadow:0 0 30px #a35bff80}}@keyframes borderSweepIn{0%{clip-path:polygon(50% 50%,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}14%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 0%,100% 0%,100% 0%,100% 0%)}28%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 50%,100% 50%,100% 50%,100% 50%)}42%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 50%,100% 100%,100% 100%,100% 100%)}57%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 50%,100% 100%,50% 100%,50% 100%)}71%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%)}85%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 50%,100% 100%,50% 100%,0% 100%,0% 50%)}to{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 100%,0% 100%,0% 0%,50% 0%)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes checkmarkBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes thumbSpring{0%{transform:translateY(-50%) scale(1)}30%{transform:translateY(-50%) scale(1.1,.9)}50%{transform:translateY(-50%) scale(.95,1.05)}70%{transform:translateY(-50%) scale(1.02)}to{transform:translateY(-50%) scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes skeletonWave{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slideInTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes progressBarFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.animate-fadeIn{animation:fadeIn .15s ease-out}.animate-fadeOut{animation:fadeOut .15s ease-out}.animate-scaleIn{animation:scaleIn .2s ease-out}.animate-scaleOut{animation:scaleOut .2s ease-out}.animate-slideInUp{animation:slideInUp .2s ease-out}.animate-slideInDown{animation:slideInDown .2s ease-out}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-pulseScale{animation:pulseScale 2s ease-in-out infinite}.animate-glowPulse{animation:glowPulse 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-wiggle{animation:wiggle .5s ease-in-out}.animate-bounce{animation:bounce .5s ease-in-out}.animate-shake{animation:shake .3s ease-in-out}.border-sweep-active{animation:borderSweepIn .2s ease-out forwards}.border-sweep-inactive{opacity:0}.skeleton{position:relative;overflow:hidden;background:var(--bg-tertiary)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);animation:shimmer 1.5s infinite}.skeleton-pulse{animation:skeletonPulse 1.5s ease-in-out infinite}.skeleton-wave{background:linear-gradient(90deg,var(--bg-tertiary) 0%,rgba(255,255,255,.1) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:skeletonWave 1.5s ease-in-out infinite}.progress-bar-animated{transform-origin:left center;animation:progressBarFill .7s cubic-bezier(.4,0,.2,1) forwards}.interactive-icon:hover{background-color:var(--bg-tertiary)}.interactive-danger:hover{background-color:#ef44441a}.interactive-nav{transition:color .15s ease,background-color .15s ease}.interactive-nav:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.interactive-card-subtle:hover{background-color:var(--bg-tertiary)}.interactive-row{transition:all .15s ease}.interactive-row:hover{background-color:var(--bg-tertiary)}.interactive-subtle{transition:all .15s ease}.interactive-subtle:hover{background-color:var(--bg-tertiary)}.interactive-card{transition:all .15s ease}.interactive-card:hover{background-color:var(--bg-tertiary);border-color:var(--border-color)}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary:hover{background-color:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.btn-ghost:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-danger:hover{background-color:#ef4444;color:#fff;border-color:#ef4444}.transition-fast{transition:all .15s ease}.transition-normal{transition:all .2s ease}.transition-slow{transition:all .3s ease}.hover-lift:hover{transform:translateY(-2px)}.hover-scale:hover{transform:scale(1.02)}.hover-glow:hover{box-shadow:0 0 20px #a35bff4d}.image-tile{transform:scale(1);box-shadow:none}.image-tile:hover{transform:scale(1.02);box-shadow:0 8px 24px #0000004d}.image-tile-img{transition:transform .2s ease}.image-tile:hover .image-tile-img{transform:scale(1.05)}.image-tile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0006;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s ease}.image-tile:hover .image-tile-overlay{opacity:1}.lightbox-thumbnail{transform:none}.lightbox-thumbnail:hover{transform:none;box-shadow:none;opacity:1!important}.lightbox-thumbnail .image-tile-img{transition:none}.lightbox-thumbnail:hover .image-tile-img{transform:none}.lightbox-thumbnail .image-tile-overlay{display:none}.forge-scrollbar::-webkit-scrollbar,.forge-scrollbar-thin::-webkit-scrollbar{width:8px;height:8px}.forge-scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.forge-scrollbar::-webkit-scrollbar-track,.forge-scrollbar-thin::-webkit-scrollbar-track{background:transparent}.forge-scrollbar::-webkit-scrollbar-thumb,.forge-scrollbar-thin::-webkit-scrollbar-thumb{background:var(--border-color, #404040);border-radius:4px}.forge-scrollbar::-webkit-scrollbar-thumb:hover,.forge-scrollbar-thin::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #737373)}.forge-scrollbar-gutter{scrollbar-gutter:stable}.forge-scrollbar-auto::-webkit-scrollbar-thumb{background:transparent}.forge-scrollbar-auto:hover::-webkit-scrollbar-thumb{background:var(--border-color, #404040)}.forge-scrollbar-auto:hover::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #737373)}.forge-scrollbar-minimal::-webkit-scrollbar{width:4px;height:4px}.forge-scrollbar-minimal::-webkit-scrollbar-track{background:transparent}.forge-scrollbar-minimal::-webkit-scrollbar-thumb{background:var(--border-subtle, #2a2a2a);border-radius:2px}.forge-scrollbar-minimal::-webkit-scrollbar-thumb:hover{background:var(--border-color, #404040)}.forge-scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.forge-scrollbar-hidden::-webkit-scrollbar{display:none}.forge-scrollbar,.forge-scrollbar-thin{scrollbar-width:thin;scrollbar-color:var(--border-color, #404040) transparent}.forge-scrollbar-minimal{scrollbar-width:thin;scrollbar-color:var(--border-subtle, #2a2a2a) transparent}.forge-scrollbar-global,.forge-scrollbar-global *{scrollbar-width:thin;scrollbar-color:var(--border-color, #404040) transparent}.forge-scrollbar-global::-webkit-scrollbar,.forge-scrollbar-global *::-webkit-scrollbar{width:8px;height:8px}.forge-scrollbar-global::-webkit-scrollbar-track,.forge-scrollbar-global *::-webkit-scrollbar-track{background:transparent}.forge-scrollbar-global::-webkit-scrollbar-thumb,.forge-scrollbar-global *::-webkit-scrollbar-thumb{background:var(--border-color, #404040);border-radius:4px}.forge-scrollbar-global::-webkit-scrollbar-thumb:hover,.forge-scrollbar-global *::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #737373)}*,*:before,*:after{scrollbar-width:thin;scrollbar-color:var(--border-color, #404040) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color, #404040);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #737373)}::-webkit-scrollbar-corner{background:transparent}@keyframes forge-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.forge-motion-gradient-text{background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;background-size:200% 200%}.forge-motion-gradient-text--animated{animation:forge-gradient-shift 6s ease-in-out infinite}@keyframes forge-text-shimmer{0%{background-position:-200% center}to{background-position:200% center}}.forge-motion-text-shimmer{background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;background-size:200% 100%;animation:forge-text-shimmer 3s linear infinite}@keyframes forge-kinetic-wave{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes forge-kinetic-rubber{0%,to{transform:scaleX(1) scaleY(1)}50%{transform:scaleX(1.15) scaleY(.85)}}@keyframes forge-kinetic-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(-2deg)}75%{transform:translateY(3px) rotate(2deg)}}.forge-motion-kinetic-char{display:inline-block;animation-duration:1.6s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.4,0,.2,1);will-change:transform}.forge-motion-kinetic-char--wave{animation-name:forge-kinetic-wave}.forge-motion-kinetic-char--rubber{animation-name:forge-kinetic-rubber}.forge-motion-kinetic-char--float{animation-name:forge-kinetic-float}@keyframes forge-marquee-ltr{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes forge-marquee-rtl{0%{transform:translate(-50%)}to{transform:translate(0)}}.forge-motion-marquee{display:flex;overflow:hidden;mask-image:linear-gradient(to right,transparent 0,black 48px,black calc(100% - 48px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,black 48px,black calc(100% - 48px),transparent 100%)}.forge-motion-marquee-track{display:flex;flex-shrink:0;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform}.forge-motion-marquee-track--ltr{animation-name:forge-marquee-ltr}.forge-motion-marquee-track--rtl{animation-name:forge-marquee-rtl}.forge-motion-marquee:hover .forge-motion-marquee-track--pause{animation-play-state:paused}@keyframes forge-breathe{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.12);opacity:1}}.forge-motion-breathe{animation:forge-breathe 4s cubic-bezier(.4,0,.2,1) infinite}@keyframes forge-aura-pulse{0%,to{box-shadow:0 0 0 0 var(--forge-aura-color, rgba(163, 91, 255, .5))}50%{box-shadow:0 0 0 16px transparent}}.forge-motion-aura{animation:forge-aura-pulse 2.4s cubic-bezier(.4,0,.2,1) infinite;border-radius:inherit}@keyframes forge-ripple-wave{0%{transform:translate(-50%,-50%) scale(0);opacity:.55}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.forge-motion-ripple-wave{position:absolute;border-radius:9999px;pointer-events:none;animation:forge-ripple-wave .8s cubic-bezier(0,0,.2,1) forwards}@keyframes forge-orbital-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.forge-motion-orbital{position:relative;display:inline-block}.forge-motion-orbital-ring{position:absolute;top:50%;left:50%;transform-origin:center;animation:forge-orbital-spin linear infinite;will-change:transform}@keyframes forge-holo-shift{0%{background-position:0% 0%,0 0}50%{background-position:100% 100%,0 0}to{background-position:0% 0%,0 0}}.forge-motion-cipher{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,Fira Code,Menlo,monospace}@keyframes forge-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.forge-motion-shimmer{background-size:200% 100%;animation:forge-shimmer 2s linear infinite}[data-forge-reduce-motion=true] .forge-motion-gradient-text--animated,[data-forge-reduce-motion=true] .forge-motion-text-shimmer,[data-forge-reduce-motion=true] .forge-motion-kinetic-char,[data-forge-reduce-motion=true] .forge-motion-marquee-track,[data-forge-reduce-motion=true] .forge-motion-breathe,[data-forge-reduce-motion=true] .forge-motion-aura,[data-forge-reduce-motion=true] .forge-motion-ripple-wave,[data-forge-reduce-motion=true] .forge-motion-orbital-ring,[data-forge-reduce-motion=true] .forge-motion-shimmer{animation:none!important}
