/* ============================================================================
   Listn — front-end "New Look" (0px sharp corners). Toggled from Admin -> Theme.
   Radii live scattered across external CSS AND many inline <style> blocks, so
   this uses a blanket: square (or tighten) every box, then restore genuinely
   round elements (avatars, play buttons, pills, dots, sliders) to their shape.
   Applies only under body.is-app-new; turning the switch off restores everything.
   ========================================================================== */
body.is-app-new{ --accent:#a69175; --accent-hot:#c7b9a4; --accent-deep:#8a7860; --r:0px; --r-sm:0px; --r-data:0px; }

/* 1) Blanket: every corner in the app -> 0px sharp corners */
body.is-app-new *, body.is-app-new *::before, body.is-app-new *::after{ border-radius:0px !important; }

/* 2) Restore circular elements */
body.is-app-new input[type=range]::-webkit-slider-thumb,
body.is-app-new .coll .play-c,
body.is-app-new .transport .pp,
body.is-app-new .transport #repBtn.one::after,
body.is-app-new .progress .knob,
body.is-app-new .dl-player,
body.is-app-new .chat-player,
body.is-app-new .detail-play,
body.is-app-new .side-credits .coin,
body.is-app-new .side-acct .av,
body.is-app-new .ah-av,
body.is-app-new .label-hl-dots button,
body.is-app-new .artist-card .av,
body.is-app-new .tp-art .tp-play,
body.is-app-new .tk-x,
body.is-app-new .tk-act,
body.is-app-new .tk-art .tk-play,
body.is-app-new .tk-ver .v-play,
body.is-app-new .lic-card .lic-radio,
body.is-app-new .lic-card.on .lic-radio::after,
body.is-app-new .lic-confirm-ic,
body.is-app-new .lic-quote-av,
body.is-app-new .artist-hero-av,
body.is-app-new .lr-ic,
body.is-app-new .cmt-av,
body.is-app-new .tg-box::after,
body.is-app-new .ts-knob,
body.is-app-new .u-av,
body.is-app-new .exp-play,
body.is-app-new .exp-dl,
body.is-app-new .dt-x,
body.is-app-new .tline-play,
body.is-app-new .an-row-av,
body.is-app-new .feat-av,
body.is-app-new .pl-arrow,
body.is-app-new .ai-play,
body.is-app-new .artist-icon-btn,
body.is-app-new .spinner,
body.is-app-new .aigen-step .n,
body.is-app-new .lbl-hl-toggle .tg-box::after,
body.is-app-new .pay-audio-btn,
body.is-app-new .adm-status-pill .dot,
body.is-app-new .dbn-arrow,
body.is-app-new .dp-av,
body.is-app-new .dp-dot,
body.is-app-new .pb-lhero-player .pl-play,
body.is-app-new .pb-testi-av,
body.is-app-new .av,
body.is-app-new [class*="avatar"],
body.is-app-new [class$="-av"],
body.is-app-new [class*="-dot"],
body.is-app-new [class$="dot"],
body.is-app-new [class*="-play"],
body.is-app-new [class$="play"],
body.is-app-new [class*="knob"],
body.is-app-new [class*="spinner"],
body.is-app-new [class*="coin"],
body.is-app-new [class*="circle"],
body.is-app-new [class*="round"],
body.is-app-new input[type=range]::-webkit-slider-thumb,
body.is-app-new input[type=range]::-moz-range-thumb
{ border-radius:50% !important; }

/* 3) Restore pill / chip elements */
body.is-app-new .ts-track,
body.is-app-new .tax-chip,
body.is-app-new .tax-chip-count,
body.is-app-new .lm-badge,
body.is-app-new .adm-status-pill,
body.is-app-new [class*="pill"],
body.is-app-new [class*="chip"],
body.is-app-new [class*="badge"]
{ border-radius:999px !important; }