/* HomeWok public sharing: the same white and tomato-red system as the app. */
:root{color-scheme:light dark;--clay:#B6411D;--paper:#FCFCF9;--card:#fff;--ink:#242620;--ink-2:#606259;--line:#DDDED7;--wash:#F0F1EA;--done:#6A6C63;--on-accent:#fff}
@media(prefers-color-scheme:dark){:root{--clay:#F48A62;--paper:#20211E;--card:#2A2B27;--ink:#F6F6EF;--ink-2:#C8C9BE;--line:#464840;--wash:#35372F;--done:#B6B8AC;--on-accent:#2D160D}}
html{scrollbar-color:var(--ink-2) var(--paper);-webkit-text-size-adjust:100%}body{max-width:720px;padding:24px 28px calc(48px + env(safe-area-inset-bottom));font-size:17px;line-height:1.65}a{text-underline-offset:.25em}::selection{background:var(--clay);color:var(--on-accent)}:focus-visible{outline:3px solid var(--clay);outline-offset:4px}input{caret-color:var(--clay)}
.share-brand{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px;margin-bottom:34px;border-bottom:1px solid var(--line)}.share-brand a{display:inline-flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none;font-size:20px;font-weight:600}.share-brand img{width:42px;height:42px;border-radius:11px}.share-brand small{font-size:11px;letter-spacing:.13em;display:block;color:var(--ink-2);font-weight:400}.share-brand>span{font-size:12px;color:var(--ink-2)}
h1{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;font-size:34px;font-weight:600;line-height:1.35;margin-top:16px}.desc{font-size:17px;color:var(--ink-2);line-height:1.8}.title-en{font-size:15px}.shared-by{font-size:13px;margin-top:10px}.meta{gap:0;margin-top:20px;padding-block:14px;border-block:1px solid var(--line)}.pill{background:none;padding:0 14px 0 0;margin-right:14px;border-radius:0;color:var(--ink-2);font-weight:400;font-size:13px;border-right:1px solid var(--line)}.pill:last-child{border:0;margin:0;padding:0}.section-title{font-size:21px;font-weight:600;margin:36px 0 14px}.group h2{font-size:15px;margin-bottom:12px}.card{border:0;border-radius:0;background:transparent}.row,.step,.tip{padding:18px 0}.row .name{font-weight:500;font-size:17px}.row .sub,.step .cue{font-size:14px;line-height:1.7}.row .qty{font-size:15px}.step .text{font-size:17px;line-height:1.75}.step .num{margin-top:3px;background:none;width:25px;height:25px;border-radius:0;color:var(--clay);font-size:18px;font-weight:500}.step .cue{background:var(--wash);border-radius:12px;padding:12px 14px;margin-top:12px;color:var(--ink)}.tip{font-size:16px}.state{padding:54px 8px;text-align:left;max-width:52ch}.state h2{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;font-size:30px;font-weight:600}.state p{font-size:16px}.state:before{content:'';display:block;width:44px;border-top:2px solid var(--clay);margin-bottom:24px}footer{margin-top:42px;padding-top:20px;border-top:1px solid var(--line);font-size:12px}.back-link{min-height:44px;display:inline-flex;align-items:center}.search{min-height:52px;font:inherit;background:var(--card);padding:12px 16px;border-radius:12px}.search-wrap{margin-top:26px}.food-photo{margin:0 0 24px;position:relative}.food-photo img{width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;border-radius:16px;display:block}.food-photo figcaption{position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,.65);padding:3px 8px;border-radius:6px;color:#fff;font-size:11px}.dish-thumbnail{width:92px;height:82px;object-fit:cover;border-radius:12px;flex:none}.image-attribution{color:var(--ink-2);font-size:11px;margin-top:4px}.note{font-size:13px;line-height:1.7;margin-inline:0}.progress-wrap{background:var(--wash);padding:18px;border-radius:16px}.row[role=checkbox]{cursor:pointer;min-height:56px}button{font:inherit;min-height:44px}#toast{white-space:normal;max-width:calc(100vw - 32px);text-align:center}
@media(max-width:480px){body{padding:20px 20px calc(36px + env(safe-area-inset-bottom))}.share-brand{margin-bottom:24px;padding-bottom:20px}.share-brand>span{display:none}h1{font-size:29px}.food-photo img{aspect-ratio:1.35}.meta{flex-wrap:wrap;row-gap:8px}.pill{font-size:12px}.row .qty{white-space:normal;text-align:right;max-width:35%}.dish-thumbnail{width:76px;height:76px}.section-title{margin-top:30px}.step .text{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.step .heat{color:var(--clay);font-size:13px;font-weight:600;margin-bottom:6px}

.row.checked .tick{color:var(--on-accent)}