*{box-sizing:border-box} :root{--bg:#07111f;--panel:#0d1b2e;--panel2:#12243c;--line:#294568;--text:#f5f7ff;--muted:#a8bad4;--gold:#ffb51b;--purple:#a43bff}body{margin:0;background:radial-gradient(ellipse at 50% -20%,#1b2e4b,transparent 50%),var(--bg);color:var(--text);font:13px/1.45 Inter,system-ui,Arial,sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:190px minmax(370px,1fr) 330px}.sidebar{background:#050c17;border-right:1px solid #203451;padding:22px 12px;display:flex;flex-direction:column}.logo{display:flex;gap:8px;align-items:center;font-size:27px;line-height:.92;letter-spacing:-1.5px}.logo span{font-size:35px}.logo i{color:var(--gold)}.tag{margin:7px 0 25px 42px;color:var(--muted);font-size:11px}.sidebar nav{display:grid;gap:7px}.nav{border:0;border-radius:10px;background:transparent;color:#dce7f7;text-align:left;padding:13px;font-size:19px}.nav span{font-size:13px;margin-left:8px}.nav.active{background:linear-gradient(90deg,#382b22,#a7640a);color:#ffd04a;box-shadow:inset 0 0 0 1px #d58a19}.promo{margin-top:auto;border:1px solid #8b5d19;border-radius:16px;padding:14px;background:linear-gradient(145deg,#162137,#201729);text-align:center}.promo div{font-size:27px;color:var(--gold)}.promo h3{font-size:14px;margin:4px 0}.promo p{color:var(--muted);font-size:11px}.gold,.purple{border:0;border-radius:999px;padding:11px 14px;font-weight:850;transition:transform .2s,filter .2s}.gold{background:linear-gradient(110deg,#ffc32d,#ffa600);color:#17110a}.purple{background:linear-gradient(110deg,#bd4bff,#7916df);color:white}.gold:hover,.purple:hover{transform:translateY(-2px);filter:brightness(1.1)}.promo .gold{width:100%;font-size:11px}.center{padding:21px 20px 40px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}header small{font-size:9px;color:var(--gold);letter-spacing:1.2px;font-weight:800}h1{font-size:22px;margin:4px 0 0;letter-spacing:-.6px}.cartTop{white-space:nowrap;background:#14233b;color:white;border:1px solid #344d70;border-radius:12px;padding:10px;font-weight:700}.cartTop b{background:#f52657;border-radius:50%;padding:3px 7px;margin:0 4px}.cartTop strong{margin-left:5px;color:var(--gold)}.search{display:flex;align-items:center;gap:10px;background:#101d31;border:1px solid #30496d;border-radius:28px;padding:0 14px;margin-bottom:14px;font-size:24px}.search input{width:100%;padding:10px 0;background:transparent;border:0;outline:0;color:white}.hero{display:flex;justify-content:space-between;align-items:center;min-height:180px;border-radius:16px;overflow:hidden;border:1px solid #304567;background:linear-gradient(110deg,#101626,#301c20 55%,#6a3210);padding:20px;position:relative}.hero:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 50%,#ff9b1740,transparent 50%);pointer-events:none}.hero h2{font-size:27px;line-height:1.05;margin:9px 0}.hero h2 em{font-style:italic;color:var(--gold);font-size:34px}.hero p{color:#d2d7e3;font-size:12px}.heroFoods{display:flex;flex-wrap:wrap;max-width:45%;align-items:center;justify-content:center;font-size:39px;gap:0;filter:drop-shadow(0 8px 8px #0009)}.heroFoods span{animation:float 3s ease-in-out infinite}.heroFoods span:nth-child(2n){animation-delay:.45s}@keyframes float{50%{transform:translateY(-7px) rotate(3deg)}}.categories{display:flex;gap:6px;overflow:auto;padding:14px 0}.categories button{flex:0 0 auto;border:1px solid #2b4569;border-radius:11px;background:#0d1b2e;color:#e9f0fc;padding:9px 11px}.categories button.active{background:#443019;color:#ffcf47;border-color:#f5a900}.sectionTitle{display:flex;align-items:center;justify-content:space-between}.sectionTitle h2{font-size:18px;margin:3px 0 10px}.sectionTitle span{font-size:11px;color:var(--muted)}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.product{background:linear-gradient(155deg,#12233a,#0b1727);border:1px solid #294568;border-radius:13px;overflow:hidden;min-width:0;animation:enter .3s ease both}.product:hover{border-color:#e89c1a;transform:translateY(-3px)}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.foodpic{height:98px;background:radial-gradient(ellipse,#493323,#101a2b 70%);display:grid;place-items:center;font-size:50px;overflow:hidden}.foodpic img{width:100%;height:100%;object-fit:contain}.pbody{padding:9px}.pbody h3{font-size:12px;margin:0 0 3px}.pbody p{font-size:10px;color:var(--muted);height:29px;overflow:hidden;margin:0 0 8px}.pfoot{display:flex;align-items:center;justify-content:space-between;gap:3px}.price{color:var(--gold);font-weight:900}.smallbtn{border:0;border-radius:30px;background:var(--gold);color:#15100a;padding:7px 8px;font-size:10px;font-weight:800}.right{background:linear-gradient(180deg,#0b1729,#091321);border-left:1px solid #243d5d;padding:15px;min-width:0}.panelTitle{display:flex;gap:9px;align-items:center;margin-bottom:11px}.panelTitle h2{font-size:13px;margin:0}.panelTitle p{font-size:10px;color:var(--muted);margin:2px 0}.orb{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#6923ad;color:white;font-size:20px}.orb.plus{border-radius:50%;background:#a43bff}.stage{border:1px solid #304567;border-radius:13px;overflow:hidden;background:#0e1a2c;margin-bottom:9px}.stageTop{display:flex;justify-content:space-between;padding:8px 10px;font-size:8px;letter-spacing:1px;color:var(--muted);border-bottom:1px solid #263b58}.stageTop span:last-child{color:var(--gold)}.foodScene{height:177px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at center,#26364d 0,#121f32 52%,#0d1727 100%)}.foodScene:before{content:'';position:absolute;width:175px;height:30px;background:#0006;filter:blur(12px);border-radius:50%;bottom:19px}.foodBase{position:relative;z-index:2;font-size:94px;filter:drop-shadow(0 12px 9px #0008);transition:transform .35s;line-height:1}.foodBase img{width:190px;height:155px;object-fit:contain;display:block}.layers{position:absolute;inset:0;z-index:3;pointer-events:none}.ingredientLayer{position:absolute;left:50%;top:50%;font-size:30px;transform:translate(-50%,-50%) scale(.4);opacity:0;filter:drop-shadow(0 4px 3px #0009)}.ingredientLayer.on{animation:dropIn .48s cubic-bezier(.2,.9,.2,1.25) forwards}.ingredientLayer.off{animation:popOut .25s ease forwards}@keyframes dropIn{0%{opacity:0;transform:translate(-50%,-110px) scale(.45) rotate(-15deg)}70%{opacity:1;transform:translate(-50%,-40%) scale(1.16) rotate(5deg)}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}@keyframes popOut{to{opacity:0;transform:translate(-50%,-30px) scale(.5)}}.impact{position:absolute;z-index:4;left:50%;top:50%;font-size:22px;opacity:0;pointer-events:none}.impact.burst{animation:burst .45s ease}@keyframes burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}100%{opacity:0;transform:translate(-50%,-90%) scale(.6)}}.sceneCaption{display:flex;justify-content:space-between;padding:8px 10px;font-size:11px}.sceneCaption span{color:var(--gold);font-weight:900}.upload{display:flex;align-items:center;flex-direction:column;text-align:center;border:1px dashed #8c4be8;border-radius:10px;background:#111b30;padding:8px;margin-bottom:8px;cursor:pointer;font-size:20px;color:#d7b4ff}.upload b{font-size:11px;color:white}.upload small{font-size:9px;color:var(--muted)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.formgrid label{font-size:10px;color:#d9e5f8}.formgrid input{display:block;width:100%;min-width:0;margin-top:3px;border:1px solid #2a4263;background:#0b1728;border-radius:7px;padding:7px;color:white;outline:0;font-size:11px}.wide{width:100%;margin-top:8px;font-size:10px}.divider{height:1px;background:#253b59;margin:14px 0}.extras{display:grid;grid-template-columns:1fr 1fr;gap:5px}.extra{display:flex;align-items:center;gap:5px;padding:6px;background:#111e32;border:1px solid transparent;border-radius:8px;font-size:10px;cursor:pointer;min-width:0}.extra.selected{border-color:#a43bff;background:#291c43}.extra .eicon{font-size:17px}.extra .etxt{flex:1;min-width:0}.extra .etxt b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.extra .etxt small{color:var(--gold);font-size:9px}.extra button{background:transparent;border:0;color:#a8bad4;padding:0;font-size:17px}.extra.selected button{color:#ce8aff}.qtyRow{display:flex;align-items:center;justify-content:space-between;margin:11px 0;color:var(--muted);font-size:11px}.qtyRow button{border:1px solid #334c6d;background:#14243a;color:white;border-radius:7px;padding:2px 8px}.qtyRow b{display:inline-block;min-width:22px;text-align:center;color:white}.buyRow{display:flex;align-items:center;justify-content:space-between;gap:7px;border-top:1px solid #263c59;padding-top:10px}.buyRow small{display:block;color:var(--muted);font-size:9px}.buyRow strong{color:var(--gold);font-size:19px}.buyRow .gold{font-size:10px;padding:11px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);background:#162842;border:1px solid #49658b;color:white;border-radius:12px;padding:12px 18px;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 10px 40px #0008;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}#workspace{background:#0c192b;border:1px solid #294568;border-radius:14px;padding:18px}#workspace h2{margin-top:0}.cartline{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #293d57}.cartline .lineinfo{flex:1}.cartline small{display:block;color:var(--muted)}.remove{border:0;border-radius:7px;background:#51233a;color:white;padding:7px}.overlay{position:fixed;inset:0;z-index:30;background:#020711df;display:grid;place-items:center;padding:20px}.overlay[hidden]{display:none}.checkoutModal{width:min(420px,100%);position:relative;background:linear-gradient(150deg,#14233b,#091321);border:1px solid #3d587e;border-radius:22px;padding:25px;text-align:center;overflow:hidden;box-shadow:0 25px 100px #0009}.close{position:absolute;right:12px;top:12px;border:0;background:#263b58;color:white;border-radius:50%;width:28px;height:28px;font-size:20px}.boxScene{height:185px;position:relative;display:grid;place-items:center;margin:5px 0 12px}.boxFood{font-size:75px;position:absolute;z-index:2;animation:foodIntoBox 1.25s cubic-bezier(.2,.8,.3,1) forwards}.boxBase{position:absolute;bottom:15px;width:180px;height:76px;background:linear-gradient(140deg,#e7a73c,#a75c12);border:3px solid #ffcf6b;border-radius:7px 7px 20px 20px;display:grid;place-items:center;color:#4d2608;font-weight:1000;letter-spacing:2px;transform:perspective(200px) rotateX(-8deg);box-shadow:0 12px 18px #0007}.boxLid{position:absolute;z-index:3;bottom:84px;width:190px;height:23px;border-radius:5px;background:linear-gradient(#ffd06c,#c37b20);border:2px solid #ffe09a;transform-origin:bottom;animation:closeLid 1s .75s ease-in forwards}@keyframes foodIntoBox{0%{transform:translateY(-35px) scale(1);opacity:1}55%{transform:translateY(35px) scale(.65);opacity:1}100%{transform:translateY(45px) scale(.15);opacity:0}}@keyframes closeLid{0%{transform:rotateX(0)}100%{transform:rotateX(68deg) translateY(6px)}}.checkoutModal h2{color:var(--gold);margin:4px 0}.checkoutModal p{color:var(--muted)}@media(max-width:1200px){.shell{grid-template-columns:160px minmax(330px,1fr)}.right{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:9px;border-left:0;border-top:1px solid #243d5d}.right .panelTitle:first-child,.right .stage,.right .upload,.right .formgrid,.right .wide,.right .divider,.right .extras,.right .qtyRow,.right .buyRow{grid-column:span 2}.products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.shell{display:block}.sidebar{padding:12px;border:0;border-bottom:1px solid #203451}.logo{font-size:20px}.tag{margin:4px 0 10px 40px}.sidebar nav{display:flex;overflow:auto}.nav{flex:0 0 auto;padding:8px 10px}.nav span{font-size:11px}.promo{display:none}.center{padding:14px 12px 24px}header h1{font-size:17px}.cartTop{font-size:10px;padding:8px}.cartTop strong{display:none}.hero{min-height:155px;padding:14px}.hero h2{font-size:22px}.hero h2 em{font-size:27px}.heroFoods{font-size:28px;max-width:38%}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.right{display:block;padding:14px 12px}.foodScene{height:200px}}