/* tapau-ds-consistency */

/* Base: beats the theme's #CC3366 link colour without outranking component classes */
:where(.tapau-v2) a{color:var(--tp-n700)}
:where(.tapau-v2) :is(h1,h2,h3,h4,h5,h6) a{color:inherit}
/* Standalone text links (were pink) */
.tapau-v2 :is(.bj-all,.hp-all,.rv-more-all,.hw-more,.cp-link,.mb-link,.ob-skip,.tapau-from-album){color:var(--tp-n700)!important;font-weight:600;text-decoration:none}
.tapau-v2 :is(.hp-empty,.tk__txt,.tvn__off-p,.cp-card,.cp-guide,.rv-card,.bj-card) a:not([class*="btn"]):not(.tk__who){color:var(--tp-n700)}
/* Hover / focus: pink + underline */
.tapau-v2 :is(p,li,dd,dt,td,th,figcaption,blockquote,span,small,label,h1,h2,h3,h4,h5,h6,.elementor-widget-text-editor,.e-paragraph-base) a:is(:not([class]),[class="tapau-ds-body"]):is(:hover,:focus-visible),
.tapau-v2 :is(.bj-all,.hp-all,.rv-more-all,.hw-more,.cp-link,.mb-link,.ob-skip,.tapau-from-album,.rv-card__link,.tapau-cc__link,.hp-link,.bj-link,.bj-row-title,.hs-board__t,.hw-rank__t,.tk__who):is(:hover,:focus-visible){
 color:var(--tp-pink-text)!important;text-decoration:underline!important;text-decoration-thickness:1.5px!important;text-underline-offset:3px!important}
/* Same, on dark surfaces: lighter default, brand pink on hover (4.7:1 on #211A2A) */
.tapau-v2 :is(.tapau-cc,.bj-cta,.hp-feature,.hp-cta,.rv-target,.hs,.tvn,.tk,[data-id="1a65e83"],[data-id="ab9689a"],[data-id="ff6db34"]) :is(p,li,dd,span,small) a:is(:not([class]),[class="tapau-ds-body"]){color:var(--tp-purple-200)}
.tapau-v2 :is(.tapau-cc,.bj-cta,.hp-feature,.hp-cta,.rv-target,.hs,.tvn,.tk,[data-id="1a65e83"],[data-id="ab9689a"],[data-id="ff6db34"]) a:is(:not([class]),[class="tapau-ds-body"],.tapau-cc__link,.hp-link,.bj-row-title,.hs-board__t,.rv-card__link):is(:hover,:focus-visible){color:var(--tp-pink)!important}
.tapau-v2 a:focus-visible{outline:2px solid var(--tp-pink);outline-offset:2px;border-radius:0}

/* Section titles: one style everywhere. STABLE selector — targets a
 * .tp-h-section CSS class set on the widget itself (Advanced > CSS Classes
 * for classic "heading" widgets, or the Classes control for atomic
 * "e-heading" widgets), not the widget's data-id. Widget IDs regenerate
 * every time a widget is deleted and rebuilt (confirmed 27 Sep 2026 on
 * Home), which silently detached this rule from 4 headings with zero
 * errors. A class survives a rebuild as long as it's re-applied, and is a
 * visible field in the editor instead of a hidden ID coupling three files
 * away. Apply .tp-h-section to every section-title heading; add
 * .tp-h-dark on ones sitting on a dark band. See .tp-h-subsection below
 * for the nested-heading role (e.g. Home "Top 10 Demo").
 * Legacy [data-id="..."] selectors for pre-rebuild pages (Charts/Bacajap/
 * Happenings v1) kept temporarily below — TODO: audit + migrate once
 * those pages' section-title markup (JetEngine listing macros, not plain
 * Elementor heading widgets) is confirmed. */
.tapau-v2 :is(.tp-h-section, .tp-h-section h2, .tp-h-section h3),
.tapau-v2 :is([data-id="164374d"],[data-id="7b80dc3"]) h2,
.tapau-v2 h2:is([data-id="164374d"]){
 font-family:var(--tp-font-display)!important;font-size:clamp(26px,1.2rem + 1.1vw,32px)!important;font-weight:700!important;line-height:1.15!important;letter-spacing:0!important;text-transform:none!important;color:var(--tp-ink)!important}
/* ...on dark bands */
.tapau-v2 :is(.tp-h-dark, .tp-h-dark h2, .tp-h-dark h3),
.tapau-v2 :is(.hp-cta,.bj-cta,[data-id="hpsubmit"],[data-id="bjcta"]) :is(.hp-h2,.bj-h2){color:#fff!important}
/* Page titles on light pages (hubs, archives, submit pages, Stories): one style */
.tapau-v2 :is(.hp-h1,.bj-h1),
.tapau-v2:is(.post-type-archive,.page) :is(h1.elementor-heading-title,h1.e-heading-base){
 font-family:var(--tp-font-display)!important;font-size:clamp(40px,1.6rem + 2.6vw,60px)!important;font-weight:700!important;line-height:1.05!important;letter-spacing:-.01em!important;color:var(--tp-ink)!important;text-transform:none!important}
/* Bylines in listings are metadata, not accents */
.tapau-v2 .elementor-author-box__name{color:var(--tp-n700)!important}
/* Sub-section titles inside a section (Home: Top 10 Demo / Music Video).
 * STABLE selector — .tp-h-subsection class, not data-id. See the
 * .tp-h-section comment above for why. */
.tapau-v2 :is(.tp-h-subsection):is(h2,h3,.elementor-heading-title),.tapau-v2 .tp-h-subsection :is(h2,h3,.elementor-heading-title){font-family:var(--tp-font-display)!important;font-size:25px!important;font-weight:700!important;color:var(--tp-ink)!important}

/* ── All-pages: content container max-width + side padding ──
   Elementor "boxed" containers are capped at the kit's max-width.
   This adds a minimum horizontal padding so content never bleeds
   to the viewport edge on narrow desktop windows. The .tk ticker
   and full-bleed hero sections are intentionally excluded.         */
.tapau-v2 .e-con:not(.e-con--full_width) > .e-con-inner,
.tapau-v2 .elementor-section.elementor-section-boxed > .elementor-container{
 padding-left:max(20px, env(safe-area-inset-left, 0px))!important;
 padding-right:max(20px, env(safe-area-inset-right, 0px))!important}
/* Full-width containers that should still have inner padding (content sections) */
.tapau-v2 .e-con.e-con--full_width:not([data-id="tkwrap"]):not([data-id="hpnext"]):not([data-id="bjfeat"]):not([data-id="ff6db34"]) > .e-con-inner{
 padding-left:max(20px, env(safe-area-inset-left, 0px))!important;
 padding-right:max(20px, env(safe-area-inset-right, 0px))!important}
.elementor-element-arh1{position:relative}
.elementor-element-arh1::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.82) 20%,rgba(0,0,0,0) 60%);z-index:1;pointer-events:none}
.elementor-element-arh1>.e-con-inner{position:relative;z-index:2}

