*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:#0d1016;color:#f5f7fb}body{padding-bottom:76px}.app{max-width:760px;margin:auto;min-height:100vh;background:linear-gradient(180deg,#151922 0,#0e1117 42%,#0b0e13 100%)}button,input{font:inherit}.topbar{height:68px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:rgba(15,18,25,.94);backdrop-filter:blur(14px);border-bottom:1px solid #262c38}.brand{display:flex;align-items:center;gap:9px}.logo{font-size:28px}.brand strong{display:block;font-size:16px}.brand small{display:block;color:#858d9e;font-size:11px}.wallet{background:#1e2531;border:1px solid #343c4b;padding:9px 12px;border-radius:14px;color:#ffd66b;font-weight:700;font-size:14px}.page{padding:18px 16px}.hero{padding:20px;border:1px solid #2c3442;border-radius:22px;background:radial-gradient(circle at 90% 0,#343d52 0,#1a202b 40%,#151922 100%);margin-bottom:16px}.hero h1{margin:0 0 7px;font-size:27px}.hero p{margin:0;color:#9ca5b5;font-size:13px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:22px 2px 10px}.section-title h2{font-size:17px;margin:0}.muted{color:#7e8798;font-size:12px}.filters{display:flex;gap:8px;overflow:auto;padding:2px 0 9px}.chip{border:1px solid #303847;background:#171c25;color:#aeb6c5;padding:8px 13px;border-radius:999px;white-space:nowrap}.chip.active{background:#eee;color:#111;border-color:#eee}.dish-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.dish{border:1px solid #29313e;background:#171b23;border-radius:18px;padding:14px;cursor:pointer;transition:.15s}.dish:active{transform:scale(.98)}.dish .emoji{font-size:31px}.dish h3{margin:8px 0 3px;font-size:16px}.dish p{height:34px;margin:0;color:#7f8999;font-size:11px;line-height:17px;overflow:hidden}.dish-foot{display:flex;justify-content:space-between;align-items:center;margin-top:11px}.price{color:#ffd66b;font-weight:800}.tag{font-size:10px;padding:4px 7px;background:#242c39;border-radius:7px;color:#aeb7c5}.card{border:1px solid #2a3240;background:#161b23;border-radius:18px;padding:16px;margin-bottom:12px}.row{display:flex;justify-content:space-between;gap:12px;align-items:center}.ingredients{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.ingredient{background:#202632;border-radius:9px;padding:7px 9px;font-size:12px;color:#cbd2dd}.primary,.secondary,.danger{border:0;border-radius:13px;padding:12px 15px;font-weight:800;cursor:pointer}.primary{background:#f2f4f7;color:#10131a}.secondary{background:#252d3a;color:#e8ecf3;border:1px solid #364050}.danger{background:#44252a;color:#ffb4bc}.full{width:100%;margin-top:13px}.back{border:0;background:transparent;color:#aeb6c5;padding:0 0 12px}.big-title{font-size:24px;margin:0 0 5px}.buy-list{display:grid;gap:8px;margin-top:13px}.buy-item{display:flex;justify-content:space-between;align-items:center;padding:11px;border-radius:12px;background:#202631}.buy-item small{color:#858e9e}.qty{display:flex;align-items:center;gap:8px}.qty button{width:30px;height:30px;border-radius:9px;border:1px solid #3a4352;background:#171c24;color:#fff}.step-head{text-align:center;padding:10px 0 20px}.step-head h1{font-size:22px;margin:0 0 5px}.step-count{color:#8f99a9;font-size:12px}.progress{display:flex;align-items:center;margin:18px 4px}.dot{width:13px;height:13px;border-radius:50%;background:#394252;border:2px solid #596375;flex:none}.dot.done,.dot.now{background:#f1f3f6;border-color:#f1f3f6}.line{height:3px;background:#394252;flex:1}.line.done{background:#f1f3f6}.progress-label{text-align:center;color:#cbd1dc;margin:0 0 18px}.heat-wrap{padding:22px 16px;border-radius:20px;background:#171d26;border:1px solid #2d3644}.heat-title{text-align:center;color:#aeb7c6;font-size:12px;margin-bottom:12px}.heatbar{position:relative;height:24px;border-radius:20px;background:linear-gradient(90deg,#263a51,#7a6737,#6d3035);border:1px solid #4a5361}.heat-target{position:absolute;left:var(--target);top:-5px;width:4px;height:34px;border-radius:4px;background:#fff}.heat-knob{position:absolute;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:#fff;color:#111;box-shadow:0 3px 12px #0008}.range{width:100%;accent-color:#eee;margin-top:17px}.cook-progress{height:11px;background:#252c37;border-radius:20px;overflow:hidden;margin:9px 0 7px}.cook-fill{height:100%;width:0;background:#eee;transition:width .15s}.timer{text-align:center;color:#8e98a8;font-size:12px}.result{text-align:center;padding:12px 0}.result-icon{font-size:70px}.grade{font-size:31px;font-weight:900;margin:4px}.value{font-size:24px;color:#ffd66b;font-weight:900;margin:8px}.result-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:18px 0}.stat{background:#1d232d;border-radius:12px;padding:11px}.stat b{display:block;font-size:16px}.stat small{color:#7f8998;font-size:10px}.empty{text-align:center;padding:45px 15px;color:#7f8998}.empty .icon{font-size:48px}.storage-item{display:flex;justify-content:space-between;align-items:center;padding:13px;background:#171d25;border:1px solid #29313e;border-radius:14px;margin-bottom:8px}.toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%,20px);background:#f1f3f6;color:#111;padding:10px 15px;border-radius:12px;font-size:13px;font-weight:700;opacity:0;pointer-events:none;transition:.2s;z-index:100;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.hint{font-size:11px;color:#788293;line-height:1.6}.bottom-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;height:70px;background:rgba(15,18,24,.96);border-top:1px solid #29303b;display:flex;justify-content:center;gap:5px;backdrop-filter:blur(12px)}.bottom-nav button{width:min(33%,240px);border:0;background:transparent;color:#737d8d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:20px}.bottom-nav button span{font-size:10px}.bottom-nav button.active{color:#f5f6f8}@media(min-width:600px){.app{box-shadow:0 0 60px #0008}.page{padding:24px}.dish-grid{grid-template-columns:repeat(3,1fr)}}