:root{--cream:#fff9ed;--paper:#fffef9;--sand:#f4e4ca;--ink:#30241d;--muted:#8e7866;--olive:#446e48;--mint:#dfead3;--orange:#ec8f48;--gold:#f8c45f;--outline:rgba(87,56,33,.13);--shadow:0 18px 46px rgba(82,50,20,.10);--radius:23px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font:15px/1.52 "Trebuchet MS",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:radial-gradient(ellipse at 10% 7%,#ffecd2 0,transparent 26%),radial-gradient(ellipse at 95% 80%,#eaf0d6 0,transparent 28%),#fcf8f1}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ecae59;outline-offset:3px}button{border:0}a{color:inherit}img{max-width:100%}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(34px,4.2vw,58px)}h2{font-size:clamp(24px,2.1vw,32px)}h3{font-size:21px}p{color:#725e50}small,.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.14em;font-weight:900;color:#a97751}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh;max-width:1810px;margin:0 auto}.sidebar{padding:26px 16px;position:sticky;top:0;height:100vh;background:#fffaf0;border-right:1px solid #eadcc8;display:flex;flex-direction:column;gap:23px;z-index:8;overflow-y:auto}.brand{display:flex;align-items:center;gap:9px;color:#542d1e;line-height:1}.brand-icon{background:#376b45;color:#fff5e5;border-radius:15px;padding:9px;display:grid;place-items:center;font-size:29px;box-shadow:0 6px 0 #dfc9a0}.brand-title{font-size:27px;font-weight:1000;letter-spacing:-.055em}.brand-caption{font-size:8px;font-weight:900;letter-spacing:.13em;margin-top:6px;color:#a08773}.sidenav{display:flex;flex-direction:column;gap:5px}.navlink{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:12px 13px;border-radius:15px;color:#745d4b;background:none;font-weight:800;font-size:13px;transition:background .16s,transform .16s}.navlink:hover{background:#f6ebd8;transform:translateX(2px)}.navlink.active{background:#dce9ce;color:#2f6540;box-shadow:inset 0 -2px 0 #b9cda6}.navlink .navico{font-size:20px;width:22px;text-align:center}.sidefoot{margin-top:auto;border-radius:20px;padding:16px;background:#e8edce;font-size:12px}.sidefoot strong{display:block;font-size:15px;color:#426b42}.sidefoot p{margin:6px 0 0;font-size:12px}.main{min-width:0}.workspace{padding:18px clamp(17px,3vw,48px) 65px;max-width:1530px;margin:auto}.topbar{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:20px;min-height:49px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.topnote{font-size:13px;color:#8b7564}.topbar select{border:1px solid #e6d9c6;padding:9px 25px 9px 12px;border-radius:12px;background:#fffdf6;color:#4c3b2f;font-weight:800;max-width:140px}.bubble-stat{display:inline-flex;align-items:center;gap:5px;background:#fffdf7;padding:9px 12px;border:1px solid #eadcc8;border-radius:30px;box-shadow:0 3px 12px #6041250b;font-weight:900;white-space:nowrap;font-size:13px}.bubble-stat b{font-size:16px}.menu-mobile{display:none;background:#fff;padding:9px 12px;border-radius:13px;font-size:20px}.button{border-radius:14px;background:#ede3d5;padding:11px 17px;color:#513c2d;font-weight:900;transition:transform .15s,filter .15s;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none}.button:hover{transform:translateY(-2px);filter:brightness(1.03)}.button.primary{background:#477848;color:#fff;box-shadow:0 4px 0 #2f603a}.button.gold{background:#f5c458;color:#4b351b;box-shadow:0 4px 0 #dca444}.button.ghost{background:#fffaf0;border:1px solid #eadcc8}.button.negative{background:#f4d4c8;color:#863b2b}.button.full{width:100%}.button.sm{padding:8px 12px;border-radius:11px;font-size:12px}.panel{background:rgba(255,254,249,.96);border:1px solid #eddfcc;box-shadow:0 9px 30px rgba(77,50,25,.045);border-radius:22px;padding:22px}.panel h2,.panel h3{margin:0 0 11px}.panel + .panel{margin-top:14px}.sectionhead{display:flex;align-items:center;gap:13px;justify-content:space-between;margin:25px 0 14px}.sectionhead h2{margin:0}.sectionhead small{white-space:nowrap}.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.label{font-weight:900;font-size:13px;margin:8px 0 6px;display:block}.input{background:#fff;border:1px solid #e4d5bf;padding:12px 14px;min-height:45px;width:100%;border-radius:13px;color:#473728}.input:focus{border-color:#7c9e72}.notice{padding:15px 16px;border-radius:16px;background:#fff1d5;color:#886032;border:1px solid #edd8a9;font-size:13px}.notice.green{background:#e5efda;border-color:#c9dcbd;color:#456343}.notice.rose{background:#fae2d8;border-color:#f2cebe;color:#9a4f39}.welcome{background:linear-gradient(115deg,#fff4df,#f8f6e6);border-radius:28px;padding:25px 27px 22px;position:relative;overflow:hidden;min-height:365px;border:1px solid #f6dfbd;display:grid;grid-template-columns: minmax(0,1fr) minmax(250px,45%);align-items:center}.welcome:before{content:'✦';position:absolute;right:17px;top:8px;font-size:40px;color:#e7ab6c;opacity:.38}.welcome .intro{position:relative;z-index:2}.welcome h1{max-width:710px;margin:12px 0;color:#4f2d21;font-weight:1000}.welcome h1 span{color:#e67f3f}.welcome p{max-width:530px;font-size:16px;color:#775946;line-height:1.58;margin-bottom:22px}.welcome-art{height:310px;border-radius:160px 160px 30px 30px;background:linear-gradient(0deg,#e1bc79,#edd7a2);position:relative;overflow:hidden;box-shadow:inset 0 0 35px #93663e25}.welcome-art img{position:absolute;height:114%;width:125%;max-width:none;object-fit:cover;object-position:60% 49%;left:-24px;top:-17px;mix-blend-mode:normal}.welcome-art::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 35px 15px #f0d8a5aa;pointer-events:none}.welcome-seal{position:absolute;right:30px;bottom:20px;background:#fff9e8ee;transform:rotate(-7deg);border-radius:15px;padding:8px 13px;font-size:12px;font-weight:900;color:#8f5736;box-shadow:0 5px 12px #50321f24}.hero-facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.minitag{display:inline-flex;align-items:center;border-radius:30px;padding:6px 10px;background:#ffffffe8;border:1px solid #e9dbc7;font-size:12px;font-weight:900;color:#795a46}.statbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.stat{background:#fffdf6;border:1px solid #ebddc8;padding:15px 16px;border-radius:18px;display:flex;align-items:center;gap:10px}.stat-emoji{font-size:29px}.stat strong{font-size:21px;display:block;line-height:1.1}.stat small{font-size:11px}.worldcard{border:1px solid #e5d3bb;background:linear-gradient(140deg,var(--c),#fffdf5);padding:20px;border-radius:23px;min-height:205px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s}.worldcard:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.worldcard .big{font-size:66px;line-height:1;filter:drop-shadow(0 7px 5px #52311726)}.worldcard strong{font-size:20px;margin-top:auto;display:block;color:#4d392d}.worldcard p{font-size:12px;margin:6px 0}.worldcard .wcount{align-self:flex-start;font-size:11px;font-weight:900;background:#fff9eadd;padding:5px 10px;border-radius:30px}.rec-card{background:#fffdfa;border-radius:20px;overflow:hidden;border:1px solid #eadfce;cursor:pointer;transition:transform .18s,box-shadow .18s}.rec-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.rec-art{height:130px;background:radial-gradient(circle at 25% 18%,#fff9dd,var(--rc));display:grid;place-items:center;position:relative;overflow:hidden}.rec-art .plate{width:125px;height:89px;border-radius:50%;background:#ffffffe0;border:9px solid #fffaf4;box-shadow:0 6px 23px #76482b23;position:absolute;transform:rotate(-12deg)}.rec-art .dish{position:relative;z-index:1;font-size:76px;filter:drop-shadow(0 10px 3px #855d3840)}.rec-detail{padding:14px}.rec-detail strong{font-size:16px;display:block}.rec-detail small{font-size:11px;display:block;margin:6px 0}.rec-time{color:#60834d;font-size:12px;font-weight:900}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.chip{background:#fff9ec;border:1px solid #e8d9c4;border-radius:50px;padding:7px 13px;font-size:12px;font-weight:800;color:#79604a}.chip.active{background:#477848;color:#fff;border-color:#477848}.pageTitle{margin:6px 0 5px}.pageLead{margin-bottom:24px;max-width:760px;color:#766454}.split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.85fr);gap:18px}.step{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #eee3d4}.step:last-child{border:none}.step .idx{background:#f3dfbd;border-radius:12px;padding:8px 11px;font-weight:900;color:#8e5630}.step strong{display:block;font-size:14px}.step p{margin:3px 0 0;font-size:13px}.table{width:100%;border-collapse:collapse}.table td,.table th{border-bottom:1px solid #eee4d6;padding:10px 5px;text-align:left;font-size:13px}.table td:last-child,.table th:last-child{text-align:right;font-weight:900}.table th{color:#9a816c;font-size:11px;text-transform:uppercase}.progress{width:100%;height:10px;border-radius:20px;background:#eedec6;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#70a76b,#d3be4c);border-radius:20px;transition:width .3s}.opt{display:block;text-align:left;width:100%;border:2px solid #eee1d1;border-radius:14px;padding:14px 16px;background:#fffdf8;margin-top:9px;font-weight:800;color:#604a3a}.opt.active{border-color:#7da76b;background:#e5efda}.opt.good{border-color:#5f9257;background:#def3ce}.opt.bad{border-color:#ce8c75;background:#ffeadc}.kitchen-scene{height:370px;position:relative;border:6px solid #fff7e8;background:linear-gradient(#f2d4a2 0 58%,#bb8250 58% 60%,#a56b43 60%);border-radius:27px;overflow:hidden;box-shadow:inset 0 0 22px #70411a38}.kitchen-scene:before{content:'';position:absolute;left:9%;top:10%;width:180px;height:145px;border:12px solid #e9b777;border-radius:100px 100px 9px 9px;background:linear-gradient(170deg,#a4d2d0,#d4e3ba 70%,#afd392 70%);box-shadow:0 0 0 5px #995d3a66}.kitchen-scene:after{content:'';position:absolute;bottom:22px;left:-8%;width:115%;height:74px;background:linear-gradient(#dba86f,#b67642);border-top:13px solid #f4c387;box-shadow:0 8px 13px #52301b55}.scene-shelves{position:absolute;top:40px;right:25px;font-size:36px;letter-spacing:10px;filter:drop-shadow(0 6px 2px #52351b38)}.scene-mascot{position:absolute;left:18%;bottom:63px;width:205px;height:245px;overflow:hidden;border-radius:110px 110px 0 0;z-index:2;filter:drop-shadow(0 6px 6px #593a2c52)}.scene-mascot img{position:absolute;max-width:none;width:410px;height:300px;object-fit:cover;object-position:center;left:-80px;top:-17px}.scene-item{position:absolute;z-index:3;bottom:55px;right:24px;font-size:47px;filter:drop-shadow(0 7px 3px #3e261c55)}.shop-item{background:#fff9ee;border:1px solid #eadbc8;padding:14px;border-radius:19px;text-align:center}.shop-item .em{font-size:44px;margin:5px}.shop-item strong{display:block}.shop-item p{font-size:12px;min-height:39px;margin:7px 0}.lab-select{width:100%;display:flex;text-align:left;align-items:center;gap:10px;background:#fffaf0;border:1px solid #ecddc6;border-radius:13px;padding:10px;margin:6px 0;font-size:13px}.lab-select.active{background:#e6f0d9;border-color:#8eae77}.lab-select b{display:block}.lab-select small{font-size:11px}.lab-status{border-radius:15px;padding:17px;background:#e8eed7}.lab-status.caution{background:#fff0cd}.lab-status.blocked{background:#fbe3dc}.ingredient-tile{border:2px solid #e9dfce;border-radius:18px;background:#fffdf5;padding:17px;text-align:center;font-weight:800}.ingredient-tile.active{border-color:#608751;background:#e9f2dd}.ingredient-tile .em{font-size:39px;display:block}.bowl{height:230px;background:#f4e6d1;display:grid;place-items:center;border-radius:20px;position:relative;overflow:hidden}.bowl:before{content:' ';width:225px;height:130px;background:#84a679;border-radius:12px 12px 120px 120px;box-shadow:inset 0 14px #628a59,0 15px 10px #49352129;position:absolute;top:50px}.bowl .floating{position:absolute;font-size:44px;top:60px;z-index:1;max-width:230px;letter-spacing:1px;text-align:center}.bowl .caption{position:absolute;bottom:6px;z-index:1;color:#766250;font-size:12px}.mission-banner{background:linear-gradient(125deg,#416747,#71955e);border-radius:23px;padding:22px 24px;color:#fff;position:relative;overflow:hidden}.mission-banner:after{content:'🧁';position:absolute;right:4%;bottom:-12px;font-size:115px;opacity:.35;transform:rotate(-13deg)}.mission-banner h2,.mission-banner p{color:#fff;margin:6px 0}.mission-banner .eyebrow{color:#deefce}.quest-count{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:19px 0 12px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.vertical-split{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.item-choice{border-radius:14px;padding:12px 14px;background:#fffaed;border:1px solid #eedec9;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px}.item-choice.selected{border-color:#69965d;background:#eaf3de}.nameOverlay{position:fixed;inset:0;z-index:50;background:#251a14be;backdrop-filter:blur(7px);display:grid;place-items:center;padding:15px}.nameDialog{background:#fffaf0;border-radius:32px;padding:31px;width:min(530px,100%);box-shadow:0 30px 100px #180d0990;text-align:center;border:5px solid #f8d99f}.nameDialog .hippohead{width:155px;height:155px;border-radius:50%;overflow:hidden;margin:0 auto 12px;background:#dbbd89}.nameDialog .hippohead img{height:100%;width:100%;object-fit:cover;object-position:54% 37%;transform:scale(1.35)}.nameDialog h2{font-size:32px;margin:0 0 8px}.nameDialog p{font-size:14px}.toast{position:fixed;bottom:24px;right:20px;padding:15px 20px;background:#315b38;color:white;border-radius:16px;z-index:70;max-width:min(410px,88vw);box-shadow:var(--shadow);font-weight:800;animation:pop .2s}@keyframes pop{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.footer{font-size:11px;color:#9a8673;padding:28px 0 0;border-top:1px solid #eadeca;margin-top:35px}.mobilebar{display:none}.hidden{display:none!important}.preview-banner{padding:9px 14px;background:#fbe7c9;color:#896342;font-size:12px;text-align:center;border-bottom:1px solid #ead7b8}.mini-graph{display:flex;gap:7px;align-items:end;height:93px;padding:9px 3px}.mini-graph div{flex:1;background:linear-gradient(#a4c98b,#487b4a);border-radius:6px 6px 2px 2px}.note-tag{display:inline-block;background:#fff5da;color:#987041;border-radius:30px;font-size:11px;padding:6px 10px;font-weight:900}.licenseNote{font-size:11px;color:#8f7664}.floating-img{width:100%;height:100%;object-fit:cover}.themeTeen{--cream:#f7f8f1;--paper:#f6f9f1;--olive:#2d5c57;--mint:#d6e5dc;--orange:#d88956}.themeTeen .welcome{background:linear-gradient(115deg,#f6f0e0,#dce5d8)}.themeTeen .mission-banner{background:linear-gradient(125deg,#1e4a51,#507973)}.themeTeen .navlink.active{background:#d8e8dd;color:#2d5d59}
@media (max-width:1150px){.grid4{grid-template-columns:repeat(3,minmax(0,1fr))}.welcome{grid-template-columns:1fr 37%}.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:212px}.shell{grid-template-columns:212px minmax(0,1fr)}.scene-mascot{left:10%}}
@media (max-width:800px){.shell{display:block}.sidebar{display:none}.workspace{padding:15px 14px 95px}.topbar{gap:5px;margin-bottom:13px}.menu-mobile{display:inline-block}.topnote{display:none}.bubble-stat{font-size:11px;padding:7px 9px}.bubble-stat b{font-size:13px}.topbar-right{gap:5px}.topbar select{max-width:109px;padding:7px}.welcome{padding:21px 18px;min-height:360px;grid-template-columns:1fr;gap:7px}.welcome .intro{padding-right:0}.welcome h1{font-size:34px;margin:12px 0 8px;max-width:520px}.welcome p{font-size:13px;margin-bottom:13px;max-width:420px}.welcome-art{height:180px;max-width:410px;width:100%;margin:0 auto}.welcome-art img{width:100%;height:145%;left:0;top:-35px}.welcome-seal{right:15px;bottom:10px;font-size:10px}.hero-facts{display:none}.statbar{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:11px}.stat strong{font-size:18px}.stat-emoji{font-size:23px}.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.split,.grid2,.vertical-split{grid-template-columns:1fr}.panel{padding:17px}.worldcard{min-height:173px;padding:14px}.worldcard .big{font-size:47px}.worldcard strong{font-size:16px}.rec-art{height:105px}.rec-art .dish{font-size:59px}.rec-detail{padding:11px}.rec-detail strong{font-size:14px}.rec-detail small{font-size:10px}.mobilebar{position:fixed;bottom:0;left:0;right:0;z-index:12;background:#fffaf4f2;backdrop-filter:blur(12px);border-top:1px solid #e7d7c0;display:flex;justify-content:space-around;gap:3px;padding:9px 7px max(9px,env(safe-area-inset-bottom))}.mobilebar button{background:none;display:grid;gap:0;place-items:center;font-size:21px;color:#8e7359;flex:1;padding:3px 0}.mobilebar button span{font-size:10px;font-weight:800}.mobilebar button.active{color:#3f7a47}.drawer{position:fixed;inset:0;z-index:30;background:#25180d9e;display:none}.drawer.open{display:block}.drawer-panel{background:#fffaf0;width:min(315px,86vw);height:100%;overflow:auto;padding:24px 16px}.drawer-panel .sidenav{margin-top:22px}.kitchen-scene{height:320px}.scene-mascot{left:4%;width:150px;height:207px}.scene-mascot img{left:-74px;width:370px}.scene-shelves{font-size:24px;right:12px;letter-spacing:3px}h1{font-size:32px}h2{font-size:24px}}
@media(max-width:410px){.grid4{gap:9px}.statbar{gap:8px}.topbar-right .bubble-stat:nth-child(3){display:none}.worldcard strong{font-size:14px}.worldcard p{font-size:11px}.welcome h1{font-size:30px}.button{font-size:12px;padding:10px 13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}