:root,:host{--fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";--fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";--fa-font-light: normal 300 1em/1 "Font Awesome 6 Pro";--fa-font-thin: normal 100 1em/1 "Font Awesome 6 Pro";--fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";--fa-font-duotone-regular: normal 400 1em/1 "Font Awesome 6 Duotone";--fa-font-duotone-light: normal 300 1em/1 "Font Awesome 6 Duotone";--fa-font-duotone-thin: normal 100 1em/1 "Font Awesome 6 Duotone";--fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";--fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-thin: normal 100 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-duotone-solid: normal 900 1em/1 "Font Awesome 6 Sharp Duotone";--fa-font-sharp-duotone-regular: normal 400 1em/1 "Font Awesome 6 Sharp Duotone";--fa-font-sharp-duotone-light: normal 300 1em/1 "Font Awesome 6 Sharp Duotone";--fa-font-sharp-duotone-thin: normal 100 1em/1 "Font Awesome 6 Sharp Duotone"}svg.svg-inline--fa:not(:root),svg.svg-inline--fa:not(:host){overflow:visible;box-sizing:content-box}.svg-inline--fa{display:var(--fa-display, inline-block);height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-2xs{vertical-align:.1em}.svg-inline--fa.fa-xs{vertical-align:0em}.svg-inline--fa.fa-sm{vertical-align:-.07143em}.svg-inline--fa.fa-lg{vertical-align:-.2em}.svg-inline--fa.fa-xl{vertical-align:-.25em}.svg-inline--fa.fa-2xl{vertical-align:-.3125em}.svg-inline--fa.fa-pull-left{margin-right:var(--fa-pull-margin, .3em);width:auto}.svg-inline--fa.fa-pull-right{margin-left:var(--fa-pull-margin, .3em);width:auto}.svg-inline--fa.fa-li{width:var(--fa-li-width, 2em);top:.25em}.svg-inline--fa.fa-fw{width:var(--fa-fw-width, 1.25em)}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{transform-origin:center center}.fa-layers-text{left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center center}.fa-layers-counter{background-color:var(--fa-counter-background-color, #ff253a);border-radius:var(--fa-counter-border-radius, 1em);box-sizing:border-box;color:var(--fa-inverse, #fff);line-height:var(--fa-counter-line-height, 1);max-width:var(--fa-counter-max-width, 5em);min-width:var(--fa-counter-min-width, 1.5em);overflow:hidden;padding:var(--fa-counter-padding, .25em .5em);right:var(--fa-right, 0);text-overflow:ellipsis;top:var(--fa-top, 0);transform:scale(var(--fa-counter-scale, .25));transform-origin:top right}.fa-layers-bottom-right{bottom:var(--fa-bottom, 0);right:var(--fa-right, 0);top:auto;transform:scale(var(--fa-layers-scale, .25));transform-origin:bottom right}.fa-layers-bottom-left{bottom:var(--fa-bottom, 0);left:var(--fa-left, 0);right:auto;top:auto;transform:scale(var(--fa-layers-scale, .25));transform-origin:bottom left}.fa-layers-top-right{top:var(--fa-top, 0);right:var(--fa-right, 0);transform:scale(var(--fa-layers-scale, .25));transform-origin:top right}.fa-layers-top-left{left:var(--fa-left, 0);right:auto;top:var(--fa-top, 0);transform:scale(var(--fa-layers-scale, .25));transform-origin:top left}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin, 2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(-1 * var(--fa-li-width, 2em));position:absolute;text-align:center;width:var(--fa-li-width, 2em);line-height:inherit}.fa-border{border-color:var(--fa-border-color, #eee);border-radius:var(--fa-border-radius, .1em);border-style:var(--fa-border-style, solid);border-width:var(--fa-border-width, .08em);padding:var(--fa-border-padding, .2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin, .3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin, .3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1))}.fa-fade{animation-name:fa-fade;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))}.fa-beat-fade{animation-name:fa-beat-fade;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, ease-in-out)}.fa-shake{animation-name:fa-shake;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, linear)}.fa-spin{animation-name:fa-spin;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 2s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, linear)}.fa-spin-reverse{--fa-animation-direction: reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, steps(8))}@media(prefers-reduced-motion:reduce){.fa-beat,.fa-bounce,.fa-fade,.fa-beat-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale, 1.25))}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x, 1.1),var(--fa-bounce-start-scale-y, .9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x, .9),var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x, 1.05),var(--fa-bounce-land-scale-y, .95)) translateY(0)}57%{transform:scale(1) translateY(var(--fa-bounce-rebound, -.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity, .4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity, .4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale, 1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x, 0),var(--fa-flip-y, 1),var(--fa-flip-z, 0),var(--fa-flip-angle, -180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0)}}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle, 0))}.fa-stack{display:inline-block;vertical-align:middle;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;z-index:var(--fa-stack-z-index, auto)}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:var(--fa-inverse, #fff)}.sr-only,.fa-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:not(:focus),.fa-sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color, currentColor);opacity:var(--fa-primary-opacity, 1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color, currentColor);opacity:var(--fa-secondary-opacity, .4)}.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:var(--fa-secondary-opacity, .4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:var(--fa-primary-opacity, 1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}:root{--root-background-color: #eef0e8;--content-background-color: #dfe3d8;--header-color: #a8c2a4;--header-link-active: #92ad8f;--navigation-link-color: #f6f6f2;--red-warning-color: #c17878;--red-warning-color-hover: #a84d4d;--orange-pending-color: #c97828;--yellow-share-color: #c4c49a;--yellow-share-color-hover: #aeae84;--text-header-color: #5a524d;--button-highlight-color: #6e8c71;--button-highlight-color-hover: #567459;--surface-edge: rgba(80, 72, 68, .2);--shadow-sm: 0 1px 3px rgba(35, 30, 25, .09);--shadow-md: 0 4px 18px rgba(35, 30, 25, .11);--font-family-headers: "Amatic SC", "Segoe UI", sans-serif;--font-family-logo: "Sofia", cursive;--font-family-body: "Encode Sans Condensed", "Segoe UI", sans-serif;--navigation-link-font-size: 19px;--header-input-size: 17px;--input-h1-size: 18px;--input-h2-size: 17px;--input-tiny-size: 8px;--content-max-width: 1080px;--radius-lg: 12px;--transition-fast: .18s ease;--common-border-radius: 10px;--common-dashed-line: 1px var(--text-header-color) dashed;--common-solid-line: 1px var(--text-header-color) solid}*,*:before,*:after{box-sizing:border-box}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{background-color:var(--root-background-color);margin:0;min-height:100vh;-webkit-font-smoothing:antialiased;background-image:linear-gradient(180deg,#eef0e8,#dfe3d8)}div,input,label,p,pre,table,textarea,select{font-family:var(--font-family-body)}button{font-family:var(--font-family-headers);font-size:20px}h1,h2,h3,h4,h5{font-family:var(--font-family-headers)}h1{font-size:40px;margin:5px 0}p{line-height:30px}.backgroundLayer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.backgroundLayer__wash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 120% 85% at 50% -5%,rgba(160,190,155,.28),transparent 58%),radial-gradient(ellipse 70% 55% at 95% 85%,rgba(210,215,200,.4),transparent 52%),radial-gradient(ellipse 55% 45% at 5% 45%,rgba(245,246,242,.35),transparent 48%),linear-gradient(168deg,#eef0e8,#e4e8dd 42%,#d8ddd2)}.backgroundLayer__wash:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.22;background-image:repeating-linear-gradient(125deg,transparent,transparent 11px,rgba(117,106,100,.045) 11px,rgba(117,106,100,.045) 12px);mix-blend-mode:multiply;pointer-events:none}.backgroundLayer__wash:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:radial-gradient(rgba(117,106,100,.1) 1px,transparent 1px),radial-gradient(rgba(117,106,100,.06) .5px,transparent .5px);background-size:10px 10px,4px 4px;background-position:0 0,2px 3px;mix-blend-mode:multiply;pointer-events:none}.backgroundLayer__texture{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(ellipse 85% 65% at 50% 50%,transparent 35%,rgba(200,205,192,.28) 100%),repeating-linear-gradient(45deg,transparent,transparent 14px,rgba(144,180,147,.04) 14px,rgba(144,180,147,.04) 15px),repeating-linear-gradient(-45deg,transparent,transparent 18px,rgba(117,106,100,.025) 18px,rgba(117,106,100,.025) 19px);mix-blend-mode:multiply;opacity:.68}.backgroundLayer__lemon{position:absolute;background-image:url(/assets/lemon-CKxnd6b-.png);background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.32;filter:saturate(.88) brightness(.92) drop-shadow(0 10px 22px rgba(45,50,38,.1))}.backgroundLayer__lemon--primary{width:min(480px,76vw);height:min(440px,60vh);top:-3%;right:max(-3%,calc(50% - 580px));transform:rotate(-7deg);opacity:.4}.backgroundLayer__lemon--mid{width:min(280px,42vw);height:min(250px,34vh);top:18%;left:max(-4%,calc(50% - 620px));transform:rotate(11deg);opacity:.22;filter:saturate(.88) brightness(.92) drop-shadow(0 8px 18px rgba(45,50,38,.08))}.backgroundLayer__lemon--accent{width:min(210px,34vw);height:min(190px,30vh);bottom:5%;left:max(0%,calc(50% - 560px));transform:rotate(18deg);opacity:.24;filter:saturate(.88) brightness(.92) drop-shadow(0 6px 14px rgba(45,50,38,.07))}.backgroundLayer__lemon--small{width:min(140px,22vw);height:min(125px,20vh);bottom:22%;right:8%;transform:rotate(-22deg);opacity:.18;filter:saturate(1.03) drop-shadow(0 6px 14px rgba(70,85,55,.08))}.backgroundLayer__lemon--tiny{width:min(72px,14vw);height:min(64px,12vh);top:42%;right:3%;transform:rotate(25deg);opacity:.14;filter:saturate(.88) brightness(.92) drop-shadow(0 3px 8px rgba(45,50,38,.05))}@media screen and (max-width:900px){.backgroundLayer__lemon--mid{width:min(200px,36vw);height:min(180px,28vh);top:12%;left:-8%;opacity:.18}.backgroundLayer__lemon--small{right:2%;bottom:18%;opacity:.14}}@media screen and (max-width:640px){.backgroundLayer__texture{opacity:.65}.backgroundLayer__lemon--primary{width:min(300px,90vw);height:min(270px,40vh);right:-14%;top:-1%;opacity:.32}.backgroundLayer__lemon--mid{width:min(140px,40vw);height:min(125px,32vh);top:8%;left:-10%;opacity:.16}.backgroundLayer__lemon--accent{width:min(110px,32vw);height:min(100px,26vh);bottom:1%;left:-6%;opacity:.18}.backgroundLayer__lemon--small{width:min(90px,24vw);height:min(80px,20vh);bottom:35%;right:-2%;opacity:.12}.backgroundLayer__lemon--tiny{display:none}}.centerWrap{width:100%;max-width:100vw;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.logowrap{max-width:var(--content-max-width);margin:0 auto;padding:1.35rem 1rem .35rem;text-align:center;position:relative;z-index:2}.headerLine{background-color:var(--header-color);min-height:72px;width:100%;position:relative;z-index:3;display:flex;align-items:center;box-shadow:var(--shadow-sm);border-bottom:1px solid rgba(255,255,255,.35)}.headerLine:has(ul:empty){display:none}.ReactModal__Overlay{opacity:0;transition:opacity .3s ease-in-out}.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}.ModalContent{position:relative;border:1px solid var(--surface-edge);background:var(--content-background-color);overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);outline:none;padding:20px;width:500px;max-height:550px;box-shadow:var(--shadow-md)}.FriendListModalContent{width:800px}@media screen and (max-width:840px){.FriendListModalContent{width:360px;left:0;right:0;padding:0}}@media screen and (max-width:580px){.ModalContent{width:360px;left:0;right:0;padding:0}}.ModalOverlay{position:fixed;outline:none;top:0;left:0;right:0;bottom:0;background-color:#0006;z-index:50;display:flex;align-items:center;justify-content:center}.ModalContent.confirm-modal__dialog{width:min(100%,24rem);max-width:24rem;padding:1.35rem 1.4rem 1.45rem}.confirm-modal{display:flex;flex-direction:column;align-items:stretch;gap:1rem;text-align:center}.confirm-modal__title{margin:0;font-family:var(--font-family-headers);font-size:clamp(1.2rem,3vw,1.45rem);font-weight:600;color:var(--text-header-color);line-height:1.25}.confirm-modal__text{margin:0;font-family:var(--font-family-body);font-size:.98rem;line-height:1.5;color:#5a524ceb;text-align:center}.confirm-modal__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.65rem;padding-top:.1rem}.header{position:relative;max-width:var(--content-max-width);margin:0 auto;font-family:var(--font-family-headers);min-width:320px;width:100%;z-index:999;padding:0 .5rem}.header .active{background-color:var(--header-link-active)}.header li{display:inline-block;list-style-type:none;margin:0}.header ul{background-color:transparent;padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:.15rem}.header li a{color:var(--navigation-link-color);display:inline-block;font-size:var(--navigation-link-font-size);font-weight:700;padding:1.35rem 1.1rem;text-decoration:none;border-radius:8px;transition:background-color var(--transition-fast),color var(--transition-fast)}.header li a:hover{background-color:#fff3}.header li a:focus-visible{outline:2px solid var(--navigation-link-color);outline-offset:2px}.mainHeader{color:var(--text-header-color);font-family:var(--font-family-logo);font-size:clamp(2rem,5vw,2.5rem);margin:0;display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.35em;letter-spacing:.02em;text-shadow:0 1px 0 rgba(240,240,236,.35)}.mainHeader svg,.mainHeader .svg-inline--fa{height:.9em;width:.9em;vertical-align:middle}.content{background-color:var(--content-background-color);border-radius:var(--radius-lg);border:1px solid var(--surface-edge);min-width:320px;position:relative;max-width:var(--content-max-width);margin:1.25rem auto 2rem;width:min(92vw,var(--content-max-width));z-index:10;min-height:min(500px,70vh);padding:clamp(1rem,3vw,1.75rem);box-shadow:var(--shadow-md);flex:1 0 auto}.content h2{font-family:var(--font-family-headers);margin:0}.content>*:first-child{margin-top:0}.content:has(.account-view){min-height:auto}.content:has(.change-recipe){min-height:auto}.change-recipe{width:100%}.change-recipe__nav{margin-bottom:.5rem}.change-recipe__back{font-family:var(--font-family-body);font-size:.95rem;color:var(--text-header-color);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition-fast),color var(--transition-fast)}.change-recipe__back:hover{color:#4a433e;border-bottom-color:#756a6473}.change-recipe__header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:var(--common-dashed-line)}.change-recipe__header-lead{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.65rem .85rem;flex:1 1 12rem;min-width:0}.change-recipe__mascot-wrap{flex-shrink:0;line-height:0;filter:drop-shadow(0 2px 5px rgba(60,50,40,.1))}.change-recipe__title{margin:0;flex:1 1 10rem;min-width:0;font-size:clamp(1.65rem,4vw,2.25rem);line-height:1.15;color:var(--text-header-color)}.change-recipe-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.change-recipe__grid{display:grid;gap:1.25rem 1.75rem;align-items:start}@media screen and (min-width:900px){.change-recipe__grid{grid-template-columns:minmax(0,1fr) minmax(280px,380px)}.change-recipe__column--side{position:sticky;top:.75rem}}.change-recipe__section-title{margin:0 0 .45rem;font-size:clamp(1.1rem,2.5vw,1.35rem);color:var(--text-header-color)}.change-recipe__panel{border-radius:var(--radius-lg);background:#eceee88c;border:1px solid var(--surface-edge);box-shadow:var(--shadow-sm);padding:.75rem 1rem}.change-recipe__panel--ingredients{padding:.65rem .85rem .85rem}.change-recipe__panel--instructions{padding:0;min-height:220px}.change-recipe__panel--instructions textarea{display:block;min-height:280px;border:none;border-radius:var(--radius-lg);padding:.85rem 1rem;resize:vertical;line-height:1.55;white-space:pre-wrap;width:100%;background:transparent;font-family:var(--font-family-body);font-size:var(--header-input-size)}.recipe-categories{display:flex;flex-wrap:wrap;gap:.35rem 1.25rem;align-items:flex-start}.recipe-categories__item{flex:1 1 200px;min-width:0;max-width:100%}.change-recipe-name-input{font-size:var(--input-h1-size);width:100%;max-width:100%;padding:.5rem .65rem;border:1px solid var(--surface-edge);border-radius:var(--common-border-radius)}.change-recipe-sortable__hint{margin:0 0 .65rem;font-size:.88rem;color:#756a64d9;line-height:1.35}.change-recipe-group-card{display:flex;flex-direction:row;align-items:stretch;gap:.4rem;margin-bottom:.85rem;padding:.5rem .35rem;border-radius:var(--radius-lg);background:#e4e6e080;border:1px solid rgba(95,88,82,.12)}.change-recipe-group-card:last-child{margin-bottom:0}.change-recipe-group-card__body{flex:1;min-width:0}.change-recipe-drag-handle{flex-shrink:0;width:36px;min-height:44px;min-width:36px;align-self:stretch;display:flex;align-items:center;justify-content:center;border:1px dashed rgba(117,106,100,.35);border-radius:var(--common-border-radius);background:#eef0e5a6;color:var(--text-header-color);cursor:grab;padding:0;touch-action:none}.change-recipe-drag-handle:active{cursor:grabbing}.change-recipe-drag-handle--group{margin-top:.15rem}.change-recipe-group-header{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem}.change-recipe-group-header .ingredientGroupNameInput{flex:1 1 12rem;min-width:0;font-size:var(--input-h2-size);padding:.35rem .5rem;border:1px solid var(--surface-edge);border-radius:var(--common-border-radius)}.change-recipe-group-header__actions{display:flex;gap:.25rem;flex-shrink:0}.change-recipe-ingredient-list{display:flex;flex-direction:column;gap:.35rem}.change-recipe-ingredient-row{display:flex;flex-direction:row;align-items:stretch;gap:.35rem}.change-recipe-drag-handle--ingredient{align-self:flex-start;min-height:40px;min-width:32px;width:32px}.change-recipe-ingredient-fields{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;flex:1;min-width:0}.change-recipe-ingredient-fields__amount{flex:0 0 3.5rem}.change-recipe-ingredient-fields__amount .ingredientAmountInput{width:100%;max-width:4rem;padding:.15rem .35rem;font-size:var(--header-input-size);border:1px solid var(--surface-edge);border-radius:var(--common-border-radius)}.change-recipe-ingredient-fields__unit{flex:0 0 5.5rem}.change-recipe-ingredient-fields__unit .styledSelectSheet{max-width:100%}.change-recipe-ingredient-fields__name{flex:1 1 12rem;min-width:0}.change-recipe-ingredient-fields__name .ingredientNameInput{width:100%;max-width:100%;padding:.25rem .45rem;font-size:var(--header-input-size);border:1px solid var(--surface-edge);border-radius:var(--common-border-radius)}.change-recipe-ingredient-fields__delete{flex-shrink:0;width:44px;text-align:center}@media screen and (max-width:530px){.change-recipe-toolbar button{font-size:13px}.change-recipe-ingredient-fields__amount{flex:0 0 3rem}.change-recipe-ingredient-fields__unit{flex:0 0 4.5rem}}.ingredientGroupNameInput{font-size:var(--input-h2-size);width:100%}.ingredientAmountInput{max-width:50px}.ingredientNameInput{max-width:150px}.inputOK{border:1px solid white}.inputError{border:1px dashed var(--red-warning-color)}.login-page{text-align:center;max-width:520px;margin:0 auto;padding:.5rem 0 1rem}.login-page h1{font-size:clamp(2rem,5vw,2.5rem);margin-bottom:.75rem;line-height:1.15}.login-page p{font-family:var(--font-family-headers);font-size:clamp(1.25rem,3.5vw,1.55rem);line-height:1.35;margin:.65rem 0;color:var(--text-header-color)}.login-page .login-page__hero{margin:1rem auto 1.25rem;display:grid;place-items:center;min-height:150px}.login-page .google-login-container{display:flex;justify-content:center;align-items:center;min-height:34px;margin:1.25rem auto;max-width:240px}.content:has(.search-recipe){min-height:auto}.search-recipe{display:grid;gap:1rem 1.5rem;align-items:start;width:100%}.search-recipe__header{grid-column:1 / -1}.search-recipe__header h1{margin:0 0 .25rem;font-size:clamp(1.75rem,4vw,2.25rem);line-height:1.2}.search-recipe__toolbar{border-bottom:var(--common-dashed-line);padding-bottom:1rem}.recipe-category-list{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.75rem}.search-recipe__search{display:flex;align-items:center;gap:.5rem;padding:.15rem 0}.search-recipe__search-label{display:flex;align-items:center;flex-shrink:0;color:var(--text-header-color)}.search-recipe__search-icon{font-size:1.25rem}.search-recipe__search-input{flex:1;min-width:0;width:100%;max-width:100%;padding:.5rem .65rem;font-size:var(--header-input-size);border:1px solid var(--surface-edge);box-shadow:inset 0 1px 2px #3c32280f}.search-recipe__search-input::placeholder{color:#756a648c}@media screen and (min-width:768px){.search-recipe{grid-template-columns:minmax(200px,300px) minmax(0,1fr)}.search-recipe__toolbar{border-bottom:none;border-right:var(--common-dashed-line);padding-bottom:0;padding-right:1.25rem;position:sticky;top:.5rem}.search-recipe__main{min-width:0}}.recipe-search-result{width:100%;border-radius:var(--radius-lg);background:#eceee88c;border:1px solid var(--surface-edge);box-shadow:var(--shadow-sm);overflow:hidden}.recipe-search-result--shared{margin-top:1.5rem}.recipe-search-result__shared-title{margin:0;padding:.85rem 1rem;font-size:clamp(1.15rem,2.2vw,1.45rem);line-height:1.2;font-family:var(--font-family-headers);font-weight:700;color:var(--text-header-color);background:#cde7ca59;border-bottom:1px solid var(--surface-edge)}.recipe-search-result__table{width:100%;border-collapse:collapse;cursor:pointer;font-family:var(--font-family-headers);font-size:clamp(1.35rem,3.2vw,1.85rem);line-height:1.25}.recipe-search-result__row{transition:background-color var(--transition-fast)}.recipe-search-result__row:hover{background-color:#90b49333}.recipe-search-result__row--add{border-bottom:var(--common-dashed-line);background:#cde7ca40}.recipe-search-result__row--add:hover{background:#90b49359}.recipe-search-result__icon-cell{width:2.75rem;padding:.65rem .5rem .65rem 1rem;vertical-align:middle;text-align:center;font-size:.85em;color:var(--text-header-color)}.recipe-share-modal__action-cell{min-width:3rem;width:3rem;white-space:nowrap;cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.recipe-share-modal__action-cell:hover{color:#2f5c37;background-color:#cde7ca59}.recipe-share-modal__spinner-wrap{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;line-height:0;vertical-align:middle}.recipe-share-modal{text-align:center}.recipe-share-modal__title{margin:0}.recipe-share-modal__mascot-wrap{display:flex;justify-content:center;margin:.5rem 0 .75rem}.recipe-share-modal__mascot{max-width:120px;width:100%;height:auto}.recipe-share-modal__table-wrap{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--surface-edge)}.recipe-search-result__name-cell{padding:.65rem 1rem .65rem 0;vertical-align:middle;word-break:break-word}.recipe-search-result__name-cell--add{font-weight:700}@media screen and (max-width:767px){.recipe-search-result__icon-cell{padding-left:.75rem}}.content:has(.shopping-list-menu){min-height:auto}.content:has(.shopping-list-view){min-height:auto}.content:has(.show-recipe){min-height:auto}.show-recipe{width:100%;max-width:100%}.show-recipe__nav{margin-bottom:.75rem}.show-recipe__back{font-family:var(--font-family-body);font-size:.95rem;color:var(--text-header-color);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition-fast),color var(--transition-fast)}.show-recipe__back:hover{color:#4a433e;border-bottom-color:#756a6473}.show-recipe__header{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:var(--common-dashed-line)}.show-recipe__title-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem}.show-recipe__title{margin:0;flex:1 1 12rem;min-width:0;font-size:clamp(1.85rem,4.5vw,2.5rem);line-height:1.15;color:var(--text-header-color)}.show-recipe__actions{display:flex;flex-wrap:wrap;gap:.5rem}.show-recipe__categories{display:flex;flex-wrap:wrap;gap:.45rem;margin:.85rem 0 0;padding:0;list-style:none}.show-recipe__category-pill{display:inline-block;padding:.2rem .65rem;font-family:var(--font-family-body);font-size:.82rem;font-weight:600;letter-spacing:.02em;color:var(--text-header-color);background:#ffffff8c;border:1px solid var(--surface-edge);border-radius:999px}.show-recipe__error{margin:0 0 1rem;padding:.75rem 1rem;border-radius:var(--radius-lg);background:#b46e6e2e;border:1px solid rgba(150,95,95,.38);color:#4a3533}.show-recipe__grid{display:grid;gap:1.25rem 1.75rem;align-items:start}@media screen and (min-width:900px){.show-recipe__grid{grid-template-columns:minmax(260px,400px) minmax(0,1fr)}}.show-recipe__section-title{margin:0 0 .5rem;font-size:clamp(1.25rem,2.8vw,1.55rem);color:var(--text-header-color)}.show-recipe__panel{border-radius:var(--radius-lg);background:#eceee88c;border:1px solid var(--surface-edge);box-shadow:var(--shadow-sm)}.show-recipe__ingredients-panel{padding:.65rem .85rem .85rem;overflow-x:auto}.show-recipe__instructions-panel{padding:1rem 1.1rem 1.15rem}.show-recipe__empty{margin:0;font-size:.95rem;color:#756a64d9;font-style:italic}.show-recipe__table{width:100%;border-collapse:collapse;font-family:var(--font-family-body);font-size:var(--header-input-size)}.show-recipe__group-row{background:transparent}.show-recipe__group-name{font-family:var(--font-family-headers);font-size:clamp(1.15rem,2.5vw,1.45rem);font-weight:700;text-align:left;color:var(--text-header-color);padding:.75rem .35rem .35rem;border-bottom:var(--common-dashed-line)}.show-recipe__group-row:first-child .show-recipe__group-name{padding-top:.15rem}.show-recipe__table td{padding:.4rem .35rem;vertical-align:top;border-bottom:1px solid rgba(117,106,100,.08)}.show-recipe__td-amount{text-align:right;white-space:nowrap;width:3.25rem}.show-recipe__td-amount--num{font-variant-numeric:tabular-nums}.show-recipe__td-unit{width:2.75rem;white-space:nowrap;color:#756a64e6}.show-recipe__td-name{padding-left:.5rem}.show-recipe__instructions-body{white-space:pre-wrap;overflow-wrap:break-word;font-family:var(--font-family-body);font-size:calc(var(--header-input-size) + 1px);line-height:1.65;color:#4a433e;margin:0}input{border:none;border-radius:var(--common-border-radius);padding-left:5px}select{border:none;cursor:pointer;height:30px;background:#fff}.iconButton{background-color:var(--content-background-color);border:none;cursor:pointer;height:30px;width:30px}.arrowButton{background-color:var(--content-background-color);border:none;cursor:pointer;height:30px;width:30px;font-size:13px}.styledButton{background-color:var(--content-background-color);border-radius:var(--common-border-radius);border:2px solid transparent;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.iconButton{height:44px;width:44px;text-align:center;color:#000}.styledButton:hover{border:2px solid grey}.buttonHighlighted{background:var(--button-highlight-color)}.buttonOk{color:green}.buttonPending{color:var(--orange-pending-color)}.buttonError{color:var(--red-warning-color)}.ModalContent.share-modal__dialog{width:min(100%,28rem);max-width:28rem;padding:1.35rem 1.4rem 1.5rem;max-height:min(90vh,40rem)}.share-modal{display:flex;flex-direction:column;align-items:stretch;gap:1rem;text-align:center}.share-modal__title{margin:0;font-family:var(--font-family-headers);font-size:clamp(1.25rem,3.2vw,1.55rem);font-weight:600;color:var(--text-header-color);line-height:1.2}.share-modal__mascot-wrap{line-height:0;margin:0 auto;filter:drop-shadow(0 2px 8px rgba(60,50,40,.12))}.share-modal__mascot{display:block;width:auto;height:clamp(88px,24vw,140px)}.share-modal__table-wrap{width:100%;overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--surface-edge);background:#eceee873}.share-modal__table{width:100%;border-collapse:collapse;font-family:var(--font-family-body);font-size:.92rem;text-align:left}.share-modal__table thead th{padding:.55rem .65rem;font-weight:600;color:var(--text-header-color);border-bottom:1px solid var(--surface-edge);background:#dce0d88c}.share-modal__table tbody td{padding:.55rem .65rem;vertical-align:middle;color:#4a433ef2;border-bottom:1px solid rgba(117,106,100,.15)}.share-modal__table tbody tr:last-child td{border-bottom:none}.share-modal__status{white-space:nowrap;font-size:.88rem;color:#5a524ce6}.share-modal__name{min-width:6rem;max-width:12rem;word-break:break-word}.share-modal__actions-cell{width:1%;white-space:nowrap}.share-modal__lead{font-family:var(--font-family-body);font-size:.95rem;line-height:1.5;color:#5a524ce6;text-align:center;max-width:22rem;margin:0 auto}.share-modal__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.65rem;padding-top:.35rem}@media screen and (max-width:580px){.ModalContent.share-modal__dialog{padding:1.15rem 1.1rem 1.35rem}.share-modal__table{font-size:.88rem}}.styled-checkbox{display:block;position:relative;padding-left:2rem;margin-bottom:0;cursor:pointer;font-family:var(--font-family-body);font-size:var(--header-input-size);line-height:1.35;color:var(--text-header-color);-webkit-user-select:none;user-select:none}.styled-checkbox input{position:absolute;opacity:0;cursor:pointer;width:0;height:0}.styled-checkbox .styled-checkbox__mark{position:absolute;top:.1rem;left:0;height:1.15rem;width:1.15rem;background-color:#ffffffbf;border:1px solid var(--surface-edge);border-radius:4px;box-shadow:inset 0 1px 2px #3c32280f;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.styled-checkbox:hover input:not(:checked)~.styled-checkbox__mark{background-color:#cde7ca59;border-color:#756a6438}.styled-checkbox input:focus-visible~.styled-checkbox__mark{outline:2px solid var(--button-highlight-color);outline-offset:2px}.styled-checkbox input:checked~.styled-checkbox__mark{background-color:var(--button-highlight-color);border-color:var(--button-highlight-color-hover);box-shadow:inset 0 1px #ffffff40}.styled-checkbox input:checked:hover~.styled-checkbox__mark{background-color:var(--button-highlight-color-hover);border-color:#5a7a5d}.styled-checkbox .styled-checkbox__mark:after{content:"";position:absolute;display:none;left:50%;top:50%;width:.22rem;height:.48rem;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%,-55%) rotate(45deg)}.styled-checkbox input:checked~.styled-checkbox__mark:after{display:block}.shopping-list-menu{width:100%;min-height:0}.shopping-list-menu__hero{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 1.5rem;margin-bottom:1.75rem;padding:1.1rem 1.15rem 1.35rem;border-radius:var(--radius-lg);background:var(--content-background-color);border:1px solid var(--surface-edge);box-shadow:none}.shopping-list-menu__title{margin:0 0 .35rem;font-family:var(--font-family-headers);font-size:clamp(1.85rem,4.5vw,2.45rem);line-height:1.1;color:var(--text-header-color);letter-spacing:.02em}.shopping-list-menu__lead{margin:0;max-width:36rem;font-family:var(--font-family-body);font-size:clamp(.95rem,2vw,1.05rem);line-height:1.45;color:#5a524cd1}.shopping-list-menu__toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.shopping-list-menu__section{margin-bottom:2rem}.shopping-list-menu__section:last-of-type{margin-bottom:0}.shopping-list-menu__section-title{margin:0 0 .85rem;padding-bottom:.35rem;font-family:var(--font-family-headers);font-size:clamp(1.2rem,2.8vw,1.5rem);font-weight:600;color:var(--text-header-color);border-bottom:1px solid rgba(95,115,95,.28);display:inline-block;min-width:min(100%,12rem)}.shopping-list-menu__section-title--shared{border-bottom-color:#c8b45a66;padding-left:.5rem}.shopping-list-menu__section-title--shared:before{content:"";display:inline-block;width:.45rem;height:.45rem;margin-right:.5rem;border-radius:50%;background:var(--yellow-share-color-hover);vertical-align:.15em}.shopping-list-menu__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:.85rem;align-items:stretch}.MenuTile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:132px;padding:.65rem .5rem .75rem;border-radius:var(--radius-lg);cursor:pointer;text-align:center;word-break:break-word;border:1px solid rgba(117,106,100,.18);box-shadow:none;transition:border-color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast)}.MenuTile:hover{transform:translateY(-1px);box-shadow:0 2px 8px #3c322812}.MenuTile__stats{font-family:var(--font-family-headers);font-size:clamp(1.15rem,2.8vw,1.45rem);line-height:1.2;margin-bottom:.35rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.2rem .35rem;color:#3c3228e0}.MenuTile__stats--add{margin-bottom:.5rem}.MenuTile__add-icon{font-size:1.75rem;opacity:.75}.MenuTile__title{margin:0;font-family:var(--font-family-headers);font-size:clamp(1rem,2.4vw,1.2rem);line-height:1.2;font-weight:700;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}.TransparentTile{align-items:center;justify-content:center;margin:0;padding:.5rem;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-color:#e8eae4f5;display:flex;border-radius:inherit}.ExistingTile{background:var(--button-highlight-color);border-color:#465f4873;color:#f2f3ef}.ExistingTile:hover{background:var(--button-highlight-color-hover)}.ExistingTile .MenuTile__stats,.ExistingTile .MenuTile__title{color:#f2f3ef}.MenuTile--shared.ShareTile{background:var(--yellow-share-color);border-color:#78734666;color:#2e2c22}.MenuTile--shared.ShareTile:hover{background:var(--yellow-share-color-hover)}.DeleteTile{background:var(--red-warning-color);border-color:#a0464673;color:#f2f3ef}.DeleteTile:hover{background:var(--red-warning-color-hover)}.DeleteTile .MenuTile__stats,.DeleteTile .MenuTile__title{color:#f2f3ef}.ShareTile:not(.MenuTile--shared){background:var(--yellow-share-color);border-color:#a0914673}.ShareTile:not(.MenuTile--shared):hover{background:var(--yellow-share-color-hover)}.AddNewTile{background:#eceee8bf;border:2px dashed rgba(95,88,82,.28);color:var(--text-header-color)}.AddNewTile:hover{background:#dce0d6eb;border-color:#5f585261;border-style:dashed;color:var(--text-header-color)}.AddNewTile .MenuTile__title{font-weight:600;font-size:clamp(.95rem,2.2vw,1.05rem)}@media screen and (max-width:520px){.shopping-list-menu__hero{padding:.9rem .85rem 1.1rem}.shopping-list-menu__grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.65rem}.MenuTile{min-height:118px;padding:.5rem .4rem .6rem}}.shopping-list-view{width:100%;max-width:640px;margin:0 auto}.shopping-list-view__nav{margin-bottom:.65rem}.shopping-list-view__back{font-family:var(--font-family-body);font-size:.95rem;color:var(--text-header-color);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition-fast),color var(--transition-fast)}.shopping-list-view__back:hover{color:#4a433e;border-bottom-color:#756a6473}.shopping-list-view__header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:var(--common-dashed-line)}.shopping-list-view__name-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.65rem 1rem}.shopping-list-view__name-body{flex:1 1 12rem;min-width:0}.shopping-list-view__title{margin:0;font-family:var(--font-family-headers);font-size:clamp(1.75rem,4.5vw,2.35rem);line-height:1.12;color:var(--text-header-color);font-weight:700;word-break:break-word}.shopping-list-view__title-input{width:100%;max-width:100%;font-family:var(--font-family-headers);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:var(--text-header-color);padding:.35rem .5rem;border:1px solid var(--surface-edge);border-radius:var(--common-border-radius);background:#e8eae4bf}.shopping-list-view__name-tools{flex-shrink:0;display:flex;align-items:center;gap:.25rem}.shopping-list-view__add-section{margin-bottom:1.25rem}.shopping-list-view__add-row{display:flex;align-items:stretch;gap:.5rem;padding:.65rem .75rem;border-radius:var(--radius-lg);background:#e4e6e08c;border:1px solid var(--surface-edge);box-shadow:none}.shopping-list-view__add-input{flex:1;min-width:0;font-family:var(--font-family-body);font-size:var(--header-input-size);padding:.45rem .55rem;border:1px solid var(--surface-edge);border-radius:var(--common-border-radius);background:#f0f1eceb}.shopping-list-view__add-input::placeholder{color:#756a6480}.shopping-list-view__list-section{margin:0}.shopping-list-view__empty{margin:0;padding:1rem .75rem;font-family:var(--font-family-body);font-size:.95rem;color:#756a64d9;font-style:italic;border-radius:var(--radius-lg);border:1px dashed rgba(117,106,100,.25);background:#dee0da8c}.shopping-list-view__item-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.shopping-list-view__item{display:grid;grid-template-columns:1.5rem minmax(0,1fr) auto;align-items:center;gap:.5rem .65rem;padding:.55rem .65rem;border-radius:var(--radius-lg);background:#e4e6e080;border:1px solid var(--surface-edge);transition:background-color var(--transition-fast);cursor:pointer}.shopping-list-view__item:hover{background:#dadcd69e}.shopping-list-view__check{flex-shrink:0;width:1.5rem;height:1.5rem;margin:0;padding:0;border:2px solid rgba(117,106,100,.35);border-radius:50%;background:#ebece8e0;cursor:pointer;position:relative;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.shopping-list-view__check:hover:not(:disabled){border-color:var(--button-highlight-color)}.shopping-list-view__check:disabled{opacity:.45;cursor:not-allowed}.shopping-list-view__check--checked{background:var(--button-highlight-color);border-color:var(--button-highlight-color-hover)}.shopping-list-view__check--checked:after{content:"";position:absolute;left:50%;top:50%;width:.22rem;height:.45rem;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%,-58%) rotate(45deg)}.shopping-list-view__item-body{flex:1;min-width:0;overflow:hidden;font-family:var(--font-family-body);font-size:clamp(1.05rem,2.5vw,1.2rem);line-height:1.35}.shopping-list-view__label{display:block;color:var(--text-header-color);overflow-wrap:anywhere}.shopping-list-view__label--checked{text-decoration:line-through;color:#756a6480}.shopping-list-view__item-input{width:100%;font-family:var(--font-family-body);font-size:1.05rem;padding:.35rem .45rem;border:1px solid var(--surface-edge);border-radius:var(--common-border-radius);background:#f0f1ecf2}.shopping-list-view__item-edit-wrap{width:100%}.shopping-list-view__item-actions{flex-shrink:0;display:flex;align-items:center;gap:.2rem;justify-self:end}@media screen and (max-width:480px){.shopping-list-view__item{gap:.45rem;padding:.5rem}.shopping-list-view__item-actions .iconButton{width:38px;height:38px}}.account-view{width:100%;max-width:42rem;margin:0 auto}.account-view__hero{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 1.5rem;margin-bottom:1.75rem;padding:1.15rem 1.2rem 1.35rem;border-radius:var(--radius-lg);background:#eceee88c;border:1px solid var(--surface-edge);box-shadow:var(--shadow-sm)}.account-view__intro{flex:1 1 14rem;min-width:0}.account-view__title{margin:0 0 .4rem;font-family:var(--font-family-headers);font-size:clamp(1.85rem,4.5vw,2.35rem);line-height:1.12;color:var(--text-header-color);letter-spacing:.02em}.account-view__lead{margin:0;font-family:var(--font-family-body);font-size:clamp(.95rem,2vw,1.05rem);line-height:1.45;color:#5a524ce0;max-width:28rem}.account-view__mascot-wrap{flex-shrink:0;line-height:0;filter:drop-shadow(0 2px 8px rgba(60,50,40,.12))}.account-view__mascot{display:block;width:auto;height:clamp(88px,22vw,120px)}.account-view__section-title{margin:0 0 .85rem;font-family:var(--font-family-headers);font-size:clamp(1.05rem,2.4vw,1.25rem);font-weight:600;color:var(--text-header-color);padding-bottom:.35rem;border-bottom:1px solid rgba(95,115,95,.28)}.account-view__action-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.account-view__action{display:flex;align-items:center;gap:.85rem 1rem;width:100%;margin:0;padding:.85rem 1rem;text-align:left;font-family:var(--font-family-body);font-size:1rem;line-height:1.35;color:var(--text-header-color);background:#eceee88c;border:1px solid var(--surface-edge);border-radius:var(--radius-lg);box-shadow:none;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.account-view__action:hover{background:#daded4b8;border-color:#756a6447}.account-view__action:focus-visible{outline:2px solid var(--button-highlight-color);outline-offset:2px}.account-view__action-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--common-border-radius);background:#cde7ca59;color:var(--text-header-color);font-size:1.35rem}.account-view__action-icon svg{width:1.25rem;height:1.25rem}.account-view__action-label{flex:1;min-width:0}.account-view__action--sign-out .account-view__action-icon{background:#dcc8c373}.account-view__modal-trigger{width:100%}.account-view__modal-trigger .account-view__action{margin:0}.ModalContent.account-modal__dialog{width:min(100%,26rem);max-width:26rem;padding:1.35rem 1.4rem 1.5rem;max-height:min(90vh,36rem)}.account-modal{display:flex;flex-direction:column;align-items:stretch;gap:1rem;text-align:center}.account-modal__title{margin:0;font-family:var(--font-family-headers);font-size:clamp(1.25rem,3.2vw,1.55rem);font-weight:600;color:var(--text-header-color);line-height:1.2}.account-modal__mascot-wrap{line-height:0;margin:0 auto;filter:drop-shadow(0 2px 8px rgba(60,50,40,.12))}.account-modal__mascot{display:block;width:auto;height:clamp(88px,24vw,140px)}.account-modal__lead{margin:0;font-family:var(--font-family-body);font-size:.95rem;line-height:1.5;color:#5a524ce6;text-align:left}.account-modal__field{display:flex;flex-direction:column;align-items:stretch;gap:.4rem;text-align:left}.account-modal__label{font-family:var(--font-family-body);font-size:.88rem;font-weight:600;color:var(--text-header-color)}.account-modal__input{width:100%;box-sizing:border-box;padding:.55rem .65rem;font-family:var(--font-family-body);font-size:var(--header-input-size);border:1px solid var(--surface-edge);border-radius:var(--common-border-radius);background:#f0f1eceb;color:#4a433e;box-shadow:inset 0 1px 2px #3c32280f}.account-modal__input::placeholder{color:#756a6480}.account-modal__input:focus{outline:none;border-color:var(--button-highlight-color);box-shadow:inset 0 1px 2px #3c32280f,0 0 0 2px #90b49359}.account-modal__feedback{min-height:2.75rem;display:flex;align-items:center;justify-content:center;width:100%;margin:0;padding:.5rem .65rem;border-radius:var(--common-border-radius);font-family:var(--font-family-body);font-size:.92rem;line-height:1.4;text-align:left;box-sizing:border-box}.account-modal__message{display:flex;align-items:flex-start;gap:.5rem;width:100%}.account-modal__message-icon{flex-shrink:0;margin-top:.12rem}.account-modal__message--ok{color:#2d5a3a;background:#cde7ca73;border:1px solid rgba(120,170,130,.35)}.account-modal__message--warning{color:#5a4033;background:#e6d2b499;border:1px solid rgba(190,160,110,.45)}.account-modal__message--info{color:#3a4a52;background:#dce4e8a6;border:1px solid rgba(120,140,155,.35)}.account-modal__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.65rem;padding-top:.25rem}@media screen and (max-width:840px){.ModalContent.FriendListModalContent.friend-list-modal__dialog{width:min(100%,360px);padding:1.1rem 1rem 1.25rem}}@media screen and (max-width:580px){.ModalContent.account-modal__dialog{width:100%;border-radius:var(--radius-lg);padding:1.15rem 1.1rem 1.35rem}}.ModalContent.FriendListModalContent.friend-list-modal__dialog{width:min(92vw,800px);max-width:800px;padding:1.25rem 1.35rem 1.4rem;max-height:min(88vh,640px);display:flex;flex-direction:column}.friend-list-modal__body{overflow-y:auto;flex:1;min-height:0;padding-right:.15rem}.friend-list-modal__group{margin:0 0 1.25rem}.friend-list-modal__group:last-of-type{margin-bottom:0}.friend-list-modal__group-title{margin:0 0 .75rem;font-family:var(--font-family-headers);font-size:clamp(1.15rem,2.8vw,1.4rem);font-weight:600;color:var(--text-header-color)}.friend-list-modal__group:first-of-type .friend-list-modal__group-title{margin-top:0}.friend-list-modal__group-grid{display:flex;flex-wrap:wrap;gap:.75rem}.friend-list-modal__empty{text-align:center;padding:.5rem .75rem 1rem}.friend-list-modal__empty-title{margin:0 0 .75rem;font-family:var(--font-family-headers);font-size:clamp(1.25rem,3vw,1.5rem);color:var(--text-header-color)}.friend-list-modal__empty-mascot{display:block;margin:0 auto 1rem;height:clamp(100px,28vw,150px);width:auto;filter:drop-shadow(0 2px 6px rgba(60,50,40,.1))}.friend-list-modal__empty-text{margin:0 0 1.25rem;font-family:var(--font-family-body);font-size:.98rem;line-height:1.5;color:#5a524ce0;max-width:22rem;margin-left:auto;margin-right:auto}.friend-list-modal__footer{display:flex;justify-content:center;margin-top:1.25rem;padding-top:.5rem}.friend-panel{display:flex;justify-content:space-between;align-items:stretch;gap:.75rem 1rem;min-height:5.5rem;width:100%;max-width:22rem;padding:.85rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--surface-edge);background:#eceee8a6;box-shadow:var(--shadow-sm)}.friend-panel__body{display:flex;flex-direction:column;justify-content:center;gap:.35rem;min-width:0;flex:1}.friend-panel__row{display:flex;align-items:flex-start;gap:.4rem;font-family:var(--font-family-body);font-size:.92rem;line-height:1.35;color:#4a433ef2;word-break:break-word}.friend-panel__row--name{font-weight:600;color:var(--text-header-color)}.friend-panel__row svg{flex-shrink:0;width:1.1rem;margin-top:.12rem;opacity:.75}.friend-panel__actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.35rem}.friend-panel-thumbnail{flex-shrink:0;align-self:center;width:4.25rem;height:4.25rem;border-radius:50%;border:1px solid var(--surface-edge);object-fit:cover;background:#ffffff80}.friend-panel-button{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border:1px solid var(--surface-edge);border-radius:var(--common-border-radius);background:#ffffff73;cursor:pointer;font-family:var(--font-family-body);font-size:.85rem;font-weight:500;color:var(--text-header-color);transition:background-color var(--transition-fast)}.friend-panel-button:hover{background:#cde7ca73}.friend-panel-button:focus-visible{outline:2px solid var(--button-highlight-color);outline-offset:2px}@media screen and (max-width:580px){.friend-panel-thumbnail{width:3.6rem;height:3.6rem}.friend-panel{max-width:100%}}