/*! tailwindcss v4.1.3 | 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-border-style: solid;--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-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-outline-style: solid;--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}}}@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-orange-50: oklch(.98 .016 73.684);--color-yellow-50: oklch(.987 .026 102.212);--color-cyan-50: oklch(.984 .019 200.873);--color-cyan-500: oklch(.715 .143 215.221);--color-blue-50: oklch(.97 .014 254.604);--color-blue-500: oklch(.623 .214 259.815);--color-indigo-50: oklch(.962 .018 272.314);--color-purple-50: oklch(.977 .014 308.299);--color-pink-50: oklch(.971 .014 343.198);--color-slate-50: oklch(.984 .003 247.858);--color-slate-100: oklch(.968 .007 247.896);--color-gray-50: oklch(.985 .002 247.839);--color-gray-100: oklch(.967 .003 264.542);--color-gray-300: oklch(.872 .01 258.338);--color-gray-400: oklch(.707 .022 261.325);--color-gray-500: oklch(.551 .027 264.364);--color-gray-600: oklch(.446 .03 256.802);--color-gray-800: oklch(.278 .033 256.848);--color-zinc-50: oklch(.985 0 0);--color-black: #000;--color-white: #fff;--spacing: .25rem;--container-lg: 32rem;--container-4xl: 56rem;--container-7xl: 80rem;--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--font-weight-medium: 500;--font-weight-semibold: 600;--radius-xs: .125rem;--radius-sm: var(--radius-sm);--radius-md: var(--radius-md);--radius-lg: var(--radius-lg);--shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--blur-md: 12px;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-font-feature-settings: var(--font-sans--font-feature-settings);--default-font-variation-settings: var(--font-sans--font-variation-settings);--default-mono-font-family: var(--font-mono);--default-mono-font-feature-settings: var(--font-mono--font-feature-settings);--default-mono-font-variation-settings: var(--font-mono--font-variation-settings)}}@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}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;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}:-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}*{border-color:var(--border-hairline);outline-color:var(--accent-primary)}@supports (color: color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--accent-primary) 50%,transparent)}}body{background-color:var(--bg-base);color:var(--text-primary)}}@layer utilities{.sr-only{clip:rect(0,0,0,0);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-4{top:calc(var(--spacing) * 4)}.top-\[50\%\]{top:50%}.right-0{right:calc(var(--spacing) * 0)}.right-4{right:calc(var(--spacing) * 4)}.left-0{left:calc(var(--spacing) * 0)}.left-\[50\%\]{left:50%}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.\!container{width:100%!important}@media (width >= 40rem){.\!container{max-width:40rem!important}}@media (width >= 48rem){.\!container{max-width:48rem!important}}@media (width >= 64rem){.\!container{max-width:64rem!important}}@media (width >= 80rem){.\!container{max-width:80rem!important}}@media (width >= 96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media (width >= 40rem){.container{max-width:40rem}}@media (width >= 48rem){.container{max-width:48rem}}@media (width >= 64rem){.container{max-width:64rem}}@media (width >= 80rem){.container{max-width:80rem}}@media (width >= 96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-auto{margin-top:auto}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.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)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.field-sizing-content{field-sizing:content}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-1{height:calc(var(--spacing) * 1)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-16{height:calc(var(--spacing) * 16)}.h-full{height:100%}.h-px{height:1px}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-\[120px\]{min-height:120px}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-full{width:100%}.w-px{width:1px}.max-w-4xl{max-width:var(--container-4xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.min-w-0{min-width:calc(var(--spacing) * 0)}.shrink-0{flex-shrink:0}.translate-x-\[-50\%\]{--tw-translate-x: -50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y: -50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.resize-none{resize:none}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xs{border-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[var\(--border-hairline\)\]{border-color:var(--border-hairline)}.border-input{border-color:var(--border-standard)}.bg-\[var\(--bg-base\)\],.bg-background{background-color:var(--bg-base)}.bg-black{background-color:var(--color-black)}.bg-black\/50{background-color:#00000080}@supports (color: color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-destructive{background-color:oklch(.577 .245 27.325)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-primary{background-color:var(--accent-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-white\/80{background-color:#fffc}@supports (color: color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.bg-gradient-to-br{--tw-gradient-position: to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position: to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from: var(--color-blue-50);--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-blue-500{--tw-gradient-from: var(--color-blue-500);--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-gray-50{--tw-gradient-from: var(--color-gray-50);--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-indigo-50{--tw-gradient-from: var(--color-indigo-50);--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-orange-50{--tw-gradient-from: var(--color-orange-50);--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-purple-50{--tw-gradient-from: var(--color-purple-50);--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-slate-50{--tw-gradient-from: var(--color-slate-50);--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-blue-50{--tw-gradient-to: var(--color-blue-50);--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-cyan-50{--tw-gradient-to: var(--color-cyan-50);--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-cyan-500{--tw-gradient-to: var(--color-cyan-500);--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-pink-50{--tw-gradient-to: var(--color-pink-50);--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-slate-100{--tw-gradient-to: var(--color-slate-100);--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-yellow-50{--tw-gradient-to: var(--color-yellow-50);--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-zinc-50{--tw-gradient-to: var(--color-zinc-50);--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))}.p-2{padding:calc(var(--spacing) * 2)}.p-6{padding:calc(var(--spacing) * 6)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.text-center{text-align:center}.align-middle{vertical-align:middle}.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))}.leading-none{--tw-leading: 1;line-height:1}.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)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-foreground{color:var(--text-primary)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-muted-foreground{color:var(--text-secondary)}.text-primary{color:var(--accent-primary)}.text-primary-foreground{color:#fff}.text-secondary-foreground{color:var(--text-primary)}.text-white{color:var(--color-white)}.underline-offset-4{text-underline-offset:4px}.opacity-70{opacity:.7}.shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px 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)}.ring-offset-background{--tw-ring-offset-color: var(--bg-base)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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, )}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;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-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.duration-200{--tw-duration: .2s;transition-duration:.2s}.outline-none{--tw-outline-style: none;outline-style:none}.selection\:bg-primary ::selection,.selection\:bg-primary::selection{background-color:var(--accent-primary)}.selection\:text-primary-foreground ::selection,.selection\:text-primary-foreground::selection{color:#fff}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing) * 7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--text-primary)}.placeholder\:text-muted-foreground::placeholder{color:var(--text-secondary)}@media (hover: hover){.hover\:bg-accent:hover{background-color:#f5f5f5}}@media (hover: hover){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,oklch(.577 .245 27.325) 90%,transparent)}}@media (hover: hover){.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}}@media (hover: hover){.hover\:bg-primary\/90:hover{background-color:var(--accent-primary)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--accent-primary) 90%,transparent)}}}@media (hover: hover){.hover\:bg-secondary\/80:hover{background-color:var(--bg-secondary)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--bg-secondary) 80%,transparent)}}}@media (hover: hover){.hover\:text-accent-foreground:hover{color:#171717}}@media (hover: hover){.hover\:underline:hover{text-decoration-line:underline}}@media (hover: hover){.hover\:opacity-100:hover{opacity:1}}.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-ring:focus{--tw-ring-color: var(--accent-primary)}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style: none;outline-style:none}@media (forced-colors: active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:border-ring:focus-visible{border-color:var(--accent-primary)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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-visible\:ring-destructive\/20:focus-visible{--tw-ring-color: color-mix(in oklab, oklch(.577 .245 27.325) 20%, transparent)}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color: var(--accent-primary)}@supports (color: color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color: color-mix(in oklab, var(--accent-primary) 50%, transparent)}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:oklch(.577 .245 27.325)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color: color-mix(in oklab, oklch(.577 .245 27.325) 20%, transparent)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-duration, .15s) var(--tw-ease, ease)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-duration, .15s) var(--tw-ease, ease)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:#f5f5f5}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--text-secondary)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}@media (width >= 40rem){.sm\:max-w-\[500px\]{max-width:500px}}@media (width >= 40rem){.sm\:max-w-lg{max-width:var(--container-lg)}}@media (width >= 40rem){.sm\:flex-row{flex-direction:row}}@media (width >= 40rem){.sm\:justify-end{justify-content:flex-end}}@media (width >= 40rem){.sm\:text-left{text-align:left}}@media (width >= 48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}}.dark\:border-input:is(.dark *){border-color:var(--border-standard)}.dark\:bg-destructive\/60:is(.dark *){background-color:color-mix(in oklab,oklch(.577 .245 27.325) 60%,transparent)}.dark\:bg-input\/30:is(.dark *){background-color:var(--border-standard)}@supports (color: color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--border-standard) 30%,transparent)}}@media (hover: hover){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:color-mix(in oklab,oklch(.97 0 0) 50%,transparent)}}@media (hover: hover){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--border-standard)}@supports (color: color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--border-standard) 50%,transparent)}}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color: color-mix(in oklab, oklch(.577 .245 27.325) 40%, transparent)}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color: color-mix(in oklab, oklch(.577 .245 27.325) 40%, transparent)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}:root{--bg-base: #f5f5f7;--bg-elevated: #fff;--bg-secondary: #fafafa;--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #86868b;--accent-primary: #007aff;--accent-hover: #0051d5;--accent-pressed: #003d99;--border-hairline: #00000014;--border-standard: #0000001f;--shadow-sm: 0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-md: 0 4px 6px #00000012, 0 2px 4px #0000000d;--shadow-lg: 0 10px 15px #0000001a, 0 4px 6px #0000000d;--focus-ring: 0 0 0 4px #007aff29;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;--background: #f5f5f7;--foreground: #1d1d1f;--card: #fff;--card-foreground: #1d1d1f;--primary: #007aff;--primary-foreground: #fff;--secondary: #fafafa;--secondary-foreground: #1d1d1f;--muted: #f5f5f7;--muted-foreground: #6e6e73;--border: #00000014;--input: #00000014;--ring: #007aff;--radius: 12px}*{box-sizing:border-box}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}.island-container{max-width:clamp(1120px,86vw,1328px);padding:0 var(--space-3);margin:0 auto}.island-grid{border-radius:var(--radius-lg);background:var(--bg-elevated);box-shadow:var(--shadow-lg);grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}@media (width >= 1280px){.island-grid{grid-template-columns:.6fr .4fr}}@media (width >= 769px) and (width <= 1279px){.island-grid{grid-template-columns:1fr 1fr}}.island-pane{min-height:400px}.island-pane--left{padding:var(--space-4) var(--space-4);border-right:1px solid var(--border-hairline);background:var(--bg-elevated)}.island-pane--right{background:var(--bg-secondary);position:relative}.pane-inner{max-width:100%}@media (width >= 1280px){.pane-inner{max-width:600px}}.preview-sticky{top:var(--space-3);padding:var(--space-4);max-height:calc(100vh - var(--space-6));position:sticky;overflow:hidden auto}.preview-sticky::-webkit-scrollbar{width:6px}.preview-sticky::-webkit-scrollbar-track{background:none}.preview-sticky::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.preview-sticky::-webkit-scrollbar-thumb:hover{background:#0000004d}.preview-content{max-width:680px;margin:0 auto}.section-header{margin-bottom:var(--space-4)}.section-title{letter-spacing:-.016em;color:var(--text-primary);margin:0 0 var(--space-1) 0;font-size:28px;font-weight:600;line-height:1.14286}.section-subtitle{color:var(--text-secondary);margin:0;font-size:16px;line-height:1.5}.form-section-title{letter-spacing:-.008em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 var(--space-2) 0;font-size:13px;font-weight:600;line-height:1.38462}.form-section{margin-bottom:var(--space-5)}.form-group{margin-bottom:var(--space-3)}.form-group--compact{margin-bottom:var(--space-2)}.form-group:last-child{margin-bottom:0}.form-label{color:var(--text-primary);margin-bottom:var(--space-1);font-size:14px;font-weight:500;line-height:1.42857;display:block}.hig-input,.hig-textarea{width:100%;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-standard);border-radius:var(--radius-sm);padding:10px 12px;font-size:16px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.hig-input:focus,.hig-textarea:focus{border-color:var(--accent-primary);box-shadow:var(--focus-ring);outline:none}.hig-input::placeholder,.hig-textarea::placeholder{color:var(--text-tertiary)}.hig-input--sm,.hig-textarea--sm{padding:8px 10px;font-size:15px}.hig-textarea{resize:vertical;min-height:80px}.feature-form-card{background:var(--bg-secondary);border:1px solid var(--border-hairline);border-radius:var(--radius-md);padding:var(--space-2);margin-bottom:var(--space-2);transition:border-color .15s,box-shadow .15s}.feature-form-card:hover{border-color:var(--border-standard)}.feature-form-header{align-items:center;gap:var(--space-1);margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-hairline);display:flex}.feature-icon{font-size:20px;line-height:1}.feature-name{color:var(--text-primary);font-size:15px;font-weight:600}.feature-form-body{gap:var(--space-2);flex-direction:column;display:flex}.hig-button{justify-content:center;align-items:center;gap:var(--space-1);width:100%;padding:12px var(--space-3);font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;font-size:16px;font-weight:500;line-height:1.5;transition:background-color .15s,transform .1s;display:inline-flex}.hig-button:active{transform:scale(.98)}.hig-button:disabled{opacity:.4;cursor:not-allowed}.hig-button:disabled:active{transform:none}.hig-button--primary{background:var(--accent-primary);color:#fff}.hig-button--primary:hover:not(:disabled){background:var(--accent-hover)}.hig-button--primary:active:not(:disabled){background:var(--accent-pressed)}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.feature-cards-group{gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.feature-card{background:var(--bg-elevated);border:1px solid var(--border-hairline);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);padding:20px 20px 20px 24px;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative}.feature-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-standard);transform:translateY(-1px)}.feature-card:active{transform:translateY(0)}.feature-card:focus{box-shadow:var(--focus-ring),var(--shadow-md);border-color:var(--accent-primary);outline:none}.feature-card--focused{border-color:var(--accent-primary);box-shadow:var(--focus-ring),var(--shadow-md)}.feature-card-stripe{background:var(--accent-primary);border-radius:var(--radius-md) 0 0 var(--radius-md);width:4px;position:absolute;top:0;bottom:0;left:0}.feature-card-content{position:relative}.feature-card-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.feature-card-icon{flex-shrink:0;font-size:24px;line-height:1}.feature-card-title{letter-spacing:-.016em;color:var(--text-primary);margin:0;font-size:18px;font-weight:600;line-height:1.33333}.feature-card-body{color:var(--text-secondary);margin:0;font-size:16px;line-height:1.5}.meta-section{border-top:1px solid var(--border-hairline);padding-top:var(--space-3)}.meta-summary{align-items:center;gap:var(--space-1);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--space-1) 0;font-size:15px;font-weight:600;list-style:none;transition:color .15s;display:flex}.meta-summary::-webkit-details-marker{display:none}.meta-summary:hover{color:var(--text-primary)}.meta-chevron{width:16px;height:16px;transition:transform .2s}.meta-section[open] .meta-chevron{transform:rotate(90deg)}.meta-content{padding-top:var(--space-3);animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.meta-header{margin-bottom:var(--space-3)}.meta-title{letter-spacing:-.024em;color:var(--text-primary);margin:0 0 var(--space-2) 0;font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.1}.meta-subtitle{color:var(--text-secondary);margin:0;font-size:17px;line-height:1.47059}.meta-quote{background:var(--bg-elevated);border:1px solid var(--border-hairline);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.quote-text{color:var(--text-primary);margin:0 0 var(--space-1) 0;font-size:16px;font-style:italic;line-height:1.5}.quote-source{color:var(--text-tertiary);margin:0;font-size:14px;font-weight:500}@media (width <= 768px){.island-grid{gap:var(--space-3);grid-template-columns:1fr}.island-pane--left{padding:var(--space-3);border-bottom:none;border-right:none}.island-pane--right{padding:var(--space-3);border-radius:0}.preview-sticky{max-height:none;padding:var(--space-3);position:static}.island-container{padding:0 var(--space-2)}.section-title{font-size:24px}.feature-card{padding:var(--space-2)}.poster-container{max-width:100%}}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast: high){.feature-card,.hig-input,.hig-textarea{border-width:2px}}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.poster-container{border-radius:var(--radius-md);width:100%;max-width:100%;box-shadow:var(--shadow-md);background:#fff;margin:0 auto;padding:40px 32px}@media (width >= 769px){.poster-container{max-width:600px}}@media (width >= 1280px){.poster-container{max-width:500px}}.poster-container h1,.poster-container h2,.poster-container h3{color:#333;margin:0;font-weight:600}.poster-container p{color:#333;margin:0;line-height:1.8}.poster-separator{background-color:#e0e0e0;border:none;height:1px;margin:40px 0}.poster-main-header{margin-bottom:50px}.poster-main-header h1{letter-spacing:2px;font-size:42px;line-height:1.2}.poster-title-decorator{background-color:#333;width:40px;height:3px;margin-top:15px;margin-bottom:20px}.poster-subtitle{color:#666;font-size:18px;line-height:1.6}.poster-quote-box{background-color:#fbf9f6;border-left:4px solid #333;border-radius:4px;margin:30px 0;padding:25px 30px}.poster-quote-box p{color:#333;font-size:16px;line-height:1.9}.poster-quote-source{color:#555;letter-spacing:1px;margin-top:20px;font-size:14px;font-style:italic}.poster-icon-section{border-radius:var(--radius-md);cursor:pointer;margin-bottom:30px;padding:16px;transition:background-color .15s,box-shadow .15s}.poster-icon-section:hover{background-color:#fafafa}.poster-icon-section:focus{box-shadow:var(--focus-ring);background-color:#fafafa;outline:none}.poster-icon-section--focused{background-color:#f0f7ff;box-shadow:0 0 0 2px #007aff33}.poster-icon-wrapper{align-items:flex-start;gap:15px;display:flex}.poster-icon-emoji{flex-shrink:0;margin-top:4px;font-size:24px;line-height:1}.poster-icon-section h2{color:#333;margin-bottom:8px;font-size:22px}.poster-description{color:#555;font-size:16px;line-height:1.7}.poster-container ul,.poster-container ol{padding-left:25px;line-height:2}.poster-container li{color:#333;margin-bottom:10px}.poster-container ul ul{list-style-type:circle}.poster-container ul ul ul{list-style-type:square}.poster-numbered-list{padding-left:0;list-style:none}.poster-numbered-list li{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.poster-number-circle{color:#555;border:1px solid #888;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:inline-flex}.poster-numbered-content h3{color:#333;margin-bottom:5px;font-size:18px}.poster-numbered-content p{color:#666;font-size:15px;line-height:1.7}.poster-container[data-export=true]{box-shadow:none;border-radius:0;padding:40px 20px}.editable-field{cursor:pointer;border-radius:4px;margin:-2px -4px;padding:2px 4px;transition:all .2s;position:relative}.editable-field:hover{outline-offset:2px;background-color:#007aff14;outline:1px dashed #007aff4d}.editable-field:active{background-color:#007aff1f;transform:scale(.99)}@media (width <= 768px){.editable-field{outline-offset:1px;outline:1px dashed #007aff26}.editable-field:active{outline-color:#007aff66}}.poster-page2{flex-direction:column;min-height:800px;display:flex}.page2-process-box{margin:32px 0;padding-left:20px;position:relative}.page2-process-border{background-color:#333;width:4px;position:absolute;top:0;bottom:0;left:0}.page2-process-content{padding:16px 0}.page2-process-text{color:#333;margin-bottom:12px;font-size:15px;line-height:1.8}.page2-process-subtitle{color:#666;text-align:right;font-size:13px;font-style:italic}.page2-example-title{color:#333;margin:32px 0 20px;font-size:17px}.page2-steps-list{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.page2-step{color:#333;border-bottom:1px solid #eee;padding:8px 0;font-size:15px;line-height:1.6;transition:all .2s}.dragging{opacity:.5;background-color:#007aff0d;border-radius:8px;box-shadow:0 4px 12px #00000026}.poster-icon-section,.page2-step,.modern-feature-card,.elegant-feature,.tech-panel,.minimal-section,.colorful-card{transition:all .2s;position:relative}.poster-icon-section:hover,.page2-step:hover,.modern-feature-card:hover,.elegant-feature:hover,.tech-panel:hover,.minimal-section:hover,.colorful-card:hover{background-color:#007aff05}.poster-icon-section:before,.page2-step:before,.modern-feature-card:before,.elegant-feature:before,.tech-panel:before,.minimal-section:before,.colorful-card:before{content:"⋮⋮";color:#0003;opacity:0;pointer-events:none;font-size:16px;transition:opacity .2s;position:absolute;top:50%;left:-16px;transform:translateY(-50%)}.poster-icon-section:hover:before,.page2-step:hover:before,.modern-feature-card:hover:before,.elegant-feature:hover:before,.tech-panel:hover:before,.minimal-section:hover:before,.colorful-card:hover:before{opacity:1}.page3-description-box{border-left:4px solid #333;margin:24px 0;padding-left:20px}.page3-tree-structure{margin-top:32px}.page3-tree-item{margin-bottom:24px}.page3-tree-level1{color:#333;margin-bottom:12px;padding:8px 0;font-size:16px;font-weight:600}.page3-tree-level2{color:#444;margin-bottom:8px;margin-left:24px;padding:6px 0;font-size:15px}.page3-tree-level3{color:#666;white-space:pre-line;margin-left:48px;padding:4px 0;font-size:14px;line-height:1.8}.page4-points-box{border-left:4px solid #333;margin:32px 0;padding-left:20px}.page4-point{color:#333;margin-bottom:12px;padding:4px 0;font-size:15px}.page4-point:before{content:"•";color:#666;margin-right:8px}.page4-examples{flex-direction:column;gap:8px;margin-top:32px;display:flex}.page4-example-item{color:#555;padding:8px 0;font-size:14px;line-height:1.6}.page5-scenarios{flex-direction:column;gap:24px;margin-top:32px;display:flex}.page5-scenario{border-bottom:1px solid #eee;padding:16px 0;transition:all .2s}.page5-scenario:last-child{border-bottom:none}.page5-scenario-number{color:#333;border:2px solid #333;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-right:12px;font-size:14px;font-weight:600;display:inline-flex}.page5-scenario-header{align-items:flex-start;margin-bottom:8px;display:flex}.page5-scenario-title{color:#333;flex:1;font-size:16px;font-weight:600}.page5-scenario-content{color:#666;margin-left:40px;font-size:14px;line-height:1.6}@media (width <= 768px){.poster-container{padding:32px 24px}.poster-main-header h1{letter-spacing:1px;font-size:32px}.poster-subtitle{font-size:16px}.poster-icon-section h2{font-size:20px}}.home-page{min-height:100vh;position:relative;overflow-x:hidden}.home-bg-animated{z-index:0;position:fixed;inset:0;overflow:hidden}.home-bg-gradient{background:linear-gradient(135deg,#f8fafc,#e0f2fe,#dbeafe,#e0e7ff,#f3e8ff);animation:20s infinite gradientShift;position:absolute;inset:0}@keyframes gradientShift{0%,to{opacity:1}50%{opacity:.8}}.home-bg-grid{background-image:linear-gradient(#3b82f608 1px,#0000 1px),linear-gradient(90deg,#3b82f608 1px,#0000 1px);background-size:40px 40px;animation:30s linear infinite gridMove;position:absolute;inset:0}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(40px,40px)}}.floating-shapes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.floating-shape{filter:blur(60px);opacity:.4;border-radius:50%;position:absolute}.floating-shape-1{background:linear-gradient(135deg,#667eea,#764ba2);width:400px;height:400px;animation:20s ease-in-out infinite float1;top:10%;left:-10%}.floating-shape-2{background:linear-gradient(135deg,#f093fb,#f5576c);width:300px;height:300px;animation:25s ease-in-out infinite float2;top:50%;right:-5%}.floating-shape-3{background:linear-gradient(135deg,#4facfe,#00f2fe);width:250px;height:250px;animation:18s ease-in-out infinite float3;bottom:20%;left:20%}.floating-shape-4{background:linear-gradient(135deg,#a8edea,#fed6e3);width:350px;height:350px;animation:22s ease-in-out infinite float4;top:30%;right:30%}.floating-shape-5{background:linear-gradient(135deg,#ffecd2,#fcb69f);width:200px;height:200px;animation:28s ease-in-out infinite float5;bottom:10%;right:10%}@keyframes float1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(100px,-50px)scale(1.1)}66%{transform:translate(-50px,100px)scale(.9)}}@keyframes float2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-80px,60px)scale(1.2)}66%{transform:translate(60px,-80px)scale(.8)}}@keyframes float3{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-60px,-100px)scale(1.15)}66%{transform:translate(100px,60px)scale(.85)}}@keyframes float4{0%,to{transform:translate(0)scale(1)}33%{transform:translate(80px,80px)scale(.9)}66%{transform:translate(-80px,-60px)scale(1.1)}}@keyframes float5{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-100px,-80px)scale(1.3)}66%{transform:translate(80px,100px)scale(.7)}}.home-header{z-index:40;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);padding:var(--space-3) 0;background:#ffffffb3;border-bottom:1px solid #0000000d;transition:all .3s;position:sticky;top:0}.home-header-content{max-width:1280px;padding:0 var(--space-4);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.home-logo-section{align-items:center;gap:var(--space-3);display:flex}.home-logo{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);justify-content:center;align-items:center;width:48px;height:48px;animation:3s ease-in-out infinite logoFloat;display:flex;box-shadow:0 4px 12px #667eea4d}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.home-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;background-clip:text;margin:0;font-size:24px;font-weight:700;line-height:1.2}.home-subtitle{color:var(--text-tertiary);margin:0;font-size:13px;font-weight:500}.home-stats{gap:var(--space-3);display:flex}.home-stat-item{color:#667eea;background:#667eea14;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.home-hero{z-index:1;padding:var(--space-8) 0 var(--space-6);position:relative}.home-hero-grid{gap:var(--space-8);grid-template-columns:1fr 1fr;align-items:center;display:grid}.home-hero-content{max-width:600px}.home-hero-visual{justify-content:center;align-items:center;height:500px;display:flex;position:relative}.hero-visual-card{border-radius:24px;width:280px;height:400px;transition:transform .6s cubic-bezier(.4,0,.2,1);position:absolute;overflow:hidden;box-shadow:0 20px 60px #00000026}.hero-visual-card-1{z-index:2;animation:6s ease-in-out infinite floatCard1;transform:rotate(-8deg)translate(-40px)}.hero-visual-card-2{z-index:1;animation:6s ease-in-out infinite floatCard2;transform:rotate(8deg)translate(40px)}@keyframes floatCard1{0%,to{transform:rotate(-8deg)translate(-40px)translateY(0)}50%{transform:rotate(-8deg)translate(-40px)translateY(-20px)}}@keyframes floatCard2{0%,to{transform:rotate(8deg)translate(40px)translateY(0)}50%{transform:rotate(8deg)translate(40px)translateY(20px)}}.home-hero-visual:hover .hero-visual-card-1{transform:rotate(-4deg)translate(-60px)scale(1.05)}.home-hero-visual:hover .hero-visual-card-2{transform:rotate(4deg)translate(60px)scale(1.05)}.hero-visual-img{object-fit:cover;width:100%;height:100%}.hero-visual-glow{filter:blur(60px);z-index:0;background:radial-gradient(circle,#667eea33,#0000 70%);animation:4s ease-in-out infinite glowPulse;position:absolute;inset:-50%}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:1}}.home-badge{color:#667eea;margin-bottom:var(--space-4);background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;animation:2s ease-in-out infinite badgePulse;display:inline-flex}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.home-hero-title{letter-spacing:-.03em;color:var(--text-primary);margin:0 0 var(--space-3) 0;font-size:clamp(40px,6vw,64px);font-weight:800;line-height:1.1}.home-hero-title-highlight{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-text-fill-color:transparent;background-clip:text;animation:3s ease-in-out infinite titleShine;display:block}@keyframes titleShine{0%,to{opacity:1}50%{opacity:.8}}.home-hero-text{color:var(--text-secondary);margin:0 0 var(--space-5) 0;max-width:640px;margin-left:auto;margin-right:auto;font-size:18px;line-height:1.7}.home-feature-pills{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.home-pill{color:var(--text-secondary);background:#fff;border:1px solid #00000014;border-radius:24px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.home-pill:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.home-pill-icon{font-size:18px}.home-main{z-index:1;padding:var(--space-6) 0 var(--space-8);position:relative}.home-container{max-width:1280px;padding:0 var(--space-4);margin:0 auto}.home-section-header{text-align:center;margin-bottom:var(--space-6)}.home-section-title{color:var(--text-primary);margin:0 0 var(--space-2) 0;font-size:32px;font-weight:700}.home-section-subtitle{color:var(--text-secondary);margin:0;font-size:16px}.templates-grid-new{gap:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.template-card-new{cursor:pointer;background:#fff;border:1px solid #0000000f;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.6s ease-out backwards cardFadeIn;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.template-card-new:before{content:"";background:linear-gradient(135deg,transparent,var(--accent-color, #3b82f6),transparent);-webkit-mask-composite:xor;opacity:0;border-radius:20px;padding:2px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.template-card-new:hover{border-color:#0000001a;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #0000001f}.template-card-new:hover:before{opacity:1}.template-card-new:active{transform:translateY(-4px)scale(1.01)}.template-card-new:focus{outline:none;box-shadow:0 0 0 4px #3b82f61a,0 20px 40px #0000001f}.template-card-popular{border-width:2px;border-color:#fbbf244d}.template-card-popular:after{content:"";-webkit-mask-composite:xor;opacity:.5;pointer-events:none;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;padding:2px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.template-popular-badge{z-index:10;color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:16px;align-items:center;gap:4px;padding:6px 14px;font-size:12px;font-weight:700;animation:2s ease-in-out infinite popularBadgePulse;display:flex;position:absolute;top:-12px;right:20px;box-shadow:0 4px 12px #fbbf2466}@keyframes popularBadgePulse{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-2px)scale(1.05)}}.template-card-glow{background:radial-gradient(circle at 50% 0%,var(--accent-color, #3b82f6),transparent 50%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.template-card-new:hover .template-card-glow{opacity:.1}.template-thumbnail-new{aspect-ratio:16 / 9;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.template-thumbnail-content{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.template-preview-img{object-fit:cover;filter:brightness(.9);width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1)}.template-card-new:hover .template-preview-img{filter:brightness();transform:scale(1.1)}.template-emoji-overlay{pointer-events:none;background:linear-gradient(#0000,#0000004d);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.template-emoji-new{filter:drop-shadow(0 4px 8px #0000004d);font-size:72px;line-height:1;transition:all .4s cubic-bezier(.4,0,.2,1)}.template-card-new:hover .template-emoji-new{transform:scale(1.15)rotate(5deg)}.template-overlay-new{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:linear-gradient(135deg,#000000b3,#00000080);justify-content:center;align-items:center;gap:8px;transition:opacity .3s;display:flex;position:absolute;inset:0}.template-overlay-visible{opacity:1}.overlay-text-new{color:#fff;letter-spacing:.5px;font-size:16px;font-weight:600}.overlay-arrow{color:#fff;transition:transform .3s}.template-card-new:hover .overlay-arrow{transform:translate(4px)}.template-category-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--accent-color, #3b82f6);z-index:2;background:#fffffff2;border-radius:16px;padding:6px 14px;font-size:12px;font-weight:600;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #0000001a}.template-info-new{padding:var(--space-4)}.template-header-new{margin-bottom:var(--space-2)}.template-name-new{color:var(--text-primary);margin:0 0 var(--space-1) 0;font-size:22px;font-weight:700;line-height:1.3}.template-description-new{color:var(--text-secondary);margin:0 0 var(--space-3) 0;font-size:14px;line-height:1.6}.template-features{margin-bottom:var(--space-3);flex-wrap:wrap;gap:8px;display:flex}.template-feature-tag{color:var(--accent-color, #3b82f6);background:#3b82f614;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.template-action-hint{color:var(--text-tertiary);opacity:0;align-items:center;gap:6px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.template-card-new:hover .template-action-hint{opacity:1;transform:translate(4px)}.home-footer-new{z-index:1;padding:var(--space-8) 0 var(--space-4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#0000,#fffc);position:relative}.home-footer-content{padding-bottom:var(--space-4);margin-bottom:var(--space-3);border-bottom:1px solid #0000000f;justify-content:space-between;align-items:flex-start;display:flex}.home-footer-info{flex:1}.home-footer-logo{color:var(--text-primary);margin-bottom:var(--space-1);align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.home-footer-logo svg{color:#667eea}.home-footer-desc{color:var(--text-secondary);margin:0;font-size:14px}.home-footer-features{gap:var(--space-4);display:flex}.home-footer-feature{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.home-footer-bottom{text-align:center}.home-footer-bottom p{color:var(--text-tertiary);margin:0;font-size:13px}.back-button{align-items:center;gap:var(--space-1);border:1px solid var(--border-standard);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;padding:10px 20px;font-size:15px;font-weight:500;transition:background-color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.back-button:hover{background:var(--bg-secondary);border-color:var(--border-standard);box-shadow:var(--shadow-md)}.back-button:active{transform:scale(.98)}.back-button:focus{box-shadow:var(--focus-ring),var(--shadow-md);outline:none}@media (width <= 1024px){.templates-grid-new{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.home-hero-grid{gap:var(--space-6);grid-template-columns:1fr}.home-hero-content{text-align:center;max-width:100%}.home-hero-visual{height:400px}.hero-visual-card{width:220px;height:320px}}@media (width <= 768px){.home-header-content{padding:0 var(--space-3);gap:var(--space-2);flex-direction:column;align-items:flex-start}.home-stats{justify-content:space-between;align-self:stretch}.home-container{padding:0 var(--space-3)}.home-hero{padding:var(--space-6) 0 var(--space-4)}.home-hero-visual{height:300px}.hero-visual-card{width:180px;height:260px}.home-hero-title{font-size:36px}.home-hero-text{font-size:16px}.home-feature-pills{gap:var(--space-1);justify-content:center}.home-pill{padding:10px 16px;font-size:13px}.templates-grid-new{gap:var(--space-4);grid-template-columns:1fr}.template-emoji-new{font-size:56px}.home-footer-content{gap:var(--space-4);flex-direction:column}.home-footer-features{gap:var(--space-2);flex-wrap:wrap}.back-button{padding:8px 16px;font-size:14px}.back-button span:last-child{display:none}}@media (width <= 640px){.hig-button span{display:none}.hig-button{padding:10px 12px}.home-title{font-size:20px}.home-logo{width:40px;height:40px}.home-badge{padding:6px 12px;font-size:12px}.home-section-title{font-size:24px}.template-card-new{border-radius:16px}}.poster-modern{background:linear-gradient(#f0f9ff,#fff)}.modern-hero{margin-bottom:32px;padding:48px 0 32px;position:relative;overflow:hidden}.modern-hero-bg{opacity:.1;background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:16px;height:100%;position:absolute;top:0;left:0;right:0}.modern-hero-content{z-index:1;position:relative}.modern-hero h1{color:#1e40af;letter-spacing:-.02em;margin-bottom:12px;font-size:48px;font-weight:700}.modern-subtitle{color:#3b82f6;font-size:18px;line-height:1.6}.modern-quote-card{background:#fff;border:2px solid #dbeafe;border-radius:20px;margin-bottom:32px;padding:32px;box-shadow:0 4px 20px #3b82f61a}.modern-quote-icon{margin-bottom:16px;font-size:32px}.modern-quote-text{color:#334155;margin-bottom:16px;font-size:17px;line-height:1.8}.modern-quote-source{color:#64748b;font-size:14px;font-style:italic}.modern-cards-grid{gap:16px;display:grid}.modern-feature-card{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .2s}.modern-feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.modern-feature-card--focused{background:#f0f9ff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modern-card-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:24px;display:inline-flex}.modern-card-icon--blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.modern-card-icon--cyan{background:linear-gradient(135deg,#cffafe,#a5f3fc)}.modern-card-icon--indigo{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.modern-feature-card h3{color:#1e293b;margin-bottom:8px;font-size:20px;font-weight:600}.modern-feature-card p{color:#64748b;font-size:15px;line-height:1.6}.poster-elegant{background:linear-gradient(#faf5ff,#fff);position:relative}.elegant-border-top,.elegant-border-bottom{background:linear-gradient(90deg,#a855f7,#ec4899);height:4px;margin:0 -32px 48px}.elegant-border-bottom{margin:48px -32px 0}.elegant-header{text-align:center;margin-bottom:48px}.elegant-ornament{color:#a855f7;margin-bottom:24px;font-size:24px;display:block}.elegant-ornament--bottom{margin-top:24px;margin-bottom:0}.elegant-header h1{color:#6b21a8;letter-spacing:2px;margin-bottom:20px;font-size:44px;font-weight:600}.elegant-divider{background:linear-gradient(90deg,#0000,#a855f7,#0000);width:60px;height:2px;margin:20px auto}.elegant-subtitle{color:#9333ea;font-size:17px;font-style:italic;line-height:1.6}.elegant-quote{background:#faf5ff80;border-left:3px solid #c084fc;margin-bottom:48px;padding:32px 40px;position:relative}.elegant-quote-mark{color:#e9d5ff;font-family:Georgia,serif;font-size:64px;line-height:1;position:absolute;top:-10px;left:20px}.elegant-quote-text{color:#4c1d95;margin-bottom:16px;font-size:16px;font-style:italic;line-height:1.8}.elegant-quote-source{color:#7c3aed;text-align:right;font-size:14px}.elegant-spacer{height:32px}.elegant-feature{cursor:pointer;border-radius:8px;gap:20px;margin-bottom:32px;padding:20px;transition:background-color .2s;display:flex}.elegant-feature:hover{background:#faf5ff80}.elegant-feature--focused{background:#e9d5ff4d}.elegant-feature-number{color:#7c3aed;border:2px solid #c084fc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:600;display:flex}.elegant-feature-content h3{color:#6b21a8;margin-bottom:8px;font-size:20px;font-weight:600}.elegant-feature-content p{color:#7c3aed;font-size:15px;line-height:1.7}.poster-tech{color:#e2e8f0;background:linear-gradient(135deg,#0f172a,#1e293b);position:relative}.tech-grid-bg{pointer-events:none;background-image:linear-gradient(#3b82f61a 1px,#0000 1px),linear-gradient(90deg,#3b82f61a 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.tech-header{z-index:1;margin-bottom:40px;padding-top:8px;position:relative}.tech-badge{letter-spacing:2px;color:#60a5fa;background:#3b82f633;border:1px solid #3b82f6;border-radius:4px;margin-bottom:20px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-block}.tech-header h1{color:#f1f5f9;letter-spacing:-.02em;text-transform:uppercase;text-shadow:0 0 20px #3b82f64d;margin-bottom:12px;font-size:46px;font-weight:700}.tech-line{background:linear-gradient(90deg,#3b82f6,#06b6d4);width:80px;height:3px;margin-bottom:16px;box-shadow:0 0 10px #3b82f680}.tech-subtitle{color:#94a3b8;font-family:Courier New,monospace;font-size:16px;line-height:1.6}.tech-quote-block{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a99;border:1px solid #3b82f64d;border-radius:8px;margin-bottom:40px;padding:24px;position:relative}.tech-quote-border{background:linear-gradient(#3b82f6,#06b6d4);width:4px;height:100%;position:absolute;top:0;left:0;box-shadow:0 0 10px #3b82f680}.tech-quote-content{z-index:1;position:relative}.tech-quote-text{color:#cbd5e1;margin-bottom:12px;font-family:Courier New,monospace;font-size:15px;line-height:1.8}.tech-quote-source{color:#64748b;font-family:Courier New,monospace;font-size:13px}.tech-panels{gap:16px;display:grid}.tech-panel{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;border:1px solid #3b82f633;border-radius:8px;padding:24px;transition:all .2s;position:relative}.tech-panel:hover{background:#1e293bcc;border-color:#3b82f680;transform:translate(4px)}.tech-panel--focused{background:#3b82f61a;border-color:#3b82f6;box-shadow:0 0 20px #3b82f633}.tech-panel-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.tech-panel-icon{font-size:28px}.tech-panel-code{color:#3b82f6;font-family:Courier New,monospace;font-size:14px;font-weight:700}.tech-panel h3{color:#f1f5f9;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:20px;font-weight:600}.tech-panel p{color:#94a3b8;margin-bottom:16px;font-size:14px;line-height:1.7}.tech-panel-line{background:linear-gradient(90deg,#3b82f6,#0000);width:100%;height:2px}.poster-minimal{background:#fff;padding:64px 48px}.minimal-header{margin-bottom:24px}.minimal-header h1{color:#000;letter-spacing:-.04em;font-size:72px;font-weight:300;line-height:.9}.minimal-subtitle{color:#666;font-size:16px;font-weight:300;line-height:1.6}.minimal-spacer{height:48px}.minimal-spacer--large{height:80px}.minimal-quote{border-left:2px solid #000;padding-left:24px}.minimal-quote p{color:#333;font-size:15px;font-weight:300;line-height:1.8}.minimal-section{cursor:pointer;padding:32px 0;transition:background-color .2s}.minimal-section:hover{background:#fafafa}.minimal-section--focused{background:#f5f5f5}.minimal-section h3{color:#000;letter-spacing:-.01em;margin-bottom:12px;font-size:24px;font-weight:500}.minimal-section p{color:#666;font-size:15px;font-weight:300;line-height:1.8}.minimal-divider{background:#e0e0e0;width:100%;height:1px}.poster-colorful{background:linear-gradient(135deg,#fff5f5,#fffbeb,#f0fdf4);overflow:hidden}.colorful-header{text-align:center;margin-bottom:32px;padding-top:16px;position:relative}.colorful-shapes{justify-content:center;gap:12px;margin-bottom:24px;display:flex}.colorful-shape{width:32px;height:32px}.colorful-shape--circle{background:linear-gradient(135deg,#f87171,#fb923c);border-radius:50%}.colorful-shape--square{background:linear-gradient(135deg,#60a5fa,#a78bfa);border-radius:8px;transform:rotate(15deg)}.colorful-shape--triangle{border-bottom:32px solid #34d399;border-left:16px solid #0000;border-right:16px solid #0000;width:0;height:0}.colorful-header h1{background:linear-gradient(135deg,#ef4444,#f59e0b,#10b981,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;font-size:48px;font-weight:800}.colorful-wave{background:linear-gradient(90deg,#ef4444,#f59e0b,#10b981);border-radius:2px;width:80px;height:4px;margin:0 auto 16px}.colorful-subtitle{color:#334155;font-size:16px;line-height:1.6}.colorful-quote-bubble{background:#fff;border:3px solid #fbbf24;border-radius:24px;margin-bottom:32px;padding:28px 32px;position:relative;box-shadow:0 8px 32px #00000014}.colorful-bubble-tail{border-top:12px solid #fff;border-left:12px solid #0000;border-right:12px solid #0000;width:0;height:0;position:absolute;bottom:-10px;left:40px}.colorful-quote-text{color:#1e293b;margin-bottom:12px;font-size:16px;line-height:1.8}.colorful-quote-source{color:#64748b;font-size:14px;font-style:italic}.colorful-cards{gap:16px;margin-bottom:32px;display:grid}.colorful-card{cursor:pointer;border:3px solid;border-radius:20px;padding:24px;transition:all .2s;position:relative}.colorful-card--orange{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-color:#fb923c}.colorful-card--green{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#4ade80}.colorful-card--purple{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-color:#a78bfa}.colorful-card:hover{transform:translateY(-4px)rotate(-1deg);box-shadow:0 12px 32px #0000001f}.colorful-card--focused{transform:scale(1.02);box-shadow:0 12px 48px #00000026}.colorful-card-emoji{margin-bottom:12px;font-size:40px;display:block}.colorful-card-badge{background:#fff;border-radius:12px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.colorful-card--orange .colorful-card-badge{color:#ea580c}.colorful-card--green .colorful-card-badge{color:#16a34a}.colorful-card--purple .colorful-card-badge{color:#7c3aed}.colorful-card h3{color:#1e293b;margin-bottom:8px;font-size:22px;font-weight:700}.colorful-card p{color:#475569;font-size:15px;line-height:1.6}.colorful-footer{text-align:center;padding-top:16px}.colorful-dots{gap:8px;display:inline-flex}.colorful-dot{border-radius:50%;width:12px;height:12px}.colorful-dot--red{background:#ef4444}.colorful-dot--yellow{background:#f59e0b}.colorful-dot--blue{background:#3b82f6}.colorful-dot--green{background:#10b981}.colorful-dot--purple{background:#8b5cf6}@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-border-style{syntax: "*"; inherits: false; initial-value: solid;}@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-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-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@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}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}