.op{width:100%;container-type:inline-size;font-family:var(--ff-sans)}.op,.op-body{position:relative}.op-body{aspect-ratio:100/206;padding:3.2cqw;border-radius:15cqw;background:linear-gradient(160deg,#3a4456,#121826 45%,#05080e);box-shadow:inset 0 0 0 .6cqw hsla(0,0%,100%,.1),inset 0 1px 0 hsla(0,0%,100%,.3),0 12cqw 24cqw -8cqw rgba(0,0,0,.65)}.op-screen{position:relative;height:100%;overflow:hidden;border-radius:12cqw;background:#f4f6fb;color:var(--ink)}.op-island{position:absolute;top:3cqw;left:50%;z-index:4;width:28cqw;height:8cqw;margin-left:-14cqw;border-radius:6cqw;background:#05080e}.op-status{display:flex;align-items:center;justify-content:space-between;height:14cqw;padding:0 9cqw;font-size:4.6cqw;font-weight:600}.op-signal{display:inline-flex;align-items:flex-end;gap:.9cqw;height:4cqw}.op-signal i{width:1.3cqw;border-radius:1cqw;background:var(--ink)}.op-signal i:first-child{height:40%}.op-signal i:nth-child(2){height:70%}.op-signal i:nth-child(3){height:100%}.op-app{display:grid;grid-gap:4cqw;gap:4cqw;padding:2cqw 6cqw 6cqw}.op-head{display:flex;align-items:center;gap:3cqw}.op-logo{display:grid;place-items:center;width:11cqw;height:11cqw;border-radius:3.4cqw;background:linear-gradient(140deg,#ff8a4c,#e5482d);color:#fff;font-weight:800;font-size:6cqw}.op-shop{display:grid;line-height:1.2}.op-shop strong{font-size:5cqw;font-weight:700;color:var(--ink)}.op-shop span{font-size:3.8cqw;color:var(--ink-3)}.op-hero{display:flex;align-items:flex-end;height:30cqw;padding:3.4cqw;border-radius:5cqw;background:radial-gradient(70% 90% at 80% 20%,rgba(255,200,120,.9),transparent 60%),linear-gradient(135deg,#ff9a52,#e5482d 60%,#b8301f);color:#fff;font-size:5.2cqw;font-weight:700}.op-items{display:grid;grid-gap:2.6cqw;gap:2.6cqw;font-size:4.2cqw}.op-items li{display:grid;grid-template-columns:7cqw 1fr auto;grid-gap:1.6cqw;gap:1.6cqw;align-items:baseline}.op-qty{font-family:var(--ff-mono);color:var(--ink-3)}.op-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.op-price{font-family:var(--ff-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.op-total{display:flex;align-items:baseline;justify-content:space-between;padding-top:3cqw;border-top:.4cqw dashed rgba(10,18,34,.18);font-size:4.4cqw}.op-total strong{font-family:var(--ff-mono);font-size:6.4cqw;color:var(--ink)}.op-cta{display:inline-flex;align-items:center;justify-content:center;gap:1.6cqw;height:12cqw;border-radius:6cqw;background:var(--ink);color:#fff;font-size:4.4cqw;font-weight:600}.op-cta svg{width:4cqw;height:4cqw;color:var(--signal)}.op-note{position:absolute;top:13cqw;left:4cqw;right:4cqw;z-index:5;display:flex;align-items:center;gap:3cqw;padding:3.2cqw;border-radius:6cqw;background:rgba(10,18,34,.9);box-shadow:0 5cqw 12cqw -4cqw rgba(0,0,0,.6),inset 0 0 0 1px hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;transition:opacity .45s var(--ease-out),transform .65s var(--ease-out)}.op-note-icon{flex:none;display:grid;place-items:center;width:10cqw;height:10cqw;border-radius:3cqw;background:var(--signal);color:var(--ink)}.op-note-icon svg{width:6cqw;height:6cqw}.op-note-text{display:grid;min-width:0;line-height:1.25}.op-note-text strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:4.2cqw;font-weight:650;color:#fff}.op-note-text span{font-family:var(--ff-mono);font-size:3.6cqw;color:var(--on-night-2)}[data-reached]:not([data-reached~="9"]) .op-note{opacity:0;transform:translateY(-120%)}