@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }:root{--color-bg-base: #ffffff;--color-bg-surface: #f8f8f8;--color-bg-elevated: #f0f0f0;--color-bg-overlay: rgba(0,0,0,.4);--color-border-soft: rgba(0,0,0,.08);--color-border-normal: rgba(0,0,0,.12);--color-border-strong: rgba(0,0,0,.2);--color-text-primary: #0f0f0f;--color-text-secondary: #6b7280;--color-text-disabled: #9ca3af;--color-text-inverse: #ffffff;--color-brand-primary: #3b82f6;--color-brand-hover: #2563eb;--color-brand-active: #1d4ed8;--color-brand-subtle: #eff6ff;--color-success: #22c55e;--color-success-bg: #f0fdf4;--color-warning: #f59e0b;--color-warning-bg: #fffbeb;--color-danger: #ef4444;--color-danger-bg: #fef2f2;--color-info: #3b82f6;--color-info-bg: #eff6ff;--color-code-bg: #f6f8fa;--color-code-border: #e1e4e8}[data-theme=dark]{--color-bg-base: #0a0a0a;--color-bg-surface: #111111;--color-bg-elevated: #1a1a1a;--color-bg-overlay: rgba(0,0,0,.7);--color-border-soft: rgba(255,255,255,.06);--color-border-normal: rgba(255,255,255,.1);--color-border-strong: rgba(255,255,255,.18);--color-text-primary: #f4f4f5;--color-text-secondary: #a1a1aa;--color-text-disabled: #71717a;--color-text-inverse: #0f0f0f;--color-brand-primary: #60a5fa;--color-brand-hover: #93c5fd;--color-brand-active: #bfdbfe;--color-brand-subtle: rgba(96,165,250,.12);--color-success: #4ade80;--color-success-bg: rgba(74,222,128,.1);--color-warning: #fbbf24;--color-warning-bg: rgba(251,191,36,.1);--color-danger: #f87171;--color-danger-bg: rgba(248,113,113,.1);--color-info: #60a5fa;--color-info-bg: rgba(96,165,250,.1);--color-code-bg: #161b22;--color-code-border: #30363d}.container{width:100%}.container-page{margin-left:auto;margin-right:auto;width:100%;max-width:1280px;padding-left:1rem;padding-right:1rem}.flex-center{display:flex;align-items:center;justify-content:center}@media(min-width:640px){.container{max-width:640px}.container-page{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}.container-page{padding-left:2rem;padding-right:2rem}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.bottom-2{bottom:.5rem}.right-2{right:.5rem}[left~="1"]{left:.25rem}.isolate{isolation:isolate}.grid,[grid=""]{display:grid}.m\[2\]{margin:2}.m1{margin:.25rem}.m15{margin:3.75rem}.m2{margin:.5rem}.m21{margin:5.25rem}.m21\.73{margin:5.4325rem}.m22{margin:5.5rem}.m3{margin:.75rem}.m3\.3{margin:.825rem}.m6{margin:1.5rem}.m9{margin:2.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.ms,[ms=""]{margin-inline-start:1rem}.mt{margin-top:1rem}.inline{display:inline}.block,[block=""]{display:block}.inline-block{display:inline-block}.hidden,[hidden=""]{display:none}[size~="1.5rem"]{width:1.5rem;height:1.5rem}[size~="10"]{width:2.5rem;height:2.5rem}[size~="12"]{width:3rem;height:3rem}[size~="13"]{width:3.25rem;height:3.25rem}[size~="14"]{width:3.5rem;height:3.5rem}[size~="16"]{width:4rem;height:4rem}[size~="18"]{width:4.5rem;height:4.5rem}[size~="20"]{width:5rem;height:5rem}[size~="24"]{width:6rem;height:6rem}[size~="32"]{width:8rem;height:8rem}[size~=lg]{width:32rem;height:32rem}[size~=md]{width:28rem;height:28rem}[size~=sm]{width:24rem;height:24rem}[size~=xs]{width:20rem;height:20rem}.h1{height:.25rem}.h2,[h2=""]{height:.5rem}.h3,[h3=""]{height:.75rem}.h4{height:1rem}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.flex-shrink{flex-shrink:1}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.table{display:table}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer{cursor:pointer}.resize{resize:both}[columns~="1"]{columns:1}[columns~="14"]{columns:14}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.b,.border{border-width:1px}.border-brand-primary{--un-border-opacity:1;border-color:rgb(59 130 246 / var(--un-border-opacity))}.rounded{border-radius:6px}.bg-\[var\(--color-primary\)\]{background-color:var(--color-primary)}.bg-black\/50{background-color:#00000080}.bg-brand-subtle{--un-bg-opacity:1;background-color:rgb(239 246 255 / var(--un-bg-opacity))}.bg-danger-bg{--un-bg-opacity:1;background-color:rgb(254 242 242 / var(--un-bg-opacity))}.bg-success-bg{--un-bg-opacity:1;background-color:rgb(240 253 244 / var(--un-bg-opacity))}.bg-warning-bg{--un-bg-opacity:1;background-color:rgb(255 251 235 / var(--un-bg-opacity))}.hover\:bg-\[var\(--color-primary-hover\)\]:hover{background-color:var(--color-primary-hover)}[stroke-width~="2"]{stroke-width:2px}[stroke-width~="2.5"]{stroke-width:2.5px}.p-8{padding:2rem}.p1{padding:.25rem}.p2{padding:.5rem}.p3{padding:.75rem}.px,.px-4,[px=""]{padding-left:1rem;padding-right:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-32{padding-top:8rem;padding-bottom:8rem}.py-8{padding-top:2rem;padding-bottom:2rem}.text-center{text-align:center}.text-5xl{font-size:3rem;line-height:1}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}[text~="10"]{font-size:2.5rem}[text~="14"]{font-size:3.5rem}.text-\[var\(--color-primary\)\]{color:var(--color-primary)}.text-\[var\(--color-text-secondary\)\]{color:var(--color-text-secondary)}.text-\[var\(--color-text\)\]{color:var(--color-text)}.text-brand-primary{--un-text-opacity:1;color:rgb(59 130 246 / var(--un-text-opacity))}.text-danger{--un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity))}.text-success{--un-text-opacity:1;color:rgb(34 197 94 / var(--un-text-opacity))}.text-warning{--un-text-opacity:1;color:rgb(245 158 11 / var(--un-text-opacity))}.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.tab,[tab=""]{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.opacity-0{opacity:0}.group:hover .group-hover\:opacity-100{opacity:1}.outline{outline-style:solid}.backdrop-blur-sm{--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}[blur~="$event)"]{--un-blur:blur(var(--event\)));filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.ease{transition-timing-function:cubic-bezier(.4,0,.2,1)}[content~=none]{content:none}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--un-default-border-color, #e5e7eb)}:before,:after{--un-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}[hidden]:where(:not([hidden=until-found])){display:none}:root{color-scheme:dark;--color-text: #f4f6fb;--color-text-secondary: #a8b2cc;--color-text-tertiary: #6b748e;--color-text-disabled: #4a5266;--color-text-inverse: #0a0b0f;--color-bg: #0a0b0f;--color-bg-soft: #0f1018;--color-bg-muted: #131420;--color-surface: #161821;--color-surface-soft: #1c1e29;--color-surface-elevated: #21232f;--color-surface-glass: color-mix(in srgb, var(--color-surface) 55%, transparent);--color-surface-glass-strong: color-mix(in srgb, var(--color-surface) 78%, transparent);--color-border: color-mix(in srgb, var(--color-text) 7%, transparent);--color-border-strong: color-mix(in srgb, var(--color-text) 14%, transparent);--color-divider: color-mix(in srgb, var(--color-text) 5%, transparent);--color-primary: #818cf8;--color-on-primary: #ffffff;--color-primary-light-3: color-mix(in srgb, var(--color-primary) 70%, white);--color-primary-light-5: color-mix(in srgb, var(--color-primary) 50%, white);--color-primary-light-7: color-mix(in srgb, var(--color-primary) 30%, white);--color-primary-light-8: color-mix(in srgb, var(--color-primary) 20%, white);--color-primary-light-9: color-mix(in srgb, var(--color-primary) 10%, white);--color-primary-dark-2: color-mix(in srgb, var(--color-primary) 80%, black);--color-primary-hover: var(--color-primary-light-3);--color-primary-active: var(--color-primary-dark-2);--color-primary-soft: color-mix(in srgb, var(--color-primary) 12%, transparent);--color-primary-soft-hover: color-mix(in srgb, var(--color-primary) 18%, transparent);--color-tip: #a78bfa;--color-on-tip: #ffffff;--color-tip-light-3: color-mix(in srgb, var(--color-tip) 70%, white);--color-tip-light-5: color-mix(in srgb, var(--color-tip) 50%, white);--color-tip-light-7: color-mix(in srgb, var(--color-tip) 30%, white);--color-tip-light-8: color-mix(in srgb, var(--color-tip) 20%, white);--color-tip-light-9: color-mix(in srgb, var(--color-tip) 10%, white);--color-tip-dark-2: color-mix(in srgb, var(--color-tip) 80%, black);--color-tip-soft: color-mix(in srgb, var(--color-tip) 12%, transparent);--color-info: #38bdf8;--color-on-info: #ffffff;--color-info-light-3: color-mix(in srgb, var(--color-info) 70%, white);--color-info-light-5: color-mix(in srgb, var(--color-info) 50%, white);--color-info-light-7: color-mix(in srgb, var(--color-info) 30%, white);--color-info-light-8: color-mix(in srgb, var(--color-info) 20%, white);--color-info-light-9: color-mix(in srgb, var(--color-info) 10%, white);--color-info-dark-2: color-mix(in srgb, var(--color-info) 80%, black);--color-info-soft: color-mix(in srgb, var(--color-info) 12%, transparent);--color-success: #4ade80;--color-on-success: #ffffff;--color-success-light-3: color-mix(in srgb, var(--color-success) 70%, white);--color-success-light-5: color-mix(in srgb, var(--color-success) 50%, white);--color-success-light-7: color-mix(in srgb, var(--color-success) 30%, white);--color-success-light-8: color-mix(in srgb, var(--color-success) 20%, white);--color-success-light-9: color-mix(in srgb, var(--color-success) 10%, white);--color-success-dark-2: color-mix(in srgb, var(--color-success) 80%, black);--color-success-soft: color-mix(in srgb, var(--color-success) 12%, transparent);--color-warning: #fbbf24;--color-on-warning: #ffffff;--color-warning-light-3: color-mix(in srgb, var(--color-warning) 70%, white);--color-warning-light-5: color-mix(in srgb, var(--color-warning) 50%, white);--color-warning-light-7: color-mix(in srgb, var(--color-warning) 30%, white);--color-warning-light-8: color-mix(in srgb, var(--color-warning) 20%, white);--color-warning-light-9: color-mix(in srgb, var(--color-warning) 10%, white);--color-warning-dark-2: color-mix(in srgb, var(--color-warning) 80%, black);--color-warning-soft: color-mix(in srgb, var(--color-warning) 12%, transparent);--color-danger: #f87171;--color-on-danger: #ffffff;--color-danger-light-3: color-mix(in srgb, var(--color-danger) 70%, white);--color-danger-light-5: color-mix(in srgb, var(--color-danger) 50%, white);--color-danger-light-7: color-mix(in srgb, var(--color-danger) 30%, white);--color-danger-light-8: color-mix(in srgb, var(--color-danger) 20%, white);--color-danger-light-9: color-mix(in srgb, var(--color-danger) 10%, white);--color-danger-dark-2: color-mix(in srgb, var(--color-danger) 80%, black);--color-danger-soft: color-mix(in srgb, var(--color-danger) 12%, transparent);--color-focus-ring: color-mix(in srgb, var(--color-primary) 40%, transparent);--color-overlay: rgba(0, 0, 0, .55);--color-glow: color-mix(in srgb, var(--color-primary) 8%, transparent);--space-0: 0;--space-px: 1px;--space-2xs: .25rem;--space-xs: .375rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem;--space-4xl: 4rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.75rem;--text-5xl: 3.5rem;--text-6xl: 4rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--leading-none: 1;--leading-tight: 1.1;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tighter: -.04em;--tracking-tight: -.02em;--tracking-normal: -.011em;--tracking-wide: .02em;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--control-h-xs: 24px;--control-h-sm: 28px;--control-h-md: 34px;--control-h-lg: 44px;--control-radius-xs: 4px;--control-radius-sm: 6px;--control-radius-md: 8px;--control-radius-lg: 10px;--control-px-xs: var(--space-sm);--control-px-sm: var(--space-md);--control-px-md: var(--space-lg);--control-px-lg: var(--space-xl);--control-font-xs: var(--text-xs);--control-font-sm: var(--text-sm);--control-font-md: var(--text-base);--control-font-lg: var(--text-md);--border-thin: 1px;--border-medium: 2px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .24);--shadow-md: 0 8px 24px rgba(0, 0, 0, .28);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .32);--shadow-xl: 0 24px 56px rgba(0, 0, 0, .4);--shadow-focus: 0 0 0 3px var(--color-focus-ring);--duration-instant: 80ms;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-default: var(--ease-out);--z-base: 0;--z-elevated: 10;--z-dropdown: 100;--z-fixed: 200;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 1000;--z-tooltip: 1500;--z-notification: 9999;--blur-md: 12px;--blur-lg: 20px;--backdrop-saturate: 160%;--gradient-brand: linear-gradient(135deg, var(--color-primary-hover), var(--color-primary))}[data-theme=light]{color-scheme:light;--color-text: #0f172a;--color-text-secondary: #475569;--color-text-tertiary: #64748b;--color-text-disabled: #94a3b8;--color-text-inverse: #ffffff;--color-bg: #fafbfc;--color-bg-soft: #f4f5f8;--color-bg-muted: #edeef2;--color-surface: #ffffff;--color-surface-soft: #f8fafc;--color-surface-elevated: #ffffff;--color-surface-glass: color-mix(in srgb, var(--color-surface) 72%, transparent);--color-surface-glass-strong: color-mix(in srgb, var(--color-surface) 92%, transparent);--color-border: color-mix(in srgb, var(--color-text) 7%, transparent);--color-border-strong: color-mix(in srgb, var(--color-text) 14%, transparent);--color-divider: color-mix(in srgb, var(--color-text) 5%, transparent);--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-primary-active: #3730a3;--color-primary-soft: color-mix(in srgb, var(--color-primary) 8%, transparent);--color-primary-soft-hover: color-mix(in srgb, var(--color-primary) 14%, transparent);--color-on-primary: #ffffff;--color-tip: #7c3aed;--color-tip-soft: color-mix(in srgb, var(--color-tip) 8%, transparent);--color-info: #0ea5e9;--color-info-soft: color-mix(in srgb, var(--color-info) 8%, transparent);--color-success: #16a34a;--color-success-soft: color-mix(in srgb, var(--color-success) 8%, transparent);--color-warning: #d97706;--color-warning-soft: color-mix(in srgb, var(--color-warning) 8%, transparent);--color-danger: #dc2626;--color-danger-soft: color-mix(in srgb, var(--color-danger) 8%, transparent);--color-focus-ring: color-mix(in srgb, var(--color-primary) 30%, transparent);--color-overlay: rgba(15, 18, 33, .4);--color-glow: color-mix(in srgb, var(--color-primary) 6%, transparent);--shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);--shadow-sm: 0 2px 8px rgba(15, 23, 42, .08);--shadow-md: 0 8px 24px rgba(15, 23, 42, .08);--shadow-lg: 0 16px 40px rgba(15, 23, 42, .12);--shadow-xl: 0 24px 56px rgba(15, 23, 42, .16)}:root,[data-theme=light]{--bg-primary: var(--color-bg);--bg-secondary: var(--color-bg-soft);--bg-tertiary: var(--color-bg-muted);--bg-card: var(--color-surface);--bg-glass: var(--color-surface-glass);--text-primary: var(--color-text);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-tertiary);--accent-primary: var(--color-primary);--accent-hover: var(--color-primary-hover);--accent-glow: var(--color-primary-soft-hover);--accent-gradient: var(--gradient-brand);--glass-border: var(--color-border);--border-color: var(--color-border);--border-glow: var(--color-primary-soft-hover);--orb-color-1: var(--color-primary-soft-hover);--orb-color-2: var(--color-primary-soft);--orb-color-3: var(--color-primary-soft);--info-color: var(--color-info);--info-bg: var(--color-info-soft);--tip-color: var(--color-tip);--tip-bg: var(--color-tip-soft);--warning-color: var(--color-warning);--warning-bg: var(--color-warning-soft);--danger-color: var(--color-danger);--danger-bg: var(--color-danger-soft);--success-color: var(--color-success);--accent-tag-bg: var(--color-primary-soft);--accent-active-bg: var(--color-primary-soft);--color-brand-primary: var(--color-primary);--color-brand-hover: var(--color-primary-hover);--color-brand-subtle: var(--color-primary-soft);--color-border-normal: var(--color-border);--color-border-soft: var(--color-divider);--color-text-primary: var(--color-text);--color-bg-elevated: var(--color-surface-elevated);--color-bg-surface: var(--color-surface);--color-bg-overlay: var(--color-overlay);--color-danger-bg: var(--color-danger-soft);--color-info-bg: var(--color-info-soft);--color-success-bg: var(--color-success-soft);--color-warning-bg: var(--color-warning-soft);--easing-default: var(--ease-default)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:15px;line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);font-feature-settings:"cv11","ss01","cv02";font-optical-sizing:auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);transition:background-color var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default);min-height:100vh;overflow-x:hidden}code,pre,kbd,samp{font-family:var(--font-mono)}img,video{max-width:100%;height:auto}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}a:hover{color:var(--color-primary-hover)}::selection{background-color:var(--color-primary-soft-hover);color:var(--color-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--space-lg)}@media(min-width:640px){.container{padding-inline:var(--space-xl)}}@media(min-width:1024px){.container{padding-inline:var(--space-2xl)}}.bg-orbs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--z-base);overflow:hidden}.bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.8;will-change:transform;animation:orb-float 20s ease-in-out infinite}.bg-orb--1{width:600px;height:600px;background:var(--color-primary-soft-hover);top:-200px;left:-100px;animation-duration:20s}.bg-orb--2{width:500px;height:500px;background:var(--color-primary-soft);top:40%;right:-150px;animation-delay:-7s;animation-duration:25s}.bg-orb--3{width:400px;height:400px;background:var(--color-primary-soft);bottom:-100px;left:30%;animation-delay:-14s;animation-duration:22s}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--z-base);background-image:linear-gradient(var(--color-border) var(--border-thin),transparent var(--border-thin)),linear-gradient(90deg,var(--color-border) var(--border-thin),transparent var(--border-thin));background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%);opacity:.4}.glass-effect{background:var(--color-surface-glass);backdrop-filter:blur(var(--blur-lg)) saturate(var(--backdrop-saturate));-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(var(--backdrop-saturate));border:var(--border-thin) solid var(--color-border)}.glass-card{position:relative;background:var(--color-surface-glass-strong);backdrop-filter:blur(var(--blur-lg)) saturate(var(--backdrop-saturate));-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(var(--backdrop-saturate));border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default)}.glass-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(500px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--color-glow),transparent 50%);opacity:0;transition:opacity var(--duration-normal) var(--ease-default);pointer-events:none;z-index:var(--z-base)}.glass-card:hover:after{opacity:1}.glass-card>*{position:relative;z-index:var(--z-elevated)}.glow-border{position:relative}.glow-border:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:var(--gradient-brand);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;padding:var(--border-thin);opacity:0;transition:opacity var(--duration-normal) var(--ease-default);pointer-events:none}.glow-border:hover:before{opacity:1}.hover-lift{transition:transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.hover-glow{transition:transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.hover-glow:hover{transform:translateY(-1px);box-shadow:0 0 0 var(--border-thin) var(--color-primary-soft-hover),var(--shadow-md)}.hover-lift-glow{transition:transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.hover-lift-glow:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 0 var(--border-thin) var(--color-primary-soft-hover);border-color:var(--color-primary-soft-hover)}.tool-title-icon{width:1.75rem;height:1.75rem;object-fit:contain;flex-shrink:0}.shiki-light{display:none}.shiki-dark,[data-theme=light] .shiki-light{display:block}[data-theme=light] .shiki-dark{display:none}.page-enter-active,.page-leave-active{transition:opacity var(--duration-normal) var(--ease-default),transform var(--duration-normal) var(--ease-default)}.page-enter-from{opacity:0;transform:translateY(20px)}.page-leave-to{opacity:0;transform:translateY(-20px)}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(40px,30px) scale(1.02)}}@keyframes blob-morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50% 60% 30%/30% 50% 70%}75%{border-radius:40% 60% 50% 40%/60% 40% 60% 50%}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--color-primary-soft-hover)}50%{box-shadow:0 0 40px var(--color-primary-soft-hover)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.shiki span{color:var(--shiki-dark)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}[data-theme=light] .shiki span{color:var(--shiki-light)!important;font-style:var(--shiki-light-font-style)!important;font-weight:var(--shiki-light-font-weight)!important;text-decoration:var(--shiki-light-text-decoration)!important}.code-mac-window{border-radius:var(--radius-md);overflow:hidden;border:var(--border-thin) solid var(--color-border);box-shadow:var(--shadow-md)}.code-mac-window__titlebar{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-bg-muted);border-bottom:var(--border-thin) solid var(--color-border)}.code-mac-window__dot{width:12px;height:12px;border-radius:var(--radius-full);flex-shrink:0}.code-mac-window__dot--red{background:var(--color-danger)}.code-mac-window__dot--yellow{background:var(--color-warning)}.code-mac-window__dot--green{background:var(--color-success)}.code-mac-window__titlebar-text{margin-left:auto;font-size:var(--text-xs);color:var(--color-text-tertiary);font-family:var(--font-mono)}.code-mac-window pre{margin:0!important;border:none!important;border-radius:0!important;background:var(--color-bg-soft)!important}.copy-btn{margin-left:var(--space-sm);padding:2px var(--space-sm);font-size:var(--text-xs);border-radius:var(--radius-sm);border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);white-space:nowrap;line-height:var(--leading-none)}.copy-btn:hover{background:var(--color-primary-soft);color:var(--color-primary)}pre.shiki{padding:1.25rem var(--space-xl);border-radius:var(--radius-md);overflow-x:auto;font-size:var(--text-base);line-height:var(--leading-relaxed);border:var(--border-thin) solid var(--color-border)}.page-icon{width:2rem;height:2rem;object-fit:contain}.loading-state{display:flex;justify-content:center;padding:8rem 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 0;gap:var(--space-lg);color:var(--color-text-secondary)}.empty-state__icon{font-size:3rem}.empty-state a{color:var(--color-primary)}.list-empty{text-align:center;padding:5rem 0;color:var(--color-text-tertiary);font-size:var(--text-md)}.tag-btn{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-base);background:var(--color-surface-glass);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:var(--border-thin) solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.tag-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.tag-btn--active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary);font-weight:var(--font-medium)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.image-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-popover);display:flex;flex-direction:column;background:#000000e5;backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md))}.image-viewer__toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;color:#fffc}.image-viewer__title{font-size:var(--text-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.image-viewer__close{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent;border:none;border-radius:var(--radius-sm);color:#ffffffb3;cursor:pointer;transition:color var(--duration-fast) var(--ease-default)}.image-viewer__close:hover{color:#fff}.image-viewer__canvas{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none}.image-viewer__img{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:var(--radius-md)}.image-viewer__img--svg{background:#fff;color-scheme:light;padding:24px;border:var(--border-thin) solid var(--color-border)}.image-viewer__controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;color:#fff}.image-viewer__ctrl-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff1a;border:none;border-radius:var(--radius-full);color:#fff;font-size:var(--text-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.image-viewer__ctrl-btn:hover{background:#fff3}.image-viewer__ctrl-btn--text{width:auto;padding:4px 12px;border-radius:var(--radius-sm);font-size:var(--text-xs)}.image-viewer__scale{font-size:var(--text-base);width:56px;text-align:center}.image-viewer-enter-active,.image-viewer-leave-active{transition:opacity .2s ease}.image-viewer-enter-from,.image-viewer-leave-to{opacity:0}.base-notification-container{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:var(--z-notification);display:flex;flex-direction:column;gap:var(--space-md);pointer-events:none;width:330px}.base-notification{pointer-events:auto;position:relative;display:flex;padding:14px 26px 14px 13px;background:var(--color-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;animation:notif-enter var(--duration-normal) var(--ease-default) both}.base-notification--leaving{animation:notif-leave var(--duration-normal) var(--ease-default) both}.base-notification__icon{flex-shrink:0;margin-top:-1px;margin-right:10px}.base-notification--info .base-notification__icon{color:var(--color-info)}.base-notification--success .base-notification__icon{color:var(--color-tip)}.base-notification--warning .base-notification__icon{color:var(--color-warning)}.base-notification--error .base-notification__icon{color:var(--color-danger)}.base-notification__body{flex:1;min-width:0;padding-right:10px}.base-notification__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);line-height:var(--leading-snug);margin:0}.base-notification__message{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-top:6px;overflow-wrap:break-word}.base-notification__close{position:absolute;top:14px;right:10px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:color var(--duration-fast) var(--ease-default)}.base-notification__close:hover{color:var(--color-text)}@keyframes notif-enter{0%{opacity:0;transform:translate(calc(100% + 1rem))}to{opacity:1;transform:translate(0)}}@keyframes notif-leave{0%{opacity:1;transform:translate(0);max-height:200px;margin-bottom:0}to{opacity:0;transform:translate(calc(100% + 1rem));max-height:0;margin-bottom:-.75rem}}