@import"https://fonts.googleapis.com/css2?family=Tenor+Sans&family=Work+Sans:wght@300;400;500;600;700&display=swap";:root{font-family:Work Sans,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#111;background:#fcfbf7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-page: #fcfbf7;--bg-panel: #ffffff;--bg-panel-soft: #f7f6f1;--border-soft: rgba(17, 17, 17, .1);--border-strong: rgba(17, 17, 17, .16);--ink: #111111;--ink-soft: #5f5f5f;--accent: #418c38;--accent-dark: #2f6929;--danger: #a14f31;--danger-soft: #f7ece7;--radius-card: 4px}*{box-sizing:border-box}html,body,#app{min-height:100vh;margin:0}body{background:linear-gradient(180deg,#ffffffa6,#fcfbf7 30%),var(--bg-page);color:var(--ink);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}code{padding:.12rem .38rem;border:1px solid var(--border-soft);border-radius:999px;background:#fbfaf7;color:var(--ink);font-size:.92em}.app-shell{display:grid;grid-template-columns:minmax(0,1fr);min-height:100vh;width:100%}.sidebar{display:grid;gap:1.15rem;padding:max(1rem,env(safe-area-inset-top)) 1rem 1rem;background:#fff;border-bottom:1px solid var(--border-soft)}.brand-block h1,.page-header h2,.section-heading{margin:0;font-family:Tenor Sans,Georgia,serif;font-weight:400;letter-spacing:-.02em}.brand-block h1{font-size:clamp(2rem,10vw,3rem);line-height:.95;text-transform:lowercase}.page-header h2{font-size:clamp(2rem,9vw,4rem);line-height:.96;max-width:12ch}.section-heading{font-size:1.45rem;line-height:1.05}.eyebrow{margin:0 0 .4rem;font-size:.74rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.brand-copy,.section-copy,.card-subtitle,.meta-row,.recipe-list,.empty-state,.error-box,.success-box,.muted,.sidebar-note{color:var(--ink-soft)}.brand-copy,.section-copy,.card-subtitle,.sidebar-note,.muted{font-size:.95rem}.nav-list{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:.45rem;overflow-x:auto;padding-bottom:.2rem;scrollbar-width:none}.nav-list::-webkit-scrollbar{display:none}.nav-link{display:inline-flex;align-items:center;justify-content:center;padding:.72rem .9rem;border:1px solid var(--border-soft);border-radius:999px;background:transparent;color:var(--ink);font-size:.82rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.nav-link:hover,.nav-link-active{background:var(--accent);border-color:var(--accent);color:#fff}.sidebar-note{display:grid;gap:.75rem;padding:1rem;border:1px solid var(--border-soft);border-radius:var(--radius-card);background:var(--bg-panel-soft)}.sidebar-note-title{margin:0;font-size:.84rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}.install-button{width:100%}.page-shell{width:100%;max-width:96rem;margin:0 auto;padding:1rem}.page-header{display:grid;gap:.85rem;margin-bottom:1.4rem}.status-row{display:flex;flex-wrap:wrap;gap:.65rem}.status-pill{justify-self:start;padding:.55rem .82rem;border:1px solid var(--border-soft);border-radius:999px;background:var(--bg-panel-soft);color:var(--ink);font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.status-pill-danger{border-color:#a14f3133;background:var(--danger-soft);color:var(--danger)}.section-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;padding:.35rem;border:1px solid var(--border-soft);border-radius:999px;background:var(--bg-panel-soft)}.section-switch-button{min-height:2.8rem;padding:.7rem .9rem;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--ink-soft);font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:background-color .18s ease,color .18s ease,border-color .18s ease}.section-switch-button-active{background:#fff;border-color:var(--border-soft);color:var(--ink)}.view-grid,.dashboard-grid,.content-grid,.list-grid,.stack,.form-grid{display:grid;gap:clamp(.9rem,2vw,1.35rem)}.panel,.card,.stat-card{min-width:0;padding:clamp(1rem,2vw,1.35rem);border:1px solid var(--border-soft);border-radius:var(--radius-card);background:var(--bg-panel);box-shadow:none}.panel-header{margin-bottom:1rem}.stat-value{margin:.38rem 0 0;font-size:clamp(1.8rem,9vw,2.6rem);font-weight:600;color:var(--ink)}.field{display:grid;gap:.35rem}.field label,.totals-heading{font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.field input,.field select,.field textarea{width:100%;min-height:3rem;padding:.8rem .85rem;border:1px solid var(--border-soft);border-radius:4px;background:#fff;color:var(--ink);font-size:16px}.field textarea{min-height:6.5rem;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#8b8b8b}.button-row,.card-actions,.meta-row{display:flex;flex-wrap:wrap;gap:.7rem}.button-row>*,.card-actions>*{flex:1 1 11rem}.button-primary,.button-secondary,.button-ghost,.button-danger{min-height:2.8rem;padding:.72rem 1rem;border-radius:999px;border:1px solid transparent;font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.button-primary{background:var(--accent);border-color:var(--accent);color:#fff}.button-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.button-secondary{background:#fff;border-color:var(--ink);color:var(--ink)}.button-secondary:hover{background:var(--ink);color:#fff}.button-ghost{background:transparent;border-color:var(--border-soft);color:var(--ink-soft)}.button-ghost:hover{border-color:var(--ink);color:var(--ink)}.button-danger{background:var(--danger-soft);border-color:#a14f312e;color:var(--danger)}.button-danger:hover{background:#f2dfd7}.button-primary:disabled,.button-secondary:disabled,.button-ghost:disabled,.button-danger:disabled{opacity:.55;cursor:not-allowed}.card-title-row,.totals-summary{display:grid;gap:.45rem}.totals-badges{display:flex;flex-wrap:wrap;gap:.45rem}.card-title{margin:0;font-size:1.12rem;line-height:1.08}.badge{display:inline-flex;align-items:center;justify-self:start;width:fit-content;padding:.28rem .55rem;border:1px solid var(--border-soft);border-radius:999px;background:var(--bg-panel-soft);color:var(--ink);font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.recipe-list{margin:.8rem 0 0;padding-left:1rem;overflow-wrap:anywhere}.recipe-list li+li{margin-top:.35rem}.recipe-row{display:grid;gap:.7rem}.recipe-row>.button-ghost{width:100%}.variant-selector-grid{display:grid;gap:.7rem;margin-top:.9rem}.totals-block{display:grid;gap:.7rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-soft)}.empty-state,.error-box,.success-box{padding:1rem;border-radius:var(--radius-card);border:1px solid var(--border-soft)}.modal-overlay{position:fixed;inset:0;z-index:50;display:grid;align-items:end;padding:1rem;background:#11111161}.modal-dialog{width:min(100%,34rem);max-height:min(90vh,48rem);margin:0 auto;overflow-y:auto;padding:1rem;border:1px solid var(--border-soft);border-radius:1rem 1rem 0 0;background:var(--bg-panel);box-shadow:0 20px 40px #11111129}.empty-state{background:var(--bg-panel-soft)}.error-box{border-color:#a14f3133;background:var(--danger-soft);color:var(--danger)}.success-box{border-color:#418c3833;background:#418c3814;color:var(--accent-dark)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(min-width:640px){.page-shell{padding:1.25rem}.dashboard-grid,.list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.variant-selector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-row .button-ghost{grid-column:1 / -1}.card-title-row,.totals-summary,.page-header{display:flex;align-items:flex-start;justify-content:space-between}}@media(min-width:980px){.app-shell{grid-template-columns:18rem minmax(0,1fr)}.sidebar{position:sticky;top:0;align-content:start;height:100vh;overflow-y:auto;padding:2rem 1.25rem;border-right:1px solid var(--border-soft);border-bottom:none}.nav-list{grid-auto-flow:row;grid-auto-columns:initial;overflow-x:visible}.nav-link{border-radius:var(--radius-card)}.install-button{width:auto}.page-shell{padding:2rem 2.25rem}.section-switch{width:fit-content;min-width:18rem}.modal-overlay{align-items:center}.modal-dialog{padding:1.35rem;border-radius:1rem}.content-grid{grid-template-columns:minmax(22rem,26rem) minmax(0,1fr);align-items:start}.recipe-row{grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr)) minmax(8rem,.65fr) auto}.recipe-row .button-ghost{grid-column:auto;width:fit-content;align-self:end}.button-row>*,.card-actions>*{flex-basis:auto}}@media(min-width:1200px){.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-header h2{max-width:14ch}}