:root{--demo-bg:#151311;--demo-panel:#24201d;--demo-line:#554b43;--demo-gold:#f2d99d;--demo-green:#a6bd72;--demo-coral:#c76548;--demo-text:#e9dfd5;--demo-muted:#bdb2a8}*{box-sizing:border-box}.demo-landing,.demo-shell{background:radial-gradient(circle at 20% 0,#2b241e 0,transparent 36%),var(--demo-bg);min-height:100vh;color:var(--demo-text);font-family:Arial,Helvetica,sans-serif}.demo-topbar{background:#110f0ef0;border-bottom:1px solid #403832;justify-content:space-between;align-items:center;gap:20px;height:72px;padding:0 3vw;display:flex}.demo-topbar>a:first-child{color:var(--demo-gold);font:700 27px Georgia,serif;text-decoration:none}.demo-topbar>div{align-items:center;gap:24px;display:flex}.demo-topbar span{color:var(--demo-green);font-weight:800}.exit-link{color:var(--demo-text);border:1px solid var(--demo-line);border-radius:999px;padding:9px 14px;text-decoration:none}.demo-welcome{grid-template-columns:1.05fr .95fr;align-items:center;gap:6vw;max-width:1450px;min-height:calc(100vh - 72px);margin:auto;padding:7vh 5vw;display:grid}.demo-kicker{color:var(--demo-green);letter-spacing:.15em;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:900}.demo-welcome h1,.demo-narration h1{color:var(--demo-gold);margin:0;font:700 clamp(44px,5.5vw,76px)/1.02 Georgia,serif}.demo-welcome-copy>p:not(.demo-kicker){color:#d2c6ba;max-width:720px;font-size:20px;line-height:1.6}.demo-choice-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px;display:grid}.demo-choice-grid button{text-align:left;border:1px solid var(--demo-line);min-height:165px;color:var(--demo-text);cursor:pointer;background:#292521;border-radius:14px;gap:8px;padding:22px;display:grid}.demo-choice-grid button:hover{border-color:var(--demo-coral);transform:translateY(-2px)}.demo-choice-grid span{color:var(--demo-gold);font:700 21px Georgia,serif}.demo-choice-grid small{color:var(--demo-muted);line-height:1.45}.demo-choice-grid strong{color:var(--demo-green);align-self:end}.demo-welcome-visual{border:1px solid var(--demo-line);background:#211e1b;border-radius:22px;overflow:hidden;box-shadow:0 24px 70px #0008}.demo-welcome-visual img{object-fit:cover;width:100%;height:390px;display:block}.demo-welcome-visual div{justify-content:space-around;gap:10px;padding:20px;display:flex}.demo-welcome-visual span{color:var(--demo-gold);font-weight:800}.demo-progress{background:#2a2521;height:5px}.demo-progress span{background:linear-gradient(90deg,var(--demo-coral),var(--demo-green));height:100%;transition:width .5s;display:block}.demo-stage{grid-template-columns:minmax(280px,.72fr) minmax(600px,1.65fr);align-items:center;gap:4vw;max-width:1700px;min-height:calc(100vh - 145px);margin:auto;padding:4vh 3vw 95px;display:grid}.demo-step{color:#8f8379;font-size:13px}.demo-narration h1{font-size:clamp(38px,4.4vw,66px)}.demo-description{color:#d0c4b9;font-size:20px;line-height:1.55}.demo-tip{border-left:4px solid var(--demo-green);color:#dce7c9;background:#293022;border-radius:8px;gap:7px;margin-top:25px;padding:17px;line-height:1.45;display:grid}.demo-browser{background:#1e1b19;border:1px solid #5a5047;border-radius:18px;min-height:600px;overflow:hidden;box-shadow:0 25px 75px #0009}.browser-bar{background:#302b27;border-bottom:1px solid #554b43;align-items:center;gap:7px;height:45px;padding:0 14px;display:flex}.browser-bar i{background:#b75e45;border-radius:50%;width:10px;height:10px}.browser-bar i:nth-child(2){background:#c99a48}.browser-bar i:nth-child(3){background:#8da65d}.browser-bar span{color:#9e9389;margin-left:8px;font-size:12px}.scene{min-height:555px;color:var(--demo-text);padding:38px;animation:.45s sceneIn}@keyframes sceneIn{0%{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}.scene small{color:var(--demo-green);letter-spacing:.12em;font-weight:900}.scene h2{color:var(--demo-gold);margin:8px 0 15px;font:700 clamp(28px,3vw,45px)/1.08 Georgia,serif}.scene h3{color:var(--demo-green)}.welcome-scene{grid-template-columns:1.1fr .9fr;align-items:center;gap:28px;display:grid}.welcome-scene img,.recipe-scene img{object-fit:cover;border-radius:13px;width:100%;height:320px}.mock-search,.typing-search{min-height:60px;color:var(--demo-gold);background:#2d2926;border:1px solid #6a5e54;border-radius:11px;align-items:center;gap:12px;margin-top:25px;padding:8px 9px 8px 17px;display:flex}.mock-search span,.typing-search span{color:#c9beb4;flex:1}.mock-search b,.typing-search b{background:var(--demo-coral);color:#fff;border-radius:8px;padding:13px 16px}.search-scene{text-align:center;padding-top:70px}.typing-search{max-width:770px;margin:24px auto}.intent-row,.suggestion-row{flex-wrap:wrap;justify-content:center;gap:8px;margin:17px auto;display:flex}.intent-row em,.suggestion-row span{color:#e4d0a0;border:1px solid #675a50;border-radius:999px;padding:8px 12px;font-style:normal}.scene-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.view-switch{border:1px solid var(--demo-line);border-radius:9px;gap:4px;padding:4px;display:flex}.view-switch>*{padding:7px}.view-switch b{background:var(--demo-coral);border-radius:6px}.mock-result{border:1px solid var(--demo-line);border-left:4px solid var(--demo-coral);background:#292521;border-radius:11px;justify-content:space-between;align-items:center;gap:15px;margin:11px 0;padding:18px;display:flex;position:relative}.mock-result strong{color:var(--demo-gold);font:700 21px Georgia,serif}.mock-result div{gap:6px;display:flex}.mock-result button,.inventory-row button{color:var(--demo-gold);background:#37312c;border:1px solid #685c52;border-radius:7px;padding:7px 9px}.mock-result i{color:#e7f0d5;background:#48582e;border-radius:999px;padding:3px 8px;font-size:10px;position:absolute;top:-8px;left:18px}.recipe-scene{grid-template-columns:1.1fr .9fr;gap:28px;display:grid}.serving-demo{border:1px solid var(--demo-line);border-radius:9px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.serving-demo button{color:var(--demo-gold);background:#342e2a;border:1px solid #695c51;border-radius:6px}.serving-demo em{color:var(--demo-green);font-size:12px}.change-demo{border:1px solid var(--demo-line);border-radius:9px;justify-content:space-between;align-items:center;padding:12px;display:flex}.change-demo button,.voice-preview button{background:var(--demo-coral);color:#fff;border:0;border-radius:7px;padding:10px 12px;font-weight:800}.planning-scene{grid-template-columns:1fr 1fr;gap:18px;display:grid}.plan-card{border:1px solid var(--demo-line);background:#282420;border-radius:13px;padding:22px}.plan-card>div{background:#332e2a;border-radius:8px;grid-template-columns:1fr auto auto;gap:6px;margin-top:8px;padding:11px;display:grid}.plan-card button{color:var(--demo-gold);background:0 0;border:1px solid #655950;border-radius:6px}.plan-card p{color:var(--demo-gold)}.mock-categories{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mock-categories button{border:1px solid var(--demo-line);min-height:76px;color:var(--demo-text);text-align:left;background:#2d2926;border-radius:10px;justify-content:space-between;padding:16px;display:flex}.mock-categories b{color:var(--demo-green)}.inventory-tabs{flex-wrap:wrap;gap:7px;display:flex}.inventory-tabs>*{border:1px solid var(--demo-line);border-radius:999px;padding:8px 11px}.inventory-tabs b{background:var(--demo-coral)}.inventory-search{border:1px solid var(--demo-line);color:var(--demo-muted);border-radius:9px;margin:15px 0;padding:16px}.inventory-row{border:1px solid var(--demo-line);border-left:4px solid var(--demo-green);border-radius:9px;grid-template-columns:1.1fr .7fr 1fr auto;align-items:center;gap:10px;margin:8px 0;padding:13px;display:grid}.inventory-row strong{color:var(--demo-gold)}.inventory-row em{color:var(--demo-muted);font-style:normal}.voice-prompt{color:var(--demo-gold);background:#302a26;border:1px solid #726254;border-radius:11px;margin:20px 0;padding:19px;font-size:20px}.voice-dialog,.voice-preview{border-left:4px solid var(--demo-green);background:#293022;border-radius:9px;gap:8px;margin-top:13px;padding:17px;display:grid}.voice-dialog b{color:var(--demo-gold)}.voice-preview{border:1px solid var(--demo-line);border-left:4px solid var(--demo-coral);background:#292521}.voice-preview strong{color:var(--demo-gold);font:700 23px Georgia,serif}.voice-preview button{justify-self:start}.finish-scene{text-align:center;padding-top:70px}.finish-mark{color:#dcebba;background:#3b4b28;border-radius:50%;place-items:center;width:80px;height:80px;margin:0 auto 18px;font-size:40px;display:grid}.finish-scene p{max-width:650px;color:var(--demo-muted);margin:15px auto 28px;font-size:19px;line-height:1.5}.finish-scene a{background:var(--demo-coral);color:#fff;border-radius:10px;padding:14px 19px;font-weight:900;text-decoration:none;display:inline-block}.demo-controls{z-index:10;background:#141210f5;border-top:1px solid #4d443d;justify-content:center;gap:9px;padding:13px;display:flex;position:fixed;bottom:0;left:0;right:0}.demo-controls button{min-height:43px;color:var(--demo-gold);cursor:pointer;background:#302b27;border:1px solid #64584f;border-radius:9px;padding:8px 14px;font-weight:800}.demo-controls button:disabled{opacity:.4;cursor:not-allowed}.demo-controls .play-control{background:var(--demo-coral);color:#fff;border-color:var(--demo-coral);min-width:130px}@media (width<=980px){.demo-welcome{grid-template-columns:1fr;padding-top:45px}.demo-welcome-visual{display:none}.demo-choice-grid{grid-template-columns:1fr}.demo-choice-grid button{min-height:120px}.demo-stage{grid-template-columns:1fr;padding-top:28px}.demo-narration h1{font-size:42px}.demo-description{font-size:17px}.demo-browser{min-height:540px}.scene{min-height:495px}.demo-tip{display:none}}@media (width<=650px){.demo-topbar{height:auto;min-height:66px;padding:10px 14px}.demo-topbar>a:first-child{font-size:21px}.demo-topbar>div>span{display:none}.demo-stage{padding:22px 12px 105px}.demo-narration h1{font-size:34px}.demo-narration .demo-description{margin-bottom:5px}.demo-browser{border-radius:12px;min-height:500px}.browser-bar{display:none}.scene{min-height:500px;padding:22px}.welcome-scene,.recipe-scene,.planning-scene{grid-template-columns:1fr}.welcome-scene img,.recipe-scene img{display:none}.scene h2{font-size:29px}.mock-search,.typing-search{flex-direction:column;align-items:stretch}.mock-result{flex-direction:column;align-items:flex-start}.mock-result div{flex-wrap:wrap;width:100%}.scene-heading{flex-direction:column;align-items:flex-start}.mock-categories{grid-template-columns:1fr 1fr}.inventory-row{grid-template-columns:1fr auto}.inventory-row span,.inventory-row em{grid-column:1/-1}.demo-controls{grid-template-columns:1fr 1fr;padding:8px;display:grid}.demo-controls button{min-height:40px}.demo-controls .play-control{min-width:0}.demo-welcome{padding:35px 18px}.demo-welcome h1{font-size:43px}.demo-welcome-copy>p:not(.demo-kicker){font-size:17px}}.checklist-heading,.cook-demo-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.checklist-heading h2,.cook-demo-heading h2{margin-bottom:6px}.checklist-heading span,.cook-demo-heading span{color:var(--demo-green);font-weight:900}.checklist-heading button,.cook-demo-heading>button{color:var(--demo-gold);background:#332e2a;border:1px solid #655950;border-radius:8px;padding:9px 11px}.demo-checklist{grid-template-columns:1fr 1fr;gap:9px;margin:18px 0;display:grid}.demo-checklist label{border:1px solid var(--demo-line);background:#292521;border-radius:9px;align-items:flex-start;gap:9px;padding:13px;display:flex}.demo-checklist input{width:20px;height:20px;accent-color:var(--demo-green)}.demo-checklist label.checked span{color:#817870;text-decoration:line-through}.demo-shopping-button{color:#e9f1dd;background:#34402a;border:1px solid #718651;border-radius:9px;width:100%;min-height:48px;font-weight:900}.cook-scene{background:radial-gradient(circle at 50% 0,#302c25,#0000 45%),#1b1917}.cook-demo-progress{background:#3a3530;border-radius:999px;height:8px;margin:18px 0;overflow:hidden}.cook-demo-progress span{background:var(--demo-green);width:40%;height:100%;display:block}.cook-demo-step{border:1px solid var(--demo-line);border-left:5px solid var(--demo-coral);background:#25221f;border-radius:13px;align-content:center;min-height:260px;padding:35px;display:grid}.cook-demo-step p{color:#fff5e8;font:500 30px/1.4 Georgia,serif}.cook-demo-nav{grid-template-columns:1fr 1fr;gap:10px;margin-top:13px;display:grid}.cook-demo-nav button{min-height:54px;color:var(--demo-gold);background:#332e2a;border:1px solid #655950;border-radius:9px;font-weight:900}.cook-demo-nav button:last-child{background:var(--demo-coral);color:#fff}.cook-demo-tools{flex-wrap:wrap;gap:7px;margin-top:11px;display:flex}.cook-demo-tools button{color:var(--demo-gold);background:#302b27;border:1px solid #655950;border-radius:999px;padding:8px 10px}@media (width<=650px){.checklist-heading,.cook-demo-heading{flex-direction:column}.demo-checklist{grid-template-columns:1fr}.cook-demo-step{min-height:230px;padding:24px}.cook-demo-step p{font-size:25px}.cook-demo-nav{grid-template-columns:1fr}.cook-demo-tools{display:grid}}