.juice-flash--up{animation:juice-flash-up var(--duration-slow) var(--ease-out)}.juice-flash--down{animation:juice-flash-down var(--duration-slow) var(--ease-out)}.juice-flash--neutral{animation:juice-flash-neutral var(--duration-slow) var(--ease-out)}@keyframes juice-flash-up{0%{background-color:#4ade8038}to{background-color:transparent}}@keyframes juice-flash-down{0%{background-color:#f8717138}to{background-color:transparent}}@keyframes juice-flash-neutral{0%{background-color:var(--surface-3)}to{background-color:transparent}}.juice-enter{animation:juice-enter var(--duration-base) var(--ease-emphasized);animation-delay:var(--juice-enter-delay, 0ms);animation-fill-mode:both}@keyframes juice-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.juice-spark{display:block;overflow:visible}.juice-spark--draw polyline{stroke-dasharray:1000;stroke-dashoffset:1000;animation:juice-spark-draw var(--duration-slow) var(--ease-out) forwards}@keyframes juice-spark-draw{to{stroke-dashoffset:0}}.juice-ring{display:block}.juice-ring-fill{transition:stroke-dashoffset var(--duration-base) var(--ease-emphasized)}.juice-ring-label{fill:var(--ink-bright);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.juice-live{display:inline-flex;align-items:center;gap:var(--space-2xs);font-size:var(--text-2xs);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em}.juice-live-dot{width:7px;height:7px;border-radius:50%;background:var(--ink-faint);transition:background var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.juice-live[data-state=connecting]{color:var(--warn)}.juice-live[data-state=connecting] .juice-live-dot{background:var(--warn);animation:juice-live-pulse 1.2s var(--ease-standard) infinite}.juice-live[data-state=live]{color:var(--success)}.juice-live[data-state=live] .juice-live-dot{background:var(--success);box-shadow:0 0 0 3px #4ade802e}.juice-live[data-state=error]{color:var(--danger)}.juice-live[data-state=error] .juice-live-dot{background:var(--danger)}@keyframes juice-live-pulse{0%,to{opacity:1}50%{opacity:.35}}.juice-ripple{position:relative;overflow:hidden}.juice-ripple:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,transparent,var(--accent-soft),transparent);transform:translate(-100%);animation:juice-ripple var(--duration-slow) var(--ease-out)}@keyframes juice-ripple{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.juice-flash--up,.juice-flash--down,.juice-flash--neutral,.juice-enter,.juice-spark--draw polyline,.juice-ripple:after,.juice-live[data-state=connecting] .juice-live-dot{animation:none}.juice-spark--draw polyline{stroke-dashoffset:0}.juice-ripple:after{display:none}}body{background:var(--bg-0, #0a0a0a);color:var(--ink, #e8e8e8);min-height:100vh}.sr-shell{max-width:1200px;margin:0 auto;padding:var(--space-xl, 40px) var(--space-md, 16px) var(--space-2xl, 64px)}.sr-hero{text-align:center;margin-bottom:var(--space-xl, 40px)}.sr-kicker{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-2xs, .68rem);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim, #888);margin:0 0 var(--space-sm, 12px)}.sr-title{font-family:var(--font-display, "Space Grotesk", sans-serif);font-size:clamp(2.2rem,6vw,3.4rem);font-weight:700;line-height:1.02;margin:0 0 var(--space-sm, 12px);color:var(--ink-dim, #999);letter-spacing:-.02em}.sr-title em{font-style:normal;color:var(--ink-bright, #fff)}.sr-sub{max-width:680px;margin:0 auto;color:var(--ink-dim, #999);font-size:var(--text-lg, 1.02rem);line-height:1.5}.sr-controls{margin:var(--space-lg, 24px) auto 0;max-width:760px;display:flex;flex-direction:column;gap:12px}.sr-search{display:flex;align-items:center;gap:10px;background:var(--surface-1, rgba(255,255,255,.03));border:1px solid var(--stroke, rgba(255,255,255,.1));border-radius:var(--radius-pill, 999px);padding:12px 20px;transition:border-color .14s ease}.sr-search:focus-within{border-color:var(--stroke-strong, rgba(255,255,255,.24))}.sr-search svg{flex:0 0 auto;color:var(--ink-faint, #666)}.sr-search input{flex:1;border:none;background:transparent;outline:none;font:inherit;font-size:var(--text-lg, 1rem);color:var(--ink-bright, #fff);min-width:0}.sr-search input::placeholder{color:var(--ink-faint, #666)}.sr-types{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.sr-type-btn{appearance:none;font:inherit;font-size:var(--text-sm, .82rem);font-weight:600;cursor:pointer;color:var(--ink-dim, #888);background:var(--surface-1, rgba(255,255,255,.03));border:1px solid var(--stroke, rgba(255,255,255,.08));border-radius:var(--radius-pill, 999px);padding:7px 16px;transition:color .14s ease,background .14s ease,border-color .14s ease}.sr-type-btn:hover{color:var(--ink, #e8e8e8)}.sr-type-btn.active{color:var(--bg-0, #0a0a0a);background:var(--ink-bright, #fff);border-color:var(--ink-bright, #fff)}.sr-type-btn:focus-visible{outline:2px solid var(--accent, #fff);outline-offset:2px}.sr-type-count{opacity:.65;font-weight:500;margin-left:4px}.sr-feed-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:var(--space-xl, 40px) 0 var(--space-md, 16px);flex-wrap:wrap}.sr-count{font-size:var(--text-sm, .8rem);color:var(--ink-faint, #666)}.sr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-md, 16px)}.sr-card{position:relative;display:flex;flex-direction:column;background:var(--surface-1, rgba(255,255,255,.03));border:1px solid var(--stroke, rgba(255,255,255,.07));border-radius:var(--radius-lg, 14px);overflow:hidden;transition:border-color .14s ease,transform .14s ease,background .14s ease;animation:sr-in .3s ease both}@keyframes sr-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.sr-card:hover{border-color:var(--stroke-strong, rgba(255,255,255,.18));background:var(--surface-2, rgba(255,255,255,.05));transform:translateY(-2px)}.sr-card-thumb{display:block;aspect-ratio:1 / 1;background:var(--bg-0, #0a0a0a);position:relative}.sr-card-mv{width:100%;height:100%;display:block;--poster-color: transparent;background:radial-gradient(circle at 50% 40%,var(--surface-2, rgba(255,255,255,.05)),var(--bg-0, #0a0a0a))}.sr-card-img{width:100%;height:100%;object-fit:cover;display:block}.sr-card-noimg{width:100%;height:100%;display:grid;place-items:center;font-family:var(--font-mono, monospace);font-size:var(--text-xl, 1.2rem);font-weight:700;color:var(--ink-faint, #555);background:var(--surface-1, rgba(255,255,255,.03))}.sr-card-type{position:absolute;top:8px;left:8px;font-size:var(--text-2xs, .6rem);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-bright, #fff);background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-sm, 6px);padding:2px 7px}.sr-card-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}.sr-card-title{margin:0;font-size:var(--text-sm, .88rem);font-weight:600;color:var(--ink-bright, #fff);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sr-card-title a{color:inherit;text-decoration:none}.sr-card-title a:hover{text-decoration:underline}.sr-card-desc{margin:0;font-size:var(--text-2xs, .74rem);color:var(--ink-dim, #999);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2em}.sr-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.sr-card-creator{font-size:var(--text-2xs, .68rem);color:var(--ink-faint, #777);text-decoration:none}.sr-card-creator:hover{color:var(--ink-bright, #fff);text-decoration:underline}.sr-card-followers{font-size:var(--text-2xs, .64rem);color:var(--ink-faint, #666)}.sr-card-actions{margin-top:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sr-card-btn{appearance:none;font:inherit;font-size:var(--text-2xs, .72rem);font-weight:600;cursor:pointer;color:var(--ink, #e8e8e8);background:var(--surface-2, rgba(255,255,255,.05));border:1px solid var(--stroke, rgba(255,255,255,.1));border-radius:var(--radius-sm, 8px);padding:6px 10px;transition:background .14s ease,border-color .14s ease;text-decoration:none}.sr-card-btn:hover{background:var(--surface-3, rgba(255,255,255,.08));border-color:var(--stroke-strong, rgba(255,255,255,.18))}.sr-card-btn:focus-visible{outline:2px solid var(--accent, #fff);outline-offset:2px}.sr-card-btn--remix{color:var(--bg-0, #0a0a0a);background:var(--ink-bright, #fff);border-color:var(--ink-bright, #fff)}.sr-card-btn--remix:hover{background:var(--ink, #e8e8e8)}.sr-card-btn:disabled{opacity:.5;cursor:not-allowed}.sr-remix-inline{display:none;flex-direction:column;gap:6px;padding-top:8px;border-top:1px dashed var(--stroke, rgba(255,255,255,.1));margin-top:8px;width:100%}.sr-remix-inline.is-open{display:flex}.sr-remix-inline input{font:inherit;font-size:var(--text-sm, .8rem);color:var(--ink-bright, #fff);background:var(--surface-2, rgba(255,255,255,.05));border:1px solid var(--stroke, rgba(255,255,255,.1));border-radius:var(--radius-sm, 8px);padding:7px 10px}.sr-remix-status{font-size:var(--text-2xs, .7rem);color:var(--ink-faint, #666);min-height:1.3em}.sr-remix-status[data-kind=error]{color:var(--danger, #f87171)}.sr-remix-status[data-kind=done]{color:var(--success, #4ade80)}.sr-remix-status a{color:inherit;text-decoration:underline}.sr-skeleton{aspect-ratio:3 / 4;border-radius:var(--radius-lg, 14px);background:linear-gradient(90deg,var(--surface-1, rgba(255,255,255,.03)) 25%,var(--surface-2, rgba(255,255,255,.06)) 37%,var(--surface-1, rgba(255,255,255,.03)) 63%);background-size:400% 100%;animation:sr-shimmer 1.4s ease infinite}@keyframes sr-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.sr-empty,.sr-error{grid-column:1 / -1;text-align:center;padding:var(--space-xl, 40px) var(--space-md, 16px);color:var(--ink-dim, #888);border:1px dashed var(--stroke, rgba(255,255,255,.12));border-radius:var(--radius-lg, 14px)}.sr-empty-title{color:var(--ink-bright, #fff);font-weight:600;margin-bottom:6px;font-size:var(--text-lg, 1rem)}.sr-empty-sub{max-width:460px;margin:0 auto 16px;font-size:var(--text-sm, .85rem);line-height:1.5}.sr-empty-ctas{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.sr-error a{color:var(--ink-bright, #fff)}.sr-quicklinks{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-sm, 12px);margin-top:var(--space-lg, 24px)}.sr-quicklink{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:var(--surface-1, rgba(255,255,255,.03));border:1px solid var(--stroke, rgba(255,255,255,.07));border-radius:var(--radius-lg, 14px);text-decoration:none;transition:border-color .14s ease,background .14s ease,transform .14s ease}.sr-quicklink:hover{border-color:var(--stroke-strong, rgba(255,255,255,.18));background:var(--surface-2, rgba(255,255,255,.05));transform:translateY(-2px)}.sr-quicklink-title{font-size:var(--text-sm, .85rem);font-weight:600;color:var(--ink-bright, #fff)}.sr-quicklink-desc{font-size:var(--text-2xs, .7rem);color:var(--ink-faint, #777);line-height:1.4}@media(max-width:520px){.sr-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}