/* Study 10 — task-led prototype presentation. Construction tokens, not published brand tokens. */
:root{--paper:#f7f4f1;--bone:#fefefd;--ink:#3c342e;--subtle:#7b6b60;--line:#e4ded9;--brick:#61544c;--brick-dark:#49403a;--sage:#94867c;--sage-dark:#63564e;--sage-light:#f2ede7;--blush:#ede7e0;--destructive:#a4563e;--font-body:"PingFang SC","Noto Sans CJK SC","Microsoft Yahei",sans-serif;--muted:#f1ece7;--ring:#77675d}
body{font-family:var(--font-body)}
.mini-app-bar{display:none}.app-frame{background:var(--paper)}
.app-scroll,.app-frame:has(.study-home) .app-scroll{padding-bottom:80px}.app-scroll.detail-scroll{padding-bottom:100px}
.bottom-nav[data-slot=tabs-list],.app-frame:has(.study-home) .bottom-nav[data-slot=tabs-list]{height:60px;padding:5px 25px;background:#fbfaf9;border-color:var(--line)}
.bottom-nav [data-slot=tabs-trigger],.app-frame:has(.study-home) .bottom-nav [data-slot=tabs-trigger]{font-size:10px;gap:3px;color:#847368;height:48px}.bottom-nav [data-state=active]{color:#594e46!important}.bottom-nav [data-state=active]:before{display:none}
.app-frame:has(.study-home) .app-scroll{padding-bottom:60px}
.page-header,.product-purchase>.page-header{height:auto;min-height:64px;padding:10px 18px;background:var(--paper);border:0;gap:10px}.page-header h1{font-size:16px;letter-spacing:.2px;font-weight:550}.page-header .eyebrow{font-size:9px;margin-bottom:3px}.icon-btn{min-width:44px;min-height:44px}
.page-pad{padding-inline:22px}.section-head{margin-top:28px;margin-bottom:16px}.section-head h2{font-size:19px;font-weight:550;letter-spacing:0}.eyebrow{font-size:10px;letter-spacing:1.4px}.product-description{font-size:14px;line-height:1.9}.small-meta,.disclosure{font-size:11px;line-height:1.8;color:var(--subtle)}
.dw-btn{border-radius:15px;min-height:48px;font-weight:500;letter-spacing:.2px;font-size:13px;box-shadow:none}.dw-btn.primary{background:var(--brick);color:#ffffff}.dw-btn.secondary{border:1px solid var(--line);background:transparent;color:var(--brick)}.dw-btn:disabled{opacity:.45}
.care-note{background:#f1ece6;border:0;border-radius:16px;padding:16px;gap:10px}.care-note p{font-size:12px;line-height:1.9}.care-note>svg{color:#88776b}
.choices{gap:8px}.choice{min-height:44px;border-radius:12px;border-color:var(--line);font-size:13px}.choice.selected{background:#ede6df;border-color:#a99d95;color:#554a42}.choice:has(:focus-visible){outline:2px solid #665951;outline-offset:2px}
.stepper{border-radius:12px;background:#f3efeb}.stepper button{min-width:36px;min-height:40px}.stepper span{min-width:22px;font-size:13px}
.bottom-action{min-height:80px;padding:12px 18px;background:#fefefdf5;border-top:1px solid var(--line);gap:14px;box-shadow:0 -8px 24px #50453e05}.bottom-action .dw-btn{flex:1;min-width:0;width:auto}.action-price strong{font-weight:550;font-size:23px}.action-price small,.bottom-action .action-price small{font-size:10px;color:var(--subtle)}
.care-basket-orb,.basket-orb.care-basket-orb.expanded{width:44px;height:44px;bottom:74px;right:16px;background:#fbfaf8;color:#61544c;border:1px solid #dcd4ce;box-shadow:0 4px 12px #3e342e12}.care-basket-orb .orb-icon{width:44px;min-width:44px;height:44px}.care-basket-orb .orb-icon b{background:#61544c;color:#ffffff}.care-basket-orb .orb-message{display:none}
.dw-sheet,.dw-confirm{background:var(--bone);border-color:var(--line);border-radius:24px}.dw-sheet{border-radius:26px 26px 0 0}.dw-sheet h2{font-size:19px}
[data-sonner-toast][data-styled=true]{background:#fbfaf8!important;border-color:#e2dbd6!important;color:#534841!important;box-shadow:0 5px 20px #3e342e12!important;border-radius:16px!important}[data-sonner-toast] [data-description]{color:#79695f!important}[data-sonner-toast] [data-icon]{color:#7b6b60!important}
/* Shop: the choice is the hero; evidence is nearby, not a second sales pitch. */
.purchase-photo{margin:0 18px;border-radius:22px;overflow:hidden;height:clamp(140px,23svh,205px)}.purchase-core{padding:18px 22px}.purchase-heading h1{font-size:25px;font-weight:550}.purchase-heading strong{color:var(--ink);font-weight:550}.purchase-heading span{font-size:11px;color:var(--subtle)}
.purchase-trust{margin:17px 0 22px;border-radius:14px;background:#f2eee9;border:0;min-height:56px}.purchase-trust strong{font-size:12px}.purchase-label{margin-bottom:10px}.purchase-label h2{font-size:14px}.purchase-label>span{font-size:10px}.purchase-options{margin-top:19px}.purchase-quantity{margin-top:20px;padding-top:16px}.purchase-secondary{padding:0 22px 20px}.purchase-secondary>p{font-size:13px;line-height:1.9}.cooking-tips{margin:0 18px;border-radius:20px;background:#f0eae3}.cooking-tips p{font-size:13px;line-height:1.9}
.basket-intro{padding-top:12px}.basket-intro>.eyebrow{display:none}.basket-intro h2{font-size:21px;line-height:1.55;font-weight:500}.basket-intro h2 br{display:none}.basket-context{font-size:11px}.basket-config{min-height:36px;border-radius:9px}.basket-item-title button{min-width:34px;min-height:34px}.basket-cost{font-size:13px}
.product-visual{border-radius:19px}.product-copy .fresh-label.compact{display:none}.product-price>span{color:var(--ink)}.add-round{border:0;color:var(--brick);min-width:36px;min-height:36px}.product-copy>p{font-size:11px}.product-name{min-height:36px;font-weight:550}.search-suggestions button{min-height:40px}.scene-chips button{min-height:40px;border-radius:14px}.category-tabs{min-height:48px}
/* An appointment is not the same thing as confirmation. */
.delivery-confirm-setting{margin:18px 0 8px;background:#f2ede7;border:1px solid #ddd6d1;border-radius:18px;padding:16px}.delivery-confirm-setting strong{font-size:13px}.delivery-confirm-setting small{font-size:11px;line-height:1.9}.delivery-wave{border-radius:20px;background:var(--bone)}.slot-choices button{min-height:64px;border-radius:13px}.slot-choices button.selected{border-color:#a3978f;background:#f2ede7;color:#574c44}.slot-choices strong{font-size:14px}.slot-choices small{font-size:10px}
.inline-error,.stock-alert,.payment-error{color:#965137}.stock-alert,.payment-error{border-radius:16px;background:#faf0e8;border:1px solid #ebd8c5;padding:16px}.delivery-deadline{color:#955d39}.delivery-card.awaiting{border-color:#dec9aa;background:#fcfaf4}.delivery-card.awaiting .delivery-card-top>b{background:#f2e6d2;color:#815f36}.delivery-card.ready{background:#f3efeb;border-color:#dad2cb}.delivery-card.stopped{background:#f3efea;border-color:#ded7d1}.delivery-card h2{font-size:20px;font-weight:550}.delivery-card{border-radius:22px}.delivery-schedule{border-radius:13px}.delivery-rule{font-size:12px;line-height:1.8}
.success-hero{padding:22px 0 26px;text-align:left}.success-hero h1{font-size:27px;font-weight:500;line-height:1.55}.success-hero .eyebrow{display:none}.success-seal{width:56px;height:56px;margin:0 0 18px}.success-hero>p:last-child{font-size:13px;margin-top:12px}.care-success-pending .success-seal{background:#f0e9d9;color:#896b43;border-color:#dcd0b4}.success-ticket{border-radius:22px;text-align:left}.success-ticket h3{font-size:20px}.success-ticket>div>strong{font-size:26px}.success-ticket .eyebrow{font-size:9px}
.order-status{padding:12px 0 20px;gap:12px}.order-status h1{font-size:24px;font-weight:550}.order-status p{font-size:12px;line-height:1.8}.order-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.order-actions>.dw-btn{min-width:0;width:100%;white-space:normal;flex-shrink:1}.order-card{border-radius:20px;padding:20px}.order-card>div:first-child{flex-wrap:wrap;gap:10px}.order-card>div:first-child>span{font-size:10px;color:var(--subtle)}.care-process{border-block:1px solid var(--line);margin:20px 0;padding:0}.care-process summary{padding:16px 0;font-size:12px;color:var(--brick);cursor:pointer}.care-process .meat-timeline{margin-top:10px}.order-address{font-size:12px}.order-address p{font-size:13px}
/* Home has a living state: the booked meal comes before the next inspiration. */
.care-delivery-desk{padding:10px 18px 22px;border-bottom:1px solid var(--line);margin-bottom:18px}.care-delivery-desk>header{padding:0 6px 18px}.care-delivery-desk>header p{font-size:10px;color:#7e765f;letter-spacing:1px}.care-delivery-desk>header h2{font-size:27px;font-weight:500;margin-top:8px}.care-delivery-desk .delivery-card{margin:0}.care-delivery-desk details{margin-top:10px;border:1px solid var(--line);border-radius:16px;overflow:hidden}.care-delivery-desk summary{padding:15px 12px;font-size:12px;cursor:pointer}.care-delivery-desk summary span{display:block;font-size:10px;color:#866c49;margin:5px 0 0 15px}.care-home-error{padding:25px 22px}.study-opening:has(.care-delivery-desk){min-height:0}.study-opening:has(.care-delivery-desk) .study-bridge{margin-bottom:16px}
/* Plan: one meal at a time, procurement next, optional inspiration last. */
.care-root-heading{display:flex;align-items:center;justify-content:space-between;padding:26px 0 22px}.care-root-heading p{font-size:9px;letter-spacing:1.5px;color:#89776b}.care-root-heading h1{font-size:27px;font-weight:500;line-height:1.5;letter-spacing:.5px;margin-top:8px}.care-root-heading h1 span{color:#827166}.care-root-heading>button{min-width:44px;min-height:44px;color:#665950}
.plan-page .family-chips{margin:0 0 20px;min-height:44px;background:none;border-block:1px solid var(--line);border-radius:0;padding-block:8px}.plan-page .family-chips>span{font-size:11px;border:0;background:none}.calendar-view-heading{margin-top:0}.calendar-view-heading>strong{font-size:17px}.calendar-week-switch button,.calendar-expand{min-height:36px}.compact-day.selected{border-color:#9d9088;background:#f1ece7}.compact-day.selected .compact-day-name{color:#574c44}.compact-period.active{border-color:#9b8d84;background:#f2ede7;box-shadow:none}.compact-period{border-radius:15px}.compact-period strong{font-size:13px}.compact-period small{font-size:10px}.compact-meal-orb{box-shadow:none}.menu-dish-card{border-radius:20px;box-shadow:none;border:1px solid var(--line)}.menu-dish-actions button{min-height:38px}.menu-purchase-strip{border-radius:12px;background:#eee7e0}.menu-purchase-strip button{min-height:40px}.menu-dish-type{background:#faf8f6e8;color:#61544c}.procurement{margin-top:25px;padding:0 0 24px;border-bottom:1px solid var(--line)}.procurement .section-head{margin-top:0}.procurement p{font-size:11px}.care-plan-extras{margin:20px 0 0}.care-plan-extras>summary{display:flex;justify-content:space-between;gap:12px;padding:16px 0;font-size:13px;cursor:pointer;color:var(--brick)}.care-plan-extras>summary span{font-size:10px;color:var(--subtle)}.care-plan-extras[open]>summary{border-bottom:1px solid var(--line)}
.choices[aria-label="选择餐次日期"]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.choices[aria-label="选择餐次日期"] .choice{padding:0;min-width:0;font-size:11px}.recommend-hero{height:215px;border-radius:22px}.recommend-heading h1{font-size:24px;font-weight:550}.recommend-context{font-size:11px}.replace-button{min-height:40px}.why-card{border-radius:18px;background:#f2eee9}.why-card li{font-size:12px}.balance-card{border-radius:20px;background:#f2ede7}.balance-numbers strong{font-weight:500}.balance-card .protein-progress{display:none}.balance-card .small-meta{font-size:11px}
/* Mine: current business first, familiar household details second. */
.care-mine{padding-top:26px}.care-mine .mine-header{margin:0 0 24px;align-items:center;justify-content:space-between}.care-mine .mine-header .eyebrow{display:block;font-size:9px;margin-bottom:10px}.care-mine .mine-header h1{font-size:26px;font-weight:500;letter-spacing:.3px}.care-mine .mine-header p:last-child{font-size:11px;line-height:1.8;margin-top:8px}.care-mine .section-head{margin-top:0}.care-order-links{display:grid;gap:10px;margin-bottom:24px}.care-order-links>button{display:flex;align-items:center;gap:13px;min-height:76px;padding:15px 16px;background:#fefefd;border:1px solid var(--line);border-radius:18px;text-align:left}.care-order-links>button>svg:first-child{color:#837267}.care-order-links>button>svg:last-child{margin-left:auto;color:#897a70}.care-order-links b{display:block;font-size:14px;font-weight:500}.care-order-links small{font-size:10px;color:#8a7b71;display:block;margin-top:5px}
.care-mine .family-home-card{margin:0 0 18px;background:linear-gradient(120deg,#ede7e0,#f3efea);color:#554a43;border:1px solid #e2dbd6;border-radius:23px;padding:22px}.care-mine .family-home-card .eyebrow{color:#87766a;font-size:9px}.care-mine .family-home-card h2{font-size:22px;font-weight:500;line-height:1.6;margin:12px 0 18px}.care-mine .family-home-card>div{border-color:#dbd3cd;font-size:11px}.care-mine .settings-list{margin:0}.care-mine .row-link{padding-block:17px}.care-mine .row-copy strong{font-size:13px;font-weight:500}.care-mine .row-copy small{font-size:10px}.care-mine .mine-subscription{margin:24px 0 0;background:none;border-block:1px solid var(--line);border-radius:0;padding:22px 0}.care-mine .mine-subscription strong{font-size:13px;font-weight:500}.care-mine .mine-subscription p{font-size:11px}.care-pending{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;background:#faf3e5;border:1px solid #e6d9bd;border-radius:18px;text-align:left;margin-bottom:26px;width:100%}.care-pending small{font-size:11px;color:#89673d}.care-pending b{display:block;font-size:14px;font-weight:500;margin:7px 0}.care-pending p{font-size:10px;color:#8a7b64}
.recipe-detail-image{margin:0 18px;border-radius:23px;overflow:hidden;height:260px}.recipe-detail h1{font-size:28px;font-weight:500}.recipe-steps li{gap:16px}.recipe-steps p{font-size:14px;line-height:1.9}.passport{border-radius:23px}.passport h1{font-size:24px;font-weight:500}.timeline-title h3{font-size:14px}.timeline-event p{font-size:12px;line-height:1.9}.family-profile-intro{padding-top:12px}.family-profile-intro h2{font-size:22px;font-weight:500}.family-profile-intro p{font-size:13px}.address-option{border-radius:18px}.subscription-hero h1{font-size:34px;font-weight:450}.subscription-hero{padding-top:18px}.subscription-hero>p{font-size:13px}.points-card{border-radius:22px}.feedback-input{border-radius:16px;font-size:14px}
@media(max-width:360px){.page-pad{padding-inline:16px}.page-header{padding-inline:10px}.bottom-action{flex-wrap:nowrap;gap:8px;padding-inline:12px}.bottom-action .dw-btn{font-size:12px;padding-inline:12px}.action-price strong{font-size:20px}.bottom-action .basket-mini{min-width:32px}.care-root-heading h1,.care-mine .mine-header h1{font-size:24px}.calendar-heading-actions{gap:3px}.calendar-expand{font-size:10px;padding-inline:4px}.calendar-week-switch button{font-size:10px;padding-inline:5px}.care-root-heading{padding-top:20px}.recipe-action .text-link{font-size:11px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-price{flex-wrap:wrap}.balance-numbers{gap:14px;flex-wrap:wrap}.stepper button{min-width:32px}.basket-item{gap:10px}}
@media(prefers-reduced-motion:reduce){.app-content,.timeline-event,.planned-meal{animation:none}}
.care-root-heading{padding:20px 0 16px}.care-root-heading h1{font-size:23px;line-height:1.45;margin-top:8px}.care-root-heading>button{display:flex;gap:6px;align-items:center;justify-content:center}.care-root-heading>button small{font-size:10px}.plan-page .family-chips{margin-bottom:16px}.menu-dish-image{height:130px}
.care-mine .family-home-card>div>span{color:#76665c}.care-mine .family-home-card>div{border-top-color:#dbd3cd}
.scene-chips{max-width:100%;min-width:0;box-sizing:border-box}.scene-chips button{flex-shrink:0}.order-status:has(.lucide-clock) .status-icon{background:#f1e9d8;color:#846947}
@media(max-width:360px){.scene-chips{margin-inline:0;padding-inline:0;overflow-x:auto}}
/* Study 11: a small preparation counter, not four competing display panels. */
.care-product-intro{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;align-items:center;margin:8px 22px 22px}
.care-product-intro .purchase-photo{height:120px;margin:0;border-radius:18px;box-shadow:0 2px 4px #3f36300a,0 8px 18px #3f36300c}
.care-product-intro .purchase-photo>span{font-size:9px;padding:5px 7px;bottom:8px;left:8px;right:auto}
.care-product-summary{min-width:0}.care-product-summary .purchase-heading{display:block;margin:0}.care-product-summary .purchase-heading h1{font-size:24px;margin:0 0 8px;font-weight:500}.care-product-summary .purchase-heading strong{font-size:20px}
.care-product-summary .purchase-trust{display:flex;align-items:center;justify-content:flex-start;gap:6px;min-height:44px;width:fit-content;margin:3px 0 0;padding:0;background:none;border:0;border-radius:6px;color:#7b6b60;font-size:12px}
.care-product-summary .purchase-trust>span{flex:none;display:inline}.care-product-summary .purchase-trust>svg:last-child{margin-left:0}
.product-purchase .purchase-core{padding:0 22px 22px}
.product-purchase .purchase-quantity{margin:0;padding:14px 0 0;border-top:1px solid var(--line);min-height:58px}.product-purchase .purchase-quantity>span{font-size:13px}.product-purchase .purchase-quantity small{font-size:11px;margin-left:8px}
.product-purchase .stepper{background:none;border:1px solid var(--line);border-radius:12px}.product-purchase .stepper button{min-width:44px;min-height:44px}.product-purchase .stepper span{min-width:28px}
.product-purchase .purchase-secondary{border-top:1px solid var(--line);padding-top:18px;margin:0 22px;padding-inline:0}
.product-purchase .purchase-recipe{margin:0 0 14px;font-size:12px;line-height:1.7}
@media(max-width:360px){.care-product-intro{grid-template-columns:96px minmax(0,1fr);gap:16px;margin-inline:18px}.care-product-intro .purchase-photo{height:108px}.care-product-summary .purchase-heading h1{font-size:22px}.product-purchase .purchase-core{padding-inline:18px}}
/* Study 13: portion size and cut define one piece; quantity multiplies it. */
.product-purchase .purchase-core{padding-bottom:20px}
.care-product-intro{margin-bottom:16px}
.portion-sheet{position:relative;isolation:isolate;padding:15px 0 12px;border-block:1px solid transparent;border-inline:0;border-radius:0;background:linear-gradient(90deg,transparent,#d2c9c299 22%,#d2c9c299 78%,transparent) top/100% 1px no-repeat,linear-gradient(90deg,transparent,#d2c9c299 22%,#d2c9c299 78%,transparent) bottom/100% 1px no-repeat,radial-gradient(ellipse at 50% 0%,#8d7e741a 0%,#a79c940a 42%,transparent 74%) top/100% 25px no-repeat,radial-gradient(ellipse at 50% 100%,#8d7e7414 0%,#a79c9407 42%,transparent 74%) bottom/100% 20px no-repeat,radial-gradient(ellipse at 30% 15%,#fefefd55,transparent 65%),linear-gradient(90deg,#f3efea00,#f3efea 14%,#f3efea 86%,#f3efea00)}
.portion-sheet::before{content:"";position:absolute;inset:1px 0;pointer-events:none;opacity:.12;background-size:96px 96px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23grain)' d='M0 0h192v192H0z'/%3E%3C/svg%3E");mask-image:linear-gradient(90deg,transparent,#000000 16%,#000000 84%,transparent)}
.portion-sheet::after{content:"";position:absolute;inset:1px 0;pointer-events:none;background:linear-gradient(125deg,transparent 8%,#fefefd45 35%,#fefefd08 60%,transparent 86%);z-index:-1}
.portion-sheet>section,.portion-sheet>.portion-quantity{position:relative}
.portion-label{display:flex;align-items:center;justify-content:space-between;gap:8px}.portion-label h3{font-size:12px;font-weight:500;letter-spacing:0}.portion-label>span{font-size:10px;color:var(--subtle)}
.product-purchase .portion-sheet .choices{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;margin:0}
.product-purchase .portion-sheet .choice{min-width:0;width:100%;min-height:44px;padding:6px 2px;border:0;border-radius:9px;font-size:12px;line-height:1.5;box-shadow:none;white-space:nowrap;transition:background-color .18s,color .18s}
.product-purchase .portion-sheet .choice:before{display:none}
.portion-weight>.choices{margin-top:9px!important;padding:3px;background:transparent;border-radius:0}
.product-purchase .portion-weight .choice.selected{background:#fefefd;box-shadow:inset 0 0 0 1px #e0dad5,0 1px 2px #3f36300d,0 4px 10px #3f36300a;color:#594e46}
.portion-cut{margin-top:12px}.portion-help-toggle{display:flex;gap:5px;align-items:center;min-height:44px;color:#72645a;font-size:11px;padding:0}.portion-help-toggle svg{transition:transform .18s}.portion-help-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.product-purchase .portion-cut>.choices{padding:4px;background:transparent;border-radius:0;gap:3px}
.product-purchase .portion-cut>.choices .choice{display:flex;flex-direction:column;gap:5px;min-height:74px;padding:10px 2px;border-radius:9px;color:#75665c}
.product-purchase .portion-cut>.choices .choice.selected{background:#fefefd;color:#574c45;box-shadow:inset 0 0 0 1px #e0dad5,0 1px 2px #3f36300d,0 4px 10px #3f36300a}
.product-purchase .portion-cut .choice .cut-pattern{display:block;width:36px;height:26px;animation:none}
.portion-cut-note{display:flex;justify-content:space-between;padding-top:7px;color:#908278;font-size:9px}
.portion-help{margin-top:12px;padding:12px 0;border-top:1px dashed #e2dbd6}.portion-help p{font-size:11px;line-height:1.8;color:var(--subtle);margin-bottom:7px}.product-purchase .portion-help .choice.selected{background:#ede7e0;color:#594e46}.portion-help .portion-suggestion{margin:8px 0 0;color:#594e46}
.product-purchase .portion-quantity{margin-top:15px;padding-top:11px;min-height:57px;border-top:1px solid transparent;background:linear-gradient(90deg,transparent,#d6cec799 22%,#d6cec799 78%,transparent) top/100% 1px no-repeat}.product-purchase .portion-quantity>span{font-size:12px}.product-purchase .portion-quantity small{display:block;margin:3px 0 0;font-size:10px;color:#887a70}
.product-purchase .action-price small{font-size:10px;white-space:nowrap}
@media(max-width:360px){.product-purchase .portion-sheet .choice{font-size:11px}.product-purchase .portion-cut .choice .cut-pattern{width:34px}.product-purchase .action-price small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.product-purchase .portion-sheet .choice,.portion-help-toggle svg{transition:none}}
/* Study 14: a complete purchase surface, with information available on request. */
.app-frame:has(.product-purchase){container-type:size}
.app-frame:has(.product-purchase) .app-scroll.detail-scroll{padding-bottom:81px}
.purchase-stage{display:flex;flex-direction:column;min-height:calc(100svh - 145px);min-height:calc(100cqh - 145px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.38' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath opacity='.035' filter='url(%23paper)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.purchase-stage .care-product-intro{grid-template-columns:clamp(112px,calc(36cqh - 125.3px),184px) minmax(0,1fr);margin-top:clamp(8px,calc(8cqh - 45px),24px);margin-bottom:8px}.purchase-stage .purchase-photo{height:clamp(112px,calc(36cqh - 125.3px),184px)}
.purchase-stage .purchase-core{padding-bottom:8px;margin-top:auto;margin-bottom:0}
.purchase-stage .portion-sheet{padding-top:clamp(15px,calc(10cqh - 51px),32px);padding-bottom:clamp(12px,calc(10cqh - 54px),30px)}
.purchase-stage .portion-cut{--cut-gap:clamp(8px,calc(8cqh - 43px),20px);margin-top:var(--cut-gap)}
.purchase-stage .portion-cut::before{content:"";position:absolute;top:calc(var(--cut-gap) / -2);left:50%;transform:translateX(-50%);width:64px;height:1px;background:linear-gradient(90deg,transparent,#a5989080 35%,#a5989080 65%,transparent);pointer-events:none}
.purchase-stage .portion-quantity{margin-top:clamp(15px,calc(12cqh - 64px),36px)}
.portion-label h3 small{font-size:10px;font-weight:400;color:#8a7b71;letter-spacing:0;margin-left:4px}
.product-story{display:flex;align-items:center;gap:12px;margin:0 22px 8px;min-height:44px}
.product-story>p{flex:1;min-width:0;font-family:"Songti SC","Noto Serif CJK SC","Source Han Serif SC",serif;font-size:12.5px;font-weight:400;line-height:1.75;color:#72645a;letter-spacing:.25px}
.product-info-entry{display:flex;align-items:center;gap:4px;min-height:44px;flex-shrink:0;padding:0;text-align:left;color:#6c5e55}
.product-info-entry>span{font-size:10px}.product-info-entry>svg{color:#857468}
.product-info-body .purchase-secondary{margin:0;padding:0 0 18px;border:0}.product-info-body .purchase-secondary>p{font-size:13px;line-height:1.9}.product-info-body .cooking-tips{margin:0;padding:18px;border-radius:16px}.product-info-body .cooking-tips-title>span{display:none}.product-info-body .cooking-tips h2{font-size:15px}.product-info-body>.disclosure{margin-top:15px}
.product-purchase .bottom-action{background:#fefefd;box-shadow:0 -2px 8px #3f363006,0 -8px 20px #3f363004}
.product-purchase .bottom-action .dw-btn.primary{box-shadow:inset 0 1px 0 #ffffff18,0 2px 5px #3f36300b}
@media(max-width:360px){.purchase-stage .care-product-intro{grid-template-columns:96px minmax(0,1fr)}.purchase-stage .purchase-photo{height:104px}.product-story{margin-inline:18px;gap:8px}.product-story>p{font-size:12px}}

/* Study 16 — a complete consumer suite. Explicitly excludes market/product. */
.suite-other{--suite-edge:#e0dad5;--suite-shadow:0 1px 2px #3f36300a,0 5px 14px #3f363008;--suite-rule:linear-gradient(90deg,transparent,#d4cbc480 12%,#d4cbc480 88%,transparent)}
.suite-other .app-content{min-height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.38' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath opacity='.025' filter='url(%23p)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.suite-other .page-header{margin-bottom:14px;background:transparent}
.suite-other .page-header .eyebrow{display:none}
.suite-other .section-head{margin:26px 0 14px}
.suite-other .section-head h2{font-size:17px;font-weight:500;letter-spacing:.2px}
.suite-other .section-head .eyebrow{display:none}
.suite-other .product-description{font-size:13px;line-height:1.9;color:#74655b}
.suite-other .disclosure{font-size:11px;line-height:1.9;padding-block:14px}
.suite-other .small-meta{font-size:11px;line-height:1.8}
.suite-other .choice{background:transparent;border-color:transparent;border-radius:9px}
.suite-other .choice.selected{background:#fefefd;border-color:var(--suite-edge);box-shadow:var(--suite-shadow);color:#594e46}
.suite-other .bottom-action{background:#fefefd;box-shadow:0 -2px 8px #3f363006,0 -8px 20px #3f363004}
.suite-other .dw-btn{border-radius:12px;font-weight:500}
.suite-other .dw-btn.primary{box-shadow:inset 0 1px 0 #ffffff18,0 2px 5px #3f36300b}
.suite-other .care-note{border-radius:0;background:linear-gradient(90deg,#f1ece700,#f1ece7 12%,#f1ece7 88%,#f1ece700);padding:16px 8px;margin-block:20px}
.suite-other .care-note p{font-size:12px;color:#72645a;line-height:1.85}
.suite-other .care-note>svg{width:16px;height:16px;margin-top:3px}
.suite-other .stepper{background:transparent;border:1px solid var(--suite-edge);border-radius:10px}
.suite-other .stepper button{min-width:40px;min-height:44px}
.suite-other .row-link{padding:18px 0;border-color:#e2dcd8}
.suite-other .row-copy strong{font-size:14px;font-weight:500}
.suite-other .row-copy small{font-size:11px;line-height:1.75;color:#7d6d62}
.suite-other .row-link>svg{stroke-width:1.3;color:#817166}
.suite-other .empty-state{padding:38px 18px}
.suite-other .empty-state h2{font-size:21px;font-weight:500}
.suite-other .empty-state p{font-size:13px;line-height:1.9}
.suite-other .empty-state>svg{stroke-width:1.2}
.suite-other .search-input{background:#fefefd;border:1px solid var(--suite-edge);border-radius:12px;box-shadow:var(--suite-shadow)}
.suite-other .product-visual{border-radius:16px;box-shadow:0 4px 12px #3f36300a}
.suite-other .scene-chips button{border-radius:9px}
.suite-other .scene-chips button.active{background:#61544c;color:#fefefd}
.suite-other .product-name{font-size:16px;font-weight:500}
.suite-other .product-price>span{font-size:19px}
.suite-other .category-tabs{border-color:var(--suite-edge)}
/* Plan: calendar ink, quiet selected dates, food-led meal cards. */
.suite-other .care-root-heading{padding:25px 0 18px}
.suite-other .care-root-heading p{font-size:10px;letter-spacing:1px}
.suite-other .care-root-heading h1{font-size:25px;font-weight:450;margin-top:10px}
.suite-other .plan-page .family-chips{margin-bottom:20px;background:var(--suite-rule) bottom/100% 1px no-repeat;border:0;padding:5px 0 14px}
.suite-other .calendar-view-heading>strong{font-size:15px;font-weight:500}
.suite-other .calendar-week-switch{background:#f0eae4;border-radius:9px;padding:3px}
.suite-other .calendar-week-switch button{border-radius:7px;min-height:36px}
.suite-other .compact-day{border-radius:10px;border-color:transparent}
.suite-other .compact-day.selected{background:#fefefd;border-color:var(--suite-edge);box-shadow:var(--suite-shadow)}
.suite-other .compact-day-name{font-size:11px;font-weight:500}
.suite-other .compact-meal-orb{background:#e9e5e1}
.suite-other .compact-period{background:transparent;border-radius:10px;border-color:#e4deda}
.suite-other .compact-period.active{background:#fefefd;border-color:var(--suite-edge);box-shadow:var(--suite-shadow)}
.suite-other .compact-period svg{stroke-width:1.3}
.suite-other .menu-purchase-strip{background:linear-gradient(100deg,#eee7e0,#f4f0ec);border-radius:10px;font-weight:400}
.suite-other .menu-dish-card{border-radius:16px;border-color:var(--suite-edge);background:#fefefd;box-shadow:var(--suite-shadow)}
.suite-other .menu-dish-name strong{font-weight:500}
.suite-other .menu-dish-copy{padding:12px}
.suite-other .menu-dish-facts strong{font-weight:500}
.suite-other .menu-dish-actions button{border-radius:8px;min-height:40px}
.suite-other .menu-dish-actions button.primary{background:#f2ede7}
.suite-other .menu-add-card{border-radius:16px;border-color:#d7cec7;background:transparent}
.suite-other .procurement{padding-top:23px;background:var(--suite-rule) top/100% 1px no-repeat;border-bottom:0}
.suite-other .care-plan-extras{border-top:1px solid #e4deda}
.suite-other .page-question{font-size:18px;font-weight:500;margin:8px 0 18px}
.suite-other .method-card{border:0;border-bottom:1px solid #e2dcd8;border-radius:0;background:none;padding:22px 4px;box-shadow:none}
.suite-other .method-card.sage{background:linear-gradient(90deg,transparent,#f2ede7,transparent)}
.suite-other .method-card>svg{stroke-width:1.25}
.suite-other .method-card strong{font-weight:500}
.suite-other .recommend-hero{height:210px;border-radius:18px;box-shadow:var(--suite-shadow)}
.suite-other .recommend-heading h1{font-size:25px;font-weight:500}
.suite-other .recommend-heading .eyebrow:empty{display:none}
.suite-other .recommend-meat{padding-block:17px;border-color:#e2dcd8}
.suite-other .why-card{border-radius:0;border:0;border-block:1px solid #e2dcd8;background:linear-gradient(90deg,transparent,#f2ede7,transparent);padding:18px 8px}
.suite-other .why-card li{font-size:12px;line-height:1.9}
.suite-other .balance-card{border:0;border-block:1px solid #e2dcd8;border-radius:0;background:linear-gradient(120deg,#f1ebe5,#f6f3ef);padding:22px 16px}
.suite-other .balance-card h2{font-size:19px;font-weight:500}
.suite-other .balance-meal{padding-block:19px;border-color:#e2dcd8}
.suite-other .recipe-detail-image{height:230px;border-radius:18px;box-shadow:var(--suite-shadow)}
.suite-other .recipe-detail h1{font-size:27px;font-weight:450}
.suite-other .recipe-detail>.product-description{font-family:"Songti SC","Noto Serif CJK SC",serif}
.suite-other .ingredient-meat{border:0;border-block:1px solid #e2dcd8;background:transparent;border-radius:0;padding:16px 0}
.suite-other .ingredient-meat img{border-radius:12px}
.suite-other .recipe-steps p{font-size:13px;line-height:1.9}
/* Basket and appointments: an itemised receipt, not a stack of marketing cards. */
.suite-other .basket-intro{padding:12px 0 20px;background:var(--suite-rule) bottom/100% 1px no-repeat;border:0}
.suite-other .basket-intro h2{font-size:25px;font-weight:450}
.suite-other .basket-intro>div{margin-top:14px;color:#78685e}
.suite-other .basket-group{border:0;border-bottom:1px solid #e2dcd8;border-radius:0;padding:20px 0;margin:0;background:transparent}
.suite-other .basket-context{padding:0 0 12px;border:0;background:transparent;color:#7b6b60}
.suite-other .basket-item{padding:0;gap:14px}
.suite-other .basket-item-image{width:90px;height:110px;border-radius:13px;box-shadow:var(--suite-shadow)}
.suite-other .basket-item-title h3{font-size:16px;font-weight:500}
.suite-other .basket-item-title button{min-width:40px;min-height:40px;color:#8d7e74}
.suite-other .basket-config{font-size:12px;background:#f2ede7;border-radius:7px;padding-inline:9px}
.suite-other .basket-item-bottom strong{font-weight:500;color:#3c342e}
.suite-other .basket-cost{border-block:1px solid #e2dcd8;background:transparent;border-radius:0;padding:18px 0}
.suite-other .add-more{min-height:48px}
.suite-other .address-card{border:1px solid var(--suite-edge);border-radius:15px;background:#fefefd;box-shadow:var(--suite-shadow);padding:18px}
.suite-other .address-card.invalid{border-color:#ae7159;background:#faf2e9}
.suite-other .address-card strong{font-weight:500;line-height:1.7}
.suite-other .delivery-confirm-setting{border:0;border-block:1px solid #e2dcd8;border-radius:0;background:transparent;padding:18px 0}
.suite-other .delivery-wave{border:0;border-block:1px solid #e2dcd8;border-radius:0;background:linear-gradient(120deg,#f2ede7,#f7f4f1);padding:18px 12px;margin-block:18px}
.suite-other .wave-number{background:transparent;color:#87796f;font-size:22px;font-weight:400}
.suite-other .wave-title h3{font-size:15px;font-weight:500}
.suite-other .slot-choices{gap:6px}
.suite-other .slot-choices button{border-radius:9px;background:transparent;border-color:transparent;min-height:52px}
.suite-other .slot-choices button.selected{background:#fefefd;border-color:var(--suite-edge);box-shadow:var(--suite-shadow)}
.suite-other .slot-choices strong{font-size:13px;font-weight:500}
.suite-other .checkout-item{padding-block:15px;border-color:#e2dcd8}
.suite-other .checkout-item img{border-radius:10px}
.suite-other .bill{background:transparent;border:0;border-top:1px solid #e2dcd8;border-radius:0;padding:18px 0}
.suite-other .bill-total{border-color:#e2dcd8}
/* Orders and provenance: quiet records, legible state, visible recovery. */
.suite-other .order-card{background:#fefefd;border:1px solid var(--suite-edge);border-radius:16px;box-shadow:var(--suite-shadow);padding:20px}
.suite-other .order-card img{border-radius:10px}
.suite-other .order-status{background:linear-gradient(115deg,#f0eae3,#f7f4f1);border:0;border-block:1px solid #e2dcd8;border-radius:0;padding:22px 14px}
.suite-other .order-status h2{font-size:21px;font-weight:500}
.suite-other .delivery-card{border-radius:15px;box-shadow:0 3px 10px #3f363006}
.suite-other .delivery-card h3{font-size:18px;font-weight:500}
.suite-other .delivery-slot{border-radius:10px}
.suite-other .order-address{border-radius:0;background:transparent;border-block:1px solid #e2dcd8;padding:18px 0}
.suite-other .success-hero{padding:25px 0 22px}
.suite-other .success-hero h1,.suite-other .success-hero h2{font-size:27px;line-height:1.6;font-weight:450}
.suite-other .success-seal{width:68px;height:68px;box-shadow:none;border:1px solid #ddd6d0;background:#f2ede8}
.suite-other .care-success-pending .success-seal{border-color:#e3d4b9;background:#f6efdf;color:#86693e}
.suite-other .passport{display:grid;grid-template-columns:1fr 88px;gap:16px;background:transparent;border:0;border-block:1px solid #e2dcd8;border-radius:0;padding:22px 0}
.suite-other .passport>div:first-child{padding:0}
.suite-other .passport h1{font-size:21px;font-weight:500}
.suite-other .passport h1 span{font-size:12px;line-height:1.8;color:#7c6c61}
.suite-other .passport .eyebrow{display:none}
.suite-other .passport-image{width:88px;height:100px;margin:0;border-radius:12px;grid-column:2;grid-row:1}
.suite-other .passport .fresh-label{margin:0;grid-column:1/-1;border:0;padding:0;background:transparent}
.suite-other .passport .barcode{display:none}
.suite-other .passport>code{grid-column:1/-1;padding:0;color:#827166}
.suite-other .timeline-event p{font-size:12px}
.suite-other .timeline-title h3{font-weight:500}
.suite-other .feedback-input{background:#fefefd;border-color:var(--suite-edge);border-radius:12px;min-height:140px}
/* Study23: a compact service directory, never a clipped non-scrolling canvas. */
.suite-other .mine-desk{padding:21px 22px 14px;color:#51463f;min-height:calc(100dvh - 60px);display:flex;flex-direction:column}
.mine-desk>header,.mine-desk>.mine-attention,.mine-desk>.mine-transactions,.mine-desk>.mine-week-entry{flex-shrink:0}
.mine-daily{display:flex;flex-direction:column;flex:1}
.mine-desk-heading{display:flex;align-items:center;justify-content:space-between;min-height:53px;margin-bottom:12px}
.mine-desk-heading h1{font-size:25px;font-weight:450;line-height:1.4;letter-spacing:.025em;margin:0}
.mine-desk-heading p{font-size:11px;color:#8c7c72;margin:5px 0 0;line-height:1.5}
.mine-desk-seal{display:flex;align-items:center;justify-content:center;gap:4px;width:43px;height:43px;border:1px solid #e1dad5;border-radius:50%;background:linear-gradient(145deg,#f9f7f4,#eee8e2)}
.mine-desk-seal i{display:block;width:3px;height:17px;border-radius:3px;background:#988a81;transform:rotate(22deg)}.mine-desk-seal i:nth-child(2){height:23px}
.mine-transactions>header,.mine-daily>header{display:flex;justify-content:space-between;align-items:center;min-height:33px}
.mine-desk h2{font-size:12px;font-weight:500;letter-spacing:.06em;margin:0;color:#7a6a5f}
.mine-transactions>header>button{display:flex;align-items:center;gap:3px;min-height:44px;font-size:11px;color:#8a7b71}
.mine-order-pair{display:grid;grid-template-columns:1fr 1fr;position:relative;margin-top:5px;border-radius:5px;background:linear-gradient(125deg,#f0ebe5,#f5f2ee);box-shadow:inset 0 1px 0 #ffffffbd,0 4px 12px -12px #64574f66}
.mine-order-pair::after{content:'';position:absolute;top:18px;bottom:18px;left:50%;width:1px;background:linear-gradient(180deg,transparent,#d5cdc6,transparent)}
.mine-order-pair button{display:flex;align-items:center;gap:9px;text-align:left;min-height:68px;padding:12px 11px;color:#60544c;font-size:12px}
.mine-order-pair button>svg:first-child{stroke-width:1.25;flex-shrink:0}.mine-order-pair button>svg:last-child{margin-left:auto;stroke-width:1.2;color:#908177;flex-shrink:0}
.mine-week-entry{display:flex;align-items:center;gap:12px;width:100%;min-height:66px;text-align:left;margin:9px 0 14px;padding:9px 2px;border-bottom:1px solid #e2dcd7}
.mine-week-entry>svg{stroke-width:1.3;color:#87766a;flex-shrink:0}.mine-week-entry>svg:last-child{margin-left:auto}
.mine-week-entry b{font-size:13px;font-weight:500;display:block}.mine-week-entry small{font-size:10px;color:#908177;display:block;margin-top:4px;line-height:1.6}
.mine-daily>header>span{font-size:10px;color:#9f928a}
.mine-service-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(68px,1fr);flex:1;margin-top:3px;column-gap:20px}
.mine-service-grid button{display:flex;align-items:center;text-align:left;gap:10px;min-height:68px;border-bottom:1px solid #e5e0db;padding:10px 0;min-width:0}
.mine-service-grid button:nth-last-child(-n+2){border-bottom:0}
.mine-service-grid button>svg{stroke-width:1.3;flex-shrink:0;color:#8d7e74}.mine-service-grid button>svg:last-child{margin-left:auto;color:#aa9f98}
.mine-service-grid button>span{min-width:0}.mine-service-grid b{font-size:12px;font-weight:450;line-height:1.5;display:block}.mine-service-grid small{font-size:9px;color:#918379;display:block;margin-top:4px;line-height:1.6;overflow-wrap:anywhere}
.mine-attention{margin:0 0 8px;padding:0 10px;border-radius:3px;background:#f0eae3}
.mine-attention button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;min-height:49px;padding:8px 0;color:#6a5c53}
.mine-attention button+button{border-top:1px solid #dbd3cd}.mine-attention button>svg{stroke-width:1.4;flex-shrink:0}.mine-attention button>svg:last-child{margin-left:auto}
.mine-attention b{display:block;font-size:11px;font-weight:500}.mine-attention small{display:block;font-size:9px;line-height:1.6;margin-top:3px;color:#908177}
.mine-desk button:focus-visible{outline:2px solid #92847a;outline-offset:2px;border-radius:3px}
@media(max-width:350px){.suite-other .mine-desk{padding:15px 16px 10px}.mine-desk-heading{margin-bottom:10px;min-height:46px}.mine-desk-heading h1{font-size:23px}.mine-order-pair button{gap:6px;padding-inline:8px;min-height:62px;font-size:11px}.mine-service-grid{column-gap:15px}.mine-service-grid button{gap:7px;min-height:61px}.mine-service-grid button>svg:last-child{display:none}.mine-week-entry{margin-bottom:9px;min-height:61px}.mine-attention{margin-bottom:8px}}
@media(max-height:680px){.suite-other .mine-desk{padding-top:15px}.mine-desk-heading{margin-bottom:8px;min-height:48px}.mine-order-pair button{min-height:60px}.mine-week-entry{min-height:58px;margin:6px 0 8px}.mine-service-grid{grid-auto-rows:minmax(60px,1fr)}.mine-service-grid button{min-height:60px}.mine-attention{margin-bottom:6px}}
/* Study24: identity before directory; a warm open surface, not a membership card. */
.suite-other .mine-desk{background:radial-gradient(ellipse 105% 260px at 10% 0%,#eee7d975,transparent 90%),radial-gradient(ellipse 75% 210px at 100% 5%,#e9e5e180,transparent 95%)}
.mine-desk-heading{justify-content:flex-start;gap:19px;min-height:112px;margin-bottom:17px;position:relative}
.mine-identity-avatar{width:72px;height:76px;flex-shrink:0;display:grid;place-items:center;border-radius:44% 46% 43% 45%;background:radial-gradient(ellipse at 28% 18%,#faf8f5b3,transparent 75%),linear-gradient(150deg,#efe9e3,#e5e0db);border:1px solid #faf9f780;box-shadow:0 5px 12px -10px #71635940;color:#8a7b71;position:relative}
.mine-identity-avatar span{font-family:"Songti SC","Noto Serif CJK SC",serif;font-size:27px;font-weight:400;line-height:1}
.mine-identity-copy{min-width:0}
.mine-desk-heading .mine-identity-greeting{font-size:11px;margin:0 0 2px;color:#8f8177;letter-spacing:.12em}
.mine-desk-heading h1{font-family:"Songti SC","Noto Serif CJK SC",serif;font-size:30px;line-height:1.35;font-weight:500;letter-spacing:.06em;color:#4a413b}
.mine-desk-heading .mine-identity-table{font-size:11px;margin:7px 0 0;color:#8b7c72;letter-spacing:.035em}
.mine-desk:has(.mine-attention) .mine-desk-heading{min-height:68px;margin-bottom:12px;gap:17px}
.mine-desk:has(.mine-attention) .mine-identity-avatar{width:60px;height:64px}
.mine-desk:has(.mine-attention) .mine-identity-greeting{display:none}
.mine-desk:has(.mine-attention) .mine-desk-heading h1{font-size:28px}
.mine-daily>header>span{color:#94867d}
@media(max-height:680px){.mine-desk-heading{min-height:88px;margin-bottom:12px}.mine-identity-avatar{width:64px;height:68px}.mine-desk:has(.mine-attention) .mine-desk-heading{min-height:60px;margin-bottom:8px}.mine-desk:has(.mine-attention) .mine-identity-avatar{width:56px;height:58px}.mine-desk:has(.mine-attention) .mine-desk-heading h1{font-size:26px}}
@media(max-height:590px){.mine-desk-heading{min-height:76px;margin-bottom:10px}}
/* Study25: a personal clearing — expressive identity, quiet service directory. */
.suite-other .mine-desk{position:relative;isolation:isolate;background:radial-gradient(ellipse 90% 280px at 100% 0%,#d2c9c14d,transparent 95%)}
.mine-desk::before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:0 0 auto;height:151px;background:radial-gradient(ellipse at 95% 0%,#88796f 0,transparent 65%),linear-gradient(115deg,#443a34,#64574f);border-radius:0 0 42% 0 / 0 0 25px 0}
.mine-desk-heading{isolation:isolate}
.mine-desk-heading::after{content:'';position:absolute;z-index:-1;pointer-events:none;width:132px;height:132px;right:-4px;top:-87px;border-radius:50%;background:linear-gradient(145deg,#eedba9,#b3a8a2);box-shadow:0 0 0 12px #d8cfc80a,0 0 0 27px #d8cfc809;opacity:.9}
.mine-identity-avatar{background:radial-gradient(ellipse at 25% 15%,#fbf9f7,transparent 85%),linear-gradient(145deg,#f2e9ca,#dcd5cf);color:#5e5149;border-color:#fffae6a6;box-shadow:0 7px 18px -11px #152e3480;border-radius:43% 47% 43% 47%;transform:rotate(-5deg)}
.mine-identity-avatar span{transform:rotate(5deg);font-size:29px}
.mine-desk-heading h1{color:#f9f7f5;font-size:32px;text-shadow:0 1px 5px #312a2520}
.mine-desk-heading .mine-identity-greeting{color:#dad3cd}
.mine-desk-heading .mine-identity-table{color:#e2dcd7}
.mine-identity-copy{position:relative;z-index:1}
.mine-order-pair{background:linear-gradient(120deg,#fcfbfa,#f2ede8);box-shadow:inset 0 1px 0 #ffffff,0 5px 15px -12px #64574f40}
.mine-desk:has(.mine-attention)::before{height:101px;border-bottom-right-radius:22px}
.mine-desk:has(.mine-attention) .mine-desk-heading::after{width:110px;height:110px;top:-83px;right:0}
@media(max-height:680px){.mine-desk::before{height:119px}.mine-desk-heading::after{width:116px;height:116px;top:-81px}.mine-desk:has(.mine-attention)::before{height:85px}}
@media(max-height:590px){.mine-desk::before{height:104px}}
/* Study26: leaf canopy, satin-green service layer, then open paper. */
.suite-other .mine-desk{--mine-gutter:22px;background:linear-gradient(120deg,#f6f3f0,#f6f3ef 65%)}
.mine-desk::before{z-index:1;box-shadow:0 1px 0 #e2dcd738,0 9px 16px -12px #302925b3}
.mine-desk-heading{z-index:2}
.mine-service-layer{position:relative;isolation:isolate;display:flex;flex-direction:column;flex-shrink:0}
.mine-service-layer::before{content:'';position:absolute;pointer-events:none;z-index:-1;inset:-24px calc(-1 * var(--mine-gutter)) 14px;background:radial-gradient(ellipse at 85% 0%,#ddd5cf99,transparent 72%),linear-gradient(175deg,#c7bbb2,#dfd8d3 65%,#e9e5e1);border-radius:0 0 18px 18px;box-shadow:inset 0 -1px 0 #ffffffa6,0 10px 16px -14px #483e3899}
.mine-service-layer::after{content:'';position:absolute;pointer-events:none;bottom:14px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#a0938b80 28%,#a0938b80 72%,transparent)}
.mine-service-layer .mine-transactions h2,.mine-service-layer .mine-transactions>header>button{color:#5d5149}
.mine-service-layer .mine-order-pair{background:linear-gradient(125deg,#f6f3f0b8,#f3efeb7a);border-radius:7px;box-shadow:inset 0 1px 0 #ffffffa6,0 5px 13px -11px #4b413b66}
.mine-service-layer .mine-week-entry{border-bottom-color:transparent}
.mine-service-layer .mine-week-entry small{color:#73655b}
.mine-attention{position:relative;z-index:1;box-shadow:0 5px 12px -10px #483e3866}
@media(max-width:350px){.suite-other .mine-desk{--mine-gutter:16px}}
@media(max-height:680px){.mine-service-layer::before{bottom:8px}.mine-service-layer::after{bottom:8px}}
/* Study27: diffuse matte surfaces; boundaries are carried by shade, not rims. */
.mine-desk::before{box-shadow:0 8px 17px -12px #30292599}
.mine-service-layer::before{box-shadow:0 9px 18px -14px #483e3880}
.mine-service-layer::after{opacity:.35}
.mine-service-layer .mine-order-pair{background:linear-gradient(125deg,#eee8e1,#e7e2dd);box-shadow:0 5px 12px -10px #4b413b55}
.mine-desk .mine-identity-avatar{border-color:transparent;background:linear-gradient(145deg,#f0e9cd,#dfd8d3);box-shadow:0 6px 16px -11px #2f282466}
/* Earlier Mine study retained as historical styling for its old component. */
.suite-other .care-mine .mine-header{margin-bottom:28px}
.suite-other .care-mine .mine-header .eyebrow{display:none}
.suite-other .care-mine .mine-header h1{font-size:27px;font-weight:450}
.suite-other .care-order-links{gap:0;border-block:1px solid #e2dcd8;background:linear-gradient(120deg,#f2eee9,#f8f5f2);margin-bottom:26px}
.suite-other .care-order-links>button{border:0;border-radius:0;background:transparent;padding:18px 10px;min-height:79px}
.suite-other .care-order-links>button+button{border-top:1px solid #e2dcd8}
.suite-other .care-order-links>button>svg{stroke-width:1.3}
.suite-other .care-order-links small{font-size:11px;color:#7b6b61}
.suite-other .care-mine .family-home-card{background:transparent;border:0;border-bottom:1px solid #e2dcd8;border-radius:0;padding:0 0 22px;margin:0 0 8px}
.suite-other .care-mine .family-home-card h2{font-family:"Songti SC","Noto Serif CJK SC",serif;font-size:21px;font-weight:400;margin:10px 0 14px}
.suite-other .care-mine .family-home-card>div{border:0;padding-top:0}
.suite-other .care-mine .mine-subscription{margin-top:16px;padding-block:18px}
.suite-other .family-profile-intro{padding:10px 0 24px;text-align:left;border-bottom:1px solid #e2dcd8}
.suite-other .family-profile-intro>svg{display:none}
.suite-other .family-profile-intro h2{font-family:"Songti SC","Noto Serif CJK SC",serif;font-size:24px;font-weight:400}
.suite-other .family-profile-intro p{font-size:12px;margin-top:10px}
.suite-other .address-option{background:transparent;border:1px solid transparent;border-bottom-color:#e2dcd8;border-radius:0;padding:20px 12px}
.suite-other .address-option.selected{background:#fefefd;border-color:var(--suite-edge);border-radius:12px;box-shadow:var(--suite-shadow)}
.suite-other .subscription-hero{padding:10px 0 20px}
.suite-other .subscription-symbol{width:40px;height:40px;margin:0 0 15px;background:none}
.suite-other .subscription-symbol svg{width:28px;height:28px}
.suite-other .subscription-hero .eyebrow{display:none}
.suite-other .subscription-hero h1{font-size:28px;font-weight:400;line-height:1.6;margin:8px 0 14px}
.suite-other .subscription-hero>p:last-child{font-size:12px}
.suite-other .subscription-features>div{padding:18px 0;border-color:#e2dcd8;gap:18px}
.suite-other .subscription-features h3{font-size:15px;font-weight:500}
.suite-other .subscription-features>div>span{font-size:17px;color:#887a70}
.suite-other .points-card{background:linear-gradient(125deg,#efe9e3,#f6f3f0);border-block:1px solid #e2dcd8;border-radius:0;padding:24px 18px}
.suite-other .points-card h1{font-size:44px;font-weight:400}
.suite-other .points-card p{font-size:12px}
.suite-other .points-card .eyebrow{font-size:9px}
/* Portalled sheets inherit this suite only while a non-anchor route is active. */
body:has(.suite-other) :is(.dw-sheet,.dw-confirm){background:#fefefd;border-color:#e0dad5;box-shadow:0 -8px 36px #3f363012}
body:has(.suite-other) .dw-sheet .choice{border-color:transparent;background:transparent;border-radius:9px}
body:has(.suite-other) .dw-sheet .choice.selected{border-color:#e0dad5;background:#f9f7f5;box-shadow:0 1px 2px #3f36300a,0 4px 10px #3f363008}
body:has(.suite-other) .dw-sheet .cut-pattern{stroke-width:.8;opacity:.7}
body:has(.suite-other) .dw-sheet h3{font-size:14px;font-weight:500}
.suite-other .goal-chips button{border-color:transparent;background:transparent;border-radius:9px;min-height:44px}
.suite-other .goal-chips button.selected{background:#fefefd;border-color:var(--suite-edge);box-shadow:var(--suite-shadow)}
.suite-other [data-slot=switch]{position:relative;width:44px;height:26px;padding:2px;border:1px solid #c6bab0;background:#e1dbd6;box-shadow:inset 0 1px 2px #3f36300a}
.suite-other [data-slot=switch]::before{content:"";position:absolute;inset:-9px 0}
.suite-other [data-slot=switch][data-state=checked]{background:#61544c;border-color:#61544c}
.suite-other [data-slot=switch-thumb]{width:20px;height:20px;background:#fefefd;box-shadow:0 1px 3px #3f363020}
.suite-other [data-slot=switch-thumb][data-state=checked]{transform:translateX(18px)}
.suite-other [data-slot=switch-thumb][data-state=unchecked]{transform:translateX(0)}
@media(min-width:361px) and (max-height:740px){
 .suite-other .care-root-heading{padding:16px 0 10px}
 .suite-other .care-root-heading h1{font-size:23px;margin-top:6px}
 .suite-other .plan-page .family-chips{margin-bottom:12px;padding-bottom:10px}
 .suite-other .compact-meal-orb{height:30px;width:30px;margin-top:4px}
 .suite-other .compact-day small{margin-top:3px}
 .suite-other .compact-period{min-height:46px;padding-block:5px}
 .suite-other .menu-dish-image{height:112px}
 .suite-other .menu-dish-copy{padding:9px}
}
/* Small screens retain content and natural scrolling. */
/* Study 17: plan attention order — tools, meal, purchase. No new material. */
.suite-other .care-root-heading{align-items:center;padding:22px 0 20px;gap:8px}
.suite-other .care-root-heading h1{font-size:22px;margin:0;line-height:1.4;white-space:nowrap}
.suite-other .plan-heading-tools{display:flex;align-items:center;gap:5px}
.suite-other .plan-heading-tools button{display:flex;align-items:center;justify-content:center;gap:4px;min-height:44px;min-width:38px;color:#74655b;font-size:11px}
.suite-other .plan-heading-tools small{font-size:10px}
.suite-other .plan-family-tool span{white-space:nowrap}
.suite-other .calendar-view-heading>strong{display:none}
.suite-other .calendar-heading-actions{width:100%;justify-content:space-between}
.suite-other .compact-day:has(.compact-meal-orb.empty)>small,.suite-other .compact-day:has(.compact-meal-orb.pending)>small{visibility:hidden;height:0;margin:0}
.suite-other .compact-meal-orb{background:none;overflow:visible;box-shadow:none;height:33px;margin-top:4px}
.suite-other .compact-meal-orb .compact-half{display:none}
.suite-other .compact-meal-orb.pending::after{content:"";position:absolute;bottom:-3px;left:calc(50% - 2px);width:4px;height:4px;background:#8d7e74;border-radius:50%}
.suite-other .compact-meal-orb :is(.compact-orb-date){color:#463b34;text-shadow:none;font-weight:500}
.suite-other .compact-day{padding-bottom:12px}
.suite-other .compact-periods{margin-top:14px}
.suite-other .compact-period{min-height:44px;justify-content:center;padding:8px}
.suite-other .compact-period>span:nth-child(2){flex:0 1 auto}
.suite-other .compact-period.empty small,.suite-other .compact-period.pending small{display:none}
.suite-other .period-icon{background:none;width:24px;height:24px}
.suite-other .period-icon svg{width:16px;height:16px}
.suite-other .menu-section{margin-top:18px}
.suite-other .menu-dish-card{flex-basis:85%}
.suite-other .menu-dish-image{height:166px}
.suite-other .menu-dish-type{display:none}
.suite-other .menu-dish-copy{padding:10px}
.suite-other .menu-dish-facts{grid-template-columns:auto auto;justify-content:start;gap:12px;padding-bottom:10px}
.suite-other .menu-dish-facts strong{font-size:11px;font-weight:400;color:#78685e;margin:0}
.suite-other .menu-dish-facts span+span{padding-left:12px}
.suite-other .menu-purchase-strip{margin:12px 0 0;min-height:48px;background:transparent;border-block:1px solid #e2dcd8;border-radius:0;padding:9px 0}
.suite-other .menu-purchase-strip>svg{display:none}
.suite-other .menu-purchase-strip strong{font-size:12px;font-weight:400}
.suite-other .menu-purchase-strip>button{min-height:44px;font-size:13px}
.suite-other .menu-add-card{flex-basis:85%}
@media(max-width:360px){.suite-other .care-root-heading{padding:16px 0 12px}.suite-other .plan-page .care-root-heading h1{font-size:19px}.suite-other .plan-heading-tools{gap:0}.suite-other .plan-heading-tools button{min-width:34px}.suite-other .menu-dish-image{height:145px}}
@media(max-width:360px){
 .suite-other .care-root-heading h1{font-size:23px}
 .suite-other .basket-item{gap:10px}
 .suite-other .basket-item-image{width:72px;height:100px}
 .suite-other .basket-item-title h3{font-size:14px}
 .suite-other .basket-config{font-size:11px}
 .suite-other .stepper button{min-width:34px}
 .suite-other .slot-choices{gap:3px}
 .suite-other .slot-choices strong{font-size:12px}
 .suite-other .care-order-links>button{padding-inline:8px}
 .suite-other .recipe-detail-image{height:200px}
}