/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--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;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@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;--color-amber-400:oklch(82.8% .189 84.429);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0,0,.2,1);--blur-sm:8px;--blur-md:12px;--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);--color-primary:var(--ui-accent);--color-primary-hover:var(--ui-accent-hover);--color-primary-foreground:var(--ui-text-on-accent);--color-secondary:var(--ui-bg-soft);--color-secondary-foreground:var(--ui-text-primary);--color-destructive:var(--ui-danger);--color-destructive-foreground:#fff;--color-success:var(--ui-success);--color-warning:var(--ui-warning);--color-info:var(--ui-info);--color-background:var(--ui-bg-page);--color-foreground:var(--ui-text-primary);--color-card:var(--ui-bg-elevated);--color-card-foreground:var(--ui-text-primary);--color-popover:var(--ui-bg-elevated);--color-popover-foreground:var(--ui-text-primary);--color-muted:var(--ui-bg-muted);--color-muted-foreground:var(--ui-text-muted);--color-accent:var(--ui-bg-soft);--color-accent-foreground:var(--ui-text-primary);--color-border:var(--ui-border);--color-input:var(--ui-border);--color-ring:var(--ui-accent);--color-warm:var(--ui-accent-warm);--color-warm-hover:var(--ui-accent-warm-hover)}}@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;-webkit-text-decoration: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{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-2{top:calc(var(--spacing)*2)}.top-4{top:calc(var(--spacing)*4)}.top-11{top:calc(var(--spacing)*11)}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-2{bottom:calc(var(--spacing)*2)}.left-0{left:calc(var(--spacing)*0)}.left-2{left:calc(var(--spacing)*2)}.left-4{left:calc(var(--spacing)*4)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.col-span-2{grid-column:span 2/span 2}.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}}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-2\.5{margin-top:calc(var(--spacing)*2.5)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-14{margin-top:calc(var(--spacing)*14)}.mt-16{margin-top:calc(var(--spacing)*16)}.mt-auto{margin-top:auto}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-square{aspect-ratio:1}.size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-32{height:calc(var(--spacing)*32)}.h-40{height:calc(var(--spacing)*40)}.h-64{height:calc(var(--spacing)*64)}.h-full{height:100%}.h-px{height:1px}.min-h-11{min-height:calc(var(--spacing)*11)}.min-h-16{min-height:calc(var(--spacing)*16)}.min-h-20{min-height:calc(var(--spacing)*20)}.min-h-\[2\.5rem\]{min-height:2.5rem}.min-h-\[44px\]{min-height:44px}.min-h-screen{min-height:100vh}.w-0\.5{width:calc(var(--spacing)*.5)}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[180px\]{max-width:180px}.max-w-\[200px\]{max-width:200px}.max-w-\[220px\]{max-width:220px}.max-w-full{max-width:100%}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[44px\]{min-width:44px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-y-24{--tw-translate-y:calc(var(--spacing)*-24);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-\[2rem_minmax\(0\,1fr\)_auto\]{grid-template-columns:2rem minmax(0,1fr) auto}.grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-10{gap:calc(var(--spacing)*10)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing)*4)}.gap-x-5{column-gap:calc(var(--spacing)*5)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-1{row-gap:calc(var(--spacing)*1)}.gap-y-1\.5{row-gap:calc(var(--spacing)*1.5)}.gap-y-2{row-gap:calc(var(--spacing)*2)}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border>:not(:last-child)){border-color:var(--color-border)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-border,.border-border\/50{border-color:var(--color-border)}@supports (color:color-mix(in lab, red, red)){.border-border\/50{border-color:color-mix(in oklab,var(--color-border)50%,transparent)}}.border-border\/60{border-color:var(--color-border)}@supports (color:color-mix(in lab, red, red)){.border-border\/60{border-color:color-mix(in oklab,var(--color-border)60%,transparent)}}.border-destructive\/20{border-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.border-destructive\/20{border-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}.border-destructive\/30{border-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.border-destructive\/30{border-color:color-mix(in oklab,var(--color-destructive)30%,transparent)}}.border-foreground{border-color:var(--color-foreground)}.border-gray-300{border-color:var(--color-gray-300)}.border-indigo-500{border-color:var(--color-indigo-500)}.border-info\/20{border-color:var(--color-info)}@supports (color:color-mix(in lab, red, red)){.border-info\/20{border-color:color-mix(in oklab,var(--color-info)20%,transparent)}}.border-primary\/20{border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/20{border-color:color-mix(in oklab,var(--color-primary)20%,transparent)}}.border-success\/20{border-color:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.border-success\/20{border-color:color-mix(in oklab,var(--color-success)20%,transparent)}}.border-transparent{border-color:#0000}.border-warning\/20{border-color:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.border-warning\/20{border-color:color-mix(in oklab,var(--color-warning)20%,transparent)}}.border-white\/25{border-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.border-white\/25{border-color:color-mix(in oklab,var(--color-white)25%,transparent)}}.bg-background{background-color:var(--color-background)}.bg-black\/15{background-color:#00000026}@supports (color:color-mix(in lab, red, red)){.bg-black\/15{background-color:color-mix(in oklab,var(--color-black)15%,transparent)}}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\/20{background-color:color-mix(in oklab,var(--color-black)20%,transparent)}}.bg-black\/45{background-color:#00000073}@supports (color:color-mix(in lab, red, red)){.bg-black\/45{background-color:color-mix(in oklab,var(--color-black)45%,transparent)}}.bg-black\/55{background-color:#0000008c}@supports (color:color-mix(in lab, red, red)){.bg-black\/55{background-color:color-mix(in oklab,var(--color-black)55%,transparent)}}.bg-border{background-color:var(--color-border)}.bg-card,.bg-card\/30{background-color:var(--color-card)}@supports (color:color-mix(in lab, red, red)){.bg-card\/30{background-color:color-mix(in oklab,var(--color-card)30%,transparent)}}.bg-card\/95{background-color:var(--color-card)}@supports (color:color-mix(in lab, red, red)){.bg-card\/95{background-color:color-mix(in oklab,var(--color-card)95%,transparent)}}.bg-destructive,.bg-destructive\/10{background-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/10{background-color:color-mix(in oklab,var(--color-destructive)10%,transparent)}}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-info,.bg-info\/10{background-color:var(--color-info)}@supports (color:color-mix(in lab, red, red)){.bg-info\/10{background-color:color-mix(in oklab,var(--color-info)10%,transparent)}}.bg-muted{background-color:var(--color-muted)}.bg-primary,.bg-primary\/5{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/5{background-color:color-mix(in oklab,var(--color-primary)5%,transparent)}}.bg-primary\/10{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--color-primary)10%,transparent)}}.bg-primary\/10\!{background-color:var(--color-primary)!important}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10\!{background-color:color-mix(in oklab,var(--color-primary)10%,transparent)!important}}.bg-secondary,.bg-secondary\/20{background-color:var(--color-secondary)}@supports (color:color-mix(in lab, red, red)){.bg-secondary\/20{background-color:color-mix(in oklab,var(--color-secondary)20%,transparent)}}.bg-secondary\/40{background-color:var(--color-secondary)}@supports (color:color-mix(in lab, red, red)){.bg-secondary\/40{background-color:color-mix(in oklab,var(--color-secondary)40%,transparent)}}.bg-success\/10{background-color:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.bg-success\/10{background-color:color-mix(in oklab,var(--color-success)10%,transparent)}}.bg-warning\/10{background-color:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.bg-warning\/10{background-color:color-mix(in oklab,var(--color-warning)10%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-primary\/10{--tw-gradient-from:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.from-primary\/10{--tw-gradient-from:color-mix(in oklab,var(--color-primary)10%,transparent)}}.from-primary\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-warm\/10{--tw-gradient-from:var(--color-warm)}@supports (color:color-mix(in lab, red, red)){.from-warm\/10{--tw-gradient-from:color-mix(in oklab,var(--color-warm)10%,transparent)}}.from-warm\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-primary\/5{--tw-gradient-to:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.to-primary\/5{--tw-gradient-to:color-mix(in oklab,var(--color-primary)5%,transparent)}}.to-primary\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-warm\/5{--tw-gradient-to:var(--color-warm)}@supports (color:color-mix(in lab, red, red)){.to-warm\/5{--tw-gradient-to:color-mix(in oklab,var(--color-warm)5%,transparent)}}.to-warm\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.fill-amber-400{fill:var(--color-amber-400)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.py-12{padding-block:calc(var(--spacing)*12)}.py-14{padding-block:calc(var(--spacing)*14)}.py-16{padding-block:calc(var(--spacing)*16)}.py-20{padding-block:calc(var(--spacing)*20)}.py-24{padding-block:calc(var(--spacing)*24)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-2\.5{padding-top:calc(var(--spacing)*2.5)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-11{padding-top:calc(var(--spacing)*11)}.pt-12{padding-top:calc(var(--spacing)*12)}.pt-20{padding-top:calc(var(--spacing)*20)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.pb-14{padding-bottom:calc(var(--spacing)*14)}.pb-16{padding-bottom:calc(var(--spacing)*16)}.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.pl-3\.5{padding-left:calc(var(--spacing)*3.5)}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-7{--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-amber-400{color:var(--color-amber-400)}.text-destructive{color:var(--color-destructive)}.text-destructive-foreground{color:var(--color-destructive-foreground)}.text-foreground{color:var(--color-foreground)}.text-gray-400{color:var(--color-gray-400)}.text-gray-600{color:var(--color-gray-600)}.text-gray-900{color:var(--color-gray-900)}.text-indigo-200{color:var(--color-indigo-200)}.text-indigo-600{color:var(--color-indigo-600)}.text-info{color:var(--color-info)}.text-muted-foreground,.text-muted-foreground\/30{color:var(--color-muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/30{color:color-mix(in oklab,var(--color-muted-foreground)30%,transparent)}}.text-muted-foreground\/50{color:var(--color-muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/50{color:color-mix(in oklab,var(--color-muted-foreground)50%,transparent)}}.text-primary{color:var(--color-primary)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-primary-hover{color:var(--color-primary-hover)}.text-primary-hover\!{color:var(--color-primary-hover)!important}.text-primary\/30{color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.text-primary\/30{color:color-mix(in oklab,var(--color-primary)30%,transparent)}}.text-secondary-foreground{color:var(--color-secondary-foreground)}.text-success{color:var(--color-success)}.text-warm\/30{color:var(--color-warm)}@supports (color:color-mix(in lab, red, red)){.text-warm\/30{color:color-mix(in oklab,var(--color-warm)30%,transparent)}}.text-warning{color:var(--color-warning)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.not-italic{font-style:normal}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-85{opacity:.85}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.brightness-75{--tw-brightness:brightness(75%);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,)}.grayscale{--tw-grayscale:grayscale(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,)}.grayscale-\[0\.25\]{--tw-grayscale:grayscale(.25);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,)}.saturate-50{--tw-saturate:saturate(50%);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,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.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))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:-translate-y-0\.5:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:bg-black\/5:is(:where(.group):hover *){background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-black\/5:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.group-hover\:text-primary:is(:where(.group):hover *){color:var(--color-primary)}.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:border-current:hover{border-color:currentColor}.hover\:border-foreground:hover{border-color:var(--color-foreground)}.hover\:border-primary\/30:hover{border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/30:hover{border-color:color-mix(in oklab,var(--color-primary)30%,transparent)}}.hover\:border-primary\/40:hover{border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/40:hover{border-color:color-mix(in oklab,var(--color-primary)40%,transparent)}}.hover\:bg-accent:hover{background-color:var(--color-accent)}.hover\:bg-muted\/40:hover{background-color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/40:hover{background-color:color-mix(in oklab,var(--color-muted)40%,transparent)}}.hover\:bg-primary-hover:hover{background-color:var(--color-primary-hover)}.hover\:bg-primary\/10:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/10:hover{background-color:color-mix(in oklab,var(--color-primary)10%,transparent)}}.hover\:bg-primary\/20:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/20:hover{background-color:color-mix(in oklab,var(--color-primary)20%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--color-primary)90%,transparent)}}.hover\:bg-secondary:hover,.hover\:bg-secondary\/40:hover{background-color:var(--color-secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/40:hover{background-color:color-mix(in oklab,var(--color-secondary)40%,transparent)}}.hover\:text-foreground:hover{color:var(--color-foreground)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-primary-hover:hover{color:var(--color-primary-hover)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:translate-y-0:focus{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-primary:focus{--tw-ring-color:var(--color-primary)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:40rem){.sm\:block{display:block}.sm\:inline-flex{display:inline-flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:gap-3{gap:calc(var(--spacing)*3)}.sm\:pt-20{padding-top:calc(var(--spacing)*20)}}@media (min-width:48rem){.md\:top-4{top:calc(var(--spacing)*4)}.md\:right-4{right:calc(var(--spacing)*4)}.md\:bottom-4{bottom:calc(var(--spacing)*4)}.md\:left-4{left:calc(var(--spacing)*4)}.md\:mt-2{margin-top:calc(var(--spacing)*2)}.md\:mt-6{margin-top:calc(var(--spacing)*6)}.md\:mt-10{margin-top:calc(var(--spacing)*10)}.md\:mb-3{margin-bottom:calc(var(--spacing)*3)}.md\:mb-4{margin-bottom:calc(var(--spacing)*4)}.md\:mb-5{margin-bottom:calc(var(--spacing)*5)}.md\:mb-8{margin-bottom:calc(var(--spacing)*8)}.md\:mb-10{margin-bottom:calc(var(--spacing)*10)}.md\:block{display:block}.md\:hidden{display:none}.md\:inline{display:inline}.md\:inline-flex{display:inline-flex}.md\:h-7{height:calc(var(--spacing)*7)}.md\:h-96{height:calc(var(--spacing)*96)}.md\:w-2{width:calc(var(--spacing)*2)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[3rem_minmax\(0\,1fr\)_minmax\(9rem\,auto\)\]{grid-template-columns:3rem minmax(0,1fr) minmax(9rem,auto)}.md\:gap-2{gap:calc(var(--spacing)*2)}.md\:gap-2\.5{gap:calc(var(--spacing)*2.5)}.md\:gap-4{gap:calc(var(--spacing)*4)}.md\:gap-5{gap:calc(var(--spacing)*5)}.md\:p-4{padding:calc(var(--spacing)*4)}.md\:p-5{padding:calc(var(--spacing)*5)}.md\:p-7{padding:calc(var(--spacing)*7)}.md\:p-8{padding:calc(var(--spacing)*8)}.md\:p-12{padding:calc(var(--spacing)*12)}.md\:px-3{padding-inline:calc(var(--spacing)*3)}.md\:py-1{padding-block:calc(var(--spacing)*1)}.md\:py-12{padding-block:calc(var(--spacing)*12)}.md\:py-16{padding-block:calc(var(--spacing)*16)}.md\:pt-4{padding-top:calc(var(--spacing)*4)}.md\:pt-10{padding-top:calc(var(--spacing)*10)}.md\:pb-6{padding-bottom:calc(var(--spacing)*6)}.md\:pb-8{padding-bottom:calc(var(--spacing)*8)}.md\:pl-4{padding-left:calc(var(--spacing)*4)}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}@media (min-width:64rem){.lg\:top-16{top:calc(var(--spacing)*16)}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:inline-flex{display:inline-flex}.lg\:h-9{height:calc(var(--spacing)*9)}.lg\:h-16{height:calc(var(--spacing)*16)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:gap-5{gap:calc(var(--spacing)*5)}.lg\:gap-8{gap:calc(var(--spacing)*8)}.lg\:gap-16{gap:calc(var(--spacing)*16)}:where(.lg\:space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}.lg\:p-10{padding:calc(var(--spacing)*10)}.lg\:p-12{padding:calc(var(--spacing)*12)}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}.lg\:py-20{padding-block:calc(var(--spacing)*20)}.lg\:pb-16{padding-bottom:calc(var(--spacing)*16)}.lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}.dark\:bg-black\/35:where(.dark,.dark *){background-color:#00000059}@supports (color:color-mix(in lab, red, red)){.dark\:bg-black\/35:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-black)35%,transparent)}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@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}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}

