.vibe-page .feed{top:0;right:0;left:0;bottom:0;overflow-y:auto;overscroll-behavior:contain;position:fixed;scroll-snap-type:y mandatory;scrollbar-width:none}@media (min-width:1024px){.vibe-page .feed{bottom:0;top:var(--nav-h)}}.vibe-page .feed::-webkit-scrollbar{display:none}.vibe-page .card{display:grid;height:100%;isolation:isolate;overflow:hidden;place-items:center;position:relative;scroll-snap-align:start;scroll-snap-stop:always}.vibe-page .card .bg{filter:blur(60px) saturate(1.4);top:-10%;right:-10%;bottom:-10%;left:-10%;opacity:.75;position:absolute;transform:scale(1.1);z-index:-2}.vibe-page .card .bg img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.vibe-page .card:after{background:linear-gradient(180deg,color(from var(--media-scrim) srgb r g b/.35),transparent 30%,transparent 55%,color(from var(--media-scrim) srgb r g b/.85));content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:-1}.vibe-page .frame{display:grid;grid-template-rows:auto 1fr auto;height:100%;padding:14px 16px 18px;position:relative;width:min(100%,480px)}@media (min-width:1024px){.vibe-page .frame{background:color(from var(--media-scrim) srgb r g b/.18);border:1px solid color-mix(in srgb,var(--media-ink) 8%,transparent);border-radius:var(--r-xl);height:calc(100% - 32px);overflow:hidden}}.vibe-page .f-top{align-items:center;color:var(--media-ink);display:flex;flex-wrap:wrap;gap:var(--s-2);justify-content:space-between;position:relative;z-index:3}.vibe-page .f-top>.f-tabs{flex-shrink:0}.vibe-page .f-exit{align-items:center;color:inherit;display:inline-flex;font-size:var(--t-small);line-height:1.3;margin-left:auto;max-width:100%;min-height:44px;padding:var(--s-2)}@media (max-width:1023px){.vibe-page .f-exit{display:none}}.vibe-page .f-tabs{display:flex;font:700 16px/1 var(--font-ui);gap:18px}.vibe-page .f-tabs button{color:color-mix(in srgb,var(--media-ink) 60%,transparent);padding:10px 0;position:relative}.vibe-page .f-tabs button[aria-pressed=true]{color:var(--media-ink)}.vibe-page .f-tabs button[aria-pressed=true]:after{background:var(--media-ink);border-radius:calc(var(--r-xs)/3);bottom:2px;content:"";height:2px;left:25%;position:absolute;right:25%}.vibe-page .f-mid{display:grid;place-items:center;position:relative}.vibe-page .f-art{cursor:pointer;position:relative;width:min(78vw,340px)}.vibe-page .f-art .vinyl{--record-offset:translateY(0);animation-duration:calc(var(--d-base)*26.66667);animation-name:A;animation-timing-function:var(--ease-inout);top:3%;right:3%;bottom:3%;left:3%;transition:transform var(--d-slow) var(--ease-out)}.vibe-page .card.is-playing .f-art .vinyl{--record-offset:translateY(-22%);transform:translateY(-22%)}.vibe-page .f-art .cover{border-radius:calc(var(--r-lg) - 2px);box-shadow:var(--e-3);transition:transform var(--d-slow) var(--ease-spring);z-index:2}.vibe-page .card:not(.is-playing) .f-art .cover{transform:scale(.94)}.vibe-page .tap-hint{display:grid;top:0;right:0;bottom:0;left:0;opacity:0;place-items:center;pointer-events:none;position:absolute;transition:opacity var(--d-base);z-index:3}.vibe-page .card:not(.is-playing) .tap-hint{opacity:1}.vibe-page .tap-hint span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color(from var(--media-scrim) srgb r g b/.45);border-radius:var(--r-pill);color:var(--media-ink);display:grid;height:72px;place-items:center;width:72px}.vibe-page .f-bottom{align-items:end;color:var(--media-ink);display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto}.vibe-page .f-info h2{font:800 26px/1.05 var(--font-display);letter-spacing:-.04em;margin:0 0 8px}.vibe-page .f-info .by{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px}.vibe-page .f-info .by .avatar{font:700 10px/1 var(--font-display);height:26px;width:26px}.vibe-page .f-info .prompt{display:-webkit-box;font:400 17px/1.25 var(--font-serif);margin:10px 0;opacity:.85;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vibe-page .f-info .tags{display:flex;flex-wrap:wrap;gap:6px}.vibe-page .f-info .tags span{background:color-mix(in srgb,var(--media-ink) 14%,transparent);border-radius:var(--r-pill);font:600 12px/1 var(--font-ui);padding:6px 9px}.vibe-page .rail{display:grid;gap:14px;justify-items:center}.vibe-page .rail a,.vibe-page .rail button{color:var(--media-ink);display:grid;font:600 11px/1 var(--font-ui);gap:4px;justify-items:center}.vibe-page .rail .r-ic{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--media-ink) 14%,transparent);border-radius:var(--r-pill);display:grid;height:48px;place-items:center;transition:transform var(--d-base) var(--ease-spring),background-color var(--d-quick);width:48px}.vibe-page .rail button:active .r-ic{transform:scale(.88)}.vibe-page .rail [aria-pressed=true] .r-ic{background:var(--love)}.vibe-page .rail .remix .r-ic{background:var(--accent);color:var(--accent-ink)}.vibe-page .f-prog{background:color-mix(in srgb,var(--media-ink) 20%,transparent);border-radius:calc(var(--r-xs)/2);bottom:6px;height:3px;left:16px;overflow:hidden;position:absolute;right:16px}.vibe-page .f-prog i{background:var(--media-ink);display:block;height:100%;width:var(--p,0)}.vibe-page .kbd-hint{align-items:center;bottom:28px;color:var(--text-3);display:none;font:500 12px/1 var(--font-mono);gap:8px;position:fixed;right:28px;z-index:5}@media (min-width:1024px){.vibe-page .kbd-hint{display:flex}}.vibe-page .kbd-hint kbd{border:1px solid var(--line-strong);border-radius:var(--r-xs);font-family:monospace;padding:6px 8px}.vibe-page .burst{animation:B var(--d-story) var(--ease-out) forwards;color:var(--love);pointer-events:none;position:absolute;z-index:5}@keyframes A{0%{transform:var(--record-offset) rotate(0)}50%{transform:translateY(0) rotate(180deg)}to{transform:var(--record-offset) rotate(1turn)}}@keyframes B{0%{opacity:1;transform:translate(-50%,-50%) scale(.4)}to{opacity:0;transform:translate(-50%,-90%) scale(1.6)}}.vibe-page .f-art{background:transparent;border:0;display:block;padding:0}.vibe-page .f-art .vinyl{z-index:1}.vibe-page .f-art:focus-visible{border-radius:calc(var(--r-lg) - 2px);outline:2px solid var(--focus);outline-offset:5px}.vibe-page .f-info .by .creator-credit{color:inherit}.vibe-page .f-top .icon-btn{color:var(--media-ink);height:44px;width:44px}.vibe-page .f-top .icon-btn svg{height:22px;width:22px}.vibe-page .f-tabs{min-width:0}.vibe-page .f-tabs button{min-height:36px;min-width:0}.vibe-page .f-info h2 a:before,.vibe-page .f-tabs button:before{content:"";height:max(100%,44px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:max(100%,44px)}.vibe-page .f-info h2{text-wrap:wrap}.vibe-page .f-info h2 a{display:block;position:relative}.vibe-page .f-info .prompt{font-style:italic}.vibe-page .f-prog i{transform-origin:left;width:100%}.vibe-page .rail a,.vibe-page .rail button{min-height:44px;min-width:48px}.vibe-page .f-status{font-size:12px}.vibe-page .burst{left:50%;top:50%}.vibe-page .burst svg{fill:currentColor}.vibe-page .feed-feedback{align-content:center;display:grid;gap:16px;justify-items:center;min-height:100%;padding:24px;text-align:center}.vibe-page .feed-initial{padding-bottom:88px;padding-top:88px;position:relative}.vibe-page .feed-feedback-nav{color:var(--text);gap:12px;padding:0 16px;position:absolute;top:14px;width:min(100%,480px)}.vibe-page .feed-feedback-nav .f-tabs{flex-wrap:wrap}.vibe-page .feed-feedback-nav .f-tabs button{color:var(--text-2);min-height:44px;min-width:44px}.vibe-page .feed-feedback-nav .f-tabs button[aria-pressed=true]{color:var(--text)}.vibe-page .feed-feedback-nav .f-tabs button[aria-pressed=true]:after{background:var(--text)}.vibe-page .feed-feedback-body{display:grid;gap:var(--s-6);justify-items:center;max-width:420px;width:100%}.vibe-page .feed-feedback-record{border:1px solid var(--line-strong);border-radius:var(--r-pill);display:grid;height:120px;place-items:center;position:relative;width:120px}.vibe-page .feed-feedback-record:after,.vibe-page .feed-feedback-record:before{border:1px solid var(--line);border-radius:inherit;content:"";top:10px;right:10px;bottom:10px;left:10px;position:absolute}.vibe-page .feed-feedback-record:after{top:24px;right:24px;bottom:24px;left:24px}.vibe-page .feed-feedback-record span{border:1px solid var(--line-strong);border-radius:var(--r-pill);display:grid;height:32px;place-items:center;width:32px}.vibe-page .feed-feedback-record span:after{background:var(--accent);border-radius:var(--r-pill);content:"";height:6px;width:6px}.vibe-page .feed-feedback-kicker{color:var(--text-3);font:500 var(--t-micro)/1.4 var(--font-mono);letter-spacing:.16em;margin:0 0 var(--s-3);text-transform:uppercase}.vibe-page .feed-feedback-copy h2{color:var(--text);font:800 clamp(28px,3vw,34px)/1.18 var(--font-display);letter-spacing:-.04em;margin:0}.vibe-page .feed-feedback-description{color:var(--text-2);font-size:var(--t-small);line-height:1.6;margin:var(--s-4) 0 0}.vibe-page .feed-feedback-body>.btn{min-height:44px}.vibe-page .feed-continuation{scroll-snap-align:start}@media (prefers-reduced-motion:reduce){.vibe-page .burst{animation:none}}.feed-loading-flat[data-v-611d0b01]{width:min(100%,340px)}