@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-300:oklch(80.8% .114 19.571);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-900:oklch(39.6% .141 25.723);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-900:oklch(40.8% .123 38.172);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-900:oklch(42.1% .095 57.708);--color-green-300:oklch(87.1% .15 154.449);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-900:oklch(39.3% .095 152.535);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-900:oklch(37.9% .146 265.522);--color-pink-500:oklch(65.6% .241 354.308);--color-rose-400:oklch(71.2% .194 13.428);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-stone-900:oklch(21.6% .006 56.043);--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--radius-sm:.25rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--drop-shadow-sm:0 1px 2px #00000026;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.top-20{top:calc(var(--spacing) * 20)}.isolate{isolation:isolate}.z-40{z-index:40}.z-50{z-index:50}.z-9999{z-index:9999}.z-10000{z-index:10000}.z-\[9999\]{z-index:9999}.z-\[10000\]{z-index:10000}.col-span-2{grid-column:span 2/span 2}.row-1{grid-row:1}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-11{height:calc(var(--spacing) * 11)}.h-px{height:1px}.min-h-\[44px\]{min-height:44px}.w-5{width:calc(var(--spacing) * 5)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-\[44px\]{min-width:44px}.flex-1{flex:1}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.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))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-blue-500{border-color:var(--color-blue-500)}.border-green-500{border-color:var(--color-green-500)}.border-orange-500{border-color:var(--color-orange-500)}.border-red-500{border-color:var(--color-red-500)}.border-yellow-500{border-color:var(--color-yellow-500)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-900\/30{background-color:#1c398e4d}@supports (color:color-mix(in lab,red,red)){.bg-blue-900\/30{background-color:color-mix(in oklab,var(--color-blue-900) 30%,transparent)}}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-600{background-color:var(--color-green-600)}.bg-green-900\/30{background-color:#0d542b4d}@supports (color:color-mix(in lab,red,red)){.bg-green-900\/30{background-color:color-mix(in oklab,var(--color-green-900) 30%,transparent)}}.bg-orange-600{background-color:var(--color-orange-600)}.bg-orange-900\/30{background-color:#7e2a0c4d}@supports (color:color-mix(in lab,red,red)){.bg-orange-900\/30{background-color:color-mix(in oklab,var(--color-orange-900) 30%,transparent)}}.bg-pink-500{background-color:var(--color-pink-500)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-red-900\/30{background-color:#82181a4d}@supports (color:color-mix(in lab,red,red)){.bg-red-900\/30{background-color:color-mix(in oklab,var(--color-red-900) 30%,transparent)}}.bg-stone-900{background-color:var(--color-stone-900)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-yellow-600{background-color:var(--color-yellow-600)}.bg-yellow-900\/30{background-color:#733e0a4d}@supports (color:color-mix(in lab,red,red)){.bg-yellow-900\/30{background-color:color-mix(in oklab,var(--color-yellow-900) 30%,transparent)}}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-36{padding-top:calc(var(--spacing) * 36)}.pb-40{padding-bottom:calc(var(--spacing) * 40)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-all{word-break:break-all}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-green-300{color:var(--color-green-300)}.text-red-300{color:var(--color-red-300)}.text-rose-400{color:var(--color-rose-400)}.text-white{color:var(--color-white)}.text-yellow-300{color:var(--color-yellow-300)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px 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{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + 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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.drop-shadow-sm{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-sm));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,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.group-active\:scale-95:is(:where(.group):active *){--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media(hover:hover){.hover\:bg-blue-500:hover{background-color:var(--color-blue-500)}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}}.focus\:outline:focus{outline-style:var(--tw-outline-style);outline-width:1px}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}}:root{--bg-base:#050505;--bg-surface:#0f0f12;--bg-elevated:#1a1a1f;--bg-overlay:#ffffff0f;--bg-card:#1a1a1f;--bg-input:#0000004d;--bg-secondary:#374151;--bg-tertiary:#27272a;--bg-deep:#0a0a0a;--bg-surface-dark:#0f0f10;--bg-dark:#1f2937;--text-primary:#f4f4f5;--text-secondary:#a8a8b0;--text-tertiary:#8a8a92;--text-disabled:#505058;--text-body:#e0e0e0;--text-heading:#d4d4d8;--text-muted:#9ca3af;--text-faint:#a1a1aa;--text-dim:#8c8580;--text-zinc:#82828c;--text-zinc-light:#d4d4d8;--text-light:#e4e4e7;--text-white:#fff;--text-gray:#999;--accent-primary:#f43f5e;--accent-primary-hover:#e11d48;--status-optimal:#10b981;--status-warning:#f59e0b;--status-danger:#ef4444;--status-info:#3b82f6;--neon-green:#00ff9d;--neon-red:#f05;--neon-blue:#00d9ff;--color-divider-line:var(--color-border,#374151);--color-divider-text:var(--color-text-muted,#9ca3af);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--border-default:#3f3f46;--border-subtle:#27272a;--border-medium:#4b5563;--border-glass:#ffffff12;--border-glass-medium:#ffffff4d;--font-body:"Outfit", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Courier New", monospace;--primal-bg:var(--bg-base);--primal-text:var(--text-body);--primal-text-secondary:#a8a29e;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--surface-texture:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");--background-color:var(--bg-base);--text-color:var(--text-body);--primary-color:var(--neon-green);--secondary-color:var(--neon-blue);--accent-color:var(--neon-red);--border-color:var(--glass-border);--color-text-muted:var(--text-muted);--color-text-secondary:var(--text-muted);--color-text-dim:var(--text-dim);--color-text-faint:var(--text-faint);--color-text-zinc:var(--text-zinc);--color-text-zinc-light:var(--text-zinc-light);--color-text-light:var(--text-light);--color-text-white:var(--text-white);--color-text-gray:var(--text-gray);--color-text-primary:var(--text-primary);--color-heading-dark:var(--text-heading);--color-bg-primary:var(--bg-deep);--color-bg-card:var(--bg-card);--color-bg-tertiary:var(--bg-tertiary);--color-bg-secondary:var(--bg-secondary);--color-bg-dark:var(--bg-dark);--color-bg-surface:#18181b;--color-bg-surface-dark:var(--bg-surface-dark);--color-border:var(--border-default);--color-border-subtle:var(--border-subtle);--color-border-medium:var(--border-medium);--color-border-glass:var(--border-glass);--color-border-glass-medium:var(--border-glass-medium);--color-accent:var(--accent-primary);--color-accent-rose:var(--accent-primary);--accent:var(--accent-primary);--color-danger:var(--status-danger);--color-danger-hover:#dc2626;--color-error:var(--status-danger);--color-error-border:var(--color-danger-ring);--color-surface-elevated:var(--bg-elevated);--color-success:var(--status-optimal);--color-success-hover:#059669;--color-warning:var(--status-warning);--color-warning-light:#fbbf24;--color-accent-red:#dc2626;--color-accent-red-dark:#b91c1c;--color-accent-amber:#fbbf24;--color-accent-amber-dark:#f59e0b;--color-accent-green:#059669;--color-accent-orange:#f97316;--color-accent-purple:#a855f7;--color-accent-yellow:#eab308;--color-accent-hover:#ef4444;--color-accent-transparent:#ef444480;--color-error-light:#f87171;--color-error-bg:#fee2e2;--color-info-rose:#fda4af;--color-disabled-light:#d1d5db;--color-success-green:#34c759;--color-success-green-hover:#30b650;--color-fasting-blue:#38bdf8;--color-success-text:#34d399;--color-success-light:#22c55e;--color-supplement-green:#4caf50;--color-teal:#0d9488;--color-cyan:#0891b2;--color-white:#fff;--color-bg-secondary-transparent:#29252480;--color-amber-bg:#fbbf241a;--color-amber-bg-medium:#f59e0b26;--color-amber-bg-06:#fbbf240f;--color-amber-bg-light:#f59e0b14;--color-amber-bg-soft:#f59e0b1f;--color-amber-border:#fbbf2466;--color-amber-border-light:#f59e0b4d;--color-amber-border-subtle:#fbbf2440;--color-amber-bg-15:#fbbf2426;--color-amber-border-30:#fbbf244d;--color-amber-bg-20:#fbbf2433;--color-warning-bg-subtle:#facc151f;--color-caution:#f59e0b;--color-caution-bg:#f59e0b14;--color-amber-bg-05:#f59e0b0d;--color-amber-bg-10:#f59e0b1a;--color-amber-border-40:#f59e0b66;--color-caution-border:#f59e0b4d;--color-success-text-bg:#34d39914;--color-success-text-border:#34d3994d;--color-success-bg-subtle:#22c55e0f;--color-success-bg-08:#22c55e14;--color-success-bg-medium:#22c55e1a;--color-success-bg-15:#34d39926;--color-success-green-15:#22c55e26;--color-success-green-18:#22c55e2e;--color-success-green-30:#22c55e4d;--color-success-green-35:#22c55e59;--color-success-emerald-bg:#10b9811a;--color-emerald-bg-25:#10b98140;--color-emerald-600-bg-15:#05966926;--color-green-600-bg-06:#16a34a0f;--color-green-600-bg-12:#16a34a1f;--color-green-600-55:#16a34a8c;--color-info-bg-subtle:#3b82f614;--color-info-bg-faint:#3b82f60f;--color-info-bg-faint-04:#3b82f60a;--color-info-bg-medium:#3b82f61a;--color-info-bg-light:#3b82f626;--color-info-border-subtle:#3b82f626;--color-info-border-medium:#3b82f666;--color-info-blue-bg:#3b82f614;--color-info-blue-bg-faint:#3b82f60d;--color-info-blue-link:#3b82f61f;--color-accent-blue-30:#3b82f64d;--color-danger-bg-subtle:#ef44441a;--color-danger-bg-medium:#ef444440;--color-danger-bg-15:#ef444426;--color-danger-border-medium:#ef444466;--color-danger-border-light:#dc26264d;--color-danger-ring:#ef44444d;--color-orange-bg-subtle:#f973161a;--color-orange-border-medium:#f9731666;--color-bristol-type1:#3b82f6;--color-bristol-type2:#92400e;--color-bristol-type3:#78350f;--color-bristol-type4:#22c55e;--color-bristol-type5:#eab308;--color-bristol-type6:#f97316;--color-bristol-type7:#ef4444;--color-overlay-light:#ffffff1a;--color-overlay-light-04:#ffffff0a;--color-overlay-light-05:#ffffff0d;--color-overlay-light-06:var(--bg-overlay);--color-overlay-light-08:#ffffff14;--color-overlay-light-15:#ffffff26;--color-overlay-light-2:#fff3;--color-overlay-light-25:#ffffff40;--color-overlay-light-3:#ffffff4d;--color-overlay-dark:#0000001a;--color-overlay-dark-05:#0000000d;--color-overlay-dark-15:#00000026;--color-overlay-dark-2:#0003;--color-overlay-dark-3:#0000004d;--color-overlay-dark-35:#00000059;--color-overlay-dark-4:#0006;--color-overlay-dark-5:#00000080;--color-overlay-dark-6:#0009;--color-overlay-dark-7:#000000b3;--color-overlay-dark-75:#000000bf;--color-overlay-dark-modal:#000000b3;--color-shadow-heavy:#00000080;--color-accent-red-04:#e639500a;--color-accent-red-05:#e639500d;--color-accent-red-06:#e639500f;--color-accent-red-10:#e639501a;--color-accent-red-12:#e639501f;--color-accent-red-15:#e6395026;--color-accent-red-20:#e6395033;--color-accent-red-25:#e6395040;--color-accent-red-30:#e639504d;--color-accent-red-focus:#dc26261a;--color-rose-bg-05:#f43f5e0d;--color-rose-bg-06:#f43f5e0f;--color-rose-bg-10:#f43f5e1a;--color-rose-28:#f43f5e47;--color-accent-rose-30:#f43f5e4d;--color-rose-35:#f43f5e59;--color-rose-border-40:#f43f5e66;--color-accent-rose-60:#f43f5e99;--color-rose-recommended:#f43f5e1f;--color-rose-recommended-hover:#f43f5e2e;--color-green-selected:#4caf501a;--color-green-servings:#4caf5014;--color-green-selected-15:#4caf5026;--color-purple-bg-15:#a855f726;--color-purple-border-40:#a855f766;--color-info-purple:#a855f7;--color-formula-1:#60a5fa;--color-formula-2:#f472b6;--color-formula-3:#34d399;--color-formula-5:#a78bfa;--color-formula-text:#e0e7ff;--color-yellow-bg-10:#fcd34d1a;--color-accent-amber-bg:#fbbf2414;--color-accent-amber-border:#fbbf2433;--color-text-muted-bg:#9ca3af26;--color-teal-glow:#0d948880;--color-teal-glow-strong:#0d9488b3;--color-teal-glow-intense:#0d9488cc;--color-teal-ring:#0d94881f;--color-teal-ring-medium:#0d948833;--color-teal-spotlight:#0d948899;--color-teal-spotlight-strong:#0d948866;--color-teal-spotlight-dim:#0d948833;--color-neon-green-glow-06:#00ff9d0f;--color-neon-green-glow-15:#00ff9d26;--color-neon-green-glow-2:#00ff9d33;--color-neon-green-glow-3:#00ff9d4d;--color-neon-blue-glow:#00d9ff33;--color-fab-shadow:#e5503980;--color-fab-shadow-hover:#e5503999;--color-fab-shadow-active:#e550394d;--color-gray-bg-20:#9ca3af33;--color-info:#06b6d4;--color-accent-blue:#3b82f6;--color-accent-blue-60:#3b82f699;--color-accent-blue-08:#3b82f614;--color-accent-pink:#ec4899;--color-accent-pink-bg:#ec489926;--color-danger-light:#fca5a5;--color-text-on-warning:#000;--color-overlay-medium:#000000eb;--color-badge-required:#ff3b30;--color-badge-recommended:#ff9500;--color-badge-optional:#8e8e93;--color-grade-s:#eab308;--color-grade-a:#22c55e;--color-grade-b:var(--status-info);--color-grade-c:#a855f7;--color-grade-d:#9ca3af;--color-apple-black:#000;--color-apple-black-hover:#1a1a1a;--color-nutrient-macro:#f43f5e;--color-nutrient-vitamin:#a78bfa;--color-nutrient-mineral:#60a5fa;--color-nutrient-amino:#22d3ee;--color-nutrient-avoid:#f97316;--color-chart-rose:#f43f5e;--color-chart-sky:#38bdf8;--color-chart-purple:#a78bfa;--color-chart-grid:#27272a;--color-chart-axis:#71717a;--color-chart-dot-bg:#09090b;--shadow-sm:0 1px 2px #00000040;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 12px 40px #0006;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--z-base:1;--z-content:2;--z-elevated:10;--z-float:50;--z-sticky:100;--z-dropdown:500;--z-nav:1000;--z-modal-backdrop:2000;--z-modal:2001;--z-food-edit:3000;--z-toast:5000;--z-fullscreen:9000;--z-gauge-detail:9500;--z-critical-overlay:9999;--z-paywall:10000;--z-confirm:10001;--z-feedback:10002}::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box}html{max-width:100vw;font-size:16px;overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--primal-bg);background-image:var(--surface-texture),radial-gradient(circle at 50% 0%,var(--color-bg-card,#1a1a1a) 0%,var(--primal-bg) 70%);color:var(--primal-text);-webkit-font-smoothing:antialiased;width:100%;max-width:100vw;min-height:100dvh;margin:0;padding:0;line-height:1.5;overflow:hidden auto}#root{width:100%;min-height:100dvh;z-index:var(--z-base);flex-direction:column;display:flex;position:relative}.app-container{background-color:var(--color-bg-primary);flex-direction:column;width:100%;max-width:480px;min-height:100dvh;margin:0 auto;transition:background-color .2s;display:flex}.skip-nav{z-index:10000;background:var(--color-accent-rose,#f43f5e);color:#fff;border-radius:0 0 6px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:top .15s ease-in-out;position:absolute;top:-48px;left:0}.skip-nav:focus,.skip-nav:focus-visible{outline:3px solid var(--color-accent-rose,#f43f5e);outline-offset:2px;top:0}.app-content{width:100%;z-index:var(--z-content);flex:1;height:100dvh;padding-bottom:120px;position:relative;overflow-y:auto}h1,h2,h3,h4,h5,h6{letter-spacing:0;text-transform:none;color:var(--color-text-primary,#f0f0f2);text-shadow:none;margin:0;font-weight:900}button{border:1px solid var(--color-accent-rose,#f43f5e);color:var(--color-accent-rose,#f43f5e);font-family:var(--font-body);text-transform:none;letter-spacing:0;cursor:pointer;box-shadow:none;background:0 0;border-radius:4px;padding:12px 24px;font-weight:700;transition:background-color .2s,color .2s}@media(hover:hover){button:hover{background:var(--color-accent-rose,#f43f5e);color:var(--color-text-white,#fff);box-shadow:0 0 20px var(--color-accent-rose-30,#f43f5e4d)}}input,select,textarea{background:var(--color-overlay-dark-3,#0000004d);border:1px solid var(--glass-border);color:var(--primal-text);font-family:var(--font-body);border-radius:8px;padding:12px}input:focus,select:focus,textarea:focus{border-color:var(--neon-blue);box-shadow:0 0 10px var(--color-neon-blue-glow,#00d9ff33);outline:none}:focus-visible{outline:2px solid var(--color-accent-rose,#f43f5e);outline-offset:2px}@keyframes loading-spinner{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}:root{--touch-target-min:44px}button,[role=button],a[href].nav-item,.app-nav-button{min-width:var(--touch-target-min);min-height:var(--touch-target-min);box-sizing:border-box;touch-action:manipulation}.profile-screen-content{flex:1;min-height:0;overflow-y:auto}.back-button,[class*=back-button]{z-index:var(--z-sticky,100);position:sticky;top:0}.profile-screen-field-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.profile-screen-field-label{color:var(--primal-text);font-size:16px;font-weight:600}.profile-screen-priority-badge{white-space:nowrap;letter-spacing:.02em;border-radius:9999px;padding:4px 8px;font-size:12px;font-weight:600}.profile-screen-priority-required{color:var(--color-accent-rose,#fca5b4);background:var(--color-accent-red-20,#ff4d6a33)}.profile-screen-priority-recommended{color:var(--color-accent-amber,#fde68a);background:var(--color-amber-bg-20,#fbbf2433)}.profile-screen-priority-optional{color:var(--color-text-secondary,#e5e7eb);background:var(--color-gray-bg-20,#9ca3af33)}.profile-field-required,.profile-field-recommended,.profile-field-optional{position:relative}.profile-field-required:before{content:"";background-color:var(--color-accent,#f43f5e);border-radius:3px 0 0 3px;width:3px;position:absolute;top:0;bottom:0;left:0}.profile-field-recommended:before{content:"";background-color:var(--color-warning,#f59e0b);border-radius:3px 0 0 3px;width:3px;position:absolute;top:0;bottom:0;left:0}.profile-field-optional:before{content:"";background-color:var(--color-text-quaternary,#6b7280);border-radius:3px 0 0 3px;width:3px;position:absolute;top:0;bottom:0;left:0}.profile-priority-legend{background:var(--color-bg-secondary,#18181b);border-radius:8px;flex-wrap:wrap;align-items:center;gap:16px;margin:0 16px 16px;padding:8px 16px;display:flex}.profile-priority-legend-item{color:var(--color-text-secondary,#e5e7eb);align-items:center;gap:6px;font-size:12px;display:flex}.profile-priority-legend-stripe{border-radius:3px;flex-shrink:0;width:3px;height:14px}.profile-priority-legend-stripe--required{background-color:var(--color-accent,#f43f5e)}.profile-priority-legend-stripe--recommended{background-color:var(--color-warning,#f59e0b)}.profile-priority-legend-stripe--optional{background-color:var(--color-text-quaternary,#6b7280)}body.help-mode-active [data-help-key]{outline:2px solid var(--color-accent-rose-60,#f43f5e99);outline-offset:2px;cursor:help;border-radius:8px}body.feedback-mode-active *{cursor:crosshair!important}.feedback-selected-element{outline-offset:2px;border-radius:4px;outline:2px solid var(--color-accent-rose,#f43f5e)!important}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.ai-chat-loading-spinner{animation-duration:1s!important;animation-iteration-count:infinite!important}}.or-divider{color:var(--color-divider-text);align-items:center;gap:8px;margin:16px 0 8px;font-size:12px;display:flex}.or-divider:before,.or-divider:after{content:"";border-top:1px solid var(--color-divider-line);flex:1}.refund-magic-word{color:var(--color-accent-rose,#f43f5e);text-shadow:0 0 1px var(--color-accent-rose-30,#f43f5e4d);font-weight:700}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}.home-upgrade-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#f43f5e14,#a855f714);border:1px solid rgba(244,63,94,.25);border-radius:12px;padding:12px 16px;margin:12px 16px}.home-upgrade-banner-body{flex:1;min-width:0}.home-upgrade-banner-title{font-size:14px;font-weight:600;color:var(--color-text-light, #e4e4e7);margin-bottom:2px}.home-upgrade-banner-desc{font-size:12px;color:var(--color-text-secondary, #a1a1aa);line-height:1.4}.home-upgrade-banner-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.home-upgrade-banner-cta{min-height:44px;padding:0 14px;border-radius:8px;border:none;background:var(--color-accent-rose, #f43f5e);color:#fff;font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.home-upgrade-banner-cta:hover{background:var(--color-accent-rose-hover, #e11d48)}.home-upgrade-banner-dismiss{width:32px;height:32px;min-width:32px;border-radius:8px;border:1px solid var(--color-border-subtle, #27272a);background:transparent;color:var(--color-text-muted, #9ca3af);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.home-upgrade-banner-dismiss:hover{color:var(--color-text-light, #e4e4e7);border-color:var(--color-border, #3f3f46)}.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:var(--z-toast);animation:slideDown .2s ease-out}.toast-message{background-color:var(--color-bg-card);color:var(--color-white);padding:16px 24px;border-radius:12px;box-shadow:0 4px 20px var(--color-overlay-dark-4, rgba(0, 0, 0, .4));font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;min-width:200px;max-width:400px;text-align:center;justify-content:center}.toast-action{border:1px solid color-mix(in srgb,var(--color-accent-rose, #f43f5e) 55%,transparent);background:color-mix(in srgb,var(--color-accent-rose, #f43f5e) 14%,transparent);color:var(--color-accent-rose, #f43f5e);border-radius:10px;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer}@keyframes slideDown{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@media(max-width:480px){.toast-container{top:10px;left:10px;right:10px;transform:none}.toast-message{max-width:none;width:100%}}.confirm-dialog-overlay{position:fixed;inset:0;background:var(--color-overlay-dark-modal, rgba(0, 0, 0, .7));display:flex;align-items:center;justify-content:center;z-index:var(--z-confirm);padding:24px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom));padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));animation:confirm-dialog-fade-in .15s ease-out}@keyframes confirm-dialog-fade-in{0%{opacity:0}to{opacity:1}}.confirm-dialog-modal{background-color:var(--color-bg-primary);border-radius:14px;padding:24px;max-width:340px;width:100%;text-align:center;animation:confirm-dialog-slide-up .15s ease-out}@keyframes confirm-dialog-slide-up{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-dialog-title{font-size:18px;font-weight:600;margin:0 0 12px;color:var(--color-text-primary)}.confirm-dialog-message{font-size:14px;color:var(--color-text-secondary);line-height:1.5;margin:0 0 24px}.confirm-dialog-buttons{display:flex;gap:12px}.confirm-dialog-cancel{flex:1;padding:12px;border-radius:8px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-primary);font-size:16px;cursor:pointer}@media(hover:hover){.confirm-dialog-cancel:hover{background:var(--color-bg-secondary)}}.confirm-dialog-confirm{flex:1;padding:12px;border-radius:8px;border:none;background:var(--color-accent);color:var(--color-white);font-size:16px;font-weight:600;cursor:pointer}@media(hover:hover){.confirm-dialog-confirm:hover{opacity:.9}}.confirm-dialog-confirm--destructive{background:var(--color-accent-red)}@media(hover:hover){.confirm-dialog-confirm--destructive:hover{background:var(--color-accent-red-dark)}}.app-container{padding-top:env(safe-area-inset-top,0px)}.skip-nav{position:absolute;top:-100%;left:8px;z-index:9999;background:var(--color-accent, #f43f5e);color:var(--color-white);padding:8px 16px;border-radius:0 0 8px 8px;font-size:14px;font-weight:600;text-decoration:none;transition:top .1s}.skip-nav:focus{top:0;outline:2px solid var(--color-white);outline-offset:2px}.app-navigation{display:flex;flex-direction:row;justify-content:space-around;align-items:center;border-top:1px solid var(--color-border);background-color:var(--color-bg-primary);padding:8px 12px max(8px,env(safe-area-inset-bottom));gap:8px;box-shadow:0 -2px 8px var(--color-overlay-dark-05, rgba(0, 0, 0, .05));position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);transition:background-color .2s ease,border-color .2s ease}.app-nav-button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;text-align:center;border-radius:8px;border:none;background-color:transparent;font-size:12px;color:var(--color-text-secondary);font-weight:500;cursor:pointer;transition:color .2s ease,background-color .2s ease;min-width:0;max-width:100%;gap:4px;outline:none;min-height:44px}@media(hover:hover){.app-nav-button:hover{background-color:var(--color-bg-secondary)}}.app-nav-button:focus{outline:2px solid var(--color-accent);outline-offset:2px}.app-nav-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.app-nav-button.active{color:var(--color-accent);font-weight:600}.app-nav-button.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:3px;background-color:var(--color-accent);border-radius:0 0 3px 3px}.app-nav-button--badged{position:relative}.app-nav-badge{position:absolute;top:2px;right:max(8px,22%);min-width:16px;height:16px;padding:0 4px;border-radius:8px;background-color:var(--color-accent-red, #ef4444);color:var(--color-white, #fff);font-size:10px;font-weight:700;line-height:16px;text-align:center;pointer-events:none}.app-nav-fab{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;border:6px solid transparent;background:var(--color-accent, #e55039);background-clip:padding-box;color:var(--color-white);cursor:pointer;box-shadow:0 4px 16px var(--color-fab-shadow, rgba(229, 80, 57, .5));transition:box-shadow .15s ease,width .2s,height .2s;flex-shrink:0;padding:0;margin:-6px;box-sizing:content-box}.app-nav-fab-icon{font-size:28px;font-weight:300;line-height:1}@media(hover:hover){.app-nav-fab:hover{box-shadow:0 6px 20px var(--color-fab-shadow-hover, rgba(229, 80, 57, .6))}}.app-nav-fab:active{box-shadow:0 2px 8px var(--color-fab-shadow-active, rgba(229, 80, 57, .3))}@keyframes fabItemIn{0%{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:768px){body{background-color:var(--bg-base, #0a0a0a)}#root{display:flex;justify-content:center;background-color:var(--bg-base, #0a0a0a)}.app-container{max-width:430px;width:100%;margin:0 auto;position:relative;box-shadow:0 0 0 1px var(--border-subtle, #27272a),0 8px 48px #0009;background-color:var(--bg-base, #050505);min-height:100dvh;min-height:100vh;padding-top:env(safe-area-inset-top)}.app-navigation{left:50%;right:auto;transform:translate(-50%);width:430px;max-width:430px}}.demo-mode-chip{background-color:color-mix(in srgb,var(--color-accent-amber, #fbbf24) 18%,transparent);border:1px solid color-mix(in srgb,var(--color-accent-amber, #fbbf24) 50%,transparent);color:var(--color-accent-amber, #fbbf24);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:12px 14px;border-radius:999px;cursor:pointer;min-height:44px;min-width:44px;white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.demo-mode-chip:hover{background-color:color-mix(in srgb,var(--color-accent-amber, #fbbf24) 28%,transparent)}.gauge-state-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;opacity:.75;transition:opacity .2s}.gauge-state-icon--warn{color:var(--color-danger, #ef4444)}.gauge-state-icon--progress{color:var(--color-warning, #f97316)}.gauge-state-icon--ok{color:var(--color-success, #22c55e)}.gauge-state-icon--excess{color:var(--color-info-purple, #a855f7)}@media(prefers-contrast:more){.gauge-state-icon{width:20px;height:20px;opacity:1}}.gauge-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav-item{display:flex;justify-content:space-between;align-items:center;padding:12px;min-height:44px;min-width:44px;background-color:var(--color-bg-secondary);border-radius:6px;border:1px solid var(--color-border);cursor:pointer;transition:background-color .2s ease;outline:none;touch-action:manipulation}@media(hover:hover){.nav-item:hover{background-color:var(--color-bg-tertiary)}}.nav-item:focus{outline:2px solid var(--color-accent);outline-offset:2px}.nav-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.nav-item-content{flex:1}.nav-item-title{font-size:16px;font-weight:600;margin:0;color:var(--color-text-primary);transition:color .2s ease}.nav-item-description{margin:4px 0 0;font-size:14px;color:var(--color-text-secondary);transition:color .2s ease}.nav-item-arrow{font-size:20px;color:var(--color-text-secondary);margin-left:16px;transition:color .2s ease}.back-button{background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-text-secondary);padding:4px;margin-right:8px;min-width:44px;min-height:44px;transition:color .2s ease;display:inline-flex;align-items:center;justify-content:center}@media(hover:hover){.back-button:hover{color:var(--color-text-primary)}}[class*=-header]{position:sticky;top:0;z-index:50;background-color:var(--color-bg-primary, #0a0a0a)}.screen-header{display:flex;align-items:center;margin-bottom:16px;position:sticky;top:0;z-index:50;background-color:var(--color-bg-primary, var(--color-bg-root, #050505));padding:12px 0}.screen-header-content{flex:1}.screen-header-title{font-size:24px;font-weight:700;margin:0;color:var(--color-text-primary);transition:color .2s ease}.info-card{padding:8px;background-color:var(--color-bg-secondary);border-radius:6px;border:1px solid var(--color-border);transition:background-color .2s ease,border-color .2s ease}.section-container{margin-top:16px;padding:12px;background-color:var(--color-bg-secondary);border-radius:8px;transition:background-color .2s ease}.toggle-button{padding:8px 16px;border-radius:6px;border:1px solid var(--color-border);background-color:var(--color-bg-primary);font-size:14px;color:var(--color-text-primary);cursor:pointer;transition:background-color .2s ease;font-weight:500}@media(hover:hover){.toggle-button:hover{background-color:var(--color-bg-secondary)}}.toggle-button.active{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-white, #fff)}.toggle-button:disabled{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);cursor:not-allowed;opacity:.6}.input-field{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:8px;font-size:16px;background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:background-color .2s ease,border-color .2s ease,color .2s ease;box-sizing:border-box}.input-field:focus{outline:none;border-color:var(--color-accent);background-color:var(--color-bg-primary)}.input-field::-moz-placeholder{color:var(--color-text-secondary);opacity:.6}.input-field::placeholder{color:var(--color-text-secondary);opacity:.6}.number-input-row{display:flex;align-items:center;gap:8px}.number-input-row .input-field{flex:1}.switch-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.switch-label{font-size:14px;color:var(--color-text-secondary);transition:color .2s ease}[data-pixel-art=true] *,[data-pixel-art=true] *:before,[data-pixel-art=true] *:after{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}[data-pixel-art=true]{font-family:Courier New,Courier,monospace;font-smooth:never;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;text-rendering:optimizeSpeed}[data-pixel-art=true] button,[data-pixel-art=true] .card,[data-pixel-art=true] .gauge,[data-pixel-art=true] input,[data-pixel-art=true] textarea,[data-pixel-art=true] select,[data-pixel-art=true] .gift-message-item{border-style:solid!important;border-width:3px!important;box-shadow:none!important;border-radius:0!important;outline:none!important}[data-pixel-art=true] *{background-image:none!important}[data-pixel-art=true] .gauge,[data-pixel-art=true] .gradient{background:var(--color-accent-red)!important}[data-pixel-art=true] *{transition:none!important;animation:none!important}[data-pixel-art=true] *{box-shadow:none!important;text-shadow:none!important;filter:none!important}[data-pixel-art=true] img,[data-pixel-art=true] svg{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}[data-pixel-art=true]{font-size:14px;line-height:1.2}[data-pixel-art=true] .icon,[data-pixel-art=true] [class*=icon]{font-size:16px;line-height:1}