.settings-content,.settings-content *{box-sizing:border-box}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/CormorantGaramond-500.woff2) format("woff2")}@font-face{font-family:"Source Serif Pro";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/SourceSerifPro-400.woff2) format("woff2")}@font-face{font-family:"Source Serif Pro";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/SourceSerifPro-600.woff2) format("woff2")}:root{color-scheme:light}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes glow{0%{box-shadow:0 0 0 0 var(--c-accent-muted)}to{box-shadow:0 0 0 10px transparent}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideDownFast{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}body{position:relative;font-family:"Source Serif Pro",serif}body:before{content:"";position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--c-accent) 0%,var(--c-accent-secondary) 50%,var(--c-accent) 100%);z-index:10001;box-shadow:0 2px 8px var(--c-accent-subtle);pointer-events:none}input:focus,textarea:focus,select:focus,button:focus{outline:none}button,a,[role=button],input,select,textarea{-webkit-tap-highlight-color:transparent}::selection{background:var(--c-accent-subtle);color:var(--c-text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--c-surface-alt)}::-webkit-scrollbar-thumb{background:var(--c-accent-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--c-accent-strong)}header{animation:slideInLeft .5s ease-out}[role=dialog]{animation:fadeIn .18s ease-out}button,[role=button]{position:relative}hr,[role=separator]{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--c-accent-subtle),transparent);margin:2rem 0}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em}p{word-spacing:.05em}strong,b{font-weight:600}a{position:relative;text-decoration:none;color:var(--c-accent);transition:color .2s ease}a:hover{color:var(--c-text-dark)}a:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:1px;background:var(--c-accent);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}a:hover:after{transform:scaleX(1);transform-origin:left}.no-underline-hover:after{display:none}input[type=number].no-spinners::-webkit-outer-spin-button,input[type=number].no-spinners::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}[role=button]:focus-visible,a:focus-visible{animation:glow .45s ease-out}a,input,textarea,select{transition:background-color .3s cubic-bezier(.25,.46,.45,.94),color .3s cubic-bezier(.25,.46,.45,.94),border-color .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s cubic-bezier(.25,.46,.45,.94),transform .3s cubic-bezier(.25,.46,.45,.94)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[class*=animate],[role=dialog],button,[role=button],a,input,textarea,select{animation:none!important;transition:none!important}}.spin{animation:spin .85s linear infinite!important;transform-origin:center;transform-box:fill-box;display:block}@media(hover:hover){.ingredient-row:hover,.step-row:hover{background:var(--c-surface-light)}}.checkable-row:active{background:var(--c-surface-alt)}.remove-btn:hover{color:var(--c-error)}@media(max-width:660px){.recipe-card-image-wrapper{aspect-ratio:3 / 2}}@media(max-width:768px){.dialog-sheet[role=dialog]{inset:0!important;transform:none!important;width:100vw!important;max-width:100vw!important;max-height:100vh!important;max-height:100dvh!important;overflow-x:hidden!important;border-radius:0!important;padding-top:env(safe-area-inset-top,0)!important}}*:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:4px}*:focus:not(:focus-visible){outline:none}