/* Feed catalogue, adapted from Pacome's yosh-accueil.html. */
html.yosh-pacome-responsive body.y-app #main-1 .feed-shell { padding-top:0; overflow:hidden; background:var(--y-bg); }
html.yosh-pacome-responsive body.y-app #main-1 :is(.feed-subnav,.agenda-rails) { display:none!important; }
.y-home-ticker { margin:0 -16px; width:calc(100% + 32px); }
html.yosh-pacome-responsive body.y-app #main-1 .y-home-ticker span { font:700 12px var(--y-mono); letter-spacing:1px; }
.y-home-hero { position:relative; padding:28px 0 8px; }
html.yosh-pacome-responsive body.y-app #main-1 .y-home-meta { position:relative; z-index:1; display:flex; justify-content:space-between; gap:12px; font:400 10px/1.5 var(--y-mono); letter-spacing:.5px; color:var(--y-muted); }
html.yosh-pacome-responsive body.y-app #main-1 #y-home-title { position:relative; z-index:1; margin:14px 0 0; font:400 clamp(46px,14vw,72px)/.9 var(--y-display); color:var(--y-fg); letter-spacing:-1px; text-align:left; }
#y-home-title em { font-style:normal; color:var(--y-yellow); }
html.yosh-pacome-responsive body.y-app #main-1 .y-home-hero > p { position:relative; z-index:1; max-width:30ch; margin:14px 0 0; color:var(--y-muted); font:400 17px/1.4 var(--y-body); text-align:left; }
.y-home-record { position:absolute; right:-90px; top:40px; width:220px; height:220px; max-width:100%; opacity:.45; pointer-events:none; }
.y-home-live-count { position:relative; z-index:1; display:flex; align-items:center; gap:10px; margin-top:12px; color:var(--y-muted); font:700 11px/1.5 var(--y-mono); letter-spacing:.6px; }
.y-home-live-count:before { content:''; flex:none; width:9px; height:9px; border-radius:50%; background:var(--y-line); }
.y-home-live-count[data-live=true] { color:var(--y-fg); }
.y-home-live-count[data-live=true]:before { background:var(--y-red); }
.y-home-how,.y-home-selection-group,.y-home-join { margin-top:40px; }
.y-home-section-head { display:flex; align-items:baseline; justify-content:space-between; gap:12px; border-top:3px solid var(--y-fg); padding-top:10px; }
html.yosh-pacome-responsive body.y-app #main-1 .y-home-section-head h2 { margin:0; min-width:0; color:var(--y-fg); font:400 26px/1.1 var(--y-display); letter-spacing:.5px; text-align:left; }
.y-home-section-head > .y-mono { flex-shrink:0; max-width:40%; color:var(--y-muted); font:400 10px/1.5 var(--y-mono); letter-spacing:.7px; text-align:right; }
html.yosh-pacome-responsive body.y-app #main-1 .y-home-section-sub { margin:6px 0 0; color:var(--y-muted); font:400 15px/1.4 var(--y-body); }
.y-home-chain { margin-top:14px; border:1px solid var(--y-line); border-radius:4px; background:var(--y-bg2); }
.y-home-step { display:grid; grid-template-columns:44px minmax(0,1fr); gap:12px; align-items:start; padding:14px; border-bottom:1px dashed var(--y-line); }
.y-home-step:last-child { border-bottom:0; }
.y-home-step-icon { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; color:var(--y-ink); background:var(--y-yellow); }
.y-home-step:nth-child(2) .y-home-step-icon { background:var(--y-red); }
.y-home-step:nth-child(3) .y-home-step-icon { background:var(--y-blue); }
.y-home-step-number { display:block; margin-bottom:2px; color:var(--y-muted); font:400 10px/1.4 var(--y-mono); letter-spacing:1.5px; }
.y-home-step strong { display:block; font:400 18px/1.1 var(--y-display); }
html.yosh-pacome-responsive body.y-app #main-1 .y-home-step p { margin:2px 0 0; color:var(--y-muted); font:400 15px/1.4 var(--y-body); }
.y-home-editorial-card { min-width:0; overflow-wrap:anywhere; }
.y-home-tonight { margin-top:14px; overflow:hidden; border:1px solid var(--y-line); border-radius:4px; background:var(--y-card); }
.y-home-art { position:relative; overflow:hidden; background:radial-gradient(circle at 50% 55%,var(--y-yellow) 0 22%,#111 22% 26%,#2b2a24 26%); }
.y-home-art[data-art-type=concert] { background:linear-gradient(160deg,#d9d6cc 0 34%,#5e7a3a 34% 72%,#c9c4b5 72%); }
.y-home-art[data-art-type=podcast] { background:repeating-linear-gradient(135deg,#1c2a44 0 12px,#4f97e3 12px 14px); }
.y-home-art > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.y-home-sleeve { aspect-ratio:16/10; }
.y-home-sleeve[data-art-type=dj] { background:conic-gradient(from 30deg at 30% 60%,#f1f1f1 0 8%,#0b0b0a 0 18%,#bdbdbd 0 24%,#0b0b0a 0 40%,#e0e0e0 0 46%,#0b0b0a 0 100%); }
.y-home-cover-link { position:absolute; inset:0; width:100%; height:100%; padding:0; border:0; background:none; cursor:pointer; }
.y-home-cover-tags { position:absolute; top:12px; left:12px; right:12px; display:flex; align-items:center; flex-wrap:wrap; gap:8px; pointer-events:none; }
.y-home-tag { display:inline-block; align-self:flex-start; max-width:100%; padding:4px 8px; border-radius:4px; background:var(--y-event-accent,var(--y-yellow)); color:var(--y-ink); font:700 10px/1.4 var(--y-mono); letter-spacing:1px; text-transform:uppercase; }
.y-home-cover-tags .y-rec { padding:4px 8px; border-radius:4px; background:var(--y-fg); color:var(--y-ink); font:700 11px/1.3 var(--y-mono); }
.y-home-cover-tags .y-rec:before { content:'● '; }
.y-home-onair { position:absolute; right:12px; bottom:12px; padding:5px 8px; border:1px solid var(--y-red); border-radius:4px; background:var(--y-ink); color:var(--y-red); font:700 10px/1.3 var(--y-mono); pointer-events:none; }
.y-home-sleeve > img.y-home-venue-logo { inset:auto auto 12px 12px; width:52px; height:52px; object-fit:cover; border:3px solid var(--y-fg); border-radius:50%; pointer-events:none; }
.y-home-card-body { display:flex; flex-direction:column; gap:6px; padding:16px; }
html.yosh-pacome-responsive body.y-app #main-1 .y-home-tonight h3 { margin:4px 0 0; color:var(--y-yellow); font:400 34px/.95 var(--y-display); }
.y-home-when { font:700 18px/1.4 var(--y-body); }
.y-home-hours { color:var(--y-muted); font:400 14px/1.4 var(--y-body); }
html.yosh-pacome-responsive body.y-app #main-1 .y-home-lineup { margin:0; color:var(--y-muted); font:400 13px/1.4 var(--y-body); }
.y-home-why { margin-top:8px; padding-left:12px; border-left:3px solid var(--y-yellow); }
.y-home-why > span { display:block; margin-bottom:2px; color:var(--y-yellow); font:700 10px/1.4 var(--y-mono); letter-spacing:1px; }
html.yosh-pacome-responsive body.y-app #main-1 .y-home-reason { margin:0; color:var(--y-fg); font:400 15px/1.4 var(--y-body); }
.y-home-card-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }
html.yosh-pacome-responsive body.y-app #main-1 .y-home-card-actions .y-btn { flex:1 1 140px; min-height:48px; height:auto; padding:12px 14px; text-align:center; font:700 14px/1.3 var(--y-body); }
html.yosh-pacome-responsive body.y-app #main-1 .y-home-outline { background:none; border:2px solid var(--y-fg); color:var(--y-fg); }
html.yosh-pacome-responsive body.y-app .y-btn--primary { color:var(--y-ink); }
.y-home-crate { display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; padding:14px 2px 6px; scrollbar-width:none; }
.y-home-crate::-webkit-scrollbar { display:none; }
.y-home-release { flex:0 0 72%; max-width:300px; display:grid; grid-template-columns:34px minmax(0,1fr); scroll-snap-align:start; border:1px solid var(--y-line); border-radius:4px; overflow:hidden; background:var(--y-card); }
.y-home-spine { display:flex; align-items:center; justify-content:space-between; writing-mode:vertical-rl; transform:rotate(180deg); padding:10px 0; color:var(--y-ink); background:var(--y-event-accent); font:700 10px/1.4 var(--y-mono); letter-spacing:1.5px; }
.y-home-spine .y-rec,.y-home-track-meta .y-rec { padding:0; border-radius:0; background:none; color:inherit; font:inherit; }
.y-home-release-in { display:flex; flex-direction:column; min-width:0; gap:4px; padding:12px; }
.y-home-release-art { aspect-ratio:1; margin-bottom:8px; border-radius:2px; }
html.yosh-pacome-responsive body.y-app #main-1 .y-home-release h3 { margin:4px 0 0; color:var(--y-fg); font:400 21px/1 var(--y-display); }
.y-home-release-date { font:700 14px/1.4 var(--y-body); }
.y-home-release-row { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:8px; }
.y-home-release-row .y-home-lineup { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.y-home-likes { flex:none; color:var(--y-red); font:700 11px/1.4 var(--y-mono); }
.y-home-release .y-home-why { margin-top:8px; padding-left:8px; }
.y-home-release .y-home-why > span { font-size:8px; }
html.yosh-pacome-responsive body.y-app #main-1 .y-home-release .y-home-reason { font-size:13px; }
html.yosh-pacome-responsive body.y-app #main-1 .y-home-text-action { min-height:36px; padding:6px 0; border:0; background:none; color:var(--y-yellow); font:700 12px/1.4 var(--y-body); text-align:left; cursor:pointer; }
.y-home-tracks { margin-top:12px; border:1px solid var(--y-line); border-radius:4px; background:var(--y-bg2); overflow:hidden; }
.y-home-track { padding:12px; border-bottom:1px solid var(--y-line); }
.y-home-track:last-child { border-bottom:0; }
.y-home-track-main { display:grid; grid-template-columns:40px 44px minmax(0,1fr) auto; gap:8px; align-items:center; }
.y-home-track-day { color:var(--y-muted); font:700 11px/1.4 var(--y-mono); white-space:nowrap; }
.y-home-track-play { display:grid; place-items:center; width:44px; height:44px; border:0; border-radius:50%; background:var(--y-blue); color:var(--y-ink); cursor:pointer; font:700 18px var(--y-body); }
.y-home-track-info { min-width:0; }
html.yosh-pacome-responsive body.y-app #main-1 .y-home-track h3 { margin:0; color:var(--y-fg); font:400 16px/1.1 var(--y-display); }
.y-home-track-info small { display:block; color:var(--y-muted); font:400 13px/1.4 var(--y-body); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.y-home-track-progress { height:3px; margin-top:6px; background:var(--y-line); border-radius:2px; overflow:hidden; }
.y-home-track-progress i { display:block; width:0; height:100%; background:var(--y-blue); }
.y-home-track-meta { max-width:64px; color:var(--y-muted); font:400 9px/1.5 var(--y-mono); text-align:right; }
.y-home-track-meta span { display:block; }
.y-home-track-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:4px 14px; margin-top:2px; }
html.yosh-pacome-responsive body.y-app #main-1 .y-home-track-actions .y-home-text-action { min-height:32px; font-size:11px; }
.y-home-empty-group .y-home-empty-body { position:relative; margin-top:14px; padding:20px 16px; border:1px solid var(--y-line); border-left:4px solid var(--y-yellow); border-radius:4px; background:var(--y-bg2); }
.y-home-empty-body > .y-mono { display:block; padding-right:40px; color:var(--y-yellow); font:700 11px/1.5 var(--y-mono); letter-spacing:1px; }
.y-home-empty-disc { position:absolute; top:14px; right:14px; color:var(--y-line); font:400 40px/1 var(--y-display); }
html.yosh-pacome-responsive body.y-app #main-1 .y-home-empty-body p { margin:8px 0; max-width:32ch; color:var(--y-muted); font:400 15px/1.4 var(--y-body); }
.y-home-empty-group[data-empty-group=now] .y-home-empty-body { padding-top:180px; border-left-width:1px; overflow:hidden; }
.y-home-empty-group[data-empty-group=now] .y-home-empty-body:before { content:''; position:absolute; top:0; left:0; right:0; height:156px; border-bottom:1px solid var(--y-line); background:conic-gradient(from 30deg at 30% 60%,#38362f 0 8%,#111 0 18%,#555147 0 24%,#111 0 40%,#38362f 0 46%,#111 0 100%); }
.y-home-empty-group[data-empty-group=now] .y-home-empty-disc { top:32px; right:24px; color:var(--y-yellow); font-size:84px; }
/* Keep the existing shared radio transport and move its actual controls into the reference dial. */
html.yosh-pacome-responsive body.y-app #main-1 #kiosk-agenda { margin:40px 0 0; padding:20px 16px; border:0; border-radius:4px; background:var(--y-yellow); color:var(--y-ink); font-family:var(--y-body); }
html.yosh-pacome-responsive body.y-app #main-1 #kiosk-agenda .kiosk-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin:0; }
#kiosk-agenda .kiosk-heading > img { display:none; }
html.yosh-pacome-responsive body.y-app #main-1 #kiosk-agenda h2 { flex:1; margin:0; color:var(--y-ink); font:400 40px/.9 var(--y-display); white-space:pre-line; }
#kiosk-agenda .kiosk-heading .y-mono { color:var(--y-ink); font:700 10px/1.5 var(--y-mono); letter-spacing:1px; text-align:right; white-space:pre-line; }
html.yosh-pacome-responsive body.y-app #main-1 #kiosk-agenda > p { margin:10px 0 0; max-width:36ch; color:var(--y-ink); font:400 16px/1.4 var(--y-body); }
#kiosk-agenda .y-home-radio-player { display:flex; flex-direction:column; gap:12px; margin-top:18px; padding:14px; border-radius:4px; background:var(--y-ink); color:var(--y-fg); }
.y-home-radio-scale { position:relative; height:46px; border-bottom:1px solid var(--y-line); overflow:hidden; }
.y-home-radio-stations { position:absolute; inset:0 0 16px; display:flex; justify-content:space-between; align-items:flex-end; gap:8px; color:var(--y-muted); font:400 9px var(--y-mono); }
.y-home-radio-stations span { max-width:33%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.y-home-radio-stations .is-current { color:var(--y-fg); font-weight:700; }
.y-home-radio-ticks { position:absolute; inset:auto 0 0; height:14px; background:repeating-linear-gradient(90deg,var(--y-muted) 0 1px,transparent 1px 10px); opacity:.6; }
.y-home-radio-needle { position:absolute; top:0; bottom:0; left:var(--home-needle,8%); width:2px; background:var(--y-red); }
.y-home-radio-now { display:flex; align-items:center; gap:12px; }
html.yosh-pacome-responsive body.y-app #main-1 #kiosk-agenda .kiosk-radio-toggle { flex:none; width:58px; height:58px; min-width:58px; margin:0; padding:0; border:0; border-radius:50%; background:var(--y-yellow); color:var(--y-ink); }
#kiosk-agenda .y-home-radio-info { flex:1; min-width:0; }
#kiosk-agenda .y-home-radio-info > small { display:block; color:var(--y-muted); font:400 9px/1.5 var(--y-mono); letter-spacing:.7px; }
html.yosh-pacome-responsive body.y-app #main-1 #kiosk-agenda .kiosk-playing { min-height:0; margin:4px 0 0; color:var(--y-fg); text-align:left; font:400 16px/1.4 var(--y-body); }
html.yosh-pacome-responsive body.y-app #main-1 #kiosk-agenda .kiosk-radio-title { font:400 19px/1.1 var(--y-display); color:var(--y-fg); }
html.yosh-pacome-responsive body.y-app #main-1 #kiosk-agenda .kiosk-radio-artist { margin-top:4px; color:var(--y-yellow); font:400 14px/1.4 var(--y-body); }
#kiosk-agenda .kiosk-bac-dial { margin:0; padding:10px 0 0; border-color:var(--y-line); border-bottom:0; }
html.yosh-pacome-responsive body.y-app #main-1 #kiosk-agenda .kiosk-bac-dial strong { color:var(--y-yellow); font:700 10px/1.5 var(--y-mono); }
html.yosh-pacome-responsive body.y-app #main-1 #kiosk-agenda .kiosk-bac-dial p { margin:6px 0; color:var(--y-muted); font:400 10px/1.5 var(--y-mono); }
html.yosh-pacome-responsive body.y-app #main-1 #kiosk-agenda .kiosk-bac-dial .kiosk-button { min-height:36px; padding:6px 10px; border:1px solid var(--y-line); color:var(--y-fg); background:none; font:700 11px/1.4 var(--y-body); }
#kiosk-agenda .y-home-radio-explore { align-self:flex-end; min-height:36px; padding:4px 10px; border:1px solid var(--y-line); border-radius:24px; color:var(--y-fg); background:none; font:400 11px/1.4 var(--y-mono); cursor:pointer; }
#kiosk-agenda .kiosk-channels { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
html.yosh-pacome-responsive body.y-app #main-1 #kiosk-agenda .kiosk-channels .kiosk-button { min-height:40px; padding:0 12px; border:2px solid var(--y-ink); border-radius:24px; color:var(--y-ink); background:none; font:700 14px/1.4 var(--y-body); }
html.yosh-pacome-responsive body.y-app #main-1 #kiosk-agenda .kiosk-button[aria-pressed=true] { background:var(--y-ink)!important; color:var(--y-yellow)!important; }
html.yosh-pacome-responsive body.y-app #main-1 #kiosk-agenda > .kiosk-radio-visualizer { width:100%; height:24px; margin:10px 0 0; }
#kiosk-agenda[data-home-playing=false] > .kiosk-radio-visualizer { display:none; }
.y-home-join-tabs { display:grid; grid-template-columns:repeat(4,minmax(max-content,1fr)); gap:6px; margin-top:14px; }
.y-home-join-tabs button { min-width:0; min-height:48px; padding:0 4px; border:1px solid var(--y-line); border-radius:4px; background:var(--y-card); font:700 12px var(--y-body); letter-spacing:0.5px; }
.y-home-join-tabs button[aria-selected=true] { background:var(--y-fg); color:var(--y-ink); border-color:var(--y-fg); }
.y-home-join-content { display:flex; flex-direction:column; gap:12px; margin-top:12px; padding:20px 16px; border:1px solid var(--y-line); border-radius:4px; background:var(--y-card); --home-join-accent:var(--y-blue); }
.y-home-join-content[data-audience=lieux],.y-home-join-content[data-audience=collectifs] { --home-join-accent:var(--y-yellow); }
.y-home-join-content[data-audience=artistes] { --home-join-accent:var(--y-red); }
.y-home-join-kick { color:var(--home-join-accent); font:700 11px/1.5 var(--y-mono); letter-spacing:1px; }
html.yosh-pacome-responsive body.y-app #main-1 .y-home-join-content h3 { margin:0; color:var(--y-fg); font:400 34px/.95 var(--y-display); }
html.yosh-pacome-responsive body.y-app #main-1 .y-home-join-content > p { margin:0; max-width:38ch; color:var(--y-muted); font:400 16px/1.4 var(--y-body); }
.y-home-plans { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr)); gap:10px; }
.y-home-plan { display:flex; flex-direction:column; gap:6px; padding:14px; border:1px solid var(--y-line); border-radius:4px; background:var(--y-bg2); }
.y-home-plan.is-accent { border-color:var(--home-join-accent); }
.y-home-plan > .y-mono { color:var(--y-muted); font:400 11px/1.4 var(--y-mono); letter-spacing:1.5px; }
.y-home-plan-price { color:var(--y-fg); font:400 30px/1 var(--y-display); }
.y-home-plan > small { color:var(--y-muted); font:600 13px/1.4 var(--y-body); }
.y-home-plan ul { margin:4px 0 0; padding-left:18px; font:400 14px/1.4 var(--y-body); }
.y-home-plan li { margin-bottom:3px; }
html.yosh-pacome-responsive body.y-app #main-1 .y-home-join-content > .y-btn { flex:none; width:100%; min-height:48px; height:auto; padding:12px 18px; font:700 15px/1.4 var(--y-body); }
html.yosh-pacome-responsive body.y-app .legacy-home-secondary { display:none; }
@media(prefers-reduced-motion:no-preference) { .y-home-record { animation:y-home-spin 18s linear infinite; } .y-home-radio-needle { transition:left .4s ease; } }
@keyframes y-home-spin { to { transform:rotate(360deg); } }
@media(min-width:1024px) { html.yosh-pacome-responsive body.y-app #main-1 #y-home-title { font-size:56px; } }

/* Live programme: swipeable sleeves above a progressively loaded social feed. */
.y-home-featured-list { display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; padding:14px 2px 6px; scrollbar-width:none; }
.y-home-featured-list::-webkit-scrollbar { display:none; }
.y-home-featured-list > .y-home-tonight { flex:0 0 94%; width:94%; max-width:420px; margin:0; scroll-snap-align:start; }
.y-home-carousel-controls { display:flex; align-items:center; justify-content:flex-end; gap:10px; margin-top:4px; }
.y-home-carousel-controls > span { min-width:44px; color:var(--y-muted); text-align:center; font:400 10px/1.4 var(--y-mono); }
.y-home-carousel-arrow { display:grid; place-items:center; width:44px; height:36px; padding:0; border:1px solid var(--y-line); border-radius:20px; background:var(--y-card); color:var(--y-fg); font:700 18px var(--y-body); cursor:pointer; }
.y-home-carousel-arrow:disabled { opacity:.3; cursor:default; }
.y-home-flux { margin-top:40px; scroll-margin-top:12px; }
html.yosh-pacome-responsive body.y-app #main-1 #feed-flux-list { padding:16px 0 0; font-family:var(--y-body); }
html.yosh-pacome-responsive body.y-app #main-1 .flux-card { width:100%; margin:0 0 20px; border:1px solid var(--y-line); border-left:16px solid var(--flux-color,var(--y-yellow)); border-radius:4px; background:var(--y-card); color:var(--y-fg); box-shadow:none; }
#main-1 .flux-card:before,#main-1 .flux-card:after,#main-1 .flux-card-visual:after { display:none; }
#main-1 .flux-card-visual { position:relative; z-index:2; aspect-ratio:1; margin:0; overflow:visible; background:var(--y-bg2); }
#main-1 .flux-card-image { display:block; width:100%; height:100%; object-fit:cover; }
#main-1 .flux-card-visual--empty { aspect-ratio:16/9; background:repeating-radial-gradient(circle at 50% 50%,var(--y-bg2) 0 8px,var(--y-line) 9px 10px); }
#main-1 .flux-card-body { padding:14px; }
#main-1 .flux-card-topline { margin-bottom:10px; }
#main-1 .flux-card-type { padding:4px 8px; background:var(--flux-color); color:var(--y-ink); border-radius:4px; font:700 10px/1.4 var(--y-mono); }
#main-1 .flux-card-status { padding:4px 8px; border-width:1px; font:700 10px/1.4 var(--y-mono); }
html.yosh-pacome-responsive body.y-app #main-1 .flux-card-title { margin:0 0 8px; color:var(--y-fg); font:400 26px/1.05 var(--y-display); }
#main-1 .flux-card-place { margin:0 0 4px; color:var(--y-fg); font:700 15px/1.4 var(--y-body); }
#main-1 .flux-card-time { display:flex; flex-wrap:wrap; flex-direction:row; gap:3px 10px; margin:0; color:var(--y-muted); font:400 11px/1.5 var(--y-mono); }
html.yosh-pacome-responsive body.y-app #main-1 .flux-card-description { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin:12px 0 0; color:var(--y-muted); font:400 15px/1.5 var(--y-body); }
#main-1 .flux-lineup { gap:6px; margin-top:12px; }
#main-1 .flux-lineup span { min-height:28px; padding:4px 8px; border:1px solid var(--y-line); color:var(--y-muted); font:400 11px/1.4 var(--y-body); }
#main-1 .flux-waveform { display:none; }
#main-1 .flux-card-footer { display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; gap:8px; margin-top:14px; padding-top:12px; border-top:1px solid var(--y-line); }
#main-1 .flux-card-actions { display:flex; flex:1; min-width:0; width:auto!important; justify-content:flex-start!important; float:none; gap:8px; align-items:center; padding:0; }
#main-1 .flux-card-actions--locked { color:var(--y-muted); font:400 12px/1.4 var(--y-body); }
#main-1 .flux-action,#main-1 .flux-pref-state { flex:none; display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; min-height:40px; min-width:40px; padding:0; border:1px solid var(--y-line); border-radius:50%; background:var(--y-bg2); box-shadow:none; color:var(--y-fg); font:700 23px/1 var(--y-body); }
#main-1 .flux-action > span[aria-hidden=true] { font-size:23px; line-height:1; }
#main-1 .flux-action--love,#main-1 .flux-pref-state--love { color:var(--y-red); }
#main-1 .flux-pref-state { width:auto; gap:6px; padding:0 12px; border-radius:20px; font-size:11px; }
#main-1 .flux-playback { display:inline-flex; align-items:center; align-self:center; order:0; flex:none; width:auto; min-height:40px; margin:0; padding:8px 12px; border:1px solid var(--flux-color); border-radius:24px; background:var(--flux-color); color:var(--y-ink); font:700 11px/1.4 var(--y-body); }
#main-1 .flux-pref-state span { font-size:11px!important; }
#main-1 :is(.flux-loading,.flux-empty,.flux-more,.flux-end) { display:block; width:100%; margin:12px 0 0; padding:14px; border:1px solid var(--y-line); border-radius:4px; background:var(--y-bg2); color:var(--y-muted); font:400 12px/1.5 var(--y-mono); text-align:center; }
#main-1 .flux-more { cursor:pointer; color:var(--y-yellow); }

/* Flux venue signature: 36px x 1.7, centered on the photo's lower edge. */
#main-1 .flux-card-visual .flux-venue-logo { position:absolute; right:14px; bottom:0; transform:translateY(50%); z-index:3; width:61.2px; height:61.2px; min-width:0; min-height:0; margin:0; padding:0; border:0; border-radius:50%; background:var(--y-card); }
#main-1 .flux-card-visual .flux-card-logo { display:block; width:100%; height:100%; max-width:none; object-fit:cover; border:2px solid var(--y-fg); border-radius:50%; }
#main-1 .flux-card--has-logo .flux-card-body { padding-top:44px; }
html.yosh-pacome-responsive body.y-app #main-1 .flux-card-description { max-height:none; white-space:pre-line; }
html.yosh-pacome-responsive body.y-app #main-1 .flux-card-description.is-expanded { display:block; -webkit-line-clamp:unset; overflow:visible; }
#main-1 .flux-description-toggle { display:block; min-height:32px; min-width:32px; margin:4px auto 0; padding:0 8px; border:0; background:none; color:var(--y-yellow); font:20px/1 var(--y-body); cursor:pointer; }
#main-1 .flux-description-toggle[hidden] { display:none; }
