:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fbf7f1;--surface:#fffdf9;--ink:#241b17;--muted:#75665e;--line:#eadfd2;--red:#a83224;--red-dark:#751f18;--jade:#1f6f5a;--gold:#c99538;--shadow:0 24px 70px #532f1f24;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(125deg, #a8322414, transparent 32%), linear-gradient(215deg, #1f6f5a17, transparent 34%), var(--paper);min-width:320px;color:var(--ink);margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:20px}.topbar{z-index:8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf9db;border:1px solid #eadfd2cc;border-radius:8px;grid-template-columns:auto minmax(260px,520px) auto;align-items:center;gap:18px;max-width:1500px;margin:0 auto 18px;padding:12px 14px;display:grid;position:sticky;top:0;box-shadow:0 14px 42px #452a1814}.brand,.sidebar-title,.detail-stat,.save-wide,.primary-action,.secondary-action{align-items:center;display:inline-flex}.brand{gap:12px}.brand-mark{object-fit:cover;background:#fffaf1;border-radius:8px;width:46px;height:46px;display:block;box-shadow:0 6px 16px #301d131f}.brand strong,.brand span{display:block}.brand strong{font-size:15px}.brand span{color:var(--muted);font-size:12px}.search{border:1px solid var(--line);min-width:0;color:var(--muted);background:#fff;border-radius:8px;align-items:center;gap:9px;padding:12px 14px;display:flex}.search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:14px}.avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:42px;height:42px;box-shadow:0 6px 16px #301d131f}.workspace{grid-template-columns:230px minmax(0,1fr) 360px;gap:18px;max-width:1500px;margin:0 auto;display:grid}.sidebar,.detail-panel,.panel,.search-results{box-shadow:var(--shadow);background:#fffdf9e6;border:1px solid #eadfd2e6;border-radius:8px}.sidebar{height:calc(100vh - 118px);padding:16px;position:sticky;top:94px}.sidebar-title{color:var(--red-dark);text-transform:uppercase;gap:8px;font-size:13px;font-weight:800}.sidebar nav{gap:8px;margin:18px 0 24px;display:grid}.nav-item{width:100%;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:24px 20px 1fr;align-items:center;gap:10px;padding:11px 10px;font-size:13px;font-weight:700;display:grid}.nav-item.active{color:var(--red-dark);background:#fff5ee;border-color:#a832242e}.step-index{width:24px;height:24px;color:var(--red-dark);background:#f1e3d5;border-radius:8px;place-items:center;font-size:12px;display:grid}.element-card{color:#fff8ef;background:#26322b;border-radius:8px;padding:14px}.element-card>span{margin-bottom:14px;font-size:13px;font-weight:800;display:block}.meter{grid-template-columns:48px 1fr 24px;align-items:center;gap:8px;margin:9px 0;font-size:11px;display:grid}.meter div{background:#ffffff29;border-radius:999px;height:6px;overflow:hidden}.meter i{border-radius:inherit;background:linear-gradient(90deg, var(--gold), #f4d58b);height:100%;display:block}main{gap:18px;min-width:0;display:grid}.panel{min-height:640px;padding:24px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}h1,h2,h3,p{margin:0}h1{letter-spacing:0;max-width:620px;font-family:ui-serif,Georgia,Times New Roman,serif;font-size:clamp(32px,4vw,54px);line-height:.98}.panel-heading p{max-width:720px;color:var(--muted);margin-top:12px;font-size:15px;line-height:1.55}.primary-action,.secondary-action,.save-wide{white-space:nowrap;border:0;border-radius:8px;justify-content:center;gap:8px;min-height:44px;font-size:13px;font-weight:800}.primary-action{background:var(--red);color:#fff8ef;padding:0 18px}.secondary-action{border:1px solid var(--line);color:var(--red-dark);background:#fff;padding:0 16px}.step-action-row{justify-content:flex-end;margin-top:12px;display:flex}.step-action-row.under-cold-mix{margin-top:14px}.section-label{color:var(--red-dark);text-transform:uppercase;align-items:center;gap:12px;margin:22px 0 12px;font-size:12px;font-weight:900;display:flex}.section-label i{background:var(--line);flex:1;height:1px}.ingredient-grid,.technique-grid,.saved-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.image-card,.technique-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;min-height:214px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden}.image-card:hover,.technique-card:hover,.dish-card:hover{transform:translateY(-2px)}.image-card.selected,.technique-card.selected,.carb-row.selected,.dish-card.selected{border-color:var(--red);box-shadow:0 16px 34px #a8322426}.image-card img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.image-card:after{content:"";background:linear-gradient(#0000 16%,#160e0ac2);position:absolute;inset:0}.image-card span,.image-card small{z-index:1;color:#fff8ef;display:block;position:relative}.image-card span{margin:125px 14px 7px;font-family:ui-serif,Georgia,Times New Roman,serif;font-size:28px;line-height:1}.image-card small{-webkit-line-clamp:3;opacity:.86;-webkit-box-orient:vertical;margin:0 14px 14px;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.carb-strip{gap:10px;display:grid}.carb-row{border:1px solid var(--line);min-height:86px;color:var(--ink);text-align:left;background:#fff;border-radius:8px;grid-template-columns:76px minmax(0,1fr) minmax(110px,auto) auto;align-items:center;gap:14px;padding:10px 14px 10px 10px;display:grid}.carb-row img,.no-carb{border-radius:8px;width:76px;height:64px}.carb-row img{object-fit:cover}.no-carb{color:var(--jade);background:#f4ebe0;place-items:center;display:grid}.carb-row strong{min-width:0;font-size:17px}.carb-row span{color:var(--muted);font-size:13px}.carb-row b{color:var(--red-dark);background:#f5eadc;border-radius:999px;padding:8px 12px;font-size:12px}.technique-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.technique-card{min-height:226px;padding:18px}.hanzi{width:58px;height:58px;color:var(--red);background:#fff5ee;border-radius:8px;place-items:center;margin-bottom:18px;font-size:27px;font-weight:800;display:grid}.technique-card strong{font-size:20px;display:block}.technique-card span,.technique-card small,.technique-card p{color:var(--muted);line-height:1.45;display:block}.technique-card span{text-transform:uppercase;margin-top:4px;font-size:12px;font-weight:800}.technique-card p{margin:14px 0 10px;font-size:14px}.technique-card small{font-size:12px}.preference-row,.based-row{flex-wrap:wrap;gap:8px;display:flex}.preference-row{margin-top:18px}.chip,.based-row span{border:1px solid var(--line);min-height:36px;color:var(--muted);background:#fff;border-radius:999px;padding:0 14px;font-size:13px;font-weight:800}.chip.active,.based-row span{color:var(--jade);background:#edf7f2;border-color:#1f6f5a47}.recommendations .panel-heading{align-items:center}.dish-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.dish-card{color:#fff8ef;background:#2d231d;border:1px solid #0000;border-radius:8px;min-height:292px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden}.dish-card img,.detail-photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.dish-card img{transition:transform .22s}.dish-card:hover img{transform:scale(1.035)}.dish-shade{background:linear-gradient(#0d090714,#0d0907d1);transition:opacity .18s;position:absolute;inset:0}.dish-copy,.dish-actions{z-index:1;transition:opacity .16s,visibility .16s;position:absolute}.dish-card:hover .dish-shade,.dish-card:hover .dish-copy,.dish-card:hover .dish-actions{opacity:0;visibility:hidden}.dish-copy{bottom:58px;left:16px;right:16px}.element-pill{color:#fff8ef;text-transform:uppercase;background:#fff8ef29;border-radius:999px;margin-bottom:10px;padding:7px 10px;font-size:11px;font-weight:900;display:inline-flex}.dish-copy h3{font-family:ui-serif,Georgia,Times New Roman,serif;font-size:27px;line-height:1}.dish-copy p,.dish-copy small{color:#fff8efd1;margin-top:5px;font-size:13px;display:block}.dish-actions{justify-content:space-between;align-items:center;gap:10px;display:flex;bottom:14px;left:16px;right:16px}.dish-actions span{font-weight:900}.dish-price{margin-left:auto}.heat-icons{color:#fff8ef;letter-spacing:0;align-items:center;gap:8px;min-height:28px;font-size:20px;line-height:1;display:inline-flex}.heat-icons b{color:inherit;font-size:12px;line-height:1}.heat-icons.no-heat{color:#fff8efb8;text-transform:uppercase;font-size:11px;font-weight:900}.dish-actions button{width:38px;height:38px;color:var(--red);background:#fff8ef;border:0;border-radius:50%;place-items:center;display:grid}.detail-panel{height:calc(100vh - 118px);position:sticky;top:94px;overflow:hidden}.detail-photo{color:#fff8ef;background:#2d231d;min-height:270px;position:relative}.detail-photo:after{content:"";background:linear-gradient(#0000 20%,#140c08db);position:absolute;inset:0}.detail-photo div{z-index:1;position:absolute;bottom:18px;left:18px;right:18px}.detail-photo span{text-transform:uppercase;font-size:12px;font-weight:900}.detail-photo h2{margin-top:8px;font-family:ui-serif,Georgia,Times New Roman,serif;font-size:34px;line-height:1}.detail-photo p{color:#fff8efcc;margin-top:7px}.detail-body{gap:14px;padding:18px;display:grid}.detail-stat{min-height:38px;color:var(--red-dark);background:#fff5ee;border-radius:8px;gap:9px;padding:0 12px;font-size:13px;font-weight:800}.detail-body>p,.wu-xing p{color:var(--muted);font-size:14px;line-height:1.55}.wu-xing{color:#fff8ef;background:#26322b;border-radius:8px;padding:15px}.wu-xing span{color:#e8c981;text-transform:uppercase;font-size:11px;font-weight:900;display:block}.wu-xing strong{margin:7px 0;font-size:18px;display:block}.wu-xing p{color:#fff8efbd}.save-wide{border:1px solid var(--line);width:100%;color:var(--red);background:#fff}.save-wide.saved{background:var(--red);color:#fff8ef}.related{gap:9px;display:grid}.related>span{text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:900}.related div{grid-template-columns:48px 1fr auto;align-items:center;gap:10px;display:grid}.related img{object-fit:cover;border-radius:8px;width:48px;height:48px}.related p{font-size:13px;font-weight:800}.related small{color:var(--muted);font-size:12px}.saved-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dish-card.compact{min-height:250px}.empty-state{min-height:420px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:12px;display:grid}.empty-state h2{color:var(--ink);font-size:24px}.element-ribbon{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.element-ribbon div{border:1px solid var(--line);background:#fffdf9b3;border-radius:8px;gap:4px;min-height:108px;padding:13px;display:grid}.element-ribbon .featured{background:#fff6df;border-color:#c995388c}.element-ribbon span{color:var(--red);font-size:22px;font-weight:900}.element-ribbon strong{font-size:15px}.element-ribbon small{color:var(--muted);font-size:12px}.search-results{z-index:20;width:min(520px,100vw - 36px);max-height:420px;padding:10px;display:grid;position:fixed;top:84px;left:50%;overflow:auto;transform:translate(-50%)}.search-results button{text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:8px;display:grid}.search-results button:hover{background:#fff5ee}.search-results img{object-fit:cover;border-radius:8px;width:44px;height:44px}.search-results span{font-size:13px;font-weight:900}.search-results small,.search-results p{color:var(--muted);font-size:12px}.dish-page{max-width:1120px;margin:0 auto}.back-action{border:1px solid var(--line);width:fit-content;min-height:42px;color:var(--red-dark);background:#fffdf9eb;border-radius:8px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:900;display:inline-flex}.dish-hero{color:#fff8ef;background:#2d231d;border-radius:8px 8px 0 0;min-height:470px;position:relative;overflow:hidden}.dish-hero img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.dish-hero-shade{background:linear-gradient(#1009061a,#100906db);position:absolute;inset:0}.dish-hero-copy{z-index:1;position:absolute;bottom:clamp(24px,5vw,48px);left:clamp(20px,4vw,44px);right:clamp(20px,4vw,44px)}.detail-badge{background:var(--red);color:#fff8ef;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin-bottom:14px;padding:8px 13px;font-size:12px;font-weight:900;display:inline-flex}.dish-hero h1{color:#fff8ef;max-width:900px}.dish-hero h1 em{font-style:normal}.dish-hero-copy>p{color:#fff8efe0;max-width:780px;margin-top:12px;font-family:ui-serif,Georgia,Times New Roman,serif;font-size:24px;line-height:1.22}.dish-meta-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.dish-meta-row>span,.dish-meta-row>strong{color:#fff8ef;text-transform:uppercase;background:#fff8ef26;border-radius:999px;min-height:34px;padding:9px 12px;font-size:12px;font-weight:900}.dish-sheet{background:linear-gradient(#a8322409 1px, transparent 1px), linear-gradient(90deg, #a8322409 1px, transparent 1px), var(--surface);box-shadow:var(--shadow);background-size:42px 42px;border:1px solid #eadfd2e6;border-top:0;border-radius:0 0 8px 8px;gap:26px;padding:clamp(22px,4vw,44px);display:grid}.dish-section{border:1px solid var(--line);background:#fffdf9db;border-radius:8px;padding:24px}.lead-section{border:0;border-bottom:1px solid var(--line);background:0 0;padding:0 0 26px}.dish-section>span{color:#8a7400;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:900;display:block}.dish-section h2,.dish-section h3{color:#8e140d;font-family:ui-serif,Georgia,Times New Roman,serif;line-height:1.05}.dish-section h2{font-size:clamp(30px,4vw,44px)}.dish-section h3{font-size:clamp(26px,3vw,38px)}.dish-section p{color:var(--muted);margin-top:14px;font-size:18px;line-height:1.62}.dish-page-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:24px;display:grid}.dish-page-actions .secondary-action,.dish-page-actions .save-wide{min-height:58px;font-size:16px}.dish-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.related-detail>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.related-detail button{color:var(--ink);text-align:left;background:0 0;border:0;gap:8px;padding:0;display:grid}.related-detail img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%}.related-detail span{font-size:14px;font-weight:900}.related-detail small{color:var(--muted)}@media (width<=1180px){.workspace{grid-template-columns:84px minmax(0,1fr)}.sidebar{padding:12px}.sidebar-title span,.nav-item span:last-child,.element-card{display:none}.nav-item{grid-template-columns:1fr;justify-items:center}.step-index{display:none}.detail-panel{grid-column:2;height:auto;position:static}}@media (width<=820px){.app-shell{padding:12px}.topbar{grid-template-columns:1fr auto}.search{order:3;grid-column:1/-1}.workspace{flex-direction:column;display:flex}.sidebar{order:2;height:auto;position:static}.sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr));margin:0}main{order:1}.detail-panel{order:3}.panel{min-height:0;padding:18px}.panel-heading{display:grid}.ingredient-grid,.technique-grid,.dish-list,.saved-grid,.element-ribbon{grid-template-columns:1fr}.step-action-row,.step-action-row.under-cold-mix{justify-content:stretch}.step-action-row .primary-action{width:100%}.carb-row{grid-template-columns:62px 1fr}.carb-row strong,.carb-row span{grid-column:2}.carb-row b{grid-column:2;width:fit-content}.carb-row img,.no-carb{width:62px;height:62px}.detail-photo{min-height:230px}.dish-hero{min-height:390px}.dish-hero-copy>p{font-size:19px}.dish-page-actions,.dish-detail-grid,.related-detail>div{grid-template-columns:1fr}.dish-section{padding:20px}}