.sbr{--sbr-ink:#10131a;--sbr-mut:#5c6472;--sbr-line:#e3e7ee;--sbr-bg:#ffffff;--sbr-soft:#f6f8fb;--sbr-brand:var(--sb-brand, #3452ff);--sbr-star:#f5a524;--sbr-ok:#0f9d58;--sbr-err:#c0392b;padding:clamp(2rem, 5vw, 3.25rem) 0;background:var(--sbr-soft);color:var(--sbr-ink)}.sbr__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.sbr__head-side{display:flex;align-items:center;gap:.5rem}.sbr__agg{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 0;font-size:15px;color:var(--sbr-mut)}.sbr__agg strong{font-size:19px;color:var(--sbr-ink)}.sbr__agg--empty{color:var(--sbr-mut)}.sbr__stars{display:inline-flex;gap:2px;flex:none}.sbr__star{width:15px;height:15px;display:block;background:#d7dce5;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.sbr__star.is-on{background:var(--sbr-star)}.sbr__star.is-half{background:linear-gradient(90deg,var(--sbr-star) 50%,#d7dce5 50%)}.sbr__nav{display:flex;gap:.35rem}.sbr__arrow{width:40px;height:40px;cursor:pointer;border:1.5px solid var(--sbr-line);border-radius:50%;background:var(--sbr-bg);color:var(--sbr-ink);font-size:20px;line-height:1}.sbr__arrow:hover:not(:disabled){border-color:var(--sbr-brand);color:var(--sbr-brand)}.sbr__arrow:disabled{opacity:.35;cursor:not-allowed}.sbr__add{padding:.6rem 1.1rem;cursor:pointer;white-space:nowrap;border:1.5px solid var(--sbr-brand);border-radius:999px;background:var(--sbr-bg);color:var(--sbr-brand);font-size:14.5px;font-weight:700}.sbr__add:hover{background:var(--sbr-brand);color:#fff}.sbr__track{display:grid;grid-auto-flow:column;grid-auto-columns:86%;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:.25rem}.sbr__track::-webkit-scrollbar{display:none}@media (min-width:700px){.sbr__track{grid-auto-columns:46%}}@media (min-width:1000px){.sbr__track{grid-auto-columns:31%}}.sbr__card{scroll-snap-align:start;background:var(--sbr-bg);border:1px solid var(--sbr-line);border-radius:16px;padding:1.1rem 1.15rem;display:flex;flex-direction:column;gap:.6rem;min-width:0}.sbr__body{margin:0;font-size:14.5px;line-height:1.55;color:#3c4553}.sbr__meta{margin:auto 0 0;display:flex;justify-content:space-between;gap:.5rem;font-size:13px;color:var(--sbr-mut)}.sbr__meta strong{color:var(--sbr-ink)}.sbr__notice{padding:.8rem 1rem;border-radius:14px;margin:0 0 1rem;font-size:14.5px}.sbr__notice--ok{background:#eaf7f0;color:#0b6b3d}.sbr__notice--err{background:#fdeeec;color:#8c261a}.sbr__modal{position:fixed;inset:0;z-index:9999;background:rgb(16 19 26 / .55);display:flex;align-items:center;justify-content:center;padding:1rem}.sbr__modal[hidden]{display:none}.sbr__modal-box{position:relative;width:100%;max-width:460px;max-height:90vh;overflow-y:auto;background:var(--sbr-bg);border-radius:22px;padding:clamp(1.25rem, 4vw, 1.75rem);box-shadow:0 24px 60px rgb(16 19 26 / .28)}.sbr__modal-h{margin:0 0 1rem;font-size:20px;font-weight:750}.sbr__close{position:absolute;top:.6rem;right:.75rem;width:36px;height:36px;cursor:pointer;border:0;background:#fff0;color:var(--sbr-mut);font-size:26px;line-height:1;border-radius:50%}.sbr__close:hover{background:var(--sbr-soft);color:var(--sbr-ink)}.sbr__pick{display:inline-flex;flex-direction:row-reverse;gap:4px}.sbr__pick input{position:absolute;opacity:0;width:1px;height:1px}.sbr__pick label{width:30px;height:30px;cursor:pointer;background:#d7dce5;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.sbr__pick label:hover,.sbr__pick label:hover~label,.sbr__pick input:checked~label,.sbr__pick input:checked+label{background:var(--sbr-star)}.sbr__pick input:focus-visible+label{outline:2px solid var(--sbr-brand);outline-offset:2px}.sbr__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}@media (prefers-reduced-motion:reduce){.sbr__track{scroll-behavior:auto}}