.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:#0000}}@keyframes juice-flash-down{0%{background-color:#f8717138}to{background-color:#0000}}@keyframes juice-flash-neutral{0%{background-color:var(--surface-3)}to{background-color:#0000}}.juice-enter{animation:juice-enter var(--duration-base) var(--ease-emphasized);animation-delay:var(--juice-enter-delay,0s);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:1000px;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{align-items:center;gap:var(--space-2xs);font-size:var(--text-2xs);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em;display:inline-flex}.juice-live-dot{background:var(--ink-faint);width:7px;height:7px;transition:background var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);border-radius:50%}.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:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg, transparent, var(--accent-soft), transparent);animation:juice-ripple var(--duration-slow) var(--ease-out);position:absolute;inset:0;transform:translate(-100%)}@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;padding:var(--space-xl,40px) var(--space-md,16px) var(--space-2xl,64px);margin:0 auto}.sr-hero{text-align:center;margin-bottom:var(--space-xl,40px)}.sr-kicker{font-size:var(--text-2xs,.68rem);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim,#888);margin:0 0 var(--space-sm,12px);align-items:center;gap:8px;display:inline-flex}.sr-title{font-family:var(--font-display,"Space Grotesk", sans-serif);margin:0 0 var(--space-sm,12px);color:var(--ink-dim,#999);letter-spacing:-.02em;font-size:clamp(2.2rem,6vw,3.4rem);font-weight:700;line-height:1.02}.sr-title em{color:var(--ink-bright,#fff);font-style:normal}.sr-sub{max-width:680px;color:var(--ink-dim,#999);font-size:var(--text-lg,1.02rem);margin:0 auto;line-height:1.5}.sr-controls{margin:var(--space-lg,24px) auto 0;flex-direction:column;gap:12px;max-width:760px;display:flex}.sr-search{background:var(--surface-1,#ffffff08);border:1px solid var(--stroke,#ffffff1a);border-radius:var(--radius-pill,999px);transition:border-color var(--duration-fast) var(--ease-standard);align-items:center;gap:10px;padding:12px 20px;display:flex}.sr-search:focus-within{border-color:var(--ink-bright,#fff);box-shadow:0 0 0 2px var(--bg-0,#0a0a0a), 0 0 0 4px var(--ink-bright,#fff)}.sr-search svg{color:var(--ink-faint,#666);flex:none}.sr-search input{font:inherit;font-size:var(--text-lg,1rem);color:var(--ink-bright,#fff);background:0 0;border:none;outline:none;flex:1;min-width:0}.sr-search input::placeholder{color:var(--ink-faint,#666)}.sr-types{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.sr-type-btn{appearance:none;font:inherit;font-size:var(--text-sm,.82rem);cursor:pointer;color:var(--ink-dim,#888);background:var(--surface-1,#ffffff08);border:1px solid var(--stroke,#ffffff14);border-radius:var(--radius-pill,999px);transition:color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);padding:7px 16px;font-weight:600}.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-btn.is-empty{opacity:.42}.sr-type-btn.is-empty:hover{opacity:1}.sr-feed-head{margin:var(--space-xl,40px) 0 var(--space-md,16px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sr-count{font-size:var(--text-sm,.8rem);color:var(--ink-faint,#666)}.sr-grid{gap:var(--space-md,16px);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.sr-card{background:var(--surface-1,#ffffff08);border:1px solid var(--stroke,#ffffff12);border-radius:var(--radius-lg,14px);transition:border-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);flex-direction:column;animation:.3s both sr-in;display:flex;position:relative;overflow:hidden}@keyframes sr-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.sr-card:hover{border-color:var(--stroke-strong,#ffffff2e);background:var(--surface-2,#ffffff0d);transform:translateY(-2px)}.sr-card-thumb-link{text-decoration:none;display:block}.sr-card-thumb{aspect-ratio:1;background:var(--bg-0,#0a0a0a);display:block;position:relative}.sr-card-mv{--poster-color:transparent;background:radial-gradient(circle at 50% 40%, var(--surface-2,#ffffff0d), var(--bg-0,#0a0a0a));width:100%;height:100%;display:block}.sr-card-img{object-fit:cover;width:100%;height:100%;display:block}.sr-card-noimg{width:100%;height:100%;font-family:var(--font-mono,monospace);font-size:var(--text-xl,1.2rem);color:var(--ink-faint,#555);background:var(--surface-1,#ffffff08);place-items:center;font-weight:700;display:grid}.sr-card-type{font-size:var(--text-2xs,.6rem);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-bright,#fff);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-sm,6px);background:#0009;padding:2px 7px;font-weight:700;position:absolute;top:8px;left:8px}.sr-card-body{flex-direction:column;flex:1;gap:8px;min-width:0;padding:12px 14px 14px;display:flex}.sr-card-title{font-size:var(--text-sm,.88rem);color:var(--ink-bright,#fff);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.sr-card-title a{color:inherit;text-decoration:none}.sr-card-title a:hover{text-decoration:underline}.sr-card-title a:focus-visible{outline:2px solid var(--ink-bright,#fff);outline-offset:2px;border-radius:3px}.sr-card-desc{font-size:var(--text-2xs,.74rem);color:var(--ink-dim,#999);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2em;margin:0;line-height:1.4;display:-webkit-box;overflow:hidden}.sr-card-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sr-card-creator{font-size:var(--text-2xs,.68rem);color:var(--ink-faint,#777);text-decoration:none}a.sr-card-creator:hover{color:var(--ink-bright,#fff);text-decoration:underline}a.sr-card-creator:focus-visible{outline:2px solid var(--ink-bright,#fff);outline-offset:2px;border-radius:3px}.sr-card-followers{font-size:var(--text-2xs,.64rem);color:var(--ink-faint,#666)}.sr-card-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;display:flex}.sr-card-btn{appearance:none;font:inherit;font-size:var(--text-2xs,.72rem);cursor:pointer;color:var(--ink,#e8e8e8);background:var(--surface-2,#ffffff0d);border:1px solid var(--stroke,#ffffff1a);border-radius:var(--radius-sm,8px);transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);padding:6px 10px;font-weight:600;text-decoration:none}.sr-card-btn:hover{background:var(--surface-3,#ffffff14);border-color:var(--stroke-strong,#ffffff2e)}.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{border-top:1px dashed var(--stroke,#ffffff1a);flex-direction:column;gap:6px;width:100%;margin-top:8px;padding-top:8px;display:none}.sr-remix-inline.is-open{display:flex}.sr-remix-label{font-size:var(--text-2xs,.68rem);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint,#777);font-weight:600}.sr-remix-inline input{font:inherit;font-size:var(--text-sm,.8rem);color:var(--ink-bright,#fff);background:var(--surface-2,#ffffff0d);border:1px solid var(--stroke,#ffffff1a);border-radius:var(--radius-sm,8px);min-width:0;padding:7px 10px}.sr-remix-inline input:focus-visible{outline:2px solid var(--ink-bright,#fff);outline-offset:1px}.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,#ffffff08) 25%, var(--surface-2,#ffffff0f) 37%, var(--surface-1,#ffffff08) 63%);background-size:400% 100%;animation:1.4s infinite sr-shimmer}@keyframes sr-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.sr-empty,.sr-error{text-align:center;padding:var(--space-xl,40px) var(--space-md,16px);color:var(--ink-dim,#888);border:1px dashed var(--stroke,#ffffff1f);border-radius:var(--radius-lg,14px);grid-column:1/-1}.sr-empty-title{color:var(--ink-bright,#fff);font-weight:600;font-size:var(--text-lg,1rem);margin-bottom:6px}.sr-empty-sub{max-width:460px;font-size:var(--text-sm,.85rem);margin:0 auto 16px;line-height:1.5}.sr-empty-ctas{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.sr-error a{color:var(--ink-bright,#fff)}.sr-empty-ctas button{cursor:pointer}.sr-quicklinks{gap:var(--space-sm,12px);margin-top:var(--space-lg,24px);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.sr-quicklink{background:var(--surface-1,#ffffff08);border:1px solid var(--stroke,#ffffff12);border-radius:var(--radius-lg,14px);transition:border-color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;display:flex}.sr-quicklink:focus-visible{outline:2px solid var(--ink-bright,#fff);outline-offset:2px}.sr-quicklink:hover{border-color:var(--stroke-strong,#ffffff2e);background:var(--surface-2,#ffffff0d);transform:translateY(-2px)}.sr-quicklink-title{font-size:var(--text-sm,.85rem);color:var(--ink-bright,#fff);font-weight:600}.sr-quicklink-desc{font-size:var(--text-2xs,.7rem);color:var(--ink-faint,#777);line-height:1.4}@media (width<=520px){.sr-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}