.ComponentCard_card__FWoiB{display:flex;flex-direction:column;align-items:flex-start;min-height:172px;padding:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--duration-base) ease;cursor:pointer;position:relative;overflow:hidden}.ComponentCard_card__FWoiB:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.ComponentCard_card__FWoiB:active{transform:translateY(-2px)}.ComponentCard_categoryBadge__ZGnIA{display:inline-block;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-accent);background-color:var(--color-background);border:1px solid var(--color-accent);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);margin-bottom:var(--space-3)}.ComponentCard_title__zlvoL{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0;transition:color var(--duration-base) ease}.ComponentCard_description__vhyOt{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.6;transition:color var(--duration-base) ease}.ComponentCard_card__FWoiB:hover .ComponentCard_title__zlvoL{color:var(--color-accent)}.SearchModal_overlay__QE605{position:fixed;inset:0;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:SearchModal_fadeIn__jzSDG .2s ease}@keyframes SearchModal_fadeIn__jzSDG{0%{opacity:0}to{opacity:1}}.SearchModal_modal__bp4Ge{width:100%;max-width:640px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;animation:SearchModal_slideIn__CF8jJ .2s ease}@keyframes SearchModal_slideIn__CF8jJ{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.SearchModal_command__YCFoG{background:transparent}.SearchModal_searchWrapper__vnmcH{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border)}.SearchModal_searchIcon__J8k9A{color:var(--color-text-secondary);flex-shrink:0}.SearchModal_input__9eziu{flex:1 1;background:transparent;border:none;outline:none;font-size:var(--text-base);color:var(--color-text-primary);font-family:var(--font-sans)}.SearchModal_input__9eziu::placeholder{color:var(--color-text-secondary)}.SearchModal_list__FwAcc{max-height:400px;overflow-y:auto;padding:var(--space-2)}.SearchModal_empty__pnGar{padding:var(--space-8);text-align:center;color:var(--color-text-secondary);font-size:var(--text-sm)}.SearchModal_group__xFWw_{padding:var(--space-2) 0}.SearchModal_group__xFWw_ [cmdk-group-heading]{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);text-transform:uppercase;letter-spacing:.5px}.SearchModal_item__IWwcH{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-fast) ease}.SearchModal_item__IWwcH[aria-selected=true]{background-color:var(--color-accent);color:#fff}.SearchModal_item__IWwcH[aria-selected=true] .SearchModal_itemCategory__oV9Se{color:hsla(0,0%,100%,.8)}.SearchModal_item__IWwcH[aria-selected=true] .SearchModal_itemDescription__tqd7R{color:hsla(0,0%,100%,.9)}.SearchModal_itemContent__IPt7i{flex:1 1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.SearchModal_itemTitle__4Zdq1{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.SearchModal_item__IWwcH[aria-selected=true] .SearchModal_itemTitle__4Zdq1{color:#fff}.SearchModal_itemDescription__tqd7R{font-size:var(--text-xs);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.SearchModal_itemCategory__oV9Se{font-size:var(--text-xs);color:var(--color-text-secondary);flex-shrink:0;padding:var(--space-1) var(--space-2);background-color:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.SearchModal_item__IWwcH[aria-selected=true] .SearchModal_itemCategory__oV9Se{background-color:rgba(0,0,0,.2);border-color:hsla(0,0%,100%,.3);color:#fff}.SearchModal_list__FwAcc::-webkit-scrollbar{width:8px}.SearchModal_list__FwAcc::-webkit-scrollbar-track{background:transparent}.SearchModal_list__FwAcc::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}.SearchModal_list__FwAcc::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.ButtonLoading_container__xb9f0{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-8)}.ButtonLoading_button__NNFtc{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:160px;padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);color:#fff;background-color:var(--color-accent);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) ease;overflow:hidden}.ButtonLoading_button__NNFtc:disabled{cursor:not-allowed}.ButtonLoading_button__NNFtc.ButtonLoading_idle__ipby_:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.ButtonLoading_button__NNFtc.ButtonLoading_idle__ipby_:active{transform:scale(.98)}.ButtonLoading_button__NNFtc.ButtonLoading_loading__NVU3H{background-color:var(--color-accent);min-width:180px}.ButtonLoading_button__NNFtc.ButtonLoading_success__NbxYq{background-color:var(--color-success);animation:ButtonLoading_successBounce__WJafd .5s var(--ease-spring)}@keyframes ButtonLoading_successBounce__WJafd{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.ButtonLoading_button__NNFtc.ButtonLoading_error__x3pls{background-color:var(--color-error);animation:ButtonLoading_errorShake__ayoRt .5s ease}@keyframes ButtonLoading_errorShake__ayoRt{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.ButtonLoading_spinner__LrtWz{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:ButtonLoading_spin__8mipG .6s linear infinite}@keyframes ButtonLoading_spin__8mipG{to{transform:rotate(1turn)}}.ButtonLoading_icon__ib_jY{font-size:var(--text-lg);font-weight:var(--font-bold);animation:ButtonLoading_iconScale___BnoO .3s var(--ease-spring)}@keyframes ButtonLoading_iconScale___BnoO{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.ButtonLoading_text__GVn0N{transition:opacity var(--duration-fast) ease}.ButtonLoading_loading__NVU3H .ButtonLoading_text__GVn0N{opacity:.9}.ButtonLoading_button__NNFtc.ButtonLoading_minimal__oxHoN{min-width:140px;padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.ButtonLoading_button__NNFtc.ButtonLoading_minimal__oxHoN .ButtonLoading_spinner__LrtWz{width:14px;height:14px}.ButtonLoading_button__NNFtc.ButtonLoading_bold__HPVbI{min-width:200px;padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.ButtonLoading_button__NNFtc.ButtonLoading_bold__HPVbI .ButtonLoading_spinner__LrtWz{width:20px;height:20px}.ButtonLoading_button__NNFtc.ButtonLoading_bold__HPVbI.ButtonLoading_success__NbxYq{animation:ButtonLoading_successBounceBold__vfxeD .6s var(--ease-spring)}@keyframes ButtonLoading_successBounceBold__vfxeD{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.ButtonLoading_controls___B_VK{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.ButtonLoading_variantLabel__X6H5n{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin:0}.ButtonLoading_variantButtons__dUd3t{display:flex;gap:var(--space-2)}.ButtonLoading_variantButton__kWlGb{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-base) ease}.ButtonLoading_variantButton__kWlGb:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.ButtonLoading_variantButton__kWlGb.ButtonLoading_active__kiKNi{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}.ButtonLoading_stateIndicator__SBYtr{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.ButtonLoading_stateLabel___mIw_{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin:0}.ButtonLoading_stateValue___3Vgs{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);background-color:var(--color-background);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){.ButtonLoading_button__NNFtc,.ButtonLoading_icon__ib_jY,.ButtonLoading_variantButton__kWlGb{transition:none;animation:none}.ButtonLoading_button__NNFtc.ButtonLoading_idle__ipby_:active,.ButtonLoading_button__NNFtc.ButtonLoading_idle__ipby_:hover{transform:none}.ButtonLoading_spinner__LrtWz{animation:none;border:2px solid #fff;border-top-color:hsla(0,0%,100%,.3)}}.ConfettiBurst_container__U9MHd{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-8);width:100%}.ConfettiBurst_demoArea__eeqnB{display:flex;align-items:center;justify-content:center;width:100%;min-height:400px;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:var(--radius-lg);position:relative;overflow:hidden}.ConfettiBurst_burstButton__lyXWf{position:relative;min-width:200px;padding:var(--space-4) var(--space-6);font-size:var(--text-xl);font-weight:var(--font-bold);color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-base) ease;z-index:1;box-shadow:var(--shadow-lg)}.ConfettiBurst_burstButton__lyXWf:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-xl)}.ConfettiBurst_burstButton__lyXWf:active:not(:disabled){transform:scale(.98)}.ConfettiBurst_burstButton__lyXWf:disabled{cursor:not-allowed;opacity:.7}.ConfettiBurst_buttonText__4g1IA{position:relative;z-index:2;pointer-events:none}.ConfettiBurst_particle__e_tb7{position:absolute;top:50%;left:50%;width:12px;height:6px;border-radius:2px;pointer-events:none;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.2)}.ConfettiBurst_controls__QfF1c{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%;max-width:400px}.ConfettiBurst_stats__WK5PZ{display:flex;gap:var(--space-6);width:100%;justify-content:center}.ConfettiBurst_statItem__A_f9q{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:140px}.ConfettiBurst_statLabel__Yvtwd{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.ConfettiBurst_statValue__J_YAq{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-accent)}.ConfettiBurst_resetButton__8oRJI{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) ease}.ConfettiBurst_resetButton__8oRJI:hover{border-color:var(--color-accent);background-color:var(--color-background)}.ConfettiBurst_resetButton__8oRJI:active{transform:scale(.98)}.ConfettiBurst_info__ALDUc{width:100%;max-width:500px;padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.ConfettiBurst_infoText__uNnkk{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;margin:0;line-height:1.6}@media (max-width:640px){.ConfettiBurst_demoArea__eeqnB{min-height:300px}.ConfettiBurst_burstButton__lyXWf{min-width:160px;font-size:var(--text-lg)}.ConfettiBurst_stats__WK5PZ{flex-direction:column;gap:var(--space-3)}.ConfettiBurst_statItem__A_f9q{width:100%}}@media (prefers-reduced-motion:reduce){.ConfettiBurst_particle__e_tb7{animation:none!important}.ConfettiBurst_burstButton__lyXWf:active:not(:disabled),.ConfettiBurst_burstButton__lyXWf:hover:not(:disabled),.ConfettiBurst_resetButton__8oRJI:active{transform:none}}.DropdownMenu_container__ycyyE{gap:var(--space-8)}.DropdownMenu_container__ycyyE,.DropdownMenu_demoArea__PMPd3{display:flex;flex-direction:column;padding:var(--space-8);width:100%}.DropdownMenu_demoArea__PMPd3{align-items:center;gap:var(--space-6);max-width:600px;margin:0 auto;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-height:400px}.DropdownMenu_dropdownWrapper__tZtuT{position:relative;width:100%;max-width:320px}.DropdownMenu_trigger__ltwHy{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) ease}.DropdownMenu_trigger__ltwHy:hover{border-color:var(--color-accent);background-color:var(--color-surface)}.DropdownMenu_trigger__ltwHy:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.DropdownMenu_triggerOpen__3ckq6{border-color:var(--color-accent);border-bottom-left-radius:0;border-bottom-right-radius:0}.DropdownMenu_triggerText__9qRZ4{font-weight:var(--font-semibold)}.DropdownMenu_chevron__BPgof{font-size:var(--text-sm);transition:transform .3s cubic-bezier(.68,-.55,.265,1.55);color:var(--color-text-secondary)}.DropdownMenu_chevronOpen__BkQxD{transform:rotate(180deg)}.DropdownMenu_dropdown__3tjLV{position:absolute;top:100%;left:0;right:0;background-color:var(--color-background);border:2px solid var(--color-accent);border-top:none;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);overflow:hidden;height:0;transition:height .4s cubic-bezier(.68,-.55,.265,1.55);z-index:10}.DropdownMenu_dropdownOpen___HYKh{box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.DropdownMenu_dropdownContent__4bQnp{padding:var(--space-2) 0}.DropdownMenu_menuItem__Dna9Q{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-decoration:none;color:var(--color-text-primary);transition:background-color .2s ease,padding-left .2s ease;opacity:0;transform:translateY(-10px)}.DropdownMenu_dropdownOpen___HYKh .DropdownMenu_menuItem__Dna9Q{animation:DropdownMenu_slideIn__s2Z0g .3s ease forwards;animation-delay:calc(var(--item-index) * 50ms)}@keyframes DropdownMenu_slideIn__s2Z0g{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.DropdownMenu_menuItem__Dna9Q:hover{background-color:var(--color-surface);padding-left:var(--space-6)}.DropdownMenu_menuItem__Dna9Q:active{background-color:var(--color-border)}.DropdownMenu_menuIcon__tJAbY{font-size:var(--text-xl);width:24px;text-align:center;flex-shrink:0}.DropdownMenu_menuText__ZQeIh{display:flex;flex-direction:column;gap:.125rem;flex:1 1}.DropdownMenu_menuLabel__a91YZ{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.DropdownMenu_menuDescription__BDRFo{font-size:var(--text-xs);color:var(--color-text-secondary)}.DropdownMenu_instruction__rPv6s{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;line-height:1.6;margin:0;max-width:400px}.DropdownMenu_info__S5_2s{width:100%;max-width:600px;margin:0 auto;padding:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.DropdownMenu_infoTitle___kOP7{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.DropdownMenu_infoList__Jpf8A{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.DropdownMenu_infoList__Jpf8A li{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;padding-left:var(--space-6);position:relative}.DropdownMenu_infoList__Jpf8A li:before{content:"→";position:absolute;left:0;color:var(--color-accent);font-weight:700}.DropdownMenu_infoList__Jpf8A strong{color:var(--color-text-primary);font-weight:var(--font-semibold)}@media (max-width:640px){.DropdownMenu_container__ycyyE{padding:var(--space-4)}.DropdownMenu_demoArea__PMPd3{padding:var(--space-6)}.DropdownMenu_dropdownWrapper__tZtuT{max-width:100%}}@media (prefers-reduced-motion:reduce){.DropdownMenu_chevron__BPgof{transition:transform .1s linear}.DropdownMenu_dropdown__3tjLV{transition:height .2s ease}.DropdownMenu_menuItem__Dna9Q{animation:DropdownMenu_simpleFade__N2wme .2s ease forwards;animation-delay:0s}@keyframes DropdownMenu_simpleFade__N2wme{0%{opacity:0}to{opacity:1}}.DropdownMenu_menuItem__Dna9Q:hover{padding-left:var(--space-4)}}.FocusIndicators_container__Ypsgj{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-8);width:100%}.FocusIndicators_variantSelector__GK6Dy{display:flex;gap:var(--space-3);padding:var(--space-2);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.FocusIndicators_variantButton__Z1tiM{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);background-color:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) ease}.FocusIndicators_variantButton__Z1tiM:hover{color:var(--color-text-primary);background-color:var(--color-background)}.FocusIndicators_variantButton__Z1tiM.FocusIndicators_active__5l6oL{color:#fff;background-color:var(--color-accent)}.FocusIndicators_demoArea__0OykF{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);width:100%;max-width:600px;padding:var(--space-8);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-height:300px}.FocusIndicators_instruction__yAjsJ{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;margin:0}.FocusIndicators_kbd__PfCfb{display:inline-block;padding:.125rem .5rem;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-primary);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 2px 0 0 var(--color-border)}.FocusIndicators_animatedDemo__5G7El,.FocusIndicators_glowDemo__9JlP2,.FocusIndicators_offsetDemo__O_yRL{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;align-items:center;width:100%}.FocusIndicators_glowButton__oBbe1,.FocusIndicators_glowInput__ehbzr{padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) ease;outline:none}.FocusIndicators_glowButton__oBbe1:focus,.FocusIndicators_glowInput__ehbzr:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px rgba(59,130,246,.2)}.FocusIndicators_glowInput__ehbzr{min-width:200px}.FocusIndicators_offsetButton__92paJ,.FocusIndicators_offsetInput__3C_Tr{padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) ease;outline:none}.FocusIndicators_offsetButton__92paJ:focus,.FocusIndicators_offsetInput__3C_Tr:focus{outline:3px solid var(--color-accent);outline-offset:2px}.FocusIndicators_offsetInput__3C_Tr{min-width:200px}.FocusIndicators_animatedButton__uUjBW{position:relative;padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) ease;outline:none}.FocusIndicators_animatedButton__uUjBW:focus:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);border:3px solid var(--color-accent);border-radius:var(--radius-md);animation:FocusIndicators_focusRing__TROkW 1.5s ease-in-out infinite;pointer-events:none}.FocusIndicators_animatedInputWrapper__mt7yz{position:relative;display:inline-block}.FocusIndicators_animatedInput__B9iOA{padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) ease;outline:none;min-width:200px}.FocusIndicators_animatedInputWrapper__mt7yz:has(.FocusIndicators_animatedInput__B9iOA:focus):before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);border:3px solid var(--color-accent);border-radius:var(--radius-md);animation:FocusIndicators_focusRing__TROkW 1.5s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes FocusIndicators_focusRing__TROkW{0%{width:100%;height:100%;opacity:1}50%{width:calc(100% + 16px);height:calc(100% + 16px);opacity:.6}to{width:100%;height:100%;opacity:1}}.FocusIndicators_info__v_rNi{width:100%;max-width:600px;padding:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.FocusIndicators_infoTitle__8D0F4{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.FocusIndicators_infoText__sPFvQ{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--space-3) 0}.FocusIndicators_infoText__sPFvQ:last-child{margin-bottom:0}.FocusIndicators_infoText__sPFvQ code{padding:.125rem .375rem;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm)}@media (max-width:640px){.FocusIndicators_variantSelector__GK6Dy{width:100%}.FocusIndicators_variantButton__Z1tiM{flex:1 1;font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.FocusIndicators_animatedDemo__5G7El,.FocusIndicators_glowDemo__9JlP2,.FocusIndicators_offsetDemo__O_yRL{flex-direction:column}.FocusIndicators_animatedInput__B9iOA,.FocusIndicators_glowInput__ehbzr,.FocusIndicators_offsetInput__3C_Tr{width:100%}}@media (prefers-reduced-motion:reduce){@keyframes FocusIndicators_focusRing__TROkW{0%,to{width:calc(100% + 8px);height:calc(100% + 8px);opacity:.8}}}.FormValidation_container__Q9kCc{display:flex;flex-direction:column;align-items:center;padding:var(--space-8);width:100%}.FormValidation_form__qt6lJ{width:100%;max-width:500px;display:flex;flex-direction:column;gap:var(--space-6)}.FormValidation_fieldWrapper__tHBpz{display:flex;flex-direction:column;gap:var(--space-2)}.FormValidation_label__5rzCt{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.FormValidation_inputWrapper__C6ymE{position:relative;display:flex;align-items:center}.FormValidation_input__assFV{width:100%;padding:var(--space-3) var(--space-4);padding-right:var(--space-12);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:all var(--duration-base) ease}.FormValidation_input__assFV::placeholder{color:var(--color-text-secondary)}.FormValidation_input__assFV:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.FormValidation_input__assFV.FormValidation_empty__Hf2ii{border-color:var(--color-border)}.FormValidation_input__assFV.FormValidation_valid__7o1FD{border-color:var(--color-success);background-color:var(--color-surface)}.FormValidation_input__assFV.FormValidation_valid__7o1FD:focus{border-color:var(--color-success);box-shadow:0 0 0 3px rgba(16,185,129,.1)}.FormValidation_input__assFV.FormValidation_invalid__chtng{border-color:var(--color-error);background-color:var(--color-surface);animation:FormValidation_shake__1dlA1 .3s ease}.FormValidation_input__assFV.FormValidation_invalid__chtng:focus{border-color:var(--color-error);box-shadow:0 0 0 3px rgba(239,68,68,.1)}@keyframes FormValidation_shake__1dlA1{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-4px)}}.FormValidation_icon__dE8uI{position:absolute;right:var(--space-4);display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:var(--text-sm);font-weight:var(--font-bold);border-radius:50%;animation:FormValidation_iconScale__6WNNF .3s var(--ease-spring)}@keyframes FormValidation_iconScale__6WNNF{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.FormValidation_validIcon__oxkYt{color:var(--color-success);background-color:rgba(16,185,129,.1)}.FormValidation_invalidIcon__HN144{color:var(--color-error);background-color:rgba(239,68,68,.1)}.FormValidation_errorMessage___oLly{font-size:var(--text-xs);color:var(--color-error);margin:0;animation:FormValidation_fadeIn__IwnVv .2s ease}@keyframes FormValidation_fadeIn__IwnVv{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.FormValidation_strengthIndicator__guHZp{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-1)}.FormValidation_strengthBars__fhSSf{display:flex;gap:var(--space-1);flex:1 1}.FormValidation_strengthBar__sdvY_{height:4px;flex:1 1;background-color:var(--color-border);border-radius:var(--radius-full);transition:all var(--duration-base) ease}.FormValidation_strengthBar__sdvY_.FormValidation_weak__rZVJs{background-color:var(--color-error)}.FormValidation_strengthBar__sdvY_.FormValidation_fair__oANNe{background-color:var(--color-warning)}.FormValidation_strengthBar__sdvY_.FormValidation_good__jMK_q{background-color:#3b82f6}.FormValidation_strengthBar__sdvY_.FormValidation_strong__T7Jdd{background-color:var(--color-success)}.FormValidation_strengthLabel__sHz0p{font-size:var(--text-xs);font-weight:var(--font-semibold);min-width:60px;text-align:right}.FormValidation_strengthLabel__sHz0p.FormValidation_weak__rZVJs{color:var(--color-error)}.FormValidation_strengthLabel__sHz0p.FormValidation_fair__oANNe{color:var(--color-warning)}.FormValidation_strengthLabel__sHz0p.FormValidation_good__jMK_q{color:#3b82f6}.FormValidation_strengthLabel__sHz0p.FormValidation_strong__T7Jdd{color:var(--color-success)}.FormValidation_submitButton__xcO8p{margin-top:var(--space-4);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);color:#fff;background-color:var(--color-accent);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) ease}.FormValidation_submitButton__xcO8p:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.FormValidation_submitButton__xcO8p:active{transform:scale(.98)}@media (max-width:640px){.FormValidation_input__assFV{font-size:var(--text-sm);padding:var(--space-2) var(--space-3);padding-right:var(--space-10)}.FormValidation_icon__dE8uI{right:var(--space-3)}}@media (prefers-reduced-motion:reduce){.FormValidation_errorMessage___oLly,.FormValidation_icon__dE8uI,.FormValidation_input__assFV,.FormValidation_strengthBar__sdvY_{animation:none;transition:none}.FormValidation_input__assFV.FormValidation_invalid__chtng{animation:none}.FormValidation_submitButton__xcO8p:active,.FormValidation_submitButton__xcO8p:hover{transform:none}}.GlowPulse_container__kJh1d{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-8);width:100%}.GlowPulse_demoArea__NbIgz{display:flex;align-items:center;justify-content:center;width:100%;min-height:400px;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:var(--radius-lg);position:relative}.GlowPulse_glowButton__FbQ4v{position:relative;min-width:180px;padding:var(--space-4) var(--space-6);font-size:var(--text-lg);font-weight:var(--font-semibold);color:#fff;background-color:var(--color-accent);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) ease;z-index:1}.GlowPulse_glowButton__FbQ4v:hover{transform:translateY(-2px)}.GlowPulse_glowButton__FbQ4v:active{transform:scale(.98)}.GlowPulse_buttonText__Fdc5Z{position:relative;z-index:2;pointer-events:none}.GlowPulse_glow__2xl2H{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);border-radius:var(--radius-md);pointer-events:none;animation:GlowPulse_glowPulse__ayPnm .8s ease-out;z-index:0}@keyframes GlowPulse_glowPulse__ayPnm{0%{box-shadow:0 0 0 0 rgba(59,130,246,.6);opacity:1}to{box-shadow:0 0 0 30px rgba(59,130,246,0);opacity:0}}.GlowPulse_controls__01udN{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%;max-width:400px}.GlowPulse_stats__LbmMC{display:flex;gap:var(--space-6);width:100%;justify-content:center}.GlowPulse_statItem__VEDDu{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.GlowPulse_statLabel__QkGaZ{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.GlowPulse_statValue__pE3_R{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-accent)}.GlowPulse_resetButton__cGMDT{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) ease}.GlowPulse_resetButton__cGMDT:hover{border-color:var(--color-accent);background-color:var(--color-background)}.GlowPulse_resetButton__cGMDT:active{transform:scale(.98)}.GlowPulse_info__KGZ9n{width:100%;max-width:500px;padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.GlowPulse_infoText__yOmxv{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;margin:0;line-height:1.6}@media (max-width:640px){.GlowPulse_demoArea__NbIgz{min-height:300px}.GlowPulse_glowButton__FbQ4v{min-width:140px;font-size:var(--text-base)}.GlowPulse_stats__LbmMC{flex-direction:column;gap:var(--space-3)}.GlowPulse_statItem__VEDDu{width:100%}}@media (prefers-reduced-motion:reduce){.GlowPulse_glow__2xl2H{animation:GlowPulse_glowFade__rsDUO .4s ease-out}@keyframes GlowPulse_glowFade__rsDUO{0%{opacity:.6}to{opacity:0}}.GlowPulse_glowButton__FbQ4v:active,.GlowPulse_glowButton__FbQ4v:hover,.GlowPulse_resetButton__cGMDT:active{transform:none}}.MobileMenu_container__ZWMvQ{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-8);width:100%}.MobileMenu_demoWrapper__KD76y{position:relative;width:100%;max-width:800px;margin:0 auto;min-height:500px;background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.MobileMenu_header__CUiz_{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);position:relative;z-index:100}.MobileMenu_logo__wgbOD{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.MobileMenu_hamburger__AEb_C{display:flex;flex-direction:column;justify-content:space-around;width:32px;height:32px;padding:0;background:transparent;border:none;cursor:pointer;z-index:200}.MobileMenu_hamburgerLine__1F5H_{width:100%;height:3px;background-color:var(--color-text-primary);border-radius:var(--radius-full);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transform-origin:center}.MobileMenu_hamburger__AEb_C.MobileMenu_open__PmuMz .MobileMenu_hamburgerLine__1F5H_:first-child{transform:translateY(9px) rotate(45deg)}.MobileMenu_hamburger__AEb_C.MobileMenu_open__PmuMz .MobileMenu_hamburgerLine__1F5H_:nth-child(2){opacity:0;transform:translateX(-20px)}.MobileMenu_hamburger__AEb_C.MobileMenu_open__PmuMz .MobileMenu_hamburgerLine__1F5H_:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.MobileMenu_overlay__j_KO5{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:50;pointer-events:none}.MobileMenu_overlayVisible__sJSWz{opacity:1;visibility:visible;pointer-events:auto}.MobileMenu_menu__W8haM{position:fixed;top:0;right:0;bottom:0;width:320px;max-width:85vw;background-color:var(--color-surface);box-shadow:-4px 0 24px rgba(0,0,0,.15);transform:translateX(100%);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);z-index:150;overflow-y:auto}.MobileMenu_menuOpen__C6MaR{transform:translateX(0)}.MobileMenu_menuHeader__qZe5b{padding:var(--space-6);border-bottom:1px solid var(--color-border)}.MobileMenu_menuTitle__Vu932{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0}.MobileMenu_menuList__0VXwv{list-style:none;padding:var(--space-4) 0;margin:0}.MobileMenu_menuItem__MUYTF{opacity:0;transform:translateX(30px);transition:opacity .3s ease,transform .3s ease;transition-delay:calc(var(--item-index) * 50ms)}.MobileMenu_menuOpen__C6MaR .MobileMenu_menuItem__MUYTF{opacity:1;transform:translateX(0)}.MobileMenu_menuLink__F621Y{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);text-decoration:none;transition:background-color .2s ease,padding-left .2s ease}.MobileMenu_menuLink__F621Y:hover{background-color:var(--color-background);padding-left:var(--space-8)}.MobileMenu_menuLink__F621Y:active{background-color:var(--color-border)}.MobileMenu_menuIcon__4cDuA{font-size:var(--text-xl);width:24px;text-align:center}.MobileMenu_mainContent__r6NSs{padding:var(--space-8) var(--space-6)}.MobileMenu_mainTitle__QN8xV{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.MobileMenu_mainText__XPdmr{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;margin:0}.MobileMenu_info__Pq1F9{width:100%;max-width:800px;margin:0 auto;padding:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.MobileMenu_infoTitle__nqazc{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.MobileMenu_infoList__ofSxH{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.MobileMenu_infoList__ofSxH li{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;padding-left:var(--space-6);position:relative}.MobileMenu_infoList__ofSxH li:before{content:"→";position:absolute;left:0;color:var(--color-accent);font-weight:700}.MobileMenu_infoList__ofSxH strong{color:var(--color-text-primary);font-weight:var(--font-semibold)}@media (max-width:640px){.MobileMenu_container__ZWMvQ{padding:var(--space-4)}.MobileMenu_menu__W8haM{width:280px}.MobileMenu_mainContent__r6NSs{padding:var(--space-6) var(--space-4)}.MobileMenu_mainTitle__QN8xV{font-size:var(--text-2xl)}}@media (prefers-reduced-motion:reduce){.MobileMenu_hamburgerLine__1F5H_{transition:all .1s linear}.MobileMenu_menu__W8haM{transition:transform .2s ease}.MobileMenu_menuItem__MUYTF{transition:opacity .2s ease;transform:translateX(0)}.MobileMenu_menuLink__F621Y:hover{padding-left:var(--space-6)}}.ProgressBar_container__0Em3w{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-8);width:100%}.ProgressBar_progressWrapper__Y9TBU{width:100%;max-width:500px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.ProgressBar_header__Hdx83{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.ProgressBar_title__I__Tw{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.ProgressBar_counter__0hmT5{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-accent);min-width:70px;text-align:right;transition:color var(--duration-base) ease}.ProgressBar_barContainer__pnUSv{position:relative;width:100%;height:24px;background-color:var(--color-background);border-radius:var(--radius-full);overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.06)}.ProgressBar_bar__eYZCu{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-accent);border-radius:var(--radius-full);transform-origin:left;transition:transform 30ms linear;will-change:transform}.ProgressBar_bar__eYZCu.ProgressBar_pulse__KFqka{animation:ProgressBar_pulse__KFqka .6s ease}@keyframes ProgressBar_pulse__KFqka{0%{transform:scaleX(1) scaleY(1)}50%{transform:scaleX(1) scaleY(1.15)}to{transform:scaleX(1) scaleY(1)}}.ProgressBar_controls__5O9gA{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);width:100%;max-width:500px}.ProgressBar_buttonGroup__o0xlF{display:flex;gap:var(--space-3);width:100%}.ProgressBar_resetButton__khoQZ,.ProgressBar_startButton__z4kSN{flex:1 1;padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) ease}.ProgressBar_startButton__z4kSN{color:#fff;background-color:var(--color-accent)}.ProgressBar_startButton__z4kSN:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.ProgressBar_startButton__z4kSN:active:not(:disabled){transform:scale(.98)}.ProgressBar_startButton__z4kSN:disabled{opacity:.5;cursor:not-allowed}.ProgressBar_resetButton__khoQZ{color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border)}.ProgressBar_resetButton__khoQZ:hover:not(:disabled){border-color:var(--color-accent);background-color:var(--color-background)}.ProgressBar_resetButton__khoQZ:active:not(:disabled){transform:scale(.98)}.ProgressBar_resetButton__khoQZ:disabled{opacity:.5;cursor:not-allowed}.ProgressBar_variantSelector__9B_dk{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%}.ProgressBar_label__uAknp{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);margin:0}.ProgressBar_variantButtons__xfj_t{display:flex;gap:var(--space-2);width:100%}.ProgressBar_variantButton__zBQj7{flex:1 1;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-base) ease}.ProgressBar_variantButton__zBQj7:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-text-primary)}.ProgressBar_variantButton__zBQj7.ProgressBar_active__yERNW{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}.ProgressBar_variantButton__zBQj7:disabled{opacity:.5;cursor:not-allowed}.ProgressBar_colorSelector__VVTKr{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%}.ProgressBar_colorOptions__HYpfy{display:flex;gap:var(--space-3);justify-content:center}.ProgressBar_colorButton__E7qU_{width:40px;height:40px;border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) ease;position:relative}.ProgressBar_colorButton__E7qU_:hover:not(:disabled){transform:scale(1.1);box-shadow:var(--shadow-md)}.ProgressBar_colorButton__E7qU_:active:not(:disabled){transform:scale(.95)}.ProgressBar_colorButton__E7qU_.ProgressBar_active__yERNW{border-color:var(--color-text-primary);border-width:3px;box-shadow:var(--shadow-lg)}.ProgressBar_colorButton__E7qU_.ProgressBar_active__yERNW:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:var(--text-base);font-weight:var(--font-bold);text-shadow:0 1px 2px rgba(0,0,0,.3)}.ProgressBar_colorButton__E7qU_:disabled{opacity:.5;cursor:not-allowed}@media (max-width:640px){.ProgressBar_header__Hdx83{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.ProgressBar_counter__0hmT5{align-self:flex-end}.ProgressBar_buttonGroup__o0xlF{flex-direction:column}}@media (prefers-reduced-motion:reduce){.ProgressBar_bar__eYZCu{transition:none;animation:none}.ProgressBar_bar__eYZCu.ProgressBar_pulse__KFqka{animation:none}.ProgressBar_colorButton__E7qU_:active:not(:disabled),.ProgressBar_colorButton__E7qU_:hover:not(:disabled),.ProgressBar_resetButton__khoQZ:active:not(:disabled),.ProgressBar_resetButton__khoQZ:hover:not(:disabled),.ProgressBar_startButton__z4kSN:active:not(:disabled),.ProgressBar_startButton__z4kSN:hover:not(:disabled){transform:none}}.ReducedMotion_container__U8l2f{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-8);width:100%}.ReducedMotion_header__BtrkL{text-align:center;max-width:800px;margin:0 auto}.ReducedMotion_title__eFPrr{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.ReducedMotion_description__Qr_4k{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;margin:0}.ReducedMotion_comparison__UCq38{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-6);gap:var(--space-6);width:100%;max-width:1200px;margin:0 auto}.ReducedMotion_panel__6dZlb{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg)}.ReducedMotion_panelHeader__LWe1G{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.ReducedMotion_panelTitle__qgNum{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0}.ReducedMotion_badge__O0hX1{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);color:#fff;background-color:var(--color-accent);border-radius:var(--radius-full)}.ReducedMotion_badgeReduced__1hepa{background-color:#10b981}.ReducedMotion_demoArea__Ptzxo{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-4);min-height:400px}.ReducedMotion_button__Q8VVM{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.ReducedMotion_buttonIcon__ErmhG{font-size:var(--text-xl)}.ReducedMotion_button__Q8VVM.ReducedMotion_fullMotion__tbNVl:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 20px 25px -5px rgba(0,0,0,.2)}.ReducedMotion_button__Q8VVM.ReducedMotion_fullMotion__tbNVl:active{animation:ReducedMotion_buttonBounce__2z_CR .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes ReducedMotion_buttonBounce__2z_CR{0%{transform:scale(1)}25%{transform:scale(.9)}50%{transform:scale(1.1)}75%{transform:scale(.95)}to{transform:scale(1)}}.ReducedMotion_button__Q8VVM.ReducedMotion_reducedMotion__MRnbW:hover{opacity:.9}.ReducedMotion_button__Q8VVM.ReducedMotion_reducedMotion__MRnbW:active{opacity:.8;transform:scale(.98)}.ReducedMotion_spinnerWrapper__deUGW{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.ReducedMotion_spinner__Fum7M{width:48px;height:48px;border:4px solid var(--color-border);border-radius:50%}.ReducedMotion_spinner__Fum7M.ReducedMotion_fullMotion__tbNVl{border-top-color:var(--color-accent);animation:ReducedMotion_spin__YEVhs 1s cubic-bezier(.68,-.55,.265,1.55) infinite}@keyframes ReducedMotion_spin__YEVhs{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(1turn) scale(1)}}.ReducedMotion_spinner__Fum7M.ReducedMotion_reducedMotion__MRnbW{border-top-color:var(--color-accent);animation:ReducedMotion_fadeSpinner__Su_0y 2s ease-in-out infinite}@keyframes ReducedMotion_fadeSpinner__Su_0y{0%,to{opacity:.3}50%{opacity:1}}.ReducedMotion_label__lgMsr{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.ReducedMotion_card__llAzZ{padding:var(--space-6);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.ReducedMotion_cardIcon__bt497{font-size:var(--text-4xl);margin-bottom:var(--space-2)}.ReducedMotion_card__llAzZ h4{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.ReducedMotion_card__llAzZ p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.ReducedMotion_card__llAzZ.ReducedMotion_fullMotion__tbNVl{animation:ReducedMotion_slideInBounce__jWrch 1.2s linear}@keyframes ReducedMotion_slideInBounce__jWrch{0%{transform:translateX(-100px) rotate(-10deg);opacity:0}45%{transform:translateX(12px) rotate(2deg);opacity:1}65%{transform:translateX(-6px) rotate(-1deg)}80%{transform:translateX(2px) rotate(.3deg)}92%{transform:translateX(-.5px) rotate(-.1deg)}to{transform:translateX(0) rotate(0);opacity:1}}.ReducedMotion_card__llAzZ.ReducedMotion_reducedMotion__MRnbW{animation:ReducedMotion_simpleFadeIn__Oy_JC 1.2s ease-out}@keyframes ReducedMotion_simpleFadeIn__Oy_JC{0%{opacity:0}to{opacity:1}}.ReducedMotion_info__oZwLC{width:100%;max-width:800px;margin:0 auto;padding:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.ReducedMotion_infoTitle__0EgYE{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.ReducedMotion_infoText__qehmw{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--space-4) 0}.ReducedMotion_infoText__qehmw:last-child{margin-bottom:0}.ReducedMotion_code__4iDnB{padding:.125rem .375rem;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.ReducedMotion_infoGrid__9gPOo{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4);margin:var(--space-4) 0}.ReducedMotion_infoItem___7P60{padding:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);line-height:1.6}.ReducedMotion_infoItem___7P60 strong{display:block;color:var(--color-text-primary);margin-bottom:var(--space-1)}@media (max-width:1024px){.ReducedMotion_comparison__UCq38,.ReducedMotion_infoGrid__9gPOo{grid-template-columns:1fr}}@media (max-width:640px){.ReducedMotion_container__U8l2f{padding:var(--space-4)}.ReducedMotion_panelHeader__LWe1G{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.ReducedMotion_demoArea__Ptzxo{min-height:300px}}.RippleEffect_container__D1OtF{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-8);width:100%}.RippleEffect_demoArea__UfX5w{display:flex;align-items:center;justify-content:center;width:100%;min-height:300px}.RippleEffect_rippleButton__PV_R1{position:relative;min-width:300px;min-height:200px;padding:var(--space-6);font-size:var(--text-lg);font-weight:var(--font-semibold);color:#fff;background-color:var(--color-accent);border:none;border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;transition:all var(--duration-base) ease}.RippleEffect_rippleButton__PV_R1:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.RippleEffect_rippleButton__PV_R1:active{transform:scale(.98)}.RippleEffect_buttonText__cyKcJ{position:relative;z-index:1;pointer-events:none}.RippleEffect_ripple__Cm0nf{position:absolute;width:20px;height:20px;border-radius:50%;background-color:hsla(0,0%,100%,.6);transform:translate(-50%,-50%) scale(0);pointer-events:none;animation:RippleEffect_rippleAnimation__bYnsz .6s var(--ease-out)}@keyframes RippleEffect_rippleAnimation__bYnsz{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(4);opacity:0}}.RippleEffect_info__zcDhE{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%;max-width:500px;padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.RippleEffect_infoText__5THiw{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;margin:0;line-height:1.6}.RippleEffect_stats__NfpGR{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-background);border-radius:var(--radius-md)}.RippleEffect_statLabel__xb60V{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.RippleEffect_statValue__3KA5Z{font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-accent);min-width:24px;text-align:center}@media (max-width:640px){.RippleEffect_rippleButton__PV_R1{min-width:250px;min-height:150px;font-size:var(--text-base)}}@media (prefers-reduced-motion:reduce){.RippleEffect_ripple__Cm0nf{animation:RippleEffect_rippleFade__sButo .3s ease}@keyframes RippleEffect_rippleFade__sButo{0%{opacity:.6}to{opacity:0}}.RippleEffect_rippleButton__PV_R1:active,.RippleEffect_rippleButton__PV_R1:hover{transform:none}}.SkeletonToContent_container__JGE3O{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-8);width:100%;max-width:500px;margin:0 auto}.SkeletonToContent_variantWrapper__mXzOc{width:100%;transition:height var(--duration-medium) ease}.SkeletonToContent_cardWrapper__ktC3_,.SkeletonToContent_listWrapper__EJ98z,.SkeletonToContent_profileWrapper__CRYsl{transition:height var(--duration-medium) ease,min-height var(--duration-medium) ease}.SkeletonToContent_skeleton__rqMFm{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;transition:opacity var(--duration-medium) ease}.SkeletonToContent_skeleton__rqMFm.SkeletonToContent_hidden__xJ_SB{opacity:0;pointer-events:none}.SkeletonToContent_skeletonAvatar__iwBFJ,.SkeletonToContent_skeletonBar__6ZtIl,.SkeletonToContent_skeletonCircle__1kFDQ,.SkeletonToContent_skeletonImage__gvHjc{background:linear-gradient(90deg,var(--color-border) 0,var(--color-surface) 50%,var(--color-border) 100%);background-size:200% 100%;animation:SkeletonToContent_pulse__KuXBI 1.5s ease-in-out infinite;will-change:background-position}@keyframes SkeletonToContent_pulse__KuXBI{0%{background-position:200% 0;opacity:.5}50%{opacity:.8}to{background-position:-200% 0;opacity:.5}}.SkeletonToContent_content__IsqZH{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity var(--duration-medium) ease}.SkeletonToContent_content__IsqZH.SkeletonToContent_visible__4u553{opacity:1}.SkeletonToContent_cardWrapper__ktC3_{position:relative;width:100%;min-height:340px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.SkeletonToContent_skeleton__rqMFm.SkeletonToContent_card__EXArg{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.SkeletonToContent_skeletonImage__gvHjc{width:100%;height:200px;border-radius:var(--radius-md)}.SkeletonToContent_skeletonText__CUfYe{display:flex;flex-direction:column;gap:var(--space-3)}.SkeletonToContent_skeletonBar__6ZtIl{height:12px;border-radius:var(--radius-sm)}.SkeletonToContent_skeletonBar__6ZtIl.SkeletonToContent_title__FQM7S{width:80%;height:14px}.SkeletonToContent_skeletonBar__6ZtIl.SkeletonToContent_line1__nwXck{width:100%}.SkeletonToContent_skeletonBar__6ZtIl.SkeletonToContent_line2__tUkez{width:60%}.SkeletonToContent_content__IsqZH.SkeletonToContent_card__EXArg{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.SkeletonToContent_contentImage__jsjWQ{width:100%;height:200px;border-radius:var(--radius-md);overflow:hidden}.SkeletonToContent_gradientPlaceholder__wRjgt{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2)}.SkeletonToContent_contentText__IUhcJ{display:flex;flex-direction:column;gap:var(--space-2)}.SkeletonToContent_contentTitle__q_U1g{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0;animation:SkeletonToContent_fadeInStagger__coIHQ .5s ease forwards;animation-delay:0ms}.SkeletonToContent_contentDescription__jX2wA{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.6;animation:SkeletonToContent_fadeInStagger__coIHQ .5s ease forwards;animation-delay:50ms}.SkeletonToContent_listWrapper__EJ98z{position:relative;width:100%;min-height:200px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.SkeletonToContent_skeleton__rqMFm.SkeletonToContent_list__ee12T{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.SkeletonToContent_skeletonListItem__jnRe0{display:flex;align-items:center;gap:var(--space-3)}.SkeletonToContent_skeletonCircle__1kFDQ{width:32px;height:32px;border-radius:50%;flex-shrink:0}.SkeletonToContent_content__IsqZH.SkeletonToContent_list__ee12T{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.SkeletonToContent_listItem__HVQm0{display:flex;align-items:center;gap:var(--space-3);opacity:0;transform:translateY(10px);animation:SkeletonToContent_fadeInStagger__coIHQ .5s ease forwards}.SkeletonToContent_listIcon__g6vAd{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);flex-shrink:0}.SkeletonToContent_listItem__HVQm0 span{font-size:var(--text-sm);color:var(--color-text-primary)}.SkeletonToContent_profileWrapper__CRYsl{position:relative;width:100%;min-height:140px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.SkeletonToContent_skeleton__rqMFm.SkeletonToContent_profile__r3lUC{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6)}.SkeletonToContent_skeletonAvatar__iwBFJ{width:64px;height:64px;border-radius:50%;flex-shrink:0}.SkeletonToContent_skeletonProfileText__0s37K{display:flex;flex-direction:column;gap:var(--space-2);flex:1 1}.SkeletonToContent_skeletonBar__6ZtIl.SkeletonToContent_name___8HP9{width:120px;height:14px}.SkeletonToContent_skeletonBar__6ZtIl.SkeletonToContent_bio__ZT79S{width:160px;height:10px}.SkeletonToContent_content__IsqZH.SkeletonToContent_profile__r3lUC{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6)}.SkeletonToContent_avatar__a9JVY{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:SkeletonToContent_fadeInStagger__coIHQ .5s ease forwards;animation-delay:0ms}.SkeletonToContent_avatarText__EooIP{font-size:var(--text-xl);font-weight:var(--font-bold);color:#fff}.SkeletonToContent_profileText__vJqeJ{display:flex;flex-direction:column;gap:var(--space-1)}.SkeletonToContent_profileName__fkoXi{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0;animation:SkeletonToContent_fadeInStagger__coIHQ .5s ease forwards;animation-delay:50ms}.SkeletonToContent_profileBio__e_OFo{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;animation:SkeletonToContent_fadeInStagger__coIHQ .5s ease forwards;animation-delay:.1s}@keyframes SkeletonToContent_fadeInStagger__coIHQ{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.SkeletonToContent_controls__rKN8J{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%}.SkeletonToContent_replayButton__PfoI9{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);background-color:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) ease}.SkeletonToContent_replayButton__PfoI9:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.SkeletonToContent_replayButton__PfoI9:active{transform:scale(.98)}.SkeletonToContent_variantSelector__wePEs{display:flex;gap:var(--space-2)}.SkeletonToContent_variantButton__OANM3{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-base) ease}.SkeletonToContent_variantButton__OANM3:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.SkeletonToContent_variantButton__OANM3.SkeletonToContent_active__XOKaL{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}@media (prefers-reduced-motion:reduce){.SkeletonToContent_cardWrapper__ktC3_,.SkeletonToContent_listWrapper__EJ98z,.SkeletonToContent_profileWrapper__CRYsl,.SkeletonToContent_variantWrapper__mXzOc{transition:none}.SkeletonToContent_avatar__a9JVY,.SkeletonToContent_contentDescription__jX2wA,.SkeletonToContent_contentTitle__q_U1g,.SkeletonToContent_content__IsqZH,.SkeletonToContent_listItem__HVQm0,.SkeletonToContent_profileBio__e_OFo,.SkeletonToContent_profileName__fkoXi,.SkeletonToContent_skeleton__rqMFm{animation:none;transition:opacity var(--duration-fast) ease}.SkeletonToContent_skeletonAvatar__iwBFJ,.SkeletonToContent_skeletonBar__6ZtIl,.SkeletonToContent_skeletonCircle__1kFDQ,.SkeletonToContent_skeletonImage__gvHjc{animation:none;opacity:.6}.SkeletonToContent_content__IsqZH.SkeletonToContent_visible__4u553{transform:none}.SkeletonToContent_listItem__HVQm0{opacity:1;transform:none}}.SkipToContent_container__y00pb{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-8);width:100%}.SkipToContent_demoWrapper__MF2f2{position:relative;width:100%;max-width:800px;background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.SkipToContent_skipLink__vVDn9{position:absolute;top:-100px;left:50%;transform:translateX(-50%);z-index:9999;padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-bold);color:#fff;background-color:var(--color-accent);border:3px solid var(--color-accent);border-radius:var(--radius-md);text-decoration:none;box-shadow:var(--shadow-xl);transition:top .3s ease,box-shadow .3s ease}.SkipToContent_skipLink__vVDn9:focus{top:var(--space-4);outline:3px solid rgba(59,130,246,.5);outline-offset:2px;box-shadow:0 20px 25px -5px rgba(0,0,0,.2)}.SkipToContent_header__PFwwq{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.SkipToContent_logo__KGWfu{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.SkipToContent_nav__MncnQ{display:flex;gap:var(--space-4)}.SkipToContent_navLink__hlYBI{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--duration-base) ease}.SkipToContent_navLink__hlYBI:hover{color:var(--color-text-primary);background-color:var(--color-background)}.SkipToContent_navLink__hlYBI:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;color:var(--color-accent)}.SkipToContent_mainContent__Y_x7y{padding:var(--space-8) var(--space-6);min-height:400px;outline:none}.SkipToContent_mainContent__Y_x7y:focus{background-color:rgba(59,130,246,.05);animation:SkipToContent_focusFlash__MVQx_ .6s ease}@keyframes SkipToContent_focusFlash__MVQx_{0%{background-color:rgba(59,130,246,.15)}to{background-color:rgba(59,130,246,.05)}}.SkipToContent_mainTitle__c71ua{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.SkipToContent_mainText__Ak4OT{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--space-6) 0}.SkipToContent_kbd__QMRHt{display:inline-block;padding:.125rem .5rem;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 2px 0 0 var(--color-border)}.SkipToContent_contentBox__fA5Tj{padding:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.SkipToContent_contentBox__fA5Tj h2{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.SkipToContent_contentBox__fA5Tj p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin:0}.SkipToContent_info__Iq3Gz{width:100%;max-width:800px;padding:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.SkipToContent_infoTitle__M7im2{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.SkipToContent_infoList__EdsKE{margin:0 0 var(--space-4) 0;padding-left:var(--space-6);color:var(--color-text-secondary)}.SkipToContent_infoList__EdsKE li{font-size:var(--text-sm);line-height:1.8;margin-bottom:var(--space-2)}.SkipToContent_infoList__EdsKE li:last-child{margin-bottom:0}.SkipToContent_infoText__7TVg3{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin:0}@media (max-width:768px){.SkipToContent_header__PFwwq{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.SkipToContent_nav__MncnQ{flex-wrap:wrap;gap:var(--space-2)}.SkipToContent_navLink__hlYBI{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.SkipToContent_mainContent__Y_x7y{padding:var(--space-6) var(--space-4);min-height:300px}.SkipToContent_mainTitle__c71ua{font-size:var(--text-2xl)}}@media (prefers-reduced-motion:reduce){.SkipToContent_skipLink__vVDn9{transition:none}.SkipToContent_skipLink__vVDn9:focus{animation:none}.SkipToContent_mainContent__Y_x7y:focus{animation:none;background-color:rgba(59,130,246,.05)}.SkipToContent_demoWrapper__MF2f2 *{scroll-behavior:auto!important}}.TabIndicator_container__hkpe9{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-8);width:100%}.TabIndicator_tabsWrapper__ZcusA{width:100%;max-width:800px;margin:0 auto;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2)}.TabIndicator_tabsContainer__7uUa6{position:relative;display:flex;gap:var(--space-1);background-color:var(--color-background);border-radius:var(--radius-md);padding:var(--space-1)}.TabIndicator_tab__gIRYA{position:relative;display: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);color:var(--color-text-secondary);background-color:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:color var(--duration-base) ease;z-index:2;white-space:nowrap}.TabIndicator_tab__gIRYA:hover{color:var(--color-text-primary)}.TabIndicator_tab__gIRYA.TabIndicator_active__ZWC3r{color:var(--color-accent)}.TabIndicator_tabIcon__HCBrz{font-size:var(--text-lg)}.TabIndicator_tabLabel__X558I{-webkit-user-select:none;-moz-user-select:none;user-select:none}.TabIndicator_indicator__d5vn8{position:absolute;bottom:var(--space-1);left:0;height:calc(100% - var(--space-1) * 2);background-color:var(--color-surface);border-radius:var(--radius-md);box-shadow:0 1px 3px rgba(0,0,0,.1);transition:transform .3s cubic-bezier(.68,-.55,.265,1.55),width .3s cubic-bezier(.68,-.55,.265,1.55);z-index:1;will-change:transform,width}.TabIndicator_content__EXsGn{width:100%;max-width:800px;margin:0 auto}.TabIndicator_panel__Ln5dK{padding:var(--space-8);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;animation:TabIndicator_fadeSlideIn__eaXBH .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes TabIndicator_fadeSlideIn__eaXBH{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.TabIndicator_panelIcon__hSdw4{font-size:var(--text-6xl);margin-bottom:var(--space-4);animation:TabIndicator_iconBounce__c_OC3 .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes TabIndicator_iconBounce__c_OC3{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.TabIndicator_panelTitle__W6a5L{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.TabIndicator_panelContent__2dW0z{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;max-width:600px;margin:0 auto}.TabIndicator_info__EmNnW{width:100%;max-width:800px;margin:0 auto;padding:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.TabIndicator_infoTitle__AGQ_5{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.TabIndicator_infoList__2D7R_{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.TabIndicator_infoList__2D7R_ li{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;padding-left:var(--space-6);position:relative}.TabIndicator_infoList__2D7R_ li:before{content:"→";position:absolute;left:0;color:var(--color-accent);font-weight:700}.TabIndicator_infoList__2D7R_ strong{color:var(--color-text-primary);font-weight:var(--font-semibold)}@media (max-width:768px){.TabIndicator_container__hkpe9{padding:var(--space-4)}.TabIndicator_tabsContainer__7uUa6{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.TabIndicator_tabsContainer__7uUa6::-webkit-scrollbar{display:none}.TabIndicator_tab__gIRYA{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.TabIndicator_tabIcon__HCBrz{font-size:var(--text-base)}.TabIndicator_panel__Ln5dK{padding:var(--space-6) var(--space-4)}.TabIndicator_panelIcon__hSdw4{font-size:var(--text-5xl)}.TabIndicator_panelTitle__W6a5L{font-size:var(--text-xl)}.TabIndicator_panelContent__2dW0z{font-size:var(--text-sm)}}@media (max-width:640px){.TabIndicator_tabLabel__X558I{display:none}.TabIndicator_tab__gIRYA{padding:var(--space-3)}}@media (prefers-reduced-motion:reduce){.TabIndicator_indicator__d5vn8{transition:transform .15s ease,width .15s ease}.TabIndicator_panel__Ln5dK{animation:TabIndicator_simpleFade__2b_hd .2s ease}@keyframes TabIndicator_simpleFade__2b_hd{0%{opacity:0}to{opacity:1}}.TabIndicator_panelIcon__hSdw4{animation:none}}.ToastNotification_container__neecM{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-8);width:100%;min-height:400px;position:relative}.ToastNotification_toastContainer__QrKhU{position:fixed;display:flex;flex-direction:column;gap:var(--space-2);z-index:9999;pointer-events:none}.ToastNotification_toastContainer__QrKhU.ToastNotification_topRight__Eu7gZ{top:var(--space-4);right:var(--space-4)}.ToastNotification_toastContainer__QrKhU.ToastNotification_topLeft__1CL1i{top:var(--space-4);left:var(--space-4)}.ToastNotification_toastContainer__QrKhU.ToastNotification_bottomRight__0pcg_{bottom:var(--space-4);right:var(--space-4)}.ToastNotification_toastContainer__QrKhU.ToastNotification_bottomLeft__p5UH1{bottom:var(--space-4);left:var(--space-4)}.ToastNotification_toast__pUmgc{display:flex;align-items:center;gap:var(--space-3);min-width:320px;max-width:420px;padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto;animation:ToastNotification_slideIn__2Jolo .3s var(--ease-out) forwards}.ToastNotification_bottomRight__0pcg_ .ToastNotification_toast__pUmgc,.ToastNotification_topRight__Eu7gZ .ToastNotification_toast__pUmgc{animation:ToastNotification_slideInRight__if4ln .3s var(--ease-out) forwards}.ToastNotification_bottomLeft__p5UH1 .ToastNotification_toast__pUmgc,.ToastNotification_topLeft__1CL1i .ToastNotification_toast__pUmgc{animation:ToastNotification_slideInLeft__Wqu_3 .3s var(--ease-out) forwards}@keyframes ToastNotification_slideInRight__if4ln{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes ToastNotification_slideInLeft__Wqu_3{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}.ToastNotification_toastIcon__Ojx9Q{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:var(--text-base);font-weight:var(--font-bold);flex-shrink:0;border-radius:50%}.ToastNotification_toastContent__bK4_x{flex:1 1;min-width:0}.ToastNotification_toastMessage__Y5zjf{margin:0;font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1.5;word-wrap:break-word}.ToastNotification_dismissButton__QzzMN{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;transition:color var(--duration-fast) ease}.ToastNotification_dismissButton__QzzMN:hover{color:var(--color-text-primary)}.ToastNotification_toast__pUmgc.ToastNotification_success__2otQl{border-left:4px solid var(--color-success)}.ToastNotification_toast__pUmgc.ToastNotification_success__2otQl .ToastNotification_toastIcon__Ojx9Q{color:var(--color-success);background-color:rgba(16,185,129,.1)}.ToastNotification_toast__pUmgc.ToastNotification_success__2otQl .ToastNotification_toastMessage__Y5zjf{color:var(--color-text-primary)}.ToastNotification_toast__pUmgc.ToastNotification_error__zLUqg{border-left:4px solid var(--color-error)}.ToastNotification_toast__pUmgc.ToastNotification_error__zLUqg .ToastNotification_toastIcon__Ojx9Q{color:var(--color-error);background-color:rgba(239,68,68,.1)}.ToastNotification_toast__pUmgc.ToastNotification_error__zLUqg .ToastNotification_toastMessage__Y5zjf{color:var(--color-text-primary)}.ToastNotification_toast__pUmgc.ToastNotification_warning__3MstN{border-left:4px solid var(--color-warning)}.ToastNotification_toast__pUmgc.ToastNotification_warning__3MstN .ToastNotification_toastIcon__Ojx9Q{color:var(--color-warning);background-color:rgba(245,158,11,.1)}.ToastNotification_toast__pUmgc.ToastNotification_warning__3MstN .ToastNotification_toastMessage__Y5zjf{color:var(--color-text-primary)}.ToastNotification_toast__pUmgc.ToastNotification_info__UTq2D{border-left:4px solid var(--color-accent)}.ToastNotification_toast__pUmgc.ToastNotification_info__UTq2D .ToastNotification_toastIcon__Ojx9Q{color:var(--color-accent);background-color:rgba(59,130,246,.1)}.ToastNotification_toast__pUmgc.ToastNotification_info__UTq2D .ToastNotification_toastMessage__Y5zjf{color:var(--color-text-primary)}.ToastNotification_controls__t4YIq{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);width:100%;max-width:500px;margin-top:auto}.ToastNotification_label__QFM4Y{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);margin:0 0 var(--space-2) 0}.ToastNotification_variantButtons__idMW2{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%}.ToastNotification_button__3mq49{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) ease}.ToastNotification_button__3mq49:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.ToastNotification_button__3mq49:active{transform:scale(.98)}.ToastNotification_successButton__n_jE_{background-color:var(--color-success)}.ToastNotification_errorButton__Roz9w{background-color:var(--color-error)}.ToastNotification_warningButton__7LQX5{background-color:var(--color-warning)}.ToastNotification_infoButton__ogmAM{background-color:var(--color-accent)}.ToastNotification_positionSelector__R3byp{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.ToastNotification_positionGrid___tHa9{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-2);gap:var(--space-2)}.ToastNotification_positionButton__0v7Ks{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) ease}.ToastNotification_positionButton__0v7Ks:hover{border-color:var(--color-accent);background-color:var(--color-background)}.ToastNotification_positionButton__0v7Ks.ToastNotification_active__1SAfm{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}@media (max-width:640px){.ToastNotification_toast__pUmgc{min-width:280px;max-width:calc(100vw - 2rem)}.ToastNotification_toastContainer__QrKhU.ToastNotification_bottomRight__0pcg_,.ToastNotification_toastContainer__QrKhU.ToastNotification_topRight__Eu7gZ{right:var(--space-2)}.ToastNotification_toastContainer__QrKhU.ToastNotification_bottomLeft__p5UH1,.ToastNotification_toastContainer__QrKhU.ToastNotification_topLeft__1CL1i{left:var(--space-2)}.ToastNotification_toastContainer__QrKhU.ToastNotification_topLeft__1CL1i,.ToastNotification_toastContainer__QrKhU.ToastNotification_topRight__Eu7gZ{top:var(--space-2)}.ToastNotification_toastContainer__QrKhU.ToastNotification_bottomLeft__p5UH1,.ToastNotification_toastContainer__QrKhU.ToastNotification_bottomRight__0pcg_{bottom:var(--space-2)}}@media (prefers-reduced-motion:reduce){.ToastNotification_toast__pUmgc{animation:ToastNotification_fadeIn__yJ06C .2s ease forwards}@keyframes ToastNotification_fadeIn__yJ06C{0%{opacity:0}to{opacity:1}}.ToastNotification_button__3mq49:active,.ToastNotification_button__3mq49:hover{transform:none}}.CodeBlock_codeBlock__kVHZ8{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;position:relative}.CodeBlock_header__SJGVS{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background-color:var(--color-background);border-bottom:1px solid var(--color-border)}.CodeBlock_language__S_OiF{font-size:var(--text-xs);font-weight:var(--font-semibold);font-family:var(--font-mono);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.CodeBlock_copyButton__V_5rE{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-base) ease}.CodeBlock_copyButton__V_5rE:hover:not(:disabled){border-color:var(--color-accent);background-color:var(--color-background)}.CodeBlock_copyButton__V_5rE:disabled{opacity:.5;cursor:not-allowed}.CodeBlock_code__Q3szK{overflow-x:auto;font-size:var(--text-sm);line-height:1.6}.CodeBlock_code__Q3szK pre{margin:0!important;padding:var(--space-4)!important;background-color:transparent!important}.CodeBlock_code__Q3szK code{font-family:var(--font-mono);font-size:var(--text-sm)}.CodeBlock_loading__pyVU8{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12);background-color:var(--color-surface);color:var(--color-text-secondary);font-size:var(--text-sm);min-height:200px}.CodeBlock_loadingSpinner__4X1dk{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:CodeBlock_spin__4N2Gm .8s linear infinite}@keyframes CodeBlock_spin__4N2Gm{to{transform:rotate(1turn)}}.CodeBlock_code__Q3szK::-webkit-scrollbar{height:8px}.CodeBlock_code__Q3szK::-webkit-scrollbar-track{background:var(--color-background)}.CodeBlock_code__Q3szK::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}.CodeBlock_code__Q3szK::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.CodeBlock_particle__kzfbW{position:fixed;top:0;left:0;width:12px;height:6px;border-radius:2px;pointer-events:none;z-index:10000;box-shadow:0 2px 4px rgba(0,0,0,.2)}.CodeBlock_toastContainer___y9Ii{position:fixed;bottom:var(--space-4);right:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);z-index:9999;pointer-events:none}.CodeBlock_toast__7hUwe{display:flex;align-items:center;gap:var(--space-3);min-width:320px;max-width:420px;padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto;animation:CodeBlock_slideInRight__Pu841 .3s var(--ease-out) forwards}@keyframes CodeBlock_slideInRight__Pu841{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.CodeBlock_toastIcon___ApQW{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:var(--text-base);font-weight:var(--font-bold);flex-shrink:0;border-radius:50%}.CodeBlock_toastContent__rPdwG{flex:1 1;min-width:0}.CodeBlock_toastMessage__WIqpK{margin:0;font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1.5;word-wrap:break-word}.CodeBlock_dismissButton__8TL57{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;transition:color var(--duration-fast) ease}.CodeBlock_dismissButton__8TL57:hover{color:var(--color-text-primary)}.CodeBlock_toast__7hUwe.CodeBlock_success__FCYyT{border-left:4px solid var(--color-success)}.CodeBlock_toast__7hUwe.CodeBlock_success__FCYyT .CodeBlock_toastIcon___ApQW{color:var(--color-success);background-color:rgba(16,185,129,.1)}.CodeBlock_toast__7hUwe.CodeBlock_success__FCYyT .CodeBlock_toastMessage__WIqpK{color:var(--color-text-primary)}.CodeBlock_toast__7hUwe.CodeBlock_error__mNsFN{border-left:4px solid var(--color-error)}.CodeBlock_toast__7hUwe.CodeBlock_error__mNsFN .CodeBlock_toastIcon___ApQW{color:var(--color-error);background-color:rgba(239,68,68,.1)}.CodeBlock_toast__7hUwe.CodeBlock_error__mNsFN .CodeBlock_toastMessage__WIqpK{color:var(--color-text-primary)}@media (max-width:640px){.CodeBlock_code__Q3szK{font-size:var(--text-xs)}.CodeBlock_loading__pyVU8{padding:var(--space-8);min-height:150px}.CodeBlock_toast__7hUwe{min-width:280px;max-width:calc(100vw - 2rem)}.CodeBlock_toastContainer___y9Ii{right:var(--space-2);bottom:var(--space-2)}}@media (prefers-reduced-motion:reduce){.CodeBlock_particle__kzfbW{animation:none!important}.CodeBlock_toast__7hUwe{animation:CodeBlock_fadeIn__Aswxl .2s ease forwards}@keyframes CodeBlock_fadeIn__Aswxl{0%{opacity:0}to{opacity:1}}}