.container{width:min(100% - 2rem,64rem);margin-inline:auto}.card,.pageCard{width:min(100% - 1rem,100%);margin:0 auto 1.5rem;border-radius:var(--radius-md);color:rgb(var(--onContainer));box-shadow:var(--shadow-md);outline:1px solid rgb(var(--outline-variant))}.card{max-width:36rem;padding:.5rem;background-color:rgb(var(--container))}.pageCard{max-width:1024px;padding:.5rem;background-color:rgb(var(--container-low))}.dark .card,.dark .pageCard{border:1px solid rgb(var(--outline))}.navPageCard{display:flex;align-items:center;justify-content:space-evenly;margin:1rem auto;padding:.5rem;border-radius:var(--radius-md);background-color:rgb(var(--container));color:rgb(var(--onContainer));font-size:1.125rem;box-shadow:var(--shadow-md);outline:1px solid rgb(var(--outline-variant))}.navPageCardLink{padding-inline:.5rem;transition:transform 150ms ease}.navPageCardLink:hover{transform:scale(1.1)}.sectionContainer{height:100dvh;scrollbar-width:thin;scrollbar-color:rgb(var(--accent))rgb(var(--surface-dim))}.section{display:flex;min-height:100dvh;flex-direction:column;align-items:center;justify-content:space-evenly;margin-inline:auto;padding:2rem}.sectionButton{display:flex;width:5rem;height:5rem;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-md);background-color:rgb(var(--primary));color:rgb(var(--onPrimary));font-size:3.75rem;line-height:1;box-shadow:var(--shadow-big)}.sectionCard{display:flex;flex-grow:1;flex-direction:column;align-items:center;justify-content:space-evenly;margin-block:1.5rem;padding:1.5rem 1rem 0;border-radius:var(--radius-md);background-color:rgba(var(--container),.7);color:rgb(var(--onContainer));box-shadow:var(--shadow-lg);outline:1px solid rgb(var(--outline-variant))}.home-button-group{display:grid;max-width:48rem;grid-template-columns:1fr;gap:1rem;margin:0 auto 1rem;padding:1rem}.home-button{position:relative;display:flex;width:10rem;height:10rem;flex-direction:column;align-items:center;justify-content:center;justify-self:center;border-radius:var(--radius-md);background-color:rgb(var(--primary));color:rgb(var(--onPrimary));box-shadow:var(--shadow-big);overflow:hidden}.home-button-separator{width:50%;margin:1rem auto;padding-block:.5rem;border-radius:var(--radius-md);background-color:rgb(var(--container-low));color:rgb(var(--onContainer));text-align:center;box-shadow:var(--shadow-sm);outline:1px solid rgb(var(--outline-variant))}.btn,.btn-icon,.i-button{position:relative;isolation:isolate;border:0;text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;margin-block:1rem;padding:.5rem 2rem;border-radius:var(--radius-xs);text-align:center}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:fit-content;margin-block:1rem;padding:.75rem 2rem;border-radius:var(--radius-xs);font-size:1rem;line-height:1rem}.i-button{display:inline-flex;width:2.5rem;height:2.5rem;flex-shrink:0;align-items:center;justify-content:center;border:2px solid rgb(var(--outline));font-size:1.25rem;line-height:1rem}.i-button:hover{border-color:rgb(var(--outline-variant))}.btn-action{background-color:rgb(var(--primary));color:rgb(var(--onPrimary))}.btn-action-outline{border:1px solid rgb(var(--onContainer));border-radius:var(--radius-xs);color:rgb(var(--onContainer))}.btn-action-outline:hover{border-color:transparent;background-color:rgb(var(--primary));color:rgb(var(--onPrimary))}.btn-neutral{background-color:rgb(var(--neutral));color:rgb(var(--onNeutral))}.btn-danger{background-color:rgb(var(--error));color:rgb(var(--onError))}.form-widget{width:100%;height:3rem;margin-block:.25rem;padding-inline:.5rem;border:2px solid #000;border-radius:var(--radius-xs);background-color:#fff;color:#000;outline:none}.form-widget:focus{border-color:rgb(var(--primary));box-shadow:0 0 0 2px rgb(var(--accent))}.form-label{display:block;padding-left:.25rem}.form-row{margin-bottom:1.5rem}.form-widget-disabled{border-color:#d1d5db;color:#6b7280}.form-widget-error{border-color:rgb(var(--error))}.form-help{margin-top:.25rem;color:#000}.form-error-list{margin-bottom:.25rem}.form-error-item{color:rgb(var(--error));font-size:.875rem}.form-choice-group{display:flex;flex-wrap:wrap;align-items:center;margin-top:.5rem;border:2px solid #000;border-radius:var(--radius-xs)}.form-choice-item{display:flex;align-items:center;padding:.5rem}.form-inline-check{display:inline-flex;align-items:center}.form-check-input{margin-right:.5rem}.form-double{display:grid;gap:.5rem}textarea.form-widget{min-height:100px;max-height:300px;overflow-y:auto;resize:vertical}.title{width:fit-content;margin:1rem auto;color:rgb(var(--onSurface));font-family:var(--font-sans);font-size:clamp(1.5rem,4vw,1.875rem);font-weight:inherit;line-height:1.2;text-align:center}.link,.link-off{border-radius:var(--radius-md);padding:.25rem .5rem;box-shadow:var(--shadow-sm)}.link{background-color:rgb(var(--secondary));color:rgb(var(--onSecondary))}.link-off{background-color:rgb(var(--primary));color:rgb(var(--onPrimary))}.icon{display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-radius:999px;font-size:1.875rem;line-height:1.5rem}.bg-icon-bg{background-color:rgb(var(--icon-bg))}.text-icon-onBg{color:rgb(var(--icon-onBg))}.text-icon-summer{color:rgb(var(--icon-summer))}.text-icon-winter{color:rgb(var(--icon-winter))}.text-icon-spicy{color:rgb(var(--icon-spicy))}.text-icon-notSpicy{color:rgb(var(--icon-not-spicy))}.text-icon-vegt{color:rgb(var(--icon-vegt))}.text-icon-beef{color:rgb(var(--icon-beef))}.text-icon-chik{color:rgb(var(--icon-chik))}.text-icon-fish{color:rgb(var(--icon-fish))}.text-icon-pork{color:rgb(var(--icon-pork))}.tab-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.tab-item{z-index:0;padding:.5rem;border:1px solid rgb(var(--container));border-bottom:0;border-radius:.75rem .75rem 0 0;font-size:1rem;box-shadow:var(--shadow-tab);transition:background-color 150ms ease,border-color 150ms ease,box-shadow 150ms ease,padding 150ms ease}.tab-selected,.tab-radio:checked+.tab-item{z-index:10;padding-block:1rem;border-color:rgb(var(--container-highest));background-color:rgb(var(--container-highest));font-size:1.25rem;box-shadow:none}.tab-content{background-color:rgb(var(--container));padding:.5rem}.tab-radio{display:none}.tab-radio-content{order:1;display:none;flex-grow:1}.tab-radio:checked+.tab-item+.tab-radio-content{display:initial}.drag-item{border-top:4px solid rgb(var(--neutral));border-bottom:4px solid rgb(var(--neutral))}.drag-before{border-top:4px solid rgb(var(--accent));border-bottom:4px solid rgb(var(--neutral))}.drag-after{border-top:4px solid rgb(var(--neutral));border-bottom:4px solid rgb(var(--accent))}.wp-container{margin-bottom:.5rem;cursor:pointer;border-radius:var(--radius-xs);background-color:rgb(var(--container-low));padding:.5rem;box-shadow:var(--shadow-md)}.wp-container:hover{background-color:rgb(var(--container-highest))}.max-w-scr-pdg{max-width:calc(100vw - 4rem)}.home-look-container{display:flex;width:6rem;height:6rem;flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border:1px solid rgb(var(--outline-variant));border-radius:var(--radius-lg);background-color:rgb(var(--container-high))}.home-look-container:hover{background-color:rgb(var(--container-highest))}.navContainer{inset-inline:0;margin-bottom:.75rem;background-color:rgb(var(--surface-dim));box-shadow:var(--shadow-lg)}.dark .navContainer{background-color:rgb(var(--container-highest))}.main-nav{max-width:64rem;margin-inline:auto;padding:1rem .5rem}.main-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.main-nav-action{width:2.25rem;height:2.25rem;border-radius:999px;font-size:1.125rem}.main-nav-brand{position:relative;width:clamp(8rem,40vw,12.5rem);height:3rem;flex-shrink:0;font-size:clamp(1.875rem,8vw,3rem);line-height:1}.main-nav-brand-top,.main-nav-brand-bottom{position:absolute;margin:0;white-space:nowrap}.main-nav-brand-top{top:-.75rem;left:0;color:rgb(var(--accent))}.main-nav-brand-bottom{right:0;bottom:-1rem;color:rgb(var(--primary-light))}.main-nav-actions{display:flex;flex-direction:row;gap:.5rem}.bg-error-container{background-color:rgb(var(--error));color:rgb(var(--onError))}.bg-warning-container{background-color:rgb(var(--warning));color:rgb(var(--onWarning))}.bg-success-container{background-color:rgb(var(--success));color:rgb(var(--onSuccess))}.bg-neutral-container{background-color:rgb(var(--neutral));color:rgb(var(--onNeutral))}.interactive-bg-primary,.interactive-bg-secondary,.interactive-bg-accent,.interactive-bg-success,.interactive-bg-warning,.interactive-bg-error,.interactive-bg-surface,.interactive-bg-container-highest,.interactive-bg-neutral,.btn-action,.btn-neutral,.btn-danger,.home-button{position:relative;overflow:hidden;transition:color 300ms ease-in-out,background-color 300ms ease-in-out,border-color 300ms ease-in-out,opacity 300ms ease-in-out}.interactive-bg-primary,.btn-action,.home-button{background-color:rgb(var(--primary));color:rgb(var(--onPrimary))}.interactive-bg-secondary{background-color:rgb(var(--secondary));color:rgb(var(--onSecondary))}.interactive-bg-accent{background-color:rgb(var(--accent));color:rgb(var(--onAccent))}.interactive-bg-success{background-color:rgb(var(--success));color:rgb(var(--onSuccess))}.interactive-bg-warning{background-color:rgb(var(--warning));color:rgb(var(--onWarning))}.interactive-bg-error,.btn-danger{background-color:rgb(var(--error));color:rgb(var(--onError))}.interactive-bg-surface{background-color:rgb(var(--surface));color:rgb(var(--onSurface))}.interactive-bg-container-highest{background-color:rgb(var(--container-highest));color:rgb(var(--onContainer))}.interactive-bg-neutral,.btn-neutral{background-color:rgb(var(--neutral));color:rgb(var(--onNeutral))}.interactive-bg-primary:focus-visible,.interactive-bg-secondary:focus-visible,.interactive-bg-accent:focus-visible,.interactive-bg-success:focus-visible,.interactive-bg-warning:focus-visible,.interactive-bg-error:focus-visible,.interactive-bg-surface:focus-visible,.interactive-bg-container-highest:focus-visible,.interactive-bg-neutral:focus-visible,.btn-action:focus-visible,.btn-neutral:focus-visible,.btn-danger:focus-visible,.home-button:focus-visible{outline:2px solid rgb(var(--outline));outline-offset:2px}.interactive-bg-primary:disabled,.interactive-bg-secondary:disabled,.interactive-bg-accent:disabled,.interactive-bg-success:disabled,.interactive-bg-warning:disabled,.interactive-bg-error:disabled,.interactive-bg-surface:disabled,.interactive-bg-container-highest:disabled,.interactive-bg-neutral:disabled,.btn-action:disabled,.btn-neutral:disabled,.btn-danger:disabled{cursor:not-allowed;opacity:.45}.interactive-bg-primary::after,.interactive-bg-secondary::after,.interactive-bg-accent::after,.interactive-bg-success::after,.interactive-bg-warning::after,.interactive-bg-error::after,.interactive-bg-surface::after,.interactive-bg-container-highest::after,.interactive-bg-neutral::after,.btn-action::after,.btn-neutral::after,.btn-danger::after,.home-button::after{position:absolute;inset:0;pointer-events:none;content:"";background-color:currentColor;opacity:0;transition:opacity 300ms ease-in-out}.interactive-bg-primary:hover::after,.interactive-bg-secondary:hover::after,.interactive-bg-accent:hover::after,.interactive-bg-success:hover::after,.interactive-bg-warning:hover::after,.interactive-bg-error:hover::after,.interactive-bg-surface:hover::after,.interactive-bg-container-highest:hover::after,.interactive-bg-neutral:hover::after,.btn-action:hover::after,.btn-neutral:hover::after,.btn-danger:hover::after,.home-button:hover::after{opacity:.1}.interactive-bg-primary:focus::after,.interactive-bg-secondary:focus::after,.interactive-bg-accent:focus::after,.interactive-bg-success:focus::after,.interactive-bg-warning:focus::after,.interactive-bg-error:focus::after,.interactive-bg-surface:focus::after,.interactive-bg-container-highest:focus::after,.interactive-bg-neutral:focus::after,.interactive-bg-primary:active::after,.interactive-bg-secondary:active::after,.interactive-bg-accent:active::after,.interactive-bg-success:active::after,.interactive-bg-warning:active::after,.interactive-bg-error:active::after,.interactive-bg-surface:active::after,.interactive-bg-container-highest:active::after,.interactive-bg-neutral:active::after,.btn-action:focus::after,.btn-neutral:focus::after,.btn-danger:focus::after,.home-button:focus::after,.btn-action:active::after,.btn-neutral:active::after,.btn-danger:active::after,.home-button:active::after{opacity:.15}.scrollbar-thin{scrollbar-width:thin}.scrollbar-thumb-rounded{scrollbar-color:rgb(var(--accent))rgb(var(--surface-dim))}.scrollbar-thin::-webkit-scrollbar{width:8px}.scrollbar-thin::-webkit-scrollbar-thumb{border-radius:8px;background:rgb(var(--accent))}.scrollbar-thin::-webkit-scrollbar-track{width:8px;background:rgb(var(--surface-dim))}.space-y-small{margin-top:1rem;margin-bottom:1rem}.space-y-medium{margin-top:2rem;margin-bottom:2rem}.space-y-strong{margin-top:3rem;margin-bottom:3rem}@media(min-width:640px){.card,.pageCard{padding:1rem}.main-nav{padding-inline:1.5rem}.main-nav-actions{gap:1.5rem}.main-nav-action{width:2.5rem;height:2.5rem;font-size:1.25rem}.form-double{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.home-button-group{grid-template-columns:repeat(2,minmax(0,1fr))}.home-button-separator{grid-column:span 2}.tab-item{padding-left:1rem}.tab-selected{font-size:1.25rem}.max-w-scr-pdg{max-width:none}}@media(min-width:768px){.navPageCard{width:83.333333%;gap:.5rem}.sectionButton{width:8rem;height:8rem;font-size:6rem}.sectionCard{padding:1rem}}@media(min-width:1024px){.main-nav{padding-inline:2rem}.home-button-group{grid-template-columns:repeat(4,minmax(0,1fr))}.home-button-separator{grid-column:span 4}}