@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container{container-type:inline-size}.visible{visibility:visible}.relative{position:relative}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);margin-top:1.2em;margin-bottom:1.2em;font-size:1.25em;line-height:1.6}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:decimal}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:disc}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.25em;font-weight:600}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em;font-style:italic;font-weight:500}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:0;margin-bottom:.888889em;font-size:2.25em;font-weight:800;line-height:1.11111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:2em;margin-bottom:1em;font-size:1.5em;font-weight:700;line-height:1.33333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.6em;margin-bottom:.6em;font-size:1.25em;font-weight:600;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em;display:block}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;border-radius:.3125rem;padding-inline-start:.375em;font-family:inherit;font-size:.875em;font-weight:500}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);padding-top:.857143em;padding-inline-end:1.14286em;padding-bottom:.857143em;border-radius:.375rem;margin-top:1.71429em;margin-bottom:1.71429em;padding-inline-start:1.14286em;font-size:.875em;font-weight:400;line-height:1.71429;overflow-x:auto}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;background-color:#0000;border-width:0;border-radius:0;padding:0}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){table-layout:auto;width:100%;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.71429}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);vertical-align:bottom;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em;font-weight:600}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);margin-top:.857143em;font-size:.875em;line-height:1.42857}.prose{--tw-prose-body:oklch(37.3% .034 259.733);--tw-prose-headings:oklch(21% .034 264.665);--tw-prose-lead:oklch(44.6% .03 256.802);--tw-prose-links:oklch(21% .034 264.665);--tw-prose-bold:oklch(21% .034 264.665);--tw-prose-counters:oklch(55.1% .027 264.364);--tw-prose-bullets:oklch(87.2% .01 258.338);--tw-prose-hr:oklch(92.8% .006 264.531);--tw-prose-quotes:oklch(21% .034 264.665);--tw-prose-quote-borders:oklch(92.8% .006 264.531);--tw-prose-captions:oklch(55.1% .027 264.364);--tw-prose-kbd:oklch(21% .034 264.665);--tw-prose-kbd-shadows:oklab(21% -.00316127 -.0338527/.1);--tw-prose-code:oklch(21% .034 264.665);--tw-prose-pre-code:oklch(92.8% .006 264.531);--tw-prose-pre-bg:oklch(27.8% .033 256.848);--tw-prose-th-borders:oklch(87.2% .01 258.338);--tw-prose-td-borders:oklch(92.8% .006 264.531);--tw-prose-invert-body:oklch(87.2% .01 258.338);--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:oklch(70.7% .022 261.325);--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:oklch(70.7% .022 261.325);--tw-prose-invert-bullets:oklch(44.6% .03 256.802);--tw-prose-invert-hr:oklch(37.3% .034 259.733);--tw-prose-invert-quotes:oklch(96.7% .003 264.542);--tw-prose-invert-quote-borders:oklch(37.3% .034 259.733);--tw-prose-invert-captions:oklch(70.7% .022 261.325);--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:#ffffff1a;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:oklch(87.2% .01 258.338);--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:oklch(44.6% .03 256.802);--tw-prose-invert-td-borders:oklch(37.3% .034 259.733);font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.571429em;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.contents{display:contents}.grid{display:grid}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-6{gap:calc(var(--spacing) * 6)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}:root{--color-bg:#fafbfc;--color-bg-alt:#f1f3f5;--color-bg-elevated:#fff;--color-bg-overlay:#0006;--color-text:#1a1a2e;--color-text-secondary:#4a4a6a;--color-text-muted:#8a8aa0;--color-accent:#6366f1;--color-accent-hover:#4f46e5;--color-accent-light:#6366f11a;--color-accent-subtle:#6366f10f;--color-border:#e2e4e9;--color-border-light:#f0f1f4;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-card-bg:#fff;--color-card-border:#e8eaef;--color-card-shadow:#0000000a;--color-card-shadow-hover:#00000014;--surface-glass:#fafbfcd9;--surface-glass-border:#e2e4e999;--syn-bg:#f6f8fa;--syn-text:#24292e;--syn-keyword:#d73a49;--syn-string:#032f62;--syn-comment:#6a737d;--syn-function:#6f42c1;--syn-number:#005cc5;--font-body:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Inter", system-ui, -apple-system, sans-serif;--font-code:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-tight:1.25;--leading-normal:1.6;--leading-relaxed:1.75;--header-height:64px;--sidenav-width:260px;--sidenav-collapsed:72px;--sidebar-width:300px;--content-max:1280px;--content-padding:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-smooth:.3s ease;--transition-slow:.5s ease;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 4px 16px #00000014;--shadow-xl:0 8px 32px #0000001a;--shadow-glow:0 0 20px #6366f126;--z-dropdown:50;--z-sticky:100;--z-overlay:200;--z-modal:300;--z-toast:400}[data-theme=dark]{--color-bg:#0f0f1a;--color-bg-alt:#161625;--color-bg-elevated:#1c1c2e;--color-bg-overlay:#0009;--color-text:#e8e8ed;--color-text-secondary:#a0a0b8;--color-text-muted:#6a6a80;--color-accent:#818cf8;--color-accent-hover:#6366f1;--color-accent-light:#818cf81f;--color-accent-subtle:#818cf80f;--color-border:#2a2a3e;--color-border-light:#1f1f32;--color-card-bg:#161625;--color-card-border:#2a2a3e;--color-card-shadow:#0003;--color-card-shadow-hover:#0006;--surface-glass:#0f0f1ad9;--surface-glass-border:#2a2a3e99;--syn-bg:#1c1c2e;--syn-text:#c9d1d9;--syn-keyword:#ff7b72;--syn-string:#a5d6ff;--syn-comment:#8b949e;--syn-function:#d2a8ff;--syn-number:#79c0ff;--shadow-sm:0 1px 2px #0003;--shadow-md:0 2px 8px #0000004d;--shadow-lg:0 4px 16px #0006;--shadow-xl:0 8px 32px #00000080;--shadow-glow:0 0 20px #818cf833}@media(prefers-color-scheme:dark){[data-theme=default]{--color-bg:#0f0f1a;--color-bg-alt:#161625;--color-bg-elevated:#1c1c2e;--color-bg-overlay:#0009;--color-text:#e8e8ed;--color-text-secondary:#a0a0b8;--color-text-muted:#6a6a80;--color-accent:#818cf8;--color-accent-hover:#6366f1;--color-accent-light:#818cf81f;--color-accent-subtle:#818cf80f;--color-border:#2a2a3e;--color-border-light:#1f1f32;--color-card-bg:#161625;--color-card-border:#2a2a3e;--color-card-shadow:#0003;--color-card-shadow-hover:#0006;--surface-glass:#0f0f1ad9;--surface-glass-border:#2a2a3e99;--syn-bg:#1c1c2e;--syn-text:#c9d1d9;--syn-keyword:#ff7b72;--syn-string:#a5d6ff;--syn-comment:#8b949e;--syn-function:#d2a8ff;--syn-number:#79c0ff;--shadow-sm:0 1px 2px #0003;--shadow-md:0 2px 8px #0000004d;--shadow-lg:0 4px 16px #0006;--shadow-xl:0 8px 32px #00000080;--shadow-glow:0 0 20px #818cf833}}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:var(--color-text);background-color:var(--color-bg);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-smooth),color var(--transition-smooth);margin:0}*,:before,:after{box-sizing:border-box}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover)}::selection{color:#fff;background:var(--color-accent)}.skip-link{top:-100%;left:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-accent);color:#fff;border-radius:var(--radius-md);z-index:var(--z-toast);font-size:var(--text-sm);transition:top var(--transition-fast);position:absolute}.skip-link:focus{top:var(--space-4)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-content-wrap{min-height:calc(100vh - var(--header-height));display:flex}.main-area{flex-direction:column;flex:1;min-width:0;display:flex}.content-area{padding:var(--space-8) var(--content-padding);max-width:var(--content-max);flex:1;width:100%;margin:0 auto}.content-with-sidebar{gap:var(--space-10);align-items:flex-start;display:flex}.content-main{flex:1;min-width:0}.site-header{z-index:var(--z-sticky);height:var(--header-height);padding:0 var(--content-padding);background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--surface-glass-border);transition:background-color var(--transition-smooth),border-color var(--transition-smooth);align-items:center;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:var(--space-3);display:flex}.header-brand{align-items:center;gap:var(--space-2);color:var(--color-text);font-weight:700;font-size:var(--text-lg);transition:color var(--transition-fast);text-decoration:none;display:flex}.header-brand:hover{color:var(--color-accent)}.brand-icon{background:linear-gradient(135deg,var(--color-accent),#a855f7);border-radius:var(--radius-md);color:#fff;width:32px;height:32px;font-weight:800;font-size:var(--text-sm);transition:transform var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.header-brand:hover .brand-icon{transform:scale(1.05)}.header-nav{align-items:center;gap:var(--space-1);margin-left:var(--space-8);display:flex}.header-nav a{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm);border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast);font-weight:500;text-decoration:none;display:flex}.header-nav a:hover,.header-nav a.active{color:var(--color-accent);background:var(--color-accent-light)}.header-nav a svg{width:18px;height:18px}.header-right{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.header-icon-btn{width:38px;height:38px;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.header-icon-btn:hover{color:var(--color-accent);background:var(--color-accent-light)}.header-icon-btn svg{width:20px;height:20px}.search-trigger{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-text-muted);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-sm);font-family:var(--font-body);transition:border-color var(--transition-fast),color var(--transition-fast);display:flex}.search-trigger:hover{border-color:var(--color-accent);color:var(--color-text-secondary)}.search-trigger svg{width:16px;height:16px}.search-trigger kbd{font-family:var(--font-body);font-size:var(--text-xs);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);margin-left:var(--space-4);padding:1px 6px}.menu-toggle{display:none}.side-nav{width:var(--sidenav-width);border-right:1px solid var(--color-border);background:var(--color-bg);transition:width var(--transition-smooth),background-color var(--transition-smooth);flex-shrink:0;overflow:hidden}.side-nav-inner{top:var(--header-height);height:calc(100vh - var(--header-height));padding:var(--space-4) var(--space-3);position:sticky;overflow-y:auto}.side-nav.collapsed{width:var(--sidenav-collapsed)}.side-nav.collapsed .nav-label{display:none}.side-nav.collapsed .nav-link{padding:var(--space-3);justify-content:center}.side-nav.collapsed .nav-link svg{margin-right:0}.side-nav.collapsed .nav-group-title,.side-nav.collapsed .sub-menu{display:none}.nav-link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm);border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast);cursor:pointer;white-space:nowrap;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{color:var(--color-accent);background:var(--color-accent-subtle)}.nav-link.active{color:var(--color-accent);background:var(--color-accent-light);font-weight:600}.nav-link svg{flex-shrink:0;width:20px;height:20px}.nav-label{text-overflow:ellipsis;overflow:hidden}.nav-divider{background:var(--color-border);height:1px;margin:var(--space-4) var(--space-2)}.nav-group-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:var(--space-4) var(--space-3) var(--space-2);font-weight:600}.sub-menu{padding:0;padding-left:var(--space-8);margin:0;list-style:none}.sub-menu li a{padding:var(--space-1) var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm);border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast);text-decoration:none;display:block}.sub-menu li a:hover,.sub-menu li a.active{color:var(--color-accent);background:var(--color-accent-subtle)}.side-nav.collapsed .nav-link{position:relative}.side-nav.collapsed .nav-link:hover:after{content:attr(data-label);padding:var(--space-2) var(--space-3);background:var(--color-bg-elevated);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);white-space:nowrap;z-index:var(--z-dropdown);position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.right-sidebar{width:var(--sidebar-width);flex-shrink:0}.right-sidebar-sticky{top:calc(var(--header-height) + var(--space-8));position:sticky}.widget{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);transition:background-color var(--transition-smooth),border-color var(--transition-smooth);overflow:hidden}.widget+.widget{margin-top:var(--space-6)}.widget-header{padding:var(--space-4) var(--space-5) var(--space-2);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:700}.widget-body{padding:var(--space-3) var(--space-5) var(--space-5)}.widget-list-item{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light);color:var(--color-text);transition:color var(--transition-fast);text-decoration:none;display:flex}.widget-list-item:last-child{border-bottom:none}.widget-list-item:hover{color:var(--color-accent)}.widget-thumb{border-radius:var(--radius-sm);object-fit:cover;background:var(--color-bg-alt);flex-shrink:0;width:64px;height:48px}.widget-item-title{font-size:var(--text-sm);font-weight:500;line-height:var(--leading-tight);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.widget-item-meta{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.blog-grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.blog-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);color:var(--color-text);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-accent);color:var(--color-text);transform:translateY(-2px)}.blog-card-image{aspect-ratio:16/9;object-fit:cover;background:var(--color-bg-alt);width:100%}.blog-card-image-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg,var(--color-accent-light),var(--color-bg-alt));width:100%;color:var(--color-text-muted);font-size:var(--text-3xl);justify-content:center;align-items:center;display:flex}.blog-card-body{padding:var(--space-5);flex-direction:column;flex:1;display:flex}.blog-card-tag{font-size:var(--text-xs);color:var(--color-accent);background:var(--color-accent-light);border-radius:var(--radius-full);margin-bottom:var(--space-3);align-self:flex-start;align-items:center;padding:2px 10px;font-weight:600;display:inline-flex}.blog-card-title{font-size:var(--text-lg);font-weight:600;line-height:var(--leading-tight);margin:0 0 var(--space-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-card-snippet{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);-webkit-line-clamp:2;margin-bottom:var(--space-4);-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.blog-card-meta{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:auto;display:flex}.blog-card-author{align-items:center;gap:var(--space-2);display:flex}.author-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-accent),#a855f7);color:#fff;width:24px;height:24px;font-size:var(--text-xs);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.blog-card-featured{grid-column:1/-1;grid-template-columns:1.2fr 1fr;display:grid}.blog-card-featured .blog-card-image,.blog-card-featured .blog-card-image-placeholder{aspect-ratio:auto;height:100%;min-height:280px}.doc-section{margin-bottom:var(--space-10)}.doc-section-title{font-size:var(--text-xl);margin:0 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);font-weight:600}.doc-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.doc-card{align-items:flex-start;gap:var(--space-3);padding:var(--space-5);background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);color:var(--color-text);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);text-decoration:none;display:flex}.doc-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent);color:var(--color-text);transform:translateY(-2px)}.doc-card-icon{border-radius:var(--radius-md);background:var(--color-accent-light);width:40px;height:40px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.doc-card-icon svg{width:20px;height:20px}.doc-card-content{flex:1;min-width:0}.doc-card-section{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);margin-bottom:var(--space-1);font-weight:600}.doc-card-title{font-size:var(--text-base);margin-bottom:var(--space-1);font-weight:600}.doc-card-desc{font-size:var(--text-sm);color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.doc-card-arrow{color:var(--color-text-muted);transition:transform var(--transition-fast),color var(--transition-fast);flex-shrink:0;align-self:center}.doc-card:hover .doc-card-arrow{color:var(--color-accent);transform:translate(4px)}.hero{padding:var(--space-16) 0 var(--space-12);text-align:center;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(ellipse at center top,var(--color-accent-light) 0%,transparent 60%);pointer-events:none;width:150%;height:200%;position:absolute;top:-50%;left:-25%}.hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-accent-light);color:var(--color-accent);border-radius:var(--radius-full);font-size:var(--text-sm);margin-bottom:var(--space-6);font-weight:600;display:inline-flex;position:relative}.hero-title{font-size:clamp(var(--text-3xl),5vw,var(--text-4xl));font-weight:800;line-height:var(--leading-tight);margin:0 auto var(--space-4);max-width:640px;position:relative}.gradient-text{background:linear-gradient(135deg,var(--color-accent),#a855f7,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:520px;margin:0 auto var(--space-8);line-height:var(--leading-relaxed);position:relative}.hero-actions{justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex;position:relative}.btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);border:none;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{transform:scale(1.02)}.btn-primary{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{background:var(--color-accent-hover);color:#fff}.btn-secondary{background:var(--color-bg-alt);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn svg{width:16px;height:16px}.hero-shapes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-shape{opacity:.04;background:var(--color-accent);border-radius:50%;position:absolute}.post-hero{margin:calc(-1 * var(--space-8)) calc(-1 * var(--content-padding)) var(--space-8);position:relative;overflow:hidden}.post-hero-image{object-fit:cover;width:100%;height:340px;display:block}.post-hero-gradient{background:linear-gradient(to top,var(--color-bg) 0%,transparent 60%);position:absolute;inset:0}.post-header{margin-bottom:var(--space-8)}.post-title{font-size:var(--text-3xl);font-weight:800;line-height:var(--leading-tight);margin:0 0 var(--space-4)}.post-meta{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.post-meta-item{align-items:center;gap:var(--space-1);display:flex}.post-meta-item svg{width:16px;height:16px}.post-tags{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.tag-pill{font-size:var(--text-xs);border-radius:var(--radius-full);background:var(--color-accent-light);color:var(--color-accent);transition:background-color var(--transition-fast),color var(--transition-fast);align-items:center;padding:2px 12px;font-weight:600;text-decoration:none;display:inline-flex}.tag-pill:hover{background:var(--color-accent);color:#fff}.prose{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text)}.prose h2{font-size:var(--text-2xl);font-weight:700;line-height:var(--leading-tight);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-light);margin:2em 0 .6em}.prose h3{font-size:var(--text-xl);font-weight:600;line-height:var(--leading-tight);margin:1.8em 0 .5em}.prose h4{font-size:var(--text-lg);margin:1.5em 0 .4em;font-weight:600}.prose p{margin:0 0 1.5em}.prose a{color:var(--color-accent);text-underline-offset:2px;transition:color var(--transition-fast);text-decoration:underline;text-decoration-thickness:1px}.prose a:hover{color:var(--color-accent-hover)}.prose img{border-radius:var(--radius-lg);max-width:100%;height:auto;margin:var(--space-6) 0}.prose pre{background:var(--syn-bg);color:var(--syn-text);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);font-family:var(--font-code);font-size:var(--text-sm);margin:var(--space-6) 0;line-height:1.7;overflow-x:auto}.prose code{font-family:var(--font-code);font-size:.88em}.prose :not(pre)>code{background:var(--color-accent-subtle);color:var(--color-accent);border-radius:var(--radius-sm);padding:2px 6px}.prose blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-5);margin:var(--space-6) 0;color:var(--color-text-secondary);font-style:italic}.prose ul,.prose ol{padding-left:var(--space-6);margin:0 0 1.5em}.prose li{margin-bottom:var(--space-1)}.prose table{border-collapse:collapse;width:100%;margin:var(--space-6) 0;font-size:var(--text-sm)}.prose th,.prose td{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);text-align:left}.prose th{background:var(--color-bg-alt);font-weight:600}.prose hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}.toc{padding:var(--space-4) 0}.toc-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-3);padding:0 var(--space-3);font-weight:700}.toc-list{border-left:2px solid var(--color-border);margin:0;padding:0;list-style:none}.toc-link{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--transition-fast),border-color var(--transition-fast);border-left:2px solid #0000;margin-left:-2px;text-decoration:none;display:block}.toc-link:hover{color:var(--color-accent)}.toc-link.active{color:var(--color-accent);border-left-color:var(--color-accent)}.toc-h3{padding-left:var(--space-6)}.search-overlay{background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);opacity:0;visibility:hidden;transition:opacity var(--transition-smooth),visibility var(--transition-smooth);justify-content:center;align-items:flex-start;padding-top:15vh;display:flex;position:fixed;inset:0}.search-overlay.active{opacity:1;visibility:visible}.search-modal{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:90%;max-width:560px;box-shadow:var(--shadow-xl);transition:transform var(--transition-smooth);overflow:hidden;transform:translateY(-10px)scale(.98)}.search-overlay.active .search-modal{transform:translateY(0)scale(1)}.search-input-wrap{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.search-input-wrap svg{width:20px;height:20px;color:var(--color-text-muted);flex-shrink:0}.search-input{color:var(--color-text);font-size:var(--text-base);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1}.search-input::placeholder{color:var(--color-text-muted)}.search-close{font-size:var(--text-xs);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;padding:2px 8px}.search-results{max-height:400px;padding:var(--space-2);overflow-y:auto}.search-result-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text);transition:background-color var(--transition-fast);text-decoration:none;display:flex}.search-result-item:hover{background:var(--color-accent-subtle)}.search-result-type{font-size:var(--text-xs);border-radius:var(--radius-full);flex-shrink:0;padding:2px 8px;font-weight:600}.search-result-type.blog{color:#10b981;background:#10b9811a}.search-result-type.docs{color:#3b82f6;background:#3b82f61a}.search-result-title{font-size:var(--text-sm);font-weight:500}.search-result-desc{font-size:var(--text-xs);color:var(--color-text-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.search-empty{text-align:center;padding:var(--space-10) var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.share-buttons{gap:var(--space-2);display:flex}.share-btn{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-card-bg);width:38px;height:38px;color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.share-btn:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-light)}.share-btn svg{width:18px;height:18px}.prev-next{gap:var(--space-4);margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--color-border);grid-template-columns:1fr 1fr;display:grid}.prev-next-link{gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);color:var(--color-text);transition:border-color var(--transition-fast),background-color var(--transition-fast);flex-direction:column;text-decoration:none;display:flex}.prev-next-link:hover{border-color:var(--color-accent);background:var(--color-accent-subtle)}.prev-next-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:var(--space-1);font-weight:600;display:flex}.prev-next-label svg{width:14px;height:14px}.prev-next-title{font-size:var(--text-sm);color:var(--color-accent);font-weight:600}.prev-next-link.next{text-align:right}.prev-next-link.next .prev-next-label{justify-content:flex-end}.tag-cloud{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag-cloud-item{align-items:center;gap:var(--space-1);font-size:var(--text-xs);border-radius:var(--radius-full);border:1px solid var(--color-border);color:var(--color-text-secondary);transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast);padding:3px 12px;font-weight:500;text-decoration:none;display:inline-flex}.tag-cloud-item:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-light)}.tag-count{font-size:var(--text-xs);color:var(--color-text-muted)}.newsletter-form{gap:var(--space-2);display:flex}.newsletter-input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-sm);transition:border-color var(--transition-fast);outline:none;flex:1}.newsletter-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.newsletter-input::placeholder{color:var(--color-text-muted)}.newsletter-btn{padding:var(--space-2) var(--space-4);background:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--transition-fast);border:none;font-weight:600}.newsletter-btn:hover{background:var(--color-accent-hover)}.breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);display:flex}.breadcrumb a{color:var(--color-text-secondary)}.breadcrumb a:hover{color:var(--color-accent)}.breadcrumb-sep{color:var(--color-text-muted)}.site-footer{border-top:1px solid var(--color-border);background:var(--color-bg);transition:background-color var(--transition-smooth),border-color var(--transition-smooth);margin-top:auto}.footer-inner{max-width:var(--content-max);padding:var(--space-10) var(--content-padding);gap:var(--space-10);grid-template-columns:2fr 1fr 1fr;margin:0 auto;display:grid}.footer-col-title{font-size:var(--text-sm);margin-bottom:var(--space-4);color:var(--color-text);font-weight:700}.footer-about-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:var(--space-2)}.footer-links a{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-accent)}.footer-bottom{max-width:var(--content-max);padding:var(--space-4) var(--content-padding);border-top:1px solid var(--color-border-light);font-size:var(--text-xs);color:var(--color-text-muted);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.footer-socials{gap:var(--space-3);display:flex}.footer-social-link{color:var(--color-text-muted);transition:color var(--transition-fast)}.footer-social-link:hover{color:var(--color-accent)}.footer-social-link svg{width:18px;height:18px}.mobile-nav{z-index:var(--z-sticky);background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--surface-glass-border);transition:background-color var(--transition-smooth);display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-inner{height:56px;padding:0 var(--space-4);padding-bottom:env(safe-area-inset-bottom,0);justify-content:space-around;align-items:center;display:flex}.mobile-nav-item{padding:var(--space-1) var(--space-3);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:color var(--transition-fast);flex-direction:column;align-items:center;gap:2px;min-width:48px;font-size:10px;font-weight:500;text-decoration:none;display:flex}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--color-accent)}.mobile-nav-item svg{width:22px;height:22px}.back-to-top{bottom:var(--space-6);right:var(--space-6);background:var(--color-accent);color:#fff;border-radius:var(--radius-full);cursor:pointer;width:42px;height:42px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:opacity var(--transition-smooth),visibility var(--transition-smooth),transform var(--transition-smooth);z-index:var(--z-dropdown);border:none;justify-content:center;align-items:center;display:flex;position:fixed;transform:translateY(10px)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--color-accent-hover);transform:translateY(-2px)}.back-to-top svg{width:20px;height:20px}.theme-popup{top:calc(100% + var(--space-2));width:220px;padding:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base),transform var(--transition-base);position:absolute;right:0;transform:translateY(-4px)}.theme-popup.active{opacity:1;visibility:visible;transform:translateY(0)}.theme-popup-title{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);font-weight:600}.theme-options{gap:var(--space-1);flex-direction:column;display:flex}.theme-option{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);color:var(--color-text-secondary);transition:background-color var(--transition-fast),border-color var(--transition-fast);border:1px solid #0000;display:flex}.theme-option:hover{background:var(--color-bg-alt)}.theme-option.active{border-color:var(--color-accent);background:var(--color-accent-subtle);color:var(--color-accent)}.theme-option svg{flex-shrink:0;width:16px;height:16px}.nav-overlay{background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:calc(var(--z-sticky) - 1);opacity:0;visibility:hidden;transition:opacity var(--transition-smooth),visibility var(--transition-smooth);position:fixed;inset:0}.nav-overlay.active{opacity:1;visibility:visible}.not-found{text-align:center;min-height:60vh;padding:var(--space-8);flex-direction:column;justify-content:center;align-items:center;display:flex}.not-found-illustration{margin-bottom:var(--space-8)}.not-found-code{background:linear-gradient(135deg,var(--color-accent),#a855f7);-webkit-text-fill-color:transparent;margin-bottom:var(--space-4);-webkit-background-clip:text;background-clip:text;font-size:8rem;font-weight:800;line-height:1}.not-found-title{font-size:var(--text-2xl);margin-bottom:var(--space-3);font-weight:700}.not-found-text{font-size:var(--text-base);color:var(--color-text-secondary);max-width:400px;margin-bottom:var(--space-8)}.page-header{margin-bottom:var(--space-8)}.page-title{font-size:var(--text-3xl);margin:0 0 var(--space-2);font-weight:800}.page-description{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s forwards fadeInUp}.animate-fade-in-delay-1{opacity:0;animation:.5s .1s forwards fadeInUp}.animate-fade-in-delay-2{opacity:0;animation:.5s .2s forwards fadeInUp}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);gap:var(--space-2);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:var(--text-sm);color:var(--color-text);animation:.3s forwards toastIn;display:flex}.toast.leaving{animation:.3s forwards toastOut}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.toast-icon{color:var(--color-success)}.toast-icon svg{width:16px;height:16px}.section-title{font-size:var(--text-xl);margin-bottom:var(--space-6);align-items:center;gap:var(--space-2);font-weight:700;display:flex}.section-title svg{width:22px;height:22px;color:var(--color-accent)}.quick-links{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.quick-link{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);color:var(--color-text);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);text-decoration:none;display:flex}.quick-link:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent);transform:translateY(-2px)}.quick-link-icon{border-radius:var(--radius-md);background:var(--color-accent-light);width:36px;height:36px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.quick-link-icon svg{width:18px;height:18px}.quick-link-text{font-size:var(--text-sm);font-weight:600}@media screen and (max-width:1100px){.right-sidebar{width:260px}.content-with-sidebar{gap:var(--space-6)}}@media screen and (max-width:896px){.side-nav{width:calc(100% - 3rem);max-width:320px;z-index:var(--z-sticky);transition:transform var(--transition-smooth);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.side-nav.mobile-open{transform:translate(0)}.side-nav.collapsed{width:calc(100% - 3rem)}.side-nav.collapsed .nav-label{display:inline}.side-nav.collapsed .nav-link{padding:var(--space-2) var(--space-3);justify-content:flex-start}.side-nav.collapsed .nav-group-title,.side-nav.collapsed .sub-menu{display:block}.side-nav.collapsed .nav-link:hover:after{display:none}.menu-toggle{display:flex}.header-nav,.search-trigger{display:none}.content-with-sidebar{flex-direction:column}.right-sidebar{width:100%}.mobile-nav{display:block}.footer-inner{gap:var(--space-6);grid-template-columns:1fr}.back-to-top{bottom:calc(var(--space-6) + 56px + env(safe-area-inset-bottom,0px))}.blog-grid,.blog-card-featured,.doc-grid,.quick-links,.prev-next{grid-template-columns:1fr}}@media screen and (max-width:640px){:root{--content-padding:16px}.post-title{font-size:var(--text-2xl)}.hero{padding:var(--space-10) 0 var(--space-8)}.post-hero-image{height:200px}.not-found-code{font-size:5rem}}.doc-sidebar{width:var(--sidenav-width);border-right:1px solid var(--color-border);padding-right:var(--space-6);flex-shrink:0}.doc-sidebar-sticky{top:calc(var(--header-height) + var(--space-8));max-height:calc(100vh - var(--header-height) - var(--space-8));position:sticky;overflow-y:auto}.doc-sidebar-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:var(--space-2) var(--space-3);margin-top:var(--space-4);font-weight:700}.doc-sidebar-title:first-child{margin-top:0}.doc-sidebar-link{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast);text-decoration:none;display:block}.doc-sidebar-link:hover{color:var(--color-accent);background:var(--color-accent-subtle)}.doc-sidebar-link.active{color:var(--color-accent);background:var(--color-accent-light);font-weight:600}.edit-page-link{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-6);transition:color var(--transition-fast);text-decoration:none;display:inline-flex}.edit-page-link:hover{color:var(--color-accent)}.edit-page-link svg{width:16px;height:16px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}