.sv-hero{position:relative;overflow:hidden;padding-block:var(--s-12) var(--s-10);border-bottom:1px solid var(--line)}.sv-hero__bg{position:absolute;inset:0;opacity:.7;pointer-events:none}.sv-hero__glow{top:-160px;right:-80px;width:420px;height:420px;opacity:.55}.sv-hero__inner{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-8);flex-wrap:wrap}.sv-hero__text{display:grid;gap:var(--s-4);max-width:640px}.sv-hero__title{font-size:var(--text-4xl)}.sv-meta{margin-top:calc(var(--s-1) * -1)}.sv-actions{display:flex;gap:var(--s-2);flex-wrap:wrap}.sv-clear{--btn-fg: var(--ink-3)}.sv-clear:hover{--btn-fg: var(--bad);border-color:var(--bad);background:var(--bad-soft)}.sv-body{padding-block:var(--s-10) var(--s-6);min-height:560px}.sv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5)}@media(max-width:1024px){.sv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.sv-grid{grid-template-columns:minmax(0,1fr)}}.sv-card{position:relative;display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:transform var(--dur-3) var(--ease-out),box-shadow var(--dur-3) var(--ease-out),border-color var(--dur-3) var(--ease-out),opacity var(--dur-3) var(--ease-out)}.sv-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--line-2)}.sv-card:focus-within{border-color:var(--accent)}.sv-card.is-leaving{opacity:0;transform:scale(.96);pointer-events:none}.sv-card__num{position:absolute;top:var(--s-4);right:var(--s-5);color:var(--ink-4);font-size:.6875rem;letter-spacing:.1em}.sv-card__link{display:flex;flex-direction:column;gap:var(--s-3);color:inherit;outline:none}.sv-card__top{display:flex;align-items:center;gap:var(--s-3);padding-right:28px}.sv-logo{--mark: 48px}.sv-letter{display:grid;place-items:center;width:100%;height:100%;background:hsl(var(--lm-h, 20) 60% 92%);color:hsl(var(--lm-h, 20) 55% 32%);font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:calc(var(--mark, 44px) * .5);line-height:1}:root[data-theme=dark] .sv-letter{background:hsl(var(--lm-h, 20) 30% 18%);color:hsl(var(--lm-h, 20) 70% 78%)}.sv-card__id{min-width:0;flex:1;display:grid}.sv-card__name{font-size:var(--text-base);font-weight:600;letter-spacing:-.015em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sv-card__cat{font-size:var(--text-xs);color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sv-card__price{flex-shrink:0}.sv-card__desc{font-size:var(--text-sm);color:var(--ink-2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sv-card__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-top:auto;padding-top:var(--s-3);border-top:1px solid var(--line)}.sv-card__unrated{font-size:var(--text-xs);color:var(--ink-4)}.sv-card__actions{display:flex;align-items:center;gap:var(--s-2)}.sv-card__rm,.sv-card__toggle{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--ink-3);border:1px solid var(--line);background:var(--surface);transition:color var(--dur-2),background-color var(--dur-2),border-color var(--dur-2),transform var(--dur-2) var(--ease-spring)}.sv-card__rm:hover{color:var(--bad);border-color:var(--bad);background:var(--bad-soft);transform:scale(1.06)}.sv-card__toggle:hover{color:var(--ink);border-color:var(--line-strong);transform:scale(1.06)}.sv-card__toggle[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);border-color:transparent}.sv-card__toggle[aria-pressed=true] svg{fill:currentColor}.sv-card__toggle.is-pop{animation:sv-pop .42s var(--ease-spring)}@keyframes sv-pop{40%{transform:scale(1.3)}}.sv-card--skel{pointer-events:none;min-height:196px}.sv-skel-logo{width:48px;height:48px;border-radius:13px;flex-shrink:0}.sv-skel-line{display:block;height:12px;border-radius:6px;width:100%}.sv-card--skel .sv-card__id{gap:8px}.sv-quiz{margin-bottom:var(--s-8)}.sv-quiz__card{display:flex;align-items:center;gap:var(--s-5);padding:var(--s-5) var(--s-6);overflow:hidden}.sv-quiz__glow{position:absolute;right:-60px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--accent-rgb),.55),transparent);filter:blur(24px);pointer-events:none}.sv-quiz__card .logo-mark{background:#ffffff14;border-color:#ffffff1f}:root:not([data-theme=dark]) .sv-quiz__card .logo-mark img{background:#fff;border-radius:6px;padding:2px}.sv-quiz__body{flex:1;min-width:0;display:grid;gap:4px;position:relative}.sv-quiz__card .eyebrow{color:var(--accent)}.sv-quiz__title{display:flex;align-items:center;gap:var(--s-3);font-size:var(--text-xl);flex-wrap:wrap}.sv-quiz__desc{font-size:var(--text-sm);opacity:.75;max-width:60ch;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sv-quiz__actions{display:flex;gap:var(--s-2);flex-shrink:0;position:relative}.sv-quiz__card .btn--ghost{--btn-fg: inherit;--btn-bd: rgba(255,255,255,.25)}.sv-quiz__card .btn--ghost:hover{background:#ffffff1a}:root[data-theme=dark] .sv-quiz__card{background:var(--surface-2);color:var(--ink);border-color:var(--line-2)}:root[data-theme=dark] .sv-quiz__card .btn--ghost{--btn-bd: var(--line-2)}@media(max-width:820px){.sv-quiz__card{flex-wrap:wrap}.sv-quiz__actions{width:100%}.sv-quiz__actions .btn{flex:1}}.sv-empty{display:grid;justify-items:center;text-align:center;gap:var(--s-4);max-width:560px;margin-inline:auto;padding-block:var(--s-8) var(--s-10)}.sv-empty__title{font-size:var(--text-3xl)}.sv-empty__text{color:var(--ink-3);max-width:44ch}.sv-empty__actions{display:flex;gap:var(--s-3);flex-wrap:wrap;justify-content:center;margin-top:var(--s-2)}.sv-empty__browse{color:var(--ink-3)}.sv-illo{position:relative;width:220px;height:170px;margin-bottom:var(--s-2)}.sv-illo__card{position:absolute;left:50%;top:50%;width:150px;height:104px;margin:-52px 0 0 -75px;background:var(--surface);border:1px solid var(--line-2);border-radius:16px;box-shadow:var(--shadow-md);padding:16px;display:grid;grid-template-columns:28px 1fr;grid-template-rows:28px auto;column-gap:10px;row-gap:8px;align-content:start}.sv-illo__card>span{width:28px;height:28px;border-radius:8px;background:var(--surface-3);grid-row:1}.sv-illo__card>i{display:block;height:8px;border-radius:4px;background:var(--surface-3)}.sv-illo__card>i:nth-of-type(1){grid-column:2;grid-row:1;align-self:center;width:70%}.sv-illo__card>i:nth-of-type(2){grid-column:1 / -1;width:90%}.sv-illo__card--back{transform:rotate(-9deg) translate(-26px,10px);opacity:.55}.sv-illo__card--mid{transform:rotate(5deg) translate(22px,4px);opacity:.8}.sv-illo__card--front{transform:rotate(-2deg) translateY(-6px);border-color:var(--line-strong);animation:float 5s var(--ease-in-out) infinite}.sv-illo__card--front>span{background:var(--accent-soft-2)}.sv-illo__mark{position:absolute;top:-12px;right:14px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-glow)}.sv-illo__mark svg{fill:currentColor}.sv-noscript{max-width:560px;margin-inline:auto;display:grid;gap:var(--s-3);color:var(--ink-2)}@media(max-width:640px){.sv-hero{padding-block:var(--s-8) var(--s-6)}.sv-hero__title{font-size:var(--text-3xl)}.sv-actions{width:100%}.sv-actions .btn{flex:1}.sv-empty__actions{width:100%;flex-direction:column}.sv-empty__actions .btn{width:100%}}