.notebook{margin:24px 0;padding:24px;border:1px solid #6c5130;border-radius:12px;background:#110f0c!important;color:#f5edde!important}
.notebook h1,.notebook h2,.notebook h3,.notebook h4,.notebook p,.notebook label,.notebook summary,.notebook li{color:#f5edde!important}.notebook .eyebrow{color:#efbf6b!important}.notebook a{color:#f3ca86!important}.notebook label{display:flex;flex-direction:column;gap:8px;font-weight:600;min-width:0}.notebook input,.notebook textarea{box-sizing:border-box;width:100%;max-width:100%;font:inherit;border:1px solid #9f7a44!important;background:#191510!important;color:#fff8ed!important;border-radius:6px;padding:12px}.notebook textarea{resize:vertical;line-height:1.5}.notebook-editor{display:grid;gap:18px;margin:24px 0}.notebook-pair,.notebook-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.notebook-card{padding:18px;border:1px solid #75603e;border-radius:8px;overflow-wrap:anywhere;background:#17130e}.notebook h2{margin:24px 0 12px}.notebook p,.notebook li{line-height:1.5}.notebook .actions{flex-wrap:wrap;gap:10px;margin:16px 0}.notebook .notebook-status{padding:10px 12px;border-left:3px solid #d7aa60;background:#292014!important;color:#fff2d5!important}.notebook-text{white-space:pre-wrap}.notebook summary{cursor:pointer;font-weight:600;padding:10px 0}.notebook-alert{max-width:min(480px,88vw);padding:24px;background:#16110b!important;color:#fff2dd!important;border:2px solid #c39751;border-radius:12px}.notebook-alert h2,.notebook-alert p{color:#fff2dd!important}.notebook-alert::backdrop{background:#000b}.notebook-alert p{white-space:pre-wrap;line-height:1.5}.notebook button:disabled{opacity:.65;cursor:wait}.notebook-search{margin:20px 0}.notebook :focus-visible{outline:3px solid #e9bd75;outline-offset:3px}
#nav a[href="#my-recipes"]::before{content:'▤'}#nav a[href="#favorites"]::before{content:'♡'}#nav a[href="#shopping"]::before{content:'▧'}#nav a[href="#sources"]::before{content:'▤'}
@media(max-width:700px){#nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;overflow:visible!important}#nav a{width:100%!important;min-width:0!important;box-sizing:border-box}#nav a[href="#discover"]::after{content:'Discover'!important}#nav a[href="#cabinet"]::after{content:'My cabinet'!important}#nav a[href="#my-recipes"]::after{content:'My Recipes'!important}#nav a[href="#favorites"]::after{content:'Favorites'!important}#nav a[href="#shopping"]::after{content:'Shopping list'!important}#nav a[href="#sources"]::after{content:'Sources'!important}#nav a[href="#my-recipes"]::before,#nav a[href="#favorites"]::before,#nav a[href="#shopping"]::before,#nav a[href="#sources"]::before{background-image:none!important;color:#e0b66e!important;font-size:24px!important;line-height:24px!important}#nav a[href="#my-recipes"]::before{content:'▤'!important}#nav a[href="#favorites"]::before{content:'♡'!important}#nav a[href="#shopping"]::before{content:'▧'!important}#nav a[href="#sources"]::before{content:'▤'!important}}
@media(max-width:650px){.notebook{padding:16px}.notebook-pair,.notebook-grid{grid-template-columns:1fr}.notebook .actions button{min-height:44px}.notebook input,.notebook textarea{font-size:16px}}