:root[color-mode=light]{--main-color: #474747;--highlight-color: #89b13e;--background-color: #f5f5f5;--page-background-color: white;--line-color: #7c778c;--dark-color: #3b3b3b;--logo-brightness: 1;--sidebar-shadow: rgba(0, 0, 0, .15)}:root[color-mode=dark]{--main-color: #c5c5c5;--highlight-color: #89b13e;--background-color: #3b3b3b;--page-background-color: #151515;--line-color: #7c778c;--dark-color: #f5f5f5;--logo-brightness: 3;--sidebar-shadow: rgba(0, 0, 0, .5)}body{font-family:bookmania,serif;margin:0;padding:0;height:100%;overflow:auto;font-size:1.3em;color:var(--dark-color);background-color:var(--page-background-color);transition:background-color .3s ease}a{outline:none;text-decoration:none;color:var(--main-color)}a:hover{text-decoration:underline;color:var(--main-color)}.app-content{margin-left:52px;transition:margin-left .2s ease}.app-content-shifted{margin-left:220px}.content{margin:0 auto 48px;padding:0 48px;max-width:1280px}.image-header{margin:48px auto;max-width:438px;padding:48px;text-align:center}.image-header img{height:75px;filter:brightness(var(--logo-brightness))}.sidebar{position:fixed;top:0;left:0;height:100vh;width:52px;background-color:var(--page-background-color);border-right:1px solid color-mix(in srgb,var(--line-color) 30%,transparent);display:flex;flex-direction:column;z-index:100;overflow:hidden;overflow-y:auto;transition:width .2s ease,background-color .3s ease}.sidebar::-webkit-scrollbar{width:0}.sidebar.sidebar-hover:not(.sidebar-pinned){width:220px;box-shadow:4px 0 16px var(--sidebar-shadow)}.sidebar.sidebar-pinned{width:220px}.sidebar-top{flex:1;display:flex;flex-direction:column}.sidebar-bottom{display:flex;flex-direction:column;padding-bottom:0;border-top:1px solid color-mix(in srgb,var(--line-color) 30%,transparent);margin-top:8px}.sidebar-footer{flex-shrink:0;border-top:1px solid color-mix(in srgb,var(--line-color) 15%,transparent)}.sidebar-item{display:flex;align-items:center;gap:12px;padding:9px 14px;white-space:nowrap;color:var(--main-color);text-decoration:none;cursor:pointer;background:none;border:none;font-family:soleil,sans-serif;font-size:.8em;transition:background-color .15s ease;width:100%;box-sizing:border-box;text-align:left}.sidebar-item:hover{background-color:var(--background-color);text-decoration:none;color:var(--main-color)}.sidebar-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-icon svg{width:20px;height:20px}.sidebar-checkbox{width:18px;height:18px;flex-shrink:0;margin:0 2px;accent-color:var(--highlight-color);cursor:pointer;opacity:0;transition:opacity .12s ease}.sidebar.sidebar-pinned .sidebar-checkbox,.sidebar.sidebar-hover .sidebar-checkbox{opacity:1}.sidebar-label{opacity:0;transition:opacity .12s ease;overflow:hidden}.sidebar.sidebar-pinned .sidebar-label,.sidebar.sidebar-hover .sidebar-label{opacity:1}.sidebar-pin-btn .sidebar-icon{opacity:.55;transition:opacity .15s}.sidebar-pin-btn:hover .sidebar-icon{opacity:1}.sidebar-mobile-toggle{display:none;position:fixed;top:10px;right:10px;z-index:101;background:var(--page-background-color);border:1px solid var(--line-color);border-radius:8px;padding:7px 9px;cursor:pointer;color:var(--main-color);line-height:0;transition:background-color .3s ease}.sidebar-mobile-toggle svg{width:20px;height:20px}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;z-index:99;opacity:0;transition:opacity .2s ease}.sidebar-overlay.active{display:block;opacity:1}.search-filters{text-align:center;display:flex}.button-filters{display:flex;width:100%}.link{text-align:center;cursor:pointer;font-family:soleil,sans-serif;width:100%;height:28px;margin:0;font-size:.8em;font-weight:700;border:none;padding:6px 20px;position:relative;color:var(--page-background-color);background-color:var(--main-color)}.last-link{border-top-right-radius:500px;border-bottom-right-radius:500px}#admin-toggle{width:150px}.link:hover,.active-filter{opacity:.82;background-color:var(--highlight-color)}#admin-toggle.link:hover,#admin-toggle.active-filter{background-color:#217fb1}.active-filter{opacity:1}.search{outline:none;background:url(/icon/search.png) no-repeat scroll 20px 10px;background-size:16px;font-family:soleil,sans-serif;background-color:transparent;border:1px solid var(--main-color);border-right:none;border-top-left-radius:500px;border-bottom-left-radius:500px;font-size:.8em;padding:6px 12px 6px 50px;width:88%;color:var(--dark-color)}.search-active,.search:focus{background-color:var(--background-color);color:var(--dark-color);border-color:var(--background-color)}.category-header{position:sticky;top:0;padding:5px 0 0 5px;margin:25px 0;background-color:var(--page-background-color);color:var(--highlight-color);border-bottom:1px solid var(--line-color);transition:background-color .3s ease}.recipe-item{padding-left:5px;margin:4px 0}h2{font-style:italic}.recipe-details{font-weight:400;font-size:.6em;font-style:italic}.side-by-side{display:flex}.side-by-side--side{flex:1}.ingredients{margin-right:40px;display:flex;flex-direction:column;position:sticky;top:0}.instructions{display:flex;flex-direction:column;position:sticky;top:0}.ingredient{cursor:pointer;padding:0 4px}.instruction{padding:0 4px}.instruction:first-of-type{padding-left:0}.instruction-block{display:block}.instruction-completed,.ingredient-completed{opacity:.5}.ingredient-completed{text-decoration:line-through}.instruction-active{background-color:var(--highlight-color);color:var(--page-background-color)}.share-button{height:13px;vertical-align:-4px;background-color:var(--background-color);padding:5px;margin-left:20px;border-radius:5px;cursor:pointer}ol{margin-top:0;margin-left:-40px}.recipe-import-section{transition:opacity .25s ease}.recipe-import-section--dimmed{opacity:.45}.recipe-import-section--dimmed:hover,.recipe-import-section--dimmed:focus-within{opacity:1}.recipe-import-url{font-family:soleil,sans-serif;font-size:.85em;width:100%;padding:10px 12px;background:transparent;border:2px solid var(--line-color);border-radius:4px;color:var(--dark-color);outline:none;transition:border-color .25s;box-sizing:border-box}.recipe-import-url:focus{border-color:var(--highlight-color)}.recipe-import-url::placeholder{color:var(--line-color);opacity:.6}.recipe-import-url--loading{opacity:.6;pointer-events:none}.recipe-import-status{font-family:soleil,sans-serif;font-size:.85em;margin-top:8px}.recipe-import-divider{display:flex;align-items:center;gap:16px;margin:20px 0;font-family:soleil,sans-serif;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--line-color)}.recipe-import-divider:before,.recipe-import-divider:after{content:"";flex:1;height:1px;background:var(--line-color);opacity:.4}.recipe-editor-manual{transition:opacity .25s ease}.recipe-editor-manual--dimmed{opacity:.45}.recipe-editor-manual--dimmed:hover,.recipe-editor-manual--dimmed:focus-within{opacity:1}.recipe-editor-header{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}.recipe-edit-title{font-family:bookmania,serif;font-style:italic;font-size:1.5em;font-weight:700;flex:1;min-width:200px;background:transparent;border:none;border-bottom:2px solid var(--highlight-color);color:var(--dark-color);outline:none;padding:4px 0}.recipe-edit-title::placeholder{color:var(--line-color);opacity:.5}.recipe-editor-actions{display:flex;gap:8px;flex-shrink:0;padding-top:10px}.recipe-save-btn{font-family:soleil,sans-serif;font-size:.75em;font-weight:700;background:var(--highlight-color);color:var(--page-background-color);border:none;padding:7px 28px;border-radius:500px;cursor:pointer;transition:opacity .15s}.recipe-save-btn:hover{opacity:.85}.recipe-save-btn:disabled{opacity:.5;cursor:default}.recipe-cancel-btn{font-family:soleil,sans-serif;font-size:.75em;background:var(--background-color);color:var(--main-color);border:none;padding:7px 22px;border-radius:500px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;transition:opacity .15s}.recipe-cancel-btn:hover{opacity:.85;text-decoration:none}.recipe-edit-meta{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin:8px 0 28px}.recipe-edit-field{font-family:bookmania,serif;font-size:.6em;font-style:italic;font-weight:400;background:transparent;border:none;border-bottom:1px solid color-mix(in srgb,var(--line-color) 40%,transparent);color:var(--dark-color);outline:none;padding:4px 2px;width:160px;transition:border-color .2s}.recipe-edit-field:focus{border-bottom-color:var(--highlight-color)}.recipe-edit-field::placeholder{color:var(--line-color);opacity:.5}.recipe-edit-field-sm{width:80px}.recipe-edit-sep{font-family:bookmania,serif;font-size:.6em;font-style:italic;color:var(--line-color);-webkit-user-select:none;user-select:none}.recipe-edit-textarea{font-family:bookmania,serif;font-size:1em;line-height:1.7;width:100%;min-height:120px;background:color-mix(in srgb,var(--background-color) 25%,transparent);border:1px dashed color-mix(in srgb,var(--line-color) 35%,transparent);border-radius:6px;color:var(--dark-color);outline:none;padding:12px 14px;resize:none;overflow:hidden;box-sizing:border-box;transition:border-color .2s,background-color .2s}.recipe-edit-textarea:focus{border-color:var(--highlight-color);border-style:solid;background:color-mix(in srgb,var(--background-color) 40%,transparent)}.recipe-edit-textarea::placeholder{color:var(--line-color);opacity:.45}.recipe-edit-error{font-family:soleil,sans-serif;font-size:.8em;color:#c0392b;margin-top:16px;text-align:center}.recipe-edit-btn{background:none;border:none;cursor:pointer;color:var(--line-color);padding:4px 8px;vertical-align:middle;border-radius:4px;transition:color .15s,background-color .15s}.recipe-edit-btn:hover{color:var(--highlight-color);background-color:var(--background-color)}.login-form{padding:0 48px;margin:0 auto;max-width:438px;text-align:center}.login-form input{font-family:soleil,sans-serif;color:var(--main-color);background-color:var(--page-background-color);font-size:1em;width:100%;padding:6px;margin-bottom:10px;border:0;border-bottom:1px solid var(--dark-color);outline:none}.login-form input:focus{background-color:var(--background-color);color:var(--dark-color);border-bottom:1px solid transparent}.login-form input[type=submit]{background-color:#d3d2d2;border:none;width:110px;border-radius:30px;color:var(--page-background-color);margin-top:25px;padding-bottom:8px}.login-form input[type=submit].submit-valid{background-color:var(--dark-color)}.login-form input[type=submit]:focus.submit-valid,.login-form input[type=submit]:hover.submit-valid,.login-form input[type=submit]:active.submit-valid{cursor:pointer;color:var(--page-background-color);background-color:var(--highlight-color)}.create-form textarea,.create-form input[type=text]{font-family:bookmania,serif;border:1px solid transparent;color:var(--dark-color);outline:none;background-color:transparent;width:100%;padding:5px 5px 5px 10px;font-size:1em;margin:5px 0;border-bottom:1px solid var(--main-color)}.create-form textarea{margin:5px 0;min-height:200px;border-bottom:1px solid var(--main-color)}.create-form textarea:hover,.create-form textarea:focus,.create-form input[type=text]:focus,.create-form input[type=text]:hover{color:var(--main-color);background-color:var(--background-color);border-bottom:1px solid var(--highlight-color)}.create-form select{font-family:bookmania,serif;font-size:1em;color:var(--dark-color);background-color:var(--page-background-color);border:1px solid var(--main-color);padding:5px;margin:5px 0}.create-form input[type=submit]{font-size:1em;font-family:soleil,sans-serif;font-weight:700;border:none;background-color:var(--main-color);cursor:pointer;color:#fff;padding:6px 40px;border-radius:500px;position:fixed;right:50px;bottom:50px}.create-form input[type=submit]:hover{background-color:var(--highlight-color)}@media only screen and (max-width:800px){.image-header img{width:68%;height:auto}.content{padding:0 18px}.share-button{margin-left:0}.side-by-side{flex-direction:column}.recipe-details{display:block}.search-filters{flex-direction:column}.search{border:1px solid var(--main-color);border-radius:500px;width:100%;margin-bottom:20px}.search-active{border-color:var(--background-color)}.link:first-of-type{border-top-left-radius:500px;border-bottom-left-radius:500px}.link{height:26px}.ingredients{margin-right:0}ol{margin-left:-20px}.sidebar{left:auto;right:0;width:0;border-right:none;border-left:none}.sidebar.sidebar-hover:not(.sidebar-pinned),.sidebar.sidebar-pinned{width:0;box-shadow:none}.sidebar.sidebar-mobile-open{width:260px;border-left:1px solid var(--line-color);box-shadow:-4px 0 16px #0000004d}.sidebar.sidebar-mobile-open .sidebar-label{opacity:1}.sidebar-footer{display:none}.app-content,.app-content-shifted{margin-left:0}.sidebar-mobile-toggle{display:flex;align-items:center;justify-content:center}.image-header{padding-top:24px}}.preload,.preload *,.preload *:before{transition:background-color 0s,opacity 0s,color 0s,width 0s,height 0s,padding 0s,margin 0s,transform 0s!important}.made-this{margin-top:40px;padding-top:20px;border-top:1px solid var(--line-color)}.made-this-btn{font-family:soleil,sans-serif;font-size:.8em;background:var(--background-color);color:var(--main-color);border:none;padding:8px 20px;border-radius:500px;cursor:pointer}.made-this-btn:hover{background-color:var(--highlight-color);color:var(--page-background-color)}.made-this-form{margin:12px 0}.made-this-comment{font-family:bookmania,serif;font-size:.85em;width:100%;max-width:500px;padding:8px;border:1px solid var(--line-color);border-radius:4px;background:var(--page-background-color);color:var(--dark-color);outline:none;resize:vertical}.made-this-comment:focus{border-color:var(--highlight-color)}.made-this-actions{margin-top:8px;display:flex;gap:8px}.made-this-actions button{font-family:soleil,sans-serif;font-size:.75em;padding:6px 16px;border-radius:500px;border:none;cursor:pointer}.made-this-submit{background:var(--main-color);color:var(--page-background-color)}.made-this-submit:hover{background:var(--highlight-color)}.made-this-cancel{background:var(--background-color);color:var(--main-color)}.made-this-feed{margin-top:16px}.made-this-entry{padding:8px 0;border-bottom:1px solid var(--background-color);font-size:.85em}.made-this-entry-meta{color:var(--line-color);font-size:.85em;display:block;margin-bottom:2px}.made-this-entry-comment{display:block}.offline-badge{font-family:soleil,sans-serif;font-size:.7em;color:var(--line-color);margin-bottom:8px}.recipe-owner-tag,.recipe-cookbook-tag,.recipe-site-tag{font-family:soleil,sans-serif;font-size:.65em;color:var(--line-color);font-style:normal}.feed-badge{font-family:soleil,sans-serif;font-size:.6em;padding:1px 6px;border-radius:3px;vertical-align:middle;margin-left:4px}.feed-badge-new{color:var(--highlight-color);border:1px solid var(--highlight-color)}.feed-badge-updated{color:var(--line-color);border:1px solid var(--line-color)}@media print{body{font-size:1em;color:#000;overflow:initial}.instruction,.instruction-completed,.ingredient-completed,.instruction-active{padding:0 2px;text-decoration:none;opacity:1;background-color:inherit;color:inherit}.ingredients h3{margin-top:0}.side-by-side{display:block}.image-header{padding:0;margin:0 auto;filter:brightness(.1)}.image-header img{height:40px}.share-button,.search-filters,.sidebar,.sidebar-mobile-toggle,.made-this,.made-this-btn,.made-this-feed{display:none}.app-content,.app-content-shifted{margin-left:0}}@page{margin:0}#santaCanvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999}