/* base token & component styles moved from inline base.html (text-HTML ratio fix) */
:root {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;
  --ui-bg-page: #f8fafc;
  --ui-bg-elevated: #ffffff;
  --ui-bg-soft: #f1f5f9;
  --ui-bg-muted: #e2e8f0;
  --ui-bg-overlay: rgba(255,255,255,.8);
  --ui-bg-overlay-strong: rgba(255,255,255,.92);
  --ui-text-primary: #1f2328;
  --ui-text-secondary: #59636e;
  --ui-text-muted: #64748b;
  --ui-text-on-accent: #ffffff;
  --ui-border: #d0d7de;
  --ui-border-strong: #afb8c1;
  --ui-accent: #2563eb;
  --ui-accent-hover: #1d4ed8;
  --ui-accent-soft: rgba(37,99,235,.08);
  --ui-success: #1a7f37;
  --ui-success-soft: rgba(26,127,55,.08);
  --ui-warning: #9a6700;
  --ui-warning-soft: rgba(154,103,0,.08);
  --ui-danger: #d1242f;
  --ui-danger-soft: rgba(209,36,47,.08);
  --ui-info: #2563eb;
  --ui-info-soft: rgba(37,99,235,.08);
  --ui-focus-ring: rgba(37,99,235,.22);
  --ui-radius-sm: .375rem;
  --ui-radius-md: .5rem;
  --ui-radius-lg: .75rem;
  --ui-radius-xl: 1rem;
  --ui-shadow-1: 0 1px 0 rgba(31,35,40,.04);
  --ui-shadow-2: 0 3px 6px rgba(140,149,159,.15);
  --ui-shadow-3: 0 8px 24px rgba(140,149,159,.2);
  --ui-shadow-soft: 0 1px 0 rgba(31,35,40,.04);
  --ui-shadow-card: 0 1px 3px rgba(31,35,40,.12), 0 1px 2px rgba(31,35,40,.06);
  --ui-leading-display: 1.25;
  --ui-leading-title: 1.25;
  --ui-leading-body: 1.5;
  --ui-accent-warm: #9a6700;
  --ui-accent-warm-hover: #7a5200;
  --ui-accent-warm-soft: rgba(154,103,0,.08);
  --ui-price-primary: #1f2328;
  --ui-price-promotion: #d1242f;
  --ui-price-original: #64748b;
  --ui-duration-fast: 80ms;
  --ui-duration-normal: 160ms;
  --ui-duration-slow: 320ms;
  --ui-ease-out: cubic-bezier(.33,1,.68,1);
  --ui-ease-spring: cubic-bezier(.34,1.56,.64,1);
  --ui-section-gap: 1.5rem;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:root {
  --color-primary: var(--ui-accent);
  --color-primary-hover: var(--ui-accent-hover);
  --color-primary-soft: var(--ui-accent-soft);
  --color-warm: var(--ui-accent-warm);
  --color-warm-hover: var(--ui-accent-warm-hover);
  --color-warm-soft: var(--ui-accent-warm-soft);
  --color-success: var(--ui-success);
  --color-success-soft: var(--ui-success-soft);
  --color-warning: var(--ui-warning);
  --color-warning-soft: var(--ui-warning-soft);
  --color-danger: var(--ui-danger);
  --color-danger-soft: var(--ui-danger-soft);
  --color-info: var(--ui-info);
  --color-info-soft: var(--ui-info-soft);
  --color-surface-page: var(--ui-bg-page);
  --color-surface-elevated: var(--ui-bg-elevated);
  --color-surface-soft: var(--ui-bg-soft);
  --color-surface-muted: var(--ui-bg-muted);
  --color-ink-primary: var(--ui-text-primary);
  --color-ink-secondary: var(--ui-text-secondary);
  --color-ink-muted: var(--ui-text-muted);
  --color-ink-on-accent: var(--ui-text-on-accent);
  --color-hairline: var(--ui-border);
  --color-hairline-strong: var(--ui-border-strong);
  --color-background: var(--ui-bg-page);
  --color-foreground: var(--ui-text-primary);
  --color-card: var(--ui-bg-elevated);
  --color-card-foreground: var(--ui-text-primary);
  --color-popover: var(--ui-bg-elevated);
  --color-popover-foreground: var(--ui-text-primary);
  --color-primary-foreground: var(--ui-text-on-accent);
  --color-secondary: var(--ui-bg-soft);
  --color-secondary-foreground: var(--ui-text-primary);
  --color-muted: var(--ui-bg-muted);
  --color-muted-foreground: var(--ui-text-muted);
  --color-accent: var(--ui-bg-soft);
  --color-accent-foreground: var(--ui-text-primary);
  --color-destructive: var(--ui-danger);
  --color-destructive-foreground: #ffffff;
  --color-border: var(--ui-border);
  --color-input: var(--ui-border);
  --color-ring: var(--ui-accent);
  --radius-sm: var(--ui-radius-sm);
  --radius-md: var(--ui-radius-md);
  --radius-lg: var(--ui-radius-lg);
  --radius-xl: var(--ui-radius-xl);
  --shadow-soft: var(--ui-shadow-soft);
  --shadow-card: var(--ui-shadow-card);
  --ease-out: var(--ui-ease-out);
  --ease-spring: var(--ui-ease-spring);
  --default-transition-duration: var(--ui-duration-normal);
  --default-transition-timing-function: var(--ui-ease-out);
}

.dark {
  --ui-bg-page: #1a1a1c;
  --ui-bg-elevated: #222224;
  --ui-bg-soft: #28282a;
  --ui-bg-muted: #2e2e30;
  --ui-bg-overlay: rgba(26,26,28,.8);
  --ui-bg-overlay-strong: rgba(26,26,28,.92);
  --ui-text-primary: #e6edf3;
  --ui-text-secondary: #8b949e;
  --ui-text-muted: #94a3b8;
  --ui-text-on-accent: #ffffff;
  --ui-border: #30363d;
  --ui-border-strong: #484f58;
  --ui-accent: #58a6ff;
  --ui-accent-hover: #79c0ff;
  --ui-accent-soft: rgba(88,166,255,.12);
  --ui-success: #3fb950;
  --ui-success-soft: rgba(63,185,80,.12);
  --ui-warning: #d29922;
  --ui-warning-soft: rgba(210,153,34,.12);
  --ui-danger: #f85149;
  --ui-danger-soft: rgba(248,81,73,.12);
  --ui-info: #58a6ff;
  --ui-info-soft: rgba(88,166,255,.12);
  --ui-focus-ring: rgba(88,166,255,.28);
  --ui-shadow-1: 0 0 transparent;
  --ui-shadow-2: 0 0 transparent;
  --ui-shadow-3: 0 0 transparent;
  --ui-shadow-soft: 0 0 transparent;
  --ui-shadow-card: 0 1px 0 rgba(255,255,255,.04);
  --ui-accent-warm: #d29922;
  --ui-accent-warm-hover: #e3b341;
  --ui-accent-warm-soft: rgba(210,153,34,.12);
  --ui-price-primary: #e6edf3;
  --ui-price-promotion: #f85149;
  --ui-price-original: #94a3b8;
}

@media (prefers-color-scheme: dark) {
  :root:not(.light) {
    --ui-bg-page: #1a1a1c;
    --ui-bg-elevated: #222224;
    --ui-bg-soft: #28282a;
    --ui-bg-muted: #2e2e30;
    --ui-bg-overlay: rgba(26,26,28,.8);
    --ui-bg-overlay-strong: rgba(26,26,28,.92);
    --ui-text-primary: #e6edf3;
    --ui-text-secondary: #8b949e;
    --ui-text-muted: #94a3b8;
    --ui-text-on-accent: #ffffff;
    --ui-border: #30363d;
    --ui-border-strong: #484f58;
    --ui-accent: #58a6ff;
    --ui-accent-hover: #79c0ff;
    --ui-accent-soft: rgba(88,166,255,.12);
    --ui-success: #3fb950;
    --ui-success-soft: rgba(63,185,80,.12);
    --ui-warning: #d29922;
    --ui-warning-soft: rgba(210,153,34,.12);
    --ui-danger: #f85149;
    --ui-danger-soft: rgba(248,81,73,.12);
    --ui-info: #58a6ff;
    --ui-info-soft: rgba(88,166,255,.12);
    --ui-focus-ring: rgba(88,166,255,.28);
    --ui-shadow-1: 0 0 transparent;
    --ui-shadow-2: 0 0 transparent;
    --ui-shadow-3: 0 0 transparent;
    --ui-shadow-soft: 0 0 transparent;
    --ui-shadow-card: 0 1px 0 rgba(255,255,255,.04);
    --ui-accent-warm: #d29922;
    --ui-accent-warm-hover: #e3b341;
    --ui-accent-warm-soft: rgba(210,153,34,.12);
    --ui-price-primary: #e6edf3;
    --ui-price-promotion: #f85149;
    --ui-price-original: #94a3b8;
  }
}

html, body {
  background-color: var(--ui-bg-page);
  color: var(--ui-text-primary);
}

* { border-color: var(--ui-border); }

h1 { line-height: var(--ui-leading-display); letter-spacing: -0.024em; }
h2 { line-height: var(--ui-leading-title); letter-spacing: -0.018em; }
h3, h4 { line-height: 1.26; letter-spacing: -0.012em; }
p, li { line-height: var(--ui-leading-body); }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background-color: var(--ui-border-strong);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover { background-color: var(--ui-text-muted); }

.theme-price-lg {
  font-size: 2.75rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--ui-price-primary);
  font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
}
.theme-price-sm {
  font-size: 1.125rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
  line-height: 1.2;
  color: var(--ui-price-primary);
  font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
}
.theme-price-promotion { color: var(--ui-price-promotion); }
.theme-price-original { color: var(--ui-price-original); text-decoration: line-through; opacity: 0.8; }

