@charset "UTF-8";
:root{--ink:#283c31;--green:#476b50;--deep:#345540;--muted:#81897d;--line:#e6e9df;--paper:#fbfbf7;--pale:#edf1e6;--warm:#f4ecd9;--orange:#bf7750;--body:#526051;--shadow:0 18px 60px #29422e12}
*{box-sizing:border-box}body{margin:0;background:#e9ece3;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #8aab66;outline-offset:3px}svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button{border:0;background:none}h1,h2,h3,p{margin:0}button,a{touch-action:manipulation}.phone{width:430px;height:calc(100dvh - 48px);min-height:660px;max-height:960px;position:relative;margin:24px auto;background:var(--paper);border:1px solid #ffffff;border-radius:30px;box-shadow:var(--shadow);overflow:hidden}.screen{height:100%;overflow:auto;scrollbar-width:none;overscroll-behavior:contain;padding-bottom:calc(86px + env(safe-area-inset-bottom));scroll-behavior:smooth}.screen::-webkit-scrollbar{display:none}.desktop-intro{display:none}.page{padding:0 24px 30px;animation:appear .2s ease-out}.topbar{display:flex;justify-content:space-between;align-items:center;padding:27px 0 22px;gap:10px}.wordmark{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:700;letter-spacing:3px}.wordmark .brand-leaf{width:26px;height:31px;stroke:#597449;stroke-width:1.8}.brand-sub{font-size:10px;display:block;letter-spacing:2.6px;color:var(--muted);font-weight:400;margin-top:1px}.prototype-badge{font-size:10px;letter-spacing:1px;border:1px solid #e2e6db;border-radius:6px;padding:4px 6px;color:#86907f;background:#f8faf3}.top-actions{display:flex;align-items:center;gap:9px}.icon-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#eff2e8;position:relative}.icon-btn.plain{background:transparent}.avatar{width:35px;height:35px;border:1px solid #e1e5d6;display:grid;place-items:center;background:#e5ebd7;border-radius:50%;font-size:14px;color:#648053;font-weight:600}.greeting{font-size:12px;letter-spacing:1.4px;color:#85917b;margin-bottom:10px}.home-title{font-size:27px;font-weight:600;line-height:1.5;letter-spacing:-.8px;margin-bottom:15px}.stage-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.stage-pill{display:inline-flex;align-items:center;gap:7px;background:#eaf0e2;border:1px solid #dfe7d6;border-radius:30px;padding:8px 12px;font-size:12px;color:#527342;min-height:36px}.stage-pill svg{width:13px;height:13px}.quiet-label{font-size:11px;color:#9b9f93}.search-entry,.searchbox{display:flex;align-items:center;gap:10px;background:#f0f2eb;border:1px solid #e7eade;border-radius:13px;color:#9ba18f;min-height:49px;padding:0 15px;font-size:13px;width:100%;text-align:left;margin-bottom:23px}.search-entry svg,.searchbox svg{width:18px;height:18px}.searchbox input{border:0;outline:none;background:transparent;color:var(--ink);width:100%;font-size:14px;min-width:0;padding:14px 0}.searchbox:focus-within{border-color:#91a67e;background:#f8faf2}.clear-search{width:30px;min-height:32px;color:#9aa58d}.hero{position:relative;display:block;height:247px;overflow:hidden;border-radius:20px;background:#dedfc8}.photo{position:relative;overflow:hidden;background:#eaece0;isolation:isolate}.photo-art{position:absolute;width:100%;aspect-ratio:1;top:50%;left:0;transform:translateY(-50%);background-image:url('./assets/food-grid-generated.png');background-size:300% 200%;background-repeat:no-repeat;z-index:-1}.hero .photo{position:absolute;inset:0}.hero .photo-art{width:100%;top:48%}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(34,45,28,.62),transparent 67%)}.hero-label{position:absolute;z-index:1;top:16px;left:16px;display:flex;align-items:center;gap:6px;background:#ffffffec;padding:7px 10px;border-radius:8px;font-size:11px;letter-spacing:1px;color:#667357}.hero-label svg{width:14px;height:14px}.hero-text{position:absolute;z-index:1;bottom:22px;left:20px;color:white}.hero-text p{font-size:11px;letter-spacing:1.2px;opacity:.86;margin-bottom:7px}.hero-text h2{font-size:25px;letter-spacing:1px;font-weight:550;margin-bottom:9px}.hero-meta{display:flex;gap:12px;font-size:11px;align-items:center;opacity:.95}.hero-meta svg{width:13px;height:13px}.hero-arrow{position:absolute;right:19px;bottom:26px;z-index:2;display:grid;place-items:center;background:#fcfaf0;width:39px;height:39px;border-radius:50%;color:#687c54}.image-note{font-size:9px;color:#a0a491;margin:7px 0 0;text-align:right;letter-spacing:.3px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0 27px}.quick{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:12px;color:#5d6956;min-height:70px}.quick-icon{height:49px;width:49px;border-radius:16px;display:grid;place-items:center;background:#e9efdf;color:#75845a}.quick-icon.warm{background:#f5ecda;color:#b69b60}.quick-icon.pink{background:#f2e5dc;color:#b3896e}.quick-icon.sage{background:#e5ebe2;color:#7e9981}.quick-icon svg{width:25px;height:25px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 15px}.section-heading h2{font-size:19px;font-weight:600;letter-spacing:.3px}.section-heading p{font-size:11px;color:#929a89;margin-top:6px}.text-link{color:#8b947f;font-size:11px;display:flex;align-items:center;min-height:36px;gap:3px;white-space:nowrap}.text-link svg{width:13px;height:13px}.guide-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ecf0e3;border:1px solid #e1e8d8;border-radius:16px;padding:19px 17px;position:relative;overflow:hidden}.guide-banner small{font-size:10px;color:#8a9b75;letter-spacing:1.7px;display:block;margin-bottom:7px}.guide-banner h3{font-size:18px;font-weight:550;margin-bottom:7px}.guide-banner p{font-size:11px;color:#849277;line-height:1.6}.guide-banner .round-arrow{margin-right:0;z-index:1}.book-illustration{width:76px;height:76px;position:absolute;right:35px;bottom:-5px;transform:rotate(12deg);color:#bdcba9;opacity:.58}.book-illustration svg{width:76px;height:76px;stroke-width:1}.round-arrow{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#fff8;color:#879973}.round-arrow svg{width:17px;height:17px}.recipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 13px}.recipe-card{min-width:0}.card-media{position:relative;aspect-ratio:1.15;margin-bottom:10px}.card-photo{width:100%;height:100%;border-radius:14px;display:block}.save-btn{height:33px;width:33px;display:grid;place-items:center;background:#fffffff0;border-radius:50%;position:absolute;right:8px;top:8px;color:#869479;box-shadow:0 2px 6px #00000005}.save-btn svg{width:17px;height:17px}.save-btn.saved{color:#6c8252}.save-btn.saved svg{fill:#6c8252;stroke:#6c8252}.recipe-title{font-size:15px;font-weight:550;letter-spacing:-.2px;margin-bottom:7px;line-height:1.5}.recipe-sub{font-size:10px;color:#969e8c;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.recipe-sub .dot{width:2px;height:2px;background:#b1b8a8;border-radius:50%}.recipe-tag{display:inline-block;color:#849373;background:#eef1e6;border-radius:4px;padding:3px 6px;font-size:10px;margin-top:8px}.footer-note{text-align:center;margin:30px 0 10px;line-height:1.9;font-size:10px;color:#a5ac9b;letter-spacing:.3px}.footer-note svg{width:17px;height:17px;display:block;margin:0 auto 6px;color:#b3bea7}.bottom-nav{height:calc(74px + env(safe-area-inset-bottom));padding:9px 10px calc(8px + env(safe-area-inset-bottom));position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:#fbfcf8f5;backdrop-filter:blur(20px);border-top:1px solid #e6e9df;z-index:10}.nav-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:10px;color:#a0a792;position:relative;min-height:50px}.nav-item svg{width:23px;height:23px;stroke-width:1.5}.nav-item.active{color:#4f7044;font-weight:600}.nav-item.active:before{content:"";position:absolute;top:-9px;width:22px;height:3px;background:#6d8958;border-radius:0 0 4px 4px}.nav-icon-bg{display:grid;place-items:center}.nav-item.active .nav-icon-bg{background:#ecf1e5;border-radius:9px;box-shadow:0 0 0 5px #ecf1e5}.page-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0 17px;gap:10px}.page-header h1{font-size:17px;font-weight:600;letter-spacing:.7px}.page-header .icon-btn{margin-left:-9px}.page-header .right{margin-right:-9px;margin-left:0}.page-title{font-size:28px;font-weight:600;letter-spacing:-.5px;margin:5px 0 9px}.page-subtitle{color:#9aa28f;font-size:12px;line-height:1.8;margin-bottom:24px}.segmented{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:22px}.segmented button{font-size:16px;color:#a2aa98;padding:3px 0 13px;min-height:40px;position:relative}.segmented button.active{color:#3e6141;font-weight:600}.segmented button.active:after{content:"";height:3px;background:#658456;position:absolute;bottom:-1px;left:0;right:0;border-radius:4px}.chips{display:flex;gap:8px;overflow:auto;scrollbar-width:none;margin:0 -24px 15px;padding:0 24px}.chip{border-radius:8px;padding:8px 11px;background:#f1f3eb;font-size:11px;color:#8b9780;white-space:nowrap;min-height:36px}.chip.active{background:#53704c;color:white}.result-count{color:#a0a894;font-size:11px;margin:18px 0 17px;display:flex;justify-content:space-between}.food-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.food-card{background:#f2f3e9;min-height:157px;border:1px solid #e8ecdf;border-radius:16px;padding:18px;display:block}.food-emoji{font-size:42px;display:block;margin:3px 0 15px;filter:saturate(.78)}.food-card h3{font-size:16px;font-weight:550;margin-bottom:6px}.food-card p{font-size:11px;color:#8f9981}.empty{text-align:center;padding:55px 10px 60px}.empty .empty-icon{display:grid;place-items:center;background:#edf1e4;height:75px;width:75px;border-radius:50%;margin:0 auto 21px;color:#97a783}.empty-icon svg{width:30px;height:30px}.empty h2{font-size:19px;font-weight:550;margin-bottom:10px}.empty p{font-size:12px;color:#95a087;line-height:1.8;margin-bottom:23px}.primary-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;background:#4e6c46;color:#fff;border-radius:12px;padding:12px 19px;width:100%;font-size:14px;letter-spacing:.6px}.primary-btn svg{width:18px;height:18px}.secondary-btn{display:flex;align-items:center;justify-content:center;min-height:45px;border:1px solid #dbe2cf;color:#6d805b;border-radius:11px;padding:10px 16px;font-size:13px;width:100%;background:#f4f6ef}.subtle-button{width:100%;font-size:12px;color:#9aa68d;min-height:44px}.detail-hero{margin:0 -24px;height:291px}.detail-hero.photo .photo-art{width:100%;top:50%}.detail-content{position:relative;background:var(--paper);border-radius:26px 26px 0 0;margin:-24px -24px 0;padding:26px 24px 0}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#8e9f78;margin-bottom:9px}.detail-title{font-size:28px;font-weight:600;letter-spacing:1px;margin:0 0 10px}.detail-desc{font-size:12px;color:#9aa38d;line-height:1.8;margin-bottom:21px}.meta-grid{display:grid;grid-template-columns:repeat(3,1fr);background:#f0f3e9;border-radius:12px;padding:17px 0;margin:0 0 20px}.meta-grid>div{display:flex;align-items:center;flex-direction:column;gap:7px;font-size:12px;color:#6a7b59;border-right:1px solid #dfe6d6}.meta-grid>div:last-child{border-right:0}.meta-grid span{font-size:10px;color:#9ba68e}.detail-disclaimer{font-size:10px;color:#a49a80;background:#f5f1e6;padding:10px 12px;border-radius:9px;line-height:1.7;margin-bottom:25px}.ingredient-row{display:flex;justify-content:space-between;gap:20px;font-size:14px;padding:13px 0;border-bottom:1px dashed #e5e8dc;color:#657359}.ingredient-row span:last-child{color:#95a186}.section-title{font-size:18px;letter-spacing:.5px;font-weight:600;margin:26px 0 15px;display:flex;justify-content:space-between;align-items:center}.section-title small{font-size:10px;color:#a1a994;font-weight:400;letter-spacing:0}.step{display:grid;grid-template-columns:28px 1fr;gap:13px;padding:15px 0}.step-number{display:grid;place-items:center;background:#eaf0df;color:#789162;width:27px;height:27px;border-radius:9px;font-size:12px;font-weight:600}.step h3{font-size:15px;line-height:1.8;font-weight:550;margin-bottom:5px}.step p{font-size:13px;line-height:1.9;color:#8b977e}.detail-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:12px;margin-top:24px}.detail-actions .secondary-btn svg{width:17px;height:17px;margin-right:7px}.soft-note{font-size:12px;line-height:1.9;padding:16px;background:#eef2e6;border-radius:13px;color:#839273}.guide-intro{background:#edf1e5;border-radius:18px;padding:25px 21px;position:relative;overflow:hidden;margin-bottom:25px}.guide-intro .intro-number{position:absolute;right:12px;bottom:-28px;font-family:Georgia,serif;font-size:140px;color:#d7e1c9;line-height:1}.guide-intro h2{font-size:24px;font-weight:550;line-height:1.6;position:relative;z-index:1}.guide-intro p{font-size:12px;color:#8b9b79;margin-top:12px;line-height:1.8;position:relative;z-index:1;max-width:210px}.guide-item{display:flex;align-items:center;padding:19px 0;border-bottom:1px solid #e7ebdf;gap:15px}.guide-index{height:44px;width:44px;border-radius:12px;display:grid;place-items:center;font-family:Georgia,serif;background:#f1eedf;color:#a99a6a;font-size:22px;flex-shrink:0}.guide-item:nth-child(even) .guide-index{background:#e8eee0;color:#819571}.guide-item .grow{flex:1;min-width:0}.guide-item h3{font-size:15px;font-weight:550;line-height:1.6;margin-bottom:6px}.guide-item p{font-size:11px;color:#99a28d;line-height:1.7}.guide-item>svg{width:15px;height:15px;color:#a9b19f}.article-hero{padding:22px 0 26px;border-bottom:1px solid var(--line);margin-bottom:23px}.article-hero h1{font-size:29px;line-height:1.65;font-weight:550;margin-bottom:12px}.article-hero p{font-size:11px;color:#9aa28f;line-height:1.8}.article-body h2{font-size:18px;font-weight:550;margin:28px 0 14px}.article-body p{font-size:15px;line-height:2.05;color:#79876b}.article-progress{height:3px;background:#e6ebdb;margin-bottom:24px;overflow:hidden;border-radius:8px}.article-progress span{height:100%;width:30%;display:block;background:#9aaf85}.profile{display:flex;gap:15px;align-items:center;margin:8px 0 26px}.profile-avatar{width:62px;height:62px;display:grid;place-items:center;background:#e3ecd7;border:5px solid #f2f5eb;border-radius:50%;color:#7a9365}.profile-avatar svg{width:30px;height:30px}.profile h1{font-size:23px;font-weight:550;margin-bottom:8px}.profile p{font-size:11px;color:#9aa28f}.member-card{padding:22px;background:#e9eedd;border:1px solid #dfe6d2;border-radius:17px;margin-bottom:25px;position:relative;overflow:hidden}.member-card h2{font-size:19px;font-weight:550;margin-bottom:8px}.member-card p{font-size:11px;color:#879772;line-height:1.8}.member-card .member-label{font-size:9px;letter-spacing:1.2px;color:#83936b;margin-bottom:10px}.member-card .member-leaf{position:absolute;right:15px;top:25px;color:#cad7b7;transform:rotate(-20deg)}.member-leaf svg{width:80px;height:80px;stroke-width:1}.small-btn{display:inline-flex;align-items:center;min-height:33px;margin-top:14px;border:1px solid #cbd6b9;border-radius:8px;color:#657e4a;font-size:11px;padding:6px 12px;background:#f9fcf29e}.stats{display:grid;grid-template-columns:repeat(3,1fr);padding:9px 0 19px;border-bottom:1px solid var(--line);margin-bottom:12px}.stat{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:55px}.stat strong{font-size:25px;font-family:Georgia,serif;font-weight:400;color:#698252}.stat span{font-size:11px;color:#9ca58e}.menu-row{display:flex;align-items:center;gap:12px;padding:19px 0;border-bottom:1px solid #eaede3;font-size:14px}.menu-row>svg:first-child{width:19px;height:19px;color:#8d9b7e}.menu-row .grow{flex:1}.menu-row .value{font-size:11px;color:#a2ac95}.menu-row>svg:last-child{width:15px;height:15px;color:#b1b9a7}.download-card{background:#f3f4ec;padding:20px 18px;border:1px solid #e6e9dc;border-radius:15px;margin-bottom:15px}.download-head{display:flex;gap:14px;align-items:center;margin-bottom:17px}.download-icon{display:grid;place-items:center;width:45px;height:55px;background:#e4ead8;border-radius:6px;color:#95a67c}.download-head h2{font-size:16px;font-weight:550;margin-bottom:7px}.download-head p{font-size:10px;color:#9da68f}.download-card>p{font-size:12px;line-height:1.9;color:#8c997f;margin-bottom:15px}.download-card .secondary-btn{min-height:39px;background:#fcfdf8;font-size:12px}.access-art{width:95px;height:110px;background:#e6eedb;margin:27px auto;border-radius:22px;display:grid;place-items:center;color:#93a87b;transform:rotate(-6deg);box-shadow:9px 10px 0 #f1f4e9}.access-art svg{width:46px;height:46px;stroke-width:1.2}.access-title{text-align:center;font-size:27px;font-weight:550;margin:27px 0 13px}.access-text{text-align:center;color:#939f85;font-size:12px;line-height:1.9;margin-bottom:28px}.form-label{display:block;font-size:12px;color:#7f8f70;margin:0 0 10px}.text-input{width:100%;background:#f1f4e9;border:1px solid #e0e7d5;border-radius:11px;padding:15px 14px;font-size:16px;color:#5d7849;margin-bottom:9px;outline:none;letter-spacing:2px}.form-hint{font-size:11px;color:#98a28d;line-height:1.7;margin-bottom:22px}.form-error{color:#b87359;font-size:11px;min-height:23px}.access-footnote{font-size:10px;color:#a7ad9e;line-height:1.9;text-align:center;margin-top:18px}.week-tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:24px}.day-tab{background:#f0f3e8;border:1px solid transparent;border-radius:11px;padding:11px 0;font-size:11px;min-height:52px;color:#95a188}.day-tab.active{background:#658056;color:#fff}.meal-card{padding:18px;background:#f0f3e8;border:1px solid #e4eadb;border-radius:16px;margin-bottom:15px}.meal-heading{display:flex;justify-content:space-between;font-size:11px;color:#95a183;margin-bottom:13px}.meal-line{display:flex;gap:14px;align-items:center}.meal-line .photo{width:70px;height:70px;border-radius:11px;flex-shrink:0}.meal-line h3{font-size:15px;font-weight:550;margin-bottom:8px}.meal-line p{font-size:11px;line-height:1.6;color:#94a084}.meal-line>svg{margin-left:auto;width:15px;color:#a4af96}.food-hero{height:166px;display:grid;place-items:center;background:#eff2e6;border-radius:19px;margin-bottom:23px}.food-hero span{font-size:86px;filter:saturate(.8)}.sheet-backdrop{position:absolute;inset:0;background:#263d2d66;backdrop-filter:blur(3px);z-index:30;display:flex;align-items:flex-end}.sheet{background:#fbfcf7;width:100%;max-height:85%;overflow:auto;border-radius:25px 25px 0 0;padding:10px 24px 29px;box-shadow:0 -10px 30px #244d201a;animation:slideup .22s ease-out}.sheet-grip{width:32px;height:4px;border-radius:4px;background:#dbe2d1;margin:0 auto 21px}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.sheet-head h2{font-size:21px;font-weight:550}.sheet-head .icon-btn{height:36px;width:36px}.sheet>p{font-size:12px;line-height:1.8;color:#96a38a;margin-bottom:22px}.stage-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px;border:1px solid #e2e8d8;border-radius:12px;background:#f6f8ef;margin-bottom:9px;min-height:68px;text-align:left}.stage-option.active{background:#e8efdb;border-color:#b6c5a2;color:#65814a}.stage-option strong{font-size:15px;font-weight:550}.stage-option span{display:block;font-size:10px;color:#94a281;margin-top:7px}.stage-option svg{width:19px;height:19px;color:#7a9560}.toast{position:absolute;bottom:95px;left:50%;transform:translate(-50%,10px);background:#334831f2;color:#fff;font-size:12px;line-height:1.8;padding:11px 18px;border-radius:12px;max-width:86%;width:max-content;z-index:50;box-shadow:0 6px 24px #24371b25;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.skip-link{position:absolute;top:-80px;left:10px;z-index:60;background:white;padding:10px}.skip-link:focus{top:10px}.mini-disclaimer{font-size:11px;line-height:1.8;color:#a4ad96;margin:18px 0}.note-box{border-left:2px solid #b9c9a2;padding-left:13px;font-size:12px;line-height:1.9;color:#9ba68e;margin:24px 0}.feedback-text{width:100%;min-height:115px;resize:vertical;background:#f0f3e8;border:1px solid #e1e7d7;border-radius:12px;padding:13px;color:#748467;font:inherit;font-size:13px;line-height:1.8}.feedback-status{font-size:11px;color:#9caa8a;margin:12px 0}.offline-label{font-size:11px;color:#9b8765;background:#f7eedb;text-align:center;padding:9px}.big-icon{display:grid;place-items:center;height:100px;width:100px;background:#eaf0df;border-radius:50%;margin:25px auto;color:#8ca271}.big-icon svg{height:45px;width:45px}
.detail-desc,.page-subtitle,.profile p,.recipe-sub,.guide-item p,.download-card>p,.food-card p{color:#77866a}.step p{font-size:15px;color:#718063}.article-body p{font-size:17px;color:#68785c}.detail-disclaimer{color:#8a795b;font-size:11px}.article-progress span{width:0}
@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes slideup{from{transform:translateY(30px);opacity:.6}to{transform:translateY(0);opacity:1}}@media(min-width:1100px){body{display:flex;align-items:center;justify-content:center;gap:95px;min-height:100dvh}.phone{margin:24px 0}.desktop-intro{display:block;width:405px;position:relative;padding-bottom:10px}.desktop-wordmark{font-size:29px;font-weight:650;letter-spacing:4px;margin-bottom:68px}.desktop-wordmark span{font-size:9px;font-weight:400;letter-spacing:2px;display:block;margin-top:9px;color:#819275}.desktop-eyebrow{font-size:11px;letter-spacing:2.7px;color:#859477;margin-bottom:23px}.desktop-intro h1{font-size:39px;font-weight:400;line-height:1.6;letter-spacing:1px;margin-bottom:25px}.desktop-intro>p{font-size:13px;line-height:2.2;color:#8c9882}.prototype-line{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:2px;color:#7b8d6b;margin:40px 0 16px}.prototype-line span{height:6px;width:6px;background:#91a475;border-radius:50%}.desktop-instructions{font-size:10px;line-height:2;color:#a0aa96}.desktop-flower{position:absolute;right:40px;top:75px;font-size:100px;color:#d7dfc8;z-index:-1;font-weight:300}}@media(max-width:600px){body{background:var(--paper)}.phone{width:100%;height:100dvh;min-height:0;max-height:none;margin:0;border:0;border-radius:0;box-shadow:none}.page{padding-left:22px;padding-right:22px}.chips{margin-left:-22px;margin-right:-22px;padding-left:22px;padding-right:22px}.detail-hero{margin-left:-22px;margin-right:-22px}.detail-content{margin-left:-22px;margin-right:-22px;padding-left:22px;padding-right:22px}.topbar{padding-top:22px}.hero{height:234px}}@media(max-width:350px){.page{padding-left:17px;padding-right:17px}.home-title{font-size:24px}.recipe-title{font-size:13px}.hero{height:208px}.hero-text h2{font-size:23px}.quick-grid{gap:5px}.detail-content{padding-left:20px;padding-right:20px}.meta-grid>div{font-size:11px}.top-actions{gap:1px}.wordmark{font-size:21px}.quiet-label{font-size:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:350px){.detail-hero,.detail-content{margin-left:-17px;margin-right:-17px}.chips{margin-left:-17px;margin-right:-17px;padding-left:17px;padding-right:17px}}