:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-canvas:#f7f3ed;--color-surface:#fffdf9;--color-surface-raised:#fff;--color-text:#28241f;--color-text-muted:#6d655c;--color-border:#ddd4c8;--color-plum:#76506f;--color-plum-strong:#5d3a57;--color-sage:#70866b;--color-sage-soft:#dfe8dc;--color-focus:#9b5e8d;--shadow-card:0 1.25rem 3rem #4a3a301f;--radius-small:.75rem;--radius-large:1.5rem;--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--color-canvas:#171a17;--color-surface:#20241f;--color-surface-raised:#282d27;--color-text:#f3efe8;--color-text-muted:#bdb6ab;--color-border:#3b4339;--color-plum:#c497b8;--color-plum-strong:#ddb3d2;--color-sage:#a8bda1;--color-sage-soft:#354233;--color-focus:#e0a6d2;--shadow-card:0 1.25rem 3rem #00000047}}:root[data-theme=dark]{--color-canvas:#171a17;--color-surface:#20241f;--color-surface-raised:#282d27;--color-text:#f3efe8;--color-text-muted:#bdb6ab;--color-border:#3b4339;--color-plum:#c497b8;--color-plum-strong:#ddb3d2;--color-sage:#a8bda1;--color-sage-soft:#354233;--color-focus:#e0a6d2;--shadow-card:0 1.25rem 3rem #00000047}*{box-sizing:border-box}html{background:var(--color-canvas);min-width:20rem}body{min-width:20rem;min-height:100vh;color:var(--color-text);background:radial-gradient(circle at 15% 10%, #76506f21, transparent 32rem), radial-gradient(circle at 85% 30%, #70866b24, transparent 28rem), var(--color-canvas);margin:0}button,a{font:inherit}:focus-visible{outline:.2rem solid var(--color-focus);outline-offset:.2rem}.skip-link{top:var(--space-2);left:var(--space-2);z-index:10;padding:var(--space-2) var(--space-3);color:var(--color-surface);background:var(--color-plum-strong);border-radius:var(--radius-small);position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.app-shell{gap:var(--space-5);grid-template-rows:auto 1fr auto;width:min(100% - 2rem,58rem);min-height:100vh;margin-inline:auto;padding-block:clamp(2rem,8vw,5rem) 2rem;display:grid}.hero{max-width:42rem}.brand-mark{width:3.5rem;height:3.5rem;margin-bottom:var(--space-4);position:relative}.brand-mark__plum{background:var(--color-plum);border-radius:55% 48% 52%;position:absolute;inset:.7rem .6rem .2rem .3rem;transform:rotate(-8deg)}.brand-mark__leaf{background:var(--color-sage);transform-origin:0 100%;border-radius:100% 0;width:2rem;height:1.15rem;position:absolute;top:.1rem;right:0;transform:rotate(-18deg)}.eyebrow,.status-row{color:var(--color-sage);letter-spacing:.11em;text-transform:uppercase;font-size:.78rem;font-weight:750}h1,h2,p{margin-top:0}h1{max-width:14ch;margin-bottom:var(--space-3);color:var(--color-plum-strong);letter-spacing:-.055em;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,11vw,6.5rem);font-weight:600;line-height:.92}.hero__summary{max-width:38rem;color:var(--color-text-muted);margin-bottom:0;font-size:clamp(1.05rem,3vw,1.35rem);line-height:1.6}.foundation-card{background:color-mix(in srgb, var(--color-surface) 94%, transparent);border:.0625rem solid var(--color-border);border-radius:var(--radius-large);box-shadow:var(--shadow-card);align-self:start;padding:clamp(1.5rem,5vw,3rem)}.status-row{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.status-dot{background:var(--color-sage);width:.65rem;height:.65rem;box-shadow:0 0 0 .3rem var(--color-sage-soft);border-radius:50%}h2{margin-bottom:var(--space-3);letter-spacing:-.025em;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:600;line-height:1.1}.foundation-card>p{max-width:42rem;color:var(--color-text-muted);line-height:1.65}.foundation-list{margin:var(--space-5) 0 0;gap:var(--space-2);padding:0;list-style:none;display:grid}.foundation-list li{padding:var(--space-3);background:var(--color-sage-soft);border-radius:var(--radius-small);font-weight:650}footer{color:var(--color-text-muted);font-size:.9rem}footer p{margin-bottom:0}@media (width>=44rem){.app-shell{width:min(100% - 4rem,58rem)}.foundation-list{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:no-preference){.skip-link{transition:transform .12s ease-out}}.auth-card{max-width:42rem}.auth-form{gap:var(--space-4);display:grid}.auth-form>p{color:var(--color-text-muted);margin-bottom:0;line-height:1.6}.auth-form label{gap:var(--space-1);font-weight:700;display:grid}.auth-form input{width:100%;min-height:3rem;color:var(--color-text);background:var(--color-surface-raised);border:.0625rem solid var(--color-border);border-radius:var(--radius-small);font:inherit;padding:.75rem .9rem}.primary-button,.secondary-button{border-radius:var(--radius-small);cursor:pointer;border:.0625rem solid #0000;min-height:3rem;padding:.75rem 1.1rem;font-weight:750}.primary-button{color:#fff;background:var(--color-plum-strong)}.secondary-button{color:var(--color-text);background:var(--color-sage-soft);border-color:var(--color-border)}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.7}.notice{padding:var(--space-3);border-radius:var(--radius-small);line-height:1.5}.notice p:last-child{margin-bottom:0}.notice--error{color:var(--color-text);background:color-mix(in srgb, #b53a4a 14%, var(--color-surface));border:.0625rem solid color-mix(in srgb, #b53a4a 45%, var(--color-border))}.recipe-create,.recipe-success{margin-block:var(--space-5);padding-top:var(--space-5);border-top:.0625rem solid var(--color-border);gap:var(--space-4);display:grid}.recipe-create h3,.recipe-success h3{margin:0 0 var(--space-2);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.5rem,5vw,2rem);font-weight:600}.recipe-create p,.recipe-success p{color:var(--color-text-muted);line-height:1.6}.recipe-create .status-row,.recipe-success .status-row{margin-bottom:var(--space-2);color:var(--color-sage);line-height:1.2}.recipe-form{gap:var(--space-3);display:grid}.recipe-form>label,.instruction-row label,.recipe-form legend{font-weight:750}.recipe-form input,.recipe-form textarea{width:100%;min-height:3rem;color:var(--color-text);background:var(--color-surface-raised);border:.0625rem solid var(--color-border);border-radius:var(--radius-small);font:inherit;padding:.75rem .9rem}.recipe-form textarea{resize:vertical;min-height:6rem;line-height:1.5}.recipe-form fieldset{margin:var(--space-2) 0 0;gap:var(--space-3);border:0;padding:0;display:grid}.recipe-form legend{margin-bottom:var(--space-3);padding:0}.instruction-list,.instruction-row{gap:var(--space-2);display:grid}.instruction-list{gap:var(--space-4)}.instruction-row{padding:var(--space-3);background:var(--color-sage-soft);border-radius:var(--radius-small)}.text-button{width:fit-content;min-height:2.75rem;color:var(--color-plum-strong);cursor:pointer;text-underline-offset:.2em;background:0 0;border:0;padding:0;font-weight:750;text-decoration:underline}.recipe-success ol{padding-left:var(--space-5);gap:var(--space-2);line-height:1.55;display:grid}@media (width>=44rem){.recipe-form>.primary-button{justify-self:start}}.recipe-library,.recipe-detail{margin-block:var(--space-5);padding-top:var(--space-5);border-top:.0625rem solid var(--color-border);gap:var(--space-3);display:grid}.recipe-library h3,.recipe-detail h3,.recipe-detail h4{margin:0;font-family:Georgia,Times New Roman,serif}.recipe-card-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.recipe-card{width:100%;min-height:7rem;padding:var(--space-4);color:var(--color-text);background:var(--color-surface-raised);border:.0625rem solid var(--color-border);border-radius:var(--radius-small);cursor:pointer;text-align:left;gap:var(--space-1);display:grid}.recipe-card__title{color:var(--color-plum-strong);font-size:1.2rem;font-weight:750}.recipe-card span:not(.recipe-card__title),.recipe-meta,.recipe-empty{color:var(--color-text-muted)}.recipe-detail ol{padding-left:var(--space-5);gap:var(--space-2);margin-bottom:0;line-height:1.55;display:grid}.signed-in-app{gap:var(--space-5);display:grid}.app-header{justify-content:space-between;align-items:center;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:.0625rem solid var(--color-border);flex-wrap:wrap;display:flex}.wordmark-button,.menu-button,.nav-link{color:var(--color-plum-strong);cursor:pointer;background:0 0;border:0;font-weight:750}.wordmark-button{font-family:Georgia,Times New Roman,serif;font-size:1.35rem}.menu-button{min-height:2.75rem;padding-inline:var(--space-2)}.primary-navigation{gap:var(--space-1);width:100%;display:none}.primary-navigation--open{display:grid}.nav-link{min-height:2.75rem;padding:var(--space-2);border-radius:var(--radius-small);text-align:left}.nav-link[aria-current=page]{color:var(--color-text);background:var(--color-sage-soft)}.page-intro,.page-heading,.dashboard-card,.sign-out-card{background:color-mix(in srgb, var(--color-surface) 94%, transparent);border:.0625rem solid var(--color-border);border-radius:var(--radius-large);box-shadow:var(--shadow-card);padding:clamp(1.25rem,5vw,2rem)}.page-intro p,.page-heading p,.dashboard-card p,.sign-out-card p{color:var(--color-text-muted);line-height:1.6}.page-intro .status-row,.page-heading .status-row{color:var(--color-sage)}.dashboard-grid{gap:var(--space-3);display:grid}.dashboard-card{align-content:start;gap:var(--space-2);min-height:13rem;display:grid}.dashboard-card--featured{background:var(--color-sage-soft)}.dashboard-card h3,.sign-out-card h3{margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.7rem}.dashboard-card .primary-button,.dashboard-card .secondary-button,.sign-out-card .secondary-button{width:fit-content;margin-top:auto}.page-content,.dashboard-page{gap:var(--space-4);display:grid}.page-heading{justify-content:space-between;align-items:end;gap:var(--space-3);flex-wrap:wrap;display:flex}.page-heading h2,.page-intro h2{margin-bottom:var(--space-2)}.page-heading p:last-child,.page-intro p:last-child{margin-bottom:0}.sign-out-card{gap:var(--space-4);display:grid}@media (width>=44rem){.menu-button{display:none}.primary-navigation{width:auto;display:flex}.dashboard-grid{grid-template-columns:1.4fr 1fr 1fr}}.theme-card{padding:var(--space-4);background:var(--color-surface-raised);border:.0625rem solid var(--color-border);border-radius:var(--radius-small);gap:var(--space-3);display:grid}.theme-card h3{margin-bottom:var(--space-1);font-family:Georgia,Times New Roman,serif;font-size:1.45rem}.theme-card p{color:var(--color-text-muted);margin-bottom:0;line-height:1.6}.theme-options{gap:var(--space-2);border:0;margin:0;padding:0;display:grid}.theme-options label{min-height:2.75rem;padding:var(--space-2);background:var(--color-sage-soft);border-radius:var(--radius-small);cursor:pointer;align-items:center;gap:var(--space-2);font-weight:700;display:flex}.administrator-form{gap:var(--space-3);display:grid}.administrator-form label{gap:var(--space-1);font-weight:700;display:grid}.administrator-form input,.setup-link textarea{width:100%;min-height:2.75rem;padding:var(--space-2);color:var(--color-text);background:var(--color-surface);border:.0625rem solid var(--color-border);border-radius:var(--radius-small);font:inherit}.field-optional{color:var(--color-text-muted);font-weight:400}.setup-link{padding:var(--space-3);background:var(--color-sage-soft);border-radius:var(--radius-small);gap:var(--space-2);display:grid}.setup-link h4,.setup-link p{margin:0}.setup-link textarea{resize:vertical;min-height:5.5rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