.theme-prose { color: var(--ui-text-secondary); }
.theme-prose :where(h1, h2, h3, h4, h5, h6, strong) { color: var(--ui-text-primary); }
.theme-prose :where(p, li, blockquote) { color: var(--ui-text-secondary); }
.theme-prose a {
  color: var(--ui-accent);
  text-decoration-line: underline;
  text-decoration-color: transparent;
  text-underline-offset: 0.2em;
  transition: color 0.2s ease, text-decoration-color 0.2s ease;
}
.theme-prose a:hover {
  color: var(--ui-accent-hover);
  text-decoration-color: color-mix(in oklab, var(--ui-accent-hover) 52%, transparent);
}
.theme-prose blockquote {
  border-left-color: color-mix(in oklab, var(--ui-accent) 38%, transparent);
  background-color: var(--ui-bg-soft);
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
  padding: 0.9rem 1rem;
}
.theme-prose img { border-radius: 0.75rem; margin: 1.5rem 0; }
.theme-prose code {
  background-color: var(--ui-bg-soft);
  padding: 0.15em 0.4em;
  border-radius: 0.3rem;
  font-size: 0.875em;
}
.theme-prose pre {
  background-color: var(--ui-bg-soft);
  border-radius: 0.75rem;
  padding: 1rem;
  overflow-x: auto;
}
.theme-prose pre code { background: transparent; padding: 0; }