/* tapau-footer-band-css */

    [data-id="fce47df"]{background:#20FF19!important;width:100%!important;box-sizing:border-box}
    [data-id="d5361a5"]{max-width:1200px!important;margin:0 auto!important;width:100%!important}
    [data-id="21d82c8"],[data-id="21d82c8"] *{color:#1C1622!important}
    [data-id="dd2fdc3"],[data-id="dd2fdc3"] *{color:#1C1622!important}
    [data-id="ee28a9c"],[data-id="ee28a9c"] *{color:#1C1622!important;font-weight:700}
    [data-id="99526e6"]{background:transparent!important}
    [data-id="f16c9c9"]{background:#1C1622!important;color:#fff!important;border-radius:0}
    [data-id="f16c9c9"]:hover,[data-id="f16c9c9"]:focus{background:#211A2A!important;color:#fff!important}
    [data-id="1a68936"]{background:#15101B!important;width:100%!important;box-sizing:border-box}
    [data-id="1a68936"] *{color:#DED7E8!important}
    /* Join The Community CTA (widget id 1df7e97) -- user restyled this natively in Elementor
       (global colors: bg=primary #FF009D, border=text #151515, hover bg=tppinkt #D10080) but
       the site-wide '.tapau-v2 :is(.elementor-button,...)' rule in WPCode 3062 was force-
       overriding every button to green!important. Scope an equal-or-higher-specificity
       exception to this one button id so the intentional pink brutalist style wins. */
    [data-id="1df7e97"] a.elementor-button{
    background:var(--e-global-color-primary,#FF009D)!important;
    color:var(--e-global-color-text,#151515)!important;
    border-color:var(--e-global-color-text,#151515)!important;
    }
    [data-id="1df7e97"] a.elementor-button:hover{
    background:#D10080!important;
    color:var(--e-global-color-text,#151515)!important;
    border-color:var(--e-global-color-text,#151515)!important;
    }
    /* Audit 2 Oct (N1/N3): the prose-link rule in tapau-ds-consistency turns li links #D10080 (3.19:1 on purple-900). Footer owns its link colour: #FF009D 4.61:1; green ring 12.2:1 */
    body.tapau-v2 .tp-footer-links .tp-footer-links__col a:is(:hover,:focus-visible){color:#FF009D!important;text-decoration-color:#FF009D!important}
    body.tapau-v2 .tp-footer-links a:focus-visible{outline-color:#20FF19!important}
    
/* tapau-content-card */

.tp-cq{container-type:inline-size;min-width:0}
.tp-card{--tpc-bg-raised:var(--tpc-purple-100);--tpc-bg-sunken:var(--tpc-purple-50);--tpc-bg-surface:var(--tpc-n0);--tpc-border-default:var(--tpc-purple-300);--tpc-border-subtle:var(--tpc-n200);--tpc-focus-ring:var(--tpc-pink-500);--tpc-font-body:var(--tp-font-body,"Inter",system-ui,sans-serif);--tpc-font-display:var(--tp-font-display,"roc-grotesk",sans-serif);--tpc-green-400:#20FF19;--tpc-green-500:#04C400;--tpc-green-600:#029300;--tpc-green-700:#029300;--tpc-ink:#050306;--tpc-n0:#FFFFFF;--tpc-n200:#E5E2E9;--tpc-n400:#A8A1AF;--tpc-n600:#655C70;--tpc-n700:#4C4356;--tpc-n900:#1C1622;--tpc-pink-300:#FFA6CB;--tpc-pink-400:#FF6EB2;--tpc-pink-500:#FF009D;--tpc-pink-600:#D10080;--tpc-purple-100:#EFEAF6;--tpc-purple-200:#DED7E8;--tpc-purple-300:#C3B9D0;--tpc-purple-50:#F8F5FC;--tpc-purple-500:#7B6D8D;--tpc-purple-600:#615472;--tpc-purple-700:#4B3F59;--tpc-purple-800:#352B40;--tpc-purple-900:#211A2A;--tpc-purple-950:#15101B;--tpc-radius-btn-md:0px;--tpc-radius-btn-sm:0px;--tpc-radius-btn-xs:0px;--tpc-radius-lg:0px;--tpc-radius-md:0px;--tpc-radius-pill:0px;--tpc-space-1:4px;--tpc-space-2:8px;--tpc-space-3:12px;--tpc-space-4:16px;--tpc-space-6:24px;--tpc-success:#0F7A36;--tpc-text-brand:var(--tpc-pink-600);--tpc-text-default:var(--tpc-n700);--tpc-text-muted:var(--tpc-n600);--tpc-text-strong:var(--tpc-n900);--tpc-text-success:var(--tpc-success);--tpc-warning:#B54708;--tpc-warning-on-dark:#FEC84B}
.tp-card{--c-bg:var(--tpc-bg-surface);--c-border:var(--tpc-border-subtle);--c-border-hover:var(--tpc-border-default);--c-title:var(--tpc-text-strong);--c-body:var(--tpc-text-default);--c-muted:var(--tpc-text-muted);--c-meta:var(--tpc-text-default);--c-accent:var(--tpc-text-brand);--c-media:var(--tpc-bg-raised);--c-well:var(--tpc-bg-sunken);--c-up:var(--tpc-text-success);--c-down:var(--tpc-text-muted);
  position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:var(--tpc-space-3);padding:var(--tpc-space-3);min-width:0;box-sizing:border-box;
  background:var(--c-bg);color:var(--c-body);border:1px solid var(--c-border);border-radius:var(--tpc-radius-lg);font-family:var(--tpc-font-body);transition:border-color .15s}
.tp-card *{box-sizing:border-box}
.tp-card:hover{border-color:var(--c-border-hover)}
.tp-card.tp-card--chart{--c-bg:var(--tpc-purple-700);--c-hover-bg:var(--tpc-purple-800);--c-border:var(--tpc-purple-700);--c-border-hover:var(--tpc-purple-800);--c-title:var(--tpc-n0);--c-body:var(--tpc-n0);--c-muted:var(--tpc-purple-200);--c-meta:var(--tpc-purple-200);--c-accent:var(--tpc-pink-300);--c-media:var(--tpc-purple-800);--c-well:var(--tpc-purple-900);--c-up:var(--tpc-green-400);--c-down:var(--tpc-purple-300)}
.tp-card.tp-card--chart:hover{background:var(--c-hover-bg)}
.tp-card.tp-card--bare{background:transparent;border:0;padding:0;border-radius:0}
.tp-card.tp-card--bare:hover{border-color:transparent;background:transparent}
.tp-card__media{position:relative;overflow:hidden;border-radius:var(--tpc-radius-md);background:var(--c-media);aspect-ratio:16/9;max-width:100%;display:grid}
.tp-card__media>.ph{grid-area:1/1;width:100%;height:100%;display:grid;place-items:center;padding:var(--tpc-space-2);text-align:center;font:600 12.8px/1.25 var(--tpc-font-body);color:var(--tpc-n0);text-wrap:balance}
.tp-card__media .tp-ov{position:absolute;z-index:1}
.tp-card .tp-card__media.r11{aspect-ratio:1}
.tp-card .tp-card__media.r34{aspect-ratio:3/4}
.tp-card .tp-card__media.r169{aspect-ratio:16/9}
.tp-card--row .tp-card__media.r11{width:64px}
.tp-card--row .tp-card__media.r34{width:60px}
.tp-card--row .tp-card__media.r169{width:clamp(106px,25%,200px)}
.tp-ov--tl{top:var(--tpc-space-2);left:var(--tpc-space-2)}.tp-ov--tr{top:var(--tpc-space-2);right:var(--tpc-space-2)}
.tp-ov--c{inset:0;margin:auto;width:40px;height:40px}
.tp-badge{display:inline-flex;align-items:center;gap:var(--tpc-space-1);font:600 12.8px/1 var(--tpc-font-body);padding:5px 8px;border-radius:var(--tpc-radius-btn-xs);background:rgba(203,16,136,.8);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.tp-badge--status,.tp-badge--cat{}
.tp-chip{display:inline-flex;align-items:center;gap:var(--tpc-space-1);font:600 12.8px/1 var(--tpc-font-body);padding:5px 8px;border-radius:var(--tpc-radius-btn-xs);background:var(--tpc-purple-950);color:var(--tpc-n0)}
.tp-chip b{color:var(--tpc-pink-400);font-weight:700}
.tp-play{width:40px;height:40px;border-radius:var(--tpc-radius-pill);border:0;background:rgba(5,3,6,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px rgba(5,3,6,.35);color:var(--tpc-n0);display:grid;place-items:center;padding:0;cursor:pointer;position:relative;z-index:2;transition:background .12s,transform .12s}
.tp-play:hover{background:rgba(5,3,6,.8);transform:scale(1.06)}
.tp-play svg{opacity:.7}
.tp-play:hover svg{opacity:1}
.tp-play svg{width:18px;height:18px;margin-left:2px}
.tp-trend{display:inline-block;width:10px;height:10px}
.tp-trend--up{color:var(--tpc-green-400)}.tp-trend--down{color:var(--tpc-purple-300)}
.tp-card__lead .tp-trend--up,.tp-card__body .tp-trend--up{color:var(--c-up)}
.tp-card__lead .tp-trend--down,.tp-card__body .tp-trend--down{color:var(--c-down)}
.tp-card__body{display:flex;flex-direction:column;gap:6px;min-width:0}
.tp-card__eyebrow{margin:0;font-size:12.8px;line-height:1.2;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-accent)}
.tp-card__eyebrow .in{color:var(--c-muted);font-weight:400;letter-spacing:0;text-transform:none;margin-left:6px;font-size:12.8px}
.tp-card__kicker{display:flex;flex-wrap:wrap;align-items:center;gap:var(--tpc-space-1) var(--tpc-space-2);margin:0;font-size:12.8px;line-height:1.4;color:var(--c-muted)}
.tp-card__kicker .kb{font:600 12.8px/1 var(--tpc-font-body);color:var(--tpc-n0);background:rgba(203,16,136,.9);border-radius:var(--tpc-radius-btn-xs);padding:4px 7px}
.tp-stars{--star:var(--tpc-warning-on-dark);--star-edge:var(--tpc-warning);--star-off:var(--tpc-n400);display:inline-flex;gap:2px;font-size:20px;line-height:1;margin-left:auto;letter-spacing:0}
.tp-stars i{font-style:normal;color:var(--star);-webkit-text-stroke:1px var(--star-edge);paint-order:stroke fill}
.tp-stars i.off{color:var(--star-off);-webkit-text-stroke:0}
.tp-card--chart .tp-stars{--star-edge:transparent;--star-off:var(--tpc-purple-500)}
.tp-card__title{margin:0;color:var(--c-title);text-wrap:balance}
.tp-card__title a{color:inherit;text-decoration:none}
.tp-card__title a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.tp-card__title a:hover,.tp-card__title a:focus-visible{color:var(--c-accent);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.tp-card a:focus-visible,.tp-card button:focus-visible{outline:2px solid var(--tpc-focus-ring,var(--tpc-pink-500));outline-offset:2px}
.tp-card__support{margin:0;font-size:16px;line-height:1.4;color:var(--c-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tp-card__meta{margin:0;font-size:12.8px;line-height:1.4;color:var(--c-muted);display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px}
.tp-byline{display:inline-flex;align-items:center;gap:6px;font-size:16px;color:var(--c-meta)}
.tp-avatar{width:24px;height:24px;border-radius:var(--tpc-radius-pill);background:var(--tpc-purple-500);color:var(--tpc-n0);font:600 12.8px/24px var(--tpc-font-body);text-align:center;flex:none}
.tp-facts{margin:0;display:grid;gap:var(--tpc-space-1);font-size:16px;line-height:1.4}
.tp-facts div{display:grid;grid-template-columns:56px minmax(0,1fr);gap:var(--tpc-space-2)}
.tp-facts dt{color:var(--c-muted);font-size:12.8px;padding-top:1px}
.tp-facts dd{margin:0;color:var(--c-title);font-weight:600}
.tp-card__stats{margin:0;font-size:12.8px;line-height:1.4;color:var(--c-muted);font-variant-numeric:tabular-nums}
.tp-card__stats b{color:var(--c-title);font-weight:600}
.tp-card__action{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:var(--tpc-space-3);align-items:flex-end}
.tp-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;line-height:1;text-decoration:none;cursor:pointer;border-style:solid;font-family:var(--tpc-font-body);transition:background .12s,box-shadow .12s,transform .12s}
.tp-btn--primary-green{background:var(--tpc-green-400);border-color:var(--tpc-ink);color:var(--tpc-ink);box-shadow:-4px 4px 0 0 var(--tpc-ink);margin:0 0 4px 4px}
.tp-btn--primary-green:hover{background:var(--tpc-green-500);box-shadow:none;transform:translate(-4px,4px)}
.tp-btn--primary-green:active{background:var(--tpc-green-600);box-shadow:var(--tp-shadow-inset) var(--tpc-ink);transform:translate(-4px,4px)}
.tp-btn--secondary-purple{background:var(--tpc-purple-500);border-color:var(--tpc-purple-800);color:var(--tpc-n0);box-shadow:-4px 4px 0 0 var(--tpc-ink);margin:0 0 4px 4px}
.tp-btn--secondary-purple:hover{background:var(--tpc-purple-600);box-shadow:none;transform:translate(-4px,4px)}
.tp-btn--secondary-purple:active{background:var(--tpc-purple-700);box-shadow:var(--tp-shadow-inset) var(--tpc-ink);transform:translate(-4px,4px)}
.tp-size-md{padding:8px 32px;font-size:16px;font-weight:800;border-width:2px;border-radius:var(--tpc-radius-btn-md);--tp-shadow:-3px 5px 0 0;--tp-shadow-inset:inset -5px 5px 0 0}
.tp-size-sm{padding:4px 24px 6px;font-size:16px;font-weight:700;border-width:2px;border-radius:var(--tpc-radius-btn-sm);--tp-shadow:-2px 4px 0 0;--tp-shadow-inset:inset -4px 4px 0 0}
.tp-vote{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:26px;padding:0 8px;border-radius:var(--tpc-radius-btn-xs);font:600 12.8px/1 var(--tpc-font-body);cursor:pointer;background:transparent;color:var(--tpc-green-400);border:1.5px solid var(--tpc-green-400);transition:background .12s,transform .08s}
.tp-vote:hover{background:rgba(32,255,25,.12)}
.tp-vote:active{background:rgba(32,255,25,.22);transform:scale(.97)}
.tp-vote span{font-weight:400;color:var(--tpc-purple-200)}
.tp-card--row .tp-card__title{font:600 16px/1.4 var(--tpc-font-body)}                 
.tp-card--tile .tp-card__title{font:600 16px/1.3 var(--tpc-font-body)}                
.tp-card--feature .tp-card__title{font:700 20px/1.25 var(--tpc-font-display)}         
.tp-card--hero .tp-card__title{font:700 clamp(26px,1.2rem + 1.1vw,32px)/1.15 var(--tpc-font-display)} 
.tp-card--row .tp-card__title,.tp-card--tile .tp-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tp-card--row{display:flex;align-items:center;gap:var(--tpc-space-3)}
.tp-card--row .tp-card__media{flex:none;width:64px;aspect-ratio:1}
.tp-card--row .tp-card__body{flex:1 1 0}
.tp-card--row .tp-card__lead{flex:none;min-width:40px;display:flex;flex-direction:column;align-items:center;gap:var(--tpc-space-1)}
.tp-card--row>.tp-card__stats{flex:none;text-align:right;max-width:110px}
.tp-card--row .tp-card__action{flex:none;padding-bottom:0}
.tp-rank{font-family:var(--tpc-font-display);font-weight:700;font-size:25px;line-height:1;color:var(--c-accent);font-variant-numeric:tabular-nums}
.tp-card--row.tp-card--split{display:grid;grid-template-columns:clamp(96px,25%,180px) minmax(0,1fr);align-items:stretch;gap:var(--tpc-space-4)}
.tp-card--row.tp-card--split .tp-card__media{width:auto;aspect-ratio:3/4}
.tp-card--row.tp-card--split .tp-card__body{display:flex;flex-direction:column;gap:var(--tpc-space-1)}
.tp-card.tp-card--row.tp-card--split .tp-card__body>.tp-card__action{margin:auto 0 0;padding-top:var(--tpc-space-3)}
.tp-card--side>.tp-card__body:has(>.tp-card__action){display:flex;flex-direction:column;align-self:stretch}
.tp-card.tp-card--side .tp-card__body>.tp-card__action{margin:auto 0 0;padding-top:var(--tpc-space-3)}
.tp-card__rating{margin:0;display:flex}
.tp-card__rating .tp-stars{margin-left:0}
.tp-dateblock{display:flex;flex-direction:column;align-items:center;line-height:1.05;min-width:44px;padding:6px var(--tpc-space-1);border-radius:var(--tpc-radius-md);background:var(--c-well)}
.tp-dateblock .dow{font-size:12.8px;font-weight:700;color:var(--c-accent);text-transform:uppercase;letter-spacing:.1em}
.tp-dateblock .day{font-family:var(--tpc-font-display);font-size:25px;font-weight:700;color:var(--c-title)}
.tp-dateblock .mon{font-size:12.8px;color:var(--c-muted);text-transform:uppercase}
.tp-dateblock--time .day{font-size:16px}
.tp-dateblock--time .dow{letter-spacing:.04em}
@container (max-width:470px){
  .tp-card--row{flex-wrap:wrap}
  .tp-card--row .tp-card__body{flex-basis:calc(100% - 200px)}
  .tp-card--row>.tp-card__stats{order:5;flex-basis:100%;text-align:left;max-width:none}
  .tp-card--row .tp-card__action{margin-left:auto}
}
.tp-card--tile .tp-card__media{aspect-ratio:1}
.tp-card--side{grid-template-columns:minmax(0,40fr) minmax(0,60fr);column-gap:var(--tpc-space-4);align-items:center}
.tp-card--side>.tp-card__media{grid-column:1;grid-row:1/span 4;align-self:start}
.tp-card--side>:not(.tp-card__media){grid-column:2}
@container (max-width:260px){
  .tp-card--side{grid-template-columns:minmax(0,1fr)}
  .tp-card--side>.tp-card__media{grid-column:1;grid-row:auto}
  .tp-card--side>:not(.tp-card__media){grid-column:1}
}
.tp-card--feature.tp-card--side{grid-template-columns:minmax(0,2fr) minmax(0,3fr);column-gap:var(--tpc-space-6);padding:var(--tpc-space-4);align-items:center}
.tp-card--feature.tp-card--side .tp-card__support{-webkit-line-clamp:3}
.tp-card--feature.tp-card--side:has(>.tp-card__media.r169){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.tp-card--feature.tp-card--side:has(>.tp-card__media.r169) .tp-card__title{font:600 16px/1.4 var(--tpc-font-body)}
@container (max-width:520px){
  .tp-card--feature.tp-card--side{grid-template-columns:minmax(0,2fr) minmax(0,3fr);column-gap:var(--tpc-space-3);padding:var(--tpc-space-3);align-items:start}
  .tp-card--feature.tp-card--side>.tp-card__media{grid-column:1;grid-row:1/span 3;height:auto;align-self:start;min-height:0}
  .tp-card--feature.tp-card--side>:not(.tp-card__media){grid-column:2}
  .tp-card--feature.tp-card--side .tp-card__title{font-size:16px}
  .tp-card--feature.tp-card--side .tp-card__support{-webkit-line-clamp:2}
  .tp-card--feature.tp-card--side:has(>.tp-card__media.r169){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .tp-card--feature.tp-card--side:has(>.tp-card__media.r169) .tp-card__title{font-size:16px}
}
.tp-card.tp-card--side:has(>.tp-card__body>.tp-card__action){align-items:stretch}
.tp-card.tp-card--side:has(>.tp-card__body>.tp-card__action)>.tp-card__media{grid-row:1}
.tp-card--feature .tp-card__body{gap:var(--tpc-space-2)}
.tp-card--hero{padding:var(--tpc-space-4);gap:var(--tpc-space-4)}
.tp-card--hero .tp-card__media{aspect-ratio:21/9}
.tp-card--hero .tp-card__support{font-size:16px;line-height:1.55;-webkit-line-clamp:3;max-width:65ch;color:var(--c-body)} 
.tp-card--hero .tp-card__body{gap:var(--tpc-space-3)}
@media (prefers-reduced-motion:reduce){.tp-card,.tp-btn,.tp-vote{transition:none}}
.tp-card__media>img,.tp-card__media>picture,.tp-card__media>.tp-card__img{grid-area:1/1;width:100%;height:100%;object-fit:cover;display:block;margin:0;border-radius:0}
.tp-card__media>.tp-ov--c,.tp-card__media>.tp-play{grid-area:1/1;place-self:center;margin:0}
.tp-card__media>.tp-ov{z-index:2}
.tp-card__media .tp-collage{grid-area:1/1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;width:100%;height:100%}
.tp-card__media .tp-collage>*{width:100%;height:100%;object-fit:cover;display:block;background:var(--tpc-purple-800)}
.tp-card__media .tp-collage .tp-collage__count{display:grid;place-items:center;color:var(--tpc-n0);font:600 12.8px var(--tpc-font-body)}
.tp-chip .tapau-trend{display:inline-flex;align-items:center;font-size:9px}
.tp-chip .tapau-trend svg{width:9px;height:9px}
.tp-chip .tapau-trend--up svg,.tp-card__lead .tapau-trend--up svg{color:var(--tpc-green-400)}
.tp-chip .tapau-trend--down svg,.tp-card__lead .tapau-trend--down svg{color:var(--tpc-purple-300)}
.tp-chip .tapau-trend--steady svg,.tp-card__lead .tapau-trend--steady svg{color:var(--tpc-purple-200)}
.tp-chip .tapau-trend--new,.tp-card__lead .tapau-trend--new{padding:2px 5px;font-size:9px;font-weight:800;border-radius:0;letter-spacing:.04em}
.tp-card__lead .tapau-trend{font-size:16px;display:inline-flex}
.tp-card__lead .tapau-trend svg{width:12px;height:12px}
.tp-card.tp-card .tapau-vote-btn,.tp-card.tp-card .tapau-login-btn,.tp-card.tp-card .tpa-vote{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;min-height:26px!important;padding:0 8px!important;border-radius:var(--tpc-radius-btn-xs)!important;font:600 12.8px/1 var(--tpc-font-body)!important;background:transparent!important;border:1.5px solid var(--tpc-green-400)!important;color:var(--tpc-green-400)!important;box-shadow:none!important;white-space:nowrap;transition:background .12s,transform .08s;cursor:pointer}
.tp-card.tp-card:not(.tp-card--chart) .tapau-vote-btn,.tp-card.tp-card:not(.tp-card--chart) .tapau-login-btn,.tp-card.tp-card:not(.tp-card--chart) .tpa-vote{border-color:var(--tpc-green-700)!important;color:var(--tpc-n900)!important}
.tp-card.tp-card .tapau-vote-btn:hover,.tp-card.tp-card .tapau-login-btn:hover,.tp-card.tp-card .tpa-vote:hover{background:rgba(32,255,25,.12)!important}
.tp-card.tp-card .tapau-vote-btn.voted,.tp-card.tp-card .tapau-vote-btn.vote-spent{border-color:transparent!important;background:var(--tpc-purple-800)!important;color:var(--tpc-purple-200)!important;cursor:default}
.tp-card .tapau-vote-closed{font-size:12.8px;color:var(--c-muted);opacity:1}
.tp-card .tapau-chart-stats{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.8px;color:var(--c-muted)}
.tp-card .tapau-chart-stats .tcs-label{color:var(--c-muted);opacity:1}
.tp-card .tapau-chart-stats .tcs-value{color:var(--c-title)}
.tp-card__title a{font:inherit}
.tp-card p{margin:0}
.tp-card .tp-play{color:var(--tpc-n0)}
.tp-card .tp-btn{text-decoration:none!important}
.tp-card .tp-btn--primary-green,.tp-card .tp-btn--primary-green:hover{color:var(--tpc-ink)!important}
.tp-card .tp-btn--secondary-purple,.tp-card .tp-btn--secondary-purple:hover{color:var(--tpc-n0)!important}
.tp-card__media--empty{background:linear-gradient(135deg,var(--tpc-purple-500),var(--tpc-purple-800))}
.tp-card .in{color:var(--c-muted)}
.tp-card .tp-card__title a,.tp-card .tp-card__title a:visited{color:inherit;text-decoration:none}
.tp-card .tp-card__title a:hover,.tp-card .tp-card__title a:focus-visible{color:var(--c-accent);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.tp-card .tp-card__title{letter-spacing:0;text-transform:none}
.tp-card img{max-width:100%;height:100%}
.tp-card.tp-card .tp-btn{min-height:0!important;gap:6px;padding:4px 24px 6px!important;font:600 16px/1.2 var(--tpc-font-body)!important;letter-spacing:0!important;border-width:2px!important;border-style:solid!important;border-radius:var(--tpc-radius-btn-sm)!important;box-shadow:-4px 4px 0 0 var(--tpc-ink)!important;margin:0 0 4px 4px;transition:background .12s,box-shadow .12s,transform .12s;white-space:nowrap}
.tp-card.tp-card .tp-btn:hover,.tp-card.tp-card .tp-btn:active{box-shadow:none!important;transform:translate(-4px,4px)}
.tp-card.tp-card .tp-btn--primary-green{background:var(--tpc-green-400)!important;border-color:var(--tpc-ink)!important;color:var(--tpc-ink)!important}
.tp-card.tp-card .tp-btn--primary-green:hover{background:var(--tpc-green-500)!important}
.tp-card.tp-card .tp-btn--primary-green:active{background:var(--tpc-green-600)!important}
.tp-card.tp-card .tp-btn--secondary-purple{background:var(--tpc-purple-500)!important;border-color:var(--tpc-purple-800)!important;color:var(--tpc-n0)!important}
.tp-card.tp-card .tp-btn--secondary-purple:hover{background:var(--tpc-purple-600)!important}
.tp-card.tp-card .tp-btn--secondary-purple:active{background:var(--tpc-purple-700)!important}
.tp-card.tp-card .tp-btn .tapau-sr-only{position:absolute}
.tp-card--feature.tp-card--side{max-width:880px}
.tp-card .tp-badge{max-width:calc(100% - 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;line-height:1.1}
.tp-card span.tp-play{pointer-events:none}
.tp-card--feature .tp-card__eyebrow time{color:inherit}
.tp-card .tpa-run{margin:0;font-size:12.8px;color:var(--c-muted)}
.tp-card .tpa-run b{color:var(--c-title);font-weight:600}
.tp-card .tpa-vcount{font-weight:400;opacity:.8}
.tp-card .tpa-closed{font-size:12.8px;color:var(--c-muted)}
.tp-card .tp-trend--up{color:var(--tpc-green-400)}
.tp-card:not(.tp-card--chart) .tp-trend--up{color:var(--tpc-success)}
.tp-card .tp-trend--down{color:var(--c-down)}
.tp-card .tp-chip .tp-trend--up,.tp-card .tp-chip .tp-trend--down{font-size:12.8px}
.tp-card .tp-trend--new{font-size:12.8px;font-weight:800;color:var(--tpc-green-400)}
.tp-card.tp-card .tp-chip .tp-trend--up{color:var(--tpc-green-400)}.tp-card.tp-card .tp-chip .tp-trend--down{color:var(--tpc-purple-300)}
.jet-listing-grid__item .e-con:has(.tp-cq),.e-loop-item .e-con:has(.tp-cq){--min-height:0px!important;min-height:0!important;display:block!important}
/* ===== Staging feedback 4 Oct 2026 ===== */
/* Equal-height cards in every grid and carousel; actions pinned to the bottom */
.tp-cq{height:100%}
.tp-cq>.tp-card{height:100%}
.tp-card>.tp-card__body{flex:1 1 auto}
.tp-card__body>.tp-card__action,.tp-card>.tp-card__action{margin-top:auto}
/* Kicker: one line, ellipsis */
.tp-card__kicker{min-width:0;max-width:100%}
.tp-card__kicker>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* VOD and music video tiles: no card container (chart cards and profile Work grid keep theirs) */
.tp-card:is(.tp-card--tile,.tp-card--feature):not(.tp-card--side):not(.tp-card--chart):not(.mu-work .tp-card):has(>.tp-card__media.r169){background:transparent;border:0;padding:0;border-radius:0;box-shadow:none}
.tp-card:is(.tp-card--tile,.tp-card--feature):not(.tp-card--side):not(.tp-card--chart):not(.mu-work .tp-card):has(>.tp-card__media.r169):hover{background:transparent;border-color:transparent;box-shadow:none}
.tp-card:is(.tp-card--tile,.tp-card--feature):not(.tp-card--side):not(.tp-card--chart):has(>.tp-card__media.r169) .tp-card__media img{transition:transform .4s ease}
.tp-card:is(.tp-card--tile,.tp-card--feature):not(.tp-card--side):not(.tp-card--chart):not(.mu-work .tp-card):has(>.tp-card__media.r169):hover .tp-card__media img{transform:scale(1.03)}
/* Collage cover: square cells, adapts to 4/3/2/1/0 covers, count sits over a cover */
.tp-card .tp-card__media:has(>.tp-collage){position:relative;aspect-ratio:1/1!important;height:auto!important}
.tp-card .tp-card__media>.tp-collage{position:absolute!important;inset:0;width:auto!important;height:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important}
.tp-card .tp-card__media>.tp-collage>*{min-width:0;min-height:0;width:100%!important;height:100%!important;object-fit:cover;aspect-ratio:auto!important}
.tp-card .tp-card__media>.tp-collage>.tp-collage__count{position:relative;display:grid!important;place-items:center;overflow:hidden;background:#352B40}
.tp-collage__count>img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover;filter:saturate(.8)}
.tp-collage__count::after{content:"";position:absolute;inset:0;background:rgba(18,14,22,.64)}
.tp-collage__count>b{position:relative;z-index:1;padding:0 8px;text-align:center;color:#fff;font:700 16px/1.2 var(--tpc-font-display,"roc-grotesk",sans-serif)}
.tp-card .tp-card__media>.tp-collage--n2>:first-child{grid-column:1;grid-row:1/3}
.tp-card .tp-card__media>.tp-collage--n2>:nth-child(2){grid-column:2;grid-row:1}
.tp-card .tp-card__media>.tp-collage--n2>.tp-collage__count{grid-column:2;grid-row:2}
.tp-card .tp-card__media>.tp-collage.tp-collage--n1,.tp-card .tp-card__media>.tp-collage.tp-collage--n0{grid-template-columns:1fr!important;grid-template-rows:1fr!important}
.tp-card .tp-card__media>.tp-collage.tp-collage--n1>.tp-collage__count{position:absolute!important;right:10px;bottom:10px;width:auto!important;height:auto!important;padding:6px 12px;border-radius:0;background:rgba(18,14,22,.84)}
.tp-collage--n1>.tp-collage__count::after{display:none}
.tp-collage--n1>.tp-collage__count>b{font-size:12.8px;padding:0}
.tp-collage--n0>.tp-collage__count{background:repeating-linear-gradient(135deg,#352B40 0 14px,#2A2133 14px 28px)!important}
.tp-collage--n0>.tp-collage__count::after{display:none}


/* tapau-bacajap-hero-final */

.bjh{position:relative;overflow:hidden;min-height:520px;height:70vh;max-height:640px;font-family:var(--tp-font-body,Inter,sans-serif);width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
.bjh__bg{position:absolute;inset:0}
.bjh__bgpanel{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}
.bjh__bgpanel.on{opacity:1}
.bjh__bgpanel img{width:100%!important;height:100%!important;object-fit:cover!important;display:block}
.bjh__scrim{position:absolute;inset:0;background:linear-gradient(100deg,rgba(21,16,27,.82) 0%,rgba(21,16,27,.5) 40%,rgba(21,16,27,.14) 64%,rgba(21,16,27,0) 100%),linear-gradient(0deg,rgba(21,16,27,.55),rgba(21,16,27,0) 50%)}
.bjh__left{position:relative;z-index:2;padding:40px 48px;padding-left:max(48px,calc((100vw - 1280px)/2 + 48px));max-width:44%;color:#fff}
.bjh__left .bj-eyebrow{margin:0 0 10px}
.bjh__title{margin:0 0 10px;font-family:"roc-grotesk",sans-serif;font-size:clamp(26px,3.4vw,40px);font-weight:700;line-height:1.05;color:#fff!important}
.bjh__lede{margin:0 0 16px;font-size:16px;line-height:1.55;color:var(--tp-purple-200,#DED7E8);max-width:46ch}
.bjh__nav{display:flex;flex-wrap:wrap;gap:6px 16px}
.bjh__nav a{font-size:12.8px;font-weight:600;color:var(--tp-purple-200,#DED7E8);text-decoration:underline;text-underline-offset:3px}
.bjh__nav a:hover{color:#fff}
.bjh__card{position:absolute;right:max(24px,calc((100vw - 1280px)/2 + 24px));bottom:24px;z-index:2;width:29%;min-width:240px;background:#fff;border-radius:0;overflow:hidden;box-shadow:0 12px 32px rgba(21,16,27,.28)}
.bjh__panel{display:none;flex-direction:column;gap:4px;padding:18px 20px;text-decoration:none!important;color:inherit}
.bjh__panel.on{display:flex}
.bjh__kicker{font-size:12.8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--tp-pink-text,#D10080)}
.bjh__pt{font-size:16px;font-weight:700;line-height:1.3;color:var(--tp-ink,#050306);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bjh__cta{margin-top:8px;display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;min-height:32px;padding:0 14px;border-radius:var(--tp-radius,8px);background:var(--tp-green,#20FF19);color:var(--tp-ink,#050306);font-size:12.8px;font-weight:700}
.bjh__panel:hover .bjh__cta,.bjh__panel:focus-visible .bjh__cta{background:var(--tp-green-hover,#04C400)}
.bjh__panel:focus-visible{outline:2px solid var(--tp-pink,#FF009D);outline-offset:-2px}
.bjh__progress{display:flex;gap:4px;padding:0 20px 16px}
.bjh__seg{flex:1;height:3px;background:var(--tp-border,#E5E2E9);border-radius:0;overflow:hidden}
.bjh__fill{display:block;height:100%;width:0;background:var(--tp-pink,#FF009D)}
@media (max-width:1024px){.bjh__left{max-width:56%;padding:28px 32px}.bjh__card{width:38%}}
@media (max-width:767px){.bjh{height:auto;min-height:0;max-height:none}.bjh__left{position:relative;max-width:100%;padding:24px 20px 200px}.bjh__lede{display:none}.bjh__card{width:calc(100% - 32px);right:16px;left:16px;bottom:16px}}

/* tapau-happenings-hero-final */

.hph{position:relative;overflow:hidden;min-height:520px;height:70vh;max-height:640px;font-family:var(--tp-font-body,Inter,sans-serif)}
.hph--empty{min-height:420px;height:52vh}
.hph__bg{position:absolute;inset:0}
.hph__bg .hp-img{width:100%!important;height:100%!important;object-fit:cover!important;display:block}
.hph__bgpanel{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}
.hph__bgpanel.on{opacity:1}
.hph__scrim{position:absolute;inset:0;background:linear-gradient(100deg,rgba(21,16,27,.82) 0%,rgba(21,16,27,.5) 40%,rgba(21,16,27,.14) 64%,rgba(21,16,27,0) 100%),linear-gradient(0deg,rgba(21,16,27,.55),rgba(21,16,27,0) 50%)}
.hph__left{position:relative;z-index:2;padding:40px 48px;max-width:44%;color:#fff}
.hph__left .hp-eyebrow{margin:0 0 10px}
.hph__title{margin:0 0 10px;font-family:"roc-grotesk",sans-serif;font-size:clamp(26px,3.4vw,40px);font-weight:700;line-height:1.05;color:#fff!important}
.hph__lede{margin:0;font-size:16px;line-height:1.55;color:var(--tp-purple-200,#DED7E8);max-width:46ch}
.hph__card{position:absolute;right:24px;bottom:24px;z-index:2;width:29%;min-width:240px;background:#fff;border-radius:0;overflow:hidden;box-shadow:0 12px 32px rgba(21,16,27,.28)}
.hph--empty .hph__card{position:relative;right:auto;bottom:auto;width:auto;margin:0 24px 24px auto;max-width:320px}
.hph__panel{display:none;flex-direction:column;gap:4px;padding:18px 20px;text-decoration:none!important;color:inherit}
.hph__panel.on{display:flex}
.hph__kicker{font-size:12.8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--tp-pink-text,#D10080)}
.hph__pt{font-size:16px;font-weight:700;line-height:1.3;color:var(--tp-ink,#050306);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hph__sub{font-size:12.8px;color:var(--tp-muted,#655C70)}
.hph__cta{margin-top:8px;display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;min-height:32px;padding:0 14px;border-radius:var(--tp-radius,8px);background:var(--tp-green,#20FF19);color:var(--tp-ink,#050306);font-size:12.8px;font-weight:700}
.hph__panel:hover .hph__cta,.hph__panel:focus-visible .hph__cta{background:var(--tp-green-hover,#04C400)}
.hph__panel:focus-visible{outline:2px solid var(--tp-pink,#FF009D);outline-offset:-2px}
.hph__progress{display:flex;gap:4px;padding:0 20px 16px}
.hph__seg{flex:1;height:3px;background:var(--tp-border,#E5E2E9);border-radius:0;overflow:hidden}
.hph__fill{display:block;height:100%;width:0;background:var(--tp-pink,#FF009D)}
@media (max-width:1024px){.hph__left{max-width:56%;padding:28px 32px}.hph__card{width:38%}}
@media (max-width:767px){.hph{height:auto;min-height:0;max-height:none}.hph--empty{height:auto}.hph__left{position:relative;max-width:100%;padding:24px 20px 200px}.hph--empty .hph__left{padding:24px 20px}.hph__card{width:calc(100% - 32px);right:16px;left:16px;bottom:16px}.hph--empty .hph__card{width:auto;margin:0 16px 16px}}
@media (max-width:767px){.hph__lede{display:none}}

/* tapau-home-hero-final */

.hf{position:relative;overflow:hidden;height:90vh;height:calc(100dvh - var(--tp-hdr-h,104px));min-height:520px;font-family:var(--tp-font-body,Inter,sans-serif)}
.hf__bg{position:absolute;inset:0;z-index:0}/* 15 Oct: own stacking layer, so the player's full-bleed link stays under the CTA and the featured card */
.hf__bg .tv-hero{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
.hf__bg .tv-hero__video{width:100%!important;height:100%!important;object-fit:cover!important}
.hf__scrim{position:absolute;inset:0;background:linear-gradient(100deg,rgba(21,16,27,.72) 0%,rgba(21,16,27,.42) 38%,rgba(21,16,27,.1) 62%,rgba(21,16,27,0) 100%),linear-gradient(0deg,rgba(21,16,27,.5),rgba(21,16,27,0) 45%)}
.hf__left{position:absolute;left:0;bottom:0;padding:40px 48px;max-width:42%;color:#fff;z-index:2}
.hf__eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:12.8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tp-pink,#FF009D)}
.hf__pulse{width:8px;height:8px;border-radius:50%;background:var(--tp-pink,#FF009D);box-shadow:0 0 0 0 rgba(255,0,157,.6);animation:hfPulse 2s infinite}
@keyframes hfPulse{70%{box-shadow:0 0 0 10px rgba(255,0,157,0)}100%{box-shadow:0 0 0 0 rgba(255,0,157,0)}}
/* 8 Oct 2026: LIVE NOW / NOW PLAYING blink, OFFLINE stays still */
@keyframes hfBlink{0%,100%{opacity:1}50%{opacity:.3}}
.hf__eyebrow--live #hf-live-label,.hf__eyebrow--playing #hf-live-label{animation:hfBlink 1.4s ease-in-out infinite}
.hf__eyebrow--playing .hf__pulse{background:#20FF19;animation:none;box-shadow:0 0 0 3px rgba(32,255,25,.25)}
.hf__eyebrow--offline .hf__pulse{background:#9F92AF;animation:none;box-shadow:none}
html body .hf .hf__eyebrow.hf__eyebrow--offline{background:#4B3F59!important;color:#fff!important}.hf__eyebrow--offline #hf-live-label{opacity:.9}
@media (prefers-reduced-motion:reduce){.hf__eyebrow #hf-live-label{animation:none}}
.hf__title{margin:0 0 10px;font-family:"roc-grotesk",sans-serif;font-size:clamp(24px,3vw,34px);font-weight:700;line-height:1.1;color:#fff!important}
.hf__lede{margin:0 0 18px;font-size:16px;line-height:1.5;color:var(--tp-purple-200,#DED7E8);max-width:44ch}
.hf__card{position:absolute;right:24px;bottom:24px;width:31%;min-width:260px;background:#fff;border-radius:0;overflow:hidden;box-shadow:0 12px 32px rgba(21,16,27,.28);z-index:2}
.hf__panel{display:none;padding:16px 18px;text-decoration:none!important;color:inherit}
.hf__panel.on{display:flex;gap:12px;align-items:flex-start}
.hf__thumb{flex:0 0 56px;width:56px;height:56px;border-radius:0;overflow:hidden;background:var(--tp-surface,#F2F0F4)}
.hf__thumb img{width:100%!important;height:100%!important;object-fit:cover;display:block}
.hf__txt{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.hf__kicker{font-size:12.8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--tp-pink-text,#D10080)}
.hf__pt{font-size:16px;font-weight:700;line-height:1.3;color:var(--tp-ink,#050306);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hf__sub{font-size:12.8px;color:var(--tp-muted,#655C70)}
.hf__cta{margin-top:6px;display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:var(--tp-radius,8px);background:var(--tp-green,#20FF19);color:var(--tp-ink,#050306);font-size:12.8px;font-weight:700}
.hf__panel:hover .hf__cta,.hf__panel:focus-visible .hf__cta{background:var(--tp-green-hover,#04C400)}
.hf__panel:focus-visible{outline:2px solid var(--tp-pink,#FF009D);outline-offset:-2px}
.hf__progress{display:flex;gap:4px;padding:0 18px 14px}
.hf__seg{flex:1;height:3px;background:var(--tp-border,#E5E2E9);border-radius:0;overflow:hidden}
.hf__fill{display:block;height:100%;width:0;background:var(--tp-pink,#FF009D)}
@media (max-width:1024px){.hf__left{max-width:60%;padding:28px 32px}.hf__card{width:42%}}
@media (max-width:767px){.hf{height:calc(100dvh - var(--tp-hdr-h,72px));min-height:560px}.hf__left{max-width:66%;padding:20px}.hf__title{font-size:25px}.hf__lede{display:none}.hf__card{width:62%;right:16px;bottom:16px}}
@media (max-width:767px){#hf-hero .hf__card{display:none!important}}/* 15 Oct: featured card hidden on mobile */
@media (prefers-reduced-motion:reduce){.hf__pulse{animation:none}}

/* tapau-charts-hero-final */

.ch{position:relative;overflow:hidden;min-height:520px;height:70vh;max-height:640px;font-family:var(--tp-font-body,Inter,sans-serif)}
.ch__bg{position:absolute;inset:0}
.ch__bgpanel{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}
.ch__bgpanel.on{opacity:1}
.ch__bgpanel img{width:100%!important;height:100%!important;object-fit:cover!important;display:block}
.ch__scrim{position:absolute;inset:0;background:linear-gradient(100deg,rgba(21,16,27,.82) 0%,rgba(21,16,27,.5) 40%,rgba(21,16,27,.14) 64%,rgba(21,16,27,0) 100%),linear-gradient(0deg,rgba(21,16,27,.55),rgba(21,16,27,0) 50%)}
.ch__left{position:relative;z-index:2;padding:40px 48px;max-width:44%;color:#fff}
.ch__left .cp-eyebrow{margin:0 0 10px}
.ch__title{margin:0 0 10px;font-family:"roc-grotesk",sans-serif;font-size:clamp(24px,3vw,36px);font-weight:700;line-height:1.08;color:#fff!important}
.ch__lede{margin:0 0 14px;font-size:16px;line-height:1.55;color:var(--tp-purple-200,#DED7E8);max-width:46ch}
.ch__links{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 18px}
.ch__links a{font-size:12.8px;font-weight:600;color:var(--tp-purple-200,#DED7E8);text-decoration:underline;text-underline-offset:3px}
.ch__links a:hover{color:#fff}
.ch__stats{display:flex;gap:26px;margin:0 0 6px}
.ch__stat b{display:block;font-family:"roc-grotesk",sans-serif;font-size:20px;color:#fff}
.ch__stat span{font-size:12.8px;color:var(--tp-purple-300,#C3B9D0)}
.ch__left .cp-cd-hero{margin:16px 0 0;padding:12px 16px}
.ch__card{position:absolute;right:24px;bottom:24px;z-index:2;width:29%;min-width:240px;background:#fff;border-radius:0;overflow:hidden;box-shadow:0 12px 32px rgba(21,16,27,.28)}
.ch__panel{display:none;flex-direction:column;gap:4px;padding:18px 20px;text-decoration:none!important;color:inherit}
.ch__panel.on{display:flex}
.ch__kicker{font-size:12.8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--tp-pink-text,#D10080)}
.ch__pt{font-size:16px;font-weight:700;line-height:1.3;color:var(--tp-ink,#050306);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ch__sub{font-size:12.8px;color:var(--tp-muted,#655C70)}
.ch__cta{margin-top:8px;display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;min-height:32px;padding:0 14px;border-radius:var(--tp-radius,8px);background:var(--tp-green,#20FF19);color:var(--tp-ink,#050306);font-size:12.8px;font-weight:700}
.ch__panel:hover .ch__cta,.ch__panel:focus-visible .ch__cta{background:var(--tp-green-hover,#04C400)}
.ch__panel:focus-visible{outline:2px solid var(--tp-pink,#FF009D);outline-offset:-2px}
.ch__progress{display:flex;gap:4px;padding:0 20px 16px}
.ch__seg{flex:1;height:3px;background:var(--tp-border,#E5E2E9);border-radius:0;overflow:hidden}
.ch__fill{display:block;height:100%;width:0;background:var(--tp-pink,#FF009D)}
@media (max-width:1024px){.ch__left{max-width:56%;padding:28px 32px}.ch__card{width:38%}}
@media (max-width:767px){.ch{height:auto;min-height:0;max-height:none;padding-bottom:0}.ch__left{position:relative;max-width:100%;padding:24px 20px 200px}.ch__lede{display:none}.ch__stats{display:none}.ch__card{width:calc(100% - 32px);right:16px;left:16px;bottom:16px}}

/* tapau-main-menu-v2 */

body.tpm-on{--tpm-ink:#050306;--tpm-pink:#FF009D;--tpm-pinkt:#D10080;--tpm-green:#20FF19;--tpm-green-h:#04C400;--tpm-p50:#F8F5FC;--tpm-p100:#EFEAF6;--tpm-p200:#DED7E8;--tpm-p300:#C3B9D0;--tpm-p600:#615472;--tpm-p700:#4B3F59;--tpm-p900:#211A2A;--tpm-text:#1C1622;--tpm-tab-h:64px;--tpm-ease:cubic-bezier(.2,.8,.2,1)}
.tpm-on .tpm,.tpm-on .tpm-right,.tpm-on .tpm-m,.tpm-on .tpm-chips,.tpm-on #tpm-search,.tpm-on #tpm-tabs,.tpm-on .tpm-sheet{font-family:var(--tp-font-body,system-ui,sans-serif)}
.tpm-on .tpm :where(ul),.tpm-on .tpm-chips ul,.tpm-on .tpm-acct__list,.tpm-on .tpm-sheet ul{list-style:none;margin:0;padding:0}
/* header layout */
body.tpm-on .elementor-location-header [data-id="9e32580"]{flex:1 1 auto!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important}
body.tpm-on .elementor-location-header [data-id="66b2c845"]{flex:1 1 auto!important;width:auto!important;max-width:none!important;align-self:stretch}
body.tpm-on .elementor-location-header [data-id="66b2c845"]>.elementor-widget-container{height:100%}
body.tpm-on .elementor-location-header :is([data-id="104409e"],[data-id="2688cdd"]){display:none!important}
.tpm-bar{display:flex;align-items:stretch;height:100%;width:100%}
.tpm-bar>.tpm-right{margin-left:auto}
.tpm{height:100%;display:flex;align-items:stretch}
.tpm-hubs{display:flex;align-items:stretch;gap:2px;margin-left:16px!important}
.tpm-item{position:static;display:flex}
.tpm-hub{display:flex;align-items:center;gap:7px;padding:0 14px;min-height:56px;font-weight:600;font-size:16px;color:var(--tpm-ink)!important;text-decoration:none!important;position:relative;border-radius:0}
.tpm-hub::after{content:"";position:absolute;left:14px;right:14px;bottom:10px;height:3px;border-radius:0;background:var(--tpm-ink);transform:scaleX(0);transform-origin:left;transition:transform .2s ease-out}
.tpm-hub:hover::after,.tpm-hub[aria-expanded="true"]::after,.tpm-hub.is-current::after{transform:scaleX(1)}
.tpm-chev{transition:transform .2s ease-out;flex:none}
.tpm-hub[aria-expanded="true"] .tpm-chev,.tpm-acct__btn[aria-expanded="true"] .tpm-chev{transform:rotate(180deg)}
.tpm-live{display:inline-flex;align-items:center;gap:5px;background:var(--tpm-ink);color:#fff!important;font-size:12.8px;font-weight:700;letter-spacing:.06em;line-height:1;border-radius:0;padding:4px 8px 4px 7px;text-decoration:none!important}
.tpm-live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--tpm-green);animation:tpmPulse 1.6s ease-in-out infinite}
.tpm-live[hidden]{display:none!important}
@keyframes tpmPulse{0%,100%{opacity:1}50%{opacity:.35}}
/* mega panel */
.tpm-panel{position:fixed;left:0;right:0;top:var(--tp-hdr-vis,76px);z-index:8995;background:#fff;color:var(--tpm-text);box-shadow:0 24px 48px -24px rgba(21,16,27,.45);border-top:1px solid rgba(5,3,6,.08);
  opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease-out,transform .2s ease-out,visibility 0s linear .2s}
.tpm-panel.is-open{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease-out,transform .2s ease-out}
.tpm-panel__in{max-width:1280px;margin:0 auto;padding:32px var(--tp-gut,40px) 36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(340px,420px);gap:40px}
.tpm-col__h{margin:0 0 12px!important;font-family:var(--tp-font-body,system-ui,sans-serif)!important;font-size:12.8px!important;font-weight:700!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--tpm-p600)!important;line-height:1.3!important}
.tpm-col a{display:block;padding:7px 0;font-size:16px;font-weight:400;color:var(--tpm-text)!important;text-decoration:none!important;line-height:1.35}
.tpm-col a:hover,.tpm-col a:focus-visible{color:var(--tpm-pinkt)!important;text-decoration:underline!important;text-underline-offset:4px;text-decoration-thickness:1.5px!important}
.tpm-col .tpm-act{margin-top:14px;font-size:16px;font-weight:600;color:var(--tpm-p700)!important}
.tpm-feat{background:var(--tpm-p900);color:#fff;border-radius:0;padding:16px;display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;align-self:start}
.tpm-feat__art{aspect-ratio:1/1;border-radius:0;overflow:hidden;background:linear-gradient(135deg,var(--tpm-pink) -10%,var(--tpm-p900) 75%)}
.tpm-feat__art img{width:100%;height:100%;object-fit:cover;display:block}
.tpm-feat__eb{margin:0!important;font-size:12.8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#FF009D;display:flex;align-items:center;gap:6px;line-height:1.4;font-variant-numeric:tabular-nums}
.tpm-feat__eb .tpm-live{background:#FF009D;color:var(--tpm-ink)!important}
.tpm-feat__eb .tpm-live::before{background:var(--tpm-ink)}
.tpm-feat__t{margin:6px 0 4px!important;font-family:var(--tp-font-display,system-ui,sans-serif);font-weight:600;font-size:20px;line-height:1.2;color:#fff;letter-spacing:-.01em;overflow-wrap:anywhere}
.tpm-feat__m{margin:0 0 14px!important;font-size:12.8px;line-height:1.45;color:var(--tpm-p200)}
.tpm-cta{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:0;background:var(--tpm-green);color:var(--tpm-ink)!important;font-weight:700;font-size:16px;text-decoration:none!important;box-shadow:-3px 3px 0 var(--tpm-ink);transition:background-color .12s ease-out}
.tpm-cta:hover{background:var(--tpm-green-h)}
.tpm-feat .tpm-cta:focus-visible{outline:2px solid #FF009D!important;outline-offset:2px}
/* right cluster */
.tpm-right,.tpm-m{display:flex;align-items:center;gap:10px}
.tpm-ibtn{display:grid;place-items:center;width:44px;height:44px;border:0!important;border-radius:0;background:transparent!important;color:var(--tpm-ink)!important;cursor:pointer;padding:0!important}
.tpm-ibtn:hover{background:rgba(5,3,6,.1)!important}
/* 10 Oct 2026 review pin: every avatar on TAPAU is a circle */
body.tapau-v2 :is(.mu-av,.mu-av img,img.avatar,.tk__av,.tp-feed__av,.tnt-avimg,.tnt-sys,.tpm-av,.tpm-av img,img.tpa-mav,.cm-by img,.tps-av,.tps-av img){border-radius:50%!important}
body.tapau-v2 .mu-av{overflow:hidden;aspect-ratio:1/1}
body.tapau-v2 .tc-media:has(img.tpa-mav),body.tapau-v2 [class*="media"]:has(> img.tpa-mav){background:#211A2A}
body.tapau-v2 img.tpa-mav{position:absolute!important;inset:12%!important;width:76%!important;height:76%!important;object-fit:cover;border:3px solid #050306}
.tpm-login{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:0;border:2px solid var(--tpm-ink);color:var(--tpm-ink)!important;font-weight:700;font-size:16px;text-decoration:none!important;white-space:nowrap}
.tpm-login:hover{background:var(--tpm-ink);color:#fff!important}
.tpm-acct{position:relative}
.tpm-acct__btn{display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 8px 4px 4px!important;border:0!important;border-radius:0;background:transparent!important;color:var(--tpm-ink)!important;font-weight:700;font-size:16px;cursor:pointer}
.tpm-acct__btn:hover{background:rgba(5,3,6,.1)!important}
.tpm-on img.tpm-av{width:36px!important;height:36px!important;border-radius:50%!important;object-fit:cover;display:block;flex:none}
.tpm-cnt{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:0;background:var(--tpm-ink);color:#fff;font-size:12.8px;font-weight:700;line-height:1}
.tpm-acct__menu{position:absolute;right:0;top:calc(100% + 10px);z-index:9100;width:300px;background:#fff;color:var(--tpm-text);border-radius:0;padding:8px;box-shadow:0 0 0 1px var(--tpm-p200),0 24px 48px -16px rgba(21,16,27,.4);
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .12s ease-out,transform .12s ease-out,visibility 0s linear .12s}
.tpm-acct__menu.is-open{opacity:1;visibility:visible;transform:none;transition:opacity .12s ease-out,transform .12s ease-out}
.tpm-who{display:flex;gap:12px;align-items:center;padding:10px 12px 12px;border-bottom:1px solid var(--tpm-p200);margin-bottom:6px}
.tpm-who img.tpm-av{width:40px!important;height:40px!important}
.tpm-who b{display:block;font-size:16px;line-height:1.3}.tpm-who small{display:block;color:var(--tpm-p600);font-size:12.8px}
.tpm-acct__list a,.tpm-sheet__list a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:0;font-size:16px;font-weight:600;color:var(--tpm-text)!important;text-decoration:none!important}
.tpm-acct__list a:hover{background:var(--tpm-p50)}
.tpm-acct__x{font-size:12.8px;font-weight:400;color:var(--tpm-p600)}
.tpm-pill{display:inline-block;font-size:12.8px;font-weight:700;border-radius:0;padding:2px 8px;background:#FFF3F8;color:var(--tpm-pinkt)}
.tpm-sep{height:1px;background:var(--tpm-p200);margin:6px 4px}
.tpm-logout{color:#B42318!important}
/* scrim + search */
#tpm-scrim{position:fixed;inset:0;z-index:8990;background:rgba(21,16,27,.38);opacity:0;visibility:hidden;transition:opacity .2s ease-out,visibility 0s linear .2s}
#tpm-scrim.is-open{opacity:1;visibility:visible;transition:opacity .2s ease-out}
#tpm-search{position:fixed;left:0;right:0;top:var(--tp-hdr-vis,76px);z-index:8996;background:#fff;color:var(--tpm-text);box-shadow:0 24px 48px -24px rgba(21,16,27,.45);max-height:calc(100vh - var(--tp-hdr-vis,76px));overflow:auto;
  opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease-out,transform .2s ease-out,visibility 0s linear .2s}
#tpm-search.is-open{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease-out,transform .2s ease-out}
.tpm-s__in{max-width:1280px;margin:0 auto;padding:28px var(--tp-gut,40px) 32px}
.tpm-s__top{display:flex;gap:10px;align-items:center}
.tpm-s__field{flex:1;display:flex;align-items:center;gap:12px;min-height:56px;border:2px solid var(--tpm-ink);border-radius:0;padding:0 16px;margin:0}
.tpm-s__field input{flex:1;min-width:0;border:0!important;background:transparent!important;font:inherit;font-size:16px!important;color:var(--tpm-text);outline:none!important;box-shadow:none!important;padding:0!important;height:52px}
.tpm-s__field:focus-within{box-shadow:0 0 0 3px rgba(239,46,170,.45)}
body.tpm-on #tpm-q:focus,body.tpm-on #tpm-q:focus-visible{outline:none!important;box-shadow:none!important}
.tpm-s__close{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:0!important;background:transparent!important;color:var(--tpm-ink)!important;font-weight:700;font-size:16px;cursor:pointer;border-radius:0}
.tpm-s__close:hover{background:var(--tpm-p50)!important}
.tpm-s__res{margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 32px}
.tpm-s__g h2{margin:0 0 8px!important;font-family:var(--tp-font-body,system-ui,sans-serif)!important;font-size:12.8px!important;font-weight:700!important;letter-spacing:.12em;text-transform:uppercase;color:var(--tpm-p600)!important;line-height:1.3!important}
.tpm-s__g a.tpm-s__it{display:flex;gap:12px;align-items:center;min-height:52px;padding:4px 0;text-decoration:none!important;color:var(--tpm-text)!important}
.tpm-s__g a.tpm-s__it:hover b{color:var(--tpm-pinkt);text-decoration:underline}
.tpm-s__th{width:44px;height:44px;border-radius:0;flex:none;background:linear-gradient(135deg,var(--tpm-pink) -10%,var(--tpm-p900) 75%);overflow:hidden}
.tpm-s__th img{width:100%;height:100%;object-fit:cover;display:block}
.tpm-s__it b{display:block;font-size:16px;font-weight:600;line-height:1.3}.tpm-s__it small{display:block;font-size:12.8px;color:var(--tpm-p600)}
.tpm-s__it mark{background:#FFF3F8;color:var(--tpm-pinkt);border-radius:0;padding:0}
.tpm-s__all{display:inline-block;margin-top:4px;font-size:12.8px;font-weight:600;color:var(--tpm-p700)!important}
.tpm-s__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.tpm-s__chips button{min-height:36px;border:1.5px solid var(--tpm-p200)!important;border-radius:0;background:#fff!important;color:var(--tpm-text)!important;padding:0 14px!important;font-size:12.8px;font-weight:600;cursor:pointer}
.tpm-s__chips button:hover{border-color:var(--tpm-ink)!important}
.tpm-s__msg{margin:20px 0 0!important;color:var(--tpm-p600);font-size:16px}
/* sheets (mobile account) */
.tpm-sheet{position:fixed;left:0;right:0;bottom:0;z-index:10010;background:#fff;color:var(--tpm-text);border-radius:0;padding:10px 16px calc(24px + env(safe-area-inset-bottom,0px));max-height:88vh;overflow:auto;
  transform:translateY(100%);visibility:hidden;transition:transform .32s var(--tpm-ease),visibility 0s linear .32s}
.tpm-sheet.is-open{transform:none;visibility:visible;transition:transform .32s var(--tpm-ease)}
.tpm-grab{width:40px;height:5px;border-radius:0;background:var(--tpm-p300);margin:0 auto 14px}
.tpm-sheet .tpm-who{border:0;padding:0 4px 8px}
.tpm-sheet__list a{min-height:52px;border-top:1px solid var(--tpm-p100);border-radius:0;padding:0 4px}
.tpm-sheet__list .tpm-sep{display:none}
#tpm-sscrim{position:fixed;inset:0;z-index:10005;background:rgba(21,16,27,.5);opacity:0;visibility:hidden;transition:opacity .2s ease-out,visibility 0s linear .2s}
#tpm-sscrim.is-open{opacity:1;visibility:visible;transition:opacity .2s ease-out}
/* mobile header cluster */
.tpm-m{gap:4px;justify-content:flex-end}
.tpm-live--m{margin-right:auto}
.tpm-join{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:0;background:var(--tpm-ink);color:#fff!important;font-weight:700;font-size:16px;text-decoration:none!important}
.tpm-m-av{position:relative;display:grid;place-items:center;width:44px;height:44px;border:0!important;background:transparent!important;padding:0!important;cursor:pointer;border-radius:50%}
.tpm-m-av img.tpm-av{width:34px!important;height:34px!important}
.tpm-m-av .tpm-cnt{position:absolute;right:-2px;top:0;min-width:18px;height:18px;font-size:12.8px;padding:0 5px}
/* chip rows */
.tpm-chips{display:none}
/* tab bar */
#tpm-tabs{display:none}
@media (max-width:1024px){
  body.tpm-on .elementor-location-header [data-id="615c6f6"]{flex:1 1 auto!important;width:auto!important;max-width:none!important}
  body.tpm-on .elementor-location-header [data-id="9e32580"]{justify-content:flex-end!important}
  .tpm-chips{display:block;background:var(--tpm-p100);border-bottom:1px solid var(--tpm-p200)}
  .tpm-chips ul{display:flex;gap:8px;overflow-x:auto;padding:12px 16px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .tpm-chips ul::-webkit-scrollbar{display:none}
  .tpm-chips a{flex:none;display:flex;align-items:center;min-height:36px;padding:0 14px;border-radius:0;border:1.5px solid var(--tpm-p300);background:#fff;font-size:12.8px;font-weight:600;color:var(--tpm-text)!important;text-decoration:none!important;white-space:nowrap}
  .tpm-chips a.is-on{background:var(--tpm-p900);border-color:var(--tpm-p900);color:#fff!important}
  body.tpm-has-tabs{padding-bottom:calc(var(--tpm-tab-h) + env(safe-area-inset-bottom,0px))!important}
  body.tpm-has-tabs #tpm-tabs{display:grid}
  #tpm-tabs{position:fixed;left:0;right:0;bottom:0;z-index:9002;grid-template-columns:repeat(5,1fr);height:calc(var(--tpm-tab-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;border-top:1px solid var(--tpm-p200);box-shadow:0 -8px 24px -16px rgba(21,16,27,.25);transition:transform .2s ease-out}
  #tpm-tabs.is-hidden{transform:translateY(110%)}
  #tpm-tabs a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;color:var(--tpm-p700)!important;font-size:12.8px;font-weight:600;text-decoration:none!important;line-height:1.2}
  #tpm-tabs a[aria-current="page"]{color:var(--tpm-ink)!important;font-weight:800}
  #tpm-tabs a[aria-current="page"]::before{content:"";position:absolute;top:0;left:28%;right:28%;height:3px;border-radius:0;background:var(--tpm-pink)}
  #tpm-tabs .tpm-dot{position:absolute;top:8px;left:calc(50% + 6px);width:10px;height:10px;border-radius:50%;background:var(--tpm-green);border:2px solid #fff;animation:tpmPulse 1.6s ease-in-out infinite}
  #tpm-tabs .tpm-dot[hidden]{display:none}
  #tpm-search{top:0;bottom:0;max-height:none;z-index:10020}
  .tpm-s__in{padding:12px 16px 24px}
  .tpm-s__field{min-height:48px}.tpm-s__field input{font-size:16px!important;height:44px}
  .tpm-s__res{grid-template-columns:1fr;gap:18px}
  body.tpm-has-tabs .tapau-embed-lightbox-overlay{bottom:calc(var(--tpm-tab-h) + env(safe-area-inset-bottom,0px))!important;transition:bottom .2s ease-out}
  body.tpm-typing .tapau-embed-lightbox-overlay{bottom:0!important}
  body.tpm-has-tabs .tpf-bar{bottom:calc(var(--tpm-tab-h) + 12px + env(safe-area-inset-bottom,0px))!important}
  body.tpm-has-tabs .tpf-panel{bottom:calc(var(--tpm-tab-h) + 64px + env(safe-area-inset-bottom,0px))!important}
  body.tpm-has-tabs aside.cd{bottom:calc(var(--tpm-tab-h) + 12px + env(safe-area-inset-bottom,0px))!important}
}
@media (min-width:1025px){ .tpm-sheet,#tpm-sscrim{display:none!important} }
@media (max-width:420px){ .tpm-join{padding:0 12px} }
@media (prefers-reduced-motion:reduce){
  .tpm-panel,.tpm-acct__menu,#tpm-scrim,#tpm-search,.tpm-sheet,#tpm-sscrim,#tpm-tabs,.tpm-hub::after,.tpm-chev{transition:none!important}
  .tpm-live::before,#tpm-tabs .tpm-dot{animation:none!important}
}