*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#050505;color:#fff;font-family:Arial,Helvetica,sans-serif}button{font:inherit}.page{min-height:100vh;padding:28px;display:flex;flex-direction:column;gap:22px}.header{display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{font-size:42px;font-weight:900;letter-spacing:-1px}.status{padding:10px 16px;border-radius:999px;background:#113d1f;color:#8cffae;font-weight:800}.soundBtn{width:100%;min-height:74px;border:0;border-radius:20px;background:#ff6a00;color:#111;font-size:28px;font-weight:900}.empty{flex:1 1;border:3px dashed #333;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.empty h1{font-size:44px;margin:0 0 16px}.empty p{color:#aaa;font-size:26px;margin:6px 0}.job{border-radius:28px;padding:28px;background:#171717;border:4px solid #ff3030;box-shadow:0 0 28px rgba(255,48,48,.35)}.job.received{border-color:#ffd000;box-shadow:0 0 28px rgba(255,208,0,.25)}.job.en_preparacion,.job.preparing{border-color:#ff8800;box-shadow:0 0 28px rgba(255,136,0,.25)}.job.listo,.job.ready{border-color:#00e676;box-shadow:0 0 28px rgba(0,230,118,.25)}.badge{display:inline-block;padding:10px 16px;border-radius:999px;background:#ff3030;color:white;font-size:24px;font-weight:900}.job.received .badge{background:#ffd000;color:#111}.job.en_preparacion .badge,.job.preparing .badge{background:#ff8800;color:#111}.job.listo .badge,.job.ready .badge{background:#00e676;color:#111}.order{font-size:48px;font-weight:900;margin:20px 0}.items{margin:20px 0 28px}.itemTitle{display:flex;align-items:flex-start;gap:12px;padding:8px 0 20px;font-size:34px;line-height:1.2;font-weight:900}.itemIcon{line-height:1}.property{padding:7px 0}.propertyName{color:#bdbdbd;font-size:21px;line-height:1.2;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.propertyValues{padding-top:3px}.propertyValue{font-size:31px;line-height:1.25;font-weight:700}.modifierGroup{margin:22px 0;padding:18px 20px;border:1px solid #3b3b3b;border-radius:18px;background:#101010}.modifierGroupTitle{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #333;font-size:23px;line-height:1.2;font-weight:900;letter-spacing:.045em}.modifierList{margin:14px 0 0;padding-left:30px}.modifierList li{padding:4px 0;font-size:30px;line-height:1.3;font-weight:700}.commentBlock{margin:22px 0;padding:18px 20px;border:2px solid #775600;border-radius:18px;background:#2a1f00}.commentTitle{color:#ffd76a;font-size:22px;font-weight:900;letter-spacing:.045em}.commentText{margin-top:8px;font-size:30px;line-height:1.3;font-weight:800}.ticketSeparator{height:1px;margin:22px 0;background:#3a3a3a}.ticketSeparator:first-child,.ticketSeparator:last-child{display:none}.action{width:100%;min-height:92px;border:0;border-radius:22px;background:#fff;color:#000;font-size:34px;font-weight:900;cursor:pointer}.action:disabled{cursor:wait;opacity:.7}.meta{color:#aaa;font-size:20px;margin-top:14px}.error{color:#ff8080;font-weight:800}@media (max-width:600px){.page{padding:16px}.brand{font-size:34px}.order{font-size:38px}.itemTitle{font-size:29px}.commentText,.modifierList li,.propertyValue{font-size:26px}.action{font-size:28px}}