:root { color-scheme: dark; --paper:#292a2d; --ink:#eeeDE8; --line:#626468; --acid:#dce97a; --mono:'Courier New',monospace; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; }
body::before { content:''; position:fixed; inset:0; z-index:20; pointer-events:none; opacity:.16; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.28' filter='url(%23n)'/%3E%3C/svg%3E"); }
button,input { font:inherit; } button,a,input { -webkit-tap-highlight-color:transparent; } a { color:inherit; } button { cursor:pointer; } [hidden] { display:none!important; }
a:focus-visible,button:focus-visible,input:focus-visible { outline:2px solid #495a9f; outline-offset:5px; }
.skip-link { position:absolute; top:-100px; left:20px; z-index:30; background:var(--paper); padding:10px; } .skip-link:focus { top:10px; }
.masthead { margin:0 3vw; padding:25px 0 20px; display:flex; justify-content:space-between; align-items:start; gap:16px; font:10px/1.5 var(--mono); letter-spacing:.06em; }
.masthead button { border:0; border-bottom:1px solid var(--ink); padding:0 0 4px; background:none; font:inherit; }
.wordmark { margin:0 2vw; font-size:16.2vw; font-weight:900; letter-spacing:-.09em; line-height:.86; white-space:nowrap; position:relative; }
.wordmark>span { display:block; transform:scaleY(.95); transform-origin:bottom; }
.wordmark-dot { display:inline-block; color:#828e63; text-shadow:2px 0 #c5a4d4,-2px 0 #a2c9c3; }
.registration { display:flex; justify-content:space-between; margin:20px 3vw 0; padding:12px 0; border-top:1px solid var(--ink); font:9px var(--mono); letter-spacing:.08em; }
.event-stage { display:grid; grid-template-columns:1fr 1fr; gap:8vw; padding:55px 7vw 95px; align-items:start; }
.event-column { padding-top:20px; transform:rotate(-1.2deg); }
.flyer-container { position:relative; background:#202124; box-shadow:14px 15px 0 #36373a; }
.flyer-link { display:block; }.flyer-image { display:block; width:100%; height:auto; max-height:680px; object-fit:contain; }
.image-index { position:absolute; left:-22px; top:30%; writing-mode:vertical-rl; transform:rotate(180deg); font:9px var(--mono); }
.event-details { display:flex; gap:16px; justify-content:space-between; align-items:center; padding:28px 0 16px; border-bottom:1px solid var(--ink); }
.event-details h2 { font-size:clamp(20px,2.5vw,36px); margin:0 0 8px; letter-spacing:-.05em; }.event-details p { font:11px/1.5 var(--mono); margin:0; }
.tickets-btn { text-decoration:none; border:1px solid var(--ink); padding:13px 15px; font:11px var(--mono); white-space:nowrap; background:var(--acid); display:flex; gap:20px; }.tickets-btn span { font-size:19px; line-height:.6; }.tickets-btn:hover { background:var(--ink);color:var(--paper); }
.identity-column { min-width:0; }
.hologram { position:relative; height:clamp(260px,34vw,490px); display:grid; place-items:center; perspective:800px; }
.hologram::before { content:''; position:absolute; width:70%; height:50%; border-radius:50%; background:conic-gradient(from 40deg,#dfcbe4,#c6dcd8,#ede4ce,#d5cce8,#dfcbe4); filter:blur(35px); opacity:.5; }
.holo-emblem { position:relative; width:83%; height:100%; overflow:visible; filter:drop-shadow(4px 2px 0 #d6d9df); animation:levitate 12s ease-in-out infinite; transform:rotate(-8deg) rotateY(-18deg); }
.orbit { position:absolute; width:95%; height:50%; border:1px solid #b5bcc3; border-radius:50%; transform:rotate(-24deg); }.orbit-two { width:58%;height:90%;transform:rotate(35deg);border-color:#d3c6d4; }
.holo-label { position:absolute; bottom:10px; right:0; font:9px var(--mono); letter-spacing:.1em; }
.bio { margin:30px 0 32px; max-width:470px; }.micro { font:10px/1.5 var(--mono); letter-spacing:.07em; }.bio p { font-size:clamp(17px,1.6vw,23px); line-height:1.4; letter-spacing:-.035em; margin:12px 0 0; }
.sms-signup { max-width:470px; }.sms-signup>label { font:12px var(--mono); }.sms-line { display:flex; align-items:center; border-bottom:1px solid var(--ink); margin-top:9px; gap:12px; }.sms-line>input { min-width:0; width:100%; background:none; border:0; padding:12px 0; font:16px var(--mono); color:var(--ink); }.sms-line>input::placeholder { color:#77796d; }.sms-submit { border:0; background:none; font-size:26px; padding:4px 10px; }.sms-submit:disabled { opacity:.35;cursor:not-allowed; }
.consent-wrap { display:flex; align-items:center; gap:4px; position:relative; }.consent-wrap input { width:14px;height:14px;margin:0;accent-color:var(--ink);cursor:pointer; }.terms-toggle { border:0;background:none;font:11px var(--mono);padding:8px 3px; }.terms-tooltip { visibility:hidden; opacity:0; position:absolute; z-index:30; right:-40px; bottom:36px; width:min(290px,75vw); padding:16px; background:#35363b; border:1px solid var(--line); box-shadow:5px 5px 0 #151619; font:11px/1.6 var(--mono); transition:opacity .15s; }.consent-wrap:hover .terms-tooltip,.consent-wrap:focus-within .terms-tooltip,.consent-wrap.is-open .terms-tooltip { visibility:visible;opacity:1; }
.status { font:10px/1.5 var(--mono); color:#b9babe; margin:10px 0; }.status:empty { display:none; }#sms-challenge:not(:empty) { margin-top:14px; }
.projection-section { margin:0 3vw; border-top:1px solid var(--ink); padding-top:28px; }.section-line { display:flex; justify-content:space-between; align-items:end; gap:20px; }.section-line h2 { font-size:clamp(45px,7vw,100px); font-weight:normal; line-height:.88; letter-spacing:-.065em; margin:0; }.section-line em { font-family:Georgia,serif; font-weight:normal; }.section-line p { text-align:right; }
.projection-wall { position:relative; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); grid-template-rows:repeat(12,6vw);grid-auto-rows:6vw; padding:35px 1vw 0; margin-bottom:40px; isolation:isolate; }
.art-frame { padding:0; border:0; background:none; text-align:left; position:relative; align-self:start; width:100%; cursor:zoom-in; transition:filter .4s,transform .4s; }
.art-frame::before,.art-frame::after { content:'+';position:absolute; font:20px var(--mono);z-index:2; }.art-frame::before { left:-14px;top:-14px; }.art-frame::after { right:-14px;bottom:14px; }
.art-frame img,.art-frame video { width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.65);box-shadow:0 8px 30px #30332a18; }.art-frame .frame-image { position:relative;overflow:hidden; }.art-frame .frame-image::after { content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff1 3px 4px); }.frame-caption { display:flex;justify-content:space-between;gap:10px;font:9px/1.4 var(--mono);padding-top:8px;letter-spacing:.04em; }
.art-frame:nth-child(4n+1) { grid-column:1/9;grid-row:1/7;transform:rotate(-2deg); }.art-frame:nth-child(4n+1) .frame-image { aspect-ratio:1.5; }
.art-frame:nth-child(4n+2) { grid-column:9/13;grid-row:2/7;transform:translateX(-16%) rotate(5deg);z-index:2; }.art-frame:nth-child(4n+2) .frame-image { aspect-ratio:.8; }
.art-frame:nth-child(4n+3) { grid-column:2/6;grid-row:7/12;transform:translateY(-12%) rotate(3deg);z-index:3; }.art-frame:nth-child(4n+3) .frame-image { aspect-ratio:.85; }
.art-frame:nth-child(4n+4) { grid-column:6/13;grid-row:7/13;transform:rotate(-3deg);z-index:1; }.art-frame:nth-child(4n+4) .frame-image { aspect-ratio:1.4; }
.art-frame:hover,.art-frame:focus-visible { z-index:5;filter:drop-shadow(3px 0 #c8bce1) drop-shadow(-3px 0 #b8d9c7); }.art-frame:hover img { filter:saturate(1); }
.projection-wall::after { content:'SOUND LEAVES\A AN IMAGE.';white-space:pre;position:absolute;left:45%;top:44%;z-index:4;pointer-events:none;font:italic clamp(22px,4vw,64px)/.9 Georgia,serif;color:var(--paper);mix-blend-mode:difference;transform:rotate(-8deg); }
.wall-end { display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0;font:10px var(--mono); }
footer { display:flex;justify-content:space-between;gap:20px;margin:70px 3vw 0;padding:20px 0 30px;font:10px var(--mono); }footer a { text-underline-offset:4px; }
dialog { border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:50px 20px 20px;max-width:95vw;max-height:95vh; }dialog::backdrop { background:#17181bea;backdrop-filter:blur(12px); }.viewer-close { position:absolute;right:20px;top:15px;border:0;background:none;font:11px var(--mono); }#viewer-content img,#viewer-content video { display:block;max-width:85vw;max-height:72vh;object-fit:contain; }#viewer-caption { font:11px var(--mono);margin-bottom:0; }
@keyframes levitate { 0%,100% { transform:translateY(0) rotate(-8deg) rotateY(-18deg); }50% { transform:translateY(-12px) rotate(-5deg) rotateY(10deg); } }
@keyframes interfere { 0%,94%,100% { clip-path:inset(0);translate:0; }95% { clip-path:inset(32% 0 42%);translate:3px; }96% { clip-path:inset(0);translate:-2px; } }
.wordmark-dot { animation:interfere 11s steps(1) infinite; }
body.still *,body.still *::before,body.still *::after { animation:none!important;transition:none!important; }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important;transition:none!important; } }
@media(min-width:1600px) { body { max-width:1800px;margin:auto; }.wordmark { font-size:259px; }.projection-wall { grid-template-rows:repeat(12,90px); } }
@media(max-width:700px) {
 .masthead { font-size:8px;padding-top:20px; }.edition { display:none; }.registration { font-size:8px;margin-top:12px; }.registration span:nth-child(2) { display:none; }
 .event-stage { gap:35px;padding:24px 6vw 50px;grid-template-columns:1fr; }.event-column { width:90%;margin:0 auto; }.identity-column { display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;align-items:center; }.hologram { height:230px; }.holo-emblem { width:110%; }.holo-label { font-size:7px; }.bio { margin:0; }.bio p { font-size:16px; }.bio .micro { font-size:8px; }.sms-signup { grid-column:1/-1;width:100%;max-width:none;margin-top:5px; }
 .section-line h2 { font-size:48px; }.section-line p { font-size:8px;max-width:120px; }.projection-wall { grid-template-rows:repeat(12,9vw);grid-auto-rows:9vw;padding-top:35px; }.art-frame:nth-child(4n+1) { grid-column:1/11;grid-row:1/6; }.art-frame:nth-child(4n+2) { grid-column:8/13;grid-row:4/9; }.art-frame:nth-child(4n+3) { grid-column:1/7;grid-row:6/11;transform:rotate(3deg); }.art-frame:nth-child(4n+4) { grid-column:5/13;grid-row:9/13; }.frame-caption { font-size:7px; }.projection-wall::after { top:51%;left:27%; }.art-frame::before,.art-frame::after { font-size:12px; }.art-frame::before { left:-8px;top:-8px; }.art-frame::after { right:-8px; }
 footer { font-size:8px;margin-top:40px; }footer>span:last-child { display:none; }
}
@media(max-width:380px) { .identity-column { grid-template-columns:1fr; }.hologram { height:230px;width:65%;margin:auto; }.bio { margin-top:10px; }.sms-signup { grid-column:1; } }
.consent-wrap.terms-dismissed .terms-tooltip { visibility:hidden;opacity:0; }
.media-unavailable .frame-image { min-height:140px;background:#deded3;display:grid;place-items:center;font:10px var(--mono); }
.calendar-open { flex-shrink:0; }.masthead .calendar-open { border:0;padding:0; }.calendar-open svg { display:block; }
#event-calendar { width:min(780px,94vw);padding:45px 30px 25px; }#event-calendar h2 { font-size:clamp(32px,6vw,60px);letter-spacing:-.06em;margin:12px 0 30px; }.calendar-close { position:absolute;right:20px;top:16px;border:0;background:none;font:11px var(--mono); }#calendar-events h3 { font:11px var(--mono);margin-top:28px; }.calendar-event { display:grid;grid-template-columns:110px 1fr auto;gap:16px;align-items:center;text-decoration:none;border-top:1px solid var(--line);padding:16px 0; }.calendar-event time,.calendar-event>span { font:10px/1.5 var(--mono); }.calendar-event strong { font-size:16px;font-weight:normal; }.calendar-event:hover { background:#dce97a55; }
.volunteer-page { max-width:680px;margin:50px auto 90px;padding:0 24px; }.volunteer-page h1 { font-size:clamp(64px,11vw,125px);line-height:.85;letter-spacing:-.07em;font-weight:normal;margin:25px 0; }.volunteer-page h1 em { font-family:Georgia,serif; }.volunteer-page>p { font-size:14px;line-height:1.6; }#volunteer-form { display:grid;gap:22px;margin-top:35px; }#volunteer-form label { display:grid;gap:9px;font:12px/1.5 var(--mono); }#volunteer-form input:not([type=checkbox]),#volunteer-form select,#volunteer-form textarea { width:100%;min-width:0;border:1px solid var(--line);background:#ffffff40;color:var(--ink);padding:13px;font:16px Arial,sans-serif;border-radius:0; }#volunteer-form textarea { resize:vertical; }.form-pair { display:grid;grid-template-columns:1fr 1fr;gap:20px; }#volunteer-form .volunteer-consent { display:flex;align-items:start;gap:10px; } .volunteer-consent input { flex-shrink:0;accent-color:var(--ink);margin-top:3px; }.volunteer-submit { background:var(--acid);border:1px solid var(--ink);padding:15px;font:12px var(--mono); }.volunteer-submit:disabled { opacity:.45;cursor:not-allowed; }
@media(max-width:600px) { .calendar-event { grid-template-columns:90px 1fr;gap:10px; }.calendar-event>span { grid-column:2; }.form-pair { grid-template-columns:1fr; }.masthead { flex-wrap:wrap; } }

button { color:inherit; } .tickets-btn,.volunteer-submit { color:#22231f; } .terms-tooltip { color:var(--ink); } #volunteer-form select option { background:var(--paper); }
.edge-glitch { position:fixed;top:0;bottom:0;width:clamp(8px,2.2vw,32px);pointer-events:none;z-index:15;opacity:.3;background:repeating-linear-gradient(0deg,transparent 0 34px,#b7c5d2 35px 36px,transparent 37px 91px,#ac8ba3 92px 95px,transparent 96px 160px);animation:edge-drift 9s steps(1,end) infinite; }
.edge-left { left:0;border-left:1px solid #b4c6d333; } .edge-right { right:0;transform:scaleY(-1);animation-delay:-4s; }
.edge-glitch::after { content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 190px,#9fc8ce55 191px 202px,transparent 203px 320px);clip-path:polygon(0 12%,100% 12%,100% 15%,25% 15%,25% 52%,100% 52%,100% 53%,0 53%); }
@keyframes edge-drift { 0%,100% { background-position:0 0;clip-path:inset(0); } 33% { background-position:6px 41px;clip-path:inset(5% 0 13%); } 66% { background-position:-4px -60px;clip-path:inset(0 0 6%); } }
@media(prefers-reduced-motion:reduce) { .edge-glitch { animation:none; } }
/* Five discrete displacement states per second; no brightness or opacity flashing. */
.edge-glitch { animation:edge-fast 1s steps(1,end) infinite; }
.edge-right { animation-delay:-.4s; }
@keyframes edge-fast {
  0%,100% { background-position:0 0;clip-path:inset(0); }
  20% { background-position:5px 71px;clip-path:inset(4% 0 8%); }
  40% { background-position:-3px -39px;clip-path:inset(0 0 3%); }
  60% { background-position:2px 140px;clip-path:inset(11% 0 0); }
  80% { background-position:-5px 24px;clip-path:inset(2% 0 12%); }
}
.flyer-link { overflow:hidden; }
.flyer-image,.art-frame .frame-image img { animation:picture-glitch 1s steps(1,end) infinite; }
.art-frame:nth-child(2n) .frame-image img { animation-delay:-.4s; }
.art-frame:nth-child(3n) .frame-image img { animation-delay:-.8s; }
@keyframes picture-glitch {
  0%,100% { transform:scale(1.025) translate(0,0); }
  20% { transform:scale(1.025) translate(2px,-1px) skewX(.25deg); }
  40% { transform:scale(1.025) translate(-2px,0); }
  60% { transform:scale(1.025) translate(1px,1px) skewX(-.3deg); }
  80% { transform:scale(1.025) translate(-1px,-1px); }
}
.art-frame:hover .frame-image img,.art-frame:focus-within .frame-image img,.flyer-link:hover img,.flyer-link:focus-within img { animation-play-state:paused; }
@media(prefers-reduced-motion:reduce) { .edge-glitch,.flyer-image,.art-frame .frame-image img { animation:none; } }
/* Localized signal breakup: small white fragments and horizontal image tears. */
.edge-glitch { width:clamp(14px,3vw,46px);opacity:.48; }
.edge-glitch::before { content:'';position:absolute;left:3px;top:14%;width:7px;height:7px;background:#eee;box-shadow:13px 83px #eee,-2px 216px #ddd,19px 350px #eee,4px 520px #ddd;animation:edge-fragments 1.2s steps(1,end) infinite; }
.edge-right::before { animation-delay:-.6s; }
@keyframes edge-fragments { 0%,100% { translate:0 0;clip-path:inset(0); } 20% { translate:9px 34px; } 40% { translate:-3px 91px;clip-path:inset(0 0 2px); } 60% { translate:4px -32px; } 80% { translate:0 57px; } }
.wordmark::before,.wordmark::after { content:'AFTER.PVD';position:absolute;inset:0;pointer-events:none;color:var(--ink);font:inherit;letter-spacing:inherit;line-height:inherit;transform:scaleY(.95);transform-origin:bottom; }
.wordmark::before { clip-path:inset(24% 0 70%);animation:title-tear 1s steps(1,end) infinite; }
.wordmark::after { clip-path:inset(67% 0 29%);animation:title-tear 1s steps(1,end) infinite reverse; }
@keyframes title-tear { 0%,100% { translate:3px 0; } 20% { translate:-7px 1px; } 40% { translate:5px 0; } 60% { translate:-3px -1px; } 80% { translate:8px 0; } }
.flyer-link { position:relative; }
.flyer-link::after,.art-frame .frame-image::after { content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(transparent 21%,#eee9 21% calc(21% + 1px),transparent calc(21% + 1px) 62%,#fff8 62% calc(62% + 2px),transparent calc(62% + 2px)),repeating-linear-gradient(0deg,transparent 0 5px,#dddddd08 5px 6px);animation:scan-tear 1.2s steps(1,end) infinite; }
.art-frame:nth-child(even) .frame-image::after { animation-delay:-.6s; }
.flyer-link::before,.art-frame .frame-image::before { content:'';position:absolute;width:5px;height:5px;left:9%;top:32%;background:#eee;box-shadow:14px 6px #eee;z-index:3;pointer-events:none;animation:pixel-fragment 1.4s steps(1,end) infinite; }
@keyframes scan-tear { 0%,100% { translate:0 0; } 25% { translate:0 13%; } 50% { translate:0 -17%; } 75% { translate:0 6%; } }
@keyframes pixel-fragment { 0%,100% { translate:0 0;opacity:.7; } 25% { translate:40px 35px;opacity:0; } 50% { translate:90px -20px;opacity:.7; } 75% { translate:20px 70px;opacity:0; } }
.art-frame:hover .frame-image::before,.art-frame:hover .frame-image::after,.flyer-link:hover::before,.flyer-link:hover::after { animation-play-state:paused; }
@media(prefers-reduced-motion:reduce) { .edge-glitch::before,.wordmark::before,.wordmark::after,.flyer-link::before,.flyer-link::after,.art-frame .frame-image::before,.art-frame .frame-image::after { animation:none; } }

/* Keep the identity and current event readable; interference belongs to the archive. */
.wordmark::before,.wordmark::after,.flyer-link::before,.flyer-link::after { content:none; }
.wordmark-dot,.flyer-image { animation:none!important;transform:none; }
.social-tools { display:flex;align-items:center;gap:16px; }
.social-tools a,.masthead .calendar-open { display:grid;place-items:center;width:44px;height:44px;flex-shrink:0; }
.social-tools svg { width:36px;height:36px; }
.event-details { flex-wrap:wrap; }
.tickets-btn { width:100%;justify-content:center;align-items:center;min-height:90px;font-family:'Comic Sans MS','Comic Sans',cursive;font-weight:900;font-style:italic;font-size:clamp(30px,4vw,54px);letter-spacing:-.05em;border:3px solid #141414;box-shadow:7px 7px 0 #141414;padding:14px 25px;position:relative;z-index:5;transition:translate 1.8s ease-out,background .2s; }
.tickets-btn span { font-size:1em;line-height:1; }
.tickets-btn:focus-visible { translate:0!important; }
.logo-cursor { position:fixed;top:0;left:0;width:34px;height:34px;pointer-events:none;z-index:1000;display:none;filter:drop-shadow(0 0 2px #08090a); }
.logo-cursor svg { width:100%;height:100%;overflow:visible; }
@media(hover:hover) and (pointer:fine) { body.logo-pointer,body.logo-pointer a,body.logo-pointer button { cursor:none; } body.logo-pointer .logo-cursor { display:block; } }
@media(prefers-reduced-motion:reduce) { .tickets-btn { translate:0!important;transition:none; } }
body.still .tickets-btn { translate:0!important; }
/* Native pointer feedback on interactive targets, including their SVG children. */
body.logo-pointer :is(a,button,label,summary,[role=button],[role=link],[tabindex]),:is(a,button,label,summary,[role=button],[role=link],[tabindex]) { cursor:pointer; }
body.logo-pointer :is(input,textarea,[contenteditable]) { cursor:auto; }
body.logo-pointer button:disabled { cursor:not-allowed; }
body:has(:is(a,button,input,textarea,select,label,summary,[role=button],[role=link],[tabindex],[contenteditable]):hover) .logo-cursor { display:none; }
.social-tools { position:relative;z-index:25; }
.social-tools [data-tooltip] { position:relative; }
.social-tools [data-tooltip]::after { content:attr(data-tooltip);position:absolute;left:0;top:calc(100% + 10px);padding:9px 12px;background:#eeeDE8;color:#252629;border-radius:7px;box-shadow:0 4px 18px #0005;font:12px/1.3 Arial,sans-serif;letter-spacing:0;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s; }
.social-tools [data-tooltip]::before { content:'';position:absolute;left:17px;top:calc(100% + 4px);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #eeeDE8;opacity:0;visibility:hidden;pointer-events:none; }
.social-tools [data-tooltip]:is(:hover,:focus-visible)::before,.social-tools [data-tooltip]:is(:hover,:focus-visible)::after { opacity:1;visibility:visible; }
.social-section { margin:70px 5vw 20px;padding-top:30px;border-top:1px solid var(--line); }
.broadcast-grid { display:grid;grid-template-columns:1.3fr 1fr;gap:5vw;align-items:start; }
.social-player h3 { font-size:clamp(19px,2.5vw,32px);font-weight:normal;letter-spacing:-.04em;margin:20px 0; }
.social-player iframe { width:100%;aspect-ratio:16/9;border:0;display:block;background:#202124;margin-bottom:16px; }
#soundcloud-latest iframe { aspect-ratio:auto;height:166px; }
.social-player>a { font:12px/1.5 var(--mono);text-underline-offset:5px; }
@media(max-width:700px) { .broadcast-grid { grid-template-columns:1fr;gap:35px; } }
.invite-toggle { background:none;border:0;border-bottom:1px solid var(--ink);padding:8px 0;text-align:left;font:16px/1.5 var(--mono);grid-column:1/-1; }
.invite-panel { position:fixed;right:24px;bottom:24px;z-index:40;width:min(650px,calc(100vw - 48px));max-height:80vh;overflow:auto;display:grid;grid-template-columns:1fr 1.25fr;gap:24px;background:#303136;border:1px solid #8c8d91;box-shadow:0 12px 60px #0009;padding:38px 24px 24px; }
#invite-close { position:absolute;right:10px;top:5px;border:0;background:none;font-size:25px; }
.invite-text h3 { font:16px var(--mono);margin:0 0 12px; }.invite-text p { font:13px/1.7 var(--mono);margin:0; }.invite-text a { white-space:nowrap; }
.invite-panel .sms-signup { min-width:0;max-width:none;margin:0;grid-column:auto; }.invite-panel .sms-signup>label { display:block;line-height:1.5; }
.invite-panel .terms-tooltip { position:fixed;right:30px;bottom:165px;max-width:calc(100vw - 60px); }
@media(max-width:600px) { .invite-panel { right:12px;bottom:12px;width:calc(100vw - 24px);grid-template-columns:1fr;gap:22px; }.invite-panel .sms-signup { grid-column:1; }.invite-text { border-bottom:1px solid var(--line);padding-bottom:20px; } }
.video-preview { position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:1px solid var(--line);background:#151618;overflow:hidden;margin-bottom:16px; }
.video-preview img { width:100%;height:100%;object-fit:cover;display:block; }
.video-preview span { position:absolute;bottom:20px;left:20px;background:#292a2ded;color:#fff;padding:12px 18px;font:14px var(--mono);border:1px solid #aaa; }