.app-shell{font-family:system-ui,sans-serif;color:#000;height:100dvh;display:flex;flex-direction:column}.app-error{background:#ffe8e8;padding:.75em 1em;flex-shrink:0}.app-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5em;padding:.625em .75em;border-bottom:1px solid #f4f3f6;flex-shrink:0;background:#fff}.app-toolbar-title{font-weight:600;font-size:.9375rem;text-align:center;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-toolbar-actions{display:flex;align-items:center;gap:.5em;flex-shrink:0}.app-toolbar-button{border:1px solid #f4f3f6;border-radius:.375rem;background:#fff;color:#000;padding:.45em .65em;font:inherit;font-size:.8125rem;cursor:pointer;flex-shrink:0}.app-toolbar-button:disabled{cursor:default;opacity:.7}.app-toolbar-button--primary{background:#1a1060;border-color:#1a1060;color:#fff;font-weight:600}.app-toolbar-button--icon{display:inline-flex;align-items:center;justify-content:center;padding:.45em}.app-toolbar-button--recipes{display:none}.app-layout{display:flex;flex:1;min-height:0;position:relative}.sidebar-backdrop{position:absolute;inset:0;border:none;padding:0;background:#00000059;z-index:15;cursor:pointer}.recipe-manager--collapsible{position:absolute;top:0;right:0;bottom:0;z-index:20;width:min(20em,85vw);min-width:min(20em,85vw);max-width:min(20em,85vw);transform:translate(100%);transition:transform .2s ease;background:#fff;box-shadow:0 0 1.5rem #0000001f;pointer-events:none;overflow:auto;border-left:1px solid #f4f3f6}.recipe-manager--collapsible.recipe-manager--open{transform:translate(0);pointer-events:auto}@media(max-width:768px){.app-toolbar-button--recipes{display:inline-flex}.sidebar--mobile{position:fixed;top:0;left:0;bottom:0;z-index:20;width:min(20em,85vw)!important;min-width:min(20em,85vw)!important;max-width:min(20em,85vw)!important;transform:translate(-100%);transition:transform .2s ease;background:#fff;box-shadow:0 0 1.5rem #0000001f;pointer-events:none}.sidebar--mobile.sidebar--open{transform:translate(0);pointer-events:auto}}.new-recipe-modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:1em}.new-recipe-modal__backdrop{position:absolute;inset:0;border:none;padding:0;background:#00000059;cursor:pointer}.new-recipe-modal__backdrop:disabled{cursor:default}.new-recipe-modal__dialog{position:relative;box-sizing:border-box;width:min(24rem,100%);background:#fff;border:1px solid #f4f3f6;border-radius:.5rem;box-shadow:0 0 1.5rem #0000001f;padding:1.25em}.new-recipe-modal__title{margin:0 0 1em;font-size:1.125rem;color:#1a1060}.new-recipe-modal__form{display:grid;gap:1em;min-width:0}.new-recipe-modal__prompt{box-sizing:border-box;display:block;width:100%;max-width:100%;border:1px solid #f4f3f6;border-radius:.375rem;padding:.65em .75em;font:inherit;line-height:1.4;resize:vertical;min-height:5.5em}.new-recipe-modal__prompt:focus{outline:2px solid #f5effe;border-color:#1a1060}.new-recipe-modal__prompt:disabled{opacity:.7}.new-recipe-modal__prompt::placeholder{color:#888;font-style:italic}.new-recipe-modal__actions{display:flex;justify-content:flex-end;gap:.5em}.new-recipe-modal__button{border:1px solid #f4f3f6;border-radius:.375rem;background:#fff;color:#000;padding:.6em .9em;font:inherit;font-size:.875rem;cursor:pointer}.new-recipe-modal__button:disabled{cursor:default;opacity:.7}.new-recipe-modal__button--primary{background:#1a1060;border-color:#1a1060;color:#fff;font-weight:600}.recipe-manager-panel{padding:1em;display:grid;gap:1em}.preferences-section{display:grid;gap:.75em}.preferences-section-title{margin:0;font-size:1rem}.preferences-section-body{display:grid;gap:1em}.preferences-field-label{display:block;margin-bottom:.5em}.preferences-toggle-group,.preferences-restriction-row{display:flex;gap:.5em;flex-wrap:wrap}.preferences-notes{width:100%;min-height:8em}.preferences-saving{margin:0;font-size:.8125rem;color:#666}.recipe-view{padding-top:1em;padding-left:2em;padding-right:2em;flex:1;min-height:0;min-width:0;overflow-y:auto}.recipe-view-content{align-items:flex-start;box-shadow:0 0 0 1px #54525f24;border-radius:.375rem;padding:1em;margin-bottom:2em}.recipe-view-content--empty{display:flex;flex:1;align-items:center;justify-content:center;min-height:12rem;padding:2em;text-align:center}.recipe-view:has(.recipe-view-content--empty){display:flex;flex-direction:column}.recipe-view-empty-phrase{margin:0;color:#8a8594;font-size:1.125rem;font-weight:400;line-height:1.5;max-width:22em}.recipe-view-title{font-size:2em;margin-top:0;overflow-wrap:anywhere}.recipe-view-instructions{max-width:75%;overflow-wrap:anywhere}.recipe-view-ingredient-amount{padding-right:1em;vertical-align:top;white-space:nowrap}.recipe-view-ingredient-name{overflow-wrap:anywhere}@media(max-width:768px){.recipe-view{padding-left:1em;padding-right:1em}.recipe-view-content{margin-bottom:1em}.recipe-view-title{font-size:1.5em;line-height:1.25}.recipe-view-instructions{max-width:100%;padding-left:1.25em}.recipe-view-ingredient-amount{white-space:normal;padding-right:.75em;font-size:.9375rem}.recipe-view-ingredient-name{font-size:.9375rem}}.sidebar-item{min-width:0;overflow:hidden}.sidebar-item-title{display:block;overflow:hidden;min-width:0}.sidebar-item-title--overflow{-webkit-mask-image:linear-gradient(to right,black calc(100% - 1.5rem),transparent);mask-image:linear-gradient(to right,black calc(100% - 1.5rem),transparent)}.sidebar-item:hover .sidebar-item-title--overflow{-webkit-mask-image:none;mask-image:none}.sidebar-item-title-text{display:inline-block;white-space:nowrap}.sidebar-item:hover .sidebar-item-title-text--scrollable{animation:sidebar-title-scroll var(--scroll-duration, 4s) ease-in-out forwards}@keyframes sidebar-title-scroll{0%,6%{transform:translate(0)}88%,to{transform:translate(var(--scroll-distance, 0))}}