/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--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-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-orange-400:oklch(75% .183 55.934);--color-amber-600:oklch(66.6% .179 58.318);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-emerald-400:oklch(76.5% .177 163.223);--color-cyan-400:oklch(78.9% .154 211.53);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-200:oklch(89.9% .061 343.231);--color-pink-300:oklch(82.3% .12 346.018);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-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-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--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{::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-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,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in oklab,red,red)){*{outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.top-1\/2{top:50%}.right-0{right:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.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-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.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)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.mb-16{margin-bottom:calc(var(--spacing)*16)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.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-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-32{height:calc(var(--spacing)*32)}.h-40{height:calc(var(--spacing)*40)}.h-48{height:calc(var(--spacing)*48)}.h-60{height:calc(var(--spacing)*60)}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[120px\]{min-width:120px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.rotate-180{rotate:180deg}.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-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.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-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*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)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.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-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-y-2{border-block-style:var(--tw-border-style);border-block-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-blue-400{border-color:var(--color-blue-400)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-400{border-color:var(--color-green-400)}.border-red-200{border-color:var(--color-red-200)}.border-red-500{border-color:var(--color-red-500)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-yellow-200{border-color:var(--color-yellow-200)}.border-t-transparent{border-top-color:#0000}.bg-black{background-color:var(--color-black)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-green-100{background-color:var(--color-green-100)}.bg-pink-100{background-color:var(--color-pink-100)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/50{background-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.bg-white\/50{background-color:color-mix(in oklab,var(--color-white)50%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab}.bg-gradient-to-br,.bg-gradient-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab}.from-blue-300{--tw-gradient-from:var(--color-blue-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-green-300{--tw-gradient-from:var(--color-green-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-pink-300{--tw-gradient-from:var(--color-pink-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-yellow-400\/20{--tw-gradient-from:#fac80033}@supports (color:color-mix(in lab,red,red)){.from-yellow-400\/20{--tw-gradient-from:color-mix(in oklab,var(--color-yellow-400)20%,transparent)}}.from-yellow-400\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-cyan-400{--tw-gradient-to:var(--color-cyan-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-emerald-400{--tw-gradient-to:var(--color-emerald-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-orange-400\/20{--tw-gradient-to:#ff8b1a33}@supports (color:color-mix(in lab,red,red)){.to-orange-400\/20{--tw-gradient-to:color-mix(in oklab,var(--color-orange-400)20%,transparent)}}.to-orange-400\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-400{--tw-gradient-to:var(--color-purple-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.fill-current{fill:currentColor}.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-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.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)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-20{padding-bottom:calc(var(--spacing)*20)}.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-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--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))}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.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-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-amber-600{color:var(--color-amber-600)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-pink-600{color:var(--color-pink-600)}.text-purple-600{color:var(--color-purple-600)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.text-white\/90{color:color-mix(in oklab,var(--color-white)90%,transparent)}}.text-yellow-800{color:var(--color-yellow-800)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040)}.shadow-2xl,.shadow-sm{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.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)}.blur,.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,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.group-hover\:bg-blue-200:is(:where(.group):hover *){background-color:var(--color-blue-200)}.group-hover\:bg-green-200:is(:where(.group):hover *){background-color:var(--color-green-200)}.group-hover\:bg-pink-200:is(:where(.group):hover *){background-color:var(--color-pink-200)}.group-hover\:bg-purple-200:is(:where(.group):hover *){background-color:var(--color-purple-200)}.group-hover\:bg-red-200:is(:where(.group):hover *){background-color:var(--color-red-200)}}.peer-checked\:bg-blue-600:is(:where(.peer):checked~*){background-color:var(--color-blue-600)}.peer-focus\:ring-4:is(:where(.peer):focus~*){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + 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)}.peer-focus\:ring-blue-300:is(:where(.peer):focus~*){--tw-ring-color:var(--color-blue-300)}.peer-focus\:outline-none:is(:where(.peer):focus~*){--tw-outline-style:none;outline-style:none}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:h-5:after{content:var(--tw-content);height:calc(var(--spacing)*5)}.after\:w-5:after{content:var(--tw-content);width:calc(var(--spacing)*5)}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e+38px}.after\:border:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:1px}.after\:border-gray-300:after{content:var(--tw-content);border-color:var(--color-gray-300)}.after\:bg-white:after{content:var(--tw-content);background-color:var(--color-white)}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.peer-checked\:after\:translate-x-full:is(:where(.peer):checked~*):after{content:var(--tw-content);--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.peer-checked\:after\:border-white:is(:where(.peer):checked~*):after{content:var(--tw-content);border-color:var(--color-white)}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-blue-300:hover{border-color:var(--color-blue-300)}.hover\:border-green-300:hover{border-color:var(--color-green-300)}.hover\:border-pink-300:hover{border-color:var(--color-pink-300)}.hover\:border-purple-300:hover{border-color:var(--color-purple-300)}.hover\:border-red-300:hover{border-color:var(--color-red-300)}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-green-50:hover{background-color:var(--color-green-50)}.hover\:bg-pink-50:hover{background-color:var(--color-pink-50)}.hover\:bg-purple-50:hover{background-color:var(--color-purple-50)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-200:hover{background-color:var(--color-red-200)}.hover\:from-blue-600:hover{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-purple-700:hover{--tw-gradient-to:var(--color-purple-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:text-gray-800:hover{color:var(--color-gray-800)}.hover\:text-red-800:hover{color:var(--color-red-800)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-blue-400:focus{border-color:var(--color-blue-400)}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:border-green-400:focus{border-color:var(--color-green-400)}.focus\:border-pink-500:focus{border-color:var(--color-pink-500)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-400:focus{--tw-ring-color:var(--color-blue-400)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-green-400:focus{--tw-ring-color:var(--color-green-400)}.focus\:ring-green-500:focus{--tw-ring-color:var(--color-green-500)}.focus\:ring-pink-500:focus{--tw-ring-color:var(--color-pink-500)}.focus\:ring-purple-500:focus{--tw-ring-color:var(--color-purple-500)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:ring-offset-1:focus{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.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)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:scale-100:disabled{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:from-gray-400:disabled{--tw-gradient-from:var(--color-gray-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.disabled\:to-gray-500:disabled{--tw-gradient-to:var(--color-gray-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:max-h-\[90vh\]{max-height:90vh}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:overflow-hidden{overflow:hidden}.sm\:rounded-2xl{border-radius:var(--radius-2xl)}}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}:root{--calendar-primary:#c29470;--calendar-accent:#b2d9c4;--calendar-info:#80b9c8;--calendar-neutral:#f5f5f5;--calendar-text:#333;--calendar-border:#e0e0e0;--raife-calendar:#b2d9c4;--vinny-calendar:#80b9c8;--calendar-transition:all .2s cubic-bezier(.4,0,.2,1);--calendar-spring:all .3s cubic-bezier(.175,.885,.32,1.275)}@media (prefers-color-scheme:dark){:root{--calendar-primary:#d4a378;--calendar-accent:#9ecaad;--calendar-info:#92c7d6;--calendar-neutral:#2a2a2a;--calendar-text:#fff;--calendar-border:#404040;--raife-calendar:#9ecaad;--vinny-calendar:#92c7d6}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{50%{opacity:.5}}.calendar-modal{animation:slideUp .3s cubic-bezier(.175,.885,.32,1.275)}.calendar-modal.closing{animation:slideDown .2s ease-in}.date-selector{position:relative}.date-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.date-cell{aspect-ratio:1;min-height:40px;transition:var(--calendar-transition);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex;position:relative}.date-cell:hover{background-color:var(--calendar-neutral);transform:scale(1.05)}.date-cell.selected{background-color:var(--calendar-primary);color:#fff;font-weight:600;box-shadow:0 2px 8px #c294704d}.date-cell.today{background-color:var(--calendar-accent);color:var(--calendar-text);font-weight:600}.date-cell.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.date-cell.raife.selected{background-color:var(--raife-calendar);box-shadow:0 2px 8px #b2d9c44d}.date-cell.vinny.selected{background-color:var(--vinny-calendar);box-shadow:0 2px 8px #80b9c84d}.time-selector{position:relative}.time-column{scroll-behavior:smooth;border:1px solid var(--calendar-border);background-color:var(--calendar-neutral);border-radius:8px;flex:1;height:200px;overflow-y:auto}.time-item{cursor:pointer;height:40px;transition:var(--calendar-transition);justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex}.time-item:hover{background-color:#c294701a}.time-item.selected{background-color:var(--calendar-primary);color:#fff;font-weight:600}.time-item.raife.selected{background-color:var(--raife-calendar)}.time-item.vinny.selected{background-color:var(--vinny-calendar)}.quick-actions{margin-top:24px}.quick-action-button{border:1px solid var(--calendar-border);color:var(--calendar-text);cursor:pointer;transition:var(--calendar-transition);text-align:left;background-color:#fff;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.quick-action-button:hover{background-color:var(--calendar-neutral);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.quick-action-button:active{transform:translateY(0)}.quick-action-button.raife{border-color:var(--raife-calendar);background-color:#b2d9c41a}.quick-action-button.raife:hover{background-color:#b2d9c433}.quick-action-button.vinny{border-color:var(--vinny-calendar);background-color:#80b9c81a}.quick-action-button.vinny:hover{background-color:#80b9c833}@media (max-width:640px){.calendar-modal{border-radius:16px 16px 0 0;max-height:90vh;margin:0}.date-cell{min-height:44px;font-size:16px}.time-item{height:44px;font-size:16px}.quick-action-button{min-height:44px;padding:16px;font-size:16px}}@media (hover:none) and (pointer:coarse){.date-cell:hover,.quick-action-button:hover,.time-item:hover{transform:none}.date-cell:active,.quick-action-button:active,.time-item:active{transform:scale(.95)}}@media (prefers-contrast:high){.date-cell.selected,.time-item.selected{border:2px solid}.quick-action-button{border-width:2px}}@media (prefers-reduced-motion:reduce){.calendar-modal,.date-cell,.quick-action-button,.time-item{transition:none;animation:none}.date-cell:hover,.quick-action-button:hover,.time-item:hover{transform:none}}.date-cell:focus,.quick-action-button:focus,.time-item:focus{outline:2px solid var(--calendar-primary);outline-offset:2px}.calendar-loading{position:relative;overflow:hidden}.calendar-loading:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:shimmer 1.5s infinite;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.date-cell.selected.success,.time-item.selected.success{animation:successPulse .6s ease-in-out}.date-cell.error,.time-item.error{background-color:#ef44441a;border:2px solid #ef4444}.time-column::-webkit-scrollbar{width:4px}.time-column::-webkit-scrollbar-track{background:0 0}.time-column::-webkit-scrollbar-thumb{background:var(--calendar-border);border-radius:2px}.time-column::-webkit-scrollbar-thumb:hover{background:var(--calendar-primary)}.time-column.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.time-column.scrollbar-hide::-webkit-scrollbar{display:none}:root{--time-primary:#c29470;--time-accent:#b2d9c4;--time-info:#80b9c8;--time-neutral:#f5f5f5;--time-text:#333;--time-border:#e0e0e0;--raife-time:#b2d9c4;--vinny-time:#80b9c8;--time-display-large:3rem;--time-display-medium:2rem;--time-display-small:1.25rem;--time-transition:all .2s cubic-bezier(.4,0,.2,1);--time-spring:all .3s cubic-bezier(.175,.885,.32,1.275);--time-bounce:all .4s cubic-bezier(.68,-.55,.265,1.55)}@media (prefers-color-scheme:dark){:root{--time-primary:#d4a378;--time-accent:#9ecaad;--time-info:#92c7d6;--time-neutral:#2a2a2a;--time-text:#fff;--time-border:#404040;--raife-time:#9ecaad;--vinny-time:#92c7d6}}.time-display{text-align:center;padding:1rem;position:relative}.time-display-large{font-size:var(--time-display-large);color:var(--time-text);transition:var(--time-transition);font-weight:700;line-height:1}.time-display-medium{font-size:var(--time-display-medium);color:var(--time-text);opacity:.8;font-weight:500}.time-display-small{font-size:var(--time-display-small);color:var(--time-text);opacity:.6;font-weight:400}.time-display-editable{cursor:pointer;transition:var(--time-transition);border:2px dashed #0000;border-radius:12px;padding:.5rem 1rem}.time-display-editable:hover{transform:scale(1.02)}.time-display-editable:hover,.time-display-editing{background-color:var(--time-neutral);border-color:var(--time-primary)}.time-display-editing{box-shadow:0 0 0 3px #c294701a}.quick-adjustments{grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem;display:grid}.adjustment-button{border:2px solid var(--time-border);cursor:pointer;transition:var(--time-transition);-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:flex}.adjustment-button:hover{transform:scale(1.05);box-shadow:0 2px 8px #0000001a}.adjustment-button:active{transform:scale(.95)}.adjustment-button.active{background-color:var(--time-primary);color:#fff;border-color:var(--time-primary);box-shadow:0 2px 12px #c294704d}.adjustment-button.raife{border-color:var(--raife-time);color:var(--raife-time)}.adjustment-button.raife:hover{background-color:#b2d9c41a}.adjustment-button.raife.active{background-color:var(--raife-time);border-color:var(--raife-time);box-shadow:0 2px 12px #b2d9c44d}.adjustment-button.vinny{border-color:var(--vinny-time);color:var(--vinny-time)}.adjustment-button.vinny:hover{background-color:#80b9c81a}.adjustment-button.vinny.active{background-color:var(--vinny-time);border-color:var(--vinny-time);box-shadow:0 2px 12px #80b9c84d}.time-wheel{border:1px solid var(--time-border);background-color:var(--time-neutral);border-radius:12px;height:12rem;position:relative;overflow:hidden}.time-wheel-container{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;height:100%;overflow-y:auto}.time-wheel-container::-webkit-scrollbar{display:none}.time-wheel-item{cursor:pointer;height:3rem;transition:var(--time-transition);z-index:20;justify-content:center;align-items:center;font-size:1.125rem;font-weight:500;display:flex;position:relative}.time-wheel-item:hover{background-color:#c294701a}.time-wheel-item.selected{font-weight:700;transform:scale(1.1)}.time-wheel-indicator{pointer-events:none;z-index:10;background-color:#c294701a;border-top:2px solid #c294704d;border-bottom:2px solid #c294704d;height:3rem;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.time-wheel-item.raife.selected{background-color:var(--raife-time);color:#fff}.time-wheel-item.vinny.selected{background-color:var(--vinny-time);color:#fff}.date-toggle{border:1px solid var(--time-border);cursor:pointer;transition:var(--time-transition);background-color:#fff;border-radius:8px;justify-content:space-between;align-items:center;min-height:44px;padding:.75rem 1rem;display:flex}.date-toggle:hover{background-color:var(--time-neutral);transform:scale(1.02)}.date-toggle.expanded{border-color:var(--time-primary);box-shadow:0 0 0 3px #c294701a}.quick-presets{grid-template-columns:1fr 1fr;gap:.5rem;padding:1rem;display:grid}.preset-button{cursor:pointer;transition:var(--time-transition);text-align:left;border-radius:8px;align-items:center;gap:.5rem;min-height:44px;padding:.75rem;font-size:.875rem;font-weight:500;display:flex}.preset-button:hover{transform:scale(1.05);box-shadow:0 2px 8px #0000001a}.preset-button:active{transform:scale(.95)}.preset-button.primary{background-color:var(--time-primary);color:#fff}.preset-button.secondary{background-color:var(--time-neutral);color:var(--time-text)}.preset-button.raife{border:1px solid var(--raife-time);color:var(--raife-time);background-color:#b2d9c41a}.preset-button.raife:hover{background-color:#b2d9c433}.preset-button.vinny{border:1px solid var(--vinny-time);color:var(--vinny-time);background-color:#80b9c81a}.preset-button.vinny:hover{background-color:#80b9c833}@media (max-width:640px){.time-display-large{font-size:2.5rem}.adjustment-button{min-height:48px;padding:1rem;font-size:1rem}.time-wheel-item{height:3.5rem;font-size:1.25rem}.preset-button{min-height:48px;padding:1rem;font-size:1rem}}@media (hover:none) and (pointer:coarse){.adjustment-button:hover,.preset-button:hover,.time-display-editable:hover{transform:none}.adjustment-button:active,.preset-button:active,.time-display-editable:active{transform:scale(.95)}}@media (prefers-contrast:high){.adjustment-button,.date-toggle,.preset-button{border-width:2px}.time-wheel-indicator{border-width:3px}}@media (prefers-reduced-motion:reduce){.adjustment-button,.preset-button,.time-display-editable,.time-wheel-item{transition:none;animation:none}.adjustment-button:hover,.preset-button:hover,.time-display-editable:hover{transform:none}}.adjustment-button:focus,.date-toggle:focus,.preset-button:focus,.time-display-editable:focus{outline:2px solid var(--time-primary);outline-offset:2px}.time-picker-loading{position:relative;overflow:hidden}.time-picker-loading:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:shimmer 1.5s infinite;position:absolute;top:0;left:-100%}@keyframes timeSuccess{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.time-display-success{animation:timeSuccess .6s ease-in-out}.adjustment-button.error,.preset-button.error,.time-display-error{color:#ef4444;background-color:#ef44441a;border-color:#ef4444}:root{--color-beige:#fcf9f7;--color-black-900:#030302;--color-black-500:#03030280;--color-black-200:#0303021f;--color-black-100:#03030217;--color-black-50:#0303020a;--color-white:#fff;--bg-primary:var(--color-beige);--surface-card:var(--color-white);--bg-elevated:var(--surface-card);--bg-subtle:#f5f3f0;--color-blue-4:#427e8a;--color-purple-4:#4b68c3;--color-green-4:#3f8850;--color-red-4:#bb433a;--color-orange-4:#b25620;--color-yellow-4:#987e1b;--color-pink-4:#a549ab;--accent-primary:var(--color-blue-4);--accent-primary-dark:#356a75;--accent-secondary:var(--color-purple-4);--accent-secondary-dark:#3d56a0;--text-primary:var(--color-black-900);--text-secondary:var(--color-black-500);--text-muted:var(--color-black-50);--text-inverse:var(--color-white);--status-success:#3f88501a;--status-success-dark:var(--color-green-4);--status-info:#427e8a1a;--status-info-dark:var(--color-blue-4);--status-warning:#b256201a;--status-warning-dark:var(--color-orange-4);--status-error:#bb433a1a;--status-error-dark:var(--color-red-4);--border-subtle:var(--color-black-100);--border-medium:var(--color-black-200);--border-accent:var(--color-blue-4);--border-accent-left-1:var(--color-blue-4);--border-accent-left-2:var(--color-purple-4);--accent-indicator-1:var(--color-blue-4);--accent-indicator-2:var(--color-purple-4);--shadow-card:0 2px 8px var(--color-black-50);--shadow-card-hover:0 4px 16px var(--color-black-100);--shadow-subtle:var(--color-black-50);--shadow-medium:0 4px 16px #0000001f;--shadow-elevated:0 8px 24px #00000026;--spacing:.25rem;--radius:.625rem;--radius-2xl:24px;--radius-3xl:1.5rem;--radius-4xl:2rem;--default-font-feature-settings:"liga" 1;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--font-serif:"apple-system-ui-serif","ui-serif","Georgia","Times New Roman",serif;--font-sans:var(--font-inter),"apple-system","BlinkMacSystemFont","Helvetica Neue","Helvetica","Arial",sans-serif;--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;--text-6xl:3.75rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-normal:0;--tracking-widest:.1em;--glass-gradient:linear-gradient(180deg,#fff9,#ffffff96 25%,#fff9 50%,#ffffffd6 75%);--navbar-gradient:linear-gradient(180deg,#fff6 10%,#fffc);--primary-background:var(--bg-primary);--surface-elevated:var(--surface-card);--accent-neutral:var(--bg-subtle);--twin-1-primary:var(--color-blue-4);--twin-1-primary-dark:#356a75;--twin-1-secondary:#427e8a0d;--twin-2-primary:var(--color-purple-4);--twin-2-primary-dark:#3d56a0;--twin-2-secondary:#4b68c30d;--error-pastel:var(--status-error);--error-pastel-dark:var(--status-error-dark);--error-text:var(--status-error-dark);--success-pastel:var(--status-success);--success-pastel-dark:var(--status-success-dark);--warning-pastel:var(--status-warning);--warning-pastel-dark:var(--status-warning-dark);--info-pastel:var(--status-info);--info-pastel-dark:var(--status-info-dark);--gray-50:#fafaf9;--gray-100:#f5f5f3;--gray-200:#e8e4e0;--gray-300:#dcd8d4;--gray-400:#c4c0bc;--gray-500:#9a9692;--gray-600:#6b6b6b;--gray-700:#4a4a4a;--gray-800:#2c2c2c;--gray-900:#1a1a1a;--white:#fff;--black:#000;--primary:var(--color-black-900);--accent-1:var(--accent-primary);--accent-2:var(--accent-primary-dark);--accent-3:var(--accent-secondary-dark);--accent-4:var(--accent-secondary);--raife-primary:var(--twin-1-primary);--raife-secondary:var(--twin-1-secondary);--raife-accent:var(--twin-1-primary-dark);--vinny-primary:var(--twin-2-primary);--vinny-secondary:var(--twin-2-secondary);--vinny-accent:var(--twin-2-primary-dark);--background:var(--color-beige);--foreground:var(--color-black-900);--card:var(--color-white);--card-foreground:var(--color-black-900);--popover:var(--color-white);--popover-foreground:var(--color-black-900);--primary-foreground:var(--color-black-900);--secondary:var(--color-white);--secondary-foreground:var(--color-black-900);--muted:var(--color-black-50);--muted-foreground:var(--color-black-500);--accent:var(--accent-primary);--accent-foreground:var(--color-black-900);--destructive:var(--status-error-dark);--destructive-foreground:var(--color-white);--warning:var(--status-warning-dark);--warning-foreground:var(--color-black-900);--success:var(--status-success-dark);--success-foreground:var(--color-white);--border:var(--color-black-100);--input:var(--color-white);--ring:var(--color-black-200);--breast-color:#427e8a1a;--breast-text:var(--color-blue-4);--bottle-color:#427e8a1a;--bottle-text:var(--color-blue-4);--formula-color:#4b68c31a;--formula-text:var(--color-purple-4);--wee-color:#3f88501a;--wee-text:var(--color-green-4);--poo-color:#b256201a;--poo-text:var(--color-orange-4);--lavender-50:#427e8a0d;--lavender-100:#427e8a1a;--lavender-200:#427e8a33;--lavender-300:#427e8a4d;--lavender-400:#427e8a66;--lavender-500:var(--color-blue-4);--lavender-600:#356a75;--lavender-700:#2a5560;--ocean-50:#427e8a0d;--ocean-100:#427e8a1a;--ocean-200:#427e8a33;--ocean-300:#427e8a4d;--ocean-400:#427e8a66;--ocean-500:var(--color-blue-4);--ocean-600:#356a75;--ocean-700:#2a5560;--coral-50:#f5e8e8;--coral-100:#f5d5d5;--coral-300:#e8c4a5;--coral-400:#d4a5a5;--coral-500:#c49595;--coral-600:#b48585;--coral-700:#a47575;--amber-100:#f5e8d5;--amber-400:#e8c4a5;--amber-700:#c49575;--sage-100:#d5e8d5;--sage-300:#b5d4b5;--sage-400:#a5c4a5;--sage-600:#95b495;--sage-700:#85a485;--success-100:var(--success-pastel);--success-400:var(--success-pastel-dark);--success-700:#85a485;--amber-50:#f5f2ed;--neutral-50:#fafaf9;--neutral-100:#f5f5f3;--neutral-200:#e8e4e0;--neutral-300:#dcd8d4;--neutral-600:#6b6b6b;--neutral-700:#4a4a4a;--neutral-800:#2c2c2c;--surface-base:#fff;--shadow-soft:0 2px 8px #00000014;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px}.quick-log-section{background:linear-gradient(135deg,var(--twin-1-secondary)0,var(--twin-2-secondary)100%);border:2px solid var(--accent-primary);border-radius:24px;margin:16px 24px 24px;padding:24px;position:relative}.quick-log-header{align-items:center;margin-bottom:20px;display:flex}.night-mode-icon{background:linear-gradient(135deg,var(--accent-primary)0,var(--accent-primary-dark)100%);width:40px;height:40px;color:var(--text-inverse);border-radius:50%;justify-content:center;align-items:center;margin-right:12px;font-size:18px;display:flex}.quick-log-title{color:var(--accent-primary-dark);margin:0;font-size:20px;font-weight:500}.quick-log-subtitle{color:var(--gray-600);margin:2px 0 0;font-size:14px}.quick-feed-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.quick-feed-btn{background:var(--bg-elevated);border:2px solid var(--accent-primary);text-align:center;cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:80px;padding:20px 16px;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex}.quick-feed-btn.active,.quick-feed-btn:hover{border-color:var(--accent-primary-dark);box-shadow:var(--shadow-medium);transform:translateY(-2px)}.quick-feed-btn.active{background:linear-gradient(135deg,var(--accent-primary)0,var(--accent-primary-dark)100%);color:var(--text-inverse)}.quick-feed-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.quick-feed-icon{opacity:.8;margin-bottom:8px;font-size:24px}.quick-feed-btn.active .quick-feed-icon{opacity:1}.quick-feed-label{font-size:14px;font-weight:500;line-height:1.2}.quick-feed-detail{opacity:.7;margin-top:2px;font-size:12px}.smart-defaults{background:#ffffffb3;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;display:flex}.smart-suggestion{color:var(--accent-2);font-size:14px;font-weight:500}.smart-time{color:var(--gray-600);background:#fff;border-radius:8px;padding:4px 8px;font-size:12px}.quick-record-btn{background:linear-gradient(135deg,var(--primary)0,var(--accent-4)100%);color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;width:100%;padding:16px 24px;font-size:16px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #c2947033}.quick-record-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #c294704d}.quick-record-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.quick-actions{flex-direction:column;gap:12px;display:flex}.detailed-toggle-btn{color:var(--accent-2);cursor:pointer;text-align:center;background:0 0;border:1px solid #44916f4d;border-radius:12px;padding:8px 16px;font-size:14px;transition:all .2s}.detailed-toggle-btn:hover{border-color:var(--accent-2);background:#44916f0d}.quick-selection-options{background:#ffffff80;border:1px solid #44916f1a;border-radius:16px;margin:16px 0;padding:16px}.selection-group{margin-bottom:16px}.selection-group:last-child{margin-bottom:0}.selection-title{color:var(--accent-2);margin:0 0 12px;font-size:14px;font-weight:600}.selection-buttons{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.selection-btn{color:var(--accent-2);cursor:pointer;text-align:center;background:#fff;border:2px solid #44916f33;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:12px 8px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.selection-btn:hover{box-shadow:0 4px 8px #44916f26}.selection-btn.active,.selection-btn:hover{border-color:var(--accent-2);transform:translateY(-1px)}.selection-btn.active{background:linear-gradient(135deg,var(--accent-2)0,var(--accent-1)100%);color:#fff;box-shadow:0 4px 8px #44916f40}.selection-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.duration-info{text-align:center;background:#44916f1a;border:1px solid #44916f33;border-radius:12px;padding:16px}.duration-text{color:var(--accent-2);font-size:16px;font-weight:600}@media (max-width:480px){.quick-feed-btn{min-height:90px;padding:24px 16px}.quick-feed-icon{font-size:28px}.quick-record-btn{padding:20px 24px;font-size:18px}.quick-log-section{margin:16px 16px 24px;padding:20px}}.feed-recorded{background:linear-gradient(135deg,var(--accent-1)0,#b2d9c44d 100%);animation:success-flash 1s ease-out}@keyframes success-flash{0%{background:var(--accent-1)}to{background:linear-gradient(135deg,var(--accent-1)0,#b2d9c44d 100%)}}@media (prefers-reduced-motion:reduce){.quick-feed-btn,.quick-record-btn{transition:none}.quick-feed-btn:hover{transform:none}.feed-recorded{animation:none}}.detailed-recording{background:#fff;border-radius:24px;margin:0 24px 24px;padding:24px;box-shadow:0 8px 24px #0000000a}.recording-toggle{cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:16px;padding:8px 0;display:flex}.recording-title{color:var(--primary);align-items:center;font-size:18px;font-weight:500;display:flex}.detailed-icon{background:linear-gradient(135deg,var(--primary)0,var(--accent-3)100%);color:#fff;border-radius:12px;margin-right:12px;padding:8px;font-size:16px}.expand-indicator{color:var(--gray-600);font-size:18px;transition:transform .3s}.recording-toggle.expanded .expand-indicator{transform:rotate(180deg)}.feed-type-enhanced{grid-template-columns:1fr;gap:12px;margin-bottom:24px;display:grid}.feed-type-option{cursor:pointer;background:#00000005;border:2px solid #0000000f;border-radius:16px;align-items:center;padding:16px 20px;transition:all .3s;display:flex}.feed-type-option:hover{background:#c294700d;border-color:#c2947033}.feed-type-option.selected{border-color:var(--primary);background:linear-gradient(135deg,#c294701a,#b2d9c41a)}.option-icon-circle{width:40px;height:40px;color:var(--accent-4);background:#80b9c81a;border-radius:50%;justify-content:center;align-items:center;margin-right:16px;font-size:18px;display:flex}.feed-type-option.selected .option-icon-circle{background:var(--primary);color:#fff}.option-details{flex:1}.option-title{color:var(--gray-900);margin:0 0 4px;font-size:16px;font-weight:500}.option-description{color:var(--gray-600);margin:0;font-size:14px}.session-details-compact{background:#00000005;border-radius:16px;margin-bottom:24px;padding:20px}.details-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.details-grid.one-column{grid-template-columns:1fr;max-width:300px;margin:0 auto 16px}.details-grid.two-columns{grid-template-columns:1fr 1fr}.time-input-enhanced{color:var(--gray-900);background:#fff;border:2px solid #00000014;border-radius:12px;padding:12px 16px;font-size:14px;transition:all .2s}.time-input-enhanced:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #c294701a}.care-events{gap:12px;margin-bottom:16px;display:flex}.care-toggle{cursor:pointer;color:var(--gray-700);background:#fff;border:2px solid #00000014;border-radius:12px;align-items:center;padding:8px 16px;font-size:14px;transition:all .2s;display:flex}.care-toggle.active{background:var(--accent-1);border-color:var(--accent-2);color:var(--accent-2)}.care-icon{margin-right:6px;font-size:16px}.notes-input-enhanced{color:var(--gray-900);resize:vertical;background:#fff;border:2px solid #00000014;border-radius:12px;width:100%;min-height:60px;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.notes-input-enhanced:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #c294701a}@media (max-width:480px){.detailed-recording{margin:0 16px 24px;padding:20px}.details-grid{grid-template-columns:1fr;gap:12px}.care-events{flex-direction:column;gap:8px}.care-toggle{justify-content:center}}*{border-color:hsl(var(--border))}html{touch-action:pan-y;height:100%;overflow-x:hidden}*{max-width:100%}body{background-color:var(--bg-primary);color:var(--foreground);font-family:var(--font-sans);font-feature-settings:var(--default-font-feature-settings,"liga" 1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.heading,.sessions-title-text-premium,.stats-dashboard-title-premium,.stats-title-premium,.twin-card-premium-name,h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.body-text,.text-base,p{font-family:var(--font-sans);font-weight:var(--font-weight-normal)}body{touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;height:100%;position:relative;overflow:hidden auto}*{transition:all .2s cubic-bezier(.4,0,.2,1)}:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsl(var(--muted));border-radius:4px}::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--foreground))}.scrollbar-raife ::-webkit-scrollbar-thumb{background:var(--raife-accent)}.scrollbar-raife ::-webkit-scrollbar-thumb:hover{background:var(--raife-primary)}.scrollbar-vinny ::-webkit-scrollbar-thumb{background:var(--vinny-accent)}.scrollbar-vinny ::-webkit-scrollbar-thumb:hover{background:var(--vinny-primary)}.h1{color:var(--primary);text-shadow:0 2px 4px #00000005;font-size:32px;font-weight:300;line-height:1.2}.h2{color:var(--accent-2);font-size:24px;font-weight:400;line-height:1.3}.h3{font-size:20px;font-weight:500;line-height:1.4}.body-large,.h3{color:var(--gray-900)}.body-large{font-size:16px;font-weight:400;line-height:1.5}.body-small{font-size:14px;font-weight:400;line-height:1.4}.body-small,.caption{color:var(--gray-600)}.caption{text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes gentle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.twin-selector{gap:20px;margin:40px 0 60px}.twin-selector,.twin-selector-enhanced{grid-template-columns:1fr 1fr;display:grid}.twin-selector-enhanced{gap:16px;margin-bottom:32px;padding:0 24px}.twin-card{aspect-ratio:1;color:#fff;cursor:pointer;text-align:center;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:120px;padding:24px;transition:all .4s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #c2947033}.twin-card:before{background:radial-gradient(circle at 70% 30%,#ffffff1a 0,#0000 50%)}.twin-card:after,.twin-card:before{content:"";z-index:1;position:absolute;inset:0}.twin-card:after{background:#0000001a}.twin-card>*{z-index:2;position:relative}.twin-name{color:#fff;text-shadow:0 2px 8px #0000004d;margin-bottom:4px;font-size:20px}.twin-subtitle{color:#ffffffe6;text-shadow:0 1px 4px #0003;font-size:14px}.twin-card:hover{transform:translateY(-6px)scale(1.02);box-shadow:0 20px 40px #c294704d}.twin-card:focus{outline:3px solid var(--accent-1);outline-offset:4px}.recent-activity{margin:0}.section-title{color:var(--primary);text-shadow:0 2px 4px #00000005;margin-bottom:8px;font-size:28px;font-weight:300}.section-subtitle{color:var(--gray-600);margin-bottom:32px;font-size:16px;line-height:1.4}.activity-timeline{flex-direction:column;gap:16px;display:flex}.timeline-item{background:var(--white);border:1px solid #00000005;border-radius:20px;padding:24px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000000a}.timeline-item:hover{transform:translateY(-4px);box-shadow:0 16px 40px #00000014}.timeline-item .flex.gap-2.justify-end{justify-content:flex-end!important;align-items:center!important;gap:8px!important;margin-top:16px!important;display:flex!important}.timeline-item .flex.gap-2.justify-end button{flex-shrink:0!important;justify-content:center!important;align-items:center!important;min-width:32px!important;min-height:32px!important;display:flex!important}.timeline-item-enhanced .flex.gap-2.justify-end{justify-content:flex-end!important;align-items:center!important;gap:8px!important;margin-top:16px!important;display:flex!important}.timeline-item-enhanced .flex.gap-2.justify-end button{flex-shrink:0!important;justify-content:center!important;align-items:center!important;min-width:32px!important;min-height:32px!important;display:flex!important}.timeline-item.breast-feed{border-left:4px solid var(--accent-2)}.timeline-item.bottle-feed{border-left:4px solid var(--accent-3)}.timeline-item.mixed-feed{border-left:4px solid var(--accent-4)}.btn-primary{background:linear-gradient(135deg,var(--primary)0,#b8956a 100%);color:#fff;cursor:pointer;border:none;border-radius:16px;min-height:56px;padding:18px 32px;font-size:16px;font-weight:500;transition:all .3s cubic-bezier(.2,.8,.2,1);box-shadow:0 8px 24px #c2947033}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #c294704d}.btn-primary:focus{outline:3px solid var(--accent-1);outline-offset:2px}.btn-secondary{color:var(--accent-3);cursor:pointer;background:#80b9c81a;border:2px solid #80b9c833;border-radius:16px;min-height:56px;padding:16px 24px;font-size:16px;font-weight:500;transition:all .2s}.btn-secondary:hover{background:#80b9c826;border-color:#80b9c866;transform:translateY(-1px)}.fab-enhanced{background:linear-gradient(135deg,var(--primary)0,var(--accent-2)100%);color:#fff;cursor:pointer;z-index:50;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;transition:all .3s;animation:gentle-pulse 4s ease-in-out infinite;display:flex;position:fixed;bottom:32px;right:24px;box-shadow:0 12px 32px #c294704d}.fab-enhanced:hover{transform:scale(1.1);box-shadow:0 16px 40px #c2947066}.fab{background:linear-gradient(135deg,var(--accent-2)0,#3a7a5f 100%);cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;animation:gentle-pulse 4s ease-in-out infinite;display:flex;position:fixed;bottom:32px;right:24px;box-shadow:0 12px 32px #44916f40}.fab:hover{transform:scale(1.1);box-shadow:0 16px 40px #44916f59}.home-background{background:var(--bg-primary);min-height:100vh}.analytics-background{background:radial-gradient(circle at 100% 0,#b2d9c408 0,#0000 50%);min-height:100vh}.decoration-circle{background:linear-gradient(45deg,var(--accent-1),var(--accent-4));opacity:.02;z-index:-1;pointer-events:none;border-radius:50%;position:absolute}.decoration-circle.large{width:300px;height:300px;top:-150px;right:-150px}.decoration-circle.small{width:150px;height:150px;bottom:-75px;left:-75px}.container{max-width:480px;padding:0 var(--space-xl);width:100%;margin:0 auto;overflow-x:hidden}.section-spacing{margin-bottom:var(--space-xxl)}.card-spacing{margin-bottom:var(--space-md)}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-fade-in-up{animation:fadeInUp .6s cubic-bezier(.2,.8,.2,1)}.animate-slide-in{animation:slideIn .3s ease-out}.animate-breathe{animation:breathe 3s ease-in-out infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.touch-target{min-width:44px;min-height:44px}@media (max-width:640px){.mobile-padding{padding:1rem}.mobile-text{font-size:.875rem}.mobile-heading{font-size:1.5rem}}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.gradient-bg{background:linear-gradient(135deg,hsl(var(--background))0,hsl(var(--muted))100%)}.feed-type-breast{background-color:var(--breast-color);color:var(--breast-text);border:1px solid var(--breast-text);border-radius:12px}.feed-type-bottle,.feed-type-breast{padding:4px 8px;font-size:12px;font-weight:500}.feed-type-bottle{background-color:var(--bottle-color);color:var(--bottle-text);border:1px solid var(--bottle-text);border-radius:12px}.feed-type-formula{background-color:var(--formula-color);color:var(--formula-text);border:1px solid var(--formula-text);border-radius:12px;padding:4px 8px;font-size:12px;font-weight:500}.wee-indicator{background-color:var(--wee-color);color:var(--wee-text);border:1px solid var(--wee-text);border-radius:12px}.poo-indicator,.wee-indicator{padding:4px 8px;font-size:12px}.poo-indicator{background-color:var(--poo-color);color:var(--poo-text);border:1px solid var(--poo-text);border-radius:12px;font-weight:500}.raife-accent{background:linear-gradient(135deg,var(--raife-primary)0,var(--raife-secondary)100%);color:var(--raife-accent);border:2px solid var(--raife-accent);border-radius:16px;font-weight:600;transition:all .3s}.raife-accent:hover{background:linear-gradient(135deg,var(--raife-accent)0,#3a7a5f 100%);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #44916f33}.vinny-accent{background:linear-gradient(135deg,var(--vinny-primary)0,var(--vinny-secondary)100%);color:var(--vinny-accent);border:2px solid var(--vinny-accent);border-radius:16px;font-weight:600;transition:all .3s}.vinny-accent:hover{background:linear-gradient(135deg,var(--vinny-accent)0,#1a5a5c 100%);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #247d7f33}.raife-accent .font-semibold{color:var(--raife-accent)}.vinny-accent .font-semibold{color:var(--vinny-accent)}.status-success{background:linear-gradient(135deg,var(--accent-2)0,#3a7a5f 100%)}.status-success,.status-warning{color:#fff;border-radius:12px;padding:8px 16px;font-weight:500}.status-warning{background:linear-gradient(135deg,#f4a261,#e76f51)}.status-error{color:#fff;background:linear-gradient(135deg,#e76f51,#d62828);border-radius:12px;padding:8px 16px;font-weight:500}@media (max-width:375px){.twin-selector{grid-template-columns:1fr;gap:16px}.stats-hero{grid-template-columns:1fr 1fr}.container{padding:0 var(--space-md)}}@media (min-width:768px){.container{max-width:600px}.twin-selector{grid-template-columns:repeat(3,1fr)}}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-top{padding-top:env(safe-area-inset-top)}@media (max-width:768px){html{overflow:hidden}body,html{width:100%;height:100%;position:fixed}body{-webkit-overflow-scrolling:touch;overscroll-behavior:none;overflow:hidden auto}#__next{-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto}}.homepage-header{background:linear-gradient(135deg,#c294700d,#b2d9c40d);border-radius:0 0 24px 24px;margin-bottom:8px;padding:24px}.app-title-section{justify-content:space-between}.app-branding,.app-icon-circle,.app-title-section{align-items:center;display:flex}.app-icon-circle{background:linear-gradient(135deg,var(--primary)0,var(--accent-1)100%);color:#fff;border-radius:50%;justify-content:center;width:40px;height:40px;margin-right:12px;font-size:16px;font-weight:600}.app-title{color:var(--primary);margin:0;font-size:26px;font-weight:300}.app-subtitle{color:var(--accent-2);margin:2px 0 0;font-size:14px;font-weight:500}.welcome-message{border-left:4px solid var(--accent-1);background:#ffffffb3;border-radius:16px;margin-top:16px;padding:16px 20px}.welcome-text{color:var(--gray-700);margin:0;font-size:14px}.welcome-time{color:var(--accent-2);margin-top:4px;font-size:12px;font-weight:500}.card-elevated{background:var(--white);border:1px solid #00000005;border-radius:24px;margin-bottom:24px;box-shadow:0 12px 32px #0000000f}.card-header{border-bottom:1px solid #0000000d;padding:28px 28px 20px}.card-content{padding:28px}.twin-selector{margin-bottom:32px;padding:0 24px}.twin-card-enhanced{background:linear-gradient(135deg,var(--accent-2)0,var(--accent-1)100%);color:#fff;text-align:left;cursor:pointer;border:none;border-radius:24px;flex-direction:column;justify-content:space-between;width:100%;min-height:120px;padding:32px 24px;transition:all .4s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #44916f26}.twin-card-vinny{background:linear-gradient(135deg,var(--accent-3)0,var(--accent-4)100%);box-shadow:0 12px 32px #247d7f26}.twin-card-enhanced:before{content:"";background:#ffffff1a;border-radius:50%;width:80px;height:80px;position:absolute;top:-20px;right:-20px}.twin-card-enhanced:after{content:"";background:#ffffff0d;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-30px;left:-30px}.twin-name-large{text-shadow:0 2px 8px #0003;z-index:2;font-weight:600;position:relative}.twin-action-text{opacity:.9;z-index:2;font-size:14px;position:relative}.twin-card-enhanced:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #44916f40}.twin-card-vinny:hover{box-shadow:0 20px 40px #247d7f40}.last-feed-indicator{z-index:2;background:#fff3;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:500;position:absolute;top:8px;right:8px}.twin-card-bg-elements{pointer-events:none;position:absolute;inset:0}.twin-card-bg-elements:before{content:"";background:#ffffff1a;border-radius:50%;width:80px;height:80px;position:absolute;top:-20px;right:-20px}.twin-card-bg-elements:after{content:"";background:#ffffff0d;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-30px;left:-30px}.twin-header{z-index:2;justify-content:space-between;margin-bottom:16px;position:relative}.twin-name-section{align-items:center;display:flex}.twin-avatar{text-shadow:0 2px 4px #0003;background:#fff3;font-size:18px;font-weight:700}.twin-name{text-shadow:0 2px 8px #0003;font-size:22px;font-weight:600}.feed-status-indicator{background:#ffffffe6;border-radius:50%;width:12px;height:12px;position:relative}.feed-status-indicator.recent{background:#10b981;box-shadow:0 0 0 3px #10b9814d}.feed-status-indicator.due-soon{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b4d}.feed-status-indicator.overdue{background:#ef4444;animation:gentle-pulse 2s ease-in-out infinite;box-shadow:0 0 0 3px #ef44444d}.last-fed-section{z-index:2;position:relative}.last-fed-main{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.last-fed-time{text-shadow:0 1px 4px #0003;font-size:16px;font-weight:600}.feed-type-badge{text-transform:uppercase;letter-spacing:.5px;color:#fff;background:#fff3;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:600}.last-fed-details{opacity:.9;justify-content:space-between;font-size:12px}.feed-amount,.last-fed-details{align-items:center;display:flex}.amount-icon{width:14px;height:14px;margin-right:4px}.next-feed-estimate{font-size:11px;font-style:italic}.action-hint{opacity:.7;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 16px);font-size:10px;position:absolute;bottom:8px;right:8px;overflow:hidden}@media (max-width:480px){.twin-selector-enhanced{grid-template-columns:1fr;gap:12px}.twin-card-enhanced{min-height:120px;padding:20px 16px}.twin-name{font-size:20px}.last-fed-time{font-size:14px}.twin-avatar{width:36px;height:36px;font-size:16px}}@media (max-width:375px){.twin-header{flex-direction:column;align-items:flex-start;gap:8px}.feed-status-indicator{align-self:flex-end}.last-fed-main{flex-direction:column;align-items:flex-start;gap:4px}}.mobile-space-y>*+*{margin-top:32px}.mobile-touch{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.todays-stats-enhanced{background:#fff;border:1px solid #0000000a;border-radius:24px;margin:0 24px 32px;padding:24px;box-shadow:0 8px 32px #0000000f}.stats-title{font-size:20px}.stats-title,.total-feeds-hero{align-items:center;display:flex}.total-feeds-hero{background:linear-gradient(135deg,#b2d9c41a,#80b9c81a);border-radius:20px;justify-content:space-between;margin-bottom:24px;padding:20px;position:relative;overflow:hidden}.total-feeds-hero>div:first-child{flex:1;min-width:0}.feeds-number{color:var(--accent-2);font-size:48px;font-weight:300;line-height:1}.feeds-label{color:var(--accent-2);font-size:16px;font-weight:500}.total-feeds-hero .h-12{flex-shrink:0;width:48px;height:48px;margin-left:16px}.feed-breakdown-visual{margin:20px 0}.breakdown-item{background:#00000005;border-radius:16px;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.breakdown-item,.breakdown-left,.feed-type-icon{align-items:center;display:flex}.feed-type-icon{color:#fff;border-radius:50%;justify-content:center;width:32px;height:32px;margin-right:12px;font-size:14px}.breast-feed-icon{background:linear-gradient(135deg,#e8b4f0,#c084fc)}.bottle-feed-icon{background:linear-gradient(135deg,var(--accent-1)0,var(--accent-2)100%)}.breakdown-right{align-items:center;gap:12px;display:flex}.percentage-badge{background:var(--primary);color:#fff;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:600}.bottle-feeds-overall{margin-bottom:8px!important}.bottle-breakdown-sub{border-left:3px solid var(--accent-1);background:#b2d9c40d;border-radius:12px;margin-bottom:16px;margin-left:20px;padding:12px 16px}.breakdown-sub-item{background:#fff9;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 12px;display:flex}.breakdown-sub-item:last-child{margin-bottom:0}.breakdown-sub-left,.breakdown-sub-right{align-items:center;gap:8px;display:flex}.feed-type-icon-small{border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.breast-milk-icon{color:var(--accent-1);background:#b2d9c433}.formula-icon{color:var(--accent-4);background:#80b9c833}.percentage-badge-small{background:var(--accent-1);color:#fff;border-radius:8px;padding:2px 6px;font-size:10px;font-weight:600}.twin-breakdown-section{background:#c094700d;border:1px solid #c094701a;border-radius:12px;margin-top:16px;padding:16px}.twin-breakdown-header{border-bottom:1px solid #c094701a;margin-bottom:12px;padding-bottom:8px}.twin-breakdown-item{background:#ffffffb3;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px;display:flex}.twin-breakdown-item:last-child{margin-bottom:0}.twin-breakdown-left{align-items:center;gap:10px;display:flex}.twin-breakdown-right{align-items:center;gap:12px;display:flex}.twin-avatar-small{color:#fff;font-size:12px;font-weight:600}.twin-feed-stats{align-items:center;gap:8px;display:flex}.twin-stat-item{background:#0000000d;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;display:flex}.twin-percentage{background:var(--primary);color:#fff;text-align:center;border-radius:10px;min-width:32px;padding:4px 8px;font-size:11px;font-weight:600}.summary-stats-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;display:grid}.summary-stat{background:#00000005;border-radius:16px}.stat-value{color:var(--accent-3);font-size:20px;font-weight:600;display:block}.stat-label{color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:12px}.recent-sessions-enhanced{background:#fff;border-radius:24px;margin:0 24px 32px;padding:24px;box-shadow:0 8px 32px #0000000f}.sessions-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.sessions-title{color:var(--primary);align-items:center;font-size:20px;font-weight:500;display:flex}.timeline-icon{background:linear-gradient(135deg,var(--accent-3)0,var(--accent-4)100%);color:#fff;border-radius:12px;margin-right:12px;padding:8px;font-size:16px}.timeline-item-enhanced{border-left:3px solid var(--accent-1);background:#00000003;border-radius:16px;margin-bottom:24px;padding:16px 16px 16px 48px;transition:all .2s;position:relative}.timeline-item-enhanced:hover{border-left-color:var(--primary);background:#00000005;transform:translate(4px)}.timeline-item .flex.gap-2{flex-shrink:0;justify-content:flex-end;min-width:80px;margin-left:auto}.timeline-avatar{color:#fff;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex;position:absolute;top:16px;left:-24px;box-shadow:0 2px 8px #0000001a}.timeline-avatar.raife{background:linear-gradient(135deg,var(--accent-2)0,var(--accent-1)100%)}.timeline-avatar.vinny{background:linear-gradient(135deg,var(--accent-3)0,var(--accent-4)100%)}.feed-details-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.feed-duration{color:var(--gray-600);font-size:12px;font-weight:500}.wee-indicator{color:var(--accent-4);background:#80b9c833;border-radius:8px;padding:2px 6px;font-size:11px;font-weight:500}.hero-text{color:var(--primary);text-shadow:0 2px 4px #00000005;font-size:32px;font-weight:300}.progress-organic{background:var(--gray-100);height:12px;margin:16px 0;overflow:hidden}.progress-fill,.progress-organic{border-radius:6px;position:relative}.progress-fill{background:linear-gradient(90deg,var(--accent-2),var(--accent-1));height:100%;transition:width 1.2s cubic-bezier(.2,.8,.2,1)}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:shimmer 2s infinite;position:absolute;top:0;left:-100%}.time-filter-section{z-index:10;background:0 0;margin-bottom:0;padding:8px 0 0;position:sticky;top:0}.time-filter-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #fff3;border-radius:16px;align-items:center;margin-bottom:0;padding:12px 16px;box-shadow:0 4px 20px #00000014}.filter-pills-group,.time-filter-container{flex-wrap:wrap;gap:8px;display:flex}.time-filter-pill{color:var(--accent-3);cursor:pointer;white-space:nowrap;background:#80b9c81a;border:2px solid #80b9c826;border-radius:20px;align-items:center;min-height:44px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.time-filter-pill:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.time-filter-pill:hover:before{left:100%}.time-filter-pill:hover{background:#80b9c826;border-color:#80b9c84d;transform:translateY(-1px);box-shadow:0 4px 12px #80b9c826}.time-filter-pill.active{background:linear-gradient(135deg,var(--primary)0,var(--accent-4)100%);border-color:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #c2947040}.time-filter-pill.active:hover{transform:translateY(-3px);box-shadow:0 6px 16px #c2947059}.current-period-indicator{color:var(--accent-2);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#b2d9c41a;border:1px solid #b2d9c433;border-radius:12px;align-items:center;margin-left:auto;padding:8px 16px;font-size:12px;font-weight:500;display:flex}.period-icon{background:var(--accent-2);border-radius:50%;width:12px;height:12px;margin-right:6px;animation:pulse 2s infinite}.custom-date-container{opacity:0;max-height:0;margin-top:12px;transition:all .4s cubic-bezier(.2,.8,.2,1);overflow:hidden}.custom-date-container.visible{opacity:1;max-height:200px}.date-picker-wrapper{background:#fff;border:2px solid #80b9c81a;border-radius:16px;padding:20px;animation:slideDown .4s cubic-bezier(.2,.8,.2,1);box-shadow:0 8px 24px #00000014}.date-input-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.date-input{color:var(--accent-3);background:#80b9c80d;border:2px solid #80b9c826;border-radius:12px;flex:1;min-width:140px;min-height:44px;padding:12px 16px;font-size:14px;transition:all .2s}.date-input:focus{border-color:var(--primary);background:#c294700d;outline:none;box-shadow:0 0 0 3px #c2947026}.apply-date-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;min-height:44px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;position:relative;overflow:hidden}.apply-date-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.apply-date-btn:hover:before{left:100%}.apply-date-btn:hover{background:#b8956a;transform:translateY(-1px);box-shadow:0 4px 12px #c294704d}.apply-date-btn:disabled{cursor:not-allowed;box-shadow:none;background:#ccc;transform:none}.chart-header-with-period{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.chart-title{color:var(--primary);font-size:20px;font-weight:500}.chart-period-badge{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;background:#c294701a;border-radius:12px;padding:4px 12px;font-size:11px;font-weight:600;animation:fadeInScale .3s}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.hero-stat-card.with-time-context{position:relative}.hero-stat-card.with-time-context:before{content:attr(data-period);text-transform:uppercase;letter-spacing:.5px;background:#fff3;border-radius:8px;padding:4px 8px;font-size:10px;font-weight:500;position:absolute;top:12px;right:12px}.timeline-current-period{border-left:3px solid var(--primary);border-right:3px solid var(--primary);pointer-events:none;z-index:2;background:#c294701a;animation:highlightPulse 2s infinite;position:absolute;top:0;bottom:0}@keyframes highlightPulse{0%,to{opacity:.3}50%{opacity:.6}}.timeline-period-label{color:var(--primary);background:#fff;border-radius:8px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;top:-24px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #0000001a}.trend-chart-period-marker{position:relative}.trend-chart-period-marker:after{content:"";background:linear-gradient(90deg,transparent,var(--primary),transparent);height:2px;animation:shimmer 2s infinite;position:absolute;bottom:-8px;left:0;right:0}.period-end-marker,.period-start-marker{background:var(--primary);opacity:.6;width:2px;animation:markerPulse 1.5s infinite;position:absolute;top:0;bottom:0}@keyframes markerPulse{0%,to{opacity:.6}50%{opacity:1}}.period-end-marker:before,.period-start-marker:before{content:attr(data-time);color:var(--primary);white-space:nowrap;background:#fff;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500;position:absolute;top:-20px;box-shadow:0 1px 3px #0000001a}.chart-updating{opacity:.6;transition:opacity .3s}.chart-updated{opacity:1;animation:slideInData .5s cubic-bezier(.2,.8,.2,1)}@keyframes slideInData{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chart-loading{position:relative}.chart-loading:after{content:"";border:2px solid #c2947033;border-top:2px solid var(--primary);border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:spin 1s linear infinite;position:absolute;top:50%;left:50%}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.time-filter-section{padding:12px 16px 20px}.time-filter-container{flex-direction:column;align-items:stretch}.filter-pills-group{justify-content:center;margin-bottom:12px}.time-filter-pill{flex:1;justify-content:center;min-width:0;padding:10px 16px;font-size:13px}.current-period-indicator{text-align:center;margin:0;font-size:11px}.date-input-group{flex-direction:column}.date-input{min-width:100%}}@media (max-width:480px){.filter-pills-group{grid-template-columns:1fr 1fr;gap:8px;display:grid}.time-filter-pill{min-height:40px;padding:8px 12px;font-size:12px}.chart-header-with-period{flex-direction:column;align-items:flex-start;gap:8px}.chart-period-badge{padding:3px 8px;font-size:10px}}.time-filter-pill:focus{outline:3px solid var(--accent-1);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-contrast:high){.time-filter-pill{border-width:3px}.time-filter-pill.active{border-color:#000}.date-input{border-width:3px}}.hero-stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin:24px}.hero-stat-card{background:linear-gradient(135deg,var(--primary)0,var(--accent-4)100%);border-radius:24px;min-height:140px;padding:32px 20px;transition:all .3s cubic-bezier(.2,.8,.2,1);box-shadow:0 12px 32px #c2947033}.hero-stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #c294704d}.today-number{margin-bottom:8px;font-size:48px;font-weight:300;line-height:1}.average-comparison{opacity:.9;justify-content:center;align-items:center;gap:4px;font-size:14px;display:flex}.trend-indicator{width:16px;height:16px}.twin-comparison{grid-template-columns:1fr 1fr;gap:20px;margin:24px;display:grid}.twin-analytics-card{background:#fff;border:1px solid #00000005;border-radius:20px;padding:24px;transition:all .3s;box-shadow:0 8px 24px #0000000a}.twin-analytics-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00000014}.twin-header{margin-bottom:24px}.twin-avatar,.twin-header{align-items:center;display:flex}.twin-avatar{border-radius:50%;justify-content:center;width:40px;height:40px;margin-right:12px}.twin-metrics{flex-direction:column;gap:20px;display:flex}.twin-metric{justify-content:space-between;align-items:center;min-height:32px;display:flex}.twin-metric-label{color:var(--gray-600);font-size:14px;font-weight:400}.twin-metric-value{color:var(--gray-900);white-space:nowrap;text-align:right;vertical-align:middle;flex-shrink:0;min-width:0;font-size:20px;font-weight:300;line-height:1;display:inline-block}.twin-avatar.raife-accent{background:linear-gradient(135deg,var(--raife-primary)0,var(--raife-accent)100%)}.twin-avatar.vinny-accent{background:linear-gradient(135deg,var(--vinny-primary)0,var(--vinny-accent)100%)}.twin-metric-value{word-break:keep-all;overflow-wrap:normal}.feed-type-visual{border-radius:6px;height:12px;margin:16px 0;display:flex;overflow:hidden}.segment-breast{background:var(--accent-2)}.segment-bottleBreastMilk{background:var(--accent-1)}.segment-bottleFormula{background:var(--accent-4)}.feed-type-legend{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.legend-item{align-items:center;font-size:12px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px;margin-right:6px}.feeding-timeline{background:var(--gray-100);border-radius:12px;height:60px;margin:20px 0;display:flex;position:relative}.timeline-hour{justify-content:center;align-items:flex-end;width:4.16667%;height:100%;display:flex;position:relative}.feed-indicator{border-radius:2px;width:4px;transition:all .3s;position:absolute;bottom:4px}.feed-high{background:var(--accent-2);height:80%}.feed-medium{background:var(--accent-1);height:60%}.feed-low{background:var(--accent-4);height:40%}.supplement-indicator{z-index:2;opacity:.8;font-size:12px;transition:all .2s;position:absolute;top:4px}.supplement-indicator:hover{opacity:1;transform:scale(1.2)}.multivitamin-indicator{left:2px}.iron-indicator{right:2px}.supplement-legend{text-align:center;background:#00000005;border-radius:8px;margin-top:8px;padding:8px}.trend-chart-container{background:#fff;border:1px solid #00000005;box-shadow:0 8px 24px #0000000a}.achievement-card,.trend-chart-container{border-radius:20px;margin:16px 24px;padding:24px}.achievement-card{background:linear-gradient(135deg,var(--primary)0,var(--accent-1)100%);color:#fff;text-align:center;transition:all .3s;box-shadow:0 12px 32px #c2947033}.achievement-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px #c294704d}.achievement-icon{justify-content:center;margin-bottom:16px;font-size:48px;display:flex}.achievement-text{margin-bottom:8px;font-size:16px;font-weight:500}.achievement-detail{opacity:.9;font-size:14px;line-height:1.4}.prediction-card{background:#80b9c80d;border:2px solid #80b9c81a;border-radius:20px;margin:8px 0;padding:20px;transition:all .3s}.prediction-card:hover{transform:translateY(-1px);box-shadow:0 8px 24px #80b9c81a}.prediction-title{color:var(--accent-3);margin-bottom:8px;font-size:16px;font-weight:500}.prediction-detail{color:var(--gray-600);line-height:1.4}.twin-insight-card{background:#fff;border:1px solid #00000005;border-radius:20px;margin:16px 24px;padding:24px;transition:all .3s;box-shadow:0 8px 24px #0000000a}.twin-insight-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00000014}.insight-header{align-items:center;margin-bottom:16px;display:flex}.twin-avatars{margin-right:12px;display:flex}.twin-avatar-small{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-right:-8px;display:flex}.twin-avatar-small.raife-accent{background:linear-gradient(135deg,var(--raife-primary)0,var(--raife-accent)100%);z-index:2}.twin-avatar-small.vinny-accent{background:linear-gradient(135deg,var(--vinny-primary)0,var(--vinny-accent)100%);z-index:1}@media (max-width:480px){.twin-selector{padding:0 16px}.twin-card-enhanced{min-height:100px;padding:24px 20px}.twin-name-large{font-size:20px}.summary-stats-grid{grid-template-columns:1fr;gap:12px}.homepage-header{padding:20px 16px}.app-title{font-size:22px}.welcome-message{padding:12px 16px}.recent-sessions-enhanced,.todays-stats-enhanced{margin:0 16px 24px;padding:20px}.timeline-item-enhanced{padding:12px 12px 12px 40px}.timeline-avatar{width:28px;height:28px;font-size:12px;left:-20px}.fab-enhanced{width:56px;height:56px;bottom:24px;right:20px}.timeline-item{padding:16px}.timeline-item .flex.gap-2.justify-end,.timeline-item-enhanced .flex.gap-2.justify-end{gap:6px!important;margin-top:12px!important}.action-hint{max-width:calc(100% - 12px);font-size:9px;bottom:6px;right:6px}.total-feeds-hero{padding:16px}.total-feeds-hero .h-12{width:40px;height:40px;margin-left:12px}.feeds-number{font-size:36px}}@media (max-width:375px){.twin-comparison{grid-template-columns:1fr;gap:16px;margin:16px}.twin-analytics-card{padding:20px}.twin-metrics{gap:16px}.twin-metric-value{font-size:16px}.twin-metric-label{font-size:12px}.hero-stats-grid{grid-template-columns:1fr 1fr;margin:16px}.achievement-card,.trend-chart-container{margin:16px}.twin-card-enhanced{min-height:90px;padding:20px 16px}.twin-name-large{font-size:18px}.homepage-header{padding:16px 12px}.app-title{font-size:20px}.app-icon-circle{width:36px;height:36px;margin-right:10px}.timeline-item{padding:12px}.action-hint{max-width:calc(100% - 8px);font-size:8px;bottom:4px;right:4px}.total-feeds-hero{padding:12px}.total-feeds-hero .h-12{width:36px;height:36px;margin-left:8px}.feeds-number{font-size:28px}}@media (min-width:640px) and (max-width:767px){.twin-metric-value{font-size:17px}.twin-metric-label{font-size:12px}}@media (min-width:768px){.analytics-container{max-width:600px;margin:0 auto}.twin-metric-value{font-size:22px}}.enhanced-stats-section{background:#fff;border:1px solid #00000005;border-radius:24px;margin:0 24px 32px;padding:32px 24px;box-shadow:0 8px 32px #0000000a}.stats-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.stats-title-group{flex:1;align-items:center;display:flex}.stats-icon{background:linear-gradient(135deg,var(--primary)0,var(--accent-1)100%);color:#fff;border-radius:16px;margin-right:16px;padding:12px;font-size:20px}.stats-title{color:var(--primary);margin:0;font-size:22px;font-weight:500}.detailed-analytics-btn{color:var(--primary);cursor:pointer;background:#c294701a;border:1px solid #c2947033;border-radius:12px;align-items:center;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.detailed-analytics-btn:hover{background:#c2947026;transform:translateY(-1px)}.analytics-icon{margin-left:4px;font-size:14px}.hero-stats-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px;display:grid}.hero-stat-card{background:linear-gradient(135deg,var(--accent-2)0,var(--accent-1)100%);color:#fff;text-align:center;border-radius:20px;flex-direction:column;justify-content:center;min-height:120px;padding:24px 20px;display:flex;position:relative;overflow:hidden}.hero-stat-card.volume-card{background:linear-gradient(135deg,var(--accent-3)0,var(--accent-4)100%)}.hero-stat-card:before{content:"";background:#ffffff1a;border-radius:50%;width:80px;height:80px;position:absolute;top:-20px;right:-20px}.hero-stat-number{text-shadow:0 2px 8px #0000001a;z-index:2;margin-bottom:8px;font-size:48px;font-weight:300;line-height:1;position:relative}.hero-stat-label{opacity:.9;text-shadow:0 1px 4px #0000001a;z-index:2;font-size:14px;font-weight:500;position:relative}.hero-stat-sublabel{opacity:.7;z-index:2;margin-top:4px;font-size:12px;position:relative}.feed-distribution{background:#00000005;border-radius:20px;margin-bottom:32px;padding:24px}.distribution-header{text-align:center;margin-bottom:24px}.distribution-title{color:var(--gray-700);margin-bottom:4px;font-size:16px;font-weight:600}.distribution-subtitle{color:var(--gray-600);font-size:13px}.feed-type-breakdown{flex-direction:column;gap:16px;display:flex}.feed-type-row{background:#fff;border:1px solid #0000000a;border-radius:16px;align-items:center;padding:20px;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000005}.feed-type-row:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.feed-type-icon-circle{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-right:20px;font-size:20px;display:flex}.feed-type-icon-circle.breast{background:linear-gradient(135deg,#e8b4f0,#c084fc)}.feed-type-icon-circle.bottle-formula{background:linear-gradient(135deg,var(--accent-3)0,var(--accent-4)100%)}.feed-type-icon-circle.bottle-ebm{background:linear-gradient(135deg,var(--accent-1)0,var(--accent-2)100%)}.feed-type-info{flex:1;min-width:0}.feed-type-name{color:var(--gray-800);margin-bottom:4px;font-size:16px;font-weight:600;line-height:1.2}.feed-type-detail{color:var(--gray-600);font-size:13px;line-height:1.3}.feed-type-stats{flex-shrink:0;align-items:center;gap:16px;display:flex}.feed-count{color:var(--gray-800);background:#0000000d;min-width:32px;padding:8px 14px;font-size:15px}.feed-count,.feed-percentage{text-align:center;border-radius:14px;font-weight:700}.feed-percentage{background:var(--primary);color:#fff;min-width:44px;padding:6px 12px;font-size:12px}.feed-progress-bar{background:#00000014;border-radius:3px;width:80px;height:6px;margin-left:12px;overflow:hidden}.feed-progress-fill{background:var(--primary);border-radius:3px;height:100%;transition:width .8s}.feed-progress-fill.breast{background:linear-gradient(90deg,#e8b4f0,#c084fc)}.feed-progress-fill.bottle-formula{background:linear-gradient(90deg,var(--accent-3)0,var(--accent-4)100%)}.feed-progress-fill.bottle-ebm{background:linear-gradient(90deg,var(--accent-1)0,var(--accent-2)100%)}.twin-comparison-section{margin-bottom:32px}.twin-section-header{align-items:center;margin-bottom:20px;display:flex}.twin-section-title{color:var(--gray-700);margin-right:12px;font-size:16px;font-weight:600}.twin-balance-indicator{background:#0000000f;border-radius:3px;flex:1;height:6px;position:relative;overflow:hidden}.balance-fill-raife{background:linear-gradient(90deg,var(--accent-2)0,var(--accent-1)100%);border-radius:3px 0 0 3px;height:100%;transition:width .8s}.balance-fill-vinny{background:linear-gradient(90deg,var(--accent-3)0,var(--accent-4)100%);border-radius:0 3px 3px 0;height:100%;transition:width .8s;position:absolute;top:0;right:0}.twin-cards-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.twin-summary-card{text-align:center;border-left:4px solid var(--accent-2);background:#fff;border-radius:16px;padding:20px 16px;transition:all .2s;box-shadow:0 4px 16px #0000000a}.twin-summary-card.vinny{border-left-color:var(--accent-3)}.twin-summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.twin-name-large{color:var(--primary);text-align:center;text-shadow:none;margin-bottom:8px;font-size:24px;font-weight:700}.twin-volume-today{color:var(--gray-600);text-align:center;margin-bottom:16px;font-size:14px;font-weight:500}.twin-stats-compact{justify-content:space-around;align-items:center;display:flex}.twin-stat-item{text-align:center}.twin-stat-icon{color:var(--gray-500);margin-bottom:4px;font-size:16px}.twin-stat-number{color:var(--accent-2);font-size:18px;font-weight:600;display:block}.twin-summary-card.vinny .twin-stat-number{color:var(--accent-3)}.twin-stat-label{color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:10px}.summary-stats-section{border-top:1px solid #0000000f;padding-top:24px}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;display:grid}.summary-stat{text-align:center;background:#00000003;border:1px solid #0000000a;border-radius:12px;padding:16px 12px}.summary-stat-value{color:var(--accent-2);margin-bottom:4px;font-size:20px;font-weight:600;display:block}.summary-stat-label{color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.summary-stat-trend{color:var(--accent-1);margin-top:2px;font-size:10px;font-weight:500}@media (max-width:480px){.enhanced-stats-section{margin:0 16px 24px;padding:24px 20px}.hero-stats-grid{grid-template-columns:1fr;gap:16px}.hero-stat-card{min-height:100px;padding:20px 16px}.hero-stat-number{font-size:36px}.twin-cards-grid{grid-template-columns:1fr;gap:12px}.summary-grid{grid-template-columns:1fr 1fr;gap:12px}.feed-type-row{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.feed-type-icon-circle{align-self:flex-start;width:40px;height:40px;margin-right:0;font-size:18px}.feed-type-info{width:100%}.feed-type-stats{justify-content:space-between;gap:8px;width:100%}.feed-progress-bar{width:60px;height:4px;margin-left:8px}.stats-header{flex-direction:column;align-items:flex-start;gap:12px}.detailed-analytics-btn{align-self:flex-end}}.bottom-nav{background:var(--surface-base);border-top:1px solid var(--neutral-200);padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:100;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000000d}.nav-items{justify-content:space-around;max-width:600px;margin:0 auto;padding:0 8px}.nav-item,.nav-items{align-items:center;display:flex}.nav-item{border-radius:var(--radius-lg);cursor:pointer;max-width:80px;color:var(--neutral-600);flex-direction:column;flex:1;justify-content:center;padding:8px 4px;text-decoration:none;transition:all .2s}.nav-item:hover{background:var(--neutral-50)}.nav-item.active{background:var(--neutral-100);color:var(--primary)}.nav-item.sleep.active{background:var(--lavender-100);color:var(--lavender-600)}.nav-item.milk.active{background:var(--ocean-100);color:var(--ocean-600)}.nav-item-icon{width:24px;height:24px;margin-bottom:4px}.nav-item-label{font-size:11px;font-weight:500}.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;padding:0 24px;display:grid}.twin-card-enhanced.sleep-card{background:linear-gradient(135deg,#9a9bc8,#c5c6e8);min-height:100px;padding:24px;box-shadow:0 12px 32px #9a9bc826}.twin-card-enhanced.milk-card{background:linear-gradient(135deg,#c29470,#e5b895);min-height:100px;padding:24px;box-shadow:0 12px 32px #c2947026}.twin-card-enhanced.sleep-card:hover{box-shadow:0 20px 40px #9a9bc840}.twin-card-enhanced.milk-card:hover{box-shadow:0 20px 40px #c2947040}.quick-action-content-section{z-index:2;margin-bottom:8px;position:relative}.quick-action-main-text{color:#fff;opacity:.95;font-size:14px;font-weight:500}.pump-logger-container,.sleep-logger-container{max-width:500px;margin:0 auto;padding:20px}.pump-logger-card,.sleep-logger-card{background:var(--surface-base);border-radius:var(--radius-2xl);box-shadow:var(--shadow-medium);border:1px solid var(--neutral-200);padding:28px 24px}.logger-header,.pump-header{align-items:center;gap:12px;margin-bottom:28px;display:flex}.logger-icon,.pump-icon{border-radius:var(--radius-lg);color:#fff;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.logger-icon{background:linear-gradient(135deg,var(--lavender-500)0,var(--lavender-600)100%);box-shadow:0 4px 12px #9d6bff33}.pump-icon{background:linear-gradient(135deg,var(--ocean-500)0,var(--ocean-600)100%);box-shadow:0 4px 12px #0eaeeb33}.logger-title h1{font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--neutral-800);margin:0 0 4px;font-size:24px;font-weight:600}.logger-title p{color:var(--neutral-600);margin:0;font-size:15px}.twin-selector-sleep{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.twin-select-option{background:var(--neutral-50);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);cursor:pointer;text-align:center;padding:16px;transition:all .2s}.twin-select-option.selected{background:var(--lavender-100);border-color:var(--lavender-400)}.twin-select-option.selected .twin-select-name{color:var(--lavender-700);font-weight:700}.quick-sleep-actions{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.quick-sleep-btn{background:var(--lavender-100);border:2px solid var(--lavender-200);border-radius:var(--radius-xl);cursor:pointer;text-align:center;padding:20px 16px;transition:all .3s}.quick-sleep-btn:hover{background:var(--lavender-200);transform:translateY(-2px);box-shadow:0 4px 12px #9d6bff26}.quick-sleep-icon{background:var(--lavender-500);border-radius:var(--radius-lg);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 12px;display:flex}.quick-sleep-label{color:var(--lavender-700);font-size:15px;font-weight:600}.sleep-time-section{background:var(--lavender-50);border-radius:var(--radius-xl);border:1px solid var(--lavender-200);margin-bottom:24px;padding:20px}.time-inputs-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.time-input-group{flex-direction:column;display:flex}.time-label{color:var(--neutral-700);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}.time-input-wrapper{background:var(--surface-base);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);align-items:center;display:flex;overflow:hidden}.time-adjust-btn{background:var(--lavender-100);width:44px;height:48px;color:var(--lavender-600);cursor:pointer;border:none;justify-content:center;align-items:center;transition:background .2s;display:flex}.time-adjust-btn:hover{background:var(--lavender-200)}.time-input{text-align:center;color:var(--neutral-800);border:none;flex:1;padding:12px;font-size:16px;font-weight:600}.duration-display{text-align:center;background:var(--surface-base);border-radius:var(--radius-lg);border:1px solid var(--lavender-200);margin-top:16px;padding:16px}.duration-label{color:var(--neutral-600);margin-bottom:4px;font-size:13px}.duration-value{font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--lavender-600);letter-spacing:-.02em;font-size:28px;font-weight:700}.quality-section{margin-bottom:24px}.section-title{color:var(--neutral-800);margin-bottom:12px;font-size:16px;font-weight:600}.quality-options{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.quality-option{background:var(--neutral-50);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);cursor:pointer;text-align:center;padding:12px 8px;transition:all .2s}.quality-option.selected.poor{background:var(--coral-100);border-color:var(--coral-400)}.quality-option.selected.fair{background:var(--amber-100);border-color:var(--amber-400)}.quality-option.selected.good{background:var(--sage-100);border-color:var(--sage-400)}.quality-option.selected.excellent{background:var(--success-100);border-color:var(--success-400)}.quality-emoji{margin-bottom:4px;font-size:24px;display:block}.quality-label{color:var(--neutral-700);font-size:12px;font-weight:600}.location-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px;display:grid}.location-option{background:var(--neutral-50);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);cursor:pointer;text-align:center;padding:12px 8px;font-size:13px;font-weight:600;transition:all .2s}.location-option.selected{background:var(--lavender-100);border-color:var(--lavender-400);color:var(--lavender-700)}.quick-pump-section{background:var(--ocean-50);border-radius:var(--radius-xl);border:1px solid var(--ocean-200);margin-bottom:24px;padding:24px}.amount-input-large{background:var(--surface-base);border:2px solid var(--ocean-300);border-radius:var(--radius-xl);align-items:center;margin-bottom:16px;display:flex;overflow:hidden}.amount-adjust-btn{background:var(--ocean-100);width:56px;height:64px;color:var(--ocean-600);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:24px;font-weight:700;transition:background .2s;display:flex}.amount-adjust-btn:hover{background:var(--ocean-200)}.amount-input-field{text-align:center;font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;letter-spacing:-.02em;border:none;flex:1;padding:16px;font-size:40px}.amount-input-field,.amount-unit{color:var(--ocean-700);font-weight:700}.amount-unit{background:var(--ocean-100);padding:16px 20px;font-size:18px}.amount-presets{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:20px;display:grid}.preset-btn{background:var(--surface-base);border:2px solid var(--ocean-200);border-radius:var(--radius-md);color:var(--ocean-700);cursor:pointer;padding:10px 8px;font-size:14px;font-weight:600;transition:all .2s}.preset-btn:hover{background:var(--ocean-100);border-color:var(--ocean-400)}.side-selector{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px;display:grid}.side-option{background:var(--neutral-50);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);cursor:pointer;text-align:center;padding:14px 12px;font-size:14px;font-weight:600;transition:all .2s}.side-option.selected{background:var(--ocean-100);border-color:var(--ocean-400);color:var(--ocean-700)}.storage-section{background:var(--neutral-50);border-radius:var(--radius-xl);border:1px solid var(--neutral-200);margin-bottom:24px;padding:20px}.storage-options-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.storage-option{background:var(--surface-base);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);cursor:pointer;align-items:center;gap:10px;padding:16px;transition:all .2s;display:flex}.storage-option.selected{border-color:var(--ocean-400);background:var(--ocean-50)}.storage-icon{background:var(--ocean-500);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.storage-text{flex:1}.storage-label{color:var(--neutral-800);margin:0 0 2px;font-size:14px;font-weight:600}.storage-detail{color:var(--neutral-600);margin:0;font-size:12px}.container-input{margin-top:12px}.container-input input{background:var(--surface-base);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);width:100%;padding:12px 16px;font-size:15px;font-weight:500}.container-input input:focus{border-color:var(--ocean-400);outline:none}.inventory-dashboard{max-width:500px;margin:0 auto;padding:20px}.inventory-summary{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.inventory-summary-card{background:var(--surface-base);border-radius:var(--radius-xl);border:1px solid var(--neutral-200);text-align:center;padding:20px 16px;transition:all .3s}.inventory-summary-card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-4px)}.inventory-summary-card.fridge{border-top:3px solid var(--ocean-400)}.inventory-summary-card.freezer{border-top:3px solid var(--lavender-400)}.summary-icon{border-radius:var(--radius-lg);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 12px;display:flex}.summary-icon.fridge{background:linear-gradient(135deg,var(--ocean-400)0,var(--ocean-500)100%)}.summary-icon.freezer{background:linear-gradient(135deg,var(--lavender-400)0,var(--lavender-500)100%)}.summary-amount{font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;letter-spacing:-.02em;margin-bottom:4px;font-size:32px;font-weight:700;line-height:1}.summary-amount.fridge{color:var(--ocean-700)}.summary-amount.freezer{color:var(--lavender-700)}.summary-label{color:var(--neutral-600);font-size:14px;font-weight:600}.expiring-alert{background:linear-gradient(135deg,var(--coral-50)0,var(--amber-50)100%);border:2px solid var(--coral-300);border-radius:var(--radius-xl);align-items:start;gap:12px;margin-bottom:24px;padding:20px;display:flex}.alert-icon{background:var(--coral-500);border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.alert-content{flex:1}.alert-title{color:var(--coral-700);margin:0 0 4px;font-size:16px;font-weight:700}.alert-message{color:var(--neutral-700);margin:0;font-size:14px}.inventory-list{flex-direction:column;gap:12px;display:flex}.milk-item{background:var(--surface-base);border-radius:var(--radius-xl);border:1px solid var(--neutral-200);align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.milk-item:hover{box-shadow:var(--shadow-soft);transform:translate(4px)}.milk-item-icon{border-radius:var(--radius-lg);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.milk-item-icon.fridge{background:linear-gradient(135deg,var(--ocean-400)0,var(--ocean-500)100%)}.milk-item-icon.freezer{background:linear-gradient(135deg,var(--lavender-400)0,var(--lavender-500)100%)}.milk-item-info{flex:1;min-width:0}.milk-item-amount{color:var(--neutral-800);margin:0 0 2px;font-size:18px;font-weight:700}.milk-item-details{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.milk-item-badge{border-radius:var(--radius-md);padding:3px 8px;font-size:11px;font-weight:600}.milk-item-badge.container{background:var(--neutral-100);color:var(--neutral-700)}.milk-item-badge.date{background:var(--ocean-100);color:var(--ocean-700)}.milk-item-badge.expiring{background:var(--coral-100);color:var(--coral-700)}.milk-item-actions{gap:4px;display:flex}.milk-action-btn{border-radius:var(--radius-md);background:var(--neutral-50);border:1px solid var(--neutral-200);cursor:pointer;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.milk-action-btn:hover{background:var(--neutral-100);border-color:var(--neutral-300)}.milk-action-btn.use:hover{color:var(--sage-600);border-color:var(--sage-300)}.milk-action-btn.discard:hover{color:var(--coral-600);border-color:var(--coral-300)}.activity-item.sleep{background:linear-gradient(135deg,var(--lavender-50)0,var(--neutral-50)100%)}.activity-item.sleep:before{background:linear-gradient(180deg,var(--lavender-400)0,var(--lavender-500)100%)}.sleep-details{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.sleep-duration-pod{background:var(--lavender-100);border:1.5px solid var(--lavender-300);color:var(--lavender-700);gap:6px;padding:6px 12px;font-size:14px;font-weight:700;display:flex}.sleep-duration-pod,.sleep-quality-indicator{border-radius:var(--radius-md);align-items:center}.sleep-quality-indicator{gap:4px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.sleep-quality-indicator.excellent{background:var(--success-100);color:var(--success-700)}.sleep-quality-indicator.good{background:var(--sage-100);color:var(--sage-700)}.sleep-quality-indicator.fair{background:var(--amber-100);color:var(--amber-700)}.sleep-quality-indicator.poor{background:var(--coral-100);color:var(--coral-700)}.sleep-location-badge{background:var(--surface-base);border:1.5px solid var(--lavender-300);color:var(--neutral-700);border-radius:var(--radius-md);padding:6px 10px;font-size:12px;font-weight:600}@media (max-width:375px){.quick-actions-grid{grid-template-columns:1fr}.location-grid,.quality-options{grid-template-columns:repeat(2,1fr)}.amount-presets{grid-template-columns:repeat(3,1fr)}}.quick-action-sheet-backdrop{z-index:40;background:#0006;animation:fadeIn .3s ease-out;position:fixed;inset:0}.quick-action-sheet{z-index:50;max-height:70vh;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-radius:24px 24px 0 0;flex-direction:column;animation:slideUp .3s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 32px #00000026}.quick-action-sheet-handle{background:#d1d5db;border-radius:3px;width:48px;height:6px;margin:12px auto 8px}.quick-action-sheet-header{border-bottom:1px solid #f3f4f6;padding:16px 24px}.quick-action-sheet-content{-webkit-overflow-scrolling:touch;flex:1;padding:24px;overflow-y:auto}.quick-preset-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;display:grid}.quick-preset-button{cursor:pointer;touch-action:manipulation;background:#fff;border:2px solid #e5e7eb;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:100px;padding:20px 16px;transition:all .2s;display:flex}.quick-preset-button:hover{border-color:var(--primary);background:#c294700d;transform:translateY(-2px)}.quick-preset-button:active{transform:scale(.95)}.quick-preset-icon{margin-bottom:8px;font-size:32px}.quick-preset-label{color:#111827;text-align:center;margin-bottom:4px;font-size:14px;font-weight:600}.quick-preset-description{color:#6b7280;text-align:center;font-size:12px}.fab-container{z-index:50;padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:24px;right:24px}.fab-button{background:linear-gradient(135deg,var(--primary)0,var(--accent-2)100%);color:#fff;cursor:pointer;touch-action:manipulation;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;box-shadow:0 8px 24px #c294704d}.fab-button:hover{transform:scale(1.1);box-shadow:0 12px 32px #c2947066}.fab-button.open{transform:rotate(45deg)}.fab-menu-backdrop{z-index:40;background:#0003;animation:fadeIn .2s ease-out;position:fixed;inset:0}.fab-menu-item{cursor:pointer;touch-action:manipulation;color:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;box-shadow:0 4px 16px #00000026}.fab-menu-item:hover{transform:scale(1.1)}.fab-menu-item-label{color:#374151;white-space:nowrap;pointer-events:none;font-size:11px;font-weight:500;position:absolute;bottom:-32px}.status-bar{-webkit-backdrop-filter:blur(12px);z-index:30;padding-top:env(safe-area-inset-top);background:#fffc;border-bottom:1px solid #f3f4f6;position:fixed;top:0;left:0;right:0}.status-bar-content{justify-content:space-between;align-items:center;max-width:480px;height:60px;margin:0 auto;padding:12px 24px;display:flex}.status-bar-app-name{color:#6b7280;font-size:14px;font-weight:500}.status-bar-time{color:#111827;font-size:20px;font-weight:700}.status-bar-settings{cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s;display:flex}.status-bar-settings:hover{background:#f3f4f6}.twin-card-enhanced{min-height:160px!important}.twin-card-enhanced .last-fed-section{margin-top:auto;margin-bottom:8px}@media (max-width:480px){.quick-action-sheet{max-height:75vh}.quick-preset-grid{gap:10px}.quick-preset-button{min-height:90px;padding:16px 12px}.quick-preset-icon{font-size:28px}.fab-container{bottom:20px;right:20px}.fab-button{width:52px;height:52px}.status-bar-content{padding:12px 20px}.status-bar-time{font-size:18px}}@supports (touch-action:pan-y){.quick-action-sheet{touch-action:pan-y}}body.sheet-open{width:100%;position:fixed;overflow:hidden}.status-bar-premium{z-index:30;background:var(--navbar-gradient);-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border);box-shadow:var(--shadow-subtle);position:fixed;top:0;left:0;right:0}.status-bar-content-premium{justify-content:space-between;align-items:center;max-width:480px;height:60px;margin:0 auto;padding:14px 24px;display:flex;position:relative}.status-bar-app-name-premium{flex:1}.status-bar-app-name-text{font-family:var(--font-serif);font-size:13px;font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);color:var(--text-primary);text-transform:lowercase}.status-bar-time-premium{justify-content:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.status-bar-time-display{font-size:20px;font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums;font-family:var(--font-sans)}.status-bar-settings-premium{cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;margin-left:auto;margin-right:-8px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.status-bar-settings-premium:hover{background:#0000000a;transform:scale(1.05)}.status-bar-settings-premium:active{transform:scale(.95)}.status-bar-settings-icon{color:#4b5563;width:20px;height:20px}.twin-card-premium{border-radius:var(--radius-3xl);border:1px solid var(--border);cursor:pointer;min-height:180px;transition:all var(--default-transition-duration)var(--default-transition-timing-function);text-align:left;background:var(--surface-card);width:100%;box-shadow:var(--shadow-card);padding:24px;position:relative;overflow:visible}.twin-card-premium:active{transform:scale(.98)}.twin-card-premium:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.twin-card-premium-bg{display:none}.twin-card-raife-premium{border-left:4px solid var(--color-blue-4)}.twin-card-vinny-premium{border-left:4px solid var(--color-purple-4)}.twin-card-premium-decoration{display:none}.twin-card-premium-content{z-index:2;height:100%;color:var(--text-primary);flex-direction:column;padding:0;display:flex;position:relative}.twin-card-premium-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.twin-card-premium-name-section{align-items:center;gap:12px;display:flex}.twin-card-premium-avatar{background:var(--bg-subtle);border:2px solid var(--border-subtle);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.twin-card-premium-avatar-text{color:var(--text-primary);font-size:20px;font-weight:700}.twin-card-premium-name{color:var(--text-primary);letter-spacing:-.02em;font-size:24px;font-weight:700}.twin-card-premium-status{width:16px;height:16px;position:relative}.twin-card-premium-status-dot{border-radius:50%;width:100%;height:100%;transition:all .3s;box-shadow:0 0 0 4px #ffffff4d}.twin-card-premium-status.recent .twin-card-premium-status-dot{background:#10b981;animation:pulse-glow 2s ease-in-out infinite}.twin-card-premium-status.due-soon .twin-card-premium-status-dot{background:#f59e0b;animation:pulse-glow 2s ease-in-out infinite}.twin-card-premium-status.overdue .twin-card-premium-status-dot{background:#ef4444;animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{transform:scale(1);box-shadow:0 0 0 4px #ffffff4d}50%{transform:scale(1.1);box-shadow:0 0 0 8px #ffffff1a}}.twin-card-premium-stats{flex-direction:column;flex:1;gap:0;margin-top:16px;display:flex}.twin-card-premium-last-feed{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex;position:relative}.twin-card-premium-last-feed-left{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;display:flex}.twin-card-premium-time{color:var(--text-secondary);font-size:13px;font-weight:500;line-height:1.4}.twin-card-premium-feed-badge-wrapper{z-index:1;position:absolute;top:108px;right:12px}.twin-card-premium-feed-badge{background:var(--color-black-50);border-radius:var(--radius);border:1px solid var(--border);flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.twin-card-premium-feed-icon{font-size:12px}.twin-card-premium-feed-label{color:var(--text-primary);font-family:var(--font-sans)}.twin-card-premium-feed-amount{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.4}.twin-card-premium-today-count{color:var(--text-secondary);text-align:center;margin-top:12px;font-size:13px;font-weight:500}.twin-card-premium-hint{opacity:.6;position:absolute;bottom:8px;right:12px}.twin-card-premium-hint-text{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.quick-sheet-backdrop-premium{-webkit-backdrop-filter:blur(4px);z-index:40;background:#00000080;transition:opacity .3s cubic-bezier(.4,0,.2,1);position:fixed;inset:0}.quick-sheet-premium{z-index:50;max-height:70vh;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-radius:28px 28px 0 0;flex-direction:column;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 40px #00000026,inset 0 0 0 1px #0000000d}.quick-sheet-handle-premium{justify-content:center;padding:12px 0 8px;display:flex}.quick-sheet-handle-bar{background:#d1d5db;border-radius:2px;width:40px;height:4px}.quick-sheet-header-premium{border-bottom:1px solid #0000000f;padding:8px 24px 16px}.quick-sheet-header-content{justify-content:space-between;align-items:center;display:flex}.quick-sheet-header-text{flex:1}.quick-sheet-title-premium{color:#111827;letter-spacing:-.03em;margin:0 0 4px;font-size:28px;font-weight:700}.quick-sheet-subtitle-premium{color:#6b7280;margin:0;font-size:14px;font-weight:500}.quick-sheet-close-premium{cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-left:16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.quick-sheet-close-premium:hover{background:#0000000d;transform:scale(1.1)}.quick-sheet-close-premium:active{transform:scale(.95)}.quick-sheet-close-icon{color:#4b5563;width:20px;height:20px}.quick-sheet-content-premium{-webkit-overflow-scrolling:touch;flex:1;padding:0 24px 24px;overflow-y:auto}.quick-sheet-form-wrapper,.quick-sheet-presets-wrapper{padding:24px 0}.quick-presets-grid-premium{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;display:grid}.quick-preset-button-premium{cursor:pointer;touch-action:manipulation;background:linear-gradient(#fff,#fafafa);border:2px solid #e5e7eb;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:120px;padding:24px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.quick-preset-button-premium:before{content:"";background:linear-gradient(135deg,var(--primary)0,var(--accent-2)100%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.quick-preset-button-premium:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 8px 24px #c2947033}.quick-preset-button-premium:hover:before{opacity:.05}.quick-preset-button-premium:active{transform:translateY(-2px)scale(.98)}.quick-preset-button-premium:disabled{opacity:.5;cursor:not-allowed;transform:none}.quick-preset-icon-wrapper{z-index:1;margin-bottom:12px;position:relative}.quick-preset-icon-premium{filter:drop-shadow(0 2px 4px #0000001a);font-size:40px;display:block}.quick-preset-label-premium{z-index:1;color:#111827;text-align:center;letter-spacing:-.01em;margin-bottom:6px;font-size:15px;font-weight:700;position:relative}.quick-preset-description-premium{z-index:1;color:#6b7280;text-align:center;font-size:12px;font-weight:500;position:relative}.quick-sheet-suggestion-premium{background:linear-gradient(135deg,#c2947014,#b2d9c414);border:1px solid #c2947026;border-radius:16px;align-items:center;gap:12px;padding:16px 20px;display:flex}.quick-sheet-suggestion-icon{flex-shrink:0;font-size:24px}.quick-sheet-suggestion-text{color:#374151;margin:0;font-size:14px;font-weight:500;line-height:1.5}.fab-container-premium{z-index:50;position:fixed;bottom:24px;right:24px}.fab-backdrop-premium{-webkit-backdrop-filter:blur(2px);z-index:40;background:#0000004d;animation:fadeIn .2s ease-out;position:fixed;inset:0}.fab-menu-item-wrapper-premium{z-index:50;position:absolute}.fab-menu-item-premium{cursor:pointer;touch-action:manipulation;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0003,inset 0 0 0 2px #ffffff1a}.fab-menu-item-premium:before{content:"";opacity:0;background:radial-gradient(circle,#ffffff4d 0,#0000 70%);transition:opacity .2s;position:absolute;inset:0}.fab-menu-item-premium:hover{transform:scale(1.15);box-shadow:0 6px 20px #00000040,inset 0 0 0 2px #fff3}.fab-menu-item-premium:hover:before{opacity:1}.fab-menu-item-premium:active{transform:scale(1.05)}.fab-menu-item-icon{z-index:1;width:22px;height:22px;position:relative}.fab-menu-item-label-premium{color:#374151;white-space:nowrap;pointer-events:none;text-shadow:0 1px 2px #fffc;font-size:11px;font-weight:600;position:absolute;bottom:-36px;left:50%;transform:translate(-50%)}.fab-button-premium{cursor:pointer;touch-action:manipulation;background:linear-gradient(135deg,var(--primary)0,var(--accent-2)100%);border:none;border-radius:50%;width:64px;height:64px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:visible;box-shadow:0 8px 24px #c2947059,inset 0 0 0 1px #ffffff1a}.fab-button-premium:hover{transform:scale(1.1);box-shadow:0 12px 32px #c2947073,inset 0 0 0 1px #ffffff26}.fab-button-premium:active{transform:scale(.95)}.fab-button-open{transform:rotate(45deg)scale(1.05)}.fab-button-inner{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.fab-button-icon{color:#fff;filter:drop-shadow(0 2px 4px #0003);width:28px;height:28px}.fab-button-ripple{opacity:0;background:radial-gradient(circle,#c294704d 0,#0000 70%);border-radius:50%;animation:ripple-pulse 2s ease-in-out infinite;position:absolute;inset:-4px}@keyframes ripple-pulse{0%,to{opacity:0;transform:scale(.8)}50%{opacity:.6;transform:scale(1.2)}}@media (max-width:480px){.status-bar-content-premium{padding:12px 20px}.status-bar-time-display{font-size:18px}.twin-card-premium{min-height:160px}.twin-card-premium-content{padding:20px}.quick-sheet-premium{border-radius:24px 24px 0 0;max-height:75vh}.quick-presets-grid-premium{gap:12px}.quick-preset-button-premium{min-height:110px;padding:20px 12px}.quick-preset-icon-premium{font-size:36px}.fab-container-premium{bottom:20px;right:20px}.fab-button-premium{width:56px;height:56px}.fab-menu-item-premium{width:52px;height:52px}}.quick-actions-grid-premium{box-sizing:border-box;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;margin-bottom:32px;padding:0 24px;display:grid}.quick-action-card-premium{border-radius:var(--radius-3xl);border:1px solid var(--border);cursor:pointer;min-height:120px;transition:all var(--default-transition-duration)var(--default-transition-timing-function);text-align:left;background:var(--surface-card);width:100%;max-width:100%;box-shadow:var(--shadow-card);box-sizing:border-box;padding:24px;position:relative;overflow:hidden}.quick-action-card-premium:active{transform:scale(.98)}.quick-action-card-premium:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.quick-action-card-bg-premium,.quick-action-card-decoration-premium{display:none}.quick-action-card-content-premium{z-index:2;text-align:center;height:100%;color:var(--text-primary);flex-direction:column;justify-content:space-between;align-items:center;padding:0;display:flex;position:relative}.quick-action-header-premium{flex-direction:column;flex-shrink:0;align-items:center;gap:12px;width:100%;margin-bottom:12px;display:flex}.quick-action-icon-wrapper-premium{background:var(--bg-subtle);border:2px solid var(--border-subtle);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.quick-action-icon-premium{width:22px;height:22px;color:var(--text-primary)}.quick-action-title-premium{font-family:var(--font-serif);font-size:20px;font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight);text-align:center;line-height:1.2}.quick-action-hint-premium{font-family:var(--font-sans);font-size:10px;font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;text-align:center;flex-shrink:0;width:100%}.stats-section-premium{background:var(--surface-card);border-radius:var(--radius-3xl);box-shadow:var(--shadow-card);border:1px solid var(--border);margin:0 24px 32px;padding:32px 24px}.stats-header-premium{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.stats-title-group-premium{flex:1;align-items:center;display:flex}.stats-icon-premium{background:var(--color-black-900);border-radius:var(--radius);color:var(--text-inverse);box-shadow:var(--shadow-card);margin-right:16px;padding:12px}.stats-icon-svg-premium{width:22px;height:22px}.stats-title-premium{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700}.detailed-analytics-btn-premium{background:var(--color-white);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:13px;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--default-transition-duration)var(--default-transition-timing-function);touch-action:manipulation;align-items:center;gap:8px;padding:10px 16px;display:flex}.detailed-analytics-btn-premium:hover{background:var(--color-black-50);border-color:var(--color-black-200);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.detailed-analytics-text-premium{font-weight:600}.analytics-icon-premium{width:16px;height:16px}.hero-stats-grid-premium{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px;display:grid}.hero-stat-card-premium{border-radius:20px;min-height:140px;transition:all .3s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.hero-stat-card-bg-premium{border-radius:20px;transition:all .3s;position:absolute;inset:0}.hero-stat-card-premium:not(.hero-stat-card-volume-premium) .hero-stat-card-bg-premium,.hero-stat-card-volume-premium .hero-stat-card-bg-premium{background:var(--surface-card);border:1px solid var(--border);box-shadow:var(--shadow-card)}.hero-stat-card-content-premium{z-index:2;text-align:center;color:var(--text-primary);border-radius:var(--radius-3xl);flex-direction:column;justify-content:center;height:100%;padding:28px 20px;display:flex;position:relative}.hero-stat-number-premium{letter-spacing:-.03em;margin-bottom:8px;font-size:48px;font-weight:300;line-height:1}.hero-stat-label-premium{color:var(--text-secondary);letter-spacing:.3px;font-size:14px;font-weight:600}.hero-stat-card-premium:hover{transform:translateY(-4px)}.hero-stat-card-premium:not(.hero-stat-card-volume-premium):hover .hero-stat-card-bg-premium,.hero-stat-card-volume-premium:hover .hero-stat-card-bg-premium{box-shadow:var(--shadow-card-hover)}.feed-distribution-premium{background:#00000005;border:1px solid #0000000a;border-radius:20px;margin-bottom:32px;padding:24px}.distribution-header-premium{text-align:center;margin-bottom:24px}.distribution-title-premium{color:var(--gray-800);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.feed-type-breakdown-premium{flex-direction:column;gap:16px;display:flex}.feed-type-row-premium{background:#fff;border:1px solid #0000000a;border-radius:16px;align-items:center;padding:20px;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000008}.feed-type-row-premium:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.feed-type-icon-circle-premium{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;margin-right:20px;display:flex;box-shadow:0 4px 12px #0000001a}.feed-type-icon-breast-premium{background:linear-gradient(135deg,#e8b4f0,#c084fc)}.feed-type-icon-ebm-premium{background:linear-gradient(135deg,var(--accent-1)0,var(--accent-2)100%)}.feed-type-icon-formula-premium{background:linear-gradient(135deg,var(--accent-3)0,var(--accent-4)100%)}.feed-type-icon-svg-premium{color:#fff;filter:drop-shadow(0 2px 4px #0003);width:24px;height:24px}.feed-type-info-premium{flex:1;min-width:0}.feed-type-name-premium{color:var(--gray-800);letter-spacing:-.01em;margin:0;font-size:16px;font-weight:700;line-height:1.3}.feed-type-stats-premium{flex-shrink:0;align-items:center;gap:16px;display:flex}.feed-count-premium{color:var(--gray-800);text-align:center;background:#0000000f;border-radius:14px;min-width:40px;padding:8px 16px;font-size:16px;font-weight:700}.feed-percentage-premium{background:var(--color-black-900);color:var(--text-inverse);border-radius:var(--radius);font-size:13px;font-weight:var(--font-weight-bold);text-align:center;min-width:50px;box-shadow:var(--shadow-subtle);padding:6px 14px}.feed-progress-bar-premium{background:#00000014;border-radius:3px;width:80px;height:6px;margin-left:8px;overflow:hidden}.feed-progress-fill-premium{border-radius:3px;height:100%;transition:width .8s cubic-bezier(.2,.8,.2,1)}.feed-progress-breast-premium,.feed-progress-ebm-premium{background:var(--color-blue-4)}.feed-progress-formula-premium{background:var(--color-purple-4)}.twin-comparison-section-premium{margin-bottom:32px}.twin-section-header-premium{align-items:center;gap:12px;margin-bottom:20px;display:flex}.twin-section-title-premium{color:var(--gray-700);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.twin-balance-indicator-premium{background:#0000000f;border-radius:4px;flex:1;height:8px;position:relative;overflow:hidden}.balance-fill-raife-premium{background:var(--color-blue-4);border-radius:4px 0 0 4px}.balance-fill-raife-premium,.balance-fill-vinny-premium{height:100%;transition:width .8s cubic-bezier(.2,.8,.2,1)}.balance-fill-vinny-premium{background:var(--color-purple-4);border-radius:0 4px 4px 0;position:absolute;top:0;right:0}.twin-cards-grid-premium{grid-template-columns:1fr 1fr;gap:16px;display:grid}.twin-summary-card-premium{text-align:center;border-radius:20px;min-height:160px;transition:all .3s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.twin-summary-card-bg-premium{border-radius:20px;transition:all .3s;position:absolute;inset:0}.twin-summary-raife-premium .twin-summary-card-bg-premium{background:var(--surface-card);border:1px solid var(--border);border-left:4px solid var(--color-blue-4)}.twin-summary-vinny-premium .twin-summary-card-bg-premium{background:var(--surface-card);border:1px solid var(--border);border-left:4px solid var(--color-purple-4)}.twin-summary-card-content-premium{z-index:2;padding:24px 16px;position:relative}.twin-summary-name-premium{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:8px;font-size:24px;font-weight:700}.twin-summary-volume-premium{color:var(--gray-600);margin-bottom:20px;font-size:14px;font-weight:600}.twin-summary-stats-premium{justify-content:space-around;align-items:center;display:flex}.twin-summary-stat-item-premium{text-align:center}.twin-summary-stat-icon-premium{width:18px;height:18px;color:var(--gray-500);margin-bottom:6px;margin-left:auto;margin-right:auto;display:block}.twin-summary-stat-number-premium{font-size:20px;font-weight:var(--font-weight-bold);color:var(--color-blue-4);letter-spacing:var(--tracking-tight);margin-bottom:4px;display:block}.twin-summary-vinny-premium .twin-summary-stat-number-premium{color:var(--color-purple-4)}.twin-summary-stat-label-premium{color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.twin-summary-card-premium:hover{transform:translateY(-2px)}.twin-summary-raife-premium:hover .twin-summary-card-bg-premium,.twin-summary-vinny-premium:hover .twin-summary-card-bg-premium{box-shadow:var(--shadow-card-hover)}.summary-stats-section-premium{border-top:1px solid #0000000f;padding-top:24px}.summary-grid-premium{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;display:grid}.summary-stat-premium{text-align:center;background:#00000005;border:1px solid #0000000a;border-radius:16px;padding:20px 16px;transition:all .2s}.summary-stat-premium:hover{background:#00000008;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.summary-stat-value-premium{font-size:24px;font-weight:var(--font-weight-bold);color:var(--color-black-900);letter-spacing:var(--tracking-tight);margin-bottom:6px;display:block}.summary-stat-label-premium{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:var(--font-weight-semibold);margin-bottom:4px}.summary-stat-trend-premium{color:var(--text-secondary);font-size:11px;font-weight:var(--font-weight-medium);font-style:italic}.recent-sessions-premium{background:var(--surface-card);border-radius:var(--radius-3xl);box-shadow:var(--shadow-card);border:1px solid var(--border);margin:0 24px 32px;padding:32px 24px}.sessions-header-premium{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.sessions-title-premium{align-items:center;gap:12px;display:flex}.sessions-title-text-premium{color:var(--text-primary);letter-spacing:-.02em;font-size:22px;font-weight:700}.sessions-badge-premium{padding:4px 10px;background:var(--color-black-50)!important;font-weight:var(--font-weight-bold)!important}.sessions-badge-premium,.sessions-toggle-btn-premium{color:var(--text-primary)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important}.sessions-toggle-btn-premium{background:var(--color-white)!important;font-size:13px!important;font-weight:var(--font-weight-semibold)!important;transition:all var(--default-transition-duration)var(--default-transition-timing-function)!important;padding:6px 12px!important}.sessions-toggle-btn-premium:hover{transform:translateY(-1px);background:var(--color-black-50)!important;border-color:var(--color-black-200)!important;box-shadow:var(--shadow-card-hover)!important}.recent-sessions-empty-premium{text-align:center;padding:48px 24px}.recent-sessions-empty-icon-premium{width:64px;height:64px;color:var(--gray-400);margin:0 auto 24px;animation:breathe 3s ease-in-out infinite}.recent-sessions-empty-text-premium{color:var(--gray-600);margin-bottom:8px;font-size:18px;font-weight:600}.recent-sessions-empty-subtext-premium{color:var(--gray-500);font-size:14px}.activity-timeline-premium{flex-direction:column;gap:16px;display:flex}.timeline-item-premium{border-left:4px solid var(--accent-1);background:#00000005;border-radius:20px;padding:20px;transition:all .3s cubic-bezier(.2,.8,.2,1);animation:fadeInUp .4s ease-out;position:relative}.timeline-item-premium:hover{background:#0000000a;transform:translate(4px);box-shadow:0 4px 16px #00000014}.timeline-item-breast-premium{background:linear-gradient(90deg,#e8b4f00d,#00000005);border-left-color:#c084fc}.timeline-item-bottle-premium{border-left-color:var(--accent-2);background:linear-gradient(90deg,#44916f0d,#00000005)}.timeline-item-mixed-premium{border-left-color:var(--accent-4);background:linear-gradient(90deg,#80b9c80d,#00000005)}.timeline-item-sleep-premium{background:linear-gradient(90deg,#9a9bc80d,#00000005);border-left-color:#9a9bc8}.timeline-item-pump-premium{background:linear-gradient(90deg,#c294700d,#00000005);border-left-color:#c29470}.timeline-item-header-premium{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.timeline-item-twin-premium{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.timeline-item-icon-premium{width:20px;height:20px;color:var(--accent-2);flex-shrink:0}.timeline-icon-sleep-premium{color:#9a9bc8}.timeline-icon-pump-premium{color:#c29470}.timeline-item-name-premium{color:var(--gray-900);letter-spacing:-.01em;font-size:18px;font-weight:700}.timeline-item-time-premium{color:var(--gray-600);white-space:nowrap;font-size:13px;font-weight:500}.timeline-item-care-premium{gap:6px;display:flex}.timeline-care-badge-premium{border-radius:8px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.timeline-care-wee-premium{color:var(--accent-4);background:#80b9c826;border:1px solid #80b9c84d}.timeline-care-poo-premium{color:#b45309;background:#fbbf2426;border:1px solid #fbbf244d}.timeline-item-details-premium{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.timeline-item-detail-item-premium{align-items:center;gap:8px;display:flex}.timeline-item-duration-premium{color:var(--gray-700);font-size:13px;font-weight:600}.timeline-duration-sleep-premium{color:#9a9bc8}.timeline-duration-pump-premium{color:#c29470}.timeline-badge-sleep-premium{color:#9a9bc8!important;background:#9a9bc81a!important;border-color:#9a9bc8!important}.timeline-badge-pump-premium{color:#c29470!important;background:#c294701a!important;border-color:#c29470!important}.timeline-quality-badge-premium{border-color:var(--accent-1)!important;color:var(--accent-2)!important;background:#b2d9c426!important}.timeline-side-badge-premium{color:var(--primary)!important;background:#c294701a!important;border-color:#c294704d!important}.timeline-item-actions-premium{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.timeline-action-btn-premium{background:#0000000a!important;border:1px solid #0000000f!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;transition:all .2s!important;display:flex!important}.timeline-action-btn-premium:hover{transform:translateY(-1px);background:#c294701a!important;border-color:#c2947033!important}.timeline-action-delete-premium:hover{color:#ef4444!important;background:#ef44441a!important;border-color:#ef444433!important}@media (max-width:480px){.recent-sessions-premium,.stats-section-premium{margin:0 16px 24px;padding:24px 20px}.hero-stats-grid-premium{grid-template-columns:1fr;gap:16px}.hero-stat-card-premium{min-height:120px}.hero-stat-number-premium{font-size:40px}.twin-cards-grid-premium{grid-template-columns:1fr;gap:12px}.feed-type-row-premium{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.feed-type-stats-premium{justify-content:space-between;width:100%}.quick-actions-grid-premium{gap:12px;padding:0 16px}.quick-action-card-premium{min-height:100px}.quick-action-card-content-premium{padding:16px}}.stats-dashboard-card-premium{background:var(--surface-card);border-radius:var(--radius-3xl);box-shadow:var(--shadow-card);border:1px solid var(--border);margin:0 24px 32px;padding:32px}.stats-dashboard-header-premium{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;display:flex}.stats-dashboard-title-group-premium{align-items:center;gap:12px;display:flex}.stats-dashboard-icon-premium{width:20px;height:20px;color:var(--primary)}.stats-dashboard-title-premium{color:var(--text-primary);letter-spacing:-.02em;font-size:20px;font-weight:700}.stats-dashboard-analytics-btn-premium{background:var(--color-white);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:13px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--default-transition-duration)var(--default-transition-timing-function);touch-action:manipulation;align-items:center;gap:6px;padding:8px 14px;display:flex}.stats-dashboard-analytics-btn-premium:hover{background:var(--color-black-50);border-color:var(--color-black-200);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.stats-dashboard-loading-premium{color:var(--gray-500)}.stats-dashboard-empty-premium,.stats-dashboard-loading-premium{text-align:center;padding:48px 24px}.stats-dashboard-empty-icon-premium{width:48px;height:48px;color:var(--gray-400);margin:0 auto 20px;animation:breathe 3s ease-in-out infinite}.stats-dashboard-empty-text-premium{color:var(--gray-600);margin-bottom:16px;font-size:16px;font-weight:600}.stats-dashboard-cta-btn-premium{background:var(--color-black-900);border-radius:var(--radius);color:var(--text-inverse);font-size:14px;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--default-transition-duration)var(--default-transition-timing-function);border:none;padding:12px 24px}.stats-dashboard-cta-btn-premium:hover{box-shadow:var(--shadow-card-hover);background:#030302e6;transform:translateY(-1px)}.stats-dashboard-metrics-premium{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px;display:grid}.stats-dashboard-metric-premium{text-align:center}.stats-dashboard-metric-value-premium{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:8px;font-size:32px;font-weight:700;line-height:1}.stats-dashboard-metric-label-premium{color:var(--gray-600);text-transform:lowercase;font-size:14px;font-weight:500}.stats-dashboard-progress-premium{background:#00000005;border:1px solid #0000000a;border-radius:20px;margin-bottom:32px;padding:24px}.stats-dashboard-donut-premium{align-items:center;gap:24px;display:flex}.stats-dashboard-donut-svg-premium{flex-shrink:0}.stats-dashboard-donut-legend-premium{flex-direction:column;flex:1;gap:12px;display:flex}.stats-dashboard-legend-item-premium{color:var(--gray-700);align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.stats-dashboard-legend-dot-premium{border-radius:50%;flex-shrink:0;width:12px;height:12px}.stats-dashboard-legend-breast-premium{background:#c084fc}.stats-dashboard-legend-ebm-premium{background:#44916f}.stats-dashboard-legend-formula-premium{background:#247d7f}.stats-dashboard-twin-comparison-premium{border-top:1px solid #0000000f;margin-top:32px;padding-top:24px}.stats-dashboard-twin-balance-premium{background:#0000000f;border-radius:4px;height:8px;margin-bottom:20px;position:relative;overflow:hidden}.stats-dashboard-balance-fill-premium{height:100%;transition:width .8s cubic-bezier(.2,.8,.2,1);position:absolute;top:0}.stats-dashboard-balance-raife-premium{background:linear-gradient(90deg,var(--accent-2)0,var(--accent-1)100%);border-radius:4px 0 0 4px;left:0;box-shadow:0 0 8px #44916f4d}.stats-dashboard-balance-vinny-premium{background:linear-gradient(90deg,var(--accent-3)0,var(--accent-4)100%);border-radius:0 4px 4px 0;right:0;box-shadow:0 0 8px #247d7f4d}.stats-dashboard-twin-cards-premium{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stats-dashboard-twin-mini-card-premium{text-align:center;background:#00000005;border:1px solid #0000000a;border-radius:16px;padding:20px;transition:all .2s}.stats-dashboard-twin-raife-premium{background:var(--surface-card);border:1px solid var(--border);border-left:4px solid var(--color-blue-4)}.stats-dashboard-twin-vinny-premium{background:var(--surface-card);border:1px solid var(--border);border-left:4px solid var(--color-purple-4)}.stats-dashboard-twin-mini-card-premium:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stats-dashboard-twin-mini-name-premium{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:8px;font-size:18px;font-weight:700}.stats-dashboard-twin-mini-volume-premium{font-size:24px;font-weight:var(--font-weight-bold);color:var(--color-blue-4);letter-spacing:var(--tracking-tight);margin-bottom:4px}.stats-dashboard-twin-vinny-premium .stats-dashboard-twin-mini-volume-premium{color:var(--color-purple-4)}.stats-dashboard-twin-mini-feeds-premium{color:var(--gray-600);font-size:12px;font-weight:500}.activity-list-premium{flex-direction:column;gap:12px;display:flex}.activity-item-premium{background:var(--surface-card);border-radius:var(--radius-2xl);min-height:72px;box-shadow:var(--shadow-card);border-left:1px solid var(--border);border:1px solid var(--border);border-left-width:4px;transition:all var(--default-transition-duration)var(--default-transition-timing-function);align-items:center;margin-bottom:8px;padding:0;animation:fadeInUp .4s ease-out;display:flex;position:relative;overflow:visible}.activity-item-premium:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.activity-item-premium[data-activity-type=feed],.activity-item-premium[data-activity-type=sleep]{border-left-color:var(--color-blue-4)}.activity-item-premium[data-activity-type=pump]{border-left-color:var(--color-purple-4)}.activity-item-indicator-premium{display:none}.activity-item-content-premium{flex-direction:column;flex:1;justify-content:center;gap:6px;min-width:0;padding:12px 16px;display:flex}.activity-item-primary-row-premium{justify-content:space-between;align-items:center;gap:8px;display:flex}.activity-item-primary-group-premium{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.activity-item-primary-with-secondary-premium{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.activity-item-label-premium{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:11px;font-weight:700}.activity-item-primary-premium{font-size:18px;font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight);line-height:1.3}.activity-item-twin-name-premium{font-size:14px;font-weight:var(--font-weight-semibold);flex-shrink:0}.activity-item-secondary-premium{margin-top:2px}.activity-item-feed-type-premium,.activity-item-pump-side-premium,.activity-item-secondary-premium,.activity-item-sleep-quality-premium,.activity-item-time-premium{color:var(--text-secondary);font-size:12px;font-weight:var(--font-weight-medium)}.activity-item-time-premium{white-space:nowrap;text-align:right;flex-shrink:0;padding:12px 16px 12px 8px}.activity-item-actions-premium{flex-shrink:0;padding:12px 8px;position:relative}.activity-item-menu-btn-premium{cursor:pointer;width:44px;height:44px;color:var(--gray-600);touch-action:manipulation;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.activity-item-menu-btn-premium:hover{color:var(--gray-900);background:#0000000d}.activity-item-menu-btn-premium:active{background:#00000014}.activity-item-menu-premium{z-index:100;background:#fff;border:1px solid #0000000d;border-radius:12px;min-width:160px;margin-top:8px;padding:8px;animation:slideDown .2s ease-out;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #00000026,0 0 0 1px #0000000d}.activity-item-menu-item-premium{width:100%;color:var(--gray-700);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.activity-item-menu-item-premium:hover{color:var(--gray-900);background:#0000000d}.activity-item-menu-item-premium:active{background:#00000014}.activity-item-menu-delete-premium{color:#ef4444}.activity-item-menu-delete-premium:hover{color:#dc2626;background:#ef44441a}.activity-item-menu-item-premium:disabled{opacity:.5;cursor:not-allowed}.activity-item-menu-item-premium svg{flex-shrink:0;width:16px;height:16px}.recent-sessions-loading-premium{color:var(--gray-500);justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.recent-sessions-error-premium{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}@media (max-width:480px){.stats-dashboard-card-premium{margin:0 16px 24px;padding:24px 20px}.stats-dashboard-metrics-premium{grid-template-columns:1fr;gap:16px}.stats-dashboard-metric-value-premium{font-size:28px}.stats-dashboard-twin-cards-premium{grid-template-columns:1fr;gap:12px}.activity-item-content-premium{padding:12px 8px}.activity-item-primary-premium{font-size:18px}.activity-item-time-premium{padding:12px 8px;font-size:11px}}@media (prefers-reduced-motion:reduce){.activity-item-premium,.fab-button-premium,.fab-menu-item-premium,.hero-stat-card-premium,.quick-action-card-premium,.quick-sheet-premium,.stats-dashboard-card-premium,.timeline-item-premium,.twin-card-premium{transition:none;animation:none}.activity-item-menu-premium,.fab-button-ripple,.twin-card-premium-status-dot{animation:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-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}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}