.ls{justify-content:center;align-items:center;gap:28px;width:100%;height:100%;display:flex;position:relative}.ls-phone{flex:none}.ls-head{color:#fff;font-family:var(--font-serif);background:#b0603a;padding:10px 14px 8px;font-size:16px}.ls-screen{--site-accent:#b0603a;--site-tint:#f6e9e1;flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px 14px;display:flex;position:relative;overflow:hidden}.ls-kicker{letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.ls-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.ls-stampwrap{border-radius:50%;display:block}.ls-stamp{aspect-ratio:1;border:1.5px dashed #d8d6ce;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex}.ls-stamp.on{background:#f6e9e1;border:1.5px solid #b0603a}.ls-progress{font-size:11.5px}.ls-unlock{color:#fff;background:#16202b;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.ls-unlock>div{flex-direction:column;gap:1px;display:flex}.ls-unlock .d-sub{color:#c9cbe0}.ls-qrbox{text-align:center;flex-direction:column;align-items:center;gap:4px;margin-top:auto;display:flex}.ls-qr{background:#fff;border:1px solid #e3e1da;border-radius:6px;grid-template-columns:repeat(7,1fr);gap:2px;width:84px;padding:6px;display:grid;position:relative;overflow:hidden}.ls-qr>span{aspect-ratio:1;background:#fff;display:block}.ls-qr>span.on{background:#16202b}.ls-scanline{background:#b0603a;height:2px;top:0;left:0;right:0;box-shadow:0 0 6px #b0603a;aspect-ratio:auto!important;position:absolute!important}.ls-line{border-bottom:1px solid #ece9e2;justify-content:space-between;padding:4px 0;font-size:12px;display:flex}.ls-reward{background:#fff;border:1px solid #e3e1da;border-radius:10px;align-items:flex-start;gap:8px;padding:8px 10px;font-size:11.5px;display:flex}.ls-reward.on{background:#f6e9e1;border-color:#b0603a}.ls-rewardbox{background:#fff;border:1px solid #c9ced6;border-radius:4px;flex:none;justify-content:center;align-items:center;width:16px;height:16px;margin-top:1px;font-size:11px;display:inline-flex}.ls-reward.on .ls-rewardbox{color:#fff;background:#b0603a;border-color:#b0603a}.ls-reward .d-sub{font-size:10.5px}.ls-total{justify-content:space-between;margin-top:auto;font-size:14px;font-weight:700;display:flex}.ls-hq .d-phone-screen{background:var(--h-bg)}.ls-hqbar{background:var(--h-surface);border-bottom:1px solid var(--h-border);justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}.ls-hqbar b{color:var(--h-primary)}.ls-menu{border:1px solid #c9ced6;border-radius:5px;padding:2px 8px;font-size:11px}.ls-hqscreen{color:var(--h-text);flex-direction:column;flex:1;gap:8px;padding:10px 12px;display:flex;position:relative}.ls-tabs{gap:4px;font-size:10px;font-weight:600;display:flex}.ls-tabs span{color:var(--h-text2);border-radius:6px;padding:3px 7px}.ls-tabs span.on{background:var(--h-primary);color:#fff}.ls-viewfinder{aspect-ratio:1;background:#16202b;border-radius:10px;position:relative;overflow:hidden}.ls-corner{border:2px solid #fff;width:18px;height:18px;position:absolute}.ls-corner.tl{border-bottom:0;border-right:0;top:12px;left:12px}.ls-corner.tr{border-bottom:0;border-left:0;top:12px;right:12px}.ls-corner.bl{border-top:0;border-right:0;bottom:12px;left:12px}.ls-corner.br{border-top:0;border-left:0;bottom:12px;right:12px}.ls-vfline{background:var(--gold);height:2px;box-shadow:0 0 8px var(--gold);position:absolute;top:0;left:12px;right:12px}.ls-hqscreen .d-hbtn{min-height:34px}.ls-found{flex-direction:column;gap:8px;display:flex;position:relative}.ls-foundrow{justify-content:space-between;align-items:center;gap:6px;display:flex}.ls-done{background:var(--h-success-soft);color:var(--h-success);border-radius:8px;flex-direction:column;gap:6px;padding:8px 10px;font-size:12px;display:flex}.ls-done .d-hbtn{align-self:flex-start;min-height:26px;font-size:11px}@container fstage (width<=600px){.ls{gap:8px}.ls-phone{max-height:100%}.ls-hq{max-height:50%;position:absolute;bottom:4px;right:4px}.ls-client{align-self:flex-start}}