.page-module__KxyzVa__propertyList{background:oklch(from var(--muted)l c h/.5);border-radius:var(--radius);color:var(--foreground);margin-top:1rem;padding:1.25rem;font-size:.9375rem;line-height:1.7}.page-module__KxyzVa__propertyList p{margin:0 0 .75rem}.page-module__KxyzVa__propertyList h4{margin:0 0 .5rem;font-size:1rem;font-weight:700}.page-module__KxyzVa__propertyList ul{margin:0;padding-left:1.25rem;list-style:outside}.page-module__KxyzVa__propertyList li{margin-bottom:.25rem}.page-module__KxyzVa__propertyList code{font-family:var(--font-jetbrains-mono),monospace;background:var(--muted);border-radius:4px;padding:.125rem .375rem;font-size:.8125rem}.page-module__KxyzVa__basicDemo{justify-content:center;padding:2rem 1rem;display:flex}.page-module__KxyzVa__basicBox{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);border-radius:1rem;justify-content:center;align-items:center;width:200px;height:200px;font-size:1.25rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #357a3a33;box-shadow:0 4px 12px lab(45.7706% -33.6758 28.0119/.2)}.page-module__KxyzVa__basicBox:hover{background:linear-gradient(135deg,#7c3aed 0%,#8b5cf6 100%);transform:scale(1.1);box-shadow:0 8px 24px #7c3aed4d}.page-module__KxyzVa__timingDemo{padding:1rem 0}.page-module__KxyzVa__timingComparison{flex-direction:column;gap:.75rem;margin-bottom:1.25rem;display:flex}.page-module__KxyzVa__timingBox{background:var(--muted);border:1px solid var(--border);border-radius:.75rem;height:3.5rem;position:relative;overflow:hidden}.page-module__KxyzVa__timingLabel{color:var(--muted-foreground);z-index:1;font-size:.8125rem;font-weight:600;font-family:var(--font-jetbrains-mono),monospace;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.page-module__KxyzVa__timingRunner{background:linear-gradient(135deg,var(--primary),var(--secondary));opacity:.2;border-radius:.75rem;width:0;position:absolute;top:0;bottom:0;left:0}.page-module__KxyzVa__timingRunnerActive{width:100%;transition:width 2s}.page-module__KxyzVa__runButton{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:var(--radius);cursor:pointer;box-shadow:0 2px 8px oklch(from var(--primary)l c h/.25);border:none;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s}.page-module__KxyzVa__runButton:hover:not(:disabled){box-shadow:0 4px 16px oklch(from var(--primary)l c h/.35);transform:translateY(-2px)}.page-module__KxyzVa__runButton:active:not(:disabled){transform:translateY(0)}.page-module__KxyzVa__runButton:disabled{opacity:.6;cursor:not-allowed}.page-module__KxyzVa__multiDemo{justify-content:center;padding:2rem 1rem;display:flex}.page-module__KxyzVa__multiCard{background:var(--card);border:1px solid var(--border);text-align:center;cursor:pointer;opacity:.95;border-radius:1rem;width:100%;max-width:300px;padding:2.5rem 2rem;transition:transform .3s ease-out,box-shadow .3s ease-out,background .5s,opacity .2s,border-color .3s;transform:translateY(0)scale(1);box-shadow:0 4px 12px #0000000f;box-shadow:0 4px 12px lab(0% 0 0/.06)}.page-module__KxyzVa__multiCard:hover{opacity:1;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000;transform:translateY(-8px)scale(1.02);box-shadow:0 16px 32px #667eea4d}.page-module__KxyzVa__multiCard:hover *{color:#fff!important}.page-module__KxyzVa__multiCardIcon{font-size:3rem;font-family:var(--font-jetbrains-mono),monospace;color:var(--primary);margin-bottom:1rem}.page-module__KxyzVa__multiCard h3{color:var(--foreground);margin:0 0 .75rem;font-size:1.5rem;font-weight:700}.page-module__KxyzVa__multiCard p{color:var(--muted-foreground);margin:0;font-size:.9375rem}.page-module__KxyzVa__proTip{background:oklch(from var(--primary)l c h/.06);border-left:3px solid var(--primary);border-radius:0 var(--radius)var(--radius)0;color:var(--foreground);margin-top:1rem;padding:1rem 1.25rem;font-size:.9375rem;line-height:1.6}.page-module__KxyzVa__proTip code{font-family:var(--font-jetbrains-mono),monospace;background:var(--muted);border-radius:4px;padding:.125rem .375rem;font-size:.8125rem}.page-module__KxyzVa__buttonExamples{flex-wrap:wrap;justify-content:center;gap:1rem;padding:2rem 1rem;display:flex}.page-module__KxyzVa__btnTransition{cursor:pointer;border-radius:.5rem;padding:.875rem 1.75rem;font-family:inherit;font-size:.9375rem;font-weight:600;transition:all .2s}.page-module__KxyzVa__btnPrimary{color:#fff;background:#2563eb;border:2px solid #2563eb}.page-module__KxyzVa__btnPrimary:hover{background:#1d4ed8;border-color:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 16px #357a3a4d;box-shadow:0 6px 16px lab(45.7706% -33.6758 28.0119/.3)}.page-module__KxyzVa__btnPrimary:active{transform:translateY(0);box-shadow:0 2px 8px #357a3a33;box-shadow:0 2px 8px lab(45.7706% -33.6758 28.0119/.2)}.page-module__KxyzVa__btnGhost{color:var(--primary);border:2px solid var(--primary);background:0 0}.page-module__KxyzVa__btnGhost:hover{background:var(--primary);color:#fff;box-shadow:0 6px 16px oklch(from var(--primary)l c h/.25);transform:translateY(-2px)}.page-module__KxyzVa__btnGhost:active{box-shadow:0 2px 8px oklch(from var(--primary)l c h/.15);transform:translateY(0)}.page-module__KxyzVa__btnGradient{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:2px solid #0000;position:relative;overflow:hidden}.page-module__KxyzVa__btnGradient:before{content:"";opacity:0;background:linear-gradient(135deg,#764ba2 0%,#667eea 100%);transition:opacity .3s;position:absolute;inset:0}.page-module__KxyzVa__btnGradient:hover:before{opacity:1}.page-module__KxyzVa__btnGradient:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.page-module__KxyzVa__btnGradient span{z-index:1;position:relative}.page-module__KxyzVa__demoNav{background:var(--muted);border-radius:.75rem;justify-content:center;gap:2rem;padding:1.5rem;display:flex}.page-module__KxyzVa__navLinkDemo{color:var(--muted-foreground);cursor:pointer;padding:.5rem 0;font-weight:500;transition:color .2s;position:relative}.page-module__KxyzVa__navLinkDemo:after{content:"";background:var(--primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.page-module__KxyzVa__navLinkDemo:hover{color:var(--primary)}.page-module__KxyzVa__navLinkDemo:hover:after{width:100%}.page-module__KxyzVa__imageHoverDemo{max-width:400px;margin:1.5rem auto}.page-module__KxyzVa__imageCard{aspect-ratio:16/9;cursor:pointer;border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px lab(0% 0 0/.1)}.page-module__KxyzVa__imagePlaceholder{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:4rem;transition:transform .4s;display:flex}.page-module__KxyzVa__imageOverlay{opacity:0;background:#000000b3;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.page-module__KxyzVa__imageOverlay p{color:#fff;margin:0;font-size:1.25rem;font-weight:600}.page-module__KxyzVa__imageCard:hover .page-module__KxyzVa__imagePlaceholder{transform:scale(1.1)}.page-module__KxyzVa__imageCard:hover .page-module__KxyzVa__imageOverlay{opacity:1}.page-module__KxyzVa__staggerContainer{background:var(--muted);border-radius:.75rem;justify-content:center;gap:1rem;padding:2.5rem 1.5rem;display:flex}.page-module__KxyzVa__staggerBox{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;opacity:.3;border-radius:.75rem;justify-content:center;align-items:center;width:3.75rem;height:3.75rem;font-size:1.5rem;font-weight:700;transition:all .4s;display:flex;transform:translateY(20px)}.page-module__KxyzVa__staggerContainer:hover .page-module__KxyzVa__staggerBox{opacity:1;transform:translateY(0)}.page-module__KxyzVa__demoHint{text-align:center;color:var(--muted-foreground);margin:.75rem 0 0;font-size:.8125rem;font-style:italic}.page-module__KxyzVa__perfGrid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.page-module__KxyzVa__perfCard{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);padding:1.25rem}.page-module__KxyzVa__perfCardTitle{color:var(--foreground);align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.9375rem;font-weight:700;display:flex}.page-module__KxyzVa__perfIconGood{color:#10b981;font-size:1rem;font-weight:700}.page-module__KxyzVa__perfIconBad{color:#ef4444;font-size:1rem;font-weight:700}.page-module__KxyzVa__perfList{color:var(--muted-foreground);margin:0;padding-left:1.25rem;font-size:.875rem;line-height:1.8;list-style:outside}.page-module__KxyzVa__perfList code{font-family:var(--font-jetbrains-mono),monospace;background:var(--muted);border-radius:4px;padding:.125rem .375rem;font-size:.8125rem}.page-module__KxyzVa__tipBox{background:oklch(from var(--primary)l c h/.06);border-left:3px solid var(--primary);border-radius:0 var(--radius)var(--radius)0;padding:1.25rem 1.5rem}.page-module__KxyzVa__tipBox h4{color:var(--foreground);margin:0 0 .75rem;font-size:1rem;font-weight:700}.page-module__KxyzVa__tipBox p{color:var(--foreground);margin:.5rem 0 0;font-size:.9375rem;line-height:1.6}.page-module__KxyzVa__tipBox p:first-of-type{margin-top:0}.page-module__KxyzVa__inlineLink{color:var(--primary);text-underline-offset:3px;text-decoration:underline;transition:opacity .15s}.page-module__KxyzVa__inlineLink:hover{opacity:.8}.page-module__KxyzVa__nextGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:700px;display:grid}.page-module__KxyzVa__nextLink{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:inherit;align-items:center;gap:1rem;padding:1.5rem;text-decoration:none;transition:border-color .3s,transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex;position:relative;overflow:hidden}.page-module__KxyzVa__nextLink:before{content:"";background:linear-gradient(to bottom,var(--primary),#4ea4ca);opacity:0;width:3px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}@supports (color:lab(0% 0 0)){.page-module__KxyzVa__nextLink:before{background:linear-gradient(to bottom,var(--primary),lab(63.1292% -18.1274 -28.0657))}}.page-module__KxyzVa__nextLink:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 12px 28px #357a3a1f,0 4px 10px #0000000f;box-shadow:0 12px 28px lab(45.7706% -33.6758 28.0119/.12),0 4px 10px lab(0% 0 0/.06)}.page-module__KxyzVa__nextLink:hover:before{opacity:1}.page-module__KxyzVa__nextIcon{font-size:2rem;font-family:var(--font-jetbrains-mono),monospace;color:var(--primary);flex-shrink:0}.page-module__KxyzVa__nextLink h3{color:var(--foreground);margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.page-module__KxyzVa__nextLink p{color:var(--muted-foreground);margin:0;font-size:.8125rem}@media (max-width:768px){.page-module__KxyzVa__basicBox{width:160px;height:160px;font-size:1rem}.page-module__KxyzVa__buttonExamples{flex-direction:column;align-items:stretch}.page-module__KxyzVa__btnTransition{width:100%}.page-module__KxyzVa__demoNav{flex-wrap:wrap;gap:1.25rem}.page-module__KxyzVa__staggerContainer{gap:.75rem}.page-module__KxyzVa__staggerBox{width:3rem;height:3rem;font-size:1.25rem}.page-module__KxyzVa__perfGrid{grid-template-columns:1fr}.page-module__KxyzVa__compareTabs{gap:.375rem}.page-module__KxyzVa__compareTab{padding:.375rem .75rem;font-size:.75rem}.page-module__KxyzVa__nextGrid{grid-template-columns:1fr}}@media (max-width:480px){.page-module__KxyzVa__demoNav{gap:1rem;font-size:.875rem}.page-module__KxyzVa__staggerBox{width:2.75rem;height:2.75rem;font-size:1.125rem}}.page-module__KxyzVa__compareContainer{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.page-module__KxyzVa__compareTabs{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.page-module__KxyzVa__compareTab{border:1px solid var(--border);border-radius:var(--radius);background:var(--muted);color:var(--muted-foreground);cursor:pointer;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:background .2s,color .2s,border-color .2s}.page-module__KxyzVa__compareTab:hover{border-color:var(--primary);color:var(--foreground)}.page-module__KxyzVa__compareTabActive{background:var(--primary);color:#fff;border-color:var(--primary)}.page-module__KxyzVa__compareDescription{color:var(--muted-foreground);margin:0 0 1rem;font-size:.875rem;line-height:1.5}.page-module__KxyzVa__compareToggleRow{border-radius:var(--radius);border:1px solid var(--border);gap:0;width:fit-content;margin-bottom:1.25rem;display:flex;overflow:hidden}.page-module__KxyzVa__compareStateBtn{background:var(--muted);color:var(--muted-foreground);cursor:pointer;border:none;padding:.5rem 1.5rem;font-size:.8125rem;font-weight:600;transition:background .2s,color .2s}.page-module__KxyzVa__compareStateBtnActive{background:var(--primary);color:#fff}.page-module__KxyzVa__comparePreview{background:var(--muted);border-radius:.75rem;justify-content:center;align-items:center;min-height:200px;margin-bottom:1rem;padding:2rem;display:flex}.page-module__KxyzVa__compareCode{color:#cdd6f4;font-family:var(--font-jetbrains-mono),monospace;background:#1e1e2e;border-radius:.75rem;margin:0;padding:1rem 1.25rem;font-size:.8125rem;line-height:1.7;overflow-x:auto}@media (prefers-reduced-motion:reduce){.page-module__KxyzVa__basicBox,.page-module__KxyzVa__multiCard,.page-module__KxyzVa__btnTransition,.page-module__KxyzVa__btnGradient:before,.page-module__KxyzVa__navLinkDemo,.page-module__KxyzVa__navLinkDemo:after,.page-module__KxyzVa__imagePlaceholder,.page-module__KxyzVa__imageOverlay,.page-module__KxyzVa__staggerBox,.page-module__KxyzVa__timingRunner,.page-module__KxyzVa__timingRunnerActive,.page-module__KxyzVa__nextLink,.page-module__KxyzVa__comparePreview *{transition:none!important}}