.sp{--lime:#1f4d3a;--onlime:#fff;--tag:#c2570c;--like:#d6336c;--bg:#f7f6f1;--surface:#fff;--surface2:#edefe6;--line:#e1e3da;--fg:#14231b;--mute:#5f6b63;--accent:#1f4d3a;--star:#b86e00;--err:#a3162a;--ok:#2f6b3f;background:var(--bg);min-height:100dvh;color:var(--fg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:15px;line-height:1.45}.sp[data-theme=dark]{--lime:#cfe36b;--onlime:#0e1511;--bg:#0e1511;--surface:#141d18;--surface2:#1a251f;--line:#25322a;--fg:#f2f5ef;--mute:#9aa79f;--accent:#cfe36b;--star:#ffb800;--err:#ff9aa8;--ok:#cfe36b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.sp *{box-sizing:border-box}.sp h1,.sp h2,.sp h3,.sp p,.sp ul{margin:0}.sp ul{padding:0;list-style:none}.sp button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sp a{color:inherit;text-decoration:none}.sp button:focus-visible,.sp a:focus-visible,.sp input:focus-visible,.sp textarea:focus-visible,.sp select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sp-ic{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.sp-ic.fill{fill:currentColor}.sp-top{z-index:30;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 16px;display:flex;position:sticky;top:0}.sp-top h1{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:18px;font-weight:800;overflow:hidden}.sp-rb{border:1px solid var(--line);background:var(--surface);border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:relative}.sp-rb:hover{border-color:var(--fg)}.sp-badge{background:var(--lime);min-width:18px;height:18px;color:var(--onlime);border-radius:9px;place-items:center;padding:0 4px;font-size:11px;font-weight:800;display:grid;position:absolute;top:-4px;right:-4px}.sp-main{max-width:720px;margin:0 auto;padding:16px 16px 120px}.sp-wide .sp-main{max-width:1080px}.sp-gap{gap:16px;display:grid}.sp-muted{color:var(--mute)}.sp-h2{letter-spacing:-.01em;margin-bottom:10px;font-size:17px;font-weight:800}.sp-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px}.sp-empty{text-align:center;color:var(--mute);justify-items:center;gap:10px;padding:48px 16px;display:grid}.sp-empty b{color:var(--fg);font-size:18px}.sp-toast{z-index:80;background:var(--lime);color:var(--onlime);opacity:0;pointer-events:none;text-align:center;border-radius:10px;max-width:88%;padding:10px 16px;font-size:13px;font-weight:700;transition:opacity .25s,transform .25s;position:fixed;top:70px;left:50%;transform:translate(-50%,-12px)}.sp-toast.on{opacity:1;transform:translate(-50%)}.sp-btn{background:var(--lime);text-align:center;border-radius:14px;justify-content:center;align-items:center;gap:8px;height:50px;padding:0 20px;font-size:15px;font-weight:800;transition:filter .15s,transform .1s;display:inline-flex;color:var(--onlime)!important}.sp-btn:hover:not(:disabled){filter:brightness(.95)}.sp-btn:active:not(:disabled){transform:scale(.98)}.sp-btn:disabled{opacity:.45;cursor:not-allowed}.sp-btn.ghost{background:var(--surface);border:1px solid var(--line);color:var(--fg)!important}.sp-btn.full{width:100%}.sp-btn.sm{border-radius:12px;height:38px;padding:0 14px;font-size:13px}.sp-pill{border:1.5px solid var(--accent);color:var(--accent);border-radius:999px;padding:7px 16px;font-size:13px;font-weight:800}.sp-pill.on{background:var(--lime);color:var(--onlime);border-color:var(--lime)}.sp-prod{gap:20px;display:grid}@media (min-width:900px){.sp-prod{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.sp-prod .sp-galwrap{position:sticky;top:76px}}.sp-gal{scroll-snap-type:x mandatory;scrollbar-width:none;aspect-ratio:4/5;background:var(--surface);border-radius:22px;display:flex;overflow-x:auto}.sp-gal::-webkit-scrollbar{display:none}.sp-slide{scroll-snap-align:center;flex:none;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.sp-slide img{object-fit:cover;width:100%;height:100%;display:block}.sp-slide .lbl{color:#fff;background:#000a;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px}.sp-slide .big{opacity:.35;color:#fff;font-size:84px;font-weight:900}.sp-dots{justify-content:center;gap:6px;margin-top:10px;display:flex}.sp-dots i{background:var(--line);border-radius:50%;width:7px;height:7px;display:block}.sp-dots i.on{background:var(--accent);border-radius:4px;width:20px}.sp-title{letter-spacing:-.02em;font-size:26px;font-weight:800;line-height:1.15}.sp-tag{background:var(--tag);color:#1b0d04;letter-spacing:-.03em;clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 50%);padding:10px 18px 10px 24px;font-size:28px;font-weight:800;line-height:1;display:inline-block;transform:rotate(-2deg)}.sp-stamp{border:3px solid var(--tag);color:var(--tag);text-align:center;border-radius:8px;padding:3px 10px;font-size:13px;font-weight:900;line-height:1.1;display:inline-block;transform:rotate(4deg)}.sp-stamp.out{border-color:var(--err);color:var(--err)}.sp-stars{color:var(--star);font-size:14px}.sp-opt{margin-top:4px}.sp-optl{letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:8px;font-size:12px;font-weight:700}.sp-chips{flex-wrap:wrap;gap:8px;display:flex}.sp-chip{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:12px;min-width:46px;padding:9px 16px;font-size:14px;font-weight:600}.sp-chip.on{background:var(--lime);border-color:var(--lime);color:var(--onlime)}.sp-chip:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}.sp-qty{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;display:inline-flex}.sp-qty button{place-items:center;width:42px;height:42px;display:grid}.sp-qty button:disabled{opacity:.35}.sp-qty span{text-align:center;min-width:32px;font-weight:800}.sp-facts{gap:10px;font-size:14px;display:grid}.sp-facts li{align-items:flex-start;gap:10px;display:flex}.sp-facts li:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px;margin-top:7px}.sp-vendor{align-items:center;gap:12px;display:flex}.sp-av{color:#fff;border:2px solid var(--lime);background:#000;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-size:13px;font-weight:800;display:grid;overflow:hidden}.sp-av img{object-fit:cover;width:100%;height:100%}.sp-av.lg{border-width:3px;width:84px;height:84px;font-size:24px}.sp-vendor .grow{flex:1;min-width:0}.sp-vendor b{display:block}.sp-bar{z-index:40;background:var(--bg);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));position:fixed;bottom:0;left:0;right:0}.sp-bar>div{align-items:center;gap:10px;max-width:720px;margin:0 auto;display:flex}.sp-wide .sp-bar>div{max-width:1080px}.sp-bar .sp-btn{flex:1}.sp-bar .sp-btn.ic{flex:none;width:50px;padding:0}.sp-rv{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:12px;font-size:14px}.sp-rv .vb{background:var(--lime);color:var(--onlime);border-radius:7px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:800}.sp-rv .rep{color:var(--mute);margin-top:8px;font-size:13px}.sp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (min-width:720px){.sp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.sp-tile{background:var(--surface);border:1px solid var(--line);border-radius:16px;display:block;overflow:hidden}.sp-tile .im{aspect-ratio:4/5;color:#fff;place-items:center;font-size:44px;font-weight:900;display:grid;position:relative}.sp-tile .im img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sp-tile .im em{background:var(--lime);color:var(--onlime);border-radius:8px;padding:3px 8px;font-size:11px;font-style:normal;font-weight:800;position:absolute;top:8px;left:8px}.sp-tile .im em.warn{color:#7a2e00;background:#ffd2b0}.sp-tile .tx{padding:10px}.sp-tile .tx b{font-size:14px;line-height:1.25;display:block}.sp-tabsrow{border-bottom:1px solid var(--line);scrollbar-width:none;gap:22px;margin:16px 0 14px;display:flex;overflow-x:auto}.sp-tabsrow button{color:var(--mute);white-space:nowrap;border-bottom:3px solid #0000;padding:0 0 10px;font-weight:800}.sp-tabsrow button.on{color:var(--accent);border-bottom-color:var(--accent)}.sp-stats{gap:10px;display:flex}.sp-stats>div{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:14px;flex:1;padding:10px}.sp-stats b{font-size:20px;display:block}.sp-stats small{color:var(--mute);font-size:12px}.sp-banner{background:linear-gradient(135deg,var(--tag),#1fbf75);border-radius:22px;height:120px}.sp-vhead{gap:10px;margin-top:-42px;padding:0 8px;display:grid}.sp-vhead .sp-av{border-color:var(--bg)}.sp label{margin:14px 0 6px;font-size:14px;font-weight:600;display:block}.sp-in{background:var(--surface);border:1px solid var(--line);width:100%;height:52px;color:var(--fg);font:inherit;border-radius:14px;padding:0 14px}.sp textarea.sp-in{resize:vertical;height:auto;min-height:96px;padding:12px 14px}.sp-in:focus{border-color:var(--accent)}.sp-seg{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sp-seg button{border:1px solid var(--line);background:var(--surface);border-radius:14px;height:48px;font-weight:700}.sp-seg button.on{background:var(--lime);border-color:var(--lime);color:var(--onlime)}.sp-err{background:color-mix(in srgb,var(--err) 16%,transparent);color:var(--err);border-radius:12px;margin-top:14px;padding:11px 14px;font-size:14px}.sp-row{justify-content:space-between;gap:12px;padding:6px 0;display:flex}.sp-row.total{border-top:1px dashed var(--line);margin-top:6px;padding-top:12px;font-size:18px;font-weight:800}.sp-line{align-items:center;gap:12px;display:flex}.sp-thumb{background:linear-gradient(135deg,var(--tag),#2a1710);border-radius:12px;flex:none;width:64px;height:76px;position:relative;overflow:hidden}.sp-thumb img{object-fit:cover;width:100%;height:100%}.sp-paid{text-align:center;padding:12px 0 4px}.sp-paid .st{border:6px solid var(--lime);color:var(--accent);letter-spacing:-.02em;border-radius:14px;padding:4px 26px;font-size:56px;font-weight:900;line-height:1.1;display:inline-block;transform:rotate(-5deg)}.sp-paid .st.wait{border-color:var(--line);color:var(--mute);font-size:30px}.sp-steps{gap:0;display:grid}.sp-steps li{color:var(--mute);align-items:flex-start;gap:14px;padding-bottom:18px;display:flex;position:relative}.sp-steps li:before{content:"";border:2px solid var(--line);background:var(--bg);z-index:1;border-radius:50%;flex:none;width:14px;height:14px;margin-top:3px;position:relative}.sp-steps li:after{content:"";background:var(--line);width:2px;position:absolute;top:20px;bottom:0;left:6px}.sp-steps li:last-child{padding-bottom:0}.sp-steps li:last-child:after{display:none}.sp-steps li.done{color:var(--fg)}.sp-steps li.done:before{background:var(--lime);border-color:var(--lime)}.sp-starpick{gap:6px;display:flex}.sp-starpick button{color:var(--line);font-size:34px;line-height:1}.sp-starpick button.on{color:var(--star)}.sp-th{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:12px;width:100%;padding:14px 0;display:flex}.sp-th .grow{flex:1;min-width:0}.sp-th .l1{justify-content:space-between;gap:8px;display:flex}.sp-th small{color:var(--mute)}.sp-th .pv{color:var(--mute);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.sp-unread{background:var(--lime);color:var(--onlime);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:800}.sp-msgs{flex-direction:column;gap:10px;padding-bottom:90px;display:flex}.sp-m{background:var(--surface);border:1px solid var(--line);border-radius:16px;max-width:82%;padding:10px 13px;font-size:14px;line-height:1.4}.sp-m.me{background:var(--lime);color:var(--onlime);border-color:var(--lime);border-bottom-right-radius:4px;align-self:flex-end}.sp-m:not(.me){border-bottom-left-radius:4px}.sp-m small{opacity:.7;margin-bottom:2px;font-size:11px;font-weight:700;display:block}.sp-compose{z-index:40;background:var(--bg);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));position:fixed;bottom:0;left:0;right:0}.sp-compose>div{gap:10px;max-width:720px;margin:0 auto;display:flex}.sp-tabs{z-index:40;background:var(--bg);border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.sp-tabs a{color:var(--mute);flex-direction:column;align-items:center;gap:3px;min-width:64px;font-size:11px;font-weight:600;display:flex;position:relative}.sp-tabs a.on{color:var(--accent)}.sp-tabs .sp-ic{width:24px;height:24px}@media (prefers-reduced-motion:reduce){.sp *{transition:none!important;animation:none!important}}.sp .sp-in{border-radius:26px!important;padding:14px 18px!important;font-size:15px!important}.sp .shop-chips{gap:10px!important;padding:16px 0 6px!important}.sp .shop-chip{white-space:nowrap;border-radius:22px!important;padding:9px 18px!important;font-size:14px!important}.sp .sp-h2{margin:30px 0 14px!important;font-size:18px!important}.sp .shop-stores{gap:18px!important;padding-bottom:6px!important}.sp .shop-store{flex:0 0 76px!important;gap:8px!important;font-size:13px!important;line-height:1.3!important}.sp .shop-grid{gap:24px 16px!important}.sp .shop-grid>div{line-height:1.5}.sp .shop-grid>div>.sp-muted{margin-top:4px!important;font-size:13px!important}.sp .shop-stores{-ms-overflow-style:none;scrollbar-width:none!important;padding-bottom:4px!important}.sp .shop-stores::-webkit-scrollbar{display:none}.sp .shop-chips::-webkit-scrollbar{display:none}