:root{--ink:#18332f;--ink-soft:#526762;--paper:#fbfdfb;--mint:#e7f1ed;--mint-deep:#c5ddd5;--tomato:#d64b35;--tomato-dark:#a93323;--butter:#f4c95d;--line:#d9e5e0;--white:#fff;--shadow:0 20px 60px #18332f1c;--display:Georgia, "Times New Roman", serif;--body:"Segoe UI", Inter, ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{color:var(--ink);background:var(--paper);font-family:var(--body);margin:0;font-size:16px;line-height:1.5}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}::selection{color:var(--ink);background:var(--butter)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);letter-spacing:-.035em;font-weight:500;line-height:1.03}.button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:11px 18px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:focus-visible,.text-button:focus-visible,.card-open:focus-visible,.delete-button:focus-visible,.modal-close:focus-visible,.workflow-step:focus-visible,.count-choice:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #d64b3542}.button:disabled{cursor:wait;opacity:.72}.button-primary{color:var(--white);background:var(--tomato);box-shadow:0 8px 20px #d64b3533}.button-primary:hover:not(:disabled){background:var(--tomato-dark);box-shadow:0 10px 24px #a933233b}.button-secondary{color:var(--ink);background:var(--white);border-color:var(--line)}.button-danger{color:var(--white);background:#a9382b}.eyebrow,.step-kicker{color:var(--tomato-dark);letter-spacing:.13em;text-transform:uppercase;font-size:.72rem;font-weight:800}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login-shell{background:linear-gradient(135deg, var(--mint), var(--paper) 58%);place-items:center;min-height:100vh;padding:32px 18px;display:grid}.login-card{background:var(--white);border:1px solid var(--line);width:min(470px,100%);box-shadow:var(--shadow);border-radius:14px;padding:clamp(32px,6vw,54px)}.login-card .brand-line{margin-bottom:42px}.login-card h1{margin:9px 0 16px;font-size:clamp(3.2rem,11vw,5.2rem);line-height:.9}.login-card>p:not(.brand-line,.eyebrow){color:var(--ink-soft)}.login-form{gap:18px;margin-top:30px;display:grid}.login-form .button{justify-content:center}.library-actions,.top-nav-actions{align-items:center;gap:18px;display:flex}.workspace-signout{z-index:5;position:fixed;bottom:25px;left:25px}.workspace-signout .text-button{color:#c5d9d3}.preview-notice{color:#6b3e06;background:#fff4cf;border:1px solid #dfbd55;border-radius:8px;flex-wrap:wrap;align-items:center;gap:5px 12px;margin:28px 0;padding:14px 16px;display:flex}.preview-notice strong{font-size:.86rem}.preview-notice span{font-size:.82rem}.preview-actions{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:36px;padding:44px 0;display:flex}.preview-actions h2{max-width:650px;margin:8px 0 12px;font-size:clamp(2.4rem,5vw,4.3rem)}.preview-actions p:last-child{max-width:610px;color:var(--ink-soft)}.preview-action-links{flex-direction:column;flex:none;align-items:stretch;gap:10px;display:flex}.preview-action-links .button{justify-content:center}.preview-database-state{min-height:330px}.save-disabled-note{color:#6b3e06;text-align:left;flex:100%;margin:0 0 5px;font-size:.8rem}.cookbook-form .button:disabled{cursor:not-allowed;opacity:.58}.preview-workspace .summary-panel>.preview-notice{margin:0}.preview-edit-link{justify-content:center;margin-top:28px}.library-shell{width:min(1180px,100% - 48px);min-height:100vh;margin:0 auto;padding:66px 0 80px}.library-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:36px;padding-bottom:34px;display:flex}.brand-line{color:var(--tomato-dark);letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:26px;font-size:.75rem;font-weight:800;display:flex}.library-header h1{max-width:780px;margin:0;font-size:clamp(3.7rem,8vw,7.8rem);line-height:.82}.library-header .lede{max-width:530px;color:var(--ink-soft);margin:26px 0 0;font-size:1.06rem}.library-header .button{flex:none;margin-bottom:3px}.section-heading{justify-content:space-between;align-items:baseline;margin:50px 0 20px;display:flex}.section-heading h2{margin:0;font-size:1.8rem}.section-heading span{color:var(--ink-soft);font-size:.85rem}.cookbook-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.cookbook-card{background:var(--white);border:1px solid var(--line);border-radius:3px 13px 13px 3px;flex-direction:column;min-height:305px;padding:34px 34px 28px 45px;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 28px #18332f0f}.cookbook-card:before{content:"";background:var(--mint-deep);width:1px;box-shadow:4px 0 var(--paper);position:absolute;inset:0 auto 0 13px}.cookbook-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.card-bookmark{width:43px;height:57px;color:var(--ink);background:var(--butter);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);place-items:center;display:grid;position:absolute;top:0;right:28px}.card-theme{color:var(--tomato-dark);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;padding-right:48px;font-size:.72rem;font-weight:800}.card-copy h2{max-width:420px;margin-bottom:12px;font-size:2rem}.card-subtitle{color:var(--ink-soft);font-size:.92rem}.card-meta{color:var(--ink-soft);flex-wrap:wrap;gap:7px 18px;margin-top:auto;padding-top:26px;font-size:.8rem;display:flex}.status{align-items:center;gap:6px;font-size:.8rem;font-weight:700;display:inline-flex}.status i{background:var(--butter);border:1px solid #b28a26;border-radius:50%;width:7px;height:7px}.card-open{color:var(--tomato-dark);border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:21px;padding-top:18px;font-weight:800;text-decoration:none;display:flex}.card-open svg{transition:transform .18s}.card-open:hover svg{transform:translate(4px)}.empty-state,.database-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:430px;padding:60px 24px;display:flex}.empty-state h2,.database-state h2{margin-bottom:10px;font-size:2.4rem}.empty-state>p:not(.eyebrow),.database-state>p:not(.eyebrow){color:var(--ink-soft)}.empty-state .button{margin-top:15px}.empty-book{border:2px solid var(--ink);background:var(--mint);border-radius:5px 15px 15px 5px;width:85px;height:71px;margin-bottom:30px;position:relative;transform:rotate(-3deg)}.empty-book:after{content:"";border:1px solid var(--mint-deep);border-radius:2px 10px 10px 2px;position:absolute;inset:6px}.empty-book span{background:var(--ink);z-index:1;height:2px;position:absolute;left:22px;right:18px}.empty-book span:first-child{top:23px}.empty-book span:nth-child(2){width:31px;top:32px}.empty-book span:nth-child(3){width:38px;top:41px}.form-page{background:linear-gradient(90deg, var(--mint) 0, var(--mint) 36%, var(--paper) 36%);min-height:100vh}.top-nav{border-bottom:1px solid #18332f1f;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(24px,5vw,76px);display:flex}.wordmark,.workspace-brand{text-transform:uppercase;letter-spacing:.09em;align-items:center;gap:9px;font-size:.76rem;font-weight:800;text-decoration:none;display:inline-flex}.top-nav>span{color:var(--ink-soft);font-size:.85rem}.form-page-grid{grid-template-columns:minmax(280px,.7fr) minmax(580px,1.3fr);gap:clamp(50px,7vw,110px);width:min(1260px,100% - 48px);margin:0 auto;padding:70px 0 90px;display:grid}.form-intro{padding-top:34px}.form-intro h1{max-width:460px;margin:18px 0 24px;font-size:clamp(3rem,5.2vw,5.6rem)}.form-intro>p:not(.step-kicker){max-width:420px;color:var(--ink-soft)}.next-note{border-top:1px solid var(--mint-deep);border-bottom:1px solid var(--mint-deep);grid-template-columns:auto 1fr auto;align-items:center;gap:13px;max-width:420px;margin-top:48px;padding:17px 0;display:grid}.next-note>span{color:var(--tomato-dark);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:800}.next-note p{margin:0;font-size:.84rem}.form-card{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px}.form-card-heading{border-bottom:1px solid var(--line);padding:36px 40px 28px}.form-card-heading h2,.modal-heading h2{margin:8px 0 7px;font-size:2.35rem}.form-card-heading>p:last-child{color:var(--ink-soft);margin:0;font-size:.84rem}.cookbook-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px;padding:34px 40px 40px;display:grid}.full-field{grid-column:1/-1}.field label,.field legend,.setting-label{color:var(--ink);margin-bottom:8px;font-size:.82rem;font-weight:800;display:block}.field legend{padding:0}.optional{color:var(--ink-soft);margin-left:5px;font-size:.7rem;font-weight:500}.field-hint{color:var(--ink-soft);margin:-4px 0 9px;font-size:.78rem}.field input{width:100%;height:48px;color:var(--ink);background:#f9fcfa;border:1px solid #c9d9d3;border-radius:7px;padding:0 14px}.field input::placeholder{color:#83938e}.field input[aria-invalid=true]{border-color:var(--tomato)}.field-error{color:var(--tomato-dark);margin:6px 0 0;font-size:.78rem}.count-fieldset{border:0;min-width:0;margin:0;padding:0}.segmented-control{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.segmented-control label{cursor:pointer;background:#f9fcfa;border:1px solid #c9d9d3;border-radius:7px;align-items:center;gap:9px;min-height:48px;margin:0;padding:10px 14px;font-weight:650;display:flex;position:relative}.segmented-control label.selected{background:var(--mint);border-color:var(--ink)}.segmented-control input{width:16px;height:16px;accent-color:var(--tomato)}.count-choices{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.count-choice{min-width:43px;height:36px;color:var(--ink);background:var(--white);border:1px solid var(--line);cursor:pointer;border-radius:18px;padding:0 10px}.count-choice.active{color:var(--white);background:var(--ink);border-color:var(--ink)}.custom-count{flex-basis:100%;max-width:220px;margin-top:7px!important}.custom-count span{margin-bottom:5px;display:block}.fixed-setting{background:var(--mint);border:1px solid var(--mint-deep);border-radius:7px;min-height:76px;padding:13px 15px}.fixed-setting .setting-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.7rem}.fixed-setting strong{margin:3px 0 1px;font-size:.9rem;display:block}.fixed-setting>span:last-child{color:var(--ink-soft);font-size:.76rem}.form-actions{justify-content:flex-end;gap:10px;padding-top:8px;display:flex}.form-alert{color:#7f291e;background:#fff0ed;border:1px solid #efb6ae;border-radius:7px;grid-column:1/-1;padding:12px 14px;font-size:.84rem}.button-spinner,.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.workspace-shell{background:var(--paper);grid-template-columns:minmax(225px,17.5%) minmax(390px,1fr) minmax(310px,25%);min-height:100vh;display:grid}.workflow-panel{min-height:100vh;color:var(--white);background:var(--ink);flex-direction:column;padding:34px 25px 28px;display:flex}.workspace-brand{color:var(--white)}.project-name{margin:62px 0 35px}.project-name>span{color:#9db7b0;letter-spacing:.11em;text-transform:uppercase;font-size:.68rem;font-weight:800}.project-name h1{overflow-wrap:anywhere;margin-top:10px;font-size:clamp(1.65rem,2.2vw,2.5rem)}.workflow{flex-direction:column;gap:3px;display:flex}.workflow-step{color:#9db7b0;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:32px 1fr;align-items:center;gap:11px;width:100%;min-height:63px;padding:8px 10px;display:grid}.workflow-step.active{color:var(--white);background:#ffffff14}.workflow-step:disabled{opacity:1;cursor:not-allowed}.step-number{color:#d3e2dd;border:1px solid #68857e;border-radius:50%;place-items:center;width:27px;height:27px;font-size:.75rem;display:grid}.active .step-number{color:var(--ink);background:var(--butter);border-color:var(--butter)}.workflow-step b{font-size:.88rem;display:block}.workflow-step small{align-items:center;gap:5px;margin-top:2px;font-size:.69rem;display:flex}.future-note{color:#9db7b0;gap:7px;margin:16px 10px;font-size:.72rem;display:flex}.back-to-library{color:#c5d9d3;margin-top:auto;font-size:.78rem;text-decoration:none}.summary-panel{border-right:1px solid var(--line);flex-direction:column;min-width:0;padding:clamp(42px,6vw,84px);display:flex}.summary-topline{justify-content:space-between;align-items:center;gap:16px;display:flex}.saved-badge{color:#2e6755;background:#e3f3ec;border-radius:20px;align-items:center;gap:5px;padding:5px 9px;font-size:.7rem;font-weight:800;display:inline-flex}.summary-copy{max-width:670px;margin:auto 0;padding:70px 0}.summary-mark{height:40px;color:var(--tomato);font-family:var(--display);margin:0 0 10px;font-size:5rem;line-height:1}.summary-copy h2{margin-bottom:22px;font-size:clamp(2.8rem,5.2vw,5.9rem)}.summary-copy>p:last-child{max-width:560px;color:var(--ink-soft);font-size:1rem}.project-highlights{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1.35fr 1fr .7fr;margin:0;display:grid}.project-highlights>div{min-width:0;padding:19px 20px 19px 0}.project-highlights>div+div{border-left:1px solid var(--line);padding-left:20px}.project-highlights dt,.details-list dt{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:.67rem;font-weight:800}.project-highlights dd{font-family:var(--display);overflow-wrap:anywhere;margin:0;font-size:1.05rem;line-height:1.25}.ready-note{gap:12px;margin-top:26px;display:flex}.ready-note>span{width:25px;height:25px;color:var(--ink);background:var(--butter);border-radius:50%;flex:none;place-items:center;display:grid}.ready-note strong{font-size:.84rem}.ready-note p{color:var(--ink-soft);margin:2px 0 0;font-size:.75rem}.details-panel{background:var(--white);min-width:0;padding:42px 30px 30px;overflow-y:auto}.details-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:22px;display:flex}.details-heading h2{margin:8px 0 0;font-size:1.75rem}.text-button{color:var(--tomato-dark);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:1px solid;padding:3px 0;font-size:.77rem;font-weight:800}.details-list{margin:0}.details-list>div{border-bottom:1px solid #e9efec;padding:14px 0}.details-list dd{overflow-wrap:anywhere;margin:0;font-size:.85rem;font-weight:650}.details-list dd.muted{color:#7f908b;font-weight:500}.delete-button{color:#9f3325;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;margin-top:28px;padding:0 0 2px;font-size:.78rem;font-weight:800}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1b18b3;place-items:center;padding:30px 18px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--white);border-radius:12px;width:min(760px,100%);max-height:calc(100vh - 60px);overflow-y:auto;box-shadow:0 30px 90px #0000004d}.modal-heading{z-index:2;background:var(--white);border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:27px 40px 20px;display:flex;position:sticky;top:0}.modal-heading h2{font-size:2rem}.modal-close{width:38px;height:38px;color:var(--ink);background:var(--mint);cursor:pointer;border:0;border-radius:50%;font-size:1.6rem;line-height:1}.delete-modal{text-align:center;max-width:480px;padding:38px}.delete-modal h2{overflow-wrap:anywhere;margin:8px 0 12px;font-size:2rem}.delete-modal>p:not(.eyebrow){color:var(--ink-soft)}.delete-symbol{color:#9f3325;background:#fff0ed;border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto 20px;font-size:1.7rem;display:grid}.delete-modal .form-actions{justify-content:center;margin-top:23px}.center-state{text-align:center;background:var(--paper);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex}.center-state h1{max-width:700px;margin:10px 0 16px;font-size:clamp(2.7rem,6vw,5.3rem)}.center-state>p:not(.eyebrow){max-width:530px;color:var(--ink-soft)}.center-state .button{margin-top:14px}.empty-illustration{width:62px;height:72px;color:var(--ink);background:var(--butter);font-family:var(--display);border-radius:2px 10px 10px 2px;place-items:center;margin-bottom:24px;font-size:2rem;display:grid;transform:rotate(-4deg)}.inline-actions{gap:10px;display:flex}.inline-actions .button{margin-top:14px}.spinner{color:var(--tomato);margin-bottom:14px}.skeleton{background:#e5eeea;border-radius:8px;display:block;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffffa6,#0000);animation:1.4s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.loading-header{justify-content:space-between;gap:30px;padding-bottom:44px;display:flex}.skeleton.wide{width:min(620px,70%);height:120px}.button-shape{width:155px;height:48px}.loading-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:44px;display:grid}.card-shape{height:305px}.panel-shape{border-radius:0;min-height:100vh}.loading-workspace{background:var(--line);gap:1px}@media (max-width:1050px){.workspace-shell{grid-template-columns:220px 1fr}.details-panel{border-top:1px solid var(--line);grid-column:2;padding:34px clamp(36px,7vw,70px) 50px}.workflow-panel{grid-row:1/span 2}.summary-panel{border-right:0}.details-list{grid-template-columns:1fr 1fr;gap:0 28px;display:grid}.loading-workspace{grid-template-columns:220px 1fr}.loading-workspace .panel-shape:last-of-type{grid-column:2}}@media (max-width:760px){.library-shell{width:min(100% - 32px,620px);padding:34px 0 55px}.library-header{flex-direction:column;align-items:flex-start;gap:28px}.library-actions{justify-content:space-between;width:100%}.preview-actions{flex-direction:column;align-items:stretch}.preview-action-links{width:100%}.library-header h1{font-size:clamp(3.6rem,19vw,6rem)}.cookbook-grid,.loading-grid{grid-template-columns:1fr}.form-page{background:var(--paper)}.top-nav{padding:0 18px}.form-page-grid{width:min(100% - 28px,620px);padding:38px 0 60px;display:block}.form-intro{padding:0 4px 35px}.form-intro h1{font-size:3.4rem}.next-note{margin-top:30px}.form-card-heading,.cookbook-form{padding-left:22px;padding-right:22px}.cookbook-form{grid-template-columns:1fr}.cookbook-form>*{grid-column:1}.segmented-control{grid-template-columns:1fr}.workspace-shell{display:block}.workflow-panel{min-height:auto;padding:22px 18px}.project-name{margin:30px 0 20px}.project-name h1{margin-bottom:0}.workflow{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.workflow-step{text-align:center;flex-direction:column;justify-content:center;gap:4px;min-width:0;min-height:66px;padding:6px 2px;display:flex}.workflow-step small{display:none}.workflow-step b{font-size:.65rem}.step-number{width:23px;height:23px;font-size:.66rem}.step-number svg{width:13px}.future-note{justify-content:center;margin:12px 0 4px}.back-to-library{display:none}.workspace-signout{position:absolute;inset:23px 18px auto auto}.summary-panel{padding:42px 20px}.summary-copy{padding:60px 0}.summary-copy h2{font-size:clamp(2.9rem,15vw,4.9rem)}.project-highlights{grid-template-columns:1fr}.project-highlights>div,.project-highlights>div+div{border-left:0;border-top:1px solid var(--line);padding:14px 0}.project-highlights>div:first-child{border-top:0}.details-panel{padding:36px 20px 50px}.details-list{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:12px}.modal{border-radius:14px 14px 8px 8px;width:100%;max-height:calc(100vh - 24px)}.modal-heading{padding:22px}.delete-modal{padding:34px 22px}.loading-workspace{display:block}.loading-workspace .panel-shape{border-bottom:1px solid var(--line);min-height:260px}.inline-actions{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}