*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:#0b0f16;color:#fff}button,input{font:inherit}.totem{height:100%;overflow:hidden;background:radial-gradient(circle at 20% 0,#1c2535 0,#0b0f16 38%)}.center{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;gap:16px}.center h1{font-size:clamp(38px,6vw,70px);margin:0;font-weight:950}.center p{color:#a9b0bd;font-size:22px;margin:0}.center small{color:#687080;font-size:16px}.logo{width:112px;height:112px;display:grid;place-items:center;border-radius:32px;background:#ef2737;box-shadow:0 24px 60px #ef273755}.start,.btn{border:0;background:#ef2737;color:#fff;border-radius:18px;padding:18px 28px;font-weight:900;font-size:22px;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer}.start{margin-top:18px;font-size:28px;padding:24px 42px}.btn:disabled{background:#303644;color:#777e8b;cursor:not-allowed}.demo{padding:12px 16px;border:1px solid #7a5c16;background:#2d240c;color:#f9cc5e;border-radius:12px;font-weight:700}.screen{height:100%;display:flex;flex-direction:column}.screen header{height:78px;background:#111722;border-bottom:1px solid #262d38;display:flex;align-items:center;gap:16px;padding:0 24px;flex:none}.screen header button{width:46px;height:46px;border:0;border-radius:14px;background:#202735;color:#fff;display:grid;place-items:center}.screen header h2{text-transform:uppercase;letter-spacing:.04em;font-size:24px}.screen main{position:relative;flex:1;min-height:0;overflow:auto;padding:20px 24px 110px}.cats{display:flex;gap:8px;overflow:auto;padding-bottom:14px}.cats button{border:1px solid #2d3544;background:#171d28;color:#aab1be;padding:10px 16px;border-radius:999px;font-weight:800;white-space:nowrap}.cats button.sel{background:#ef2737;border-color:#ef2737;color:#fff}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.product{overflow:hidden;border-radius:18px;background:#151b26;border:1px solid #272f3c}.photo{height:140px;background:#202736;display:grid;place-items:center;color:#6d7584}.photo img,.flavor-img img{width:100%;height:100%;object-fit:cover}.product-body{padding:14px}.product-body h3{font-size:17px;margin:0 0 6px;text-transform:uppercase}.product-body p{font-size:12px;color:#7d8796;height:32px;margin:0 0 12px;overflow:hidden}.product-body>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.product-body b{color:#ff4b58;font-size:19px}.add{border:0;background:#ef2737;color:#fff;padding:9px 12px;border-radius:10px;font-weight:900}.qty{display:flex;align-items:center;gap:8px;background:#222a37;border-radius:11px;padding:4px}.qty button{border:0;background:#343d4d;color:#fff;border-radius:8px;width:32px;height:32px;display:grid;place-items:center}.qty svg{width:16px}.qty span{min-width:22px;text-align:center;font-weight:900}.cartbar,.bottom{position:absolute;left:0;right:0;bottom:0;padding:15px 24px;background:#111722;border-top:1px solid #28303d}.cartbar button{width:100%;border:0;background:#ef2737;color:#fff;border-radius:16px;padding:17px;font-size:19px;font-weight:900;display:flex;gap:10px;justify-content:center;align-items:center}.cartbar b{margin-left:10px}.flavor-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.flavor-head p{font-size:19px;font-weight:800}.flavor-head button{display:flex;align-items:center;gap:8px;border:1px solid #343d4b;background:#171d28;color:#d2d6dc;border-radius:12px;padding:10px 14px}.flavors{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.flavors>button{position:relative;border:2px solid #293140;background:#151b26;color:#fff;border-radius:17px;overflow:hidden;padding:0 0 12px}.flavors>button.picked,.pay-grid button.picked{border-color:#ef2737;box-shadow:0 0 0 2px #ef273733}.flavor-img{height:135px;background:#202736;position:relative;display:grid;place-items:center;color:#727b89}.flavor-img i{position:absolute;right:9px;bottom:9px;background:#ef2737;width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.flavors strong{display:block;margin-top:10px;text-transform:uppercase}.flavors span{display:inline-block;margin-top:5px;padding:3px 8px;background:#ef2737;border-radius:999px;font-size:12px;font-weight:900}.wide{width:100%}.cart-list{display:grid;gap:12px}.cart-item{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px;background:#151b26;border:1px solid #28303d;border-radius:17px}.cart-item h3{margin:0 0 5px}.cart-item p{margin:0 0 7px;color:#9aa3b2;font-size:13px}.cart-item b{color:#ff4b58}.cart-actions{display:flex;align-items:center;gap:10px}.trash{border:0;width:40px;height:40px;border-radius:10px;background:#39191e;color:#ff6671}.checkout-total{margin-top:18px;background:#151b26;border:1px solid #28303d;padding:18px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;font-size:22px}.checkout-total b{font-size:30px;color:#ff4b58}.checkout{max-width:850px;margin:0 auto}.checkout label{display:grid;gap:9px;font-weight:800}.checkout input{font-size:32px;text-align:center;text-transform:uppercase;background:#151b26;color:#fff;border:2px solid #333c4a;border-radius:15px;padding:18px;outline:0}.checkout input:focus{border-color:#ef2737}.checkout h3{text-transform:uppercase;margin:24px 0 12px}.pay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pay-grid button{position:relative;border:2px solid #2d3544;background:#151b26;color:#fff;border-radius:17px;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.pay-grid button>svg:first-child{width:34px;height:34px;color:#ff4b58}.pay-grid button>svg:last-child{position:absolute;right:10px;top:10px;color:#4ade80}.success{width:125px;height:125px;border-radius:50%;background:#153524;color:#4ade80;display:grid;place-items:center;border:3px solid #4ade80}.number{display:grid;gap:7px;background:#151b26;border:1px solid #323b49;padding:18px 40px;border-radius:20px;margin:12px 0}.number span{color:#8f98a7}.number strong{font-size:48px;color:#ff4b58}.toast{position:fixed;z-index:50;left:50%;top:18px;transform:translate(-50%);background:#7f1d1d;color:#fff;padding:12px 18px;border-radius:12px;box-shadow:0 10px 30px #0008}.spinner{width:46px;height:46px;border:4px solid #303744;border-top-color:#ef2737;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:820px){.grid,.flavors{grid-template-columns:repeat(2,1fr)}.screen main{padding-left:14px;padding-right:14px}.pay-grid{grid-template-columns:1fr}.product .photo{height:110px}}@media(min-width:1200px){.grid{grid-template-columns:repeat(4,1fr)}.photo{height:180px}}