*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e7e5e4}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Geist,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#a9a29d}input::placeholder,textarea::placeholder{opacity:1;color:#a9a29d}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;box-shadow:none;text-shadow:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.bottom-4{bottom:1rem}.left-1\/2{left:50%}.left-3{left:.75rem}.right-2{right:.5rem}.right-3{right:.75rem}.top-1\/2{top:50%}.top-2{top:.5rem}.z-10{z-index:10}.z-50{z-index:50}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.mr-1{margin-right:.25rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.aspect-video{aspect-ratio:16 / 9}.h-20{height:5rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-auto{height:auto}.h-screen{height:100vh}.min-h-0{min-height:0px}.min-h-full{min-height:100%}.w-1\/2{width:50%}.w-3{width:.75rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-\[400px\]{width:400px}.max-w-\[800px\]{max-width:800px}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.resize-none{resize:none}.items-start{align-items:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-none{border-style:none}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(231 229 228 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(215 211 208 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-yellow-500{--tw-border-opacity: 1;border-color:rgb(234 179 8 / var(--tw-border-opacity, 1))}.border-t-blue-500{--tw-border-opacity: 1;border-top-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(245 244 244 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(231 229 228 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(250 250 249 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(28 25 23 / var(--tw-bg-opacity, 1))}.bg-gray-900\/80{background-color:#1c1917cc}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/50{background-color:#ffffff80}.bg-opacity-10{--tw-bg-opacity: .1}.bg-cover{background-size:cover}.bg-center{background-position:center}.bg-no-repeat{background-repeat:no-repeat}.object-contain{-o-object-fit:contain;object-fit:contain}.p-0{padding:0}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.\!px-8{padding-left:2rem!important;padding-right:2rem!important}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-5{padding-bottom:1.25rem}.pl-10{padding-left:2.5rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.lowercase{text-transform:lowercase}.tracking-\[0\.5em\]{letter-spacing:.5em}.text-gray-400{--tw-text-opacity: 1;color:rgb(169 162 157 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(121 113 107 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(87 83 78 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(68 64 60 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(28 25 23 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-primary-600{--tw-text-opacity: 1;color:rgb(63 94 118 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-500{transition-duration:.5s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@font-face{font-family:Geist;src:url(/fonts/Geist-Variable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}html{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;text-rendering:optimizeLegibility}body{font-family:Geist,system-ui,sans-serif;font-weight:400;background-color:var(--color-gray-100)}:root{--brand-25: #F5F7F8;--brand-50: #F0F2F4;--brand-100: #D9DFE4;--brand-200: #C5CFD6;--brand-300: #8C9EAD;--brand-400: #A25370;--brand-500: #993D5F;--brand-600: rgb(64, 97, 66);--brand-700: rgb(57, 86, 59);--brand-800: #361C25;--brand-900: #361C25;--color-primary: var(--brand-600);--color-primary-hover: var(--brand-700);--color-primary-light: var(--brand-50);--color-success: #10b981;--color-success-hover: #059669;--color-success-light: #ecfdf5;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-danger-light: #fef2f2;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-warning-light: #fffbeb;--color-white: #ffffff;--color-gray-50: #FAFAF9;--color-gray-100: #f5f4f4;--color-gray-200: #E7E5E4;--color-gray-300: #D7D3D0;--color-gray-400: #A9A29D;--color-gray-500: #79716B;--color-gray-600: #57534E;--color-gray-700: #44403C;--color-gray-800: #292524;--color-gray-900: #1C1917;--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-600);--text-muted: var(--color-gray-500);--text-light: var(--color-gray-400);--bg-primary: var(--color-white);--bg-secondary: var(--color-gray-100);--bg-muted: var(--color-gray-100);--border-primary: var(--color-gray-200);--border-secondary: var(--color-gray-300);--border-focus: var(--color-primary);--border-default: 1px solid var(--border-primary);--border-secondary-style: 1px solid var(--border-secondary);--border-thick: 2px solid var(--border-primary);--border-dashed: 1px dashed var(--border-primary);--border-focus-style: 2px solid var(--border-focus);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .125rem;--radius-base: .25rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--header-height: 68px}.font-light{font-weight:300}.font-regular{font-weight:400}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.container{max-width:1000px;margin:0 auto;padding:0 var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.m-0{margin:0}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-light{color:var(--text-light)}.text-white{color:var(--color-white)}.text-center{text-align:center}.text-right{text-align:right}.bg-white{background-color:var(--bg-primary)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-danger{background-color:var(--color-danger)}.text-brand{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.border{border:var(--border-default)}.border-2{border:var(--border-thick)}.border-secondary{border:var(--border-secondary-style)}.border-dashed{border:var(--border-dashed)}.border-focus{border:var(--border-focus-style)}.border-primary{border-color:var(--color-primary)}.border-success{border-color:var(--color-success)}.border-danger{border-color:var(--color-danger)}.border-t{border-top:var(--border-default)}.border-r{border-right:var(--border-default)}.border-b{border-bottom:var(--border-default)}.border-l{border-left:var(--border-default)}.border-t-secondary{border-top:var(--border-secondary-style)}.border-r-secondary{border-right:var(--border-secondary-style)}.border-b-secondary{border-bottom:var(--border-secondary-style)}.border-l-secondary{border-left:var(--border-secondary-style)}.border-t-thick{border-top:var(--border-thick)}.border-r-thick{border-right:var(--border-thick)}.border-b-thick{border-bottom:var(--border-thick)}.border-l-thick{border-left:var(--border-thick)}.border-t-dashed{border-top:var(--border-dashed)}.border-r-dashed{border-right:var(--border-dashed)}.border-b-dashed{border-bottom:var(--border-dashed)}.border-l-dashed{border-left:var(--border-dashed)}.border-t-0{border-top:none}.border-r-0{border-right:none}.border-b-0{border-bottom:none}.border-l-0{border-left:none}.rounded{border-radius:var(--radius-base)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.w-full{width:100%}.h-full{height:100%}.cursor-pointer{cursor:pointer}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.spinner{width:40px;height:40px;border:3px solid var(--color-gray-200);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.spinner-sm{width:24px;height:24px;border-width:2px}.spinner-lg{width:56px;height:56px;border-width:4px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in-up{animation:fadeInUp .6s ease-out forwards;opacity:0;transform:translateY(20px)}.fade-in{animation:fadeIn .6s ease-out forwards;opacity:0}.fade-in-delay-1{animation-delay:.1s}.fade-in-delay-2{animation-delay:.2s}.fade-in-delay-3{animation-delay:.3s}.fade-in-delay-4{animation-delay:.4s}.fade-in-delay-5{animation-delay:.5s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}.stagger-children>*{animation:fadeInUp .6s ease-out forwards;opacity:0;transform:translateY(20px)}.stagger-children>*:nth-child(1){animation-delay:.1s}.stagger-children>*:nth-child(2){animation-delay:.2s}.stagger-children>*:nth-child(3){animation-delay:.3s}.stagger-children>*:nth-child(4){animation-delay:.4s}.stagger-children>*:nth-child(5){animation-delay:.5s}.stagger-children>*:nth-child(6){animation-delay:.6s}.stagger-children>*:nth-child(7){animation-delay:.7s}.stagger-children>*:nth-child(8){animation-delay:.8s}.stagger-children>*:nth-child(9){animation-delay:.9s}.stagger-children>*:nth-child(10){animation-delay:1s}.stagger-children>*:nth-child(11){animation-delay:1.1s}.stagger-children>*:nth-child(12){animation-delay:1.2s}.hover-lift:hover{transform:translateY(-1px)}.hover-scale:hover{transform:scale(1.05)}main{background-color:var(--color-gray-100)}p{line-height:1.2;font-weight:var(--font-normal);letter-spacing:-.01em}div{letter-spacing:0em}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-3);height:40px;border:1px solid transparent;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-base);text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;box-shadow:none;text-shadow:none;outline:none}.btn-xs{height:24px;padding-left:var(--space-2);padding-right:var(--space-2);font-size:var(--text-xs)}.btn-sm{height:32px;padding-left:var(--space-3);padding-right:var(--space-3)}.btn-lg{font-size:var(--text-base);height:44px;padding-left:var(--space-4);padding-right:var(--space-4)}.btn-primary{background:var(--color-primary);background-image:none;box-shadow:none;color:var(--color-white);border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover);background-image:none;box-shadow:none}.btn-secondary{background-color:var(--color-primary-light);color:var(--brand-700)}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-white)}.btn-tertiary{background-color:#fff;color:var(--color-gray-600);border-color:var(--color-gray-300)}.btn-tertiary:hover{background-color:var(--color-gray-50);color:var(--color-gray-900);border-color:var(--color-gray-400)}.btn-success{background-color:var(--color-success);color:var(--color-white)}.btn-success:hover{background-color:var(--color-success-hover)}.btn-danger{background-color:var(--color-danger);color:var(--color-white)}.btn-danger:hover{background-color:var(--color-danger-hover)}.text-link{display:inline-flex;align-items:center;text-decoration:none;transition:var(--transition-base);cursor:pointer;border:none;background:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg)}.text-link-primary{color:var(--color-primary)}.text-link-primary:hover{color:var(--color-primary-hover);background-color:var(--color-primary-light)}.text-link-secondary{color:var(--color-gray-600)}.text-link-secondary:hover{color:var(--color-gray-900);background-color:var(--color-gray-100)}.text-sm{font-size:14px}.font-semibold{font-weight:600}.btn:disabled{opacity:.6;cursor:not-allowed}.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-lg);font-size:var(--text-base);transition:var(--transition-base);box-sizing:border-box}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #667eea1a}.radio-group{display:flex;gap:var(--space-4);flex-wrap:wrap}.radio-option{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-2) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:var(--transition-base);background:var(--bg-primary);min-width:100px;justify-content:center}.radio-option:hover{border-color:var(--border-secondary);background-color:var(--color-gray-50)}.radio-option:has(.radio-input:checked){border-color:var(--color-primary);background-color:#667eea0d;color:var(--color-primary)}.radio-input{margin:0;accent-color:var(--color-primary)}.radio-label{font-size:var(--text-sm);font-weight:var(--font-medium);-webkit-user-select:none;-moz-user-select:none;user-select:none}.design-phase-question .radio-group{gap:var(--space-2);flex-wrap:nowrap}.design-phase-question .radio-group .radio-option{display:flex;flex-direction:column;gap:0;width:100%;padding:var(--space-4) var(--space-6)}.design-phase-question .radio-group .radio-label{font-size:var(--text-base)}.image-upload{display:flex;width:100%;height:327px}.file-input{display:none}.upload-area{border:2px dashed var(--color-gray-300);border-radius:var(--radius-xl);text-align:center;cursor:pointer;transition:var(--transition-base);background:var(--bg-primary);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:1}.upload-area:hover,.upload-area.drag-active{border:1px solid var(--border-focus);background-color:var(--color-primary-light)}.preview-container{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-gray-100);aspect-ratio:4/3;border:1px solid var(--border-primary);flex-shrink:0}.preview-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transform:scale(.7);transition:var(--transition-base)}.preview-image:hover{transform:scale(.75)}.preview-image.thumbnail-contain{-o-object-fit:contain!important;object-fit:contain!important;transform:scale(1)!important}.preview-image.thumbnail-contain:hover{transform:scale(1.05)!important}.thumbnail-container-fixed{height:200px;padding:0 48px;display:flex;align-items:center;justify-content:center;overflow:visible;position:relative}.thumbnail-fixed{max-width:100%;max-height:none;height:auto;width:100%;transition:var(--transition-base)}.thumbnail-fixed:hover{transform:scale(1.05)}.upload-error{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:#dc35451a;color:var(--color-danger);border:1px solid rgba(220,53,69,.3);border-radius:var(--radius-lg);font-size:var(--text-sm)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.card{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6);transition:var(--transition-base)}.card:hover{transform:translateY(-1px)}.post-card{background:var(--bg-primary);border-radius:var(--radius-3xl);padding:var(--space-2);transition:var(--transition-base);cursor:pointer}.header-main{position:sticky;top:0;z-index:100;transition:padding var(--transition-base)}.header-content{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-6);background-color:var(--color-gray-100);transition:padding var(--transition-base);border-bottom:1px solid var(--border-primary)}.header-main.scrolled .header-content{padding-top:var(--space-2);padding-bottom:var(--space-2)}.gallery-filters{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.filter-dropdown{position:relative;font-weight:var(--font-medium)}.filter-trigger{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);cursor:pointer;transition:var(--transition-base);color:var(--text-secondary);font-size:var(--text-sm);min-width:140px;justify-content:space-between}.filter-trigger:hover{background-color:var(--color-gray-50);border-color:var(--border-secondary);color:var(--text-primary)}.filter-trigger.active{border-color:var(--color-primary);color:var(--color-primary);background-color:#667eea0d}.filter-dropdown-menu{position:absolute;top:100%;left:0;margin-top:var(--space-2);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:100%;z-index:15;overflow:hidden;max-height:300px;overflow-y:auto}.filter-option{display:block;width:100%;padding:var(--space-3);border:none;background:none;text-align:left;cursor:pointer;transition:var(--transition-base);color:var(--text-secondary);font-size:var(--text-sm);border-bottom:1px solid var(--border-light)}.filter-option:last-child{border-bottom:none}.filter-option:hover{background-color:var(--color-gray-50);color:var(--text-primary)}.filter-option.selected{background-color:#667eea1a;color:var(--color-primary);font-weight:var(--font-medium)}.search-filter{position:relative}.search-input{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);transition:var(--transition-base);min-width:200px;width:100%}.search-input:focus{outline:none;border-color:var(--color-primary);color:var(--text-primary);box-shadow:0 0 0 3px #667eea1a}.search-input::-moz-placeholder{color:var(--text-muted)}.search-input::placeholder{color:var(--text-muted)}.filter-icon{width:16px;height:16px;transition:var(--transition-base)}.filter-trigger .filter-icon{transform:rotate(0)}.filter-trigger.active .filter-icon{transform:rotate(180deg)}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:var(--space-2);background:none;border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:0 var(--space-3);height:32px;cursor:pointer;transition:var(--transition-base);color:var(--text-secondary)}.user-menu-trigger:hover{background-color:var(--color-gray-50);border-color:var(--border-secondary)}.user-avatar{width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-gray-200);color:var(--color-gray-500);display:flex;align-items:center;justify-content:center;font-weight:var(--font-medium);font-size:var(--text-sm)}.user-name{font-weight:var(--font-medium);font-size:var(--text-sm)}.chevron{transition:var(--transition-base);color:var(--text-muted)}.chevron.open{transform:rotate(180deg)}.user-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10}.user-menu-dropdown{position:absolute;top:100%;right:0;margin-top:var(--space-2);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;z-index:20;overflow:hidden}.user-info{padding:var(--space-4);background-color:var(--color-gray-50)}.user-email{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--font-medium)}.menu-divider{height:1px;background-color:var(--border-primary)}.menu-item{width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;text-align:left;cursor:pointer;transition:var(--transition-base);font-size:var(--text-sm);color:var(--text-secondary)}.menu-item:hover{background-color:var(--color-gray-50)}.menu-item.danger{color:var(--color-danger)}.menu-item.danger:hover{background-color:var(--color-danger-light)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.badge-primary{background:var(--color-gray-200);color:var(--color-gray-500)}.badge-success{background-color:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success)}.badge-danger{background-color:var(--color-danger-light);color:var(--color-danger);border:1px solid var(--color-danger)}.message{padding:var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);margin-bottom:var(--space-4)}.message-success{background-color:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success)}.message-error{background-color:var(--color-danger-light);color:var(--color-danger);border:1px solid var(--color-danger)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background-color:var(--bg-primary);border-radius:var(--radius-xl);max-width:500px;width:100%;box-shadow:var(--shadow-xl);position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--border-primary)}.modal-close{background:none;border:none;font-size:var(--text-xl);cursor:pointer;color:var(--text-light);padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:var(--transition-base)}.modal-close:hover{color:var(--text-secondary)}.grid{display:grid}.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-4{grid-template-columns:repeat(4,minmax(0,1fr))}.posts-grid{display:flex;flex-wrap:wrap;gap:var(--space-8)}.posts-grid>*{flex:0 1 calc(25% - (3 * var(--space-8) / 4));min-width:280px}@media (max-width: 768px){.container{padding:0 var(--space-3)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}.text-4xl{font-size:var(--text-3xl)}.text-3xl{font-size:var(--text-2xl)}.header-content{flex-wrap:wrap;gap:var(--space-3)}.user-menu-trigger .user-name{display:none}.user-menu-dropdown{right:0;left:auto;min-width:180px}.gallery-filters{flex-direction:column;align-items:stretch;gap:var(--space-2)}.filter-trigger,.search-input{min-width:auto;width:100%}.filter-dropdown-menu{left:0;right:0;min-width:auto}.radio-group{flex-direction:column;gap:var(--space-2)}.radio-option{min-width:auto}.design-options{flex-direction:column}.design-option{min-height:300px}.posts-grid>*{flex:1 1 100%;min-width:auto}.upload-project-page{padding:var(--space-4)}.upload-form{padding:var(--space-6)}.form-actions{flex-direction:column;gap:var(--space-2)}.form-actions .btn{width:100%}}.upload-project-page{max-width:1000px;margin:0 auto;padding:var(--space-6)}.upload-header{margin-bottom:var(--space-8);text-align:center}.back-btn{background:none;border:1px solid var(--border-primary);color:var(--text-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-sm);transition:var(--transition-base);margin-bottom:var(--space-6);display:inline-flex;align-items:center;gap:var(--space-2)}.back-btn:hover{background-color:var(--color-gray-50);color:var(--text-primary);border-color:var(--border-secondary)}.upload-form{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-sm)}.form-section{margin-bottom:var(--space-8)}.form-section h3{margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-primary)}.design-options{display:flex;gap:var(--space-4)}.design-option{flex:1;display:flex;flex-direction:column}.design-option--empty{gap:0;padding:0;border:none;background:none}.design-option--uploaded{gap:var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-4);background:var(--bg-primary)}.option-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.option-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-base)}.preview-btn{border-color:var(--color-primary);color:var(--color-primary)}.preview-btn:hover{background:#667eea1a}.remove-btn{border-color:var(--color-danger);color:var(--color-danger)}.remove-btn:hover{background:#dc35451a}.option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);gap:var(--space-4)}.option-title{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-lg);font-size:var(--text-base);transition:var(--transition-base)}.option-title:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #667eea1a}.remove-option-btn{background:var(--color-danger);border:none;color:var(--color-white);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);transition:var(--transition-base);width:100%}.remove-option-btn:hover{background-color:color-mix(in srgb,var(--color-danger) 90%,black)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-primary)}@media (max-width: 1024px) and (min-width: 769px){.posts-grid>*{flex:0 1 calc(50% - (var(--space-6) / 2))}}.voting-panel{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200)}.option-selected{background:var(--color-white);border:1px solid var(--brand-600);outline:1px solid var(--brand-600)}.option-selected .votebar{background:var(--brand-200);border:none;outline:none}.option-default{background:var(--color-white);border:1px solid var(--color-gray-200)}.option-default .votebar{background:var(--color-gray-200);border:none}.option-default:hover{background:var(--color-white);border:1px solid var(--brand-300)}.grid-pattern-bg{background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='39.5' y1='0' x2='39.5' y2='80' stroke='%23D7D3D0'/%3E%3Cline x1='79.5' y1='0' x2='79.5' y2='80' stroke='%23D7D3D0' stroke-dasharray='6 6'/%3E%3Cline x1='0' y1='39.5' x2='80' y2='39.5' stroke='%23D7D3D0'/%3E%3Cline x1='0' y1='79.5' x2='80' y2='79.5' stroke='%23D7D3D0' stroke-dasharray='8 8'/%3E%3C/svg%3E");background-repeat:repeat;background-size:80px 80px}.grid-pattern-opacity-10{background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.1'%3E%3Cline x1='39.5' y1='0' x2='39.5' y2='80' stroke='%23D7D3D0'/%3E%3Cline x1='79.5' y1='0' x2='79.5' y2='80' stroke='%23D7D3D0' stroke-dasharray='6 6'/%3E%3Cline x1='0' y1='39.5' x2='80' y2='39.5' stroke='%23D7D3D0'/%3E%3Cline x1='0' y1='79.5' x2='80' y2='79.5' stroke='%23D7D3D0' stroke-dasharray='8 8'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:80px 80px}.grid-pattern-opacity-20{background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.2'%3E%3Cline x1='39.5' y1='0' x2='39.5' y2='80' stroke='%23D7D3D0'/%3E%3Cline x1='79.5' y1='0' x2='79.5' y2='80' stroke='%23D7D3D0' stroke-dasharray='6 6'/%3E%3Cline x1='0' y1='39.5' x2='80' y2='39.5' stroke='%23D7D3D0'/%3E%3Cline x1='0' y1='79.5' x2='80' y2='79.5' stroke='%23D7D3D0' stroke-dasharray='8 8'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:80px 80px}.grid-pattern-opacity-30{background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.3'%3E%3Cline x1='39.5' y1='0' x2='39.5' y2='80' stroke='%23D7D3D0'/%3E%3Cline x1='79.5' y1='0' x2='79.5' y2='80' stroke='%23D7D3D0' stroke-dasharray='6 6'/%3E%3Cline x1='0' y1='39.5' x2='80' y2='39.5' stroke='%23D7D3D0'/%3E%3Cline x1='0' y1='79.5' x2='80' y2='79.5' stroke='%23D7D3D0' stroke-dasharray='8 8'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:80px 80px}.my-posts-page{background:var(--bg-secondary)}.my-posts-container{max-width:1000px;margin:0 auto;padding:0 var(--space-8)}.my-posts-layout{display:flex;position:relative}.my-posts-sidebar{width:350px;position:sticky;top:var(--header-height);height:calc(100vh - var(--header-height));overflow-y:auto;display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:var(--space-6);border-bottom:var(--border-default);background:var(--bg-primary);position:sticky;top:0;z-index:10}.post-list{flex:1;overflow-y:auto}.post-list-item{width:100%;padding:var(--space-6) var(--space-4);border-bottom:1px solid var(--color-gray-200);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;gap:var(--space-3)}.post-list-item:hover{background:var(--color-gray-200);border-radius:var(--radius-xl)}.post-list-item.selected{background:var(--color-gray-200);border-bottom:none;border-radius:var(--radius-xl)}.post-list-item.inactive{opacity:.6}.design-options-stack{position:relative;display:flex;align-items:center;justify-content:center;height:64px;flex-shrink:0}.design-option-card{position:absolute;width:64px;height:64px;border:3px solid var(--color-white);box-shadow:0 4px 12px #0000001a,0 2px 4px #0000001a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;background:var(--color-white)}.design-option-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.post-list-item:hover .design-option-card{transform:rotate(0)!important}.post-list-item.selected .design-option-card{box-shadow:0 6px 16px #3f5e7640,0 3px 6px #3f5e7626}.post-list-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.post-list-title{font-size:var(--text-md);font-weight:var(--font-medium);color:var(--text-primary);margin:0}.status-badge-small{padding:2px 8px;background:var(--color-gray-200);color:var(--text-secondary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.post-list-meta{display:flex;align-items:center;gap:var(--space-2)}.category-badge-small{padding:2px 8px;background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.vote-count-small{font-size:var(--text-xs);color:var(--text-muted)}.post-list-date{font-size:var(--text-xs);color:var(--text-light);margin:0}.my-posts-main{flex:1}.post-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);gap:var(--space-4)}.post-detail-header h1{font-size:var(--text-4xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.post-actions{display:flex;gap:var(--space-2);flex-shrink:0}.phase-badge{padding:4px 12px;background:var(--bg-muted);color:var(--text-secondary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);text-transform:capitalize}.vote-results-section{background:var(--bg-primary);border-radius:var(--radius-3xl);padding:var(--space-8);margin-bottom:var(--space-8)}.vote-results-section h3{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-6) 0}.no-votes-message{padding:var(--space-8);text-align:center;color:var(--text-muted)}.vote-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.vote-result-card{background:var(--bg-secondary);border:var(--border-default);border-radius:var(--radius-xl);overflow:hidden;transition:var(--transition-base)}.vote-result-card.winning{border-color:var(--color-primary);box-shadow:0 0 0 2px #3f5e761a}.vote-result-image{position:relative;aspect-ratio:16 / 9;background:var(--bg-muted);overflow:hidden}.vote-result-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.winner-badge{background:var(--color-primary);color:var(--color-white);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold)}.vote-result-info{padding:var(--space-4)}.vote-result-info h4{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-3) 0}.vote-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.vote-count{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary)}.vote-percentage{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-primary)}.vote-progress-bar{height:8px;background:var(--bg-muted);border-radius:var(--radius-full);overflow:hidden}.vote-progress-fill{height:100%;background:var(--color-primary);transition:width var(--transition-slow)}.edit-form-section{background:var(--bg-primary);border-radius:var(--radius-3xl);padding:var(--space-8)}.edit-form-section h3{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-6) 0}.post-details-view{display:flex;flex-direction:column;gap:var(--space-6)}.detail-row{display:flex;flex-direction:column;gap:var(--space-2)}.detail-row label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.detail-row p{font-size:var(--text-base);color:var(--text-primary);margin:0}.capitalize{text-transform:capitalize}.design-options-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.option-preview{display:flex;flex-direction:column;gap:var(--space-2)}.option-preview img{width:100%;aspect-ratio:16 / 9;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-lg);border:var(--border-default)}.option-preview p{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin:0;text-align:center}.post-details-edit{display:flex;flex-direction:column;gap:var(--space-6)}.my-posts-loading,.my-posts-error,.no-posts,.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:var(--space-8)}.no-posts-icon{font-size:64px;margin-bottom:var(--space-4)}.no-posts h2,.my-posts-error h3{font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-3) 0}.no-posts p,.my-posts-error p{font-size:var(--text-lg);color:var(--text-muted);margin:0}@media (max-width: 1024px){.my-posts-layout{flex-direction:column}.my-posts-sidebar{position:relative;top:0;height:auto;width:100%;border-right:none;border-bottom:var(--border-default)}.my-posts-container{padding:0}.vote-results-grid{grid-template-columns:1fr}}@media (max-width: 768px){.my-posts-main{padding:var(--space-4)}.post-detail-header{flex-direction:column;gap:var(--space-4)}.post-actions{width:100%;flex-direction:column}.post-actions button{width:100%}}.my-votes-page{flex:1;overflow-y:auto;background:var(--bg-secondary)}.my-votes-container{max-width:1000px;margin:0 auto;padding:var(--space-12) var(--space-8)}.my-votes-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8)}.my-votes-header h1{margin:0;font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--text-primary)}.my-votes-header p{margin:0;font-size:var(--text-xl);color:var(--text-muted)}.votes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}.vote-card{background:var(--bg-primary);border:var(--border-default);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column}.vote-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.vote-card-image{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-secondary)}.vote-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.vote-badge{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;align-items:center;gap:var(--space-2);background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-on-primary)}.vote-check{color:var(--success);font-size:var(--text-base)}.vote-card-content{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.vote-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.vote-card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.category-badge-small{display:inline-block;padding:var(--space-1) var(--space-2);background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-sm);white-space:nowrap}.vote-card-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.vote-creator{color:var(--text-secondary)}.vote-separator{color:var(--text-tertiary)}.vote-date{color:var(--text-muted)}.my-votes-loading,.my-votes-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.my-votes-loading h3{font-size:var(--text-xl);font-weight:var(--font-medium);color:var(--text-secondary);margin:0}.my-votes-error{gap:var(--space-4)}.my-votes-error h3{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.my-votes-error p{font-size:var(--text-base);color:var(--text-secondary);margin:0}.no-votes-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:var(--space-8)}.no-votes-icon{font-size:64px;margin-bottom:var(--space-4)}.no-votes-state h2{font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-3) 0}.no-votes-state p{font-size:var(--text-lg);color:var(--text-muted);margin:0 0 var(--space-6) 0}.load-more-trigger{display:flex;justify-content:center;align-items:center;min-height:100px;margin-top:var(--space-6)}.loading-more{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.loading-more p{margin:0;font-size:var(--text-base);color:var(--text-secondary)}@media (max-width: 1024px){.votes-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.my-votes-container{padding:var(--space-8) var(--space-4)}.my-votes-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.votes-grid{grid-template-columns:1fr}.vote-card-header{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.my-votes-container{padding:var(--space-6) var(--space-3)}.my-votes-header h1{font-size:var(--text-2xl)}.my-votes-header p{font-size:var(--text-lg)}}.profile-settings-page{flex:1;overflow-y:auto;background:var(--bg-secondary)}.profile-settings-container{max-width:1000px;margin:0 auto;padding:var(--space-12) var(--space-8)}@media (max-width: 768px){.profile-settings-container{padding:var(--space-8) var(--space-4)}}@media (max-width: 480px){.profile-settings-container{padding:var(--space-6) var(--space-3)}}.hover\:border-gray-100:hover{--tw-border-opacity: 1;border-color:rgb(245 244 244 / var(--tw-border-opacity, 1))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(87 83 78 / var(--tw-text-opacity, 1))}.hover\:text-primary-700:hover{--tw-text-opacity: 1;color:rgb(44 72 94 / var(--tw-text-opacity, 1))}.hover\:shadow-sm:hover{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:border-red-500:focus{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.focus\:border-yellow-500:focus{--tw-border-opacity: 1;border-color:rgb(234 179 8 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.focus\:ring-yellow-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity, 1))}