:root{--bg:#0f1115;--card:#161922;--muted:#8b93a7;--txt:#eef2ff;--brand:#7c5cff;--brand2:#00d4ff;--border:#242838;--padB:max(10px,env(safe-area-inset-bottom));--padT:env(safe-area-inset-top);background-color:#0F1116;}
*{box-sizing:border-box}
html,body{height:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-y: none;scroll-behavior:smooth;scroll-padding-top:20px;background-color:#0F1116;}
body{margin:0;background:var(--bg);color:var(--txt);font-family:"Noto Sans Hebrew",system-ui,sans-serif;line-height:1.4;background-color:#0F1116;}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button{font-family:"Noto Sans Hebrew",system-ui,sans-serif;cursor:pointer}

/* App Shell */
.app{min-height:100dvh;padding-bottom:86px}
header.appbar{position:sticky;top:0;z-index:20;background:linear-gradient(180deg,rgba(15,17,21,.9),rgba(15,17,21,.65) 60%,rgba(15,17,21,0));backdrop-filter:blur(8px);padding:14px 16px 14px;border-bottom:1px solid rgba(255,255,255,.04)}
.appbar h1{margin:0;font-size:22px;display:flex;align-items:center;gap:10px;font-weight:800}
.appbar .badge{font-size:12px;padding:4px 8px;border-radius:999px;background:linear-gradient(90deg,var(--brand) 0%,var(--brand2) 100%);color:#fff;font-weight:800}
.search{display:flex;gap:10px;margin-top:10px}
.search input{flex:1;background:#0c0e13;border:1px solid var(--border);padding:12px;border-radius:12px;color:var(--txt)}
.search button{background:linear-gradient(90deg,var(--brand) 0%,var(--brand2) 100%);border:0;color:#0b1020;font-weight:800;border-radius:12px;padding:0 14px}
.logo-img{height:28px;display:block;filter:invert(100%)}

/* Loading */
#loading_background{background:rgba(0,0,0,.90);z-index:100;width:100%;height:100%;position:fixed}
#loading_image{width:260px;max-width:60%;position:fixed;top:50%;left:50%;z-index:101;transform:translate(-50%,-50%);transform-origin:center;animation:loading_animation 4s ease}
@keyframes loading_animation{from{transform:translate(-50%,-50%) scale(.8)}to{transform:translate(-50%,-50%) scale(1.3)}}

/* Sections */
section[hidden]{display:none!important}
section{padding:16px}
.row{display:flex;gap:14px;align-items:center;justify-content:space-between}

/* Carousels */
.h-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:75%;gap:12px;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
.h-scroll::-webkit-scrollbar{height:8px}
.h-scroll::-webkit-scrollbar-thumb{background:#202433;border-radius:999px}

/* Cards & events */
.card{background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.25);}
.event-card{position:relative;}
.event-media{aspect-ratio:16/9;background:#0c0e13;position:relative}
.event-media img{width:100%;height:100%;object-fit:cover}

/* Horizontal event cards for "הכי קרובים" */
.event-card-horizontal{display:flex;flex-direction:row;align-items:stretch;min-height:120px;padding:0;gap:0;position:relative}

/* Removed background overlay for better text readability */

.event-media-horizontal{flex:0 0 140px;height:140px;background:#0c0e13;position:relative;border-radius:18px;overflow:hidden;margin:12px;margin-left:0}

.event-media-horizontal img{width:100%;height:100%;object-fit:cover;border-radius:18px}

.like-btn-horizontal{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;backdrop-filter:blur(4px);z-index:10;pointer-events:auto}

.like-btn-horizontal:hover{background:rgba(0,0,0,.8);transform:scale(1.1)}

.like-btn-horizontal[aria-pressed="true"]{background:linear-gradient(90deg,var(--brand) 0%,var(--brand2) 100%);border-color:var(--brand)}

.like-btn-horizontal .heart-fill{display:none}

.like-btn-horizontal[aria-pressed="true"] .heart-outline{display:none}

.like-btn-horizontal[aria-pressed="true"] .heart-fill{display:block}

.event-body-horizontal{flex:1;padding:16px 20px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}

.event-title{font-size:13px;font-weight:800;margin:0 0 8px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.event-genres-horizontal{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}

.chip-genre{font-size:10px;padding:2px 5px;border-radius:8px;background:rgba(124,92,255,.15);border:1px solid rgba(124,92,255,.35);color:#cbb9ff;white-space:nowrap}

/* Responsive design for horizontal cards */
@media (max-width:768px){
.event-card-horizontal{min-height:120px}
.event-media-horizontal{flex:0 0 120px;height:120px;margin:10px;margin-left:0}
.event-body-horizontal{padding:12px 16px}
.event-title{font-size:13px}
}

/* Hover effects for horizontal cards */
.event-card-horizontal:hover{box-shadow:0 12px 40px rgba(0,0,0,.35);transition:box-shadow 0.3s ease}

.event-card-horizontal:hover .event-media-horizontal img{transform:scale(1.08);transition:transform 0.3s ease}
.chip{display:inline-block;font-size:11px;padding:6px 10px;border-radius:999px;margin-left:6px;background:rgba(124,92,255,.15);border:1px solid rgba(124,92,255,.35);color:#cbb9ff}
.chip-soon{color:#fff;border:0;text-align:center;width:100%;font-size:12px;background:#0c0e13;border:1px solid var(--border);}
.event-body{padding:12px 12px 14px}
.event-title{font-size:16px;font-weight:800;margin:0 0 6px}
.event-meta{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted)}
.event-soon{margin-bottom:6px}
.event-actions{position:absolute;inset:auto 8px 8px auto;display:flex;gap:6px}
.icon-btn{background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:999px;padding:8px;display:inline-flex;align-items:center;justify-content:center}
.icon-btn[aria-pressed="true"]{background:linear-gradient(90deg,var(--brand) 0%,var(--brand2) 100%);color:#fff}

/* Grids */
.grid{display:grid;gap:12px}
@media(min-width:700px){.h-scroll{grid-auto-columns:40%}.grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}}

/* Events page - specific styling */
#eventsGrid,#recommendedGrid{grid-template-columns:repeat(2,1fr)!important;gap:16px}
@media(min-width:1000px){#eventsGrid,#recommendedGrid{grid-template-columns:repeat(5,1fr)!important;gap:20px}}
#eventsGrid .event-media,#recommendedGrid .event-media{aspect-ratio:1/1!important}

/* Gradient overlay - bottom fade for eventsGrid */
#eventsGrid .event-media::after,#recommendedGrid .event-media::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.3) 15%,transparent 30%);pointer-events:none;z-index:1}

/* Date carousel - only for eventsGrid */
#eventsGrid .media-date{position:absolute!important;left:auto!important;right:12px;bottom:12px;display:flex;align-items:center;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;z-index:6;padding:0;-webkit-overflow-scrolling:touch;min-height:50px;max-width:calc(100% - 24px)}
#eventsGrid .media-date::-webkit-scrollbar{display:none}
#eventsGrid .media-date.carousel-hint{animation:carousel-wiggle 0.8s ease-in-out}
@keyframes carousel-wiggle{0%,100%{transform:translateX(0)}15%{transform:translateX(-8px)}30%{transform:translateX(8px)}45%{transform:translateX(-8px)}60%{transform:translateX(8px)}75%{transform:translateX(0)}}
#eventsGrid .media-date-item{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(0,0,0,0.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);border-radius:12px;color:#fff;font-weight:900;font-size:13px;box-shadow:0 4px 12px rgba(0,0,0,0.3);scroll-snap-align:start;white-space:nowrap}
#eventsGrid .media-date-item .dow{opacity:.85;font-size:11px;text-transform:uppercase;letter-spacing:0.02em;color:#fff}
#eventsGrid .media-date-item .date{font-weight:900;color:#fff}

@media(max-width:600px){
  #eventsGrid .media-date{right:10px;bottom:10px;padding:0;min-height:44px;max-width:calc(100% - 20px)}
  #eventsGrid .media-date-item{padding:6px 10px;font-size:12px}
  #eventsGrid .media-date-item .dow{font-size:10px}
}

/* Special grid for horizontal cards */
#soonGrid{display:flex;flex-direction:column;gap:16px}

/* Stories / Artists */
.stories{display:flex;gap:12px;overflow:auto;padding-bottom:6px}
.story{width:86px;flex:0 0 auto;text-align:center;cursor:pointer}
.avatar{width:86px;height:86px;border-radius:50%;background:linear-gradient(180deg,var(--brand) 0%,var(--brand2) 100%);padding:2px;animation:spinGradient 2s ease-in-out 1s forwards;}
.avatar>img{border-radius:50%;border:solid 3px #0F1116;width:100%;height:100%;object-fit:cover}
.story .name{font-size:13px;font-weight:600;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.story .count{font-size:11px;color:var(--muted)}

@keyframes spinGradient {
  from { background: linear-gradient(180deg,var(--brand) 0%,var(--brand2) 100%); }
  to { background: linear-gradient(540deg,var(--brand) 0%,var(--brand2) 100%); }
}

/* Filter bar (Events page) */
.filter-bar{position:sticky;top:13px;background:var(--bg);z-index:10;border-bottom:1px solid var(--border);padding:10px 5px;padding-bottom:7px;}
.filter-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin:-12px 0 4px}
.input{background:#0c0e13;border:1px solid var(--border);padding:10px 12px;border-radius:12px;color:var(--txt)}
.btn{background:linear-gradient(90deg,var(--brand) 0%,var(--brand2) 100%);border:0;color:#0b1020;font-weight:800;border-radius:12px;padding:10px 14px;cursor:pointer}
.filter_search{width:160px;margin-right:0}
.filter_date{width:120px}
.filter_date_icon{position:absolute;height:20px;margin-right:260px;margin-top:10px;opacity:.6}

/* Empty */
.empty{padding:40px 16px;text-align:center;color:var(--muted)}

/* Bottom Tab Bar */
.tabbar{position:fixed;inset:auto 0 0 0;z-index:40;background:rgba(13,15,20,.85);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:8px 10px var(--padB)}
.tabbar button{appearance:none;background:none;border:0;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;border-radius:14px;font-size:12px;font-weight:700}
.tabbar button.active{color:#fff;background:rgba(124,92,255,.12)}
.tabbar svg{width:22px;height:22px}
.tabbar .tab-ic{width:22px;height:22px;display:block;object-fit:contain;filter:invert(100%);opacity:.8;transition:opacity .15s ease,transform .15s ease}
.tabbar button.active .tab-ic{opacity:1;transform:translateY(-1px)}
[data-theme="light"] .tabbar .tab-ic{filter:none}

/* Utilities & titles */
.mt-10{margin-top:10px}
.mt-16{margin-top:16px}
.title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.title-row h2{margin:0;font-size:18px;font-weight:900}
.title-row a{font-size:12px;color:#cbb9ff;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;height:100%}
/* סלקטור ספציפי לעמוד לגלות */
#view-discover .title-row a{margin-top:-20px}
/* סלקטור ספציפי לעמוד אומנים */
#view-artists .title-row{margin-top:-8px}

/* Event Detail */
.event-wrap{padding:8px}
.event-hero{position:relative;width:100%;aspect-ratio:1/1;background:#0c0e13;border-radius:20px;overflow:hidden;border:1px solid var(--border);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.event-hero img{width:100%;height:100%;object-fit:cover}
@media(min-width:1000px){.event-hero{max-width:600px;margin:0 auto;aspect-ratio:4/3}}
.hero-overlay{position:absolute;inset:auto 0 0 0;padding:14px 16px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.45) 30%,rgba(0,0,0,.85) 100%);color:#fff}
.hero-title{margin:0;font-size:20px;font-weight:900}
.hero-sub{margin-top:4px;font-size:13px;opacity:.9}
.event-content{padding:14px 2px;color:var(--txt);text-align:center}
.event-content p{margin:0 0 12px}
.event-back{margin-bottom:12px}
.hero-back{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:10px;color:#fff}
.hero-back svg{width:20px;height:20px}
.hero-share{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:10px;color:#fff;z-index:22}
.hero-share svg,.hero-share img{width:20px;height:20px;display:block}
.hero-share :is(svg,img){pointer-events:none;fill:#fff;}
[data-theme="light"] .hero-share{background:rgba(0,0,0,.06);color:#0b1020;border-color:rgba(0,0,0,.1)}


[data-theme="light"] .hero-share{background:rgba(0,0,0,.06);color:#0b1020;border-color:rgba(0,0,0,.1)}

.hero-cta{display:inline-block;margin-top:10px;width:100%;text-align:center;color:#fff;text-shadow:0 0 22px rgba(0,0,0,.8)}

/* Heart icon states */
.icon-btn svg{width:20px;height:20px}
.icon-btn .heart-fill{display:none}
.icon-btn .heart-stroke{display:block}
.icon-btn[aria-pressed="true"] .heart-fill{display:block}
.icon-btn[aria-pressed="true"] .heart-stroke{display:none}

/* Mobile zoom fix */
@media(max-width:768px){input,select,textarea,.input{font-size:16px!important}}

/* Artist hero */
.artist-hero{position:relative;width:100%;aspect-ratio:6/3;background:#0c0e13;border-radius:20px;overflow:hidden;border:1px solid var(--border);box-shadow:0 10px 30px rgba(0,0,0,.35);margin: -10px 0 14px}
.artist-hero img{width:100%;height:100%;object-fit:cover}
.artist-badges{position:absolute;top:10px;left:10px;display:flex;gap:8px;z-index:30}
.icon-btn.music{background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.25);color:#fff;padding:8px;border-radius:999px}
.icon-btn.music svg{width:20px;height:20px}

/* Coupon chip */
.chip.coupon{display:inline-flex;align-items:center;gap:8px;margin-top:8px;background:rgba(0,0,0,.45);border:1px dotted rgba(255,255,255,.45);color:#fff}
.copy-ic{width:16px;height:16px;opacity:.9}

/* Confetti */
.confetti{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}
.confetti .piece{position:absolute;top:-10vh;opacity:.95;will-change:transform,opacity;animation:confetti-fall linear forwards}
@keyframes confetti-fall{to{transform:translateY(110vh) rotate(720deg);opacity:1}}
.chip.coupon .blink{animation:coupon-blink .4s}
@keyframes coupon-blink{from{opacity:.6}to{opacity:1}}

/* Date badge – unified across all grids */
#recommendedRow .event-media,#recommendedGrid .event-media,#eventsGrid .event-media,#likesGrid .event-media,#worldGrid .event-media,#artistEventsGrid .event-media{position:relative!important}
#recommendedRow .media-date,#recommendedGrid .media-date,#eventsGrid .media-date,#likesGrid .media-date,#worldGrid .media-date,#artistEventsGrid .media-date, .media-date{position:absolute!important;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.25);border-radius:12px;color:#fff;font-weight:800;font-size:12px;z-index:6}
.media-date .dow{opacity:.9}
.media-date .date{opacity:.95}

/* Buy link */

#buylink{display:flex;align-items:center;justify-content:center;position:relative;margin-top:12px;margin-bottom:12px;font-weight:800;font-size:14px;line-height:1.5;text-decoration:none;color:#1a1d2e;background:linear-gradient(135deg,#f0f0f2 0%,#e8e8eb 100%);padding:1.1em 2em;border-radius:12px !important;-webkit-tap-highlight-color:transparent;width:100%;text-align:center;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);letter-spacing:0.2px;text-transform:uppercase;overflow:hidden;border:1px solid rgba(255,255,255,0.3);}
#buylink::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);opacity:0;transition:opacity 0.3s ease;pointer-events:none;}
#buylink::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(123,93,255,0.15);transform:translate(-50%,-50%);transition:width 0.5s ease,height 0.5s ease,opacity 0.5s ease;pointer-events:none;}
#buylink:hover{background:linear-gradient(135deg,#f8f8fa 0%,#f0f0f2 100%);filter:brightness(1.08);}
#buylink:hover::before{opacity:1;}
#buylink:hover::after{width:300px;height:300px;opacity:0;}
#buylink:active::after{width:150px;height:150px;opacity:0.3;transition:width 0.1s ease,height 0.1s ease;}
#buylink:focus-visible{outline:3px solid rgba(123,93,255,0.4);outline-offset:4px;}
#buylink svg{height:1.3em;width:auto;position:absolute;left:1.8em;fill:#1a1d2e;opacity:0.85;z-index:1;}
:dir(rtl) #buylink svg{left:auto;right:1.8em;}
.mini_text_link{font-size:14px}

/* Genre tags */
.genre-tags{display:flex;gap:8px;overflow:auto;padding:8px 2px 4px;margin-top:6px}
.genre-tags .pill{flex:0 0 auto;background:#0c0e13;color:var(--txt);border:1px solid var(--border);border-radius:999px;padding:8px 12px;font-weight:800;font-size:13px;opacity:.95;transition:transform .12s ease,background .12s ease,border-color .12s ease;}
.genre-tags .pill:focus-visible{outline:2px solid var(--brand2);outline-offset:2px;}
.genre-tags .pill.active{background:linear-gradient(90deg,var(--brand) 0%,var(--brand2) 100%);color:#0b1020;border-color:#0F1116;transform:translateY(-1px)}

/* Artist filter bar */
.artist-filter-bar{margin:16px 0;padding:0 2px}
.artist-filter-tabs{display:flex;gap:12px;justify-content:space-between;flex-wrap:nowrap}
.artist-filter-btn{
  display:flex;align-items:center;gap:6px;
  background:#0c0e13;color:var(--txt);border:1px solid var(--border);
  border-radius:12px;padding:10px 12px;font-weight:800;font-size:12px;
  cursor:pointer;transition:all .15s ease;opacity:.8;
  flex:1;justify-content:center;min-width:0;
}
.artist-filter-btn:hover{opacity:1;transform:translateY(-1px)}
.artist-filter-btn:focus-visible{outline:2px solid var(--brand2);outline-offset:2px}
.artist-filter-btn.active{
  background:linear-gradient(90deg,var(--brand) 0%,var(--brand2) 100%);
  color:#fff;border-color:transparent;opacity:1;
  transform:translateY(-1px);border:solid 1px #0F1116;
}
.artist-filter-btn .filter-icon{width:16px;height:16px;opacity:.9}
.artist-filter-btn.active .filter-icon{opacity:1}
[data-theme="light"] .artist-filter-btn{background:#fff;color:#0b1020;border-color:rgba(0,0,0,.1)}
[data-theme="light"] .artist-filter-btn.active{background:linear-gradient(90deg,var(--brand) 0%,var(--brand2) 100%);color:#0b1020}

/* התאמה לטלפונים קטנים */
@media (max-width: 480px) {
  .artist-filter-tabs{gap:8px}
  .artist-filter-btn{padding:8px 8px;font-size:11px;gap:4px}
  .artist-filter-btn .filter-icon{width:14px;height:14px}
}

/* Light theme */
[data-theme="light"]{--bg:#f5f7fb;--card:#fff;--muted:#5b667a;--txt:#0b1020;--border:#e7eaf3}
[data-theme="light"] .logo-img{filter:invert(0)}
[data-theme="light"] .appbar{background:#fff}
[data-theme="light"] .pill{color:#000;background:#fff;border:1px solid rgba(0,0,0,.1)}
[data-theme="light"] .input{background:#fff}
[data-theme="light"] .tabbar{background:#fff}
.pill-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;padding:8px 12px;background:#0c0e13}
.pill-toggle input{accent-color:var(--brand2)}
[data-theme="light"] .pill-toggle{background:#fff}

/* Settings */
.settings-btn{position:absolute;top:10px;left:10px;z-index:25;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px;color:#fff}
.settings-btn svg{width:20px;height:20px}
.settings-wrap{max-width:820px;margin:0 auto;padding:6px}
.settings-header{display:flex;align-items:center;gap:10px;margin:2px 0 10px}
.settings-header h2{margin:0;font-size:20px;font-weight:900}
.settings-close{background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px;color:#fff}
.settings-close svg{width:20px;height:20px}
.settings-card{padding:14px;margin-bottom:12px}
.settings-card h3{margin:0 0 10px;font-size:16px;font-weight:800}
.hint{font-size:12px;color:var(--muted);margin-top:6px}
.links-row{display:flex;gap:10px;flex-wrap:wrap}
.btn-outline{background:transparent;color:var(--txt);border:1px solid var(--border);box-shadow:none}
.btn-outline:hover{background:rgba(124,92,255,.12)}
.legal-card{position:relative}
.legal-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.legal-close{background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px;color:#fff}
.legal-close svg{width:18px;height:18px}
.legal-body{color:var(--txt);line-height:1.55}
.legal-body ul{margin:8px 0 0 0;padding-inline-start:18px}
.legal-body a{color:inherit;text-decoration:underline}

/* Modal / Deals */
.modal{position:fixed;inset:0;display:none;z-index:9999}
.modal-backdrop{position:absolute;inset:0;background:url('https://airdrop.co.il/wp-content/uploads/2023/08/Aug-12-2025-07_11_57-PM-1.png');-webkit-filter:blur(10px);opacity:.5}
.modal-card{position:relative;margin:18vh 14px 5vh;max-width:520px;background:var(--card,#fff);color:var(--txt,#000);border-radius:16px;padding:20px;box-shadow:var(--shadow,0 10px 30px rgba(0,0,0,.35));z-index:5}
.modal-close{position:absolute;top:8px;inset-inline-end:10px;background:transparent;border:0;font-size:22px;cursor:pointer}
.modal-card label{display:block;margin-bottom:10px}
.modal-card input,.modal-card select{width:100%;padding:10px;border:1px solid var(--border,#e7eaf3);border-radius:10px}
.modal-card button[type=submit]{width:100%;margin-top:8px}

/* Wide screens */
@media(min-width:1200px){.app{max-width:1200px;margin:0 auto}.tabbar{max-width:860px;margin:0 auto 30px;border-radius:20px}}

#shakeHint { cursor:pointer; opacity:.95 }
#shakeHint:active { transform:translateY(1px); }

/* Iframe page */
.iframe-wrap{display:flex;flex-direction:column;gap:10px;height:calc(100vh - 220px);}
.iframe-head{display:flex;align-items:center;gap:10px}
#dynIframe{flex:1;height:100vh;width:100%;border:1px solid var(--border);border-radius:14px;background:#0c0e13}
@media(min-width:1360px){.iframe-wrap{height:calc(100dvh - 160px)}}


/* Promo banner */
.promo-banner{display:flex;align-items:center;gap:14px;height:160px;padding:14px 16px;margin-top:10px;}
.promo-ic{width:112px;height:112px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 6px 18px rgba(0,0,0,.25))}
.promo-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.promo-title{font-size:18px;font-weight:900;line-height:1.2;margin:0}
.promo-desc{font-size:13px;color:var(--muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* מצב בהיר – ניגודיות קלה יותר לחלונית */
[data-theme="light"] .promo-desc{color:#5b667a}

/* Final Boss – dynamic (stronger) */
.promo-ic.is-animated{
  will-change: transform, filter;
  transform-origin: 55% 60%;
  animation:
    finalBossDance 4.2s cubic-bezier(.25,.8,.25,1) infinite,
    finalBossGlow 2.6s ease-in-out infinite;
}

@keyframes finalBossDance{
  0%   { transform: translate(0,0) rotate(0deg)    scale(1); }
  10%  { transform: translate(6px,-10px) rotate(-3deg) scale(1.03); }
  25%  { transform: translate(2px,-18px) rotate(-6deg) scale(1.06); }
  40%  { transform: translate(-6px,-8px) rotate(3deg)  scale(1.02); }
  55%  { transform: translate(-3px,6px)  rotate(2deg)  scale(0.98); }
  70%  { transform: translate(4px,-12px) rotate(-4deg) scale(1.04); }
  85%  { transform: translate(-2px,3px)  rotate(2deg)  scale(1.01); }
  100% { transform: translate(0,0)       rotate(0deg)  scale(1); }
}

@keyframes finalBossGlow{
  0%   { filter: drop-shadow(0 6px 18px rgba(0,0,0,.25)) brightness(1); }
  50%  { filter: drop-shadow(0 16px 38px rgba(0,0,0,.45)) brightness(1.06) saturate(1.06); }
  100% { filter: drop-shadow(0 6px 18px rgba(0,0,0,.25)) brightness(1); }
}

/* Promo banner media wrapper (עוטף את ה-PNG) */
.promo-media{position:relative;width:112px;height:112px;flex:0 0 auto}
.promo-media .promo-ic{width:100%;height:100%;object-fit:contain}

/* כפתור PLAY עגול עם גרדיאנט מותג */
.promo-play{
  position:absolute;top:78px;right:2px;z-index:2;
  width:36px ;height:36px;border-radius:999px;
  background:linear-gradient(90deg,var(--brand) 0%,var(--brand2) 100%);
  display:grid;place-items:center;
  color:#fff; /* SVG לבן */
  border:2px solid #0F1116;
  box-shadow:0 8px 24px rgba(0,0,0,.35);
  pointer-events:none; /* לא חוסם קליקים על ה-<a> */
  animation:playPulse 2.2s ease-in-out infinite;
}

/* הילה עדינה ושינוי קצב בהובר על כל הבאנר */
.promo-banner:hover .promo-play{
  box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 0 6px rgba(124,92,255,.18);
  animation-duration:1.6s;
}

/* פולס עדין */
@keyframes playPulse{
  0%   { transform:scale(1);   filter:brightness(1); }
  50%  { transform:scale(1.08);filter:brightness(1.06); }
  100% { transform:scale(1);   filter:brightness(1); }
}

/* נגישות – מכבדים העדפה להפחתת תנועה */
@media (prefers-reduced-motion: reduce){
  .promo-play{ animation:none }
}

/* Text gradient utility */
.text_gradient{
  background: linear-gradient(90deg,var(--brand) 0%,var(--brand2) 100%);
  -webkit-background-clip: text; /* Safari/Chrome */
  background-clip: text;         /* FF/Chromium חדשים */
  -webkit-text-fill-color: transparent;
  color: transparent;
}

/* פולבק לדפדפנים בלי תמיכה ב-background-clip:text */
@supports not (background-clip: text) {
  .text_gradient { 
    color: var(--brand); 
    background: none; 
  }
}


/* ===== Header login button ===== */
.login-btn{position:absolute;top:10px;left:56px;z-index:25;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px;color:#fff}
.login-btn svg{width:20px;height:20px}
[data-theme="light"] .login-btn{background:rgba(0,0,0,.06);color:#0b1020;border-color:rgba(0,0,0,.1)}

/* ===== Login view ===== */
#view-login{padding:0}
.login-wrap{position:relative;position:fixed;top:60px;width:calc(100% - 40px);right:20px;text-align:center;height:50vh;display:grid;place-items:center;}
.login-bg{position:absolute;inset:0;overflow:hidden;z-index:0}
.login-bg .blob{position:absolute;filter:blur(40px);opacity:.35}
.login-bg .b1{width:46vw;height:46vw;right:-10vw;top:-10vw;animation:blob1 18s ease-in-out infinite}
.login-bg .b2{width:50vw;height:50vw;left:-14vw;bottom:-14vw;animation:blob2 20s ease-in-out infinite}
.login-bg .b3{width:38vw;height:38vw;left:10vw;top:20vh;opacity:.09;animation:blob3 24s ease-in-out infinite}
@keyframes blob1{0%,100%{transform:translate(0,0)}50%{transform:translate(-6vw,4vh)}}
@keyframes blob2{0%,100%{transform:translate(0,0)}50%{transform:translate(8vw,-5vh)}}
@keyframes blob3{0%,100%{transform:translate(0,0)}50%{transform:translate(-4vw,3vh)}}

.login-card{
  position:relative;z-index:1;max-width:520px;width:100%;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.14);
  border-radius:22px;padding:22px 18px 16px;
  box-shadow:0 20px 60px rgba(0,0,0,.35);
  backdrop-filter:blur(14px);
  margin-top:10px;
  transform:perspective(600px) rotateX(0) rotateY(0);
  transition:transform .12s ease, box-shadow .2s ease;
}
[data-theme="light"] .login-card{
  background:rgba(255,255,255,.8);
  border-color:rgba(0,0,0,.06);
  box-shadow:0 20px 60px rgba(0,0,0,.08);
}

.login-head .login-kicker{font-size:12px;font-weight:800;letter-spacing:.4px;margin-bottom:6px}
.login-head h2{margin:0;font-size:22px;font-weight:900}
.login-sub{margin:6px 0 0;color:var(--muted);font-size:13px}

.login-actions{margin-top:14px;display:flex;flex-direction:column;gap:12px}
.btn-wide{width:100%}
.btn-guest{background:linear-gradient(90deg,var(--brand) 0%,var(--brand2) 100%);color:#0b1020;font-weight:900}

.or-row{display:flex;align-items:center;gap:10px;margin:4px 0}
.or-row span{flex:1;height:1px;background:var(--border)}
.or-row em{font-style:normal;color:var(--muted);font-size:12px}

.login-form{display:flex;flex-direction:column;gap:10px}
.field{display:flex;flex-direction:column;gap:6px}
.field span{font-size:12px;color:var(--muted)}
.field input{
  background:#0c0e13;border:1px solid var(--border);border-radius:12px;padding:12px;color:var(--txt);
  transition:border-color .15s ease, box-shadow .15s ease;
}
.field input:focus{outline:none;border-color:rgba(124,92,255,.6);box-shadow:0 0 0 3px rgba(124,92,255,.22)}
[data-theme="light"] .field input{background:#fff}

.alt-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sso{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800}

.login-terms{margin:10px 0 0;color:var(--muted);font-size:11px;text-align:center}
.login-terms a{text-decoration:underline}

/* Responsive */
@media(min-width:700px){ .login-head h2{font-size:24px} }

/* Login – מצב סטטי (בלי טילט) */
.login-card{transform:none}

/* OTP/Profile boxes */
.otp-box,.profile-box{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.otp-title{font-weight:800;margin-bottom:4px}
#otpHint{font-size:12px;color:var(--muted)}

#artistSpotify.playing { background:linear-gradient(90deg,var(--brand) 0%,var(--brand2) 100%); }

/* Artist Tracks */
.artist-tracks-section{margin-top:0;padding:0;}
.tracks-container{display:flex;flex-direction:column;gap:16px;}
.tracks-loading{text-align:center;color:var(--muted);padding:20px;font-size:14px;}
.track-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--card);border:1px solid var(--border);border-radius:12px;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(0,0,0,.05);cursor:pointer;}
.track-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15);}
.track-item.playing{border:2px solid var(--brand);background:linear-gradient(135deg,var(--card) 0%,rgba(124,92,255,.05) 100%);box-shadow:0 4px 20px rgba(124,92,255,.2);}
.track-artwork{width:60px;height:60px;border-radius:8px;object-fit:cover;flex-shrink:0;}
.track-info{flex:1;min-width:0;}
.track-name{font-size:16px;font-weight:700;margin:0 0 4px;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.track-artist{font-size:14px;color:var(--muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.track-meta{display:flex;align-items:center;gap:8px;margin-top:4px;}
.track-year{font-size:12px;color:var(--muted);background:rgba(124,92,255,.1);padding:2px 6px;border-radius:4px;}
.track-duration{font-size:12px;color:var(--muted);}
.track-play{width:40px;height:40px;border-radius:50%;background:linear-gradient(90deg,var(--brand) 0%,var(--brand2) 100%);border:0;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;flex-shrink:0;}
.track-play:hover{transform:scale(1.1);box-shadow:0 4px 15px rgba(124,92,255,.3);}
.track-play svg{width:16px;height:16px;}

/* Discover Tracks */
.discover-tracks-section{margin-top:0;padding:0;}
.tracks-grid{display:flex;gap:12px;padding:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;}
.tracks-grid::-webkit-scrollbar{display:none;}
.discover-track-card{background:var(--card);border:1px solid var(--border);border-radius:12px;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(0,0,0,.05);cursor:pointer;flex-shrink:0;width:140px;height:140px;position:relative;overflow:hidden;}
.discover-track-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.15);}
.discover-track-card.playing{border:2px solid #00D3FF;box-shadow:0 4px 20px rgba(0,211,255,.2);}
.discover-track-artwork{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1;image-rendering:high-quality;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:auto;image-rendering:optimizeQuality;opacity:0;transition:opacity 2s ease-out;}
.discover-track-artwork.loaded{opacity:1;animation:none;}
.discover-track-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(30,33,45,0.4) 0%,rgba(40,43,55,0.6) 50%,rgba(30,33,45,0.4) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;z-index:0;}
.discover-track-card.image-loaded::before{display:none;}
@keyframes skeleton-loading{0%{background-position:200% 0;}100%{background-position:-200% 0;}}
.discover-track-info{position:absolute;bottom:0;right:0;left:0;z-index:2;background:linear-gradient(transparent,rgba(0,0,0,.7) 30%,rgba(0,0,0,.9) 100%);padding:8px 12px 12px;text-align:right;}
.discover-track-name{font-size:12px;font-weight:700;margin:0 0 2px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.5);}
.discover-track-artist{font-size:10px;color:rgba(255,255,255,.8);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.5);}
.discover-track-date{font-size:9px;color:#00D3FF;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.5);font-weight:500;}
.discover-track-play{width:28px;height:28px;border-radius:50%;background:linear-gradient(90deg,var(--brand) 0%,var(--brand2) 100%);border:0;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;flex-shrink:0;position:absolute;top:8px;right:8px;opacity:0.9;z-index:3;box-shadow:0 2px 8px rgba(0,0,0,.3);}
.discover-track-play:hover{transform:scale(1.1);box-shadow:0 4px 15px rgba(124,92,255,.3);opacity:1;}
.discover-track-play svg{width:12px;height:12px;}
.discover-track-card:hover .discover-track-play{opacity:1;}

/* Responsive for mobile */
@media (max-width: 768px) {
  .discover-track-card{width:120px;height:120px;}
  .discover-track-name{font-size:11px;}
  .discover-track-artist{font-size:9px;}
  .discover-track-date{font-size:8px;}
  .discover-track-play{width:24px;height:24px;}
  .discover-track-play svg{width:10px;height:10px;}
  .discover-track-info{padding:6px 10px 10px;}
  .discover-track-artwork{image-rendering:high-quality;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:auto;image-rendering:optimizeQuality;}
}

.icon-btn.music img { display:block; width:22px; height:22px; }
#artistSpotify.playing { opacity:.9; transform:scale(.98); } /* נשאר כמו קודם למצב ניגון */

/* וידאו רספונסיבי */
.event-content .video-embed {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 */
  border-radius: 12px;
  overflow: hidden;
  margin: 12px 0 16px;
  background: #000;
}
.event-content .video-embed iframe {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  border: 0;
}

/* טיפוגרפיות ייעודיות */
.event-content .hl    { color: var(--brand, #7c5cff); font-weight: 800; }
.event-content .note  { background: rgba(124,92,255,.08); border:1px solid rgba(124,92,255,.25); padding:6px 8px; border-radius:8px; }
.event-content .small { font-size: .92em; opacity: .9; }


/* Genre badge inside event image (Soon grid only uses it now) */
.event-card .event-media { position: relative; } /* ביטוח – אם לא קיים כבר */

.media-genre{
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 6;

  /* מראה "צ'יפ" אחיד עם שיפורים לקריאות על תמונה */
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  max-width: calc(100% - 20px);
  overflow: hidden;
  text-overflow: ellipsis;

  background: rgba(22, 25, 34, .90);            /* כהה חצי שקוף */
  color: var(--txt);
  border: 1px solid var(--border);
  backdrop-filter: blur(8px);
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
}

/* מצב בהיר – קצת יותר אטום */
:root[data-theme="light"] .media-genre{
  background: rgba(255,255,255,.92);
  color: #111;
  border-color: rgba(0,0,0,.08);
}


/* מוודאים שמיכל התמונה הוא reference ל־absolute */
.event-card .event-media{
  position: relative;
}

/* המכולה של הז'אנרים – יושבת ימין/למטה, עם עטיפה לשורות */
.media-genres{
  position: absolute;
  right: 10px;
  left: 10px;            /* מאפשר שבירה לשורה גם במסכים צרים */
  bottom: 10px;
  z-index: 6;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
  pointer-events: none;  /* שלא יפריע ללחיצה על הכרטיס */
}

/* כל תגית – מבטלים כל absolute מהמחלקה .chip אם יש, ומוודאים inline-flex */
.media-genre{
  position: static !important;   /* קריטי נגד כללים גלובליים של .chip */
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  pointer-events: auto;          /* אם תרצה שהתגיות יהיו קליקות */
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  background: rgba(22,25,34,.9);
  color: var(--txt);
  border: 1px solid var(--border);
  backdrop-filter: blur(8px);
}

/* מצב בהיר */
:root[data-theme="light"] .media-genre{
  background: rgba(255,255,255,.92);
  color: #111;
}

#logoutBtn {
  margin-top: 16px;
  width: 100%;
  padding: 12px;
  border-radius: 12px;
  font-weight: 800;
  background: #ff3b3b;
  color: #fff;
  border: none;
}
#logoutBtn:hover {
  background: #e22b2b;
}

.profile-avatar{
  width:128px;height:128px;margin:0 auto 12px;
  position:relative;border-radius:50%;
  overflow:hidden;border:2px solid var(--border);
  box-shadow:0 8px 24px rgba(0,0,0,.25);
  background:#0c0e13;
}
.profile-avatar img{
  width:100%;height:100%;object-fit:cover; /* תמיד 1:1 */
  display:block;
}
.avatar-upload-btn{
  position:absolute;right:6px;bottom:6px;
  width:36px;height:36px;border-radius:999px;border:1px solid rgba(255,255,255,.22);
  display:grid;place-items:center;
  background:linear-gradient(90deg,var(--brand) 0%,var(--brand2) 100%);
  color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.35);
}
.avatar-upload-btn svg{width:18px;height:18px}

/* ==== Buy Overlay (full-screen iframe) ==== */
.buy-overlay{position:fixed;inset:0;z-index:9998;display:none}
.buy-overlay[aria-hidden="false"]{display:block}
.buy-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(6px)}
.buy-sheet{
  position:absolute;inset:0;display:flex;flex-direction:column;gap:0;
}
.buy-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 12px calc(10px + env(safe-area-inset-top));
  background:rgba(13,15,20,.92);border-bottom:1px solid rgba(255,255,255,.08);
}
.buy-title{margin:0;font-size:14px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.buy-close{background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:8px;color:#fff}
.buy-close svg{width:20px;height:20px}
.buy-body{flex:1;min-height:0}
#buyFrame{width:100%;height:100%;border:0;background:#000}

/* מצב בהיר */
:root[data-theme="light"] .buy-head{background:rgba(255,255,255,.95);border-color:rgba(0,0,0,.08)}
:root[data-theme="light"] .buy-close{background:rgba(0,0,0,.06);color:#0b1020;border-color:rgba(0,0,0,.12)}


.buy-head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  background: #0F1116;
  border-bottom: 1px solid rgba(255,255,255,.04);
}

.buy-logo {
  max-height: 28px;
  -webkit-filter:invert(100%);
}

.buy-btn-right,
.buy-btn-left {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  background:#fff;
}

.buy-icon {
  width: 20px;
  height: 20px;
  display: block;
}

.buy-btn-right { right: 15px; }
.buy-btn-left  { left: 15px; }

/* Buy overlay must not block clicks when hidden */
.buy-overlay[aria-hidden="true"] {
  display: none !important;
}

/* Mini Player */
#miniPlayer{position:fixed;left:0;right:0;bottom:103px;z-index:60;display:flex;align-items:center;gap:12px;padding:10px 12px;background:rgba(13,15,20,.92);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);transform:translateY(120%);opacity:0;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.35s ease}
:root[data-theme="light"] #miniPlayer{background:rgba(255,255,255,.95);border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.06)}
#miniPlayer.show{transform:translateY(0);opacity:1}
#miniPlayer[hidden]{display:none}
#miniPlayer .mini-close{appearance:none;font-weight:bold;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.45);color:#fff;border-radius:999px;width:36px;height:36px;display:grid;place-items:center;font-size:16px;cursor:pointer;flex:0 0 auto;transition:filter .15s ease,transform .15s ease}
#miniPlayer .mini-close:hover{filter:brightness(1.08)}
#miniPlayer .mini-close:active{transform:translateY(1px)}
:root[data-theme="light"] #miniPlayer .mini-close{background:rgba(0,0,0,.06);color:#0b1020;border-color:rgba(0,0,0,.12)}
#miniPlayer .mini-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
#miniPlayer .mini-title{font-weight:900;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#miniPlayer .mini-timeline{display:flex;align-items:center;gap:10px}
#miniPlayer .mini-bar{flex:1;height:6px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:999px;overflow:hidden;position:relative}
:root[data-theme="light"] #miniPlayer .mini-bar{background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.12)}
#miniPlayer .mini-fill{position:absolute;inset:0 auto 0 0;width:0%;background:linear-gradient(90deg,var(--brand,#7c5cff),var(--brand2,#00d4ff));border-radius:999px;transition:width .15s linear}
#miniPlayer .mini-time{flex:0 0 auto;font-size:12px;color:var(--muted,#8b93a7);font-variant-numeric:tabular-nums}
#miniPlayer .mini-toggle{appearance:none;border:0;border-radius:12px;padding:9px 14px;font-weight:900;font-size:13px;cursor:pointer;background:linear-gradient(90deg,var(--brand,#7c5cff),var(--brand2,#00d4ff));color:#0b1020;min-width:75px;text-align:center;transition:filter .15s ease,transform .15s ease}
#miniPlayer .mini-toggle:hover{filter:brightness(1.1)}
#miniPlayer .mini-toggle:active{transform:translateY(1px)}
#miniPlayer .mini-toggle.is-playing{background:linear-gradient(90deg,var(--brand2,#00d4ff),var(--brand,#7c5cff));color:#fff}
:root[data-theme="light"] #miniPlayer .mini-toggle{background:linear-gradient(90deg,var(--brand,#7c5cff),var(--brand2,#00d4ff));color:#0b1020}
@media(min-width:700px){#miniPlayer{padding:12px 16px}}


/* תן לגלילה/טאצ' לעבור דרך מסך הטעינה */
#loading_background,
#loading_image {
  pointer-events: none;
}

.event-content img[role="img"]{height:1em;width:auto;display:inline-block;vertical-align:middle;margin:0 .15em}
.event-content svg{height:2em;width:auto;display:inline-block;vertical-align:middle}

/* הסתדרת פרמטרים מהוורדפרס */
#fests_hide {display:none;}

section {margin-bottom:16px;}
/* כיבוי צללים במוד בהיר */
[data-theme="light"]{--shadow:none;}
[data-theme="light"] :is(.card,.event-hero,.artist-hero,.profile-avatar,.login-card,.modal-card,.btn,.btn-outline,.icon-btn,.hero-back,.hero-share,.settings-btn,.settings-close,.legal-close,.promo-play,.promo-ic,.promo-banner .promo-ic,.media-genre,.avatar-upload-btn){box-shadow:none!important;text-shadow:none!important;filter:none!important;}
[data-theme="light"] .promo-ic.is-animated{animation:none;}
[data-theme="light"] .hero-cta{text-shadow:none!important;}
[data-theme="light"] .active{color:#0F1116!important;}
[data-theme="light"] a[data-nav]{color:#0F1116!important;}
[data-theme="light"] .chip-soon {background:#0F1116;border:0;}

/* Now Playing Screen (Story Mode) */
.now-playing-screen{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.4s ease}
.now-playing-screen:not([hidden]){opacity:1;pointer-events:all}
.now-playing-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,0.35) 0%,rgba(13,15,20,0.98) 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.now-playing-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:500px;padding:20px;text-align:center}
.np-close{position:fixed;top:60px;right:40px;appearance:none;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:#fff;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:20px;cursor:pointer;transition:all 0.2s ease;z-index:10}
.np-close:hover{background:rgba(255,255,255,0.2);transform:rotate(90deg)}
.np-logo{margin-bottom:30px;opacity:0.9}
.np-logo-img{height:30px;width:auto;-webkit-filter:invert(100);}
.np-artwork-wrapper{width:100%;max-width:80%;aspect-ratio:1;margin:0 auto 40px;margin-bottom:40px;position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.1)}
.np-artwork{width:100%;height:100%;object-fit:cover;display:block}
.np-fresh-badge{position:absolute;bottom:16px;right:16px;padding:7px 14px;background:linear-gradient(90deg,var(--brand,#7c5cff),var(--brand2,#00d4ff));border-radius:50px;color:#fff;font-weight:900;font-size:11px;z-index:3;letter-spacing:0.02em;animation:pulse-fresh 2s ease-in-out infinite}
@keyframes pulse-fresh{0%,100%{transform:scale(1);}50%{transform:scale(1.05);}}
.np-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:-20px}
.np-btn{appearance:none;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:#fff;border-radius:50%;width:60px;height:60px;display:grid;place-items:center;cursor:pointer;transition:all 0.2s ease}
.np-btn:hover{background:rgba(255,255,255,0.2);transform:scale(1.05)}
.np-btn:active{transform:scale(0.95)}
.np-play-pause{width:80px;height:80px;background:linear-gradient(135deg,var(--brand,#7c5cff),var(--brand2,#00d4ff));border:none;box-shadow:0 8px 24px rgba(123,93,255,0.4)}
.np-play-pause:hover{box-shadow:0 12px 32px rgba(123,93,255,0.6);transform:scale(1.08)}
.np-prev,.np-next{width:50px;height:50px}
.np-progress-section{width:100%;max-width:400px;margin:20px 0}
.np-time-display{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px;color:rgba(255,255,255,0.7);font-weight:600}
.np-progress-bar{position:relative;width:90%;height:60px;display:flex;align-items:center;margin:0 auto}
.np-slider{position:absolute;width:100%;height:60px;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;z-index:2;margin:0}
.np-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;cursor:pointer;transition:transform 0.1s ease}
.np-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}
.np-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:0 2px 8px rgba(0,0,0,0.3);transition:transform 0.2s ease}
.np-slider::-moz-range-thumb:hover{transform:scale(1.2)}
.np-progress-track{position:absolute;width:100%;height:6px;background:rgba(255,255,255,0.2);border-radius:3px;overflow:hidden;pointer-events:none}
.np-progress-fill{height:100%;background:linear-gradient(90deg,var(--brand,#7c5cff),var(--brand2,#00d4ff));border-radius:3px;transition:width 0.1s linear}
.np-info{margin-top:0px;margin-bottom:40px;}
.np-track-name{font-size:24px;font-weight:900;color:#fff;margin-bottom:8px;line-height:1.3}
.np-artist-name{font-size:18px;font-weight:600;color:rgba(255,255,255,0.7)}
@media(max-width:600px){.np-track-name{font-size:20px}.np-artist-name{font-size:16px}.np-controls{gap:15px}.np-play-pause{width:70px;height:70px}.np-prev,.np-next{width:45px;height:45px}.np-progress-section{max-width:90%}.np-time-display{font-size:12px}}