@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";:root{--radius: .75rem;--radius-sm: .5rem;--radius-md: .625rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, monospace;--background: oklch(.97 .01 80);--foreground: oklch(.22 .03 50);--card: oklch(.99 .005 80);--card-foreground: oklch(.22 .03 50);--primary: oklch(.35 .06 50);--primary-foreground: oklch(.97 .01 80);--secondary: oklch(.93 .015 80);--secondary-foreground: oklch(.35 .06 50);--muted: oklch(.93 .015 80);--muted-foreground: oklch(.55 .03 50);--accent: oklch(.75 .08 155);--accent-foreground: oklch(.22 .03 50);--destructive: oklch(.577 .245 27.325);--destructive-foreground: oklch(.97 .01 80);--border: oklch(.88 .02 80);--input: oklch(.88 .02 80);--ring: oklch(.55 .08 50);--warm: oklch(.94 .02 75);--warm-foreground: oklch(.35 .06 50);--sage: oklch(.75 .08 155);--sage-foreground: oklch(70.919% .19476 149.791);--terracotta: oklch(.62 .14 40);--terracotta-foreground: oklch(.97 .01 80);--gold: oklch(.78 .12 80);--gold-foreground: oklch(.25 .04 50);--navbar-h: 4rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--background);color:var(--foreground);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--radius-sm)}#app{min-height:100vh;display:flex;flex-direction:column}#page-content{flex:1}.page-wrapper{min-height:100vh;background-color:var(--background)}.page-wrapper--warm{background-color:var(--warm)}.container{max-width:80rem;margin-inline:auto;padding-inline:1rem}@media(min-width:640px){.container{padding-inline:1.5rem}}@media(min-width:1024px){.container{padding-inline:2rem}}.page-content{padding-top:calc(var(--navbar-h) + 1.5rem);padding-bottom:4rem;max-width:80rem;margin-inline:auto;padding-inline:1rem}.page-content--narrow{max-width:48rem}.page-content--medium{max-width:64rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;line-height:1.25;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s,opacity .15s,transform .1s,box-shadow .15s;border:1px solid transparent;text-decoration:none;white-space:nowrap;user-select:none;-webkit-user-select:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background-color:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.btn-primary:hover:not(:disabled){opacity:.9}.btn-hero{background-color:var(--primary);color:var(--primary-foreground);border-color:var(--primary);padding:.625rem 1.5rem;font-size:.9375rem}.btn-hero:hover:not(:disabled){opacity:.9}.btn-warm{background-color:var(--terracotta);color:var(--terracotta-foreground);border-color:var(--terracotta)}.btn-warm:hover:not(:disabled){opacity:.9}.btn-outline{background-color:transparent;color:var(--foreground);border-color:var(--border)}.btn-outline:hover:not(:disabled){background-color:var(--secondary)}.btn-outline-light{background-color:transparent;color:#fff;border-color:#ffffff73}.btn-outline-light:hover:not(:disabled){background-color:#ffffff26;border-color:#fffc;color:#fff}.btn-ghost{background-color:transparent;color:var(--foreground);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--secondary)}.btn-danger{background-color:var(--destructive);color:var(--destructive-foreground);border-color:var(--destructive)}.btn-sm{padding:.3125rem .75rem;font-size:.75rem}.btn-lg{padding:.75rem 1.75rem;font-size:1rem}.btn-icon{padding:.5rem;width:2.25rem;height:2.25rem;border-radius:var(--radius-full)}.btn-icon-sm{padding:.375rem;width:2rem;height:2rem}.btn-w-full{width:100%}.card{background-color:var(--card);color:var(--card-foreground);border-radius:var(--radius-2xl);border:1px solid var(--border);box-shadow:0 1px 3px #0000000f,0 1px 2px -1px #0000000a}.card:hover{box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000f}.card--elevated{box-shadow:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000f}.input{width:100%;padding:.5625rem .875rem;border-radius:var(--radius-full);border:1px solid var(--input);background-color:var(--background);color:var(--foreground);font-size:.875rem;line-height:1.5;transition:border-color .15s,box-shadow .15s;outline:none}.input::placeholder{color:var(--muted-foreground)}.input:focus{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch,var(--ring) 20%,transparent)}.input-icon-left{padding-left:2.5rem}.input-wrapper{position:relative}.input-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--muted-foreground);pointer-events:none;display:flex;align-items:center}.input-icon-padded{padding-right:2.5rem}.input-icon-right{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--muted-foreground);display:flex;align-items:center;padding:.125rem;transition:color .15s}.input-icon-right:hover{color:var(--foreground)}.input--error{border-color:var(--destructive);box-shadow:0 0 0 3px color-mix(in oklch,var(--destructive) 15%,transparent)}.input--error:focus{border-color:var(--destructive);box-shadow:0 0 0 3px color-mix(in oklch,var(--destructive) 20%,transparent)}.field-error{font-size:.75rem;color:var(--destructive);margin-top:.375rem}.password-strength{margin-top:.5rem}.strength-bar{height:4px;border-radius:2px;background:var(--input);overflow:hidden}.strength-fill{height:100%;border-radius:2px;width:0%;transition:width .3s ease,background-color .3s ease}.strength-label{font-size:.6875rem;margin-top:.25rem;color:var(--muted-foreground)}.pow-badge{display:flex;align-items:center;justify-content:center;gap:.375rem;font-size:.6875rem;margin-top:.5rem;color:var(--muted-foreground);transition:opacity .6s ease}.pow-badge svg{flex-shrink:0}.pow-badge--done{color:var(--sage-foreground)}@keyframes pow-ready{0%{box-shadow:0 0 oklch(from var(--sage) l c h / .45)}60%{box-shadow:0 0 0 7px oklch(from var(--sage) l c h / 0)}to{box-shadow:0 0 oklch(from var(--sage) l c h / 0)}}.pow-btn-ready{animation:pow-ready .55s ease-out}.label{display:block;font-size:.875rem;font-weight:500;color:var(--foreground);margin-bottom:.375rem}textarea.input{border-radius:var(--radius-xl);resize:vertical;min-height:6rem}select.input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;padding-right:2.5rem}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .625rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;border:1px solid transparent;line-height:1.4}.badge-outline{background-color:transparent;border-color:var(--border);color:var(--foreground)}.badge-sage{background-color:oklch(from var(--sage) l c h / .15);color:var(--sage-foreground);border-color:oklch(from var(--sage) l c h / .3)}.badge-gold{background-color:oklch(from var(--gold) l c h / .2);color:var(--gold-foreground);border-color:oklch(from var(--gold) l c h / .4)}.badge-terracotta{background-color:oklch(from var(--terracotta) l c h / .12);color:var(--terracotta)}.badge-destructive{background-color:oklch(from var(--destructive) l c h / .1);color:var(--destructive);border-color:oklch(from var(--destructive) l c h / .3)}.badge-secondary{background-color:var(--secondary);color:var(--secondary-foreground)}.divider{height:1px;background-color:var(--border);margin:0}.divider-text{display:flex;align-items:center;gap:.75rem;color:var(--muted-foreground);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.divider-text:before,.divider-text:after{content:"";flex:1;height:1px;background-color:var(--border)}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;height:var(--navbar-h);background-color:color-mix(in oklch,var(--background) 80%,transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border)}.navbar__inner{max-width:80rem;margin-inline:auto;padding-inline:1rem;height:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}@media(min-width:640px){.navbar__inner{padding-inline:1.5rem}}@media(min-width:1024px){.navbar__inner{padding-inline:2rem}}.navbar__brand{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.navbar__logo{height:44px;width:44px;object-fit:cover;border-radius:var(--radius-xl);display:block}.navbar__links{display:none;align-items:center;gap:.25rem}@media(min-width:768px){.navbar__links{display:flex}}.navbar__link{padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:var(--muted-foreground);transition:color .15s,background-color .15s;text-decoration:none}.navbar__link:hover{color:var(--foreground);background-color:var(--secondary)}.navbar__link--active{background-color:var(--primary);color:var(--primary-foreground)}.navbar__link--active:hover{background-color:var(--primary);color:var(--primary-foreground);opacity:.9}.navbar__actions{display:none;align-items:center;gap:.75rem}@media(min-width:768px){.navbar__actions{display:flex}}.navbar__cart-btn{position:relative;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:transparent;border:none;cursor:pointer;color:var(--foreground);transition:background-color .15s;text-decoration:none}.navbar__cart-btn:hover{background-color:var(--secondary)}.navbar__cart-count{position:absolute;top:-.125rem;right:-.125rem;width:1rem;height:1rem;background-color:var(--terracotta);color:var(--terracotta-foreground);font-size:.625rem;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);line-height:1}.navbar__avatar{display:flex;align-items:center;gap:.5rem;padding:.25rem .625rem .25rem .25rem;border-radius:var(--radius-full);background-color:var(--secondary);border:none;cursor:pointer;transition:background-color .15s;position:relative}.navbar__avatar:hover{background-color:var(--muted)}.navbar__avatar-circle{width:2rem;height:2rem;border-radius:var(--radius-full);background-color:var(--terracotta);color:var(--terracotta-foreground);font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;position:relative}.navbar__avatar-online{position:absolute;bottom:0;right:0;width:.625rem;height:.625rem;background-color:var(--sage);border-radius:var(--radius-full);border:2px solid var(--background)}.navbar__avatar-name{font-size:.875rem;font-weight:500;color:var(--foreground);display:none}@media(min-width:1024px){.navbar__avatar-name{display:inline}}.navbar__group-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;color:var(--foreground);background-color:oklch(from var(--sage) l c h / .15);border:none;cursor:pointer;transition:background-color .15s}.navbar__group-btn:hover{background-color:oklch(from var(--sage) l c h / .25)}.navbar__group-btn span{display:none}@media(min-width:1024px){.navbar__group-btn span{display:inline}}.navbar__group-btn--active{background-color:oklch(from var(--sage) l c h / .22);color:var(--sage-foreground)}.navbar__group-btn--active:hover{background-color:oklch(from var(--sage) l c h / .32)}.navbar__group-dot{position:relative;width:.5rem;height:.5rem;background-color:var(--sage-foreground);border-radius:var(--radius-full);flex-shrink:0;display:inline-block}.navbar__group-dot:after{content:"";position:absolute;inset:-3px;border-radius:var(--radius-full);border:2px solid var(--sage-foreground);animation:group-dot-ping 1.8s cubic-bezier(0,0,.2,1) infinite;opacity:0}@keyframes group-dot-ping{0%{transform:scale(.5);opacity:.7}to{transform:scale(2.2);opacity:0}}.navbar__group-dot--sm{width:.4rem;height:.4rem;margin-left:auto}.navbar__mobile-link--group{color:var(--sage-foreground)}.navbar__mobile-link--group .navbar__group-dot{display:inline-block}.dropdown{position:relative}.dropdown__menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:14rem;background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 10px 25px -5px #0000001f,0 8px 10px -6px #0000000f;z-index:100;overflow:hidden;animation:dropdown-in .15s cubic-bezier(.22,1,.36,1)}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown__menu[hidden]{display:none}.dropdown__label{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.dropdown__label-circle{width:2.25rem;height:2.25rem;border-radius:var(--radius-full);background-color:var(--terracotta);color:var(--terracotta-foreground);font-size:.875rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dropdown__label-info{overflow:hidden}.dropdown__label-name{font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown__label-sub{font-size:.75rem;color:var(--muted-foreground)}.dropdown__item{display:flex;align-items:center;gap:.625rem;padding:.625rem 1rem;font-size:.875rem;color:var(--foreground);cursor:pointer;transition:background-color .1s;text-decoration:none;border:none;background:none;width:100%;text-align:left}.dropdown__item:hover{background-color:var(--secondary)}.dropdown__item--danger{color:var(--destructive)}.dropdown__item--danger:hover{background-color:oklch(from var(--destructive) l c h / .08)}.dropdown__separator{height:1px;background-color:var(--border);margin:.25rem 0}.navbar__mobile-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-md);background:none;border:none;cursor:pointer;color:var(--foreground);transition:background-color .15s}@media(min-width:768px){.navbar__mobile-btn{display:none}}.navbar__mobile-btn:hover{background-color:var(--secondary)}.navbar__mobile-menu{position:absolute;top:var(--navbar-h);left:0;right:0;background-color:var(--background);border-bottom:1px solid var(--border);padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem;animation:mobile-menu-in .2s ease}@keyframes mobile-menu-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.navbar__mobile-menu[hidden]{display:none}.navbar__mobile-link{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;color:var(--muted-foreground);transition:color .15s,background-color .15s;text-decoration:none}.navbar__mobile-link:hover{color:var(--foreground);background-color:var(--secondary)}.navbar__mobile-link--active{background-color:var(--primary);color:var(--primary-foreground)}#toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;max-width:24rem;width:calc(100vw - 2rem);pointer-events:none}.toast{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 10px 25px -5px #0000001f;pointer-events:auto;animation:toast-in .3s cubic-bezier(.22,1,.36,1);will-change:transform}.toast--out{animation:toast-out .25s ease forwards}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0) scale(1);max-height:200px}to{opacity:0;transform:translate(100%) scale(.95);max-height:0;padding:0;margin:0}}.toast__icon{flex-shrink:0;margin-top:.125rem}.toast--success .toast__icon{color:var(--sage-foreground)}.toast--error .toast__icon{color:var(--destructive)}.toast__body{flex:1;min-width:0}.toast__title{font-size:.875rem;font-weight:600;color:var(--foreground)}.toast__desc{font-size:.8125rem;color:var(--muted-foreground);margin-top:.125rem}.toast__close{flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--muted-foreground);padding:.25rem;border-radius:var(--radius-sm);transition:color .1s,background-color .1s;display:flex}.toast__close:hover{color:var(--foreground);background-color:var(--secondary)}.dialog-overlay{position:fixed;inset:0;background-color:#00000080;z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem;animation:overlay-in .15s ease}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.dialog-overlay[hidden]{display:none}.dialog-content{background-color:var(--card);border-radius:var(--radius-2xl);border:1px solid var(--border);box-shadow:0 20px 60px -15px #0003;width:100%;max-width:28rem;padding:1.5rem;animation:dialog-in .2s cubic-bezier(.22,1,.36,1);position:relative;max-height:calc(100vh - 2rem);overflow-y:auto}@keyframes dialog-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.dialog-header{margin-bottom:1rem}.dialog-title{font-size:1.5rem;font-weight:700}.dialog-desc{font-size:.875rem;color:var(--muted-foreground);margin-top:.25rem}.dialog-close{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:none;border:none;cursor:pointer;color:var(--muted-foreground);transition:color .15s,background-color .15s}.dialog-close:hover{color:var(--foreground);background-color:var(--secondary)}.hero{position:relative;min-height:90vh;display:flex;align-items:center;overflow:hidden}.hero__bg{position:absolute;inset:0}.hero__img{width:100%;height:100%;object-fit:cover}.hero__overlay{position:absolute;inset:0;background:linear-gradient(to right,rgb(0 0 0 / .7) 0%,rgb(0 0 0 / .4) 60%,transparent 100%)}.hero__content{position:relative;z-index:10;padding:8rem 1rem;max-width:80rem;margin-inline:auto;width:100%}@media(min-width:640px){.hero__content{padding-inline:1.5rem}}@media(min-width:1024px){.hero__content{padding-inline:2rem}}.hero__eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--sage);margin-bottom:1rem}.hero__title{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,5rem);font-weight:700;color:#fff;line-height:1.05;margin-bottom:1.5rem}.hero__body{font-size:1.125rem;color:#fffc;line-height:1.7;margin-bottom:2rem;max-width:36rem}.hero__cta{display:flex;flex-wrap:wrap;gap:1rem}.section{padding-block:5rem}.section--warm{background-color:var(--warm)}.section--sm{padding-block:3rem}.section-label{font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;display:block;margin-bottom:.75rem}.section-title{font-size:clamp(1.75rem,4vw,3rem);font-weight:700;line-height:1.1}.section-header{text-align:center;margin-bottom:4rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;text-align:center}@media(min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-number{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--terracotta)}.stat-label{color:var(--muted-foreground);font-size:.875rem;margin-top:.25rem}.about-grid{display:grid;gap:4rem;align-items:center}@media(min-width:768px){.about-grid{grid-template-columns:1fr 1fr;gap:4rem}}.about-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-3xl);box-shadow:0 25px 60px -15px #00000026}.about-features{display:flex;gap:1.5rem;margin-top:2rem;flex-wrap:wrap}.about-feature{display:flex;align-items:center;gap:.5rem}.about-feature-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background-color:oklch(from var(--sage) l c h / .2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.about-feature-icon .icon{color:var(--sage-foreground)}.about-feature-label{font-size:.875rem;font-weight:500}.testimonial-grid{display:grid;gap:1.5rem}@media(min-width:768px){.testimonial-grid{grid-template-columns:1fr 1fr}}.testimonial-card{padding:2rem;background-color:var(--card);border-radius:var(--radius-2xl);border:1px solid var(--border);box-shadow:0 1px 3px #0000000f;transition:box-shadow .2s}.testimonial-card:hover{box-shadow:0 4px 12px #00000014}.star-row{display:flex;gap:.25rem;margin-bottom:1rem}.star{color:var(--gold);fill:var(--gold)}.testimonial-text{color:var(--foreground);line-height:1.7;font-style:italic;margin-bottom:1.5rem}.testimonial-footer{display:flex;align-items:center;justify-content:space-between}.testimonial-name{font-weight:600;font-size:.9375rem}.testimonial-orders{font-size:.75rem;color:var(--muted-foreground);margin-top:.125rem}.verified-badge{font-size:.6875rem;font-weight:500;background-color:oklch(from var(--sage) l c h / .2);color:var(--sage-foreground);padding:.25rem .75rem;border-radius:var(--radius-full)}.footer{background-color:var(--primary);color:var(--primary-foreground);padding-block:3rem}.footer__inner{max-width:80rem;margin-inline:auto;padding-inline:1rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}@media(min-width:768px){.footer__inner{flex-direction:row;justify-content:space-between}}.footer__brand{display:flex;align-items:center;gap:.5rem}.footer__brand-name{font-family:var(--font-display);font-size:1.125rem;font-weight:600}.footer__copy{font-size:.875rem;color:oklch(from var(--primary-foreground) l c h / .6)}.category-pills{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none;margin-bottom:2.5rem}.category-pills::-webkit-scrollbar{display:none}.pill{padding:.5rem 1.25rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s;border:none;background-color:var(--secondary);color:var(--secondary-foreground)}.pill:hover{background-color:var(--muted)}.pill--active{background-color:var(--primary);color:var(--primary-foreground)}.pill--active:hover{background-color:var(--primary);opacity:.9}.menu-grid{display:grid;gap:1.25rem}@media(min-width:480px){.menu-grid{grid-template-columns:1fr 1fr}}@media(min-width:900px){.menu-grid{grid-template-columns:repeat(3,1fr)}}.menu-card{background-color:var(--card);border-radius:var(--radius-2xl);border:1px solid var(--border);box-shadow:0 1px 4px #0000000f;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.menu-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.menu-card__thumb{position:relative;display:block;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:linear-gradient(135deg,oklch(from var(--terracotta) l c h / .12),oklch(from var(--sage) l c h / .12));border:none;padding:0;cursor:pointer;flex-shrink:0}.menu-card__thumb-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.menu-card__thumb:hover .menu-card__thumb-img{transform:scale(1.06)}.menu-card__thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:oklch(from var(--terracotta) l c h / .45)}.menu-card__thumb-overlay{position:absolute;inset:0;background:#0000;color:transparent;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:600;letter-spacing:.03em;transition:background .2s,color .2s}.menu-card__thumb:hover .menu-card__thumb-overlay{background:#00000052;color:#fff}.menu-card__body{padding:1rem 1.125rem .5rem;flex:1}.menu-card__title-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.3rem}.menu-card__name{font-family:var(--font-display);font-size:1.0625rem;font-weight:700;line-height:1.2}.menu-card__desc{font-size:.8125rem;color:var(--muted-foreground);line-height:1.5}.menu-card__footer{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.125rem 1rem;border-top:1px solid var(--border);margin-top:.75rem}.menu-card__price{font-size:1.125rem;font-weight:700}.menu-card__points{font-size:.75rem;color:var(--sage-foreground);margin-left:.375rem}.menu-stepper{display:inline-flex;align-items:center;gap:0;background-color:var(--terracotta);border-radius:var(--radius-full);padding:.2rem;box-shadow:0 2px 6px oklch(from var(--terracotta) l c h / .35)}.menu-stepper__btn{width:1.75rem;height:1.75rem;border-radius:var(--radius-full);border:none;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;flex-shrink:0}.menu-stepper__btn:hover{background:#fff3}.menu-stepper__qty{min-width:1.5rem;text-align:center;font-size:.875rem;font-weight:700;color:#fff;padding:0 .125rem;line-height:1}.popular-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.625rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background-color:oklch(from var(--gold) l c h / .18);color:var(--gold-foreground);padding:.2rem .5rem;border-radius:var(--radius-full)}.popular-badge svg{fill:currentColor}.product-detail{display:flex;flex-direction:column;gap:1rem}.product-detail__image{border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:16 / 9;background:linear-gradient(135deg,oklch(from var(--terracotta) l c h / .12),oklch(from var(--sage) l c h / .12));margin-bottom:.25rem}.product-detail__img{width:100%;height:100%;object-fit:cover;display:block}.product-detail__img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:oklch(from var(--terracotta) l c h / .4)}.product-detail__meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.product-detail__category{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground)}.product-detail__desc{font-size:.9375rem;color:var(--muted-foreground);line-height:1.6}.product-detail__price-row{display:flex;align-items:baseline;gap:.625rem}.product-detail__price{font-family:var(--font-display);font-size:1.75rem;font-weight:700}.product-detail__pts{font-size:.8125rem;color:var(--sage-foreground);font-weight:500}.product-detail__qty-row{display:flex;align-items:center;justify-content:center;gap:0;background-color:var(--secondary);border-radius:var(--radius-full);padding:.3rem;width:fit-content;margin:.25rem auto}.product-detail__qty-btn{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);border:none;background:var(--background);color:var(--foreground);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 3px #00000014;transition:background .15s,box-shadow .15s;flex-shrink:0}.product-detail__qty-btn:hover{background:var(--card);box-shadow:0 2px 6px #0000001f}.product-detail__qty-val{min-width:3rem;text-align:center;font-family:var(--font-display);font-size:1.5rem;font-weight:700}.product-detail__add-price{margin-left:auto;font-size:.9375rem;opacity:.8}.cart-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1.75rem}.cart-layout{display:grid;gap:1.75rem;align-items:start}@media(min-width:768px){.cart-layout{grid-template-columns:1fr 21rem}}.cart-items-card{background:var(--card);border-radius:var(--radius-2xl);border:1px solid var(--border);overflow:hidden}.cart-items-list{list-style:none;padding:0;margin:0}.cart-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.cart-item:last-child{border-bottom:none}.cart-item__dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--terracotta);flex-shrink:0;opacity:.7}.cart-item__info{flex:1;min-width:0}.cart-item__name{font-family:var(--font-display);font-size:.9375rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item__meta{font-size:.8125rem;color:var(--muted-foreground);margin-top:.125rem}.cart-item__pts{color:var(--sage-foreground);font-weight:500}.cart-item__controls{display:flex;align-items:center;gap:.875rem;flex-shrink:0}.cart-item__price{font-size:.9375rem;font-weight:700;min-width:3.25rem;text-align:right}.cart-item__remove{width:1.75rem;height:1.75rem;border-radius:var(--radius-full);border:none;background:transparent;color:var(--muted-foreground);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.cart-item__remove:hover{background:oklch(from var(--destructive) l c h / .1);color:var(--destructive)}.cart-sidebar{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.cart-sidebar{position:sticky;top:calc(var(--navbar-h) + 1.5rem)}}.order-summary{background-color:var(--card);border-radius:var(--radius-2xl);padding:1.5rem;border:1px solid var(--border)}.order-summary__title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:1.0625rem;font-weight:700;margin-bottom:1.125rem;color:var(--foreground)}.order-summary__rows{display:flex;flex-direction:column;gap:.5rem}.order-summary__row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.order-summary__total{display:flex;justify-content:space-between;font-size:1.0625rem;font-weight:700;padding-top:.25rem}.points-banner{margin-top:1rem;padding:.75rem 1rem;background:linear-gradient(135deg,oklch(from var(--sage) l c h / .12),oklch(from var(--gold) l c h / .1));border-radius:var(--radius-xl);border:1px solid oklch(from var(--sage) l c h / .2);font-size:.8125rem;color:var(--sage-foreground);font-weight:500}.group-panel{background-color:var(--card);border-radius:var(--radius-2xl);border:1px solid var(--border);overflow:hidden}.group-panel__toggle{display:grid;grid-template-columns:1fr 1fr;gap:.375rem;padding:.375rem;background-color:var(--secondary)}.mode-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .75rem;border-radius:var(--radius-lg);font-size:.8125rem;font-weight:500;cursor:pointer;border:none;color:var(--muted-foreground);background:none;transition:all .18s}.mode-btn--active{background-color:var(--card);color:var(--foreground);font-weight:600;box-shadow:0 1px 4px #0000001a}.group-panel__body{padding:1.125rem}.code-display{border-radius:var(--radius-xl);border:1px dashed oklch(from var(--terracotta) l c h / .35);background:linear-gradient(135deg,oklch(from var(--terracotta) l c h / .06),oklch(from var(--primary) l c h / .04));padding:.875rem 1rem}.code-display__label{font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted-foreground);margin-bottom:.375rem;font-weight:600}.code-display__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.code-display__code{font-family:var(--font-mono);font-size:1.625rem;font-weight:800;letter-spacing:.3em;color:var(--terracotta)}.code-display__btns{display:flex;gap:.25rem}.code-display__hint{font-size:.75rem;color:var(--muted-foreground);margin-top:.5rem}.auth-wrapper{min-height:100vh;padding-top:var(--navbar-h);padding-bottom:4rem;padding-inline:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--background) 0%,var(--background) 60%,oklch(from var(--secondary) l c h / .4) 100%)}.auth-card{width:100%;max-width:28rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-icon{width:3.5rem;height:3.5rem;border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.auth-icon--terracotta{background-color:oklch(from var(--terracotta) l c h / .1);color:var(--terracotta)}.auth-icon--sage{background-color:oklch(from var(--sage) l c h / .15);color:var(--sage-foreground)}.auth-title{font-size:2rem;font-weight:600;letter-spacing:-.02em}.auth-subtitle{color:var(--muted-foreground);margin-top:.5rem}.auth-form{padding:2rem}.form-field{margin-bottom:1.25rem}.form-field:last-of-type{margin-bottom:0}.form-row{display:grid;gap:1rem}@media(min-width:640px){.form-row--2{grid-template-columns:1fr 1fr}}.welcome-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:oklch(from var(--gold) l c h / .1);border:1px solid oklch(from var(--gold) l c h / .2);border-radius:var(--radius-lg);margin-bottom:1.25rem;font-size:.75rem}.welcome-banner .icon{color:var(--gold);flex-shrink:0}.profile-avatar{width:5rem;height:5rem;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--terracotta),var(--gold));display:flex;align-items:center;justify-content:center;color:var(--primary-foreground);font-family:var(--font-display);font-size:1.5rem;font-weight:700;box-shadow:0 8px 20px -4px #00000026;flex-shrink:0}.profile-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:2.5rem}.profile-name{font-size:1.75rem;font-weight:700}.profile-since{color:var(--muted-foreground);font-size:.875rem}.stats-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(min-width:768px){.stats-cards{grid-template-columns:repeat(4,1fr)}}.stat-card{background-color:var(--card);border-radius:var(--radius-2xl);padding:1.25rem;border:1px solid var(--border)}.stat-card__icon{margin-bottom:.75rem}.stat-card__value{font-family:var(--font-display);font-size:1.5rem;font-weight:700}.stat-card__label{font-size:.75rem;color:var(--muted-foreground);margin-top:.125rem}.tier-card{background-color:var(--card);border-radius:var(--radius-2xl);padding:1.5rem 2rem;border:1px solid var(--border);margin-bottom:2.5rem}.tier-card__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem}.tier-card__title{font-family:var(--font-display);font-size:1.25rem;font-weight:700}.tier-card__subtitle{font-size:.875rem;color:var(--muted-foreground);margin-top:.25rem}.tier-card__icon-wrap{width:3rem;height:3rem;border-radius:var(--radius-full);background-color:oklch(from var(--sage) l c h / .2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.progress-track{height:.75rem;background-color:var(--muted);border-radius:var(--radius-full);overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:linear-gradient(to right,var(--sage),var(--terracotta));border-radius:var(--radius-full);animation:progress-grow 1.2s cubic-bezier(0,0,.2,1) .3s both}@keyframes progress-grow{0%{width:0}to{width:var(--progress-w)}}.tier-labels{display:flex;justify-content:space-between}.tier-label{text-align:center}.tier-label__icon{width:2rem;height:2rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto .25rem}.tier-label__name{font-size:.625rem;font-weight:500}@media(min-width:640px){.tier-label__name{font-size:.75rem}}.tier-label__pts{font-size:.625rem;color:var(--muted-foreground)}.profile-grid{display:grid;gap:1.5rem}@media(min-width:768px){.profile-grid{grid-template-columns:1fr 1fr}}.reward-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:var(--background);border-radius:var(--radius-xl);border:1px solid var(--border)}.reward-item__icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:.75rem}.reward-item__icon--active{background-color:oklch(from var(--sage) l c h / .2)}.reward-item__icon--active .icon{color:var(--sage-foreground)}.reward-item__icon--locked{background-color:var(--muted)}.reward-item__icon--locked .icon{color:var(--muted-foreground)}.reward-item__left{display:flex;align-items:center;flex:1;min-width:0}.reward-item__name{font-size:.875rem;font-weight:500}.reward-item__pts{font-size:.75rem;color:var(--muted-foreground)}.order-link-item{display:flex;align-items:center;padding:.75rem;background-color:var(--background);border-radius:var(--radius-xl);border:1px solid var(--border);transition:border-color .15s;text-decoration:none}.order-link-item:hover{border-color:var(--foreground)}.order-link-item__icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background-color:var(--warm);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:.75rem}.order-link-item__num{font-size:.875rem;font-weight:500}.monthly-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(min-width:768px){.monthly-grid{grid-template-columns:repeat(6,1fr)}}.monthly-bar-wrap{text-align:center}.monthly-bar-track{position:relative;height:8rem;background-color:var(--muted);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:.5rem}.monthly-bar-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,var(--terracotta),oklch(from var(--gold) l c h / .7));border-radius:var(--radius-xl);animation:bar-grow .8s cubic-bezier(0,0,.2,1) both}@keyframes bar-grow{0%{height:0}to{height:var(--bar-h)}}.monthly-bar__month{font-size:.75rem;font-weight:500}.monthly-bar__pts{font-size:.625rem;color:var(--muted-foreground)}.orders-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.orders-icon-wrap{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background-color:oklch(from var(--terracotta) l c h / .15);display:flex;align-items:center;justify-content:center;flex-shrink:0}.orders-icon-wrap .icon{color:var(--terracotta)}.orders-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:2rem}.orders-stat{background-color:oklch(from var(--secondary) l c h / .6);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:1rem 1.25rem}.orders-stat__meta{display:flex;align-items:center;gap:.5rem;color:var(--muted-foreground);margin-bottom:.25rem}.orders-stat__meta span{font-size:.75rem;font-weight:500}.orders-stat__value{font-family:var(--font-display);font-size:1.375rem;font-weight:600}.search-box{position:relative;margin-bottom:.75rem}.search-box .input{padding-left:2.75rem;height:3rem;border-radius:var(--radius-full);background-color:oklch(from var(--secondary) l c h / .6);border-color:transparent}.search-box .input:focus{background-color:var(--background);border-color:var(--ring)}.search-box .input-icon{left:1rem}.filter-pills{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;margin-bottom:1.5rem;scrollbar-width:none}.filter-pills::-webkit-scrollbar{display:none}.filter-pill{flex-shrink:0;padding:.375rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;cursor:pointer;border:none;background-color:var(--secondary);color:var(--muted-foreground);transition:all .15s}.filter-pill:hover{color:var(--foreground)}.filter-pill--active{background-color:var(--foreground);color:var(--background)}.order-card{display:block;background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:1rem 1.25rem;text-decoration:none;color:var(--foreground);transition:border-color .15s,box-shadow .15s;margin-bottom:.75rem}.order-card:hover{border-color:oklch(from var(--foreground) l c h / .2);box-shadow:0 2px 8px #0000000f}.order-card__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.875rem}.order-card__header-left{display:flex;align-items:center;gap:.625rem;min-width:0}.order-card__icon-wrap{display:none;width:2.25rem;height:2.25rem;border-radius:var(--radius-lg);background-color:oklch(from var(--terracotta) l c h / .1);align-items:center;justify-content:center;flex-shrink:0;color:var(--terracotta)}@media(min-width:480px){.order-card__icon-wrap{display:flex}}.order-card__num{font-family:var(--font-mono);font-size:.8125rem;font-weight:600}.order-card__item-list{list-style:none;margin:0 0 .875rem;padding:0;border-top:1px solid oklch(from var(--border) l c h / .6);border-bottom:1px solid oklch(from var(--border) l c h / .6);padding:.5rem 0}.order-card__item{display:flex;align-items:baseline;gap:.5rem;padding:.2rem 0;font-size:.8125rem}.order-card__item-name{flex:1;min-width:0;color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-card__item-qty{font-size:.75rem;color:var(--muted-foreground);flex-shrink:0}.order-card__item-price{font-size:.75rem;font-weight:600;min-width:3.5rem;text-align:right;flex-shrink:0;color:var(--foreground)}.order-card__no-items{font-size:.75rem;color:var(--muted-foreground);margin-bottom:.75rem;font-style:italic}.order-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.order-card__meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--muted-foreground);flex-wrap:wrap}.order-card__total-group{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;flex-shrink:0}.order-card__price{font-family:var(--font-display);font-size:1rem;font-weight:700}.order-card__receipt{display:flex;align-items:center;gap:.2rem;font-size:.6875rem;font-weight:500;color:var(--muted-foreground)}.order-card__reorder{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.order-card__in-progress{margin-top:.625rem;padding-top:.625rem;border-top:1px solid var(--border);font-size:.75rem;color:var(--muted-foreground);display:flex;align-items:center;gap:.375rem}.order-card__badges{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.order-card__group-badge{font-size:.6rem;gap:.2rem;color:var(--sage-foreground);border-color:currentColor}.order-card__pts{color:var(--sage-foreground);font-weight:500}.orders-group-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:oklch(from var(--sage) l c h / .08);border:1px solid oklch(from var(--sage) l c h / .25);border-radius:var(--radius-xl);padding:.875rem 1rem;margin-bottom:1.5rem}.orders-group-banner__left{display:flex;align-items:center;gap:.625rem;color:var(--sage-foreground)}.orders-group-banner__dot{width:.5rem;height:.5rem;border-radius:var(--radius-full);background:var(--sage-foreground);flex-shrink:0;animation:group-dot-ping 2s ease-in-out infinite}.orders-group-banner__title{font-size:.8125rem;font-weight:600}.orders-group-banner__meta{font-size:.6875rem;color:var(--muted-foreground);margin-top:.1rem}.orders-empty{border:1px dashed var(--border);background-color:oklch(from var(--secondary) l c h / .3);border-radius:var(--radius-2xl);padding:2.5rem;text-align:center}.orders-empty__icon{width:3.5rem;height:3.5rem;border-radius:var(--radius-full);background-color:var(--background);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.orders-empty__title{font-family:var(--font-display);font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.orders-empty__desc{font-size:.875rem;color:var(--muted-foreground);margin-bottom:1.25rem}.receipt-card{background-color:var(--card);border-radius:var(--radius-3xl);border:1px solid var(--border);overflow:hidden}.receipt-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border);background:linear-gradient(135deg,oklch(from var(--secondary) l c h / .4),transparent)}.receipt-header__top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.receipt-eyebrow{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--sage-foreground);margin-bottom:.5rem}.receipt-title{font-family:var(--font-display);font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700}.receipt-date{font-size:.875rem;color:var(--muted-foreground);margin-top:.25rem}.receipt-items{padding:1.5rem 2rem;display:flex;flex-direction:column;gap:.75rem}.receipt-item{display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.receipt-item__qty{font-family:var(--font-mono);color:var(--muted-foreground);margin-right:.5rem}.receipt-totals{padding:0 2rem 1.5rem}.receipt-points{margin-top:1.25rem;padding:.75rem;background-color:oklch(from var(--sage) l c h / .1);border-radius:var(--radius-xl);font-size:.75rem;color:var(--sage-foreground);font-weight:500}.copy-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-full);border:1px solid var(--border);background-color:var(--background);font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .15s}.copy-btn:hover{background-color:var(--secondary)}.group-layout{display:grid;gap:1.5rem}@media(min-width:768px){.group-layout{grid-template-columns:1fr 21rem}}.group-code-card{background-color:var(--card);border-radius:var(--radius-2xl);padding:1.25rem;border:1px solid var(--border)}.group-code-inner{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.group-code__label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-foreground);margin-bottom:.25rem}.group-code__code{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;letter-spacing:.3em}.group-code__btns{display:flex;gap:.375rem}.icon-btn{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);border:1px solid var(--border);background-color:var(--background);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s;color:var(--muted-foreground)}.icon-btn:hover{background-color:var(--secondary)}.icon-btn--success{color:var(--sage-foreground)}.member-card{border:1px solid oklch(from var(--border) l c h / .6);border-radius:var(--radius-xl);padding:1rem}.member-card--editable{border-color:oklch(from var(--terracotta) l c h / .4);background:oklch(from var(--terracotta) l c h / .03);box-shadow:0 0 0 1px oklch(from var(--terracotta) l c h / .08)}.member-avatar--me{background-color:oklch(from var(--terracotta) l c h / .18)}.member-card__empty{padding:1.25rem 0 .5rem 2.5rem;display:flex;flex-direction:column;gap:.25rem;color:var(--muted-foreground);font-size:.8125rem}.member-card__empty svg{opacity:.35;margin-bottom:.25rem}.member-card__empty-hint{font-size:.6875rem}.member-card__footer{margin-top:.75rem;padding-top:.625rem;border-top:1px solid oklch(from var(--border) l c h / .5)}.member-card__add-btn{width:100%;justify-content:center;font-size:.75rem;border-radius:var(--radius-full)}.member-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.member-card__info{display:flex;align-items:center;gap:.625rem}.member-avatar{width:2rem;height:2rem;border-radius:var(--radius-full);background-color:oklch(from var(--primary) l c h / .15);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.member-name{font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.375rem}.member-items-count{font-size:.6875rem;color:var(--muted-foreground)}.member-subtotal{font-size:.875rem;font-weight:700}.member-item-list{padding-left:2.5rem}.member-item{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted-foreground)}.member-item--editable{align-items:center;gap:.5rem;padding:.3rem 0;color:var(--foreground)}.member-item__name{flex:1;min-width:0;font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-item__stepper{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-full);overflow:hidden;flex-shrink:0}.member-item__qty-btn{width:1.625rem;height:1.625rem;border:none;background:transparent;cursor:pointer;color:var(--foreground);display:flex;align-items:center;justify-content:center;transition:background .1s}.member-item__qty-btn:hover{background:var(--secondary)}.member-item__qty{font-size:.6875rem;font-weight:600;padding:0 .25rem;min-width:1.5rem;text-align:center;color:var(--foreground)}.member-item__price{font-size:.75rem;font-weight:600;min-width:2.75rem;text-align:right;flex-shrink:0}.member-item__remove{width:1.375rem;height:1.375rem;border:none;background:transparent;cursor:pointer;color:var(--muted-foreground);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);flex-shrink:0;padding:0;transition:color .1s,background .1s}.member-item__remove:hover{color:var(--destructive);background:oklch(from var(--destructive) l c h / .08)}.group-items-list{border-top:1px solid var(--border)}.group-item-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.group-item-row:last-child{border-bottom:none}.group-item-name{font-weight:500;font-size:.9375rem}.group-item-price{font-size:.75rem;color:var(--muted-foreground)}.group-sidebar{display:flex;flex-direction:column;gap:.75rem}@media(min-width:768px){.group-sidebar{position:sticky;top:calc(var(--navbar-h) + 1.5rem);align-self:start}}.group-summary{background-color:var(--card);border-radius:var(--radius-2xl);padding:1.5rem;border:1px solid var(--border)}.group-summary__title{font-family:var(--font-display);font-size:1.125rem;font-weight:700;margin-bottom:1rem}.group-summary__row{display:flex;justify-content:space-between;color:var(--muted-foreground);font-size:.875rem;margin-bottom:.625rem}.group-summary__row span:last-child{color:var(--foreground);font-weight:500}.group-summary__total{display:flex;justify-content:space-between;font-size:1rem;font-weight:700}.group-waiting{margin-top:1.25rem;padding:.75rem;border-radius:var(--radius-xl);background-color:oklch(from var(--muted) l c h / .6);text-align:center}.group-placed{margin-top:1.25rem;padding:.75rem;border-radius:var(--radius-xl);background-color:oklch(from var(--sage) l c h / .1);text-align:center}.leave-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.375rem;font-size:.75rem;color:var(--muted-foreground);background:none;border:none;cursor:pointer;padding:.5rem;transition:color .15s}.leave-btn:hover{color:var(--destructive)}.cart-empty{text-align:center;padding:5rem 1rem}.cart-empty__icon{color:oklch(from var(--muted-foreground) l c h / .3);margin:0 auto 1rem}.events-hero{position:relative;min-height:55vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-top:var(--navbar-h);background:linear-gradient(135deg,var(--terracotta) 0%,oklch(.32 .08 30) 100%)}.events-hero__overlay{position:absolute;inset:0;background:linear-gradient(to top,#0000008c,#0003);pointer-events:none}.events-hero__content{position:relative;z-index:1;text-align:center;padding:4rem 1.5rem;max-width:52rem;margin-inline:auto}.events-hero__eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffffbf;margin-bottom:1rem}.events-hero__title{font-size:clamp(2rem,6vw,4rem);color:#fff;line-height:1.1;margin-bottom:1rem}.events-hero__sub{font-size:1.125rem;color:#ffffffd1;max-width:36rem;margin-inline:auto;margin-bottom:1.5rem}.events-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:640px){.events-stats{grid-template-columns:repeat(4,1fr)}}.events-stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.25rem;text-align:center}.events-stat__icon{color:var(--terracotta);margin-bottom:.5rem;display:flex;align-items:center;justify-content:center}.events-stat__value{font-size:1.75rem;font-weight:700;font-family:var(--font-display);line-height:1;margin-bottom:.25rem}.events-stat__label{font-size:.8125rem;color:var(--muted-foreground)}.packages-grid{display:grid;gap:1.5rem}@media(min-width:768px){.packages-grid{grid-template-columns:repeat(3,1fr);align-items:start}}.packages-grid--solo{margin-inline:auto}@media(min-width:768px){.packages-grid--solo{grid-template-columns:1fr}}.package-card{background-color:var(--card);border-radius:var(--radius-2xl);padding:1.75rem;border:1px solid var(--border);position:relative;display:flex;flex-direction:column;gap:.75rem;transition:box-shadow .2s,transform .2s}.package-card:hover{box-shadow:0 8px 24px #00000017}.package-card.package-card--featured{flex-direction:row;gap:0;padding:0;overflow:hidden}.package-card__left{flex:1;padding:2rem;display:flex;flex-direction:column;gap:.75rem}.package-card__right{flex:1;padding:2rem;border-left:1px solid var(--border);display:flex;flex-direction:column}.package-card__features-label{font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:.75rem}@media(max-width:639px){.package-card.package-card--featured{flex-direction:column}.package-card__right{border-left:none;border-top:1px solid var(--border);padding-top:1.5rem}}.package-card--highlight{border-color:var(--terracotta);box-shadow:0 4px 16px #0000001a}@media(min-width:768px){.package-card--highlight{transform:scale(1.03)}.packages-grid--solo .package-card--highlight{transform:none}}.package-card__badge{position:absolute;top:-.875rem;left:50%;transform:translate(-50%);background-color:var(--terracotta);color:var(--terracotta-foreground);font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.25rem 1rem;border-radius:var(--radius-full);white-space:nowrap}.package-card__icon{color:var(--terracotta);margin-bottom:.25rem}.package-card__name{font-family:var(--font-display);font-size:1.25rem;font-weight:700}.package-card__price{display:flex;align-items:baseline;gap:.375rem}.package-card__amount{font-size:1.75rem;font-weight:700;color:var(--terracotta);font-family:var(--font-display)}.package-card__per{font-size:.8125rem;color:var(--muted-foreground)}.package-card__desc{font-size:.875rem;color:var(--muted-foreground);line-height:1.55}.package-card__features{list-style:none;padding:0;margin:.25rem 0 .5rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.package-card__features li{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.form-grid-2{display:grid;gap:1rem}@media(min-width:540px){.form-grid-2{grid-template-columns:1fr 1fr}}.booking-card{padding:1.5rem;max-width:44rem;margin:0 auto}@media(min-width:640px){.booking-card{padding:2.5rem}}.field-error{display:block;font-size:.75rem;color:var(--destructive);margin-top:.3125rem}.field-error[hidden]{display:none}.input--error{border-color:var(--destructive)!important}.input--error:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--destructive) 20%,transparent)!important}.label-required{color:var(--destructive);margin-left:.125rem}.label-optional{font-size:.6875rem;font-weight:400;color:var(--muted-foreground);margin-left:.375rem;text-transform:uppercase;letter-spacing:.04em}[data-animate]{opacity:0;transform:translateY(1.25rem);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}[data-animate].visible{opacity:1;transform:translateY(0)}[data-delay="1"]{transition-delay:.08s}[data-delay="2"]{transition-delay:.16s}[data-delay="3"]{transition-delay:.24s}[data-delay="4"]{transition-delay:.32s}[data-delay="5"]{transition-delay:.4s}[data-delay="6"]{transition-delay:.48s}[data-delay="7"]{transition-delay:.56s}[data-animate-instant]{opacity:0;transform:translateY(1.25rem);animation:fade-up .5s cubic-bezier(.22,1,.36,1) forwards}[data-animate-instant][data-delay="1"]{animation-delay:.08s}[data-animate-instant][data-delay="2"]{animation-delay:.16s}[data-animate-instant][data-delay="3"]{animation-delay:.24s}[data-animate-instant][data-delay="4"]{animation-delay:.32s}@keyframes fade-up{to{opacity:1;transform:translateY(0)}}.text-center{text-align:center}.text-muted{color:var(--muted-foreground)}.text-sage{color:var(--sage-foreground)}.text-terracotta{color:var(--terracotta)}.text-gold{color:var(--gold-foreground)}.text-destructive{color:var(--destructive)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.tracking-wide{letter-spacing:.05em}.tracking-wider{letter-spacing:.1em}.tracking-widest{letter-spacing:.15em}.uppercase{text-transform:uppercase}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.shrink-0{flex-shrink:0}.w-full{width:100%}.min-w-0{min-width:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spinner{width:1.25rem;height:1.25rem;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.back-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--muted-foreground);text-decoration:none;margin-bottom:1.5rem;transition:color .15s}.back-link:hover{color:var(--foreground)}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.status-active{background-color:oklch(from var(--sage) l c h / .15);color:var(--sage-foreground)}.status-placed{background-color:oklch(from var(--primary) l c h / .15);color:var(--primary)}.status-expired{background-color:oklch(from var(--destructive) l c h / .1);color:var(--destructive)}.status-completed{background-color:oklch(from var(--sage) l c h / .2);color:var(--sage-foreground);border:1px solid oklch(from var(--sage) l c h / .3)}.status-pending{background-color:oklch(from var(--primary) l c h / .1);color:var(--primary);border:1px solid oklch(from var(--primary) l c h / .25)}.status-accepted{background-color:oklch(from var(--gold) l c h / .12);color:var(--foreground);border:1px solid oklch(from var(--gold) l c h / .3)}.status-preparing{background-color:oklch(from var(--gold) l c h / .2);color:var(--foreground);border:1px solid oklch(from var(--gold) l c h / .4)}.status-done{background-color:oklch(from var(--sage) l c h / .2);color:var(--sage-foreground);border:1px solid oklch(from var(--sage) l c h / .3)}.status-cancelled{background-color:oklch(from var(--destructive) l c h / .1);color:var(--destructive);border:1px solid oklch(from var(--destructive) l c h / .3)}.group-status{display:inline-flex;align-items:center;gap:.375rem;margin-top:.75rem;padding:.375rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.notice-sage{display:flex;align-items:center;gap:.5rem;background-color:oklch(from var(--sage) l c h / .1);border-radius:var(--radius-full);padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:var(--sage-foreground);width:fit-content}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.error-page__content{max-width:28rem;text-align:center}.error-page__code{font-family:var(--font-display);font-size:5rem;font-weight:700}.error-page__title{font-size:1.25rem;font-weight:600;margin-top:1rem}.error-page__desc{color:var(--muted-foreground);font-size:.875rem;margin-top:.5rem;margin-bottom:1.5rem}.error-icon-wrap{width:4rem;height:4rem;border-radius:var(--radius-full);background-color:oklch(from var(--destructive) l c h / .1);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:var(--destructive)}.modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:#00000073;backdrop-filter:blur(4px);animation:modal-fade-in .15s ease}.modal-card{position:relative;background:var(--card);border-radius:var(--radius-2xl);padding:2rem;width:100%;max-width:26rem;box-shadow:0 20px 25px -5px #00000026,0 8px 10px -6px #0000001a;animation:modal-slide-up .2s ease}.modal-close{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--muted-foreground);font-size:1rem;transition:color .15s,background-color .15s}.modal-close:hover{color:var(--foreground);background-color:var(--secondary)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.otp-modal-card{text-align:center}.otp-modal-header{margin-bottom:1.75rem}.otp-modal-icon{font-size:2.5rem;margin-bottom:.75rem}.otp-modal-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.otp-modal-sub{font-size:.875rem;color:var(--muted-foreground);line-height:1.6}.otp-inputs{display:flex;gap:.375rem;justify-content:center}.otp-box{width:2.875rem;height:3.5rem;text-align:center;font-size:1.5rem;font-weight:700;border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--background);color:var(--foreground);outline:none;caret-color:transparent;transition:border-color .15s,box-shadow .15s}.otp-box:focus{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch,var(--ring) 20%,transparent)}.otp-box--filled{border-color:var(--primary);background:oklch(from var(--primary) l c h / .05)}.otp-box--error{border-color:var(--destructive);box-shadow:0 0 0 3px color-mix(in oklch,var(--destructive) 15%,transparent)}.otp-error{font-size:.75rem;color:var(--destructive);margin-top:.75rem}.otp-error[hidden]{display:none}.otp-resend-row{font-size:.8125rem;color:var(--muted-foreground);margin-top:1rem}.otp-resend-row button{background:none;border:none;cursor:pointer;color:var(--terracotta);font-weight:600;font-size:inherit;padding:0}.otp-resend-row button:hover{text-decoration:underline}.otp-resend-row button:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - var(--navbar-h));gap:1.75rem;padding:2rem}.coffee-loader{position:relative;width:88px;height:88px;display:flex;align-items:center;justify-content:center;overflow:visible}.coffee-loader__ring{position:absolute;inset:0;width:100%;height:100%;animation:coffee-ring-spin 1.5s linear infinite;transform-origin:center;overflow:visible}.coffee-loader__track{fill:none;stroke:var(--border);stroke-width:4}.coffee-loader__arc{fill:none;stroke:var(--terracotta);stroke-width:4;stroke-linecap:round;stroke-dasharray:70 144}@keyframes coffee-ring-spin{to{transform:rotate(360deg)}}.coffee-loader__icon{position:relative;z-index:1;color:var(--primary);display:flex;align-items:center;justify-content:center;animation:coffee-icon-breathe 2.4s ease-in-out infinite}@keyframes coffee-icon-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.07)}}.coffee-loader__steam{position:absolute;top:6px;left:50%;transform:translate(-50%);display:flex;gap:7px;align-items:flex-end;pointer-events:none}.coffee-steam__wisp{display:block;width:3px;border-radius:3px;background:color-mix(in oklch,var(--primary) 50%,transparent);opacity:0;animation:steam-rise 2.4s ease-in-out infinite}.coffee-steam__wisp--1{height:12px;animation-delay:0s}.coffee-steam__wisp--2{height:18px;animation-delay:.45s}.coffee-steam__wisp--3{height:12px;animation-delay:.9s}@keyframes steam-rise{0%{opacity:0;transform:translateY(0) scaleX(1)}20%{opacity:.6}60%{opacity:.25;transform:translateY(-14px) scaleX(1.5)}to{opacity:0;transform:translateY(-26px) scaleX(.6)}}.coffee-loader__label{font-family:var(--font-display);font-size:1.0625rem;font-style:italic;color:var(--muted-foreground);letter-spacing:.02em}.coffee-loader__dots span{display:inline-block;opacity:0;animation:dot-blink 1.5s ease-in-out infinite}.coffee-loader__dots span:nth-child(1){animation-delay:0s}.coffee-loader__dots span:nth-child(2){animation-delay:.25s}.coffee-loader__dots span:nth-child(3){animation-delay:.5s}@keyframes dot-blink{0%,to{opacity:0}50%{opacity:1}}.unsaved-bar{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.625rem .75rem;background:oklch(from var(--terracotta) l c h / .07);border:1px solid oklch(from var(--terracotta) l c h / .22);border-radius:var(--radius-xl);color:var(--terracotta);animation:unsaved-in .2s cubic-bezier(.22,1,.36,1)}@keyframes unsaved-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.unsaved-bar__text{font-size:.8125rem;font-weight:500;flex:1;white-space:nowrap}.unsaved-bar__actions{display:flex;gap:.375rem;flex-shrink:0}.group-context-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem 1rem;border-radius:var(--radius-xl);margin-bottom:1.75rem;font-size:.8125rem;flex-wrap:wrap}.group-context-banner--active{background:oklch(from var(--sage) l c h / .1);border:1px solid oklch(from var(--sage) l c h / .25);color:var(--sage-foreground)}.group-context-banner--placed{background:oklch(from var(--gold) l c h / .1);border:1px solid oklch(from var(--gold) l c h / .3);color:var(--gold-foreground)}.group-context-banner__left{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.group-context-banner__code{font-family:var(--font-mono);font-weight:700;letter-spacing:.1em}.group-context-banner__link{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;opacity:.8;white-space:nowrap;transition:opacity .15s;flex-shrink:0}.group-context-banner__link:hover{opacity:1}.late-addition-card{margin-top:1rem;padding:1rem;background:oklch(from var(--gold) l c h / .07);border:1px solid oklch(from var(--gold) l c h / .25);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:.875rem}.late-addition-card__header{display:flex;align-items:flex-start;gap:.625rem;color:var(--gold-foreground)}.late-addition-card__title{font-size:.875rem;font-weight:600;color:var(--foreground);line-height:1.3}.late-addition-card__desc{font-size:.75rem;color:var(--muted-foreground);margin-top:.125rem}.cart-late-addition-notice{display:flex;align-items:flex-start;gap:.5rem;margin-top:.875rem;padding:.625rem .875rem;background:oklch(from var(--gold) l c h / .08);border:1px solid oklch(from var(--gold) l c h / .22);border-radius:var(--radius-lg);font-size:.75rem;color:var(--gold-foreground);line-height:1.5}.cart-late-addition-notice svg{flex-shrink:0;margin-top:.1rem}