.theme-wordmark {
  display: inline-flex;
  align-items: center;
  border-radius: 0.75rem;
  border-width: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
  min-height: 2.5rem;
  max-width: min(56vw, 20rem);
  background-color: color-mix(in oklab, var(--ui-bg-elevated) 90%, var(--ui-accent-soft) 10%);
  border-color: color-mix(in oklab, var(--ui-accent) 22%, var(--ui-border));
  box-shadow: var(--ui-shadow-1);
  color: var(--ui-text-primary);
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
.theme-wordmark:hover {
  color: var(--ui-accent-hover);
  border-color: color-mix(in oklab, var(--ui-accent) 42%, transparent);
  background-color: color-mix(in oklab, var(--ui-accent-soft) 72%, var(--ui-bg-elevated));
}
.theme-wordmark-text {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.018em;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.theme-section-divider {
  border: none;
  height: 1px;
  background: linear-gradient(to right, transparent, var(--ui-border), transparent);
  margin: var(--ui-section-gap) 0;
}

.theme-skeleton {
  background: linear-gradient(90deg, var(--ui-bg-muted) 25%, var(--ui-bg-soft) 37%, var(--ui-bg-muted) 63%);
  background-size: 400% 100%;
  animation: theme-shimmer 1.4s ease infinite;
  border-radius: var(--ui-radius-sm);
}

@keyframes theme-shimmer {
  0% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes theme-slide-up {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes theme-bounce-in {
  0% { transform: scale(1); }
  50% { transform: scale(1.25); }
  100% { transform: scale(1); }
}

.theme-slide-up { animation: theme-slide-up var(--ui-duration-normal) var(--ui-ease-out) both; }
.theme-bounce-in { animation: theme-bounce-in var(--ui-duration-slow) var(--ui-ease-spring) both; }

.rounded-lg { border-radius: var(--ui-radius-sm) !important; }
.rounded-xl { border-radius: var(--ui-radius-md) !important; }
.rounded-2xl { border-radius: var(--ui-radius-lg) !important; }
.rounded-3xl { border-radius: var(--ui-radius-xl) !important; }
.shadow-sm { box-shadow: var(--ui-shadow-1) !important; }
.shadow, .shadow-md { box-shadow: var(--ui-shadow-2) !important; }
.shadow-lg, .shadow-xl, .shadow-2xl { box-shadow: var(--ui-shadow-3) !important; }
.font-black { font-weight: 800 !important; letter-spacing: -0.018em; }
.text-3xl { line-height: var(--ui-leading-title) !important; }
.text-4xl, .text-5xl { line-height: var(--ui-leading-display) !important; }
.text-6xl { line-height: 1.04 !important; }

.bg-white { background-color: var(--ui-bg-elevated) !important; }
.bg-white\/95, .bg-white\/90, .bg-white\/80 { background-color: var(--ui-bg-overlay) !important; }
.bg-white\/50 { background-color: color-mix(in oklab, var(--ui-bg-overlay) 72%, transparent) !important; }
.bg-gray-50 { background-color: var(--ui-bg-soft) !important; }
.bg-gray-100 { background-color: var(--ui-bg-muted) !important; }
.bg-gray-200 { background-color: color-mix(in oklab, var(--ui-border) 56%, var(--ui-bg-soft)) !important; }
.bg-gray-900 { background-color: var(--ui-accent) !important; }

.text-gray-900 { color: var(--ui-text-primary) !important; }
.text-gray-700, .text-gray-600 { color: var(--ui-text-secondary) !important; }
.text-gray-500, .text-gray-400 { color: var(--ui-text-muted) !important; }
.text-purple-600, .text-indigo-600 { color: var(--ui-accent) !important; }
.text-purple-500, .text-purple-400, .text-indigo-500, .text-indigo-300, .text-indigo-200 { color: var(--ui-accent-hover) !important; }

.border-gray-100, .border-gray-200, .border-gray-300 { border-color: var(--ui-border) !important; }
.border-purple-200, .border-purple-500, .border-indigo-200, .border-indigo-300, .border-indigo-500\/30 { border-color: color-mix(in oklab, var(--ui-accent) 40%, transparent) !important; }

.hover\:bg-gray-800:hover { background-color: var(--ui-accent-hover) !important; }
.hover\:bg-gray-50:hover, .hover\:bg-gray-100:hover { background-color: var(--ui-bg-soft) !important; }
.hover\:text-gray-900:hover, .hover\:text-gray-700:hover { color: var(--ui-text-primary) !important; }
.hover\:text-purple-600:hover, .hover\:text-purple-500:hover, .hover\:text-indigo-600:hover, .hover\:text-indigo-500:hover { color: var(--ui-accent-hover) !important; }
.hover\:border-purple-500\/30:hover, .hover\:border-purple-500\/40:hover, .hover\:border-indigo-200:hover, .hover\:border-indigo-300:hover { border-color: color-mix(in oklab, var(--ui-accent) 45%, transparent) !important; }
.hover\:bg-purple-50:hover, .hover\:bg-purple-100:hover, .hover\:bg-indigo-50:hover { background-color: var(--ui-accent-soft) !important; }

.focus\:border-purple-500:focus, .focus\:border-indigo-300:focus { border-color: var(--ui-accent) !important; }
.focus\:ring-indigo-500\/20:focus { --tw-ring-color: var(--ui-focus-ring) !important; }
.placeholder-gray-400::placeholder { color: var(--ui-text-muted) !important; }

.dark .dark\:bg-gray-900 { background-color: var(--ui-bg-page) !important; }
.dark .dark\:bg-black\/20, .dark .dark\:bg-black\/30, .dark .dark\:bg-black\/40 { background-color: var(--ui-bg-soft) !important; }
.dark .dark\:bg-white\/5, .dark .dark\:bg-white\/10 { background-color: color-mix(in oklab, var(--ui-bg-elevated) 14%, transparent) !important; }
.dark .dark\:bg-purple-500\/10, .dark .dark\:bg-purple-500\/12, .dark .dark\:bg-purple-500\/20, .dark .dark\:bg-indigo-500\/10, .dark .dark\:bg-indigo-500\/12, .dark .dark\:bg-indigo-500\/20 { background-color: var(--ui-accent-soft) !important; }
.dark .dark\:text-white { color: var(--ui-text-primary) !important; }
.dark .dark\:text-gray-300 { color: var(--ui-text-secondary) !important; }
.dark .dark\:text-gray-400, .dark .dark\:text-gray-500, .dark .dark\:text-gray-600 { color: var(--ui-text-muted) !important; }
.dark .dark\:text-purple-400, .dark .dark\:text-purple-300, .dark .dark\:text-purple-200, .dark .dark\:text-indigo-300, .dark .dark\:text-indigo-200 { color: var(--ui-accent-hover) !important; }
.dark .dark\:placeholder-gray-600::placeholder { color: var(--ui-text-muted) !important; }
.dark .dark\:border-white\/5, .dark .dark\:border-white\/10, .dark .dark\:border-white\/20 { border-color: var(--ui-border) !important; }
.dark .dark\:border-purple-500\/20, .dark .dark\:border-purple-500\/30, .dark .dark\:border-indigo-500\/30 { border-color: color-mix(in oklab, var(--ui-accent) 42%, transparent) !important; }
.dark .dark\:hover\:text-white:hover { color: var(--ui-text-primary) !important; }
.dark .dark\:hover\:text-purple-400:hover, .dark .dark\:hover\:text-indigo-200:hover { color: var(--ui-accent-hover) !important; }
.dark .dark\:hover\:bg-white\/5:hover, .dark .dark\:hover\:bg-white\/10:hover { background-color: var(--ui-bg-soft) !important; }
.dark .dark\:hover\:border-white\/5:hover, .dark .dark\:hover\:border-white\/10:hover, .dark .dark\:hover\:border-white\/20:hover, .dark .dark\:hover\:border-white\/30:hover { border-color: var(--ui-border-strong) !important; }

.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
.scrollbar-hide::-webkit-scrollbar { display: none; }

/* 页脚（对齐 Nuxt Footer.vue 的导航链接与社媒按钮样式） */
.footer-nav-heading {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--ui-text-primary);
}
.footer-nav-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 0.8125rem;
  color: var(--ui-text-muted);
  transition: color 0.2s ease;
}
.footer-nav-link::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: var(--ui-accent);
  transition: width 0.25s var(--ui-ease-out, cubic-bezier(0.16, 1, 0.3, 1));
}
.footer-nav-link:hover { color: var(--ui-text-primary); }
.footer-nav-link:hover::after { width: 100%; }
.footer-social-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.5rem;
  border: 1px solid var(--ui-border);
  background-color: transparent;
  color: var(--ui-text-muted);
  transition: all 0.2s var(--ui-ease-out, cubic-bezier(0.16, 1, 0.3, 1));
}
.footer-social-btn:hover {
  border-color: var(--ui-accent);
  background-color: var(--ui-accent);
  color: var(--ui-text-on-accent);
  transform: translateY(-1px);
  box-shadow: 0 2px 8px color-mix(in oklab, var(--ui-accent) 25%, transparent);
}
.footer-social-btn--sm { width: 2rem; height: 2rem; }