:root{--ssr-accent:#0081FA;--ssr-accent-press:#0066C7;--ssr-text:#0B0B0F;--ssr-sub:#5A5E68;--ssr-bg:#F6F7F9;--ssr-surface:#FFFFFF;--ssr-border:rgba(12,13,15,.1);--ssr-hairline:1px solid var(--ssr-border);--ssr-shadow-sm:0 1px 2px rgba(0,0,0,.04),0 1px 1px rgba(0,0,0,.06);--ssr-shadow:0 6px 20px rgba(0,0,0,.08);--ssr-radius:16px;--ssr-radius-sm:14px;--ssr-gap:18px;--ssr-ease:cubic-bezier(.2,.8,.2,1)}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}#ssr-store{display:grid;gap:var(--ssr-gap);background:var(--ssr-bg);padding:8px}#ssr-store .ssr-grid{display:grid;grid-template-columns:1fr minmax(280px,360px);gap:22px;align-items:start}#ssr-store .ssr-products{display:grid;gap:16px;position:relative}#ssr-store .ssr-products::before{content:"";position:absolute;inset:-24px -24px auto -24px;height:72px;z-index:0;background:linear-gradient(135deg,#fff0 0 40%,rgb(0 0 0 / .04) 40% 55%,#fff0 55%) 0 0/36px 36px,linear-gradient(0deg,rgb(0 0 0 / .05),#fff0);border-radius:24px;filter:saturate(110%)}#ssr-store .ssr-category{position:relative;z-index:1;border:var(--ssr-hairline);border-radius:var(--ssr-radius);padding:14px;background:var(--ssr-surface);box-shadow:var(--ssr-shadow-sm)}#ssr-store .ssr-cat-title{display:flex;align-items:center;gap:10px;margin:2px 6px 12px;font-weight:800;letter-spacing:.2px;color:var(--ssr-text);font-size:15px}#ssr-store .ssr-cat-title::before{content:"";width:18px;height:18px;border-radius:4px;background:linear-gradient(90deg,var(--ssr-accent),var(--ssr-accent-press));box-shadow:0 1px 6px rgb(0 129 250 / .35)}#ssr-store .ssr-cat-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media (max-width:1100px){#ssr-store .ssr-cat-items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){#ssr-store .ssr-grid{grid-template-columns:1fr}}#ssr-store .ssr-card{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:6px;padding:14px;border-radius:var(--ssr-radius-sm);background:var(--ssr-surface);border:var(--ssr-hairline);box-shadow:var(--ssr-shadow-sm);cursor:pointer;outline:none;transition:transform .22s var(--ssr-ease),box-shadow .22s var(--ssr-ease),border-color .22s var(--ssr-ease),background-color .22s var(--ssr-ease),outline-color .22s var(--ssr-ease),opacity .22s var(--ssr-ease);transform:translateZ(0)}#ssr-store .ssr-card:hover{transform:translateY(-2px);box-shadow:var(--ssr-shadow)}#ssr-store .ssr-card:focus-visible{box-shadow:0 0 0 4px rgb(0 129 250 / .18),var(--ssr-shadow)}#ssr-store .ssr-card.is-selected{border-color:rgb(0 129 250 / .45);box-shadow:0 0 0 1px rgb(0 129 250 / .25) inset,0 10px 26px rgb(0 129 250 / .18);background:linear-gradient(180deg,#fff,rgb(0 129 250 / .04))}#ssr-store .ssr-card.is-selected::after{content:"";position:absolute;top:10px;right:10px;width:18px;height:18px;border-radius:50%;background:var(--ssr-accent);box-shadow:0 0 0 3px rgb(0 129 250 / .18);transform:scale(0);animation:ssr-pop .18s var(--ssr-ease) forwards}#ssr-store .ssr-card .title{font-weight:800;color:var(--ssr-text);letter-spacing:.2px}#ssr-store .ssr-card .meta{display:none}#ssr-store .price{margin-top:2px;font-weight:800;color:var(--ssr-text);justify-self:end}#ssr-store .ssr-panel{position:sticky;top:20px;border:var(--ssr-hairline);border-radius:20px;padding:18px;background:var(--ssr-surface);box-shadow:var(--ssr-shadow);display:grid;gap:14px;transform:translateY(6px);opacity:0;transition:transform .35s var(--ssr-ease),opacity .35s var(--ssr-ease)}#ssr-store.mounted .ssr-panel{transform:translateY(0);opacity:1}#ssr-store .ssr-panel-title{font-weight:900;font-size:15px;color:var(--ssr-text)}#ssr-store .ssr-selected{display:grid;gap:8px;min-height:6px}#ssr-store .ssr-line{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;padding:10px 12px;border-radius:12px;border:var(--ssr-hairline);background:linear-gradient(180deg,#fff,rgb(0 0 0 / .02));transition:background .2s var(--ssr-ease),transform .2s var(--ssr-ease),opacity .2s var(--ssr-ease)}#ssr-store .ssr-line.enter{opacity:0;transform:translateY(6px)}#ssr-store .ssr-line.enter-active{opacity:1;transform:translateY(0)}#ssr-store .ssr-line .t{font-weight:700;color:var(--ssr-text)}#ssr-store .ssr-line .m{font-size:12.5px;color:var(--ssr-sub)}#ssr-store .ssr-summary{display:grid;gap:6px;padding-top:4px}#ssr-store .ssr-summary .row{display:flex;justify-content:space-between}#ssr-store .ssr-summary span{color:var(--ssr-sub)}#ssr-store .ssr-summary strong{color:var(--ssr-text)}#ssr-store .ssr-note{font-size:12.5px;color:var(--ssr-sub);min-height:16px}#ssr-store .button{appearance:none;border:var(--ssr-hairline);border-radius:12px;padding:11px 14px;font-weight:700;line-height:1;color:var(--ssr-text);background:#fff;box-shadow:0 1px 0 rgb(255 255 255 / .6) inset,var(--ssr-shadow-sm);transition:transform .16s var(--ssr-ease),box-shadow .16s var(--ssr-ease),background .16s var(--ssr-ease),border-color .16s var(--ssr-ease)}#ssr-store .button:hover{transform:translateY(-1px);box-shadow:var(--ssr-shadow)}#ssr-store .button:active{transform:translateY(0)}#ssr-store .button-primary{color:#fff;border-color:rgb(0 129 250 / .4);background:linear-gradient(180deg,var(--ssr-accent),var(--ssr-accent-press));box-shadow:0 1px 0 rgb(255 255 255 / .25) inset,0 10px 22px rgb(0 129 250 / .25)}#ssr-store .button-primary:hover{box-shadow:0 1px 0 rgb(255 255 255 / .25) inset,0 12px 26px rgb(0 129 250 / .3)}#ssr-store .button-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}#ssr-store .ssr-receiver-summary{display:flex;justify-content:space-between;align-items:center;border:var(--ssr-hairline);border-radius:12px;padding:10px 12px;background:#fff}.ssr-modal-backdrop{position:fixed;inset:0;background:rgb(10 12 16 / .48);opacity:0;pointer-events:none;transition:opacity .22s var(--ssr-ease);z-index:9998}.ssr-modal{position:fixed;inset:0;display:grid;place-items:center;z-index:9999;pointer-events:none}.ssr-modal .ssr-modal-card{width:min(720px,92vw);max-height:86vh;overflow:auto;background:#fff;border:var(--ssr-hairline);border-radius:18px;box-shadow:0 18px 46px rgb(0 0 0 / .18);transform:translateY(8px) scale(.985);opacity:0;transition:transform .22s var(--ssr-ease),opacity .22s var(--ssr-ease);padding:18px;display:grid;gap:12px}.ssr-modal.open,.ssr-modal-backdrop.open{pointer-events:auto}.ssr-modal.open .ssr-modal-card{transform:translateY(0) scale(1);opacity:1}.ssr-modal-backdrop.open{opacity:1}.ssr-modal .hdr{display:flex;justify-content:space-between;align-items:center;font-weight:900}.ssr-modal .srch{display:grid;grid-template-columns:1fr auto;gap:8px}.ssr-modal .friends{display:flex;flex-wrap:wrap;gap:8px}.ssr-chip{border:var(--ssr-hairline);border-radius:999px;padding:8px 12px;background:#fff;cursor:pointer;transition:transform .16s var(--ssr-ease),box-shadow .16s var(--ssr-ease)}.ssr-chip:hover{box-shadow:var(--ssr-shadow-sm);transform:translateY(-1px)}#ssr-store .ssr-card.reveal{opacity:0;transform:translateY(8px)}#ssr-store.mounted .ssr-card.reveal{animation:ssr-reveal .35s var(--ssr-ease) forwards}#ssr-store .ssr-card.reveal.d1{animation-delay:.02s}#ssr-store .ssr-card.reveal.d2{animation-delay:.04s}#ssr-store .ssr-card.reveal.d3{animation-delay:.06s}#ssr-store .ssr-card.reveal.d4{animation-delay:.08s}@keyframes ssr-reveal{to{opacity:1;transform:translateY(0)}}@keyframes ssr-pop{to{transform:scale(1)}}