:root{--scale-fluid-0: clamp(.875rem, .8rem + .25vw, 1rem);--scale-fluid-1: clamp(1rem, .925rem + .25vw, 1.125rem);--scale-fluid-2: clamp(1.125rem, 1.05rem + .25vw, 1.25rem);--scale-fluid-3: clamp(1.25rem, 1.1rem + .5vw, 1.5rem);--scale-fluid-4: clamp(1.5rem, 1.275rem + .75vw, 1.875rem);--scale-fluid-5: clamp(1.875rem, 1.65rem + .75vw, 2.25rem);--scale-fluid-6: clamp(2.25rem, 1.8rem + 1.5vw, 3rem);--scale-fluid-7: clamp(3rem, 2.55rem + 1.5vw, 3.75rem);--scale-fluid-8: clamp(3.75rem, 3.3rem + 1.5vw, 4.5rem);--scale-fluid-9: clamp(4.5rem, 3.6rem + 3vw, 6rem);--scale-fluid-10: clamp(6rem, 4.8rem + 4vw, 8rem);--scale-fluid-000: clamp(.625rem, .55rem + .25vw, .75rem);--scale-fluid-00: clamp(.75rem, .675rem + .25vw, .875rem);--line-none: 1;--line-xs: 1.125;--line-sm: 1.275;--line-md: 1.5;--line-lg: 1.625;--line-xl: 2;--letter-xs: -.05em;--letter-sm: -.025em;--letter-none: 0em;--letter-lg: .025em;--letter-xl: .05em;--prose-xs: 45ch;--prose-sm: 55ch;--prose-md: 65ch;--prose-lg: 75ch;--prose-xl: 85ch;--size-1: .25rem;--size-2: .5rem;--size-3: .75rem;--size-4: 1rem;--size-5: 1.25rem;--size-6: 1.5rem;--size-7: 1.75rem;--size-8: 2rem;--size-9: 2.25rem;--size-10: 2.5rem;--size-11: 2.75rem;--size-12: 3rem;--size-14: 3.5rem;--size-16: 4rem;--size-20: 5rem;--size-24: 6rem;--size-28: 7rem;--size-32: 8rem;--size-36: 9rem;--size-40: 10rem;--size-44: 11rem;--size-48: 12rem;--size-52: 13rem;--size-56: 14rem;--size-60: 15rem;--size-64: 16rem;--size-72: 18rem;--size-80: 20rem;--size-96: 24rem;--width-xs: 30rem;--width-sm: 40rem;--width-md: 48rem;--width-lg: 64rem;--width-xl: 80rem;--radius-100: 100%;--radius-xs: 3px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-sm: 0 4px 6px -2px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .06);--shadow-md: 0 12px 16px -4px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 24px -4px rgba(0, 0, 0, .1), 0 8px 8px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 24px 48px -12px rgba(0, 0, 0, .25);--color-50: #f9fafb;--color-100: #f2f4f5;--color-200: #e8eaed;--color-300: #d4d7dd;--color-400: #a5aab4;--color-500: #767c89;--color-600: #555d6e;--color-700: #3f4754;--color-800: #2c343f;--color-900: #10181c;--color-white: #ffffff;--color-black: #14141b;--grid-2: repeat(2, minmax(0, 1fr));--grid-3: repeat(3, minmax(0, 1fr));--grid-4: repeat(4, minmax(0, 1fr));--grid-5: repeat(5, minmax(0, 1fr));--grid-6: repeat(6, minmax(0, 1fr));--grid-7: repeat(7, minmax(0, 1fr));--grid-8: repeat(8, minmax(0, 1fr));--grid-9: repeat(9, minmax(0, 1fr));--grid-10: repeat(10, minmax(0, 1fr));--grid-11: repeat(11, minmax(0, 1fr));--grid-12: repeat(12, minmax(0, 1fr));--grid-page-width: var(--width-xl);--grid-page-gutter: 5vw;--grid-page-main: 2 / 3;--grid-page: minmax(var(--grid-page-gutter), 1fr) minmax(0, var(--grid-page-width)) minmax(var(--grid-page-gutter), 1fr)}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--font-sans: "Lato", system-ui, sans-serif;--ff-body: var(--font-sans);--color-accent: #0d0c22;--color-background: #fff;--color-screen: #edf2f4;--color-chat-background: #edf2f4;--color-chat-assistant: #fefae0;--color-chat-user: #d4a373}body{font-family:var(--ff-body);font-weight:400;text-rendering:optimizeLegibility;font-size:var(--scale-fluid-1);background:var(--color-screen);margin:0}main,footer{display:flex;width:min(95vw,1200px);padding-block:var(--size-4);background:var(--color-background);padding:var(--size-6);margin:var(--size-4) auto;box-shadow:var(--shadow-md);border-radius:var(--radius-md);gap:var(--size-1)}header{display:flex;min-height:50px;width:100%;justify-content:center;font-size:var(--scale-fluid-4);font-weight:700;box-shadow:var(--shadow-xs);padding:var(--size-4);gap:var(--size-2);background:var(--color-background);margin-top:0}.logo{width:var(--size-8);height:var(--size-8)}#product-title{font-weight:700;font-size:var(--scale-fluid-3);margin-bottom:var(--size-7)}.product-image{width:var(--size-96);margin-bottom:var(--size-3)}.product-rating{display:flex;gap:var(--size-1);font-size:var(--scale-fluid-0);margin-bottom:var(--size-4)}.product-rating>img{color:#daa520}.product-price-block{display:flex;font-size:var(--scale-fluid-4);margin-bottom:var(--size-4);font-weight:700}.product-actions{display:flex;gap:var(--size-4);margin-bottom:var(--size-4)}.button{display:flex;font-size:var(--size-4);border:0;background:var(--color-accent);padding:var(--size-4) var(--size-6);border-radius:var(--radius-sm);gap:var(--size-2);color:var(--color-background);cursor:pointer;box-shadow:var(--shadow-sm);transition:1s transform (1,0,0,1)}.button:focus,.button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}footer{margin-block:var(--size-8);font-size:var(--scale-fluid-0)}small{font-size:var(--scale-fluid-00);display:block;text-align:center;margin:var(--size-2)}#webpage{background:var(--color-background);padding:var(--size-1);transition:5s all cubic-bezier(.86,0,.07,1)}#app{background:var(--color-chat-background);min-width:min(80vw,600px);padding:var(--size-1);display:flex;flex-flow:column nowrap;justify-content:flex-end;transition:.5s all cubic-bezier(.86,0,.07,1);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs)}fieldset{display:flex;border:0}input{font-size:var(--scale-fluid-1);padding:var(--size-2) var(--size-4);border-radius:var(--radius-sm);outline:0;border:1px solid var(--color-background);width:100%}#chat-container{padding:var(--size-4);display:flex;flex-direction:column;align-items:flex-start;overflow-y:auto;height:max(60vh,400px)}.message{background:var(--color-chat-assistant);padding:var(--size-2) var(--size-4);border-radius:var(--radius-sm);margin-top:var(--size-2);font-size:var(--scale-fluid-0);width:max-content;border-radius:0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-md);max-width:min(350px,80vw)}.message.user{background:var(--color-chat-user);align-self:flex-end;color:var(--color-background);border-radius:var(--radius-lg) var(--radius-lg) 0}.hide{opacity:0!important;visibility:hidden!important;height:0!important}.show{opacity:1!important;visibility:visible!important;height:unset}@media (max-width: 60rem){main{flex-direction:column}}