.play-button{--play-width:100%;--play-height:96px;--play-radius-idle:calc(var(--play-height) / 2);--play-radius-playing:28px;--play-primary:#ca362c;--play-loading:#ded65d;width:var(--play-width);height:var(--play-height);color:#fff;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0;transition:transform .15s ease-out}.play-button:active:not(:disabled){transform:scale(.96)}.play-button:disabled{cursor:progress}.play-button__surface{border-radius:var(--play-radius-idle);background:var(--play-primary);place-items:center;width:100%;height:100%;transition:border-radius .45s cubic-bezier(.22,1,.36,1),background-color .45s cubic-bezier(.22,1,.36,1),box-shadow .3s,filter .18s;display:grid;box-shadow:0 18px 40px #0006,inset 0 1px #ffffff24}.play-button--playing .play-button__surface{border-radius:var(--play-radius-playing);background:var(--play-accent,var(--player-playing,#8c251d))}.play-button:hover:not(:disabled) .play-button__surface{filter:brightness(1.06)}.play-button__icon{place-items:center;width:34px;height:34px;animation:.22s play-icon-in;display:grid}.play-button__icon--play{transform:translate(2px)}.play-button__icon svg{width:30px;height:30px}.play-button__spinner{border:3px solid #ded65d47;border-top-color:var(--play-loading);border-radius:50%;width:30px;height:30px;animation:.75s linear infinite play-spin}@keyframes play-spin{to{transform:rotate(360deg)}}@keyframes play-icon-in{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@media (max-width:380px){.play-button{--play-height:84px;--play-radius-playing:24px}.play-button__icon svg{width:26px;height:26px}}.station-sheet{z-index:40;pointer-events:none;position:fixed;inset:0}.station-sheet--open{pointer-events:auto}.station-sheet__backdrop{opacity:0;cursor:pointer;background:#00000073;border:0;transition:opacity .22s;position:absolute;inset:0}.station-sheet--open .station-sheet__backdrop{opacity:1}.station-sheet__panel{background:var(--surface);border-radius:20px 20px 0 0;flex-direction:column;max-height:calc(100dvh - 100px);transition:transform .28s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(105%);box-shadow:0 -12px 40px #0006}.station-sheet--open .station-sheet__panel{transform:translateY(0)}.station-sheet__handle{background:#ffffff47;border-radius:999px;flex-shrink:0;width:40px;height:4px;margin:10px auto 0}.station-sheet__header{flex-shrink:0;justify-content:center;align-items:center;padding:14px 16px 10px;display:flex;position:relative}.station-sheet__header h2{margin:0;font-size:18px;font-weight:500}.station-sheet__done{color:var(--primary);padding:8px;font-size:15px;font-weight:600;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.station-sheet__grid{padding:8px 16px calc(28px + var(--safe-bottom));overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid;overflow:auto}.station-card{background:var(--card);border:1px solid var(--card-stroke);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:18px 14px;transition:border-color .18s,transform .16s,background .18s;display:flex}.station-card:hover{border-color:#ffffff2e}.station-card:active{transform:scale(.98)}.station-card--selected{border-color:#ca362c73}.station-card__art-wrap{place-items:center;width:80px;height:80px;display:grid;position:relative}.station-card__art{object-fit:cover;border-radius:50%;width:72px;height:72px}.station-card--selected .station-card__art{box-shadow:0 0 0 3px var(--primary), 0 0 0 4px #ff6b9d59;outline:3px solid #0000}.station-card__check{background:var(--primary);color:#fff;width:22px;height:22px;box-shadow:0 0 0 2px var(--card);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid;position:absolute;bottom:0;right:0}.station-card__name{justify-content:center;align-items:center;min-height:2.5em;font-size:15px;font-weight:500;line-height:1.25;display:flex}.station-card__status{color:var(--primary);min-height:1em;font-size:11px;font-weight:500}@media (min-width:720px){.station-sheet__grid{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:820px;margin:0 auto}}@media (min-width:900px){.station-sheet__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c}.station-sheet__panel{border:1px solid #ffffff14;border-radius:24px;width:min(520px,100vw - 48px);max-height:none;inset:16px 16px 16px auto;transform:translate(110%);box-shadow:0 24px 80px #0000008c}.station-sheet--open .station-sheet__panel{transform:translate(0)}.station-sheet__handle{display:none}.station-sheet__header{justify-content:flex-start;padding:22px 22px 12px}.station-sheet__header h2{font-size:22px}.station-sheet__done{right:18px}.station-sheet__grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;padding:8px 18px 24px}}.player{min-height:100dvh;color:var(--text);background:var(--bg);position:relative;overflow:hidden}.player__ambient,.player__tint,.player__scrim{pointer-events:none;position:absolute;inset:0}.player__ambient{filter:blur(64px);opacity:.9;background-position:50%;background-size:cover;transition:background-image .3s;transform:scale(1.12)}.player__tint{mix-blend-mode:soft-light;transition:opacity .35s,background .45s}.player__scrim{background:linear-gradient(#0000008c 0%,#00000026 28%,#00000059 55%,#000000e0 82%,#000 100%),linear-gradient(#0000 55%,#000000d9 82%,#000 100%)}.player__shell{z-index:1;width:min(100%,1120px);min-height:100dvh;padding:calc(16px + var(--safe-top)) clamp(20px, 4vw, 40px) calc(28px + var(--safe-bottom));flex-direction:column;margin:0 auto;display:flex;position:relative}.player__header{justify-content:space-between;align-items:center;gap:16px;display:flex}.player__brand{letter-spacing:-.03em;margin:0;font-size:clamp(24px,4vw,30px);font-weight:500}.player__stations-btn{color:#fff;-webkit-backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;gap:8px;max-width:min(52vw,220px);height:44px;padding:0 12px 0 8px;transition:transform .16s,background .16s;display:inline-flex;position:relative}.player__stations-icon{object-fit:cover;border-radius:50%;flex-shrink:0;width:28px;height:28px}.player__stations-label{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.player__stations-btn:hover{background:#ffffff29}.player__stations-btn:active{transform:scale(.96)}@media (hover:hover){.player__stations-btn:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:5;background:#141414eb;border:1px solid #ffffff1f;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:500;transition:opacity .14s,transform .14s;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-4px)}.player__stations-btn:hover:after,.player__stations-btn:focus-visible:after{opacity:1;transform:translateY(0)}}.player__stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(20px,4vh,36px);min-height:0;padding:20px 0 8px;display:flex}.player__album-wrap{place-items:center;display:grid}.player__album{aspect-ratio:1;object-fit:cover;border-radius:clamp(22px,5vw,30px);width:min(340px,78vw,100dvh - 360px);max-height:min(340px,100dvh - 360px);animation:.3s album-in;box-shadow:0 18px 48px #00000073}.player__side{flex-direction:column;align-items:stretch;gap:22px;width:min(100%,260px);display:flex}.player__meta{text-align:center;flex-direction:column;align-items:center;gap:6px;width:100%;min-height:3.6em;display:flex}.player__title{white-space:nowrap;text-overflow:ellipsis;width:100%;margin:0;font-size:clamp(22px,6vw,28px);font-weight:500;line-height:1.2;overflow:hidden}.player__artist,.player__status{width:100%;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:500;overflow:hidden}.player__toasts{left:50%;bottom:calc(28px + var(--safe-bottom));z-index:30;pointer-events:none;flex-direction:column;align-items:center;gap:10px;width:min(92vw,400px);display:flex;position:fixed;transform:translate(-50%)}.player__error,.player__toast{pointer-events:auto;border-radius:999px;padding:12px 16px;animation:.28s cubic-bezier(.22,1,.36,1) toast-in}.player__error{color:#fff;text-align:left;background:#ca362ceb;justify-content:space-between;align-items:center;gap:8px;width:100%;font-size:13px;font-weight:500;display:flex}.player__toast{-webkit-backdrop-filter:blur(18px);color:#fff;background:#ffffff1f;border:1px solid #ffffff24;font-size:14px;font-weight:500}@keyframes album-in{0%{opacity:.65;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (orientation:landscape) and (max-height:700px) and (max-width:899px){.player__stage{flex-direction:row;justify-content:center;gap:32px;padding-top:8px}.player__album{border-radius:22px;width:min(280px,38vw,100dvh - 72px);max-height:calc(100dvh - 72px)}.player__side{width:min(260px,46vw)}}@media (min-width:900px){.player__scrim{background:radial-gradient(65% 55% at 32% 48%,#0000001f,#0000 70%),linear-gradient(110deg,#0000004d 0%,#0000008c 48%,#000000e6 78%,#000 100%)}.player__shell{padding-top:calc(32px + var(--safe-top));padding-bottom:calc(40px + var(--safe-bottom))}.player__stations-btn{padding:0 16px 0 10px}.player__stage{flex-direction:row;justify-content:center;align-items:center;gap:clamp(48px,7vw,88px)}.player__album{border-radius:28px;width:min(420px,36vw,100dvh - 140px);max-height:calc(100dvh - 140px);box-shadow:0 28px 70px #00000080,0 0 0 1px #ffffff0f}.player__side{flex-shrink:0;gap:28px;width:260px}.player__title{font-size:28px}.player__artist,.player__status{font-size:16px}.player__toasts{align-items:flex-end;width:min(340px,28vw);bottom:28px;left:auto;right:28px;transform:none}}.splash{min-height:100dvh;padding:calc(24px + var(--safe-top)) 24px calc(48px + var(--safe-bottom));background:var(--bg);flex-direction:column;align-items:center;display:flex}.splash__spacer{flex:1}.splash__logo{object-fit:contain;opacity:0;transform-origin:50%;width:100px;height:100px;transition:opacity 1s ease-out,transform 1s ease-out;transform:scaleY(.01)}.splash__logo--in{opacity:1;transform:scaleY(1)}.splash__footer{text-align:center;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;display:flex}.splash__eyebrow{color:var(--text);margin:0;font-size:14px;font-weight:500}.splash__source{color:var(--text);margin:0;font-size:24px;font-weight:500}.app{background:#000;min-height:100dvh}.app--ready{animation:.28s app-fade}@keyframes app-fade{0%{opacity:0}to{opacity:1}}@font-face{font-family:Poppins;src:url(/assets/poppins-CTKNfV9P.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/poppins_medium-Cxde2ZoM.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:FbKaramel;src:url(/assets/yiddish-r2x6NY10.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg:#000;--surface:#111;--card:#1a1a1a;--card-stroke:#2a2a2a;--primary:#ca362c;--player-playing:#8c251d;--text:#fff;--text-secondary:#ffffffb3;--loading:#ded65d;--font-ui:"Poppins", system-ui, sans-serif;--font-hebrew:"FbKaramel", "Poppins", system-ui, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);color:var(--text);background:var(--bg);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;background:var(--bg);min-height:100dvh;margin:0}body{overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}img{max-width:100%;display:block}.hebrew{font-family:var(--font-hebrew);direction:rtl}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
