@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@500;600;700&family=Nunito:wght@400;500;600;700;800&display=swap";._nav-search-button_6rw3t_6{border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;background:linear-gradient(135deg,#ffffffe6 0%,#fef3e8d9 100%);border:1px solid #f07b4b26;align-items:center;gap:10px;padding:9px 16px;font-weight:600;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #f07b4b0f,inset 0 1px #fffc}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) ._nav-search-button_6rw3t_6{background:linear-gradient(135deg,#302d2ae6 0%,#252220d9 100%);border-color:#f5936733;box-shadow:0 1px 3px #0003,inset 0 1px #ffffff0d}}:root[data-theme=dark] ._nav-search-button_6rw3t_6{background:linear-gradient(135deg,#302d2ae6 0%,#252220d9 100%);border-color:#f5936733;box-shadow:0 1px 3px #0003,inset 0 1px #ffffff0d}._nav-search-button_6rw3t_6:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:50%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}._nav-search-button_6rw3t_6:hover:before{left:150%}._nav-search-button_6rw3t_6:hover{color:var(--color-text-primary);border-color:#f07b4b59;transform:translateY(-1px);box-shadow:0 4px 16px #f07b4b1f,0 2px 4px #f07b4b14,inset 0 1px #ffffffe6}._nav-search-button_6rw3t_6 svg{color:var(--color-coral);opacity:.7;z-index:1;transition:all .25s cubic-bezier(.34,1.56,.64,1);position:relative}._nav-search-button_6rw3t_6 span{z-index:1;position:relative}._nav-search-button_6rw3t_6:hover svg{opacity:1;transform:scale(1.08)}._nav-search-shortcut_6rw3t_106{color:var(--color-coral);z-index:1;background:#f07b4b1f;border:none;border-radius:5px;justify-content:center;align-items:center;padding:4px 8px;font-family:inherit;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex;position:relative}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) ._nav-search-shortcut_6rw3t_106{background:#f5936726}}:root[data-theme=dark] ._nav-search-shortcut_6rw3t_106{background:#f5936726}._nav-search-button_6rw3t_6:hover ._nav-search-shortcut_6rw3t_106{background:#f07b4b33}._search-backdrop_1fmkc_2{-webkit-backdrop-filter:blur(12px)saturate(180%);z-index:var(--z-modal);background:#2d2a2666;animation:.25s ease-out _searchBackdropFadeIn_1fmkc_1;position:fixed;inset:0}@keyframes _searchBackdropFadeIn_1fmkc_1{0%{opacity:0;-webkit-backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(12px)}}._search-backdrop-closing_1fmkc_25{animation:.2s ease-in forwards _searchBackdropFadeOut_1fmkc_1}@keyframes _searchBackdropFadeOut_1fmkc_1{0%{opacity:1;-webkit-backdrop-filter:blur(12px)}to{opacity:0;-webkit-backdrop-filter:blur()}}._search-container_1fmkc_43{z-index:calc(var(--z-modal) + 1);justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0;overflow-y:auto}._search-dialog_1fmkc_55{width:100%;max-width:620px;margin:0 var(--spacing-lg);background:var(--color-surface);border-radius:20px;animation:.35s cubic-bezier(.34,1.56,.64,1) _searchDialogSlideIn_1fmkc_1;position:relative;overflow:hidden;box-shadow:0 0 0 1px #f07b4b14,0 4px 6px -1px #0000000d,0 10px 15px -3px #00000014,0 20px 25px -5px #00000014,0 25px 50px -12px #00000026,0 0 80px -20px #f07b4b26}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) ._search-dialog_1fmkc_55{background:#252220f2;box-shadow:0 0 0 1px #fef3e814,0 25px 50px -12px #00000080,0 0 100px -20px #f07b4b33}:root:not([data-theme=light]) ._search-backdrop_1fmkc_2{background:#00000080}}:root[data-theme=dark] ._search-dialog_1fmkc_55{background:#252220f2;box-shadow:0 0 0 1px #fef3e814,0 25px 50px -12px #00000080,0 0 100px -20px #f07b4b33}:root[data-theme=dark] ._search-backdrop_1fmkc_2{background:#00000080}@keyframes _searchDialogSlideIn_1fmkc_1{0%{opacity:0;transform:translateY(-24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}._search-dialog-closing_1fmkc_110{animation:.2s ease-in forwards _searchDialogSlideOut_1fmkc_1}@keyframes _searchDialogSlideOut_1fmkc_1{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-16px)scale(.97)}}._search-dialog_1fmkc_55:before{content:"";opacity:.8;background:linear-gradient(90deg,#0000 0%,#f07b4b99 20%,#f89042cc 50%,#d4a4b899 80%,#0000 100%);height:3px;position:absolute;top:0;left:0;right:0}._search-input-wrapper_1fmkc_145{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-divider);background:0 0;display:flex}._search-icon_1fmkc_154{color:var(--color-coral);opacity:.7;transition:opacity var(--transition-fast);flex-shrink:0}._search-input-wrapper_1fmkc_145:focus-within ._search-icon_1fmkc_154{opacity:1}._search-input_1fmkc_145{height:44px;font-size:18px;font-family:var(--font-family);color:var(--color-text-primary);letter-spacing:-.01em;background:0 0;border:none;outline:none;flex:1;padding:0;font-weight:500}._search-input_1fmkc_145:focus-visible{outline:none}._search-input_1fmkc_145::placeholder{color:var(--color-text-tertiary);font-weight:400}._search-input_1fmkc_145::selection{background:#f07b4b33}._search-clear_1fmkc_196{background:var(--color-background);border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}._search-clear_1fmkc_196:hover{color:var(--color-coral);background:#f07b4b1a;transform:scale(1.05)}._search-clear_1fmkc_196:active{transform:scale(.95)}._search-shortcut_1fmkc_221{font-size:12px;font-weight:600;font-family:var(--font-family);background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-tertiary);letter-spacing:.02em;border-radius:8px;justify-content:center;align-items:center;padding:5px 10px;display:inline-flex}@media (width<=640px){._search-container_1fmkc_43{padding-top:8vh}._search-dialog_1fmkc_55{margin:0 var(--spacing-sm);border-radius:16px;max-width:100%}._search-input-wrapper_1fmkc_145{padding:var(--spacing-md) var(--spacing-lg)}._search-input_1fmkc_145{height:40px;font-size:16px}}._search-results_p3571_2{max-height:420px;padding:var(--spacing-sm) 0;background:0 0;overflow-y:auto}._search-results_p3571_2::-webkit-scrollbar{width:8px}._search-results_p3571_2::-webkit-scrollbar-track{margin:var(--spacing-sm) 0;background:0 0}._search-results_p3571_2::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full);border:2px solid var(--color-surface)}._search-results_p3571_2::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}._search-results-header_p3571_29{padding:var(--spacing-sm) var(--spacing-xl);margin-bottom:var(--spacing-xs)}._search-results-count_p3571_34{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600}._search-empty_p3571_43{padding:var(--spacing-3xl) var(--spacing-xl);text-align:center}._search-empty-icon_p3571_48{width:72px;height:72px;margin:0 auto var(--spacing-lg);background:linear-gradient(135deg,#f07b4b1a 0%,#d4a4b81a 100%);border-radius:20px;justify-content:center;align-items:center;display:flex;position:relative}._search-empty-icon_p3571_48:before{content:"";-webkit-mask-composite:xor;background:linear-gradient(135deg,#f07b4b4d 0%,#d4a4b84d 100%);border-radius:20px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}._search-empty-icon_p3571_48 svg{width:32px;height:32px;color:var(--color-coral)}._search-empty-title_p3571_88{font-size:var(--font-size-xl);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);letter-spacing:-.01em;font-weight:700}._search-empty-description_p3571_96{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);max-width:320px;margin-left:auto;margin-right:auto;line-height:1.5}._search-module-header_p3571_107{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl) var(--spacing-xs);background:var(--color-surface);z-index:1;display:flex;position:sticky;top:0}._search-module-header_p3571_107 svg{color:var(--color-coral);opacity:.8}._search-module-title_p3571_123{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:700}._search-result_p3571_2{width:calc(100% - var(--spacing-lg));justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);text-align:left;cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;border-radius:12px;margin:0 auto;display:flex;position:relative}._search-result_p3571_2:hover,._search-result_p3571_2._selected_p3571_150{background:var(--color-background)}._search-result_p3571_2._selected_p3571_150{background:linear-gradient(135deg,#f07b4b14 0%,#d4a4b80f 100%)}._search-result_p3571_2._selected_p3571_150:before{content:"";background:var(--gradient-coral-pink);border-radius:2px;width:3px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%)}._search-result_p3571_2:active{transform:scale(.99)}._search-result-number_p3571_178{width:24px;color:var(--color-text-secondary);text-align:center;transition:all var(--transition-fast);flex-shrink:0;font-size:13px;font-weight:600}._search-result_p3571_2:hover ._search-result-number_p3571_178,._search-result_p3571_2._selected_p3571_150 ._search-result-number_p3571_178{color:var(--color-coral)}._search-result-content_p3571_193{flex:1;min-width:0}._search-result-title_p3571_198{font-size:var(--font-size-sm);color:var(--color-text-primary);letter-spacing:-.01em;margin-bottom:4px;font-weight:600;display:block}._search-result-description_p3571_207{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4}._search-highlight_p3571_214{color:var(--color-coral);background:linear-gradient(135deg,#f07b4b40,#d4a4b833);border-radius:4px;margin:0 -1px;padding:1px 4px;font-weight:600}._search-result-arrow_p3571_223{width:28px;height:28px;color:var(--color-text-tertiary);opacity:0;transition:all var(--transition-fast);background:var(--color-background);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;display:flex;transform:translate(-4px)}._search-result_p3571_2:hover ._search-result-arrow_p3571_223,._search-result_p3571_2._selected_p3571_150 ._search-result-arrow_p3571_223{opacity:1;color:var(--color-coral);background:#f07b4b1a;transform:translate(0)}._search-footer_p3571_247{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-background);border-top:1px solid var(--color-divider);justify-content:space-between;align-items:center;display:flex}._search-footer-hint_p3571_256{align-items:center;gap:var(--spacing-lg);font-size:var(--font-size-xs);color:var(--color-text-tertiary);display:flex}._search-footer-hint_p3571_256 kbd{min-width:24px;font-size:11px;font-weight:600;font-family:var(--font-family);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:6px;justify-content:center;align-items:center;padding:4px 8px;display:inline-flex;box-shadow:0 1px 2px #0000000a}._search-footer-separator_p3571_280{background:var(--color-coral);opacity:.4;border-radius:50%;width:4px;height:4px}@media (width<=640px){._search-results_p3571_2{max-height:50vh}._search-result_p3571_2{width:calc(100% - var(--spacing-md));padding:var(--spacing-sm) var(--spacing-md)}._nav-search-button_p3571_299 span{display:none}._search-footer_p3571_247{padding:var(--spacing-sm) var(--spacing-md)}._search-footer-hint_p3571_256{gap:var(--spacing-sm);font-size:10px}._search-empty_p3571_43{padding:var(--spacing-2xl) var(--spacing-md)}._search-empty-icon_p3571_48{width:60px;height:60px}._search-empty-icon_p3571_48 svg{width:28px;height:28px}}._toggle_anaas_5{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}._toggle_anaas_5:hover{color:var(--color-text-primary);background:#f07b4b0f}._toggle_anaas_5:focus-visible{box-shadow:0 0 0 2px var(--color-coral);outline:none}._toggle_anaas_5:active{transform:scale(.95)}._iconWrapper_anaas_36{z-index:1;transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}._toggle_anaas_5:hover ._iconWrapper_anaas_36{transform:scale(1.1)}._toggle_anaas_5:active ._iconWrapper_anaas_36{animation:.3s ease-out _iconSpin_anaas_1}@keyframes _iconSpin_anaas_1{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(.8)}to{transform:rotate(360deg)scale(1)}}[data-theme=dark] ._toggle_anaas_5{color:var(--color-text-secondary)}[data-theme=dark] ._toggle_anaas_5:hover{color:var(--color-coral)}[data-theme=dark] ._toggle_anaas_5:hover:before{background:#f07b4b1f}._container_w8adi_1{z-index:100;display:inline-flex;position:relative}._trigger_w8adi_7{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}._trigger_w8adi_7:hover{color:var(--color-text-primary);background:#f07b4b0f}._triggerOpen_w8adi_29{color:var(--color-coral);background:#f07b4b14}._trigger_w8adi_7:focus-visible{box-shadow:0 0 0 2px var(--color-coral);outline:none}._globeIcon_w8adi_39{transition:transform var(--transition-fast);flex-shrink:0}._trigger_w8adi_7:hover ._globeIcon_w8adi_39{transform:scale(1.1)}._dropdown_w8adi_48{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:160px;box-shadow:var(--shadow-lifted);opacity:0;visibility:hidden;pointer-events:none;padding:6px;transition:opacity .15s,visibility .15s,transform .15s;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;transform:translateY(-6px)scale(.97)}._dropdownOpen_w8adi_69{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}._option_w8adi_76{border-radius:var(--radius-sm);width:100%;color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-weight:600;transition:background .15s,color .15s;display:flex}._option_w8adi_76:hover{color:var(--color-text-primary);background:#f07b4b14}._option_w8adi_76:focus-visible{box-shadow:inset 0 0 0 1px var(--color-coral);background:#f07b4b1a;outline:none}._optionActive_w8adi_107{color:var(--color-text-primary);background:#f07b4b14}._optionActive_w8adi_107:hover{background:#f07b4b1f}._optionFlag_w8adi_116{flex-shrink:0;justify-content:center;align-items:center;display:flex}._flagIcon_w8adi_123{border-radius:2px;display:block;box-shadow:0 1px 2px #0000001a}._optionLabel_w8adi_129{flex:1}._checkIcon_w8adi_133{color:#0000;flex-shrink:0;transition:color .15s}._optionActive_w8adi_107 ._checkIcon_w8adi_133{color:var(--color-coral)}._navPrimary_1wz0p_10{align-items:center;gap:var(--spacing-xs);display:flex}._navUtilities_1wz0p_17{padding-left:var(--spacing-md);margin-left:var(--spacing-md);align-items:center;gap:4px;display:flex;position:relative}._navUtilities_1wz0p_17:before{content:"";background:linear-gradient(180deg, transparent 0%, var(--color-border) 30%, var(--color-border) 70%, transparent 100%);opacity:.6;width:1px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}._searchButton_1wz0p_46{border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 10px;transition:all .2s;display:flex}._searchButton_1wz0p_46:hover{color:var(--color-text-primary);background:#f07b4b0f}._searchButton_1wz0p_46 svg{transition:transform .2s}._searchButton_1wz0p_46:hover svg{transform:scale(1.1)}._searchShortcut_1wz0p_72{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-tertiary);border-radius:4px;justify-content:center;align-items:center;padding:2px 6px;font-family:inherit;font-size:10px;font-weight:600;transition:all .2s;display:inline-flex}._searchButton_1wz0p_46:hover ._searchShortcut_1wz0p_72{color:var(--color-coral);border-color:var(--color-coral);background:#f07b4b14}@media (width<=968px){._navPrimary_1wz0p_10{flex-direction:column;gap:0;width:100%;margin:0;padding:0}._navUtilities_1wz0p_17{gap:2px;margin-left:0;padding-left:0}._navUtilities_1wz0p_17:before,._searchShortcut_1wz0p_72{display:none}}.nav{transition:transform .5s cubic-bezier(.32,.72,0,1),background-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,border-color .3s,box-shadow .3s}.nav.scrolled{background:#ffffffd9;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .nav.scrolled{background:#000000d9;box-shadow:0 1px 3px #0003,0 4px 12px #00000026}}.nav:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#007aff26 20%,#5856d626 50%,#007aff26 80%,#0000);height:1px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.nav.scrolled:before{opacity:1}.nav-container{transition:opacity .3s}.nav-logo{position:relative}.nav-logo:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#f07b4b33 0%,#0000 70%);border-radius:50%;width:56px;height:56px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:25px;transform:translate(-50%,-50%)scale(.8)}.nav-logo:hover:after{opacity:1;transform:translate(-50%,-50%)scale(1)}.nav-link{position:relative}.nav-link-active:after{display:none}.nav-links>:first-child{animation-delay:50ms}.nav-links>:nth-child(2){animation-delay:80ms}.nav-links>:nth-child(3){animation-delay:.11s}.nav-links>:nth-child(4){animation-delay:.14s}.nav-links>:nth-child(5){animation-delay:.17s}.nav-links>:nth-child(6){animation-delay:.2s}.nav-links>:nth-child(7){animation-delay:.23s}.nav-links>:nth-child(8){animation-delay:.26s}.nav-link-github:after{display:none}.nav-toggle span{transform-origin:50%}.nav-links.open{width:100%;height:calc(100dvh - 56px);padding:var(--spacing-xl) var(--spacing-lg);background:var(--color-background);-webkit-overflow-scrolling:touch;z-index:var(--z-nav,100);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;animation:.35s cubic-bezier(.16,1,.3,1) _menuSlideIn_1wz0p_1;position:fixed;inset:56px 0 0;overflow-y:auto;display:flex!important}.nav-links.open:before{content:"";pointer-events:none;background:radial-gradient(circle,#f07b4b14 0%,#d4a4b80a 40%,#0000 70%);border-radius:50%;width:300px;height:300px;animation:4s ease-in-out infinite alternate _orbPulse_1wz0p_1;position:absolute;top:15%;right:-20%}@keyframes _orbPulse_1wz0p_1{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.15)}}@keyframes _menuSlideIn_1wz0p_1{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-links.open>*{width:100%;animation:.4s cubic-bezier(.16,1,.3,1) backwards _menuItemSlideIn_1wz0p_1}.nav-links.open>:first-child{animation-delay:60ms}.nav-links.open>:nth-child(2){animation-delay:.1s}.nav-links.open>:nth-child(3){animation-delay:.14s}.nav-links.open>:nth-child(4){animation-delay:.18s}.nav-links.open>:nth-child(5){animation-delay:.22s}@keyframes _menuItemSlideIn_1wz0p_1{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.nav-links.open .nav-link{padding:var(--spacing-lg) var(--spacing-md);letter-spacing:-.01em;border-radius:var(--radius-lg);border-bottom:1px solid #f07b4b0f;justify-content:flex-start;font-size:1.5rem;font-weight:500;transition:all .25s cubic-bezier(.34,1.56,.64,1);position:relative}.nav-links.open .nav-link:before{content:"";background:linear-gradient(180deg, var(--color-coral), var(--color-pink));border-radius:3px;width:3px;height:60%;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(0)}.nav-links.open .nav-link:hover:before{transform:translateY(-50%)scaleY(1)}.nav-links.open .nav-link:hover{padding-left:var(--spacing-lg);color:var(--color-text-primary);background:#f07b4b0f}.nav-links.open .nav-link:last-child{border-bottom:none}.nav-links.open .nav-link-active{color:var(--color-coral)!important}.nav-links.open .nav-link-active:before{transform:translateY(-50%)scaleY(1)}.nav-links.open .nav-link-github{margin-top:var(--spacing-md);font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-lg);border-bottom:none;justify-content:center;font-weight:700}.nav-links.open .nav-link-github:before{display:none}.demo-page{background:radial-gradient(ellipse 80% 50% at 50% -10%, #f07b4b14 0%, transparent 50%), radial-gradient(ellipse 60% 40% at 80% 80%, #d4a4b80f 0%, transparent 40%), var(--color-background);min-height:100vh;padding-top:100px;padding-bottom:100px;position:relative;overflow:hidden}.demo-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.demo-blur{filter:blur(150px);opacity:.15;will-change:transform;border-radius:50%;position:absolute}.demo-blur-1{background:radial-gradient(circle, var(--color-coral) 0%, transparent 70%);width:700px;height:700px;animation:15s ease-in-out infinite blobFloat1;top:-5%;right:-15%}.demo-blur-2{background:radial-gradient(circle, var(--color-pink) 0%, transparent 70%);width:600px;height:600px;animation:18s ease-in-out infinite blobFloat2;bottom:5%;left:-10%}.demo-blur-3{background:radial-gradient(circle, var(--color-orange) 0%, transparent 70%);opacity:.08;width:500px;height:500px;animation:20s ease-in-out infinite blobFloat3;top:45%;left:45%;transform:translate(-50%,-50%)}@keyframes blobFloat1{0%,to{transform:translate(0)scale(1)rotate(0)}25%{transform:translate(40px,-30px)scale(1.1)rotate(5deg)}50%{transform:translate(20px,40px)scale(.95)rotate(-3deg)}75%{transform:translate(-30px,10px)scale(1.05)rotate(2deg)}}@keyframes blobFloat2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-25px,35px)scale(1.08)}66%{transform:translate(35px,-20px)scale(.92)}}@keyframes blobFloat3{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-45%,-55%)scale(1.15)}}.demo-container{max-width:1280px;padding:var(--spacing-xl) var(--spacing-lg);z-index:1;margin:0 auto;position:relative}.demo-header{text-align:center;margin-bottom:var(--spacing-4xl);animation:.8s cubic-bezier(.16,1,.3,1) backwards demoFadeIn}@keyframes demoFadeIn{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.demo-live-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-coral);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,#f07b4b1f 0%,#d4a4b814 100%);border:1px solid #f07b4b33;align-items:center;gap:8px;padding:8px 18px;font-weight:700;display:inline-flex}.demo-live-badge:before{content:"";background:var(--color-coral);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite livePulse;box-shadow:0 0 8px #f07b4b99}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.demo-title{font-family:var(--font-family-display);font-size:clamp(2.5rem, 5vw, var(--font-size-6xl));letter-spacing:var(--letter-spacing-display);margin-bottom:var(--spacing-lg);color:var(--color-text-primary);font-weight:700;line-height:1.05}.demo-title-gradient{background:linear-gradient(135deg,#f07b4b 0%,#f89042 40%,#d4a4b8 80%,#c593a8 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite titleShimmer}@keyframes titleShimmer{0%,to{background-position:0%}50%{background-position:100%}}.demo-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);text-wrap:pretty;max-width:620px;margin:0 auto;line-height:1.75}.inline-code{color:var(--color-coral);white-space:nowrap;background:linear-gradient(135deg,#f07b4b1f 0%,#d4a4b81a 100%);border:1px solid #f07b4b33;border-radius:8px;padding:4px 12px;font-family:SF Mono,Monaco,Cascadia Code,JetBrains Mono,monospace;font-size:.85em;font-weight:600}.demo-workspace{gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl);animation:.8s cubic-bezier(.16,1,.3,1) .15s backwards demoFadeIn;display:flex}.demo-editor-panel{flex:1;min-width:0;transition:flex .4s cubic-bezier(.16,1,.3,1)}.demo-editor-panel--split{flex:1.25}.demo-output-panel{flex:.75;min-width:320px;animation:.5s cubic-bezier(.16,1,.3,1) outputSlideIn}@keyframes outputSlideIn{0%{opacity:0;transform:translate(32px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}.demo-editor-chrome,.demo-output-chrome{align-items:center;gap:var(--spacing-md);padding:14px var(--spacing-lg);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:linear-gradient(#fffffff2 0%,#fff9f5e6 100%);border:1px solid #f07b4b1f;border-bottom-color:#f07b4b14;display:flex;box-shadow:inset 0 -1px #fffc,0 4px 12px #f07b4b0f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .demo-editor-chrome,:root:not([data-theme=light]) .demo-output-chrome{background:linear-gradient(#302d2af2 0%,#252220e6 100%);border-color:#fef3e81a}}:root[data-theme=dark] .demo-editor-chrome,:root[data-theme=dark] .demo-output-chrome{background:linear-gradient(#302d2af2 0%,#252220e6 100%);border-color:#fef3e81a}.demo-chrome-dots{padding-right:var(--spacing-sm);gap:8px;display:flex}.demo-chrome-dot{cursor:default;border-radius:50%;width:14px;height:14px;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:relative}.demo-chrome-dot:after{content:"";background:linear-gradient(#fff6 0%,#0000 60%);border-radius:50%;position:absolute;inset:3px}.demo-chrome-dot--red{background:linear-gradient(160deg,#ff6b6b 0%,#d84545 100%);box-shadow:0 1px 3px #d8454566,inset 0 -2px 6px #00000026}.demo-chrome-dot--yellow{background:linear-gradient(160deg,#ffdc5d 0%,#f5b800 100%);box-shadow:0 1px 3px #f5b80066,inset 0 -2px 6px #0000001f}.demo-chrome-dot--green{background:linear-gradient(160deg,#7bc47f 0%,#4caf50 100%);box-shadow:0 1px 3px #4caf5066,inset 0 -2px 6px #0000001f}.demo-editor-chrome:hover .demo-chrome-dot{animation:.35s cubic-bezier(.34,1.56,.64,1) dotPop}.demo-chrome-dot:first-child{animation-delay:0s}.demo-chrome-dot:nth-child(2){animation-delay:50ms}.demo-chrome-dot:nth-child(3){animation-delay:.1s}@keyframes dotPop{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.demo-chrome-title{font-family:var(--font-family-display);font-size:var(--font-size-sm);color:var(--color-text-secondary);align-items:center;gap:var(--spacing-sm);letter-spacing:.02em;flex:1;font-weight:600;display:flex}.demo-chrome-title svg{opacity:.6}.demo-chrome-actions{align-items:center;gap:6px;display:flex}.demo-action-divider{background:linear-gradient(180deg, transparent 0%, var(--color-border) 50%, transparent 100%);width:1px;height:24px;margin:0 6px}.demo-action-btn{border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:7px;padding:8px 12px;font-weight:600;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.demo-action-btn:before{content:"";background:var(--gradient-shimmer);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.demo-action-btn:hover:before{transform:translate(100%)}.demo-action-btn:hover{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border);transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.demo-action-btn:active{transform:translateY(0)}.demo-action-btn--primary{background:var(--gradient-coral-pink);color:#fff;border:none;padding:8px 18px;box-shadow:0 2px 8px #f07b4b4d,inset 0 0 0 1px #f07b4b1a}.demo-action-btn--primary:hover{color:#fff;background:var(--gradient-coral-pink);transform:translateY(-2px);box-shadow:0 6px 20px #f07b4b66,inset 0 0 0 1px #fff3}.demo-action-btn--danger{color:var(--color-red)}.demo-action-btn--danger:hover{color:var(--color-red);background:#e85a4f14;border-color:#e85a4f33}.demo-close-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.demo-close-btn:hover{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary);transform:rotate(90deg)}.editor-container{background:var(--color-surface);border-radius:0 0 var(--radius-xl) var(--radius-xl);border:1px solid #f07b4b1a;border-top:none;position:relative;overflow:hidden;box-shadow:0 8px 32px #f07b4b14,0 24px 64px #0000000a,0 0 0 1px #f07b4b14}.editor-container:before{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 1px 2px #00000005}.blok-editor{min-height:480px;max-height:520px;padding:var(--spacing-xl) var(--spacing-2xl);scroll-behavior:smooth;position:relative;overflow-y:auto}.blok-editor::-webkit-scrollbar{width:10px}.blok-editor::-webkit-scrollbar-track{background:0 0;margin:8px 0}.blok-editor::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--color-border) 0%, #f07b4b26 100%);border-radius:var(--radius-full);border:2px solid var(--color-surface)}.blok-editor::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--color-text-tertiary) 0%, #f07b4b4d 100%)}.editor-placeholder{background:linear-gradient(135deg,#f07b4b05 0%,#d4a4b805 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.placeholder-content{text-align:center;color:var(--color-text-secondary)}.placeholder-content svg{margin-bottom:var(--spacing-md);animation:2s ease-in-out infinite placeholderFloat}@keyframes placeholderFloat{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-8px)}}.placeholder-content p{font-family:var(--font-family-display);font-size:var(--font-size-base);letter-spacing:.02em;font-weight:600}.demo-output-panel .output-panel{background:var(--color-surface);border-radius:0 0 var(--radius-xl) var(--radius-xl);isolation:isolate;border:1px solid #f07b4b1a;border-top:none;min-height:480px;max-height:520px;overflow:hidden;box-shadow:0 8px 32px #f07b4b14,0 24px 64px #0000000a}.demo-output-panel .output-content{min-height:430px;max-height:470px;padding:var(--spacing-lg);color:var(--color-text-primary);background:linear-gradient(135deg, #f07b4b05 0%, #d4a4b805 100%), var(--color-background);tab-size:2;white-space:pre;word-break:break-all;margin:0;font-family:SF Mono,Monaco,JetBrains Mono,Cascadia Code,monospace;font-size:13px;line-height:1.65;overflow:auto}.demo-output-panel .output-content::-webkit-scrollbar{width:8px;height:8px}.demo-output-panel .output-content::-webkit-scrollbar-track{background:0 0}.demo-output-panel .output-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.demo-output-panel .output-content::-webkit-scrollbar-corner{background:0 0}.demo-output-panel .output-header{display:none}.demo-tips{justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-4xl);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-2xl);background:linear-gradient(135deg,#f07b4b0a 0%,#d4a4b80a 100%);border:1px solid #f07b4b14;flex-wrap:wrap;animation:.8s cubic-bezier(.16,1,.3,1) .25s backwards demoFadeIn;display:flex}.demo-tip{font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-surface);border-radius:var(--radius-full);border:1px solid var(--color-border);align-items:center;gap:6px;padding:6px 12px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.demo-tip:hover{border-color:#f07b4b33;transform:translateY(-2px);box-shadow:0 4px 12px #f07b4b1a}.demo-tip kbd{min-width:26px;height:26px;color:var(--color-text-primary);background:linear-gradient(180deg, var(--color-surface) 0%, var(--color-background) 100%);border:1px solid var(--color-border);box-shadow:0 2px 0 var(--color-border), inset 0 -1px 0 #0000000d;border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-family:SF Mono,Monaco,JetBrains Mono,monospace;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.demo-tip:hover kbd{background:linear-gradient(180deg, var(--color-surface) 0%, #f07b4b0d 100%);border-color:#f07b4b33}.demo-tip>span:not(:first-child):not(:last-child){color:var(--color-text-tertiary);font-size:12px}.demo-tip>span:last-child{margin-left:4px;font-weight:500}.features-hint{gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr);animation:.8s cubic-bezier(.16,1,.3,1) .35s backwards demoFadeIn;display:grid}.hint-card{gap:var(--spacing-lg);padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-2xl);border-radius:var(--radius-2xl);background:linear-gradient(135deg,#ffffffe6 0%,#fff9f5cc 100%);border:1px solid #f07b4b1a;flex-direction:column;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.hint-card:before{content:"";opacity:0;background:linear-gradient(135deg,#0000 40%,#f07b4b08 60%,#d4a4b80d 80%,#0000 100%);width:100%;height:100%;transition:opacity .3s;position:absolute;top:-50%;right:-50%;transform:rotate(-12deg)}.hint-card:hover:before{opacity:1}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hint-card{background:linear-gradient(135deg,#302d2acc 0%,#252220e6 100%);border-color:#fef3e814}}:root[data-theme=dark] .hint-card{background:linear-gradient(135deg,#302d2acc 0%,#252220e6 100%);border-color:#fef3e814}.hint-card:hover{border-color:#f07b4b33;transform:translateY(-6px);box-shadow:0 12px 40px #f07b4b1f,0 4px 12px #0000000a}.hint-icon{background:var(--gradient-coral-pink);border-radius:var(--radius-lg);color:#fff;z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 6px 20px #f07b4b4d,0 0 0 4px #f07b4b14}.hint-card:hover .hint-icon{transform:scale(1.08)rotate(-3deg);box-shadow:0 8px 28px #f07b4b66,0 0 0 6px #f07b4b1a}.hint-content{font-size:var(--font-size-sm);color:var(--color-text-secondary);z-index:1;line-height:1.7;position:relative}.hint-content strong{font-family:var(--font-family-display);color:var(--color-text-primary);font-weight:700;font-size:var(--font-size-lg);letter-spacing:-.01em;margin-bottom:6px;display:block}.hint-content p{text-wrap:pretty;margin:0}.hint-card:first-child{animation:.6s cubic-bezier(.16,1,.3,1) .4s backwards hintCardIn}.hint-card:nth-child(2){animation:.6s cubic-bezier(.16,1,.3,1) .5s backwards hintCardIn}.hint-card:nth-child(3){animation:.6s cubic-bezier(.16,1,.3,1) .6s backwards hintCardIn}@keyframes hintCardIn{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1024px){.demo-container{max-width:100%}.demo-title{font-size:clamp(2.25rem, 4.5vw, var(--font-size-5xl))}.demo-workspace{gap:var(--spacing-lg);flex-direction:column}.demo-output-panel{min-width:auto}.features-hint{gap:var(--spacing-lg);grid-template-columns:1fr}.hint-card{align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-lg);flex-direction:row}}@media (width<=768px){.demo-page{padding-top:80px;padding-bottom:60px}.demo-container{padding:var(--spacing-lg) var(--spacing-md)}.demo-header{margin-bottom:var(--spacing-2xl)}.demo-title{font-size:var(--font-size-3xl)}.demo-subtitle{font-size:var(--font-size-base)}.blok-editor{min-height:360px;max-height:420px;padding:var(--spacing-lg)}.demo-output-panel .output-panel,.demo-output-panel .output-content{min-height:300px;max-height:360px}.demo-tips{padding:var(--spacing-md);gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl)}.demo-tip{font-size:var(--font-size-xs);padding:4px 10px}.demo-tip kbd{min-width:22px;height:22px;padding:0 6px;font-size:10px}.hint-card{padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column}.hint-icon{width:48px;height:48px}.hint-content strong{font-size:var(--font-size-base)}.demo-chrome-actions{flex-wrap:wrap;gap:4px}.demo-action-btn{padding:6px 10px}.demo-action-btn span,.demo-action-divider{display:none}}@media (width<=480px){.demo-page{padding-top:70px}.demo-tips{display:none}.demo-editor-chrome,.demo-output-chrome{padding:10px var(--spacing-md)}.demo-chrome-dots{gap:6px}.demo-chrome-dot{width:12px;height:12px}.blok-editor{min-height:300px;max-height:360px;padding:var(--spacing-md)}.features-hint{gap:var(--spacing-md)}}@media (prefers-reduced-motion:reduce){.demo-blur,.demo-title-gradient,.hint-icon,.hint-card,.demo-chrome-dot,.demo-action-btn,.demo-tip,.placeholder-content svg{transition:none!important;animation:none!important}.demo-header,.demo-workspace,.demo-tips,.features-hint,.hint-card{animation:none!important}}@media (width<=968px){.api-sidebar,.recipes-sidebar,.tools-sidebar{display:none}}.api-sidebar::-webkit-scrollbar{width:6px}.recipes-sidebar::-webkit-scrollbar{width:6px}.tools-sidebar::-webkit-scrollbar{width:6px}.api-sidebar::-webkit-scrollbar-track{background:0 0}.recipes-sidebar::-webkit-scrollbar-track{background:0 0}.tools-sidebar::-webkit-scrollbar-track{background:0 0}.api-sidebar::-webkit-scrollbar-thumb{background:#f07b4b33;border-radius:3px}.recipes-sidebar::-webkit-scrollbar-thumb{background:#f07b4b33;border-radius:3px}.tools-sidebar::-webkit-scrollbar-thumb{background:#f07b4b33;border-radius:3px}.api-sidebar::-webkit-scrollbar-thumb:hover{background:#f07b4b66}.recipes-sidebar::-webkit-scrollbar-thumb:hover{background:#f07b4b66}.tools-sidebar::-webkit-scrollbar-thumb:hover{background:#f07b4b66}@media (width<=968px){.mobile-section-nav{display:block}}@keyframes mobile-nav-dropdown-enter{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}:root:not([data-theme=light]) .mobile-section-nav-dropdown,:root[data-theme=dark] .mobile-section-nav-dropdown{background:var(--color-surface);box-shadow:0 16px 48px #0006,0 8px 24px #0000004d}@media (width<=968px){.api-docs{grid-template-columns:1fr}}@media (width<=968px){.api-content-wrapper{flex-direction:column;display:flex}}@media (width<=1200px){.api-main{padding:var(--spacing-2xl) var(--spacing-2xl)}}@media (width<=968px){.api-main{padding-top:calc(var(--spacing-2xl) + 70px)}}@media (width<=640px){.api-main{padding:var(--spacing-xl) var(--spacing-lg);padding-top:calc(var(--spacing-xl) + 70px)}}@keyframes anchorHighlight{0%{background:#f07b4b26}to{background:0 0}}@media print{.api-sidebar{display:none}.api-docs{grid-template-columns:1fr}.code-copy{display:none}}@media (width<=640px){.api-quickstart-step{padding:var(--spacing-lg)}.api-quickstart-content h3{font-size:var(--font-size-lg)}}@media (width<=640px){.api-method-card{padding:var(--spacing-md)}}.migration-main{max-width:960px;padding:140px var(--spacing-lg) var(--spacing-4xl);margin:0 auto;position:relative}@media (width<=640px){.migration-main{padding:110px var(--spacing-md) var(--spacing-3xl)}}.migration-bg{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.migration-blur{filter:blur(120px);border-radius:50%;position:absolute}.migration-blur-1{background:var(--color-coral);opacity:.1;width:700px;height:700px;animation:14s ease-in-out infinite migrationFloat;top:-300px;right:-250px}.migration-blur-2{background:var(--color-pink);opacity:.12;width:500px;height:500px;bottom:300px;left:-200px}.migration-blur-3{background:var(--color-orange);opacity:.05;width:350px;height:350px;top:55%;right:8%}.migration-radial-gradient{pointer-events:none;background:radial-gradient(at top,#f07b4b12 0%,#0000 55%);width:1200px;height:600px;position:absolute;top:0;left:50%;transform:translate(-50%)}.migration-grid-pattern{background-image:linear-gradient(#f07b4b09 1px,#0000 1px),linear-gradient(90deg,#f07b4b09 1px,#0000 1px);background-size:48px 48px;height:420px;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0% 30%,#0000 100%);mask-image:linear-gradient(#000 0% 30%,#0000 100%)}@keyframes migrationFloat{0%,to{transform:translate(0)scale(1)}50%{transform:translate(20px,-30px)scale(1.06)}}.migration-hero{text-align:center;z-index:1;margin-bottom:var(--spacing-4xl);position:relative}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.migration-hero-title{font-family:var(--font-family-display);letter-spacing:var(--letter-spacing-display);margin-bottom:var(--spacing-lg);font-size:clamp(2.4rem,6vw,3.75rem);font-weight:700;line-height:1.1;animation:.6s ease-out .1s backwards heroFadeIn}.migration-hero-title-sub{color:var(--color-text-secondary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.3em;font-size:.55em;font-weight:600;display:block}.migration-hero-title-main{display:block}.migration-hero-gradient{background:var(--gradient-coral-pink);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;position:relative}.migration-hero-gradient:after{content:"";background:var(--gradient-coral-pink);opacity:.45;border-radius:2px;height:3px;animation:.5s ease-out .85s forwards underlineReveal;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}@keyframes underlineReveal{to{transform:scaleX(1)}}.migration-hero-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:520px;margin:0 auto var(--spacing-2xl);line-height:1.75;animation:.6s ease-out .2s backwards heroFadeIn}.migration-hero-stats{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-surface);border-radius:var(--radius-2xl);border:1px solid var(--color-border);animation:.6s ease-out .4s backwards heroFadeIn;display:inline-flex;box-shadow:0 2px 8px #00000008,0 8px 24px #f07b4b12}@media (width<=640px){.migration-hero-stats{gap:var(--spacing-md);padding:var(--spacing-lg);flex-direction:column}}.migration-stat{flex-direction:column;align-items:center;gap:2px;min-width:80px;display:flex}.migration-stat-value{font-family:var(--font-family-display);font-size:var(--font-size-2xl);color:var(--color-coral);font-weight:700;line-height:1}.migration-stat-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:11px;font-weight:600}.migration-stat-divider{background:var(--color-border);width:1px;height:28px}@media (width<=640px){.migration-stat-divider{width:48px;height:1px}}.migration-section{margin-bottom:var(--spacing-4xl);z-index:1;position:relative}.migration-section--codemod{margin-bottom:var(--spacing-4xl)}.migration-section--surface{background:var(--color-surface);margin-left:calc(-1 * var(--spacing-lg));margin-right:calc(-1 * var(--spacing-lg));padding:var(--spacing-3xl) var(--spacing-lg);border-radius:32px}@media (width<=640px){.migration-section--surface{margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md));padding:var(--spacing-2xl) var(--spacing-md)}}.migration-section-header{text-align:center;margin-bottom:var(--spacing-3xl);position:relative}.migration-section-badge{color:var(--color-coral);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-full);margin-bottom:var(--spacing-md);background:linear-gradient(135deg,#f07b4b1a 0%,#d4a4b812 100%);border:1px solid #f07b4b2e;align-items:center;gap:6px;padding:5px 14px;font-size:11px;font-weight:700;display:inline-flex}.migration-section-title{font-family:var(--font-family-display);font-size:clamp(1.65rem, 4vw, var(--font-size-3xl));letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--spacing-md);color:var(--color-text-primary);font-weight:700}.migration-section-description{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:480px;margin:0 auto;line-height:1.75}.codemod-card{background:var(--color-surface);border-radius:var(--radius-2xl);border:1px solid var(--color-border);transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #00000008,0 12px 32px #f07b4b14,inset 0 1px #fff9}.codemod-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000a,0 20px 48px #f07b4b1f,0 0 60px #f07b4b14,inset 0 1px #fff9}.codemod-card-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.codemod-card-pattern{background-image:radial-gradient(circle at 10% 20%,#f07b4b06 0%,#0000 50%),radial-gradient(circle at 90% 80%,#d4a4b806 0%,#0000 50%);position:absolute;inset:0}.codemod-card-content{padding:var(--spacing-2xl);z-index:1;position:relative}@media (width<=640px){.codemod-card-content{padding:var(--spacing-xl)}}.codemod-header{align-items:flex-start;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);display:flex}@media (width<=640px){.codemod-header{text-align:center;flex-direction:column;align-items:center}}.codemod-icon-wrapper{flex-shrink:0;width:68px;height:68px;position:relative}.codemod-icon{color:#fff;background:linear-gradient(145deg,#f07b4b 0%,#e06030 100%);border-radius:18px;justify-content:center;align-items:center;width:68px;height:68px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 14px #f07b4b61,0 8px 28px #f07b4b38,inset 0 1px #fff3}.codemod-card:hover .codemod-icon{transform:rotate(-5deg)scale(1.05);box-shadow:0 6px 20px #f07b4b80,0 12px 40px #f07b4b47,inset 0 1px #fff3}.codemod-header-text{flex:1;padding-top:2px}.codemod-title{font-family:var(--font-family-display);font-size:clamp(1.65rem, 4vw, var(--font-size-3xl));letter-spacing:-.03em;color:var(--color-text-primary);margin-bottom:4px;font-weight:800}.codemod-tabs{margin-bottom:var(--spacing-xl);background:var(--color-background);border:1px solid var(--color-border);border-radius:14px;gap:4px;padding:4px;display:inline-flex;position:relative;box-shadow:0 1px 3px #0000000a,inset 0 1px #ffffff80}.codemod-tabs-track{display:none}.codemod-tab{font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:7px;padding:9px 18px;font-weight:600;transition:all .25s;display:flex;position:relative}.codemod-tab:hover{color:var(--color-text-primary);background:#f07b4b0d}.codemod-tab-icon{opacity:.55;align-items:center;transition:opacity .2s;display:flex}.codemod-tab:hover .codemod-tab-icon{opacity:.8}.codemod-tab.active{color:#fff;background:linear-gradient(145deg,#f07b4b 0%,#e06030 100%);box-shadow:0 3px 10px #f07b4b59,0 1px 3px #f07b4b33,inset 0 1px #ffffff2e}.codemod-tab.active .codemod-tab-icon{opacity:1}.changes-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid;position:relative}@media (width<=720px){.changes-grid{gap:var(--spacing-md);grid-template-columns:1fr}}.change-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:1px solid var(--color-border);transition:all .3s cubic-bezier(.4,0,.2,1);animation:.5s ease-out backwards cardFadeIn;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000005,0 4px 14px #f07b4b0a}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.change-card:hover{border-color:#f07b4b33;transform:translateY(-4px);box-shadow:0 4px 10px #00000008,0 14px 36px #f07b4b1a}.change-card:before{content:"";background:var(--gradient-coral-pink);opacity:0;border-radius:0 3px 3px 0;width:3px;transition:opacity .3s;position:absolute;top:16px;bottom:16px;left:0}.change-card:hover:before{opacity:.7}.change-card-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.change-card-icon{width:36px;height:36px;color:var(--color-coral);font-family:var(--font-family-display);font-size:var(--font-size-sm);background:#f07b4b14;border:1px solid #f07b4b1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex}.change-card:hover .change-card-icon{background:linear-gradient(145deg, var(--color-coral), #e06030);color:#fff;border-color:#0000;transform:scale(1.05);box-shadow:0 4px 12px #f07b4b4d}.change-card-title{font-family:var(--font-family-display);font-size:var(--font-size-base);color:var(--color-text-primary);letter-spacing:-.01em;font-weight:700;transition:color .2s}.change-card:hover .change-card-title{color:var(--color-coral)}.change-card-content{position:relative}.migration-cta{z-index:1;margin-top:var(--spacing-4xl);position:relative}.migration-cta-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);position:relative;overflow:hidden;box-shadow:0 4px 16px #00000008,0 16px 40px #f07b4b14}.migration-cta-band{background:var(--gradient-coral-pink);height:4px;position:absolute;top:0;left:0;right:0}.migration-cta-card:before{content:"";pointer-events:none;background:linear-gradient(#f07b4b0f 0%,#0000 100%);height:180px;position:absolute;top:0;left:0;right:0}.migration-cta-content{padding:var(--spacing-3xl);text-align:center;position:relative}@media (width<=640px){.migration-cta-content{padding:var(--spacing-2xl) var(--spacing-lg)}}.migration-cta-title{font-family:var(--font-family-display);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-weight:700}.migration-cta-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);max-width:380px;margin-left:auto;margin-right:auto;line-height:1.65}.migration-cta-actions{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.migration-cta-actions .btn{min-width:150px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .codemod-card,:root:not([data-theme=light]) .change-card,:root:not([data-theme=light]) .reference-card,:root:not([data-theme=light]) .migration-cta-card,:root:not([data-theme=light]) .migration-hero-stats{background:#ffffff08}}:root[data-theme=dark] .codemod-card,:root[data-theme=dark] .change-card,:root[data-theme=dark] .reference-card,:root[data-theme=dark] .migration-cta-card,:root[data-theme=dark] .migration-hero-stats{background:#ffffff08}:root[data-theme=dark] .migration-path-node--from .migration-path-node-icon{background:#ffffff0f;border-color:#ffffff1a}.codemod-content{margin-bottom:var(--spacing-xl)}.codemod-panel{display:none}.codemod-panel.active{animation:.35s cubic-bezier(.4,0,.2,1) panelIn;display:block}@keyframes panelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.codemod-panel-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.codemod-panel-indicator{border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2.5s ease-in-out infinite indicatorPulse}.codemod-panel-indicator--preview{background:linear-gradient(135deg,#4ade80 0%,#22c55e 100%);box-shadow:0 0 6px #4ade8080}.codemod-panel-indicator--apply{background:linear-gradient(135deg, var(--color-coral) 0%, var(--color-orange) 100%);box-shadow:0 0 6px #f07b4b80}@keyframes indicatorPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(1.2)}}.codemod-panel-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;font-weight:500}.codemod-panel-hint{color:var(--color-text-tertiary);font-weight:400}.codemod-options{background:var(--color-background);padding:var(--spacing-xl);border:1px solid var(--color-border);border-radius:18px;position:relative;overflow:hidden}.codemod-options:before{content:"";top:0;left:var(--spacing-xl);right:var(--spacing-xl);background:linear-gradient(90deg,#0000 0%,#f07b4b33 50%,#0000 100%);height:1px;position:absolute}.codemod-options-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.codemod-options-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin:0;font-size:11px;font-weight:700;display:flex}.codemod-options-title svg{color:var(--color-coral);opacity:.75}.codemod-options-list{flex-direction:column;gap:6px;display:flex}.codemod-option-item{align-items:center;gap:var(--spacing-md);padding:10px var(--spacing-md);border:1px solid #0000;border-radius:12px;transition:all .25s;animation:.4s backwards optionIn;display:flex}@keyframes optionIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.codemod-option-item:hover{background:#f07b4b0a;border-color:#f07b4b14;transform:translate(4px)}.codemod-option-content{flex-wrap:wrap;flex:1;align-items:baseline;gap:10px;min-width:0;display:flex}@media (width<=640px){.codemod-option-content{flex-direction:column;gap:2px}}.codemod-option-flag{color:var(--color-coral);white-space:nowrap;letter-spacing:-.02em;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.82rem;font-weight:600}.codemod-option-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.diff-block{background:var(--color-background);border-radius:var(--radius-lg);font-family:JetBrains Mono,SF Mono,Monaco,Cascadia Code,monospace;font-size:var(--font-size-xs);border:1px solid var(--color-border);transition:border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.diff-block:hover{border-color:#f07b4b2e;box-shadow:0 4px 16px #f07b4b0f}.diff-removed,.diff-added{align-items:center;gap:var(--spacing-sm);padding:10px var(--spacing-md);display:flex;position:relative;overflow:hidden}.diff-removed{background:#e85a4f0d;border-bottom:1px dashed #e85a4f1a}.diff-added{background:#7bc47f0a}.diff-removed .diff-accent-bar,.diff-added .diff-accent-bar{border-radius:0 3px 3px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.diff-removed .diff-accent-bar{background:linear-gradient(#e85a4f 0%,#e85a4f80 100%)}.diff-added .diff-accent-bar{background:linear-gradient(#7bc47f99 0%,#7bc47f 100%)}.diff-marker{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.95rem;font-weight:700;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex}.diff-removed .diff-marker{color:#fff;background:linear-gradient(145deg,#e85a4f 0%,#c53030 100%);box-shadow:0 2px 6px #e85a4f4d}.diff-added .diff-marker{color:#fff;background:linear-gradient(145deg,#68d391 0%,#38a169 100%);box-shadow:0 2px 6px #7bc47f4d}.diff-removed:hover .diff-marker{transform:scale(1.1)rotate(-4deg)}.diff-added:hover .diff-marker{transform:scale(1.1)rotate(4deg)}.diff-block code{color:var(--color-text-primary);word-break:break-all;letter-spacing:-.01em;line-height:1.6;font-size:var(--font-size-xs);background:0 0;padding:0;font-weight:450;transition:color .2s}.diff-removed:hover code{color:var(--color-red)}.diff-added:hover code{color:var(--color-green)}.reference-card{background:var(--color-surface);border-radius:var(--radius-2xl);border:1px solid var(--color-border);transition:box-shadow .3s,border-color .3s;overflow:hidden;box-shadow:0 2px 6px #00000005,0 8px 20px #f07b4b0a}.reference-card:hover{border-color:#f07b4b24;box-shadow:0 4px 12px #00000008,0 16px 32px #f07b4b12}.reference-card-header{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-background);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.reference-legend{align-items:center;gap:var(--spacing-md);display:flex}.reference-legend-item{letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-secondary);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.reference-legend-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.reference-legend-item--old .reference-legend-dot{background:#e85a4f;box-shadow:0 0 6px #e85a4f66}.reference-legend-item--new .reference-legend-dot{background:#68d391;box-shadow:0 0 6px #68d39166}.reference-legend-arrow{color:var(--color-text-tertiary);opacity:.4}.reference-count{color:var(--color-text-tertiary);border-radius:var(--radius-full);letter-spacing:.02em;background:#f07b4b12;padding:3px 10px;font-size:11px;font-weight:600}.reference-mappings{flex-direction:column;display:flex}.reference-mapping{padding:12px var(--spacing-xl);border-bottom:1px solid var(--color-divider);grid-template-columns:1fr 36px 1fr;align-items:center;transition:background .2s;animation:.35s both refMapIn;display:grid;position:relative}@keyframes refMapIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.reference-mapping:last-child{border-bottom:none}.reference-mapping:hover{background:#f07b4b05}.reference-mapping-old,.reference-mapping-new{justify-content:flex-start;display:flex}.reference-mapping-old code,.reference-mapping-new code{border-radius:var(--radius-sm);letter-spacing:-.01em;word-break:break-all;border:1px solid #0000;max-width:100%;padding:5px 10px;font-family:JetBrains Mono,SF Mono,Monaco,Cascadia Code,monospace;font-size:.78rem;font-weight:450;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-block}.reference-mapping-old code{color:var(--color-red);background:#e85a4f0f;border-color:#e85a4f1a;-webkit-text-decoration:line-through #e85a4f47;text-decoration:line-through #e85a4f47;text-decoration-thickness:1px}.reference-mapping:hover .reference-mapping-old code{background:#e85a4f1a;border-color:#e85a4f2e}.reference-mapping-new code{color:var(--color-green);background:#7bc47f0f;border-color:#7bc47f1a}.reference-mapping:hover .reference-mapping-new code{background:#7bc47f1a;border-color:#7bc47f33;box-shadow:0 3px 8px #7bc47f1a}.reference-mapping-connector{justify-content:center;align-items:center;display:flex;position:relative}.reference-mapping-line{background:linear-gradient(90deg,#e85a4f40 0%,#7bc47f40 100%);width:100%;height:1px;transition:height .2s;position:absolute}.reference-mapping:hover .reference-mapping-line{background:linear-gradient(90deg,#e85a4f66 0%,#7bc47f66 100%);height:2px}.reference-mapping-chevron{z-index:1;color:var(--color-coral);background:var(--color-surface);border-radius:50%;width:20px;height:20px;padding:3px;transition:all .25s cubic-bezier(.34,1.56,.64,1);position:relative;box-shadow:0 1px 5px #f07b4b1f}.reference-mapping:hover .reference-mapping-chevron{color:var(--color-green);box-shadow:0 3px 10px #f07b4b38}@media (width<=640px){.reference-mapping{padding:var(--spacing-md) var(--spacing-lg);grid-template-rows:auto auto auto;grid-template-columns:1fr;gap:6px}.reference-mapping-old,.reference-mapping-new{justify-content:flex-start}.reference-mapping-connector{width:100%;height:20px;transform:rotate(90deg)}.reference-mapping:hover .reference-mapping-old code,.reference-mapping:hover .reference-mapping-new code{transform:none}.reference-card-header{gap:var(--spacing-sm);flex-direction:column;align-items:flex-start}}.migration-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.migration-table th{text-align:left;padding:var(--spacing-md);color:var(--color-text-secondary);letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--color-border);font-size:11px;font-weight:700}.migration-table td{padding:var(--spacing-md);border-bottom:1px solid var(--color-divider)}.migration-table tr:last-child td{border-bottom:none}.migration-table code{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:var(--font-size-xs);background:var(--color-background);color:var(--color-coral);border-radius:4px;padding:2px 6px}@media (width<=968px){.api-sidebar,.recipes-sidebar,.tools-sidebar{display:none}}.api-sidebar::-webkit-scrollbar{width:6px}.recipes-sidebar::-webkit-scrollbar{width:6px}.tools-sidebar::-webkit-scrollbar{width:6px}.api-sidebar::-webkit-scrollbar-track{background:0 0}.recipes-sidebar::-webkit-scrollbar-track{background:0 0}.tools-sidebar::-webkit-scrollbar-track{background:0 0}.api-sidebar::-webkit-scrollbar-thumb{background:#f07b4b33;border-radius:3px}.recipes-sidebar::-webkit-scrollbar-thumb{background:#f07b4b33;border-radius:3px}.tools-sidebar::-webkit-scrollbar-thumb{background:#f07b4b33;border-radius:3px}.api-sidebar::-webkit-scrollbar-thumb:hover{background:#f07b4b66}.recipes-sidebar::-webkit-scrollbar-thumb:hover{background:#f07b4b66}.tools-sidebar::-webkit-scrollbar-thumb:hover{background:#f07b4b66}@media (width<=968px){.mobile-section-nav{display:block}}:root:not([data-theme=light]) .mobile-section-nav-dropdown,:root[data-theme=dark] .mobile-section-nav-dropdown{background:var(--color-surface);box-shadow:0 16px 48px #0006,0 8px 24px #0000004d}.recipes-docs{background:var(--color-background);z-index:1;grid-template-columns:280px 1fr;min-height:calc(100vh - 64px);padding-top:64px;display:grid;position:relative}.recipes-content-wrapper{display:contents}@media (width<=968px){.recipes-content-wrapper{flex-direction:column;display:flex}}.recipes-docs:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(600px 400px at 85% 8%,#f07b4b14 0%,#0000 70%),radial-gradient(400px 500px at 10% 75%,#d4a4b812 0%,#0000 70%),radial-gradient(300px 300px at 60% 40%,#f890420a 0%,#0000 70%);height:100%;animation:25s ease-in-out infinite recipes-orb-float;position:fixed;top:0;left:280px;right:0}.recipes-docs:after{content:"";pointer-events:none;z-index:0;border:1px dashed #f07b4b1f;border-radius:50%;width:180px;height:180px;animation:40s linear infinite recipes-ring-spin;position:fixed;top:120px;right:60px}@keyframes recipes-orb-float{0%,to{opacity:.9;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}}@keyframes recipes-ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=968px){.recipes-docs{grid-template-columns:1fr}.recipes-docs:before{background:radial-gradient(400px 300px at 85% 12%,#f07b4b0f 0%,#0000 60%),radial-gradient(300px 350px at 8% 70%,#d4a4b80d 0%,#0000 60%);left:0}.recipes-docs:after{display:none}}@media (width<=768px){.recipes-docs:before{background:radial-gradient(250px 200px at 80% 15%,#f07b4b0d 0%,#0000 50%),radial-gradient(200px 250px at 10% 75%,#d4a4b80a 0%,#0000 50%)}}.recipes-main{padding:var(--spacing-3xl) var(--spacing-4xl);z-index:1;min-width:0;max-width:920px;min-height:100vh;margin:0 auto;position:relative;overflow:hidden}@media (width<=1200px){.recipes-main{padding:var(--spacing-2xl) var(--spacing-2xl)}}@media (width<=968px){.recipes-main{max-width:720px;padding:var(--spacing-xl) var(--spacing-xl);padding-top:calc(var(--spacing-xl) + 70px)}}@media (width<=640px){.recipes-main{padding:var(--spacing-lg) var(--spacing-md);padding-top:calc(var(--spacing-lg) + 70px);max-width:100%}}@media (width<=480px){.recipes-main{padding:var(--spacing-md) var(--spacing-sm);padding-top:calc(var(--spacing-md) + 70px)}}.recipes-hero{text-align:center;padding-bottom:var(--spacing-4xl);margin-bottom:var(--spacing-xl);position:relative}.recipes-hero:before{content:"";pointer-events:none;z-index:-1;filter:blur(40px);background:radial-gradient(200px 150px,#f07b4b24 0%,#0000 70%),radial-gradient(120px 120px at 30% 60%,#d4a4b81a 0%,#0000 70%),radial-gradient(100px 100px at 75% 35%,#f8904214 0%,#0000 70%);width:600px;height:450px;animation:6s ease-in-out infinite hero-glow-pulse;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.recipes-hero:after{content:"✦";color:var(--color-coral);opacity:.25;font-size:18px;animation:4s ease-in-out infinite sparkle-float;position:absolute;top:10px;right:15%}@keyframes hero-glow-pulse{0%,to{opacity:.8;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.05)}}@keyframes sparkle-float{0%,to{opacity:.25;transform:translateY(0)rotate(0)}50%{opacity:.45;transform:translateY(-8px)rotate(15deg)}}.recipes-hero-title{font-size:clamp(2.75rem, 6vw, var(--font-size-6xl));letter-spacing:var(--letter-spacing-tighter);margin-bottom:var(--spacing-md);background:linear-gradient(135deg, var(--color-coral) 0%, #e85d3a 40%, #d4668b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800;display:inline-block;position:relative}.recipes-hero-title:after{content:"";background:linear-gradient(90deg, var(--color-coral), #d4668b);border-radius:2px;width:60px;height:4px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}@media (width<=640px){.recipes-hero-title{font-size:var(--font-size-4xl)}.recipes-hero-title:after{width:40px;height:3px}}@media (width<=480px){.recipes-hero{padding-bottom:var(--spacing-2xl);margin-bottom:var(--spacing-md)}.recipes-hero:before{width:320px;height:280px;top:-40px}.recipes-hero:after{display:none}.recipes-hero-title{font-size:var(--font-size-3xl)}.recipes-hero-title:after{width:32px;bottom:-2px}.recipes-hero-description{font-size:var(--font-size-base);margin-top:var(--spacing-md);padding:0 var(--spacing-xs);line-height:1.75}}.recipes-hero-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:540px;margin:var(--spacing-lg) auto 0;opacity:.95;line-height:1.85}.recipes-section{margin-bottom:var(--spacing-3xl);scroll-margin-top:100px;position:relative}.recipes-section:not(:last-of-type):after{content:"";bottom:calc(var(--spacing-3xl) * -.5);width:1px;height:var(--spacing-xl);background:linear-gradient(#f07b4b33 0%,#0000 100%);position:absolute;left:50%;transform:translate(-50%)}.recipes-section-title{font-size:var(--font-size-2xl);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--spacing-xl);align-items:center;gap:var(--spacing-md);font-weight:800;display:flex;position:relative}.recipes-section-title:after{content:"";height:1px;margin-left:var(--spacing-lg);background:linear-gradient(90deg,#f07b4b33 0%,#d4a4b81a 50%,#0000 100%);flex:1}.recipes-section-icon{background:linear-gradient(145deg, var(--color-coral) 0%, #e85d3a 100%);color:#fff;border-radius:var(--radius-xl);justify-content:center;align-items:center;width:44px;height:44px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 8px 20px #f07b4b4d,0 2px 4px #f07b4b33,inset 0 1px #ffffff40}.recipes-section-icon:before{content:"";border-radius:inherit;opacity:0;z-index:-1;background:linear-gradient(145deg,#f07b4b4d 0%,#d4a4b833 100%);transition:opacity .3s;position:absolute;inset:-4px}.recipes-section:hover .recipes-section-icon{transform:scale(1.08)rotate(-3deg);box-shadow:0 10px 28px #f07b4b59,0 4px 8px #f07b4b33,inset 0 1px #ffffff40}.recipes-section:hover .recipes-section-icon:before{opacity:1}@media (width<=640px){.recipes-section-title{font-size:var(--font-size-xl);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.recipes-section-title:after{margin-left:var(--spacing-md)}.recipes-section-icon{border-radius:var(--radius-lg);width:36px;height:36px}.recipes-section-icon svg{width:14px;height:14px}}@media (width<=480px){.recipes-section{margin-bottom:var(--spacing-2xl);scroll-margin-top:80px}.recipes-section:not(:last-of-type):after{height:var(--spacing-lg);bottom:calc(var(--spacing-2xl) * -.5)}.recipes-section-title{font-size:var(--font-size-lg)}.recipes-section-icon{width:32px;height:32px}.recipes-section-icon svg{width:12px;height:12px}}.recipe-card{background:var(--color-surface);border-radius:var(--radius-2xl);border:1px solid var(--color-border);margin-bottom:var(--spacing-lg);padding:0;transition:all .5s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000a,0 1px 3px #00000005}.recipe-card:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#f07b4b0a 0%,#d4a4b805 50%,#0000 100%);height:140px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.recipe-card:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#f07b4b1a 0%,#0000 70%);border-radius:50%;width:100px;height:100px;transition:all .5s cubic-bezier(.22,1,.36,1);position:absolute;top:-50px;right:-50px}.recipe-card:hover{border-color:#f07b4b33;transform:translateY(-8px);box-shadow:0 32px 64px #f07b4b1f,0 16px 32px #0000000a,0 0 0 1px #f07b4b1a}.recipe-card:hover:before{opacity:1.2}.recipe-card:hover:after{opacity:1;top:-30px;right:-30px}.recipe-card-header{align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-lg);z-index:1;display:flex;position:relative}.recipe-card-icon{background:linear-gradient(145deg, var(--color-coral) 0%, #e85d3a 100%);color:#fff;border-radius:var(--radius-xl);flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;transition:all .5s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #f07b4b59,0 4px 8px #f07b4b33,inset 0 1px #ffffff40,inset 0 -2px 4px #0000001a}.recipe-card-icon:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.recipe-card-icon:after{content:"";border-radius:inherit;opacity:0;z-index:-1;filter:blur(6px);background:linear-gradient(145deg,#f07b4b80 0%,#d4a4b84d 100%);transition:opacity .4s;position:absolute;inset:-3px}.recipe-card:hover .recipe-card-icon{transform:scale(1.08)rotate(-3deg);box-shadow:0 12px 32px #f07b4b66,0 6px 12px #f07b4b40,inset 0 1px #ffffff40,inset 0 -2px 4px #0000001a}.recipe-card:hover .recipe-card-icon:before{left:100%}.recipe-card:hover .recipe-card-icon:after{opacity:1}.recipe-card-icon svg{z-index:1;filter:drop-shadow(0 1px 2px #0003);position:relative}.recipe-card-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs);color:var(--color-text-primary);letter-spacing:-.03em;font-weight:800;line-height:1.3;transition:color .3s}.recipe-card:hover .recipe-card-title{color:var(--color-coral)}.recipe-card-description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;line-height:1.7}.recipe-card-content{margin:0 var(--spacing-xl) var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-background);transition:all .4s;position:relative;overflow:hidden}.recipe-card-content:before{content:"";background:linear-gradient(180deg, var(--color-coral) 0%, #d4668b 50%, var(--color-coral) 100%);opacity:.7;background-size:100% 200%;width:4px;height:100%;transition:all .4s;position:absolute;top:0;left:0}.recipe-card:hover .recipe-card-content{border-color:#f07b4b33;box-shadow:0 4px 16px #f07b4b14,inset 0 1px #ffffff80}.recipe-card:hover .recipe-card-content:before{opacity:1;animation:3s linear infinite code-accent-flow}@keyframes code-accent-flow{0%{background-position:0 0}to{background-position:0 200%}}.recipe-card-tip{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-md) var(--spacing-xl) var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);align-items:center;gap:var(--spacing-sm);background:0 0;border:1px dashed #f07b4b40;line-height:1.6;transition:all .3s;display:flex;position:relative}.recipe-card-tip:before{content:"";display:none}.recipe-card:hover .recipe-card-tip{background:#f07b4b0a;border-color:#f07b4b66}.recipe-card-tip strong{color:var(--color-coral);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;margin-right:var(--spacing-xs)}@media (width<=768px){.recipe-card{margin-bottom:var(--spacing-md)}.recipe-card-header{gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-md)}.recipe-card-icon{width:52px;height:52px}.recipe-card-title{font-size:var(--font-size-lg)}.recipe-card-description{font-size:var(--font-size-sm);line-height:1.65}.recipe-card-content{margin:0 var(--spacing-lg) var(--spacing-md)}.recipe-card-tip{margin:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs)}}@media (width<=640px){.recipe-card{border-radius:var(--radius-xl)}.recipe-card:hover{transform:translateY(-4px)}.recipe-card-header{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-sm);flex-direction:column}.recipe-card-icon{border-radius:var(--radius-lg);width:44px;height:44px}.recipe-card-title{font-size:var(--font-size-base);font-weight:700}.recipe-card-description{font-size:var(--font-size-sm);line-height:1.6}.recipe-card-content{margin:0 var(--spacing-md) var(--spacing-md);border-radius:var(--radius-lg)}.recipe-card-content:before{width:3px}.recipe-card-tip{margin:var(--spacing-xs) var(--spacing-md) var(--spacing-md);padding:var(--spacing-sm) var(--spacing-sm);align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}}@media (width<=480px){.recipe-card{border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000a,0 1px 2px #00000005}.recipe-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #f07b4b1a,0 8px 16px #0000000a}.recipe-card:before{height:100px}.recipe-card-header{padding:var(--spacing-md)}.recipe-card-icon{width:40px;height:40px;box-shadow:0 4px 12px #f07b4b40,0 2px 4px #f07b4b26}.recipe-card-content{margin:0 var(--spacing-sm) var(--spacing-sm)}.recipe-card-tip{margin:var(--spacing-xs) var(--spacing-sm) var(--spacing-sm);border-radius:var(--radius-sm)}}.recipe-card{animation:.6s backwards recipe-card-enter}@keyframes recipe-card-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.recipes-section:nth-of-type(2) .recipe-card{animation-delay:.1s}.recipes-section:nth-of-type(3) .recipe-card{animation-delay:.15s}.recipes-section:nth-of-type(4) .recipe-card{animation-delay:.2s}.recipes-section:nth-of-type(5) .recipe-card{animation-delay:.25s}.recipes-section:nth-of-type(6) .recipe-card{animation-delay:.3s}.recipes-section:nth-of-type(7) .recipe-card{animation-delay:.35s}.recipes-section:nth-of-type(8) .recipe-card{animation-delay:.4s}.recipes-section:nth-of-type(9) .recipe-card{animation-delay:.45s}.recipes-section:nth-of-type(10) .recipe-card{animation-delay:.5s}.recipes-section:nth-of-type(11) .recipe-card{animation-delay:.55s}.recipes-section:nth-of-type(12) .recipe-card{animation-delay:.6s}:root:not([data-theme=light]) .recipe-card{background:linear-gradient(#28282d 0%,#202024 100%);box-shadow:0 4px 16px #0003,0 1px 3px #00000026}:root:not([data-theme=light]) .recipe-card:before{background:linear-gradient(#f07b4b14 0%,#d4a4b80a 50%,#0000 100%)}:root:not([data-theme=light]) .recipe-card-content{background:#14141899;border-color:#ffffff14}:root:not([data-theme=light]) .recipe-card-tip{border-color:#f07b4b33}:root[data-theme=dark] .recipe-card{background:linear-gradient(#28282d 0%,#202024 100%);box-shadow:0 4px 16px #0003,0 1px 3px #00000026}:root[data-theme=dark] .recipe-card-content{background:#14141899;border-color:#ffffff14}:root[data-theme=dark] .recipe-card-tip{border-color:#f07b4b33}.recipe-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=768px){.recipe-grid{grid-template-columns:1fr}}@media (width<=640px){.recipe-grid{gap:var(--spacing-md)}.recipe-mini-card{padding:var(--spacing-lg);border-radius:var(--radius-md)}.recipe-mini-card:hover{transform:translateY(-2px)scale(1)}.recipe-mini-card-title{font-size:var(--font-size-sm)}.recipe-mini-card-title svg{width:18px;height:18px;padding:2px}.recipe-mini-card-description{font-size:var(--font-size-xs);margin-left:calc(18px + var(--spacing-sm))}}.recipe-mini-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--color-border);transition:all .35s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.recipe-mini-card:before{content:"";background:var(--gradient-primary);transform-origin:top;width:4px;height:100%;transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;left:0;transform:scaleY(0)}.recipe-mini-card:hover{border-color:#f07b4b40;transform:translateY(-4px)scale(1.01);box-shadow:0 12px 32px #f07b4b1a,0 4px 8px #00000005}.recipe-mini-card:hover:before{transform:scaleY(1)}.recipe-mini-card-title{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm);align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);font-weight:700;transition:color .3s;display:flex}.recipe-mini-card:hover .recipe-mini-card-title{color:var(--color-coral)}.recipe-mini-card-title svg{color:var(--color-coral);border-radius:var(--radius-md);background:linear-gradient(135deg,#f07b4b1f 0%,#d4a4b80f 100%);flex-shrink:0;width:22px;height:22px;padding:3px;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.recipe-mini-card:hover .recipe-mini-card-title svg{background:linear-gradient(135deg,#f07b4b33 0%,#d4a4b81a 100%);transform:scale(1.15)rotate(-5deg)}.recipe-mini-card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-left:calc(22px + var(--spacing-sm));line-height:1.7}.shortcuts-wrapper{background:var(--color-surface);border-radius:var(--radius-2xl);border:1px solid var(--color-border);position:relative;overflow:hidden;box-shadow:0 4px 24px #0000000a,0 1px 3px #00000005,inset 0 1px #fffc}.shortcuts-wrapper:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#f07b4b08 0%,#0000 100%);height:180px;position:absolute;top:0;left:0;right:0}.shortcuts-header{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl) var(--spacing-2xl);border-bottom:1px solid var(--color-border);z-index:1;background:linear-gradient(145deg,#f07b4b0f 0%,#d4a4b808 100%);display:flex;position:relative}.shortcuts-header-icon{background:linear-gradient(145deg, var(--color-coral) 0%, #e85d3a 100%);color:#fff;border-radius:var(--radius-xl);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 6px 16px #f07b4b4d,0 2px 4px #f07b4b33,inset 0 1px #fff3}.shortcuts-header-text{flex:1;min-width:0}.shortcuts-title{font-size:var(--font-size-lg);color:var(--color-text-primary);margin:0 0 var(--spacing-xs);letter-spacing:-.02em;font-weight:800}.shortcuts-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);opacity:.9;margin:0}.shortcuts-platform-hint{flex-shrink:0}.shortcuts-platform-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-coral);white-space:nowrap;background:#f07b4b14;border:1px solid #f07b4b26;align-items:center;font-weight:600;display:inline-flex}.shortcuts-grid{background:var(--color-border);z-index:1;grid-template-columns:repeat(2,1fr);gap:1px;display:grid;position:relative}@media (width<=640px){.shortcuts-grid{grid-template-columns:1fr}.shortcuts-header{flex-wrap:wrap}.shortcuts-platform-hint{width:100%;margin-top:var(--spacing-sm)}}@media (width<=768px){.shortcuts-wrapper{border-radius:var(--radius-xl)}.shortcuts-header{padding:var(--spacing-lg) var(--spacing-lg);gap:var(--spacing-md)}.shortcuts-header-icon{width:42px;height:42px}.shortcuts-title{font-size:var(--font-size-base)}.shortcuts-subtitle{font-size:var(--font-size-xs)}.shortcuts-category{padding:var(--spacing-lg)}}@media (width<=640px){.shortcuts-wrapper{border-radius:var(--radius-lg)}.shortcuts-header{padding:var(--spacing-md);align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.shortcuts-header-icon{border-radius:var(--radius-lg);width:36px;height:36px}.shortcuts-header-icon svg{width:16px;height:16px}.shortcuts-header-text{width:100%}.shortcuts-platform-hint{margin-top:0}.shortcuts-platform-badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:10px}.shortcuts-category{padding:var(--spacing-md)}.shortcuts-category-header{margin-bottom:var(--spacing-sm)}.shortcuts-category-icon{border-radius:var(--radius-md);width:28px;height:28px}.shortcuts-category-name{letter-spacing:.06em;font-size:10px}.shortcuts-item{gap:var(--spacing-xs);padding:var(--spacing-xs) 0;flex-wrap:wrap}.shortcuts-keys{order:1}.shortcuts-action{text-align:left;width:100%;font-size:var(--font-size-xs);color:var(--color-text-tertiary);padding-left:var(--spacing-xs);order:2}.shortcuts-kbd{border-radius:5px;min-width:24px;height:24px;padding:0 8px;font-size:10px}.shortcuts-kbd--symbol{font-size:11px}.shortcuts-plus{font-size:9px}.shortcuts-footer{padding:var(--spacing-sm) var(--spacing-md);font-size:10px}}@media (width<=480px){.shortcuts-header{background:linear-gradient(145deg,#f07b4b0a 0%,#d4a4b805 100%)}.shortcuts-title{font-size:var(--font-size-sm)}.shortcuts-category{padding:var(--spacing-sm) var(--spacing-md)}.shortcuts-item{padding:6px 0}.shortcuts-kbd{min-width:22px;height:22px;padding:0 6px;font-size:9px}.shortcuts-action{font-size:11px}}.shortcuts-category{background:var(--color-surface);padding:var(--spacing-xl);animation:.4s backwards shortcut-fade-in;animation-delay:var(--delay,0s);transition:background-color .3s;position:relative}@keyframes shortcut-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.shortcuts-category:hover{background-color:#f07b4b05}.shortcuts-category:after{content:"";background:linear-gradient(180deg, var(--color-coral) 0%, #d4668b 100%);transform-origin:top;width:3px;height:100%;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;left:0;transform:scaleY(0)}.shortcuts-category:hover:after{transform:scaleY(1)}.shortcuts-category-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.shortcuts-category-icon{width:32px;height:32px;color:var(--color-coral);border-radius:var(--radius-lg);background:linear-gradient(135deg,#f07b4b1a 0%,#d4a4b80f 100%);justify-content:center;align-items:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex}.shortcuts-category:hover .shortcuts-category-icon{background:linear-gradient(135deg,#f07b4b26 0%,#d4a4b814 100%);transform:scale(1.1)rotate(-5deg)}.shortcuts-category-name{font-size:var(--font-size-xs);color:var(--color-coral);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.shortcuts-list{gap:var(--spacing-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.shortcuts-item{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-radius:var(--radius-md);transition:all .2s;display:flex}.shortcuts-keys{align-items:center;gap:var(--spacing-xs);flex-shrink:0;display:flex}.shortcuts-key-group{align-items:center;gap:var(--spacing-xs);display:flex}.shortcuts-plus{color:var(--color-text-tertiary);opacity:.6;font-size:11px;font-weight:600}.shortcuts-action{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:right;font-weight:500;transition:color .2s}.shortcuts-item:hover .shortcuts-action{color:var(--color-text-primary)}.shortcuts-kbd{min-width:28px;height:28px;color:var(--color-text-primary);white-space:nowrap;background:linear-gradient(#fefefe 0%,#f5f5f5 100%);border:1px solid #0000001f;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:11px;font-weight:700;transition:all .15s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;box-shadow:0 2px #00000014,0 2px 6px #0000000a,inset 0 1px #fff,inset 0 -1px #00000005}.shortcuts-kbd--modifier{color:var(--color-coral);background:linear-gradient(#fff5f0 0%,#ffeee6 100%);border-color:#f07b4b33}.shortcuts-kbd--symbol{letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui;font-size:13px}.shortcuts-item:hover .shortcuts-kbd{transform:translateY(-1px);box-shadow:0 3px #00000014,0 4px 10px #0000000f,inset 0 1px #fff,inset 0 -1px #00000005}.shortcuts-item:hover .shortcuts-kbd--modifier{background:linear-gradient(#fff0e8 0%,#ffe5d9 100%);border-color:#f07b4b4d;box-shadow:0 3px #f07b4b26,0 4px 12px #f07b4b1f,inset 0 1px #fff}:root:not([data-theme=light]) .shortcuts-kbd{color:#f0f0f0;background:linear-gradient(#4a4a4a 0%,#3a3a3a 100%);border-color:#ffffff26;box-shadow:0 2px #0006,0 2px 6px #0000004d,inset 0 1px #ffffff1a}:root:not([data-theme=light]) .shortcuts-kbd--modifier{color:#ff9066;background:linear-gradient(#f07b4b59 0%,#f07b4b33 100%);border-color:#f07b4b66}:root[data-theme=dark] .shortcuts-kbd{color:#f0f0f0;background:linear-gradient(#4a4a4a 0%,#3a3a3a 100%);border-color:#ffffff26;box-shadow:0 2px #0006,0 2px 6px #0000004d,inset 0 1px #ffffff1a}:root[data-theme=dark] .shortcuts-kbd--modifier{color:#ff9066;background:linear-gradient(#f07b4b59 0%,#f07b4b33 100%);border-color:#f07b4b66}.shortcuts-footer{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-top:1px solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-text-tertiary);z-index:1;background:linear-gradient(#f07b4b0a 0%,#f07b4b05 100%);display:flex;position:relative}.shortcuts-footer-icon{color:var(--color-coral);font-size:10px;animation:2s ease-in-out infinite sparkle-pulse}@keyframes sparkle-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.recipes-cta{margin-top:var(--spacing-4xl);padding-top:var(--spacing-3xl);position:relative}.recipes-cta:before{content:"";background:linear-gradient(90deg, transparent, var(--color-coral), transparent);border-radius:2px;width:80px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.recipes-cta-card{gap:var(--spacing-md);padding:var(--spacing-3xl) var(--spacing-3xl);background:linear-gradient(145deg, var(--color-surface) 0%, #fef3e866 100%);border:2px solid var(--color-coral);border-radius:var(--radius-2xl);grid-template-columns:1fr;transition:all .5s cubic-bezier(.4,0,.2,1);display:grid;position:relative;overflow:hidden;box-shadow:0 8px 32px #f07b4b1a,inset 0 1px #fffc}.recipes-cta-card:before{content:"";background:linear-gradient(180deg, var(--color-coral) 0%, #e85d3a 40%, #d4668b 100%);width:6px;height:100%;position:absolute;top:0;left:0}.recipes-cta-card:after{content:"";pointer-events:none;opacity:.6;background-image:radial-gradient(circle at 1px 1px,#f07b4b08 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.recipes-cta-card:hover{border-color:#e85d3a;transform:translateY(-8px);box-shadow:0 32px 64px #f07b4b2e,0 16px 32px #0000000f,inset 0 1px #fffc}.recipes-cta-badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);color:var(--color-coral);font-size:var(--font-size-xs);letter-spacing:.1em;text-transform:uppercase;z-index:1;background:linear-gradient(135deg,#f07b4b26 0%,#d4a4b81a 100%);border:1px solid #f07b4b4d;width:fit-content;font-weight:800;display:inline-flex;position:relative}.recipes-cta-badge svg{width:14px;height:14px;animation:3s ease-in-out infinite badge-star-spin}@keyframes badge-star-spin{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.8;transform:scale(1.2)rotate(180deg)}}.recipes-cta-card h2{font-size:clamp(1.875rem, 4.5vw, var(--font-size-4xl));letter-spacing:-.03em;color:var(--color-text-primary);z-index:1;margin:0;font-weight:800;line-height:1.15;position:relative}.recipes-cta-card p{font-size:var(--font-size-lg);color:var(--color-text-secondary);z-index:1;max-width:440px;margin:0;line-height:1.75;position:relative}.recipes-cta-actions{margin-top:var(--spacing-lg);z-index:1;position:relative}.recipes-cta-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);background:linear-gradient(135deg, var(--color-coral) 0%, #e85d3a 100%);color:#fff;border-radius:var(--radius-xl);font-size:var(--font-size-base);cursor:pointer;border:none;font-weight:800;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #f07b4b59,inset 0 1px #fff3}.recipes-cta-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.recipes-cta-btn:hover{background:linear-gradient(135deg,#e85d3a 0%,#d4668b 100%);transform:translateY(-3px)scale(1.02);box-shadow:0 12px 32px #f07b4b66,inset 0 1px #fff3}.recipes-cta-btn:hover:before{left:100%}.recipes-cta-btn:active{transform:translateY(-1px)scale(1)}.recipes-cta-btn-text{z-index:1;position:relative}.recipes-cta-btn-icon{z-index:1;justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.recipes-cta-btn:hover .recipes-cta-btn-icon{transform:translate(6px)}.recipes-cta-decoration{pointer-events:none;opacity:.1;width:180px;height:180px;position:absolute;top:50%;right:30px;transform:translateY(-50%)}.recipes-cta-decoration svg{width:100%;height:100%}.recipes-cta-decoration circle{stroke:var(--color-coral);fill:none;transform-origin:50%;animation:20s linear infinite decoration-orbit}.recipes-cta-decoration circle:first-child{stroke-dasharray:4 8}.recipes-cta-decoration circle:nth-child(2){stroke-dasharray:2 6;animation-duration:15s;animation-direction:reverse}.recipes-cta-decoration circle:nth-child(3){stroke-dasharray:6 4;animation-duration:25s}.recipes-cta-decoration circle:nth-child(4){animation-duration:10s;animation-direction:reverse}@keyframes decoration-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width>=640px){.recipes-cta-card{padding:var(--spacing-4xl)}.recipes-cta-decoration{width:220px;height:220px;right:40px}}@media (width<=768px){.recipes-cta{margin-top:var(--spacing-3xl);padding-top:var(--spacing-2xl)}.recipes-cta:before{width:60px;height:2px}.recipes-cta-card{padding:var(--spacing-2xl);border-radius:var(--radius-xl)}.recipes-cta-card h2{font-size:var(--font-size-2xl)}.recipes-cta-card p{font-size:var(--font-size-base);line-height:1.7}.recipes-cta-decoration{opacity:.06;width:160px;height:160px;right:10px}}@media (width<=640px){.recipes-cta{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl)}.recipes-cta-card{padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-xl) var(--spacing-xl);border-radius:var(--radius-lg);border-width:1.5px}.recipes-cta-card:before{width:5px}.recipes-cta-card h2{font-size:var(--font-size-xl);line-height:1.25}.recipes-cta-card p{font-size:var(--font-size-sm);max-width:none}.recipes-cta-badge{padding:4px var(--spacing-sm);letter-spacing:.08em;font-size:10px}.recipes-cta-badge svg{width:12px;height:12px}.recipes-cta-decoration{opacity:.05;width:140px;height:140px;right:-30px}.recipes-cta-btn{width:100%;padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--font-size-sm);border-radius:var(--radius-lg);justify-content:center}.recipes-cta-actions{margin-top:var(--spacing-md)}}@media (width<=480px){.recipes-cta-card{padding:var(--spacing-lg) var(--spacing-md) var(--spacing-lg) var(--spacing-lg);gap:var(--spacing-sm)}.recipes-cta-card:before{width:4px}.recipes-cta-card h2{font-size:var(--font-size-lg)}.recipes-cta-card p{font-size:var(--font-size-xs);line-height:1.65}.recipes-cta-badge{gap:4px;padding:3px 8px;font-size:9px}.recipes-cta-decoration{width:100px;height:100px;right:-40px}}.changelog-main{max-width:720px;padding:100px var(--spacing-xl) var(--spacing-4xl);min-height:100vh;margin:0 auto;position:relative}@media (width<=768px){.changelog-main{padding:90px var(--spacing-lg) var(--spacing-3xl)}}@media (width<=640px){.changelog-main{padding:80px var(--spacing-md) var(--spacing-3xl)}}.changelog-gradient-1,.changelog-gradient-2{display:none}.changelog-hero{text-align:left;z-index:1;margin-bottom:var(--spacing-3xl);padding:var(--spacing-xl) 0;border-bottom:1px solid var(--color-border);position:relative}.changelog-hero-badge{display:none}.changelog-hero-title{font-family:var(--font-family-display);letter-spacing:var(--letter-spacing-display);margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-size:clamp(2rem,6vw,3rem);font-weight:700;line-height:1.2}.changelog-hero-description{font-size:var(--font-size-base);color:var(--color-text-tertiary);max-width:400px;margin:0;font-weight:500;line-height:1.6}@media (width<=640px){.changelog-hero-description{font-size:var(--font-size-sm)}}.changelog-timeline{z-index:1;position:relative}.changelog-timeline:before{content:"";background:var(--color-border);width:1px;position:absolute;top:0;bottom:0;left:6px}@media (width<=640px){.changelog-timeline:before{display:none}}.changelog-release{padding:var(--spacing-lg) 0;animation:releaseSlideIn .4s var(--transition-smooth) backwards;padding-left:40px;position:relative}@keyframes releaseSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.changelog-release{padding-left:0;padding-bottom:var(--spacing-xl)}}.changelog-release:before{content:"";left:2px;top:calc(var(--spacing-lg) + 8px);background:var(--color-text-tertiary);border-radius:var(--radius-full);z-index:3;width:9px;height:9px;transition:background var(--transition-smooth);position:absolute}@media (width<=640px){.changelog-release:before{display:none}}.changelog-release:first-child:before{background:var(--color-coral)}.changelog-release.major:before{background:var(--color-text-primary)}.changelog-release.minor:before{background:var(--color-text-secondary)}.changelog-release.patch:before{background:var(--color-text-tertiary)}.changelog-version{align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.changelog-version-number{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:var(--font-size-base);color:var(--color-text-primary);letter-spacing:-.02em;transition:color var(--transition-smooth);font-weight:600;text-decoration:none}.changelog-version-number:hover{color:var(--color-coral)}.changelog-version-number:visited{color:var(--color-text-primary)}.changelog-version-number:visited:hover{color:var(--color-coral)}.changelog-version-date{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-family:var(--font-family);font-weight:500}.changelog-version-type{font-family:var(--font-family);letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-sm);color:var(--color-text-tertiary);background:var(--color-divider);align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.changelog-release.major .changelog-version-type{color:var(--color-text-primary);background:#2d2a2614}.changelog-release.minor .changelog-version-type{color:var(--color-text-secondary)}.changelog-release.patch .changelog-version-type{color:var(--color-text-tertiary)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .changelog-release.major .changelog-version-type{background:#fef3e814}}:root[data-theme=dark] .changelog-release.major .changelog-version-type{background:#fef3e814}.changelog-release-card{background:0 0;border:none;border-radius:0;position:relative;overflow:hidden}.changelog-release-card:before{display:none}.changelog-release-highlight{padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-sm);position:relative}.changelog-release-highlight p{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-secondary);align-items:flex-start;gap:var(--spacing-sm);margin:0;font-weight:500;line-height:1.6;display:flex}.changelog-release-highlight svg{width:14px;height:14px;color:var(--color-coral);stroke-width:2px;flex-shrink:0;margin-top:2px}.changelog-changes{padding:0}.changelog-change{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-xs) 0;display:flex}.changelog-change:not(:last-child){margin-bottom:2px}.changelog-change-badge{min-width:72px;font-family:var(--font-family);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;color:var(--color-text-tertiary);background:0 0;border-radius:0;flex-shrink:0;justify-content:flex-start;align-items:center;gap:4px;margin-top:3px;padding:0;font-size:10px;font-weight:700;display:inline-flex}.changelog-change-badge svg{opacity:.7;width:11px;height:11px}.changelog-change-badge.added{color:#5a9e5e}.changelog-change-badge.changed{color:var(--color-coral)}.changelog-change-badge.fix{color:var(--color-mauve)}.changelog-change-badge.deprecated{color:#c9913c}.changelog-change-badge.removed{color:#c95a52}.changelog-change-badge.security{color:#5a9ea4}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .changelog-change-badge.added{color:#8fd99f}:root:not([data-theme=light]) .changelog-change-badge.changed{color:var(--color-coral)}:root:not([data-theme=light]) .changelog-change-badge.fix{color:var(--color-pink)}:root:not([data-theme=light]) .changelog-change-badge.deprecated{color:#f5a623}:root:not([data-theme=light]) .changelog-change-badge.removed{color:#f07b73}:root:not([data-theme=light]) .changelog-change-badge.security{color:#8ed4da}}:root[data-theme=dark] .changelog-change-badge.added{color:#8fd99f}:root[data-theme=dark] .changelog-change-badge.changed{color:var(--color-coral)}:root[data-theme=dark] .changelog-change-badge.fix{color:var(--color-pink)}:root[data-theme=dark] .changelog-change-badge.deprecated{color:#f5a623}:root[data-theme=dark] .changelog-change-badge.removed{color:#f07b73}:root[data-theme=dark] .changelog-change-badge.security{color:#8ed4da}.changelog-change-description{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);flex:1;line-height:1.6}.changelog-title{color:var(--color-text-primary);font-weight:600}.changelog-separator{color:var(--color-text-tertiary);margin:0 2px;font-weight:400}.changelog-detail{color:var(--color-text-secondary);font-weight:400}.changelog-bold{color:var(--color-text-primary);font-weight:600}.changelog-code{background:var(--color-divider);color:var(--color-text-primary);white-space:nowrap;border-radius:4px;padding:2px 5px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:.88em}.changelog-change-link{color:var(--color-coral);margin-left:var(--spacing-sm);font-size:var(--font-size-xs);transition:opacity var(--transition-smooth);opacity:.8;align-items:center;gap:3px;font-weight:600;text-decoration:none;display:inline-flex}.changelog-change-link:hover{opacity:1;text-underline-offset:2px;text-decoration:underline}.changelog-change-link svg{width:10px;height:10px}.changelog-release:first-child{animation-delay:0s}.changelog-release:nth-child(2){animation-delay:50ms}.changelog-release:nth-child(3){animation-delay:.1s}.changelog-release:nth-child(4){animation-delay:.15s}.changelog-release:nth-child(5){animation-delay:.18s}.changelog-release:nth-child(6){animation-delay:.21s}.changelog-release:nth-child(7){animation-delay:.24s}.changelog-release:nth-child(8){animation-delay:.27s}@media (width<=640px){.changelog-change{gap:var(--spacing-xs);flex-direction:column}.changelog-change-badge{align-self:flex-start}.changelog-release-highlight{padding:var(--spacing-sm) 0}}@media (width<=968px){.api-sidebar,.recipes-sidebar,.tools-sidebar{display:none}}.api-sidebar::-webkit-scrollbar{width:6px}.recipes-sidebar::-webkit-scrollbar{width:6px}.tools-sidebar::-webkit-scrollbar{width:6px}.api-sidebar::-webkit-scrollbar-track{background:0 0}.recipes-sidebar::-webkit-scrollbar-track{background:0 0}.tools-sidebar::-webkit-scrollbar-track{background:0 0}.api-sidebar::-webkit-scrollbar-thumb{background:#f07b4b33;border-radius:3px}.recipes-sidebar::-webkit-scrollbar-thumb{background:#f07b4b33;border-radius:3px}.tools-sidebar::-webkit-scrollbar-thumb{background:#f07b4b33;border-radius:3px}.api-sidebar::-webkit-scrollbar-thumb:hover{background:#f07b4b66}.recipes-sidebar::-webkit-scrollbar-thumb:hover{background:#f07b4b66}.tools-sidebar::-webkit-scrollbar-thumb:hover{background:#f07b4b66}@media (width<=968px){.mobile-section-nav{display:block}}:root:not([data-theme=light]) .mobile-section-nav-dropdown,:root[data-theme=dark] .mobile-section-nav-dropdown{background:var(--color-surface);box-shadow:0 16px 48px #0006,0 8px 24px #0000004d}.api-docs{background:var(--color-background);z-index:1;grid-template-columns:280px 1fr;min-height:calc(100vh - 64px);padding-top:64px;display:grid;position:relative}@media (width<=968px){.api-docs{grid-template-columns:1fr}}.api-content-wrapper{display:contents}@media (width<=968px){.api-content-wrapper{flex-direction:column;display:flex}}.api-main{padding:var(--spacing-3xl) var(--spacing-4xl);min-width:0;min-height:100vh;overflow:hidden}.api-main:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 70% 30%,#f07b4b08 0%,#0000 50%);width:600px;height:600px;position:fixed;top:0;right:0}@media (width<=1200px){.api-main{padding:var(--spacing-2xl) var(--spacing-2xl)}}@media (width<=968px){.api-main{padding-top:calc(var(--spacing-2xl) + 70px)}}@media (width<=640px){.api-main{padding:var(--spacing-xl) var(--spacing-lg);padding-top:calc(var(--spacing-xl) + 70px)}}.api-section{margin-bottom:var(--spacing-4xl);padding-bottom:var(--spacing-3xl);border-bottom:1px solid var(--color-divider)}.api-section:last-child{border-bottom:none}.api-section-header{margin-bottom:var(--spacing-2xl);position:relative}.api-section-header:before{content:"";left:calc(var(--spacing-xl) * -1);background:var(--gradient-coral-pink);opacity:0;border-radius:2px;width:4px;height:100%;transition:all .3s;position:absolute;top:0;transform:scaleY(0)}.api-section:target .api-section-header:before{opacity:1;transform:scaleY(1)}.api-section-badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);color:var(--color-coral);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-full);margin-bottom:var(--spacing-md);background:linear-gradient(135deg,#f07b4b26 0%,#d4a4b81f 100%);border:1px solid #f07b4b26;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 1px 3px #f07b4b14}.api-section-title{font-family:var(--font-family-display);font-size:var(--font-size-3xl);letter-spacing:var(--letter-spacing-display);margin-bottom:var(--spacing-sm);align-items:baseline;gap:var(--spacing-sm);color:var(--color-text-primary);font-weight:700;display:flex;position:relative}.api-section-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:720px;line-height:1.7}.api-anchor-link{color:var(--color-coral);opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);margin-left:var(--spacing-xs);border-radius:4px;order:99;padding:4px;scroll-margin-top:100px;font-weight:500;text-decoration:none}.api-anchor-link:hover{opacity:1;background:#f07b4b1a;transform:scale(1.1)}.api-section-title:hover .api-anchor-link,.api-method-card:hover .api-anchor-link--method{opacity:.6}.api-section-title:hover .api-anchor-link:hover,.api-method-card:hover .api-anchor-link--method:hover{opacity:1}.api-anchor-link--method{font-size:var(--font-size-sm);margin-left:var(--spacing-xs);order:99}.api-anchor-link--table{font-size:var(--font-size-xs);margin-left:var(--spacing-xs);vertical-align:middle;order:99;margin-right:0;padding:2px}.api-table-row:hover .api-anchor-link--table{opacity:.6}.api-table-row:hover .api-anchor-link--table:hover{opacity:1}.api-table--with-anchors td:first-child{align-items:center;gap:var(--spacing-xs);display:flex}.api-section,.api-method-card,.api-table-row{scroll-margin-top:100px}.api-section:target,.api-table-row:target{animation:1.5s ease-out anchorHighlight}.api-block{margin-bottom:var(--spacing-2xl)}.api-block-title{font-family:var(--font-family-display);font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);color:var(--color-text-primary);align-items:center;gap:var(--spacing-sm);letter-spacing:-.02em;font-weight:600;display:flex}.api-block-title:after{content:"";background:linear-gradient(90deg, var(--color-divider) 0%, transparent 100%);height:1px;margin-left:var(--spacing-md);flex:1}.api-table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;box-shadow:0 1px 3px #00000005}.api-table thead{background:linear-gradient(135deg,#f07b4b0a 0%,#d4a4b808 100%)}.api-table th{text-align:left;padding:var(--spacing-md) var(--spacing-lg);color:var(--color-text-secondary);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--color-border);font-size:11px;font-weight:700}.api-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-divider);vertical-align:top}.api-table tbody tr{transition:background var(--transition-fast)}.api-table tbody tr:hover{background:#f07b4b08}.api-table tbody tr:last-child td{border-bottom:none}.api-table code{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:var(--font-size-xs);background:var(--color-background);color:var(--color-coral);border:1px solid var(--color-border);border-radius:6px;padding:3px 8px}.api-table td:first-child code{color:var(--color-coral);background:#f07b4b14;border-color:#f07b4b26;font-weight:600}.api-table td:nth-child(2) code{color:var(--color-green);background:#7bc47f1a;border-color:#7bc47f33}.api-method-header{align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap;display:flex}.api-method-header .api-anchor-link{flex-shrink:0}@media print{.api-sidebar{display:none}.api-docs{grid-template-columns:1fr}.code-copy{display:none}}.api-quickstart{gap:var(--spacing-2xl);flex-direction:column;display:flex}.api-quickstart-step{gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);grid-template-columns:1fr;align-items:start;transition:box-shadow .2s,border-color .2s;display:grid;position:relative;overflow:hidden}.api-quickstart-step:hover{border-color:var(--color-border-hover,#0000001f);box-shadow:var(--shadow-md)}.api-quickstart-content h3{font-family:var(--font-family-display);font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs);color:var(--color-text-primary);align-items:center;gap:var(--spacing-sm);letter-spacing:-.02em;font-weight:600;display:flex}.api-quickstart-content h3:before{content:counter(quickstart-step);counter-increment:quickstart-step;background:var(--gradient-coral-pink);color:#fff;min-width:28px;height:28px;font-size:var(--font-size-sm);border-radius:var(--radius-full);justify-content:center;align-items:center;font-weight:700;display:flex;box-shadow:0 2px 8px #f07b4b4d}.api-quickstart{counter-reset:quickstart-step}.api-quickstart-content{min-width:0;overflow:hidden}.api-quickstart-content p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:1.7}.api-quickstart-content .code-block{margin-top:var(--spacing-md);max-width:100%;overflow-x:auto}.api-quickstart-content pre{max-width:100%;overflow-x:auto}@media (width<=640px){.api-quickstart-step{padding:var(--spacing-lg)}.api-quickstart-content h3{font-size:var(--font-size-lg)}}.api-method-card{padding:var(--spacing-xl);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);min-width:0;transition:box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.api-method-card:hover{border-color:var(--color-border-hover,#0000001f);box-shadow:var(--shadow-md)}.api-method-card .api-method-name{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:var(--font-size-base);color:var(--color-coral);background:#f07b4b14;border:1px solid #f07b4b1f;border-radius:8px;padding:4px 10px;font-weight:600}.api-method-card .api-method-return{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:var(--font-size-sm);color:var(--color-green);border-radius:var(--radius-sm);background:#34c7591a;border:1px solid #34c75926;padding:3px 10px}.api-method-card .api-method-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.7}.api-method-card .code-block{margin-top:var(--spacing-lg);max-width:100%;overflow-x:auto}.api-method-card pre{max-width:100%;overflow-x:auto}@media (width<=640px){.api-method-card{padding:var(--spacing-md)}}.intg-hero{padding-bottom:var(--spacing-3xl);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-3xl)}.intg-hero-badge{color:var(--color-coral);letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--spacing-md);background:#f07b4b1a;border-radius:100px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.intg-hero-title{color:var(--color-text-primary);margin:0 0 var(--spacing-md);letter-spacing:-.02em;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.15}.intg-hero-description{color:var(--color-text-secondary);max-width:640px;margin:0;font-size:1.0625rem;line-height:1.7}.intg-hero-description code{color:var(--color-coral);background:#f07b4b14;border-radius:4px;padding:1px 5px;font-size:.9375em}.intg-install-block{gap:var(--spacing-sm);flex-direction:column;display:flex}.intg-install-note{color:var(--color-text-tertiary);margin:0;font-size:.875rem;line-height:1.6}.intg-section:first-of-type{padding-top:0}@media (width<=640px){.intg-hero-title{font-size:1.5rem}}.api-sidebar,.recipes-sidebar,.tools-sidebar{background:linear-gradient(180deg, var(--color-surface) 0%, color-mix(in srgb, var(--color-surface) 95%, var(--color-cream)) 100%);border-right:1px solid var(--color-border);height:calc(100vh - 64px);padding-bottom:var(--spacing-xl);z-index:5;position:sticky;top:64px;overflow-y:auto}.api-sidebar:after,.recipes-sidebar:after,.tools-sidebar:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#f07b4b14 50%,#0000 100%);width:1px;position:absolute;top:0;bottom:0;right:0}@media (width<=968px){.api-sidebar,.recipes-sidebar,.tools-sidebar{display:none}}.api-sidebar-search,.recipes-sidebar-search,.tools-sidebar-search{z-index:10;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-md) var(--spacing-md);background:linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface) 80%, transparent 100%);margin:0;display:flex;position:sticky;top:0}.api-sidebar-search-field,.recipes-sidebar-search-field,.tools-sidebar-search-field{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);flex:1;display:flex;box-shadow:0 1px 3px #00000005}.api-sidebar-search-field:focus-within,.recipes-sidebar-search-field:focus-within,.tools-sidebar-search-field:focus-within{border-color:var(--color-coral);background:var(--color-surface);box-shadow:0 0 0 3px #f07b4b1f,0 2px 8px #f07b4b14}.api-sidebar-search-icon,.recipes-sidebar-search-icon,.tools-sidebar-search-icon{color:var(--color-text-tertiary);transition:color var(--transition-fast);flex-shrink:0}.api-sidebar-search-field:focus-within .api-sidebar-search-icon,.recipes-sidebar-search-field:focus-within .recipes-sidebar-search-icon,.tools-sidebar-search-field:focus-within .tools-sidebar-search-icon{color:var(--color-coral)}.api-sidebar-search-input,.recipes-sidebar-search-input,.tools-sidebar-search-input{min-width:0;padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1}.api-sidebar-search-input::placeholder,.recipes-sidebar-search-input::placeholder,.tools-sidebar-search-input::placeholder{color:var(--color-text-tertiary)}.api-sidebar-search-clear,.recipes-sidebar-search-clear,.tools-sidebar-search-clear{background:var(--color-surface-elevated);border-radius:var(--radius-sm);width:22px;height:22px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.api-sidebar-search-clear:hover,.recipes-sidebar-search-clear:hover,.tools-sidebar-search-clear:hover{color:var(--color-coral);background:#f07b4b1a}.api-sidebar-search-shortcut,.recipes-sidebar-search-shortcut,.tools-sidebar-search-shortcut{min-width:22px;height:22px;padding:0 var(--spacing-xs);font-size:11px;font-weight:600;font-family:var(--font-family);color:var(--color-coral);background:#f07b4b1a;border:none;border-radius:5px;justify-content:center;align-items:center;display:inline-flex}.api-sidebar-empty,.recipes-sidebar-empty,.tools-sidebar-empty{padding:var(--spacing-xl);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.api-sidebar-empty p,.recipes-sidebar-empty p,.tools-sidebar-empty p{align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.api-sidebar-empty:before,.recipes-sidebar-empty:before,.tools-sidebar-empty:before{content:"🔍";opacity:.5;font-size:1.5rem}.api-sidebar-section,.recipes-sidebar-section,.tools-sidebar-section{margin-bottom:var(--spacing-xl);padding:0 var(--spacing-sm)}.api-sidebar-title,.recipes-sidebar-title,.tools-sidebar-title{font-family:var(--font-family-display);color:var(--color-coral);letter-spacing:.1em;text-transform:uppercase;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs);align-items:center;gap:var(--spacing-sm);font-size:11px;font-weight:600;display:flex}.api-sidebar-title:before,.recipes-sidebar-title:before,.tools-sidebar-title:before{content:"";background:var(--gradient-coral-pink);border-radius:2px;width:3px;height:12px}.api-sidebar-link,.recipes-sidebar-link,.tools-sidebar-link{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) calc(var(--spacing-md) + 11px);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);border-radius:var(--radius-md);margin:2px 0;text-decoration:none;display:block;position:relative}.api-sidebar-link:before,.recipes-sidebar-link:before,.tools-sidebar-link:before{content:"";left:var(--spacing-md);background:var(--color-text-tertiary);opacity:.5;width:4px;height:4px;transition:all var(--transition-fast);border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)scale(.8)}.api-sidebar-link:hover,.recipes-sidebar-link:hover,.tools-sidebar-link:hover{color:var(--color-text-primary);background:#f07b4b0f}.api-sidebar-link:hover:before,.recipes-sidebar-link:hover:before,.tools-sidebar-link:hover:before{background:var(--color-coral);opacity:1;transform:translateY(-50%)scale(1)}.api-sidebar-link.active,.recipes-sidebar-link.active,.tools-sidebar-link.active{color:var(--color-coral);background:#f07b4b1a;font-weight:600}.api-sidebar-link.active:before,.recipes-sidebar-link.active:before,.tools-sidebar-link.active:before{background:var(--color-coral);opacity:1;width:6px;height:6px;transform:translateY(-50%)scale(1);box-shadow:0 0 8px #f07b4b66}.api-sidebar::-webkit-scrollbar{width:6px}.recipes-sidebar::-webkit-scrollbar{width:6px}.tools-sidebar::-webkit-scrollbar{width:6px}.api-sidebar::-webkit-scrollbar-track{background:0 0}.recipes-sidebar::-webkit-scrollbar-track{background:0 0}.tools-sidebar::-webkit-scrollbar-track{background:0 0}.api-sidebar::-webkit-scrollbar-thumb{background:#f07b4b33;border-radius:3px}.recipes-sidebar::-webkit-scrollbar-thumb{background:#f07b4b33;border-radius:3px}.tools-sidebar::-webkit-scrollbar-thumb{background:#f07b4b33;border-radius:3px}.api-sidebar::-webkit-scrollbar-thumb:hover{background:#f07b4b66}.recipes-sidebar::-webkit-scrollbar-thumb:hover{background:#f07b4b66}.tools-sidebar::-webkit-scrollbar-thumb:hover{background:#f07b4b66}.mobile-section-nav{z-index:50;padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(180deg, var(--color-background) 0%, var(--color-background) 85%, transparent 100%);box-sizing:border-box;display:none;position:fixed;top:56px;left:0;right:0}@media (width<=968px){.mobile-section-nav{display:block}}.mobile-section-nav-trigger{justify-content:space-between;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #0000000a,0 1px 2px #00000005}.mobile-section-nav-trigger:hover{border-color:#f07b4b4d;box-shadow:0 4px 16px #f07b4b1a,0 2px 4px #00000005}.mobile-section-nav-trigger.open{border-color:var(--color-coral);box-shadow:0 0 0 3px #f07b4b1f,0 4px 16px #f07b4b1a}.mobile-section-nav-trigger-content{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.mobile-section-nav-category{color:var(--color-coral);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.mobile-section-nav-label{font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-weight:600;overflow:hidden}.mobile-section-nav-chevron{color:var(--color-text-tertiary);flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1)}.mobile-section-nav-trigger.open .mobile-section-nav-chevron{color:var(--color-coral);transform:rotate(180deg)}.mobile-section-nav-dropdown{top:calc(100% + var(--spacing-xs));left:var(--spacing-md);right:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overscroll-behavior:contain;max-height:60vh;animation:.2s cubic-bezier(.16,1,.3,1) mobile-nav-dropdown-enter;position:absolute;overflow-y:auto;box-shadow:0 16px 48px #0000001f,0 8px 24px #00000014,0 4px 8px #0000000a}.mobile-section-nav-group{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.mobile-section-nav-group:last-child{border-bottom:none}.mobile-section-nav-group-title{padding:var(--spacing-xs) var(--spacing-md);color:var(--color-coral);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700}.mobile-section-nav-item{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;font-weight:500;transition:all .15s;display:flex}.mobile-section-nav-item:hover{color:var(--color-text-primary);background:#f07b4b0f}.mobile-section-nav-item.active{color:var(--color-coral);background:#f07b4b1a;font-weight:600}.mobile-section-nav-item-dot{background:var(--color-border);border-radius:50%;flex-shrink:0;width:5px;height:5px;transition:all .15s}.mobile-section-nav-item:hover .mobile-section-nav-item-dot{background:var(--color-coral);opacity:.5}.mobile-section-nav-item.active .mobile-section-nav-item-dot{background:var(--color-coral);box-shadow:0 0 6px #f07b4b80}.mobile-section-nav-dropdown::-webkit-scrollbar{width:6px}.mobile-section-nav-dropdown::-webkit-scrollbar-track{background:0 0}.mobile-section-nav-dropdown::-webkit-scrollbar-thumb{background:#f07b4b33;border-radius:3px}.mobile-section-nav-dropdown::-webkit-scrollbar-thumb:hover{background:#f07b4b59}:root:not([data-theme=light]) .mobile-section-nav-dropdown,:root[data-theme=dark] .mobile-section-nav-dropdown{background:var(--color-surface);box-shadow:0 16px 48px #0006,0 8px 24px #0000004d}.tools-docs{background:var(--color-background);z-index:1;grid-template-columns:280px 1fr;min-height:calc(100vh - 64px);padding-top:64px;display:grid;position:relative}@media (width<=968px){.tools-docs{grid-template-columns:1fr}}.tools-content-wrapper{display:contents}@media (width<=968px){.tools-content-wrapper{flex-direction:column;display:flex}}.tools-main{padding:var(--spacing-3xl) var(--spacing-4xl);max-width:900px;overflow-x:hidden}@media (width<=1200px){.tools-main{padding:var(--spacing-2xl) var(--spacing-3xl)}}@media (width<=968px){.tools-main{padding:var(--spacing-xl) var(--spacing-2xl);max-width:100%}}.tools-section{margin-bottom:var(--spacing-5xl);padding-bottom:var(--spacing-4xl);border-bottom:1px solid var(--color-border);scroll-margin-top:80px}.tools-section:last-child{border-bottom:none}.tools-section-header{margin-bottom:var(--spacing-3xl)}.tools-section-badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);letter-spacing:.02em;text-transform:uppercase;background:var(--color-badge-bg);color:var(--color-badge-text);margin-bottom:var(--spacing-md);font-size:.75rem;font-weight:600;display:inline-flex}.tools-section-title{color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0;align-items:center;gap:var(--spacing-sm);font-size:2rem;font-weight:700;line-height:1.25;display:flex}.tools-section-description{color:var(--color-text-secondary);max-width:680px;margin:0;font-size:1rem;line-height:1.7}.tools-anchor-link{opacity:0;color:var(--color-text-tertiary);font-size:1.5rem;font-weight:400;text-decoration:none;transition:opacity .15s}.tools-section-title:hover .tools-anchor-link{opacity:1}.tools-block{margin-bottom:var(--spacing-2xl)}.tools-block-title{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);margin:0 0 var(--spacing-md) 0;font-size:.875rem;font-weight:600}.tools-table{border-collapse:collapse;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;font-size:.9rem;overflow:hidden}.tools-table th{background:var(--color-surface-raised);padding:var(--spacing-sm) var(--spacing-md);text-align:left;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border);font-size:.8rem;font-weight:600}.tools-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);vertical-align:top;line-height:1.6}.tools-table tr:last-child td{border-bottom:none}.tools-table code{background:var(--color-code-bg);border-radius:var(--radius-sm);color:var(--color-code-text);padding:.1em .35em;font-size:.85em}:root{--color-background:#fff9f5;--color-surface:#fff;--color-surface-elevated:#fff;--color-wave-fill:#fff2ec;--color-text-primary:#2d2a26;--color-text-secondary:#6b6560;--color-text-tertiary:#9a938c;--color-border:#2d2a2614;--color-divider:#2d2a260f;--color-coral:#f07b4b;--color-orange:#f89042;--color-pink:#d4a4b8;--color-mauve:#c593a8;--color-warm-white:#fff9f5;--color-cream:#fef3e8;--color-blue:#f07b4b;--color-purple:#c593a8;--color-red:#e85a4f;--color-yellow:#f59e0b;--color-green:#7bc47f;--color-cyan:#6bbfc7;--gradient-primary:linear-gradient(135deg, #f07b4b 0%, #f89042 50%, #d4a4b8 100%);--gradient-coral-pink:linear-gradient(135deg, #f07b4b 0%, #d4a4b8 100%);--gradient-hero:linear-gradient(180deg, #f890420f 0%, #d4a4b808 50%, transparent 100%);--gradient-warm:linear-gradient(135deg, #fef3e8 0%, #fff9f5 100%);--gradient-shimmer:linear-gradient(90deg, transparent 0%, #fff6 50%, transparent 100%);--shadow-sm:0 1px 3px #f07b4b14;--shadow-md:0 4px 16px #f07b4b1a;--shadow-lg:0 12px 32px #f07b4b1f;--shadow-xl:0 24px 48px #f07b4b26;--shadow-glow:0 0 40px #f07b4b26;--shadow-inner:inset 0 2px 4px #2d2a260a;--shadow-lifted:0 1px 2px #0000000a, 0 4px 8px #f07b4b0f, 0 12px 24px #f07b4b14;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--radius-sm:10px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--radius-2xl:36px;--radius-full:9999px;--font-family:"Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-display:"Quicksand", "Nunito", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-7xl:4.5rem;--letter-spacing-tight:-.01em;--letter-spacing-tighter:-.02em;--letter-spacing-display:-.03em;--transition-fast:.15s cubic-bezier(.34, 1.56, .64, 1);--transition-base:.25s cubic-bezier(.34, 1.56, .64, 1);--transition-slow:.4s cubic-bezier(.34, 1.56, .64, 1);--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.175, .885, .32, 1.275);--z-nav:100;--z-dropdown:200;--z-modal:300;--noise-texture:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-background:#1a1816;--color-surface:#252220;--color-surface-elevated:#302d2a;--color-wave-fill:var(--color-background);--color-text-primary:#fef3e8;--color-text-secondary:#a89e95;--color-text-tertiary:#6b6560;--color-border:#fef3e81a;--color-divider:#fef3e80f;--color-coral:#f59367;--color-pink:#e0b8c8}}:root[data-theme=dark]{--color-background:#1a1816;--color-surface:#252220;--color-surface-elevated:#302d2a;--color-wave-fill:var(--color-background);--color-text-primary:#fef3e8;--color-text-secondary:#a89e95;--color-text-tertiary:#6b6560;--color-border:#fef3e81a;--color-divider:#fef3e80f;--color-coral:#f59367;--color-pink:#e0b8c8}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-background);line-height:1.6;position:relative;overflow-x:hidden}h1,h2,h3{font-family:var(--font-family-display);letter-spacing:var(--letter-spacing-display)}:focus-visible{outline:2px solid var(--color-coral);outline-offset:3px;border-radius:var(--radius-sm)}input:focus-visible,textarea:focus-visible,[contenteditable]:focus-visible{outline-offset:0;outline:none}::selection{color:var(--color-text-primary);background:#f07b4b40}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-cream);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--color-coral) 0%, var(--color-pink) 100%);border:2px solid var(--color-cream);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--color-orange) 0%, var(--color-coral) 100%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) ::-webkit-scrollbar-track{background:var(--color-surface)}:root:not([data-theme=light]) ::-webkit-scrollbar-thumb{border-color:var(--color-surface)}}:root[data-theme=dark] ::-webkit-scrollbar-track{background:var(--color-surface)}:root[data-theme=dark] ::-webkit-scrollbar-thumb{border-color:var(--color-surface)}*{scrollbar-width:thin;scrollbar-color:var(--color-coral) var(--color-cream)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) *{scrollbar-color:var(--color-coral) var(--color-surface)}}:root[data-theme=dark] *{scrollbar-color:var(--color-coral) var(--color-surface)}.container{max-width:1200px;padding:0 var(--spacing-xl);margin:0 auto}.nav{z-index:var(--z-nav);-webkit-backdrop-filter:saturate(180%)blur(24px);transition:all var(--transition-smooth);background:linear-gradient(#fff9f5f2 0%,#fff9f5e0 100%);border-bottom:1px solid #f07b4b14;position:fixed;top:0;left:0;right:0}.nav:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#fffc 20%,#ffffffe6 50%,#fffc 80%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.nav.scrolled{background:linear-gradient(#fff9f5fa 0%,#fff9f5f2 100%);border-bottom-color:#f07b4b1f;box-shadow:0 4px 24px #f07b4b0f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .nav{background:linear-gradient(#1a1816f2 0%,#1a1816e0 100%);border-bottom-color:#f593671a}:root:not([data-theme=light]) .nav:before{background:linear-gradient(90deg,#0000 0%,#ffffff0d 20%,#ffffff14 50%,#ffffff0d 80%,#0000 100%)}:root:not([data-theme=light]) .nav.scrolled{background:linear-gradient(#1a1816fa 0%,#1a1816f2 100%);box-shadow:0 4px 24px #0000004d}}:root[data-theme=dark] .nav{background:linear-gradient(#1a1816f2 0%,#1a1816e0 100%);border-bottom-color:#f593671a}:root[data-theme=dark] .nav:before{background:linear-gradient(90deg,#0000 0%,#ffffff0d 20%,#ffffff14 50%,#ffffff0d 80%,#0000 100%)}:root[data-theme=dark] .nav.scrolled{background:linear-gradient(#1a1816fa 0%,#1a1816f2 100%);box-shadow:0 4px 24px #0000004d}.nav-container{width:100%;padding:0 var(--spacing-2xl);justify-content:space-between;align-items:center;height:68px;margin:0 auto;display:flex}.nav-logo{font-family:var(--font-family-display);letter-spacing:-.03em;color:var(--color-text-primary);border-radius:var(--radius-lg);align-items:center;gap:12px;margin-left:-6px;padding:4px 14px 6px 4px;font-size:24px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.nav-logo p{background:linear-gradient(135deg, var(--color-coral) 0%, var(--color-pink) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:6px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.nav-logo:hover p{letter-spacing:.02em;filter:drop-shadow(0 0 12px #f07b4b80);transform:translate(4px)}.nav-logo svg,.nav-logo img{filter:drop-shadow(0 3px 10px #f07b4b40);width:44px;height:44px;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.nav-logo:hover svg,.nav-logo:hover img{filter:drop-shadow(0 6px 20px #f07b4b66);transform:rotate(-4deg)scale(1.1)}.nav-links{align-items:center;gap:var(--spacing-sm);display:flex}.nav-link{color:var(--color-text-secondary);font-size:var(--font-size-sm);border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:8px 14px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.nav-link:hover{color:var(--color-text-primary);background:#f07b4b14}.nav-link-active{color:var(--color-coral)!important;background:#f07b4b1f!important}.nav-link-github{color:var(--color-text-primary);background:linear-gradient(135deg,#f07b4b1f 0%,#d4a4b814 100%);border:1px solid #f07b4b33;font-weight:700}.nav-link-github:hover{background:linear-gradient(135deg,#f07b4b2e 0%,#d4a4b81f 100%);border-color:#f07b4b59;transform:translateY(-1px);box-shadow:0 4px 12px #f07b4b26}.nav-toggle{border:1.5px solid var(--color-border);cursor:pointer;border-radius:var(--radius-full);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;padding:0;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:none;position:relative;overflow:hidden}.nav-toggle:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(circle,#f07b4b26 0%,#0000 70%);transition:opacity .3s;position:absolute;inset:-2px}.nav-toggle:hover:after{opacity:1}.nav-toggle:hover{border-color:#f07b4b66;transform:scale(1.05);box-shadow:0 0 0 3px #f07b4b14}.nav-toggle:active{transform:scale(.95)}.nav-toggle.active{background:#f07b4b0f;border-color:#f07b4b80}.nav-toggle span{border-radius:2px;height:2px;margin:0 auto;transition:width .35s cubic-bezier(.34,1.56,.64,1),transform .35s cubic-bezier(.34,1.56,.64,1),opacity .25s,background .3s;display:block}.nav-toggle span:first-child{background:var(--color-text-primary);width:18px}.nav-toggle span:nth-child(2){background:var(--color-text-secondary);width:14px}.nav-toggle span:nth-child(3){background:var(--color-text-tertiary);width:10px}.nav-toggle:hover span{background:var(--color-coral);width:18px}.nav-toggle.active span:first-child{background:var(--color-coral);width:18px;transform:translateY(7px)rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity:0;width:0}.nav-toggle.active span:nth-child(3){background:var(--color-coral);width:18px;transform:translateY(-7px)rotate(-45deg)}@media (width<=968px){.nav-links{display:none}.nav-toggle{display:flex}.nav-container{height:56px;padding:0 var(--spacing-md)}}.hero{background:var(--gradient-hero);align-items:center;min-height:100vh;padding-top:60px;padding-bottom:120px;display:flex;position:relative;overflow:visible}@media (width<=768px){.hero{padding-top:60px}}.hero-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-blur{filter:blur(100px);border-radius:50%;animation:8s ease-in-out infinite blobFloat;position:absolute}.hero-blur-1{background:var(--color-coral);opacity:.18;width:700px;height:700px;animation-delay:0s;top:-250px;right:-150px}.hero-blur-2{background:var(--color-pink);opacity:.2;width:600px;height:600px;animation-delay:-2s;bottom:-200px;left:-150px}.hero-blur-3{background:var(--color-orange);opacity:.1;width:500px;height:500px;animation-delay:-4s;top:40%;left:40%;transform:translate(-50%,-50%)}@keyframes blobFloat{0%,to{transform:translate(0)scale(1)rotate(0)}25%{transform:translate(-25px,20px)scale(1.03)rotate(2deg)}50%{transform:translate(10px,-15px)scale(.97)rotate(-1deg)}75%{transform:translate(-10px,-5px)scale(1.01)rotate(1deg)}}.hero-mascot{cursor:pointer;justify-content:center;align-items:center;animation:.8s cubic-bezier(.34,1.56,.64,1) .3s backwards mascotAppear;display:flex;position:relative}@keyframes mascotAppear{0%{opacity:0;transform:scale(.3)translateY(40px)rotate(-8deg)}60%{opacity:1;transform:scale(1.08)translateY(-10px)rotate(2deg)}80%{transform:scale(.95)translateY(5px)rotate(-1deg)}to{opacity:1;transform:scale(1)translateY(0)rotate(0)}}.hero-mascot-3d{transform-style:preserve-3d;perspective:1000px;position:relative}.hero-mascot-3d:before{content:"";filter:blur(40px);opacity:0;pointer-events:none;z-index:-1;will-change:opacity, transform;background:radial-gradient(circle,#f07b4b66 0%,#f8904240 30%,#d4a4b826 50%,#0000 70%);border-radius:50%;width:320px;height:320px;animation:.6s ease-out .8s forwards mascotGlowFadeIn,3s ease-in-out 1.4s infinite mascotGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes mascotGlowFadeIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:.6;transform:translate(-50%,-50%)scale(1)}}@keyframes mascotGlow{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}}.hero-mascot-3d.hero-mascot-hovered:before{animation:2s ease-in-out infinite mascotGlowHover}@keyframes mascotGlowHover{0%,to{opacity:.85;filter:blur(40px)hue-rotate();transform:translate(-50%,-50%)scale(1.15)}33%{opacity:1;filter:blur(45px)hue-rotate(-10deg);transform:translate(-50%,-50%)scale(1.3)}66%{opacity:.9;filter:blur(42px)hue-rotate(10deg);transform:translate(-50%,-50%)scale(1.2)}}.hero-mascot-sparkles{pointer-events:none;z-index:2;position:absolute;inset:-40px}.sparkle{opacity:0;background:radial-gradient(circle,#ffffffe6 0%,#ffc89699 50%,#0000 70%);border-radius:50%;width:8px;height:8px;transition:none;position:absolute;transform:scale(0)}.hero-mascot-hovered .sparkle{animation:1.8s ease-in-out infinite sparkleFloat}.sparkle-1{animation-delay:0s;top:10%;left:5%}.sparkle-2{animation-delay:.3s;top:20%;right:8%}.sparkle-3{animation-delay:.6s;bottom:25%;left:10%}.sparkle-4{animation-delay:.9s;bottom:15%;right:5%}.sparkle-5{animation-delay:1.2s;top:50%;left:0%}@keyframes sparkleFloat{0%,to{opacity:0;transform:translateY(0)scale(0)}10%{opacity:1;transform:translateY(-5px)scale(1)}90%{opacity:1;transform:translateY(-25px)scale(.8)}}.hero-mascot-image{filter:drop-shadow(0 20px 60px #f07b4b4d);width:420px;max-width:100%;height:auto;transition:filter var(--transition-slow);transform-style:preserve-3d;z-index:1;animation:4s ease-in-out 1.1s infinite mascotFloat;position:relative}.hero-mascot-hovered .hero-mascot-image{filter:drop-shadow(0 30px 80px #f07b4b73)drop-shadow(0 10px 30px #d4a4b840);animation:.5s cubic-bezier(.36,.07,.19,.97) forwards mascotWiggle}@keyframes mascotWiggle{0%{transform:translateY(0)rotate(0)}15%{transform:translateY(-1.5px)rotate(1.2deg)}35%{transform:translateY(0)rotate(-.7deg)}55%{transform:translateY(-.75px)rotate(.4deg)}to{transform:translateY(0)rotate(0)}}.hero-mascot-shadow{opacity:0;pointer-events:none;background:radial-gradient(#f07b4b40 0%,#0000 70%);border-radius:50%;width:200px;height:40px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:-30px;left:50%;transform:translate(-50%)translateZ(-50px)}.hero-mascot-hovered .hero-mascot-shadow{opacity:1;filter:blur(3px);transform:translate(-50%)translateZ(-50px)scale(1.15)}@keyframes mascotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media (width<=968px){.hero-mascot-image{width:280px}}.hero-container{max-width:1200px;padding:var(--spacing-lg) var(--spacing-xl);gap:var(--spacing-4xl);grid-template-columns:1fr 1fr;align-items:center;margin:0 auto;display:grid;position:relative}@media (width<=968px){.hero-container{text-align:center;grid-template-columns:1fr}.hero-content{order:2}.hero-demo{order:1}}.hero-content{animation:fadeInUp .8s var(--transition-slow) backwards}.hero-eyebrow{font-size:var(--font-size-sm);color:var(--color-coral);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--spacing-md);border-radius:var(--radius-full);background:linear-gradient(135deg,#f07b4b26 0%,#d4a4b81a 100%);border:1px solid #f07b4b33;align-items:center;gap:8px;padding:8px 18px;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #f07b4b26}.hero-eyebrow:before{content:"";background:var(--gradient-shimmer);animation:3s ease-in-out infinite shimmerSlide;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmerSlide{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.hero-title{font-family:var(--font-family-display);font-size:var(--font-size-5xl);letter-spacing:var(--letter-spacing-display);margin-bottom:var(--spacing-lg);font-weight:700;line-height:1.08}.hero-title-gradient{background:linear-gradient(135deg,#f07b4b 0%,#f89042 35%,#d4a4b8 70%,#c593a8 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:8s ease-in-out infinite gradientShift;position:relative}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.hero-description{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);text-wrap:pretty;max-width:520px;line-height:1.65}@media (width<=968px){.hero-description{max-width:100%}}.hero-actions{gap:var(--spacing-md);flex-wrap:wrap;display:flex}@media (width<=968px){.hero-actions{justify-content:center}}.btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:700;font-family:var(--font-family-display);border-radius:var(--radius-full);transition:all var(--transition-spring);cursor:pointer;border:none;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:var(--gradient-shimmer);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.btn:hover:before{transform:translate(100%)}.btn-primary{background:var(--gradient-coral-pink);color:#fff;box-shadow:0 2px 8px #f07b4b40,0 8px 24px #f07b4b33,inset 0 1px #fff3}.btn-primary:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 4px 12px #f07b4b4d,0 16px 40px #f07b4b40,inset 0 1px #ffffff40}.btn-primary:active{transform:translateY(-1px)scale(.99);box-shadow:0 2px 6px #f07b4b33,0 4px 16px #f07b4b26}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:2px solid var(--color-border);box-shadow:var(--shadow-sm), inset 0 1px 0 #fffc}.btn-secondary:hover{border-color:var(--color-coral);color:var(--color-coral);box-shadow:var(--shadow-md), 0 8px 24px #f07b4b1f;transform:translateY(-3px)}.btn-secondary:active{transform:translateY(-1px)}.hero-demo{animation:fadeInUp .8s var(--transition-slow) .1s backwards}.features{padding:var(--spacing-4xl) 0 calc(var(--spacing-4xl) + 3rem);background:var(--color-wave-fill);position:relative;overflow:hidden}.features:before{content:"";pointer-events:none;background:radial-gradient(80% 50% at 20% 40%,#f07b4b0a 0%,#0000 50%),radial-gradient(60% 40% at 80% 60%,#d4a4b80d 0%,#0000 50%),radial-gradient(100% 80% at 50% 100%,#f8904208 0%,#0000 40%);position:absolute;inset:0}.features-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.features-blob{filter:blur(80px);opacity:.4;border-radius:50%;position:absolute}.features-blob-1{background:radial-gradient(ellipse at 30% 30%, var(--color-coral) 0%, transparent 50%), radial-gradient(ellipse at 70% 70%, var(--color-pink) 0%, transparent 60%);opacity:.07;filter:blur(140px);width:800px;height:800px;transition:opacity .6s ease-out;animation:20s ease-in-out infinite blobFloat;top:60px;right:-200px}.features-blob-2{background:radial-gradient(ellipse at 40% 40%, var(--color-orange) 0%, transparent 45%), radial-gradient(ellipse at 60% 60%, var(--color-mauve) 0%, transparent 55%);opacity:.09;filter:blur(110px);width:600px;height:600px;animation:25s ease-in-out infinite reverse blobFloat;bottom:-180px;left:-180px}.features-blob-3{background:radial-gradient(ellipse at center, var(--color-pink) 0%, transparent 60%);opacity:.04;filter:blur(100px);width:400px;height:400px;margin-top:-200px;margin-left:-200px;animation:15s ease-in-out infinite blobPulse;top:50%;left:50%}@keyframes blobPulse{0%,to{opacity:.04;transform:scale(1)}50%{opacity:.06;transform:scale(1.2)}}.features-grid-pattern{background-image:radial-gradient(circle at 1px 1px, var(--color-border) 1px, transparent 1px);opacity:.35;background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 100%,#000 20%,#0000 70%);mask-image:radial-gradient(120% 100%,#000 20%,#0000 70%)}.features-orb{pointer-events:none;z-index:0;border-radius:50%;position:absolute}.features-orb-1{background:linear-gradient(135deg, var(--color-coral) 0%, var(--color-orange) 100%);width:12px;height:12px;animation:8s ease-in-out infinite orbFloat1;top:15%;left:8%;box-shadow:0 0 20px #f07b4b66}.features-orb-2{background:linear-gradient(135deg, var(--color-pink) 0%, var(--color-mauve) 100%);width:8px;height:8px;animation:10s ease-in-out infinite orbFloat2;top:25%;right:12%;box-shadow:0 0 16px #d4a4b880}.features-orb-3{background:linear-gradient(135deg, var(--color-orange) 0%, var(--color-coral) 100%);width:6px;height:6px;animation:12s ease-in-out infinite orbFloat3;bottom:30%;left:15%;box-shadow:0 0 12px #f8904266}.features-orb-4{background:linear-gradient(135deg, var(--color-mauve) 0%, var(--color-pink) 100%);width:10px;height:10px;animation:9s ease-in-out infinite reverse orbFloat1;bottom:20%;right:10%;box-shadow:0 0 18px #c593a873}@keyframes orbFloat1{0%,to{opacity:.7;transform:translateY(0)translate(0)}25%{opacity:1;transform:translateY(-15px)translate(8px)}50%{opacity:.8;transform:translateY(-5px)translate(-5px)}75%{opacity:.9;transform:translateY(-20px)translate(3px)}}@keyframes orbFloat2{0%,to{opacity:.6;transform:translateY(0)translate(0)scale(1)}33%{opacity:.9;transform:translateY(-12px)translate(-10px)scale(1.1)}66%{opacity:.7;transform:translateY(-25px)translate(5px)scale(.9)}}@keyframes orbFloat3{0%,to{opacity:.5;transform:translateY(0)rotate(0)}50%{opacity:.85;transform:translateY(-18px)rotate(180deg)}}.section-header{text-align:center;max-width:800px;margin:0 auto var(--spacing-3xl);z-index:1;position:relative}.section-eyebrow{font-size:var(--font-size-sm);font-weight:700;font-family:var(--font-family-display);color:var(--color-coral);letter-spacing:.14em;text-transform:uppercase;margin-bottom:var(--spacing-lg);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#f07b4b1f 0%,#d4a4b80f 100%);border:1.5px solid #f07b4b33;align-items:center;gap:10px;padding:12px 24px;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #f07b4b1f,inset 0 1px #fff6}.section-eyebrow:before{content:"";background:var(--gradient-coral-pink);border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 12px #f07b4b99}.section-eyebrow:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;animation:4s ease-in-out infinite eyebrowShimmer;position:absolute;top:0;left:-100%}@keyframes eyebrowShimmer{0%,to{left:-100%}50%{left:100%}}@keyframes pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 12px #f07b4b99}50%{opacity:.7;transform:scale(.85);box-shadow:0 0 8px #f07b4b66}}.section-title{font-family:var(--font-family-display);font-size:clamp(2.25rem, 6vw, var(--font-size-5xl));letter-spacing:var(--letter-spacing-display);margin-bottom:var(--spacing-lg);font-weight:700;line-height:1.08;position:relative}.section-title-line{background:linear-gradient(135deg, var(--color-text-primary) 0%, color-mix(in srgb, var(--color-text-primary) 80%, var(--color-coral)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.section-title-line:last-child{background:linear-gradient(135deg, var(--color-coral) 0%, var(--color-orange) 50%, var(--color-pink) 100%);-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite titleGradient}@keyframes titleGradient{0%,to{background-position:0%}50%{background-position:100%}}.section-description{font-size:var(--font-size-xl);color:var(--color-text-secondary);text-wrap:balance;max-width:580px;margin:0 auto;line-height:1.75}.features-grid{gap:var(--spacing-md);grid-template-rows:auto;grid-template-columns:repeat(12,1fr);display:grid;position:relative}.feature-card:first-child{grid-column:span 5}.feature-card:nth-child(2){grid-column:span 4}.feature-card:nth-child(3),.feature-card:nth-child(4){grid-column:span 3}.feature-card:nth-child(5){grid-column:span 5}.feature-card:nth-child(6),.feature-card:nth-child(7),.feature-card:nth-child(8),.feature-card:nth-child(9),.feature-card:nth-child(n+10){grid-column:span 4}@media (width<=992px){.features-grid{gap:var(--spacing-md);grid-template-columns:repeat(6,1fr)}.feature-card,.feature-card:nth-child(n){grid-column:span 3}.feature-card:first-child{grid-column:span 6}}@media (width<=640px){.features-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.feature-card,.feature-card:nth-child(n){grid-column:span 1}}.feature-card{--card-accent:var(--color-coral);background:linear-gradient(145deg, #ffffffd9 0%, #fff9 50%, color-mix(in srgb, var(--card-accent) 3%, #ffffffb3) 100%);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:1.5px solid color-mix(in srgb, var(--card-accent) 15%, #ffffff80);opacity:0;cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;min-height:200px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .5s cubic-bezier(.34,1.56,.64,1),border-color .4s,background .4s;display:flex;position:relative;overflow:hidden;transform:translateY(30px);box-shadow:0 2px 8px #2d2a2608,0 8px 24px #f07b4b0a,inset 0 1px #fff9}.feature-card:first-child{background:linear-gradient(145deg, color-mix(in srgb, var(--card-accent) 8%, #ffffffe6) 0%, color-mix(in srgb, var(--card-accent) 4%, #ffffffbf) 100%);border-color:color-mix(in srgb, var(--card-accent) 30%, #fff6);min-height:240px;padding:var(--spacing-2xl);box-shadow:0 4px 12px #f07b4b14,0 16px 40px #f07b4b1a,inset 0 1px #ffffffb3}.feature-card:first-child .feature-icon{width:80px;height:80px}.feature-card:first-child .feature-icon-inner svg{width:32px;height:32px}.feature-card:first-child .feature-title{font-size:var(--font-size-2xl);line-height:1.15}.feature-card:first-child .feature-description{font-size:var(--font-size-lg);opacity:1;max-width:300px}.feature-card--featured{background:linear-gradient(145deg, color-mix(in srgb, var(--card-accent) 8%, #ffffffe6) 0%, color-mix(in srgb, var(--card-accent) 4%, #ffffffbf) 100%);border-color:color-mix(in srgb, var(--card-accent) 30%, #fff6);min-height:240px}.feature-card--featured .feature-icon{width:80px;height:80px}.feature-card--featured .feature-title{font-size:var(--font-size-2xl);line-height:1.15}.feature-card--featured .feature-description{font-size:var(--font-size-lg);opacity:1}.feature-card:before{content:"";background:radial-gradient(circle at center, color-mix(in srgb, var(--card-accent) 25%, transparent) 0%, transparent 45%);pointer-events:none;opacity:0;width:140%;height:140%;transition:opacity .6s,transform .6s;position:absolute;top:-80%;right:-60%;transform:scale(.7)}.feature-card:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--card-accent) 50%, transparent 100%);opacity:0;border-radius:3px 3px 0 0;height:3px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:0;left:50%;right:50%}.feature-card:hover:before{opacity:1;transform:scale(1)}.feature-card:hover:after{opacity:.7;left:15%;right:15%}.features-visible .feature-card{animation:.8s cubic-bezier(.34,1.56,.64,1) forwards featureCardEnter;animation-delay:calc(var(--animation-order,0) * 70ms)}@keyframes featureCardEnter{0%{opacity:0;filter:blur(4px);transform:translateY(50px)scale(.93)rotateX(8deg)}60%{filter:blur()}to{opacity:1;filter:blur();transform:translateY(0)scale(1)rotateX(0)}}.feature-card--coral{--card-accent:var(--color-coral)}.feature-card--orange{--card-accent:var(--color-orange)}.feature-card--pink{--card-accent:var(--color-pink)}.feature-card--mauve{--card-accent:var(--color-mauve)}.feature-card--green{--card-accent:var(--color-green)}.feature-card--purple{--card-accent:var(--color-purple)}.feature-card--yellow{--card-accent:var(--color-yellow)}.feature-card--cyan{--card-accent:var(--color-cyan)}.feature-card--blue{--card-accent:var(--color-blue)}.feature-card-glow{background:radial-gradient(800px circle at var(--mouse-x,50%) var(--mouse-y,50%), color-mix(in srgb, var(--card-accent) 12%, transparent) 0%, transparent 35%);opacity:0;pointer-events:none;border-radius:inherit;transition:opacity .6s;position:absolute;inset:-2px}.feature-card:hover .feature-card-glow{opacity:1}.feature-card-content{z-index:1;flex-direction:column;flex:1;display:flex;position:relative}.feature-card-shine{pointer-events:none;background:linear-gradient(105deg,#0000 0% 35%,#ffffff1a 42%,#ffffff40 50%,#ffffff1a 58%,#0000 65% 100%);width:100%;height:100%;transition:left .9s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-200%;transform:skew(-25deg)}.feature-card:hover .feature-card-shine{left:200%}.feature-card:hover{box-shadow:0 8px 20px #2d2a260a, 0 25px 60px -10px color-mix(in srgb, var(--card-accent) 28%, transparent), 0 12px 28px -8px #00000014, inset 0 1px 0 #fffc;border-color:color-mix(in srgb, var(--card-accent) 45%, #ffffff4d);background:linear-gradient(145deg, #fffffff2 0%, #fffc 50%, color-mix(in srgb, var(--card-accent) 6%, #ffffffd9) 100%);transform:translateY(-10px)scale(1.02)}.feature-card:first-child:hover,.feature-card--featured:hover{box-shadow:0 10px 25px #2d2a260d, 0 30px 70px -10px color-mix(in srgb, var(--card-accent) 32%, transparent), 0 15px 35px -10px #0000001a, inset 0 1px 0 #ffffffe6;transform:translateY(-12px)scale(1.02)}.feature-icon{width:64px;height:64px;margin-bottom:var(--spacing-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.feature-icon:before{content:"";background:linear-gradient(135deg, color-mix(in srgb, var(--card-accent) 35%, transparent) 0%, color-mix(in srgb, var(--card-accent) 15%, transparent) 100%);border-radius:var(--radius-lg);opacity:.8;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:absolute;inset:-3px}.feature-icon:after{content:"";background:linear-gradient(145deg, #fffffff2 0%, color-mix(in srgb, var(--card-accent) 4%, #ffffffe6) 100%);border-radius:calc(var(--radius-lg) - 3px);position:absolute;inset:0;box-shadow:inset 0 2px 4px #fffc,inset 0 -1px 2px #00000008}.feature-icon-inner{z-index:1;color:var(--card-accent);filter:drop-shadow(0 2px 4px color-mix(in srgb, var(--card-accent) 20%, transparent));justify-content:center;align-items:center;transition:transform .5s cubic-bezier(.34,1.56,.64,1),color .3s,filter .3s;display:flex;position:relative}.feature-icon-inner svg{width:26px;height:26px}.feature-card:hover .feature-icon:before{background:linear-gradient(135deg, color-mix(in srgb, var(--card-accent) 50%, transparent) 0%, color-mix(in srgb, var(--card-accent) 25%, transparent) 100%);opacity:1;transform:scale(1.12)rotate(-4deg)}.feature-card:hover .feature-icon-inner{filter:drop-shadow(0 4px 8px color-mix(in srgb, var(--card-accent) 35%, transparent));transform:scale(1.15)rotate(3deg)}.feature-title{font-family:var(--font-family-display);font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);color:var(--color-text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.2;transition:color .4s,transform .4s cubic-bezier(.34,1.56,.64,1)}.feature-card:hover .feature-title{color:var(--card-accent);transform:translate(4px)}.feature-description{color:var(--color-text-secondary);font-size:var(--font-size-base);opacity:.92;flex-grow:1;line-height:1.75}.feature-description strong{color:var(--color-text-primary);font-weight:700}.feature-description em{color:var(--color-text-primary);font-style:italic}.feature-description kbd{font-family:var(--font-mono);background:linear-gradient(145deg, color-mix(in srgb, var(--card-accent) 12%, #fffffff2) 0%, color-mix(in srgb, var(--card-accent) 6%, #ffffffe6) 100%);color:var(--card-accent);border:1.5px solid color-mix(in srgb, var(--card-accent) 22%, transparent);border-radius:6px;justify-content:center;align-items:center;min-width:1.5em;padding:.2em .6em;font-size:.78em;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 2px 4px #0000000a,inset 0 1px #ffffffb3,inset 0 -1px #00000008}.feature-card:hover .feature-description kbd{background:linear-gradient(145deg, color-mix(in srgb, var(--card-accent) 18%, #fff) 0%, color-mix(in srgb, var(--card-accent) 10%, #fffffff2) 100%);border-color:color-mix(in srgb, var(--card-accent) 35%, transparent);transform:translateY(-1px);box-shadow:0 3px 6px #0000000f,inset 0 1px #fffc}.feature-badge{background:linear-gradient(135deg, color-mix(in srgb, var(--card-accent) 20%, transparent) 0%, color-mix(in srgb, var(--card-accent) 12%, transparent) 100%);color:var(--card-accent);border-radius:var(--radius-full);vertical-align:middle;letter-spacing:.03em;text-transform:uppercase;border:1px solid color-mix(in srgb, var(--card-accent) 15%, transparent);align-items:center;margin-left:.4em;padding:.25em .7em;font-size:.68em;font-weight:800;display:inline-flex}.feature-card-arrow{bottom:var(--spacing-lg);right:var(--spacing-lg);background:color-mix(in srgb, var(--card-accent) 8%, transparent);opacity:0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;transform:translate(-8px)}.feature-card-arrow svg{width:14px;height:14px;color:var(--card-accent)}.feature-card:hover .feature-card-arrow{opacity:1;transform:translate(0)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .feature-card{border-color:color-mix(in srgb, var(--card-accent) 20%, #ffffff14);background:linear-gradient(145deg,#ffffff0a 0%,#ffffff05 100%);box-shadow:0 2px 8px #00000026,0 8px 24px #0000001a,inset 0 1px #ffffff0f}:root:not([data-theme=light]) .feature-card:hover{box-shadow:0 8px 20px #0003, 0 25px 60px -10px color-mix(in srgb, var(--card-accent) 25%, #0000004d), inset 0 1px 0 #ffffff1a;background:linear-gradient(145deg,#ffffff12 0%,#ffffff0a 100%)}:root:not([data-theme=light]) .feature-icon:after{background:linear-gradient(145deg, var(--color-surface) 0%, color-mix(in srgb, var(--card-accent) 6%, var(--color-surface)) 100%)}:root:not([data-theme=light]) .features-blob-1,:root:not([data-theme=light]) .features-blob-2{opacity:.05}:root:not([data-theme=light]) .features-blob-3{opacity:.03}:root:not([data-theme=light]) .features-orb{opacity:.4}:root:not([data-theme=light]) .feature-card-shine{background:linear-gradient(105deg,#0000 0% 35%,#ffffff08 42%,#ffffff14 50%,#ffffff08 58%,#0000 65% 100%)}}:root[data-theme=dark] .feature-card{border-color:color-mix(in srgb, var(--card-accent) 20%, #ffffff14);background:linear-gradient(145deg,#ffffff0a 0%,#ffffff05 100%);box-shadow:0 2px 8px #00000026,0 8px 24px #0000001a,inset 0 1px #ffffff0f}:root[data-theme=dark] .feature-card:hover{box-shadow:0 8px 20px #0003, 0 25px 60px -10px color-mix(in srgb, var(--card-accent) 25%, #0000004d), inset 0 1px 0 #ffffff1a;background:linear-gradient(145deg,#ffffff12 0%,#ffffff0a 100%)}:root[data-theme=dark] .feature-icon:after{background:linear-gradient(145deg, var(--color-surface) 0%, color-mix(in srgb, var(--card-accent) 6%, var(--color-surface)) 100%)}:root[data-theme=dark] .features-blob-1,:root[data-theme=dark] .features-blob-2{opacity:.05}:root[data-theme=dark] .features-blob-3{opacity:.03}:root[data-theme=dark] .features-orb{opacity:.4}:root[data-theme=dark] .feature-card-shine{background:linear-gradient(105deg,#0000 0% 35%,#ffffff08 42%,#ffffff14 50%,#ffffff08 58%,#0000 65% 100%)}.feature-modal-backdrop{-webkit-backdrop-filter:blur(16px)saturate(180%);z-index:var(--z-modal);padding:var(--spacing-lg);background:#1a1816b8;justify-content:center;align-items:center;animation:.4s cubic-bezier(.16,1,.3,1) modalBackdropIn;display:flex;position:fixed;inset:0}@keyframes modalBackdropIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%)}}@keyframes modalSlideIn{0%{opacity:0;filter:blur(4px);transform:scale(.88)translateY(40px)rotateX(8deg)}60%{filter:blur()}to{opacity:1;filter:blur();transform:scale(1)translateY(0)rotateX(0)}}@keyframes iconFloatPulse{0%,to{box-shadow:0 0 0 8px color-mix(in srgb, var(--modal-accent) 12%, transparent), 0 12px 28px -6px color-mix(in srgb, var(--modal-accent) 35%, transparent);transform:translateY(0)scale(1)}50%{box-shadow:0 0 0 12px color-mix(in srgb, var(--modal-accent) 8%, transparent), 0 20px 40px -8px color-mix(in srgb, var(--modal-accent) 40%, transparent);transform:translateY(-4px)scale(1.03)}}@keyframes iconGlowRing{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes benefitSlideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes checkmarkPop{0%{opacity:0;transform:translateY(-50%)scale(0)}50%{transform:translateY(-50%)scale(1.2)}to{opacity:1;transform:translateY(-50%)scale(1)}}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-30px)scale(1.15)}}@keyframes buttonShimmer{0%{left:-100%}50%,to{left:100%}}.feature-modal{--modal-accent:var(--color-coral);--modal-accent-light:color-mix(in srgb, var(--color-coral) 15%, white);background:linear-gradient(165deg, #fffffffa 0%, #ffffffeb 50%, color-mix(in srgb, var(--modal-accent) 3%, #fffffff2) 100%);border-radius:var(--radius-xl);width:100%;max-width:540px;max-height:85vh;box-shadow:0 0 0 1px color-mix(in srgb, var(--modal-accent) 15%, #ffffff4d), 0 4px 8px #0000000a, 0 8px 16px #0000000f, 0 24px 48px -12px color-mix(in srgb, var(--modal-accent) 25%, #00000040), 0 48px 100px -20px #0003;transform-style:preserve-3d;perspective:1000px;animation:.5s cubic-bezier(.34,1.56,.64,1) modalSlideIn;position:relative;overflow:hidden}.feature-modal-inner{scrollbar-gutter:stable;max-height:85vh;padding-top:6px;position:relative;overflow-y:auto}.feature-modal:before{content:"";background:linear-gradient(90deg, var(--modal-accent) 0%, color-mix(in srgb, var(--modal-accent) 80%, var(--color-orange)) 50%, color-mix(in srgb, var(--modal-accent) 60%, var(--color-pink)) 100%);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:3;height:5px;position:absolute;top:0;left:0;right:0}.feature-modal:after{content:"";background:radial-gradient(ellipse at center, color-mix(in srgb, var(--modal-accent) 8%, transparent) 0%, transparent 60%);pointer-events:none;z-index:0;width:80%;height:100%;position:absolute;top:-50%;right:-30%}.feature-modal-inner:before,.feature-modal-inner:after{content:"";pointer-events:none;z-index:0;border-radius:50%;position:absolute}.feature-modal-inner:before{background:linear-gradient(135deg, var(--modal-accent) 0%, color-mix(in srgb, var(--modal-accent) 70%, var(--color-orange)) 100%);width:8px;height:8px;box-shadow:0 0 12px color-mix(in srgb, var(--modal-accent) 50%, transparent);animation:6s ease-in-out infinite orbFloat;top:80px;right:60px}.feature-modal-inner:after{background:linear-gradient(135deg, var(--color-pink) 0%, var(--color-mauve) 100%);width:6px;height:6px;box-shadow:0 0 10px color-mix(in srgb, var(--color-pink) 40%, transparent);animation:8s ease-in-out infinite reverse orbFloat;top:120px;left:40px}.feature-modal--coral{--modal-accent:var(--color-coral);--modal-accent-light:color-mix(in srgb, var(--color-coral) 15%, white)}.feature-modal--orange{--modal-accent:var(--color-orange);--modal-accent-light:color-mix(in srgb, var(--color-orange) 15%, white)}.feature-modal--pink{--modal-accent:var(--color-pink);--modal-accent-light:color-mix(in srgb, var(--color-pink) 18%, white)}.feature-modal--mauve{--modal-accent:var(--color-mauve);--modal-accent-light:color-mix(in srgb, var(--color-mauve) 15%, white)}.feature-modal--green{--modal-accent:var(--color-green);--modal-accent-light:color-mix(in srgb, var(--color-green) 15%, white)}.feature-modal--purple{--modal-accent:var(--color-purple);--modal-accent-light:color-mix(in srgb, var(--color-purple) 15%, white)}.feature-modal--yellow{--modal-accent:var(--color-yellow);--modal-accent-light:color-mix(in srgb, var(--color-yellow) 18%, white)}.feature-modal--cyan{--modal-accent:var(--color-cyan);--modal-accent-light:color-mix(in srgb, var(--color-cyan) 15%, white)}.feature-modal--blue{--modal-accent:var(--color-blue);--modal-accent-light:color-mix(in srgb, var(--color-blue) 15%, white)}.feature-modal--red{--modal-accent:var(--color-red);--modal-accent-light:color-mix(in srgb, var(--color-red) 15%, white)}.feature-modal-close{border:1.5px solid var(--color-border);cursor:pointer;width:38px;height:38px;color:var(--color-text-tertiary);z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#ffffffe6 0%,#ffffffb3 100%);border-radius:12px;justify-content:center;align-items:center;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:18px;right:18px;box-shadow:0 2px 8px #0000000a,inset 0 1px #fffc}.feature-modal-close:hover{background:linear-gradient(145deg, var(--modal-accent-light) 0%, color-mix(in srgb, var(--modal-accent) 12%, white) 100%);border-color:color-mix(in srgb, var(--modal-accent) 30%, transparent);color:var(--modal-accent);box-shadow:0 4px 12px color-mix(in srgb, var(--modal-accent) 25%, transparent), inset 0 1px 0 #ffffffe6;transform:rotate(90deg)scale(1.08)}.feature-modal-close:active{transform:rotate(90deg)scale(.95)}.feature-modal-close svg{transition:transform .3s}.feature-modal-header{padding:var(--spacing-2xl) var(--spacing-xl) var(--spacing-lg);text-align:center;align-items:center;gap:var(--spacing-lg);z-index:1;flex-direction:column;display:flex;position:relative}.feature-modal-header:before{content:"";background:radial-gradient(ellipse 100% 120% at 50% -20%, color-mix(in srgb, var(--modal-accent) 10%, transparent) 0%, transparent 60%);pointer-events:none;z-index:-1;height:180px;position:absolute;top:0;left:0;right:0}.feature-modal-icon{background:linear-gradient(145deg, #fffffff2 0%, color-mix(in srgb, var(--modal-accent) 8%, #ffffffe6) 100%);width:84px;height:84px;color:var(--modal-accent);z-index:1;border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;animation:4s ease-in-out infinite iconFloatPulse;display:flex;position:relative}.feature-modal-icon:before{content:"";background:linear-gradient(135deg, color-mix(in srgb, var(--modal-accent) 50%, transparent) 0%, color-mix(in srgb, var(--modal-accent) 25%, transparent) 100%);z-index:-1;border-radius:26px;animation:4s ease-in-out infinite iconGlowRing;position:absolute;inset:-4px}.feature-modal-icon:after{content:"";border:2px solid color-mix(in srgb, var(--modal-accent) 20%, transparent);pointer-events:none;border-radius:22px;position:absolute;inset:0}.feature-modal-icon-inner{filter:drop-shadow(0 2px 6px color-mix(in srgb, var(--modal-accent) 30%, transparent));justify-content:center;align-items:center;display:flex}.feature-modal-icon-inner svg{width:36px;height:36px}.feature-modal-icon-inner:before,.feature-modal-icon-inner:after{content:"✦";color:var(--modal-accent);opacity:0;pointer-events:none;font-size:10px;position:absolute}.feature-modal-icon-inner:before{animation:3s ease-in-out .5s infinite sparkleFloat;top:-8px;right:-4px}.feature-modal-icon-inner:after{animation:3.5s ease-in-out 1.5s infinite sparkleFloat;bottom:-4px;left:-8px}.feature-modal-title{font-family:var(--font-family-display);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tighter);background:linear-gradient(135deg, var(--color-text-primary) 0%, color-mix(in srgb, var(--color-text-primary) 85%, var(--modal-accent)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.75rem;font-weight:700}.feature-modal-content{padding:0 var(--spacing-xl) var(--spacing-xl);z-index:1;position:relative}.feature-modal-summary{color:var(--color-text-secondary);margin:0 0 var(--spacing-xl);text-align:center;text-wrap:balance;font-size:1.0625rem;line-height:1.7}.feature-modal-benefits{margin-bottom:var(--spacing-xl);background:linear-gradient(145deg, var(--color-background) 0%, color-mix(in srgb, var(--modal-accent) 2%, var(--color-background)) 100%);border-radius:var(--radius-md);padding:var(--spacing-lg);border:1px solid color-mix(in srgb, var(--modal-accent) 8%, transparent);position:relative;overflow:hidden}.feature-modal-benefits:before{content:"";background:radial-gradient(ellipse at center, color-mix(in srgb, var(--modal-accent) 6%, transparent) 0%, transparent 60%);pointer-events:none;width:60%;height:100%;position:absolute;top:-50%;right:-30%}.feature-modal-benefits h3{font-family:var(--font-family-display);text-transform:uppercase;letter-spacing:.12em;color:var(--modal-accent);margin:0 0 var(--spacing-md);align-items:center;gap:8px;padding-left:2px;font-size:.6875rem;font-weight:700;display:flex;position:relative}.feature-modal-benefits h3:before{content:"";background:var(--modal-accent);width:6px;height:6px;box-shadow:0 0 8px color-mix(in srgb, var(--modal-accent) 60%, transparent);border-radius:50%}.feature-modal-benefits ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.feature-modal-benefits li{color:var(--color-text-primary);background:linear-gradient(145deg, var(--color-surface) 0%, color-mix(in srgb, var(--modal-accent) 1%, var(--color-surface)) 100%);border:1px solid #0000;border-radius:10px;padding:12px 14px 12px 40px;font-size:.9375rem;line-height:1.5;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:.4s cubic-bezier(.34,1.56,.64,1) backwards benefitSlideIn;position:relative;box-shadow:0 1px 3px #00000005}.feature-modal-benefits li:first-child{animation-delay:.15s}.feature-modal-benefits li:nth-child(2){animation-delay:.22s}.feature-modal-benefits li:nth-child(3){animation-delay:.29s}.feature-modal-benefits li:nth-child(4){animation-delay:.36s}.feature-modal-benefits li:hover{background:linear-gradient(145deg, color-mix(in srgb, var(--modal-accent) 6%, var(--color-surface)) 0%, color-mix(in srgb, var(--modal-accent) 3%, var(--color-surface)) 100%);border-color:color-mix(in srgb, var(--modal-accent) 15%, transparent);box-shadow:0 2px 8px color-mix(in srgb, var(--modal-accent) 10%, transparent);transform:translate(4px)}.feature-modal-benefits li:before{content:"";background:linear-gradient(135deg, var(--modal-accent) 0%, color-mix(in srgb, var(--modal-accent) 80%, var(--color-orange)) 100%);width:18px;height:18px;box-shadow:0 2px 6px color-mix(in srgb, var(--modal-accent) 35%, transparent), inset 0 1px 0 #ffffff4d;border-radius:50%;animation:.5s cubic-bezier(.34,1.56,.64,1) backwards checkmarkPop;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.feature-modal-benefits li:first-child:before{animation-delay:.25s}.feature-modal-benefits li:nth-child(2):before{animation-delay:.32s}.feature-modal-benefits li:nth-child(3):before{animation-delay:.39s}.feature-modal-benefits li:nth-child(4):before{animation-delay:.46s}.feature-modal-benefits li:after{content:"✓";color:#fff;text-shadow:0 1px 1px #00000026;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.feature-modal-code{margin-bottom:var(--spacing-xl)}.feature-modal-code h3{font-family:var(--font-family-display);text-transform:uppercase;letter-spacing:.12em;color:var(--modal-accent);margin:0 0 var(--spacing-sm);align-items:center;gap:8px;font-size:.6875rem;font-weight:700;display:flex}.feature-modal-code h3:before{content:"";background:var(--modal-accent);width:6px;height:6px;box-shadow:0 0 8px color-mix(in srgb, var(--modal-accent) 60%, transparent);border-radius:50%}.feature-modal-code pre{background:var(--color-background);border-radius:var(--radius-sm);padding:var(--spacing-md);border:1px solid color-mix(in srgb, var(--modal-accent) 8%, transparent);margin:0;overflow-x:auto}.feature-modal-code code{font-family:"JetBrains Mono", "Fira Code", var(--font-mono);color:var(--color-text-primary);font-size:.8125rem;line-height:1.65}.feature-modal-link{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;font-family:var(--font-family-display);color:#fff;background:linear-gradient(135deg, var(--modal-accent) 0%, color-mix(in srgb, var(--modal-accent) 85%, var(--color-orange)) 50%, color-mix(in srgb, var(--modal-accent) 80%, black) 100%);border-radius:var(--radius-md);box-shadow:0 4px 12px color-mix(in srgb, var(--modal-accent) 35%, transparent), inset 0 1px 0 #fff3;letter-spacing:.01em;background-size:200% 100%;padding:16px 24px;font-size:.9375rem;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;overflow:hidden}.feature-modal-link:before{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff26 50%,#0000 100%);width:100%;height:100%;animation:3s ease-in-out 1s infinite buttonShimmer;position:absolute;top:0;left:-100%}.feature-modal-link:hover{box-shadow:0 8px 24px color-mix(in srgb, var(--modal-accent) 45%, transparent), 0 4px 12px color-mix(in srgb, var(--modal-accent) 25%, transparent), inset 0 1px 0 #ffffff40;color:#fff;background-position:100% 0;transform:translateY(-3px)scale(1.02)}.feature-modal-link:active{transform:translateY(-1px)scale(1.01)}.feature-modal-link svg,.feature-modal-link:after{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.feature-modal-link:hover svg{transform:translate(4px)}button.feature-card{text-align:left;font:inherit;cursor:pointer}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .feature-modal{background:linear-gradient(165deg, #252220fa 0%, #252220f2 50%, color-mix(in srgb, var(--modal-accent) 5%, #252220f7) 100%);box-shadow:0 0 0 1px color-mix(in srgb, var(--modal-accent) 20%, #ffffff0d), 0 24px 48px -12px #00000080, 0 48px 100px -20px #0006}:root:not([data-theme=light]) .feature-modal-close{background:linear-gradient(145deg,#ffffff0f 0%,#ffffff08 100%);border-color:#ffffff14}:root:not([data-theme=light]) .feature-modal-icon{background:linear-gradient(145deg, var(--color-surface) 0%, color-mix(in srgb, var(--modal-accent) 10%, var(--color-surface)) 100%)}:root:not([data-theme=light]) .feature-modal-benefits{background:linear-gradient(145deg, var(--color-surface) 0%, color-mix(in srgb, var(--modal-accent) 3%, var(--color-surface)) 100%);border-color:color-mix(in srgb, var(--modal-accent) 12%, transparent)}:root:not([data-theme=light]) .feature-modal-benefits li{background:linear-gradient(145deg, var(--color-surface-elevated) 0%, color-mix(in srgb, var(--modal-accent) 3%, var(--color-surface-elevated)) 100%)}}:root[data-theme=dark] .feature-modal{background:linear-gradient(165deg, #252220fa 0%, #252220f2 50%, color-mix(in srgb, var(--modal-accent) 5%, #252220f7) 100%);box-shadow:0 0 0 1px color-mix(in srgb, var(--modal-accent) 20%, #ffffff0d), 0 24px 48px -12px #00000080, 0 48px 100px -20px #0006}:root[data-theme=dark] .feature-modal-close{background:linear-gradient(145deg,#ffffff0f 0%,#ffffff08 100%);border-color:#ffffff14}:root[data-theme=dark] .feature-modal-icon{background:linear-gradient(145deg, var(--color-surface) 0%, color-mix(in srgb, var(--modal-accent) 10%, var(--color-surface)) 100%)}:root[data-theme=dark] .feature-modal-benefits{background:linear-gradient(145deg, var(--color-surface) 0%, color-mix(in srgb, var(--modal-accent) 3%, var(--color-surface)) 100%);border-color:color-mix(in srgb, var(--modal-accent) 12%, transparent)}:root[data-theme=dark] .feature-modal-benefits li{background:linear-gradient(145deg, var(--color-surface-elevated) 0%, color-mix(in srgb, var(--modal-accent) 3%, var(--color-surface-elevated)) 100%)}.quick-start{padding:var(--spacing-4xl) 0 calc(var(--spacing-4xl) + 40px);background:var(--color-background);position:relative;overflow:hidden}.quick-start-header{margin-bottom:var(--spacing-3xl)}.quick-start-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.quick-start-blur--primary{filter:blur(120px);background:var(--color-coral);opacity:.08;border-radius:50%;width:800px;height:800px;animation:12s ease-in-out infinite quickStartFloat;position:absolute;top:20%;left:-15%}.quick-start-blur--secondary{filter:blur(100px);background:var(--color-pink);opacity:.1;border-radius:50%;width:600px;height:600px;animation:10s ease-in-out infinite reverse quickStartFloat;position:absolute;bottom:10%;right:-10%}@keyframes quickStartFloat{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-20px)scale(1.05)}}.quick-start-grid-pattern{background-image:radial-gradient(circle at 1px 1px, var(--color-border) 1px, transparent 1px);opacity:.6;background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 40%,#000 20%,#0000 70%);mask-image:radial-gradient(80% 60% at 50% 40%,#000 20%,#0000 70%)}.quick-start-shape{pointer-events:none;border-radius:50%;position:absolute}.quick-start-shape--1{background:var(--color-coral);opacity:.3;width:20px;height:20px;animation:6s ease-in-out infinite shapeFloat1;top:15%;right:20%}.quick-start-shape--2{background:var(--color-pink);opacity:.4;width:12px;height:12px;animation:8s ease-in-out infinite shapeFloat2;top:60%;left:8%}.quick-start-shape--3{background:var(--color-orange);opacity:.25;width:16px;height:16px;animation:7s ease-in-out infinite shapeFloat3;bottom:25%;right:12%}@keyframes shapeFloat1{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-15px,20px)rotate(180deg)}}@keyframes shapeFloat2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(20px,-15px)scale(1.2)}}@keyframes shapeFloat3{0%,to{transform:translate(0)}33%{transform:translate(10px,-25px)}66%{transform:translate(-10px,15px)}}.install-steps{gap:var(--spacing-2xl);flex-direction:column;max-width:800px;margin:0 auto;display:flex;position:relative}.install-steps-timeline{z-index:0;width:4px;position:absolute;top:52px;bottom:52px;left:28px}.timeline-line{background:var(--color-border);border-radius:2px;position:absolute;inset:0}.timeline-progress{background:var(--gradient-coral-pink);border-radius:2px;height:0;transition:height .6s;position:absolute;top:0;left:0;right:0}@media (width<=768px){.install-steps-timeline{left:22px}}.install-step{gap:var(--spacing-lg);opacity:0;animation:.6s forwards stepFadeIn;animation-delay:var(--step-delay,0s);grid-template-columns:60px 1fr;align-items:start;display:grid;position:relative;transform:translateY(20px)}@keyframes stepFadeIn{to{opacity:1;transform:translateY(0)}}.step-indicator{z-index:1;align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex;position:relative}.step-number{background:var(--gradient-coral-pink);color:#fff;width:56px;height:56px;font-family:var(--font-family-display);font-size:var(--font-size-xl);border-radius:var(--radius-full);transition:all var(--transition-fast);z-index:2;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative;box-shadow:0 2px 8px #f07b4b40,0 8px 24px #f07b4b4d,inset 0 1px #ffffff40,inset 0 -2px 8px #0000001a}.step-number:before{content:"";border-radius:inherit;background:var(--gradient-coral-pink);opacity:0;z-index:-1;animation:2s ease-in-out infinite stepPulse;animation-delay:calc(var(--step-delay,0s) + .5s);position:absolute;inset:-4px}@keyframes stepPulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.15;transform:scale(1.15)}}.install-step:hover .step-number{box-shadow:var(--shadow-lg), 0 8px 30px #f07b4b66;transform:scale(1.08)}.step-card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);transition:all var(--transition-base);position:relative;overflow:hidden}.step-card:hover{border-color:#f07b4b4d}.step-card-glow{opacity:1;pointer-events:none;background:linear-gradient(#f07b4b0f 0%,#0000 100%);height:120px;position:absolute;top:0;left:0;right:0}.step-card-content{padding:var(--spacing-xl);position:relative}.step-title{font-family:var(--font-family-display);font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs);color:var(--color-text-primary);letter-spacing:-.02em;font-weight:600}.step-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6}@media (width<=768px){.install-step{gap:var(--spacing-md);grid-template-columns:48px 1fr}.step-number{width:48px;height:48px;font-size:var(--font-size-lg)}.step-card-content{padding:var(--spacing-lg)}.quick-start-shape--1,.quick-start-shape--2,.quick-start-shape--3{display:none}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .step-card{background:#ffffff08}:root:not([data-theme=light]) .step-card:hover{background:#ffffff0d}:root:not([data-theme=light]) .quick-start-blur--primary,:root:not([data-theme=light]) .quick-start-blur--secondary{opacity:.12}}:root[data-theme=dark] .step-card{background:#ffffff08}:root[data-theme=dark] .step-card:hover{background:#ffffff0d}:root[data-theme=dark] .quick-start-blur--primary,:root[data-theme=dark] .quick-start-blur--secondary{opacity:.12}.code-block{background:var(--color-surface);border:1px solid #f07b4b26;border-radius:18px;width:100%;max-width:100%;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000000a,0 8px 24px #0000000f,0 1px 3px #0000000a,inset 0 1px #fff9}.code-block:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000000f,0 16px 40px #00000014,0 2px 4px #0000000a,inset 0 1px #fff9}.code-block-header{padding:10px var(--spacing-md);justify-content:space-between;align-items:center;gap:var(--spacing-md);background:linear-gradient(#faf7f4 0%,#f5f0eb 100%);border-bottom:1px solid #f07b4b14;border-radius:16px 16px 0 0;display:flex}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .code-block-header{background:linear-gradient(#2d2a26 0%,#252220 100%);border-bottom:1px solid #ffffff14}}:root[data-theme=dark] .code-block-header{background:linear-gradient(#2d2a26 0%,#252220 100%);border-bottom:1px solid #ffffff14}.code-block-header>:not(.code-block-controls){flex-shrink:0}.code-block-language{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;text-align:center;background:#f07b4b14;border-radius:6px;flex-grow:1;padding:4px 10px;font-size:10px;font-weight:600}.code-block-controls{flex-shrink:0;gap:6px;display:flex}.code-block-control{border-radius:50%;width:10px;height:10px;position:relative}.code-block-control--red{background:linear-gradient(135deg,#ff6f61 0%,#e55a4e 100%);box-shadow:inset 0 -1px 2px #00000026,0 1px 2px #0000001a}.code-block-control--yellow{background:linear-gradient(135deg,#ffd06a 0%,#f5c542 100%);box-shadow:inset 0 -1px 2px #00000026,0 1px 2px #0000001a}.code-block-control--green{background:linear-gradient(135deg,#4cd964 0%,#34c759 100%);box-shadow:inset 0 -1px 2px #00000026,0 1px 2px #0000001a}.code-block-control--red:after{content:"";background:#00000080;border-radius:50%;width:5px;height:5px;transition:transform .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.code-block-controls:hover .code-block-control--red:after{transform:translate(-50%,-50%)scale(1)}.code-block-control--yellow:after{content:"";background:#00000080;width:4px;height:1px;transition:transform .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.code-block-controls:hover .code-block-control--yellow:after{transform:translate(-50%,-50%)scale(1)}.code-block-control--green:after{content:"";background:#00000080;width:5px;height:1px;transition:transform .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)rotate(0)}.code-block-control--green:before{content:"";background:#00000080;width:1px;height:5px;transition:transform .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)rotate(0)}.code-block-controls:hover .code-block-control--green:after,.code-block-controls:hover .code-block-control--green:before{transform:translate(-50%,-50%)scale(1)rotate(0)}.code-copy{justify-content:center;align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);cursor:pointer;background:#f07b4b14;border:none;border-radius:6px;flex-shrink:0;padding:6px 8px;transition:all .2s;display:flex}.code-copy svg{stroke:currentColor;stroke-width:1.5px;width:14px;height:14px}.code-copy:hover{color:var(--color-coral);background:#f07b4b26;transform:translateY(-1px)}.code-copy.copied{color:#4ade80;background:#4ade8026}.code-copy.copied svg{animation:.4s checkmarkBounce}@keyframes checkmarkBounce{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.code-block-content{width:100%;max-width:100%;padding:var(--spacing-md) var(--spacing-lg);background:#fff;position:relative;overflow-x:auto}.code-block-content>div{min-width:fit-content}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .code-block-content{background:#0d1117}}:root[data-theme=dark] .code-block-content{background:#0d1117}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .code-block{border-color:#ffffff1a;box-shadow:0 4px 24px #0006,0 0 0 1px #ffffff0d}}:root[data-theme=dark] .code-block{border-color:#f5936726;box-shadow:0 4px 24px #0006,0 1px 3px #0000004d,inset 0 1px #ffffff0d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .code-block-language{color:#f59367d9;background:#f593671f}}:root[data-theme=dark] .code-block-language{color:#f59367d9;background:#f593671f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .code-copy{color:#ffffffbf;background:#f593671a}:root:not([data-theme=light]) .code-copy:hover{color:var(--color-coral);background:#f593672e}}:root[data-theme=dark] .code-copy{color:#ffffffbf;background:#f593671a}:root[data-theme=dark] .code-copy:hover{color:var(--color-coral);background:#f593672e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .code-block-content::-webkit-scrollbar-thumb{background:#ffffff26}:root:not([data-theme=light]) .code-block-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}}:root[data-theme=dark] .code-block-content::-webkit-scrollbar-thumb{background:#ffffff26}:root[data-theme=dark] .code-block-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}.code-block-content pre{margin:0;padding:0;background:0 0!important}.code-block code{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:var(--font-size-sm);line-height:1.7}.code-block-content::-webkit-scrollbar{height:8px}.code-block-content::-webkit-scrollbar-track{background:0 0}.code-block-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.code-block-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.api{padding:var(--spacing-4xl) 0;background:linear-gradient(180deg, var(--color-surface) 0%, var(--color-background) 100%);position:relative;overflow:hidden}.api:before{content:"";pointer-events:none;background:radial-gradient(circle,#f07b4b0f 0%,#0000 60%);width:1000px;height:1000px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.api:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#7bc47f08 100%);height:300px;position:absolute;bottom:0;left:0;right:0}.api-grid{gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);z-index:1;grid-template-columns:repeat(3,1fr);display:grid;position:relative}@media (width<=768px){.api-grid{grid-template-columns:1fr}}.api-card{background:var(--color-background);border-radius:var(--radius-2xl);border:1px solid var(--color-border);transition:all .4s cubic-bezier(.4,0,.2,1);animation:.6s ease-out both api-card-in;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.api-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.api-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff08 50%,#0000 100%);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.api-card:hover:after{left:100%}@keyframes api-card-in{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.api-card:hover{border-color:#f07b4b59;transform:translateY(-6px);box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #00000014,0 0 40px #f07b4b1a}.api-card--coral .api-card-header{background:linear-gradient(135deg,#f07b4b26 0%,#f07b4b0d 100%)}.api-card--coral .api-card-icon{color:var(--color-coral);background:linear-gradient(135deg,#f07b4b40 0%,#f07b4b26 100%);box-shadow:0 0 20px #f07b4b33}.api-card--coral:hover{border-color:#f07b4b80;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #00000014,0 0 50px #f07b4b26}.api-card--coral .api-method:hover{background:#f07b4b14}.api-card--coral .api-method-name{color:var(--color-coral);background:#f07b4b1f}.api-card--green .api-card-header{background:linear-gradient(135deg,#7bc47f26 0%,#7bc47f0d 100%)}.api-card--green .api-card-icon{color:var(--color-green);background:linear-gradient(135deg,#7bc47f40 0%,#7bc47f26 100%);box-shadow:0 0 20px #7bc47f33}.api-card--green:hover{border-color:#7bc47f80;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #00000014,0 0 50px #7bc47f26}.api-card--green .api-method:hover{background:#7bc47f1a}.api-card--green .api-method-name{color:var(--color-green);background:#7bc47f26}.api-card--pink .api-card-header{background:linear-gradient(135deg,#d4a4b82e 0%,#d4a4b80f 100%)}.api-card--pink .api-card-icon{color:var(--color-pink);background:linear-gradient(135deg,#d4a4b84d 0%,#d4a4b82e 100%);box-shadow:0 0 20px #d4a4b833}.api-card--pink:hover{border-color:#d4a4b88c;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #00000014,0 0 50px #d4a4b826}.api-card--pink .api-method:hover{background:#d4a4b81f}.api-card--pink .api-method-name{color:var(--color-pink);background:#d4a4b82e}.api-card-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-divider);align-items:center;gap:var(--spacing-md);display:flex;position:relative}.api-card-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;transition:transform .3s,box-shadow .3s;display:flex}.api-card:hover .api-card-icon{transform:scale(1.08)}.api-card-title{font-family:var(--font-family-display);font-size:var(--font-size-lg);letter-spacing:-.02em;margin:0;font-weight:600}.api-card-content{padding:var(--spacing-md) var(--spacing-lg)}.api-method{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xs);color:inherit;cursor:pointer;border:1px solid #0000;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:block;position:relative}.api-method:last-child{margin-bottom:0}.api-method:hover{border-color:#ffffff0d;transform:translate(6px)}.api-method:after{content:"→";right:var(--spacing-md);opacity:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all .25s;position:absolute;top:50%;transform:translateY(-50%)translate(-8px)}.api-method:hover:after{opacity:1;transform:translateY(-50%)translate(0)}.api-method-signature{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.api-method-name{font-family:SF Mono,Monaco,Fira Code,monospace;font-size:var(--font-size-sm);border-radius:8px;padding:4px 10px;font-weight:600;transition:all .2s}.api-method:hover .api-method-name{transform:scale(1.02)}.api-method-return{font-family:SF Mono,Monaco,Fira Code,monospace;font-size:var(--font-size-xs);color:var(--color-green);background:#7bc47f1f;border-radius:6px;padding:3px 8px}.api-method-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-xs);margin-left:0;line-height:1.6;transition:color .2s}.api-method:hover .api-method-description{color:var(--color-text-primary)}.api-cta{text-align:center;z-index:1;padding-top:var(--spacing-md);position:relative}.migration{padding:var(--spacing-4xl) 0;background:var(--color-background)}.migration-card{border-radius:var(--radius-2xl);padding:var(--spacing-4xl) var(--spacing-3xl);background:linear-gradient(145deg,#34c7590f 0%,#2d2d32f2 25%,#232328fa 50%,#f07b4b0a 100%);border:1px solid #34c75940;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,0 25px 50px -12px #00000080,0 0 100px #34c75914}.migration-bg-grid{pointer-events:none;background-image:linear-gradient(#34c75908 1px,#0000 1px),linear-gradient(90deg,#34c75908 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 50%,#000 20%,#0000 70%);mask-image:radial-gradient(80% 50%,#000 20%,#0000 70%)}.migration-bg-orb{filter:blur(100px);opacity:.5;pointer-events:none;border-radius:50%;position:absolute}.migration-bg-orb--1{background:radial-gradient(circle,#34c75999 0%,#0000 60%);width:500px;height:500px;animation:12s ease-in-out infinite orbFloat;top:-200px;left:-150px}.migration-bg-orb--2{background:radial-gradient(circle,#f07b4b80 0%,#0000 60%);width:400px;height:400px;animation:12s ease-in-out infinite reverse orbFloat;bottom:-150px;right:-100px}.migration-bg-glow{pointer-events:none;background:radial-gradient(#34c75926 0%,#0000 60%);width:600px;height:300px;animation:4s ease-in-out infinite glowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:.8}}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .migration-card{background:linear-gradient(145deg,#34c75914 0%,#fffffff2 25%,#fafafcfa 50%,#f07b4b0f 100%);box-shadow:inset 0 0 0 1px #0000000d,0 25px 50px -12px #00000026,0 0 100px #34c7590d}:root:not([data-theme=dark]) .migration-bg-grid{background-image:linear-gradient(#34c7590f 1px,#0000 1px),linear-gradient(90deg,#34c7590f 1px,#0000 1px)}:root:not([data-theme=dark]) .migration-bg-orb--1{opacity:.3}:root:not([data-theme=dark]) .migration-bg-orb--2{opacity:.25}:root:not([data-theme=dark]) .migration-bg-glow{background:radial-gradient(#34c7591a 0%,#0000 60%)}:root:not([data-theme=dark]) .migration-title{color:var(--color-text-primary);text-shadow:none}:root:not([data-theme=dark]) .migration-description{color:var(--color-text-secondary)}:root:not([data-theme=dark]) .migration-description strong{color:var(--color-text-primary);-webkit-text-fill-color:var(--color-text-primary)}:root:not([data-theme=dark]) .migration-btn--secondary{color:var(--color-text-secondary);border-color:var(--color-border);background:#00000008}:root:not([data-theme=dark]) .migration-btn--secondary:hover{color:var(--color-text-primary);border-color:var(--color-text-tertiary);background:#0000000f}}:root[data-theme=light] .migration-card{background:linear-gradient(145deg,#34c75914 0%,#fffffff2 25%,#fafafcfa 50%,#f07b4b0f 100%);box-shadow:inset 0 0 0 1px #0000000d,0 25px 50px -12px #00000026,0 0 100px #34c7590d}:root[data-theme=light] .migration-bg-grid{background-image:linear-gradient(#34c7590f 1px,#0000 1px),linear-gradient(90deg,#34c7590f 1px,#0000 1px)}:root[data-theme=light] .migration-bg-orb--1{opacity:.3}:root[data-theme=light] .migration-bg-orb--2{opacity:.25}:root[data-theme=light] .migration-bg-glow{background:radial-gradient(#34c7591a 0%,#0000 60%)}:root[data-theme=light] .migration-title{color:var(--color-text-primary);text-shadow:none}:root[data-theme=light] .migration-description{color:var(--color-text-secondary)}:root[data-theme=light] .migration-description strong{color:var(--color-text-primary);-webkit-text-fill-color:var(--color-text-primary)}:root[data-theme=light] .migration-btn--secondary{color:var(--color-text-secondary);border-color:var(--color-border);background:#00000008}:root[data-theme=light] .migration-btn--secondary:hover{color:var(--color-text-primary);border-color:var(--color-text-tertiary);background:#0000000f}.migration-layout{gap:var(--spacing-3xl);z-index:1;grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}@media (width<=900px){.migration-layout{gap:var(--spacing-2xl);grid-template-columns:1fr}}.migration-content{text-align:center;max-width:600px;margin:0 auto;position:relative}.migration-layout--centered{justify-content:center;display:flex}.migration-badge{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-lg);border-radius:var(--radius-full);font-family:var(--font-family-display);font-size:var(--font-size-xs);color:#4ade80;margin-bottom:var(--spacing-lg);text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(135deg,#34c75933 0%,#34c7591a 100%);border:1px solid #34c75966;font-weight:600;display:inline-flex;box-shadow:0 0 20px #34c75933,inset 0 0 0 1px #34c7591a}.migration-badge-icon{color:#fff;background:linear-gradient(135deg,#34c759 0%,#30d158 100%);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;box-shadow:0 2px 8px #34c75966}.migration-badge-icon svg{width:12px;height:12px}.migration-title{font-family:var(--font-family-display);letter-spacing:var(--letter-spacing-display);margin-bottom:var(--spacing-lg);color:#f5f5f7;text-shadow:0 2px 20px #0000004d;font-size:clamp(2rem,5vw,3rem);font-weight:700}.migration-description{font-size:var(--font-size-lg);color:#ffffffb3;margin-bottom:var(--spacing-xl);line-height:1.7}.migration-description strong{color:#f5f5f7;background:linear-gradient(135deg,#fff 0%,#e5e5e7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600}.migration-code-wrapper{margin-bottom:var(--spacing-xl);max-width:100%}.migration-actions{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.migration-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-family-display);font-size:var(--font-size-base);border-radius:var(--radius-lg);transition:all var(--transition-spring);cursor:pointer;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.migration-btn--primary{color:#fff;background:linear-gradient(135deg,#f07b4b 0%,#e85d3b 100%);border:none;box-shadow:0 4px 20px #f07b4b66,inset 0 0 0 1px #ffffff1a}.migration-btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #f07b4b80,inset 0 0 0 1px #ffffff26}.migration-btn--primary svg{transition:transform .3s}.migration-btn--primary:hover svg{transform:translate(4px)}.migration-btn--secondary{color:#fffc;background:#ffffff0d;border:1px solid #ffffff26}.migration-btn--secondary:hover{color:#fff;background:#ffffff1a;border-color:#ffffff40}@media (width<=768px){.migration-card{padding:var(--spacing-2xl) var(--spacing-lg)}.migration-content{max-width:100%}.migration-title{font-size:clamp(1.5rem,6vw,2.25rem)}.migration-description{font-size:var(--font-size-base)}.migration-actions{flex-direction:column;align-items:stretch}.migration-btn{justify-content:center}.migration-bg-orb--1,.migration-bg-orb--2{display:none}}.footer{background:var(--color-background);z-index:10;position:relative;overflow:hidden}.footer-wave{display:none}.footer-wave svg{width:100%;height:100%;position:absolute;top:0;left:0}.footer-decorations{pointer-events:none;position:absolute;inset:0;overflow:hidden}.footer-shape{opacity:.08;border-radius:50%;position:absolute}.footer-shape--1{background:var(--color-coral);filter:blur(80px);width:300px;height:300px;animation:8s ease-in-out infinite footerFloat1;top:100px;right:-100px}.footer-shape--2{background:var(--color-pink);filter:blur(60px);width:200px;height:200px;animation:10s ease-in-out infinite footerFloat2;bottom:50px;left:-50px}.footer-shape--3{background:var(--color-orange);filter:blur(50px);width:150px;height:150px;animation:12s ease-in-out infinite footerFloat3;top:200px;left:40%}@keyframes footerFloat1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-20px,20px)scale(1.1)}}@keyframes footerFloat2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(20px,-15px)scale(1.05)}}@keyframes footerFloat3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-10px,10px)scale(.95)}}.footer>.container{z-index:1;padding-top:var(--spacing-4xl);padding-bottom:var(--spacing-lg);position:relative}.footer-content{gap:var(--spacing-4xl);margin-bottom:var(--spacing-3xl);grid-template-columns:1.2fr 2fr;align-items:start;display:grid}@media (width<=768px){.footer-content{gap:var(--spacing-2xl);text-align:center;grid-template-columns:1fr}}.footer-brand{max-width:300px}@media (width<=768px){.footer-brand{flex-direction:column;align-items:center;max-width:100%;display:flex}}.footer-logo{align-items:center;gap:var(--spacing-sm);font-family:var(--font-family-display);font-weight:700;font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);color:var(--color-text-primary);letter-spacing:-.02em;display:flex}.footer-logo svg{width:32px;height:32px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.footer-logo:hover svg{transform:rotate(-8deg)scale(1.1)}.footer-tagline{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-lg);line-height:1.7}.footer-mascot-wrapper{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column;display:flex}@media (width<=768px){.footer-mascot-wrapper{align-items:center}}.footer-mascot{filter:drop-shadow(0 8px 24px #f07b4b40);width:100px;height:auto;transition:all .4s cubic-bezier(.34,1.56,.64,1);animation:3s ease-in-out infinite mascotBob}.footer-mascot:hover{filter:drop-shadow(0 12px 32px #f07b4b59);transform:scale(1.1)rotate(-5deg)}@keyframes mascotBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.footer-mascot-text{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-weight:500;display:flex}.footer-heart{color:var(--color-coral);animation:1.5s ease-in-out infinite heartBeat}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.footer-links{gap:var(--spacing-2xl);text-align:center;grid-template-columns:repeat(3,1fr);display:grid}.footer-column{flex-direction:column;align-items:flex-start;display:flex}@media (width<=640px){.footer-links{gap:var(--spacing-xl);grid-template-columns:1fr}}.footer-column-title{align-items:center;gap:var(--spacing-sm);font-family:var(--font-family-display);font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-lg);text-transform:uppercase;letter-spacing:.06em;font-weight:600;display:flex}.footer-column-title svg{color:var(--color-coral);flex-shrink:0}@media (width<=640px){.footer-column-title{justify-content:center}}.footer-link{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;justify-content:space-between;align-items:center;text-decoration:none;display:flex}.footer-link span{align-items:center;gap:var(--spacing-sm);display:flex}.footer-link svg:last-child{opacity:0;transition:all var(--transition-fast);color:var(--color-coral);transform:translate(-8px)}.footer-link:hover{color:var(--color-coral);background:#f07b4b14;transform:translate(4px)}.footer-link:hover svg:last-child{opacity:1;transform:translate(0)}@media (width<=640px){.footer-link{justify-content:center}.footer-link svg:last-child{display:none}}.footer-bottom{padding-top:var(--spacing-xl);border-top:1px solid color-mix(in srgb, var(--color-divider) 50%, transparent)}.footer-bottom-content{justify-content:space-between;align-items:center;display:flex}@media (width<=480px){.footer-bottom-content{gap:var(--spacing-md);text-align:center;flex-direction:column}}.footer-copyright{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0}.footer-copyright a{color:var(--color-coral);transition:opacity var(--transition-fast);font-weight:600;text-decoration:none}.footer-copyright a:hover{opacity:.8}.footer-social{gap:var(--spacing-sm);display:flex}.footer-social-link{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-text-secondary);background:var(--color-background);transition:all var(--transition-fast);border:1px solid var(--color-border);justify-content:center;align-items:center;display:flex}.footer-social-link:hover{color:var(--color-coral);border-color:var(--color-coral);box-shadow:var(--shadow-sm);transform:translateY(-2px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .footer{background:var(--color-surface)}:root:not([data-theme=light]) .footer-shape--1,:root:not([data-theme=light]) .footer-shape--2,:root:not([data-theme=light]) .footer-shape--3{opacity:.1}:root:not([data-theme=light]) .footer-link:hover{background:#f07b4b1f}:root:not([data-theme=light]) .footer-social-link{background:var(--color-surface-elevated)}}:root[data-theme=dark] .footer{background:var(--color-surface)}:root[data-theme=dark] .footer-shape--1,:root[data-theme=dark] .footer-shape--2,:root[data-theme=dark] .footer-shape--3{opacity:.1}:root[data-theme=dark] .footer-link:hover{background:#f07b4b1f}:root[data-theme=dark] .footer-social-link{background:var(--color-surface-elevated)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInBlock{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.hero-title{font-size:var(--font-size-3xl)}.hero-description{font-size:var(--font-size-base)}.section-title,.migration-title{font-size:var(--font-size-2xl)}}.section-wrapper{position:relative;overflow:visible}.section-wrapper--features{margin-top:-1px}.section-wrapper--features .features{padding-top:var(--spacing-4xl);padding-bottom:calc(var(--spacing-4xl) + 60px)}.section-wrapper--quickstart{position:relative}.section-wrapper--quickstart .quick-start{padding-bottom:calc(var(--spacing-4xl) + 50px)}.section-wrapper--api{position:relative}.section-wrapper--api .api{padding-bottom:calc(var(--spacing-4xl) + 40px)}.wave-divider{-webkit-user-select:none;user-select:none}.wave-path--main{transition:d .6s}.wave-path--layer2{transition:d .8s}@keyframes waveGentleDrift{0%,to{transform:scaleX(1.02)scaleY(1)}50%{transform:scaleX(1.02)scaleY(.88)}}@keyframes waveGentleDriftOffset{0%,to{opacity:.5;transform:scaleX(1.02)scaleY(1)}50%{opacity:.65;transform:scaleX(1.02)scaleY(1.15)}}.hero .wave-divider--soft .wave-path--main{transform-origin:bottom;animation:5s ease-in-out infinite waveGentleDrift}.hero .wave-divider--soft .wave-path--layer2{transform-origin:bottom;animation:7s ease-in-out infinite waveGentleDriftOffset}@keyframes waveFloat{0%,to{transform:translate(0)}50%{transform:translate(-2%)}}.section-wrapper:hover .wave-divider--layered .wave-path--layer2{animation:4s ease-in-out infinite waveFloat}.wave-divider svg{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .wave-divider--soft .wave-path--layer2,:root:not([data-theme=light]) .wave-divider--layered .wave-path--layer2{opacity:.3}}:root[data-theme=dark] .wave-divider--soft .wave-path--layer2,:root[data-theme=dark] .wave-divider--layered .wave-path--layer2{opacity:.3}.code-block-package-toggle{background:#0000000a;border-radius:6px;align-items:center;padding:3px 6px;display:flex}.package-manager-toggle{background:#f07b4b0f;border-radius:8px;align-items:center;gap:2px;padding:3px;display:flex}.package-manager-option{font-size:11px;font-weight:600;font-family:var(--font-family);color:var(--color-text-tertiary);cursor:pointer;text-transform:lowercase;letter-spacing:.02em;background:0 0;border:none;border-radius:6px;padding:6px 14px;transition:all .2s;position:relative}.package-manager-option:hover:not(.active){color:var(--color-text-secondary);background:#f07b4b0f}.package-manager-option.active{color:var(--color-coral);box-shadow:none;background:#f07b4b1f;font-weight:700}.package-manager-option:focus-visible{outline:none;box-shadow:0 0 0 2px #0000001f}.package-manager-option.active:focus-visible{box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f,0 0 0 2px #0000001f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .package-manager-toggle{background:#ffffff0f}:root:not([data-theme=light]) .package-manager-option{color:#ffffff73}:root:not([data-theme=light]) .package-manager-option:hover:not(.active){color:#ffffffa6;background:#ffffff0a}:root:not([data-theme=light]) .package-manager-option.active{color:#ffffffe6;background:#ffffff1f;box-shadow:0 1px 3px #0003,0 1px 2px #00000026}:root:not([data-theme=light]) .package-manager-option:focus-visible{box-shadow:0 0 0 2px #ffffff26}:root:not([data-theme=light]) .package-manager-option.active:focus-visible{box-shadow:0 1px 3px #0003,0 1px 2px #00000026,0 0 0 2px #ffffff26}}:root[data-theme=dark] .package-manager-toggle{background:#f5936714}:root[data-theme=dark] .package-manager-option{color:#ffffff80}:root[data-theme=dark] .package-manager-option:hover:not(.active){color:#ffffffb3;background:#f5936714}:root[data-theme=dark] .package-manager-option.active{color:var(--color-coral);box-shadow:none;background:#f5936726}:root[data-theme=dark] .package-manager-option:focus-visible{box-shadow:0 0 0 2px #ffffff26}:root[data-theme=dark] .package-manager-option.active:focus-visible{box-shadow:0 1px 3px #0003,0 1px 2px #00000026,0 0 0 2px #ffffff26}#root{flex-direction:column;min-height:100vh;display:flex}