/* Secondary pages extend the approved Figma home: warm white, ink and coral. */
body[data-theme=illustrated]{--bg:#fffefb;--green:#cc5542;--ink:#1a1a1a;--muted:#999;background:#fffefb;color:#1a1a1a}
body[data-theme=illustrated] .app-illustrated:not(.page-home){max-width:375px;min-height:100dvh;padding-bottom:calc(116px + env(safe-area-inset-bottom));background:#fffefb;color:#1a1a1a;overflow:visible}
body[data-theme=illustrated] .app-illustrated:not(.page-home) .primary,
body[data-theme=illustrated] .app-illustrated:not(.page-home) .a-slip-confirm{background:#cc5542;color:#fff;border:0}
body[data-theme=illustrated] .app-illustrated:not(.page-home) .secondary{background:#fff0ec;color:#a84334}
body[data-theme=illustrated] .app-illustrated:not(.page-home) button{transition:opacity .15s,transform .15s}
body[data-theme=illustrated] .app-illustrated:not(.page-home) button:active{transform:scale(.98)}
.s-top{height:58px;padding:0 20px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;border-bottom:1px solid #f0eeea;background:#fffefb}
.s-top h1{text-align:center!important;font-size:17px!important;font-weight:800!important;color:#1a1a1a}
.s-top button{height:44px;width:44px;min-width:44px!important;padding:0;background:transparent;color:#343434;font-size:32px;line-height:1}
.s-top>span{width:44px}
.s-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:24px 20px 13px}
.s-section-title h2{font-size:20px!important;line-height:1.35;font-weight:800;color:#1a1a1a}
.s-section-title small{font-size:12px;color:#aaa;text-align:right}
.s-empty{min-height:310px;margin:14px 20px;padding:29px 22px 24px;display:flex;align-items:center;flex-direction:column;text-align:center;border:1px solid #f0e9e3;border-radius:20px;background:#fffdfa}
.s-empty-art{height:96px;width:96px;margin:0 0 15px;display:grid;place-items:center;border-radius:50%;background:#fff0e9}
.s-empty-art img{height:62px;width:62px;object-fit:contain}
.s-empty h2{font-size:20px!important;font-weight:800;color:#202020}
.s-empty p{margin:10px 0 23px;color:#999;font-size:13px;line-height:1.7}
.s-empty button,.s-main-action{width:100%;min-height:46px;padding:10px 18px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:25px;background:#cc5542;color:white;font-size:15px;font-weight:700}
.s-empty button span,.s-main-action span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#ffffff24}
.s-search-head{display:flex;align-items:center;gap:9px;padding:16px 20px 4px}
.s-search-field{height:44px;flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:0 14px;border:1px solid #eee4dd;border-radius:23px;background:#f8f5f1}
.s-search-field>span{font-size:24px;line-height:1;color:#8b8b8b}
.s-search-field input{height:42px;min-width:0;width:100%;padding:0;border:0;outline:0;background:transparent;color:#222;font-size:14px}
.s-search-field input::placeholder{color:#aaa}
.s-search-field:focus-within{border-color:#cc5542}
.s-search-field input:focus{outline:0}
.s-search-head>button{min-width:44px;height:44px;padding:0;background:none;color:#cc5542;font-size:14px}
.s-search-start,.s-search-results{padding-bottom:20px}
.s-keywords{display:flex;gap:9px;flex-wrap:wrap;margin:0 20px 3px}
.s-keywords button{min-width:58px;min-height:36px;padding:6px 14px;border-radius:19px;background:#fff1ec;color:#a94b39;font-size:13px}
.s-results-note{margin:17px 20px 0;color:#8e8e8e;font-size:13px}
.s-dish-list{display:grid;gap:10px;margin:0 20px}
.s-dish{min-height:97px;padding:10px;display:flex;align-items:center;gap:11px;border:1px solid #eee9e4;border-radius:15px;background:#fff;box-shadow:0 2px 9px #74452d06}
.s-dish-image{width:76px;height:76px;min-width:76px!important;min-height:76px!important;flex-shrink:0;overflow:hidden;padding:0;border-radius:11px;background:#f5f1ea}
.s-dish-image .dish-photo,.s-dish-image .photo-empty{width:100%;height:100%;object-fit:cover}
.s-dish-copy{min-width:0;flex:1;display:flex;align-items:flex-start;flex-direction:column;text-align:left;padding:0;background:transparent}
.s-dish-copy strong{font-size:16px;line-height:1.3;color:#222;font-weight:800}
.s-dish-copy small{margin-top:5px;font-size:12px;color:#8b8b8b}
.s-dish-copy span{margin-top:7px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aaa;font-size:12px}
.s-dish-add{height:32px;width:32px;min-width:32px!important;min-height:32px!important;flex-shrink:0;border-radius:50%;background:#fff0eb;color:#bd4b39;font-size:23px}
.s-meal-results{display:grid;gap:9px;margin:0 20px}
.s-meal-results button{min-height:70px;width:100%;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;text-align:left;border:1px solid #eee9e4;border-radius:14px;background:#fff}
.s-meal-results b,.s-meal-results small{display:block}.s-meal-results b{font-size:14px;color:#222}.s-meal-results small{margin-top:4px;color:#999;font-size:12px}.s-meal-results em{white-space:nowrap;color:#c45745;font-size:12px;font-style:normal}
.s-favorites-hero,.s-ranking-hero,.s-status-hero{position:relative;overflow:hidden;margin:17px 20px 18px;padding:23px 20px;min-height:162px;border-radius:18px;background:#fff0e9}
.s-favorites-hero small,.s-ranking-hero>span{font-size:10px;letter-spacing:2px;font-weight:800;color:#cc5542}
.s-favorites-hero h2,.s-ranking-hero h2,.s-status-hero h2{position:relative;z-index:1;margin:9px 0 6px!important;font-size:25px!important;line-height:1.3;color:#1d1d1d;font-weight:850}
.s-favorites-hero p,.s-ranking-hero p,.s-status-hero p{position:relative;z-index:1;margin:7px 0 0;font-size:12px;line-height:1.5;color:#9c7f75}
.s-favorites-hero img,.s-ranking-hero img,.s-status-hero img{position:absolute;right:16px;bottom:10px;width:70px;height:70px;object-fit:contain;opacity:.94}
.s-segments{display:flex;gap:4px;margin:0 20px;padding:4px;border-radius:13px;background:#f6f3ef}
.s-segments button{flex:1;min-width:0;min-height:39px;padding:7px 3px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:10px;background:transparent;color:#999;font-size:13px;white-space:nowrap}
.s-segments button[aria-pressed=true]{background:#fff;color:#b64937;font-weight:800;box-shadow:0 1px 5px #4530230f}
.s-segments small{font-size:11px}
.s-favorite-wrap{padding-bottom:9px;border:1px solid #eee9e4;border-radius:15px;background:#fff}
.s-favorite-wrap .s-dish{border:0;box-shadow:none}
.s-favorite-wrap .m-save-favorites{margin:0 10px}
.s-favorite-wrap .m-save-favorites button{border-color:#eee5df!important;border-radius:9px;background:#fffaf6!important;color:#aa6b5f!important}
.s-favorite-wrap .m-save-favorites button[aria-pressed=true]{border-color:#eac5bb!important;background:#fff0ec!important;color:#b94b39!important}
.s-ranking-hero{background:#fce9e0}
.s-ranking-hero img{width:88px;height:88px;right:12px;bottom:8px}
.s-rank-caption{margin:13px 20px 16px;color:#a7a09b;font-size:12px}
.s-podium{min-height:206px;margin:0 20px 18px;padding:15px 12px;display:flex;align-items:flex-end;justify-content:center;gap:8px;border:1px solid #f0e6dc;border-radius:18px;background:linear-gradient(#fffaf5,#fff)}
.s-podium-item{width:31%;min-width:0!important;padding:0 3px 10px;display:flex;align-items:center;flex-direction:column;gap:6px;border-radius:13px 13px 6px 6px;background:#faf2eb;color:#242424}
.s-podium-1{min-height:176px;background:#fbe4d7}.s-podium-2{min-height:149px}.s-podium-3{min-height:130px}
.s-podium-rank{width:25px;height:25px;display:grid;place-items:center;margin-top:-12px;border-radius:50%;background:#e9ae88;color:#fff;font-weight:800}
.s-podium-1 .s-podium-rank{background:#cc5542}.s-podium-3 .s-podium-rank{background:#d2b7a4}
.s-podium-photo{width:65px;height:65px;overflow:hidden;border:3px solid #fff;border-radius:50%;background:#f7f1ea}
.s-podium-photo .dish-photo,.s-podium-photo .photo-empty{width:100%;height:100%;object-fit:cover}
.s-podium-item strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.s-podium-item small{font-size:11px;color:#a47a66}
.s-rank-list{margin:0 20px;display:grid;gap:8px}
.s-rank-list button{min-height:62px;padding:8px 12px;display:flex;align-items:center;gap:11px;border:1px solid #f0e9e3;border-radius:12px;background:#fff;text-align:left}
.s-rank-list b{width:21px;color:#cc5542;font-size:18px}.s-rank-thumb{width:42px;height:42px;overflow:hidden;border-radius:9px}.s-rank-thumb .dish-photo,.s-rank-thumb .photo-empty{width:100%;height:100%;object-fit:cover}
.s-rank-list strong{flex:1;min-width:0;color:#282828;font-size:14px}.s-rank-list small{color:#999;font-size:12px}
.s-ranking-foot{margin:18px 20px;color:#aaa;font-size:11px;text-align:center}
.s-status-hero{min-height:168px;background:#f9efea}.s-status-1{background:#fff0e3}.s-status-2{background:#f0f4e9}
.s-status-hero small{color:#b66b5a;font-size:12px}.s-status-hero h2{max-width:240px;font-size:22px!important}.s-status-hero p{max-width:235px}
.s-status-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;position:relative;margin:20px 30px 27px}
.s-status-steps:before{content:'';position:absolute;left:16%;right:16%;top:16px;height:1px;background:#e6dbd3}
.s-status-steps>div{position:relative;display:flex;align-items:center;flex-direction:column;gap:7px;color:#aaa}
.s-status-steps span{width:33px;height:33px;display:grid;place-items:center;border:1px solid #e6ded8;border-radius:50%;background:#fff;font-size:13px;font-weight:700}
.s-status-steps .is-done span{border-color:#cc5542;background:#cc5542;color:#fff}
.s-status-steps small{font-size:12px}.s-status-steps .is-current small{color:#bf5140;font-weight:800}
.s-status-note{margin:16px 20px;padding:14px 16px;border-radius:12px;background:#fff8f0}.s-status-note b{font-size:13px;color:#9d5a4b}.s-status-note p{margin:6px 0 0;color:#8d8179;font-size:13px}
.s-status-actions{display:grid;gap:10px;margin:25px 20px 0}.s-light-action{min-height:45px;border:1px solid #e8d7cf;border-radius:24px;background:#fff;color:#b45241;font-size:14px}
/* Restyle the existing functional pages with the same palette. */
body[data-theme=illustrated] .app-illustrated .a-top{min-height:58px;padding:6px 16px;background:#fffefb;border-bottom:1px solid #f0eeea}
body[data-theme=illustrated] .app-illustrated .a-top h1{font-size:18px;color:#222}
body[data-theme=illustrated] .app-illustrated .a-top .c-back{background:#fff5f1;border:0;color:#bc5141}
body[data-theme=illustrated] .app-illustrated .a-top .c-share{border-color:#eee6e0;color:#bc5141}
body[data-theme=illustrated] .app-illustrated .a-order-intro{background:#fff0e9;border-color:#f5ded3}
body[data-theme=illustrated] .app-illustrated .a-order-intro h2{color:#272222}
body[data-theme=illustrated] .app-illustrated .a-order-intro>div>span{color:#b85b4b}
body[data-theme=illustrated] .app-illustrated .a-meal-ticket,body[data-theme=illustrated] .n-meal-picker{border-color:#eee5df;background:#fff}
body[data-theme=illustrated] .app-illustrated .a-meal-ticket label,body[data-theme=illustrated] .n-meal-picker label{color:#4b3e39}
body[data-theme=illustrated] .app-illustrated .a-meal-ticket input,body[data-theme=illustrated] .n-meal-picker select{border-color:#eee2da;background:#fffaf7;color:#4b3e39}
body[data-theme=illustrated] .app-illustrated .a-menu-book{border:1px solid #f0eae5;border-radius:17px;background:#fff}
body[data-theme=illustrated] .app-illustrated .search{border-color:#eee2dc;background:#faf7f4;color:#333}
body[data-theme=illustrated] .app-illustrated .search::placeholder{color:#aaa}
body[data-theme=illustrated] .app-illustrated .a-food-tabs button{color:#8c8c8c}
body[data-theme=illustrated] .app-illustrated .a-food-tabs .is-current{border-color:#cc5542;background:#fff0e9;color:#b94c3b}
body[data-theme=illustrated] .app-illustrated .layout-list .a-food-tabs{background:#faf5f1}
body[data-theme=illustrated] .app-illustrated .layout-list .a-food-tabs .is-current{border-color:#cc5542;background:#ffe9df;color:#a84434}
body[data-theme=illustrated] .app-illustrated .m-favorite-entries button{background:#fff4ed;border-color:#f1e1d8;color:#a94e3e}
body[data-theme=illustrated] .app-illustrated .m-favorite-entries button:nth-child(2){background:#fff7f1;border-color:#f1e4da;color:#9c5e48}
body[data-theme=illustrated] .app-illustrated .m-favorite-entries button[aria-pressed=true]{outline-color:#cc5542}
body[data-theme=illustrated] .app-illustrated .m-layout-bar>div{background:#f6f2ee}
body[data-theme=illustrated] .app-illustrated .m-layout-bar button{color:#8e8a86}
body[data-theme=illustrated] .app-illustrated .m-layout-bar button[aria-pressed=true]{color:#b94f3d}
body[data-theme=illustrated] .app-illustrated .m-dish{border-color:#eee8e2}
body[data-theme=illustrated] .app-illustrated .m-dish.is-selected{border-color:#cc5542;background:#fff8f5}
body[data-theme=illustrated] .app-illustrated .m-dish-title{color:#252323}
body[data-theme=illustrated] .app-illustrated .m-dish-copy p{color:#999}
body[data-theme=illustrated] .app-illustrated .m-dish-add{border-color:#f1d5c9;background:#fff0e9;color:#b74836}
body[data-theme=illustrated] .app-illustrated .m-save-favorites button{border-color:#eee3dc;background:#fffaf6;color:#906c61}
body[data-theme=illustrated] .app-illustrated .m-save-favorites button[aria-pressed=true]{border-color:#e6b9ad;background:#fff0e9;color:#b64838}
body[data-theme=illustrated] .app-illustrated .a-order-slip{border-color:#e9d1c7;background:#fff9f5}
body[data-theme=illustrated] .app-illustrated .a-order-slip{width:calc(100% - 32px);max-width:343px;bottom:calc(90px + env(safe-area-inset-bottom));left:50%;right:auto;transform:translateX(-50%)}
body[data-theme=illustrated] .app-illustrated .a-order-slip small{color:#95827a}
body[data-theme=illustrated] .app-illustrated .a-slip-icon{background:#fff0e9;color:#b94b39}
body[data-theme=illustrated] .app-illustrated .c-step-guide .active{background:#fff0e9;color:#b94b39}
body[data-theme=illustrated] .app-illustrated .a-cook-switch{border-color:#eee5df;background:#f6f3ef}
body[data-theme=illustrated] .app-illustrated .a-cook-switch button{color:#928983}
body[data-theme=illustrated] .app-illustrated .a-cook-switch .is-current{border-color:#e9c6ba;color:#b74e3c}
body[data-theme=illustrated] .app-illustrated .a-local-note{color:#9b928e}
body[data-theme=illustrated] .app-illustrated .a-cook-card{border-color:#eee5df}
body[data-theme=illustrated] .app-illustrated .a-cook-card header{border-color:#eee5df}
body[data-theme=illustrated] .app-illustrated .a-cook-card header small{color:#ad5747}
body[data-theme=illustrated] .app-illustrated .a-cook-dishes strong{color:#242424}
body[data-theme=illustrated] .app-illustrated .a-cook-dishes small{color:#999}
body[data-theme=illustrated] .app-illustrated .a-cook-dishes button{border-color:#eee9e4}
body[data-theme=illustrated] .app-illustrated .a-ingredients{background:#fff8f3;color:#75564b}
body[data-theme=illustrated] .app-illustrated .a-ingredients>div{border-color:#eee0d8}
body[data-theme=illustrated] .app-illustrated .a-ingredients .pre{color:#665650}
body[data-theme=illustrated] .app-illustrated .a-ingredients summary span,body[data-theme=illustrated] .app-illustrated .a-ingredients .small{color:#9b8075}
body[data-theme=illustrated] .app-illustrated .a-cook-switch button:last-child{color:#928983}
body[data-theme=illustrated] .app-illustrated .a-packed{color:#a74d3d}
body[data-theme=illustrated] .app-illustrated .a-status{background:#fff0e8;color:#bc5544}
body[data-theme=illustrated] .app-illustrated .a-status.done{background:#eaf2e5;color:#59734a}
body[data-theme=illustrated] .app-illustrated .a-family-card,body[data-theme=illustrated] .app-illustrated .a-diary-cover{border-color:#f0ded4;background:#fff0e9}
body[data-theme=illustrated] .app-illustrated .a-setting-card,body[data-theme=illustrated] .c-notice-card,body[data-theme=illustrated] .app-illustrated .a-diary-page{border-color:#eee6df}
body[data-theme=illustrated] .app-illustrated .a-setting-card p,body[data-theme=illustrated] .c-notice-card p{color:#8a817c}
body[data-theme=illustrated] .app-illustrated .a-setting-row{border-color:#f1ece8;color:#39332f}
body[data-theme=illustrated] .app-illustrated .a-setting-row svg{color:#cc5542}
body[data-theme=illustrated] .app-illustrated .a-diary-tabs .is-current{background:#fff0e9;color:#b64b3a}
body[data-theme=illustrated] .app-illustrated .n-week-controls strong{color:#2d2927}
body[data-theme=illustrated] .app-illustrated.page-week{background:#fffefb;background-image:none}
body[data-theme=illustrated] .app-illustrated .n-week-poster{margin:0 20px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body[data-theme=illustrated] .app-illustrated .n-week-controls small{color:#a86a59}
body[data-theme=illustrated] .app-illustrated .n-poster-heading{clip-path:none;transform:none;margin:0 0 13px;padding:18px 20px;border:1px solid #f1d7c8;border-radius:18px;background:#fff0e6}
body[data-theme=illustrated] .app-illustrated .n-poster-heading h2{font-size:27px!important;line-height:1.25!important;letter-spacing:0!important;color:#5b3029!important}
body[data-theme=illustrated] .app-illustrated .n-poster-heading h2 b{font-size:27px!important;letter-spacing:0!important}
body[data-theme=illustrated] .app-illustrated .n-poster-heading h2 br{display:none}
body[data-theme=illustrated] .app-illustrated .n-poster-heading h2 i{display:none!important}
body[data-theme=illustrated] .app-illustrated .n-poster-heading p{color:#a5796a}
body[data-theme=illustrated] .app-illustrated .n-week-progress{color:#8d5e52}
body[data-theme=illustrated] .app-illustrated .n-day{padding:0 14px 14px;border:1px solid #eee3db;border-radius:16px;background:#fff;box-shadow:none;overflow:hidden}
body[data-theme=illustrated] .app-illustrated .n-day.is-today{padding:0 14px 14px;border:1px solid #cc5542;box-shadow:none}
body[data-theme=illustrated] .app-illustrated .n-day>header{border-color:#f2e2d8;background:#fff7f1}
body[data-theme=illustrated] .app-illustrated .n-day h3,body[data-theme=illustrated] .app-illustrated .n-day h3.day-color-1,body[data-theme=illustrated] .app-illustrated .n-day h3.day-color-2{background:#ffe7db;color:#a84534!important}
body[data-theme=illustrated] .app-illustrated .n-day header>span{color:#92665b}
body[data-theme=illustrated] .app-illustrated .n-slot-label b{color:#292522}
body[data-theme=illustrated] .app-illustrated .n-slot-label small{background:#fff0e9;color:#a74c3d}
body[data-theme=illustrated] .app-illustrated .n-slot-names p{color:#4b413d}
body[data-theme=illustrated] .app-illustrated .n-day button{border-color:#f0d6ca;background:#fff7f2;color:#aa4939}
body[data-theme=illustrated] .app-illustrated .n-poster-footer{color:#a17969}
body[data-theme=illustrated] .app-illustrated .a-cook-intro .a-character,body[data-theme=illustrated] .app-illustrated .a-library-intro .a-character{transform:none;object-fit:contain}
body[data-theme=illustrated] .app-illustrated .a-empty-state{margin:15px 20px;border-color:#eee8e2;background:#fffdfa}
body[data-theme=illustrated] .app-illustrated .a-cook-actions .secondary{border:1px solid #f0d8cf;color:#b54e3d;background:#fff4ef}
body[data-theme=illustrated] .dialog{background:#fffefb;color:#26211e}
body[data-theme=illustrated] .dialog>.row:first-child{background:#fffefb;box-shadow:0 5px 0 #fffefb}
body[data-theme=illustrated] .dialog h2{color:#27211e}
body[data-theme=illustrated] .dialog .primary{background:#cc5542;color:#fff}
body[data-theme=illustrated] .dialog .secondary,body[data-theme=illustrated] .dialog .close{background:#fff0e9;color:#a94c3b}
body[data-theme=illustrated] .dialog .note-box,body[data-theme=illustrated] .dialog .a-checkout-paper{border-color:#f0e3dd;background:#fff9f5;color:#8e6458}
body[data-theme=illustrated] .dialog input,body[data-theme=illustrated] .dialog textarea,body[data-theme=illustrated] .dialog select{border-color:#e8d9d1;background:#fffefa;color:#25211f}
@media(max-width:360px){.s-top{padding:0 14px}.s-search-head{padding-left:14px;padding-right:14px}.s-section-title,.s-dish-list,.s-segments,.s-favorites-hero,.s-ranking-hero,.s-status-hero,.s-podium,.s-rank-list,.s-status-note,.s-status-actions{margin-left:14px;margin-right:14px}.s-podium{gap:5px}.s-podium-photo{width:56px;height:56px}}