:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f7fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#0c0f14;--panel:#ffffff13;--panel-strong:#ffffff1f;--text:#f4f7fb;--muted:#9aa6b8;--line:#ffffff1f;--gold:#ffb000;--amber:#ffcf5b;--green:#3ce39b;--red:#ff5f73;background:#0c0f14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 10%,#ffb0002e,#0000 30rem),radial-gradient(circle at 90% 0,#ff5f7329,#0000 24rem),linear-gradient(145deg,#0c0f14 0%,#131823 100%);min-width:320px;min-height:100vh;margin:0}button{border:1px solid var(--line);background:var(--panel-strong);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:.85rem 1.1rem;font-weight:700;transition:transform .16s,border-color .16s,background .16s}button:hover:not(:disabled){border-color:#ffb0008c;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.45}.shell{width:min(1180px,100% - 2rem);margin:0 auto;padding:2rem 0}.hero{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.hero h1{letter-spacing:0;margin:0;font-size:clamp(3rem,9vw,7.5rem);line-height:.85}.subtle,.empty{color:var(--muted)}.eyebrow{color:var(--amber);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .55rem;font-size:.76rem;font-weight:900}.grid{grid-template-columns:minmax(280px,1.25fr) repeat(2,minmax(240px,1fr));gap:1rem;display:grid}.cloud-alert{background:#ff5f731f;border:1px solid #ff5f7399;border-radius:18px;gap:.3rem;margin:0 0 1rem;padding:.85rem 1rem;display:grid}.cloud-alert strong,.cloud-alert span,.cloud-alert small{display:block}.cloud-alert strong{color:var(--red)}.cloud-alert span,.cloud-alert small{color:var(--text)}.cloud-alert small{color:var(--muted)}.panel,.status-card{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;box-shadow:0 20px 60px #0000003d}.panel{padding:1.15rem}.pos-panel{background:linear-gradient(180deg, #ffb0002e, #ffffff13), var(--panel);flex-direction:column;justify-content:space-between;min-height:460px;display:flex}.panel h2{margin:0 0 .4rem;font-size:1.6rem}.status-card{align-items:center;gap:.75rem;min-width:260px;padding:.95rem 1rem;display:flex}.status-card strong,.status-card span{display:block}.status-card span{color:var(--muted);font-size:.9rem}.status-card small{color:var(--muted);margin-top:.2rem;font-size:.76rem;display:block}.hero-status{gap:.75rem;min-width:300px;display:grid}.wifi-card{min-width:300px}.dot{background:var(--muted);border-radius:999px;width:.9rem;height:.9rem;box-shadow:0 0 0 .45rem #9aa6b81f}.dot.good,.pill.good{background:var(--green);color:#062015}.dot.warn,.pill.warn{background:var(--gold);color:#221600}.dot.bad,.pill.bad{background:var(--red);color:#2d0008}.dot.muted,.pill.muted{color:#0c0f14;background:#758095}.price{letter-spacing:0;margin:1rem 0;font-size:clamp(2.7rem,7vw,5.25rem);font-weight:950}.stock-strip{border:1px solid var(--line);background:#00000038;border-radius:22px;justify-content:space-between;align-items:center;margin:1.2rem 0;padding:1rem;display:flex}.stock-strip strong{font-size:2rem}.primary,.secondary{width:100%}.primary{color:#1f1300;background:linear-gradient(135deg,#ffcf5b,#ff7f11);border:0;padding:1.1rem 1.25rem;font-size:1.05rem}.secondary{margin-top:.75rem}.button-row{flex-wrap:wrap;gap:.55rem;margin:.75rem 0;display:flex}.bench-panel,.log-panel,.led-panel{grid-column:span 2}.telemetry-grid,.input-grid{gap:.7rem;display:grid}.telemetry-grid{grid-template-columns:repeat(4,minmax(120px,1fr));margin-top:1rem}.input-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.metric,.input-pill,.live-note,.sensor-check,.led-strip-control{border:1px solid var(--line);background:#00000038;border-radius:18px;padding:.8rem}.metric span,.metric strong,.metric small,.input-pill span,.input-pill strong,.input-pill small,.live-note span,.live-note strong,.live-note small,.sensor-check span,.sensor-check strong,.sensor-check small,.led-strip-heading span,.led-strip-heading strong,.check-status b,.check-status small{display:block}.metric span,.input-pill span,.live-note span,.sensor-check span,.led-strip-heading span,.field-control span,.check-status b{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.metric strong{margin-top:.35rem;font-size:1.45rem}.metric small,.input-pill small,.live-note small,.sensor-check small,.check-status small{color:var(--muted);margin-top:.2rem}.metric.good,.input-pill.good,.sensor-check.good,.check-status.good{border-color:#3ce39b73}.metric.warn,.input-pill.warn,.sensor-check.warn,.check-status.warn{border-color:#ffb0008c}.metric.bad,.input-pill.bad,.sensor-check.bad,.check-status.bad{border-color:#ff5f7399}.sensor-check-grid,.led-control-grid{gap:.75rem;margin-top:1rem;display:grid}.led-control-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.sensor-check button{width:100%;margin-top:.75rem}.check-status{border:1px solid var(--line);background:#ffffff0b;border-radius:14px;margin-top:.7rem;padding:.65rem}.led-strip-heading{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.75rem;display:flex}.swatch{border:1px solid var(--line);border-radius:999px;flex:none;width:2.4rem;height:2.4rem}.field-control{gap:.4rem;margin:.65rem 0;display:grid}.field-control input[type=color]{border:1px solid var(--line);background:#ffffff14;border-radius:12px;width:100%;height:2.6rem}.field-control input[type=range]{width:100%}.field-control input[type=number]{border:1px solid var(--line);width:7rem;color:var(--text);font:inherit;background:#ffffff14;border-radius:12px;padding:.65rem;font-weight:700}.live-note{margin:.75rem 0}.live-note strong{margin-top:.3rem}.list{gap:.7rem;margin-top:1rem;display:grid}.list-row{border:1px solid var(--line);background:#0003;border-radius:18px;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem;display:flex}.list-row strong,.list-row span,.list-row small{display:block}.list-row span,.list-row small{color:var(--muted);font-size:.78rem}.list-row small{max-width:34rem;margin-top:.25rem}.event-list{max-height:520px;padding-right:.25rem;overflow:auto}.event-row{align-items:flex-start}.mono{font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace}.pill{text-transform:uppercase;border-radius:999px;flex:none;padding:.35rem .55rem;font-size:.72rem;font-weight:900}.warning{color:var(--amber)}.customer-shell{background:radial-gradient(circle at 18% 18%,#ffb0003d,#0000 24rem),radial-gradient(circle at 78% 28%,#3ce39b24,#0000 25rem),linear-gradient(135deg,#07090d 0%,#12161f 55%,#06070a 100%);min-height:100vh;padding:1.25rem;position:relative;overflow:hidden}.customer-topbar{z-index:3;color:#f8fbff;justify-content:space-between;align-items:center;min-height:3rem;font-weight:900;display:flex;position:relative}.customer-topbar strong{letter-spacing:.12em;font-size:1.2rem}.customer-topbar span{color:#f8fbffb8;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;padding:.45rem .7rem}.customer-idle,.customer-layout{min-height:calc(100vh - 5.5rem)}.customer-idle{cursor:pointer;align-items:center;display:grid;position:relative}.customer-layout{grid-template-columns:minmax(0,1.2fr) minmax(24rem,.8fr);align-items:center;gap:1.25rem;display:grid}.customer-product-stage{grid-template-columns:minmax(22rem,.9fr) minmax(24rem,1fr);align-items:center;gap:1.4rem;display:grid}.product-turntable{perspective:900px;place-items:center;min-height:33rem;display:grid;position:relative}.turntable-shadow,.platter-ring{border-radius:50%;position:absolute}.turntable-shadow{filter:blur(22px);background:#0000007a;width:min(35vw,32rem);height:min(14vw,10rem);bottom:3rem}.platter-ring{aspect-ratio:1;background:radial-gradient(circle at 50% 44%,#ffffff29,#0000 31%),radial-gradient(circle,#ffcf5b38,#ffffff0a 60%,#0000004d);border:1px solid #ffcf5b5c;width:min(34vw,30rem);transform:rotateX(65deg)}.product-orbit{z-index:2;aspect-ratio:1.35;object-fit:cover;border:1px solid #fff3;border-radius:8px;width:min(36vw,31rem);animation:8s linear infinite productTurntable;position:relative;box-shadow:0 2rem 5rem #0000007a}.stage-copy h1,.customer-card h1{letter-spacing:0;margin:0;font-size:clamp(3rem,6vw,6.6rem);line-height:.9}.stage-copy p:not(.eyebrow),.customer-copy{color:#f8fbffb8;max-width:42rem;font-size:clamp(1rem,1.7vw,1.35rem);line-height:1.5}.product-tags{flex-wrap:wrap;gap:.6rem;margin:1.1rem 0;display:flex}.product-tags span,.customer-product-line,.payment-summary,.command-progress-list>div{background:#ffffff14;border:1px solid #ffffff24;border-radius:8px}.product-tags span{color:#10130b;background:linear-gradient(135deg,#ffcf5b,#3ce39b);padding:.55rem .8rem;font-weight:900}.tap-zone{pointer-events:none;place-items:center;display:grid;position:absolute;bottom:1.5rem;left:2rem;right:2rem}.tap-zone span{color:#ffcf5b;background:#0000005c;border:1px solid #ffcf5b80;border-radius:999px;padding:.95rem 1.35rem;font-size:1.2rem;font-weight:900;animation:1.5s ease-in-out infinite tapPulse}.customer-card{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080a0fc7;border:1px solid #ffffff26;border-radius:8px;width:min(100%,45rem);margin:5vh auto 0;padding:clamp(1.2rem,3vw,2rem);position:relative;box-shadow:0 2rem 6rem #00000061}.customer-card.narrow{max-width:38rem}.customer-form{gap:.85rem;margin-top:1rem;display:grid}.customer-form label{gap:.4rem;display:grid}.customer-form span{color:#f8fbffa3;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.customer-form input{color:#f8fbff;width:100%;font:inherit;background:#ffffff17;border:1px solid #ffffff29;border-radius:8px;padding:1rem;font-size:1.1rem}.customer-primary,.customer-secondary,.customer-link{width:100%;min-height:3.35rem;margin-top:.85rem}.customer-primary{color:#140e03;background:linear-gradient(135deg,#ffcf5b,#f49b1e);border:0}.customer-secondary{background:#3ce39b1f;border-color:#3ce39b61}.customer-link{color:#f8fbffb8;background:0 0;border:0}.customer-message{color:#ffcf5b;background:#ffcf5b1a;border:1px solid #ffcf5b59;border-radius:8px;padding:.75rem}.customer-product-line,.payment-summary,.command-progress-list>div{justify-content:space-between;align-items:center;gap:.8rem;padding:.9rem;display:flex}.customer-product-line strong,.customer-product-line span,.payment-summary span,.payment-summary strong,.payment-summary small,.command-progress-list span,.command-progress-list strong,.command-progress-list small{display:block}.customer-product-line span,.payment-summary span,.payment-summary small,.command-progress-list span,.command-progress-list small{color:#f8fbffa3}.quantity-picker{grid-template-columns:4rem 1fr 4rem;align-items:center;gap:.7rem;margin:1rem 0;display:grid}.quantity-picker strong{background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;place-items:center;min-height:4rem;font-size:2rem;display:grid}.customer-total{justify-content:space-between;align-items:baseline;margin:1rem 0;display:flex}.customer-total span{color:#f8fbffa3}.customer-total strong{font-size:2.2rem}.payment-card{text-align:center;justify-items:center;display:grid}.qr-code{background:#f8fbff;border:.8rem solid #f8fbff;border-radius:8px;grid-template-columns:repeat(21,.62rem);gap:.12rem;margin:1.2rem 0;padding:.45rem;display:grid}.qr-code span{aspect-ratio:1;background:0 0;width:.62rem}.qr-code span.on{background:#06070a}.dispense-progress{background:#ffffff1f;border-radius:999px;width:min(100%,32rem);height:1rem;margin:1.2rem 0;overflow:hidden}.dispense-progress span{border-radius:inherit;background:linear-gradient(90deg,#ffcf5b,#3ce39b);height:100%;transition:width .26s;display:block}.dispense-progress.bad span{background:var(--red)}.dispense-progress.good span{background:var(--green)}.command-progress-list{gap:.55rem;width:100%;display:grid}@keyframes productTurntable{0%{transform:rotateY(-12deg)rotate(-1deg)translateY(0)}50%{transform:rotateY(12deg)rotate(1deg)translateY(-.5rem)}to{transform:rotateY(-12deg)rotate(-1deg)translateY(0)}}@keyframes tapPulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media (width<=920px){.hero{flex-direction:column;align-items:stretch}.grid{grid-template-columns:1fr}.bench-panel,.log-panel,.led-panel{grid-column:auto}.telemetry-grid,.input-grid,.led-control-grid{grid-template-columns:1fr}.pos-panel{min-height:auto}.customer-layout,.customer-product-stage{grid-template-columns:1fr}.product-turntable{min-height:22rem}.product-orbit{width:min(80vw,28rem)}.platter-ring{width:min(78vw,27rem)}}