@font-face{font-family:Noto Sans Hebrew;font-style:normal;font-weight:400 900;font-stretch:62.5% 100%;font-display:swap;src:url(/fonts/noto-sans-hebrew-var-hebrew.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Noto Sans Hebrew;font-style:normal;font-weight:400 900;font-stretch:62.5% 100%;font-display:swap;src:url(/fonts/noto-sans-hebrew-var-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Hebrew;font-style:normal;font-weight:400 900;font-stretch:62.5% 100%;font-display:swap;src:url(/fonts/noto-sans-hebrew-var-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--chrome-h: calc(62px + env(safe-area-inset-top, 0px)) ;--paper: oklch(.975 .004 255);--paper-2: oklch(.945 .011 255);--ink: oklch(.29 .035 262);--ink-2: oklch(.47 .025 262);--line: oklch(.29 .035 262 / .1);--denim: oklch(.5 .1 258);--denim-2: oklch(.585 .105 258);--sky: oklch(.88 .042 250);--coral: oklch(.74 .13 36);--butter: oklch(.935 .075 104);--mint: oklch(.87 .06 165);--on-accent: var(--ink);--on-denim: var(--paper);--frame: var(--paper);--daily-bg: var(--butter);--daily-ink: var(--ink);--hover-bg: var(--butter);--hover-ink: var(--ink);--zebra: oklch(1 0 0 / .55);--ghost: oklch(.29 .035 262 / .08);--sheet-bg: var(--ink);--sheet-fg: var(--paper);--pill: oklch(1 0 0 / .6);--focus: oklch(.5 .15 258);--danger: oklch(.55 .19 25);--mini-fill: var(--sky);--tier-miss: oklch(.86 .02 262);--tier-bubble: var(--sky);--tier-chart: var(--mint);--tier-top40: var(--coral);--tier-top10: oklch(.8 .115 60);--tier-one: var(--butter);--q-best: var(--mint);--q-strong: var(--sky);--q-mid: var(--butter);--q-deep: oklch(.9 .03 30);--font: "Noto Sans Hebrew", system-ui, -apple-system, "Segoe UI", sans-serif;--t-display-wdth: 62.5%;--t-display-wght: 850;--t-head-wdth: 75%;--t-head-wght: 800;--t-title-wdth: 100%;--t-title-wght: 600;--t-body-wdth: 100%;--t-body-wght: 400;--t-label-wdth: 100%;--t-label-wght: 600;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-14: 56px;--r-s: 10px;--r-m: 16px;--r-l: 22px;--r-xl: 28px;--dur-1: .12s;--dur-2: .18s;--dur-3: .26s;--dur-4: .4s;--dur-5: .6s;--ease: cubic-bezier(.2, .8, .3, 1);--ease-out: cubic-bezier(.6, 0, .2, 1);--dir: 1;--z-base: 0;--z-sticky: 40;--z-sheet: 60;--z-chrome: 80;--z-modal: 100}[dir=rtl]{--dir: -1}@media(prefers-color-scheme:dark){:root{--paper: oklch(.185 .014 255);--paper-2: oklch(.238 .016 255);--ink: oklch(.95 .008 255);--ink-2: oklch(.745 .012 255);--line: oklch(.95 .008 255 / .13);--denim: oklch(.42 .11 258);--denim-2: oklch(.49 .11 258);--sky: oklch(.35 .05 250);--coral: oklch(.72 .14 36);--butter: oklch(.9 .09 100);--mint: oklch(.42 .08 165);--on-accent: oklch(.19 .02 32);--on-denim: oklch(.96 .006 255);--frame: oklch(.31 .022 255);--daily-bg: oklch(.33 .05 95);--daily-ink: oklch(.93 .07 100);--hover-bg: oklch(.305 .04 95);--hover-ink: var(--ink);--zebra: oklch(1 0 0 / .05);--ghost: oklch(1 0 0 / .08);--sheet-bg: oklch(.258 .017 255);--sheet-fg: var(--ink);--pill: oklch(1 0 0 / .1);--focus: oklch(.78 .12 258);--mini-fill: var(--denim-2);--tier-miss: oklch(.4 .02 262);--tier-bubble: oklch(.45 .07 245);--tier-chart: oklch(.45 .08 165);--tier-top40: var(--coral);--tier-top10: oklch(.76 .12 60);--tier-one: var(--butter);--q-best: oklch(.4 .08 165);--q-strong: oklch(.38 .06 250);--q-mid: oklch(.4 .07 95);--q-deep: oklch(.38 .06 30)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow-x:clip;overflow-y:auto;overscroll-behavior-y:none;scrollbar-gutter:stable;-webkit-text-size-adjust:100%}html,body,#root{min-height:100vh;min-height:100dvh;min-height:var(--app-h, 100dvh)}body{position:relative;overflow-x:clip;overscroll-behavior-y:none;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;font-weight:var(--t-body-wght);font-stretch:var(--t-body-wdth);line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}ol,ul{list-style:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button,a,summary,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}a{color:inherit}img,svg{display:block;max-width:100%}input,select,textarea{font:inherit;color:inherit}pre{font-family:inherit}[dir=auto]{text-align:-webkit-match-parent;text-align:match-parent}bdi{unicode-bidi:isolate}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}:focus:not(:focus-visible){outline:none}.skip-link{position:absolute;inset-block-start:var(--s-2);inset-inline-start:var(--s-2);z-index:var(--z-modal);padding:var(--s-3) var(--s-4);border-radius:var(--r-m);background:var(--coral);color:var(--on-accent);font-weight:var(--t-title-wght);text-decoration:none;transform:translateY(-150%);transition:transform var(--dur-2) var(--ease)}.skip-link:focus-visible{transform:translateY(0)}h1,h2,h3,h4{font-stretch:var(--t-head-wdth);font-weight:var(--t-head-wght);line-height:1.05;text-wrap:balance}.tabular{font-variant-numeric:tabular-nums}.btn{position:relative;display:flex;gap:var(--s-2);align-items:center;justify-content:center;min-height:56px;padding-inline:var(--s-5);border-radius:999px;font-size:18px;font-weight:700;font-stretch:100%;text-align:center;text-decoration:none;transition:background-color var(--dur-2) var(--ease),transform var(--dur-1) var(--ease)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--coral);color:var(--on-accent);box-shadow:0 8px 20px -10px color-mix(in oklab,var(--coral) 85%,transparent)}.btn-secondary{background:var(--paper-2);color:var(--ink);box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--ink) 16%,transparent)}.btn__go{display:grid;flex:none;place-items:center;width:36px;height:36px;border-radius:50%;background:color-mix(in oklab,currentColor 12%,transparent)}.btn>.btn__go{position:absolute;inset-inline-end:12px}.btn:has(>.btn__go){padding-inline:56px}.btn-utility,.btn-ghost{min-height:44px;background:none;color:var(--ink);font-size:15px;font-weight:var(--t-title-wght);text-decoration:underline;text-underline-offset:4px}.btn-danger{background:var(--danger);color:#fcfcfc}.btn-block{width:100%}@media(hover:hover){.btn-primary:hover:not(:disabled){background:color-mix(in oklab,var(--coral) 88%,var(--ink))}.btn-secondary:hover:not(:disabled){background:var(--sky)}}.icon-btn{display:grid;flex:none;place-items:center;width:44px;height:44px;padding:0;border-radius:var(--r-m);background:var(--paper-2);color:var(--ink);transition:background-color var(--dur-2) var(--ease)}.icon-btn svg{width:19px;height:19px}@media(hover:hover){.icon-btn:hover{background:var(--sky)}}.tile{position:relative;overflow:hidden;border-radius:var(--r-l)}@media(min-width:1000px){.tile{border-radius:var(--r-xl)}}.pill{padding:3px 10px;border-radius:999px;background:var(--pill);color:inherit;font-size:13px;font-weight:var(--t-label-wght);white-space:nowrap}.quality-chip{padding:4px 9px;border-radius:999px;color:var(--ink);font-size:11.5px;font-weight:var(--t-label-wght);white-space:nowrap}.quality-chip--best{background:var(--q-best)}.quality-chip--strong{background:var(--q-strong)}.quality-chip--mid{background:var(--q-mid)}.quality-chip--deep{background:var(--q-deep)}.tracklist{display:grid;gap:2px}.tracklist-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:var(--s-2);align-items:center;padding:var(--s-2) var(--s-3);border-radius:var(--r-s)}.tracklist-row:nth-child(odd){background:var(--zebra)}.tracklist-row--result{grid-template-columns:30px 36px minmax(0,1fr) auto}.tracklist-row__cover,.slot-row__cover{width:36px;height:36px;overflow:hidden;border-radius:5px;background:color-mix(in oklab,currentColor 14%,transparent)}.tracklist-row__num{font-stretch:var(--t-display-wdth);font-weight:var(--t-display-wght);font-size:22px;line-height:1;text-align:center;color:var(--ink-2)}.tracklist-row__text{display:grid;min-width:0}.tracklist-row__text>bdi{font-weight:var(--t-title-wght);font-size:14.5px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracklist-row__text small,.slot-row__text small{display:flex;gap:.3em;white-space:nowrap}.tracklist-row__text small>bdi,.slot-row__text small>bdi{min-width:0;overflow:hidden;text-overflow:ellipsis}.tracklist-row__text small>bdi:first-child,.slot-row__text small>bdi:first-child{flex-shrink:0;max-width:55%}.tracklist-row__text small{font-size:12px;color:var(--ink-2)}.quality-chip--toggle{position:relative;min-height:28px;cursor:pointer}.quality-chip--toggle:after{content:"";position:absolute;inset:-8px -4px}.tracklist-row__best{display:grid;grid-column:1 / -1;grid-template-rows:0fr;transition:grid-template-rows var(--dur-3) var(--ease)}.tracklist-row.is-revealed .tracklist-row__best{grid-template-rows:1fr}.tracklist-row__best>p{display:flex;gap:var(--s-2);flex-wrap:wrap;overflow:hidden;min-height:0;font-size:13px}.tracklist-row.is-revealed .tracklist-row__best>p{padding-block:var(--s-2) var(--s-1)}.tracklist-row__best-tag{font-weight:var(--t-label-wght);color:var(--ink-2)}.app{position:relative;display:flex;flex-direction:column;min-height:var(--app-h, 100dvh);background:var(--paper)}.app--playing,.app:not(.app--setup){height:var(--app-h, 100dvh);overflow:hidden}.app--setup{height:auto;overflow:visible}html:has(.app:not(.app--setup)){overflow:hidden}.game-shell{display:flex;flex:1;flex-direction:column;min-height:0;width:100%;margin-inline:auto}.game-shell:focus{outline:none}.topbar{position:relative;z-index:var(--z-chrome);display:flex;flex:none;gap:var(--s-3);align-items:center;height:var(--chrome-h);padding-block-start:env(safe-area-inset-top,0px);padding-inline:var(--s-4)}.topbar,.game-shell{padding-left:max(var(--pad-left, 0px),env(safe-area-inset-left,0px));padding-right:max(var(--pad-right, 0px),env(safe-area-inset-right,0px))}.topbar{--pad-left: var(--s-4);--pad-right: var(--s-4)}.topbar__mark{display:flex;gap:var(--s-2);align-items:center;margin-inline-end:auto;padding:0;font-size:34px;font-stretch:var(--t-display-wdth);font-weight:850;line-height:1;color:var(--ink);background:none;border-radius:var(--r-s)}.topbar__home{min-height:44px}.brand-mark{flex:none;border-radius:7px}.topbar__progress{display:flex;flex:1;gap:3px;align-items:center;max-width:150px}.topbar__progress i{flex:1;height:8px;border-radius:4px;background:var(--paper-2);transition:background-color var(--dur-3) var(--ease)}.topbar__progress i.is-filled{background:var(--denim)}.topbar__progress i.is-current{background:var(--coral)}@media(min-width:1000px){.topbar{padding-inline:var(--s-6)}}.phase-panel{display:flex;flex:1;flex-direction:column;min-height:0}.app{animation:app-in var(--dur-2) var(--ease) both}@keyframes app-in{0%{opacity:0}}.setup{position:relative;isolation:isolate;display:block;flex:1;min-height:0}.setup__home{display:flex;flex-direction:column;gap:var(--s-4);width:min(100%,480px);margin-inline:auto;padding-inline:var(--s-4);min-height:calc(var(--app-h, 100dvh) - var(--chrome-h))}.setup__home>.hero{margin-block-start:auto}.setup__daily{display:contents}.setup__options{display:grid;gap:var(--s-4);align-content:center;width:min(100%,480px);margin-inline:auto;min-height:calc(var(--app-h, 100dvh) - var(--chrome-h));padding:var(--s-4) var(--s-4) 150px}.hero{flex:none}.cover-wall{position:absolute;z-index:-1;inset-inline:0;inset-block-start:calc(-1 * var(--chrome-h));height:var(--app-h, 100dvh);overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(#000 72%,transparent);mask-image:linear-gradient(#000 72%,transparent)}.cover-wall:after{content:"";position:absolute;inset:0;background:linear-gradient(color-mix(in oklab,var(--paper) 85%,transparent),color-mix(in oklab,var(--paper) 50%,transparent) calc(var(--chrome-h) + var(--s-6)))}.cover-wall__tilt{display:grid;gap:10px;margin-block-start:-40px;transform:rotate(-7deg) scale(1.12);transform-origin:50% 0}.cover-wall__row{display:flex;width:max-content;animation:wall-drift 70s linear infinite}.cover-wall__row:nth-child(2n){animation-direction:reverse;margin-inline-start:-46px}.cover-wall__item{flex:none;width:84px;height:84px;margin-inline-end:10px;overflow:hidden;border-radius:var(--r-s);box-shadow:0 0 0 3px var(--frame);background:var(--denim-2)}.cover-wall__item--coral{background:var(--coral)}.cover-wall__item--butter{background:var(--butter)}.cover-wall.is-offscreen .cover-wall__row{animation-play-state:paused}@keyframes wall-drift{to{transform:translate(calc(-100% / 3))}}.hero__text{display:grid;gap:var(--s-10);justify-items:center;padding-block:var(--s-2);text-align:center}.hero__hook{--hook-edge: oklch(.22 .035 262);--hook-face: oklch(.98 .005 255);--hook-rim: oklch(1 0 0);--hook-side-1: oklch(.34 .04 262);--hook-side-2: oklch(.31 .04 262);--hook-side-3: oklch(.28 .035 262);--hook-side-4: oklch(.25 .035 262);--hook-side-5: oklch(.22 .035 262);font-size:72px;font-stretch:var(--t-display-wdth);font-weight:var(--t-display-wght);line-height:.92;text-wrap:balance;color:var(--hook-face);-webkit-text-stroke:.09em var(--hook-edge);paint-order:stroke fill;transform:perspective(600px) rotateX(12deg);rotate:-4deg;animation:hook-stamp .7s var(--ease) backwards}.hero__hook,.hero__mark{text-shadow:-.012em -.03em 0 var(--hook-rim),.02em .025em 0 var(--hook-side-1),.04em .05em 0 var(--hook-side-2),.06em .075em 0 var(--hook-side-3),.08em .1em 0 var(--hook-side-4),.1em .125em 0 var(--hook-side-5),.12em .15em 0 var(--hook-edge),.135em .17em 0 var(--hook-edge),.2em .3em .35em oklch(0 0 0 / .38)}.hero__mark{--hook-face: oklch(.74 .13 36);--hook-rim: oklch(.9 .07 45);background:none;color:var(--hook-face)}@keyframes hook-stamp{0%{scale:1.18;translate:0 -10px}}.hero__format{max-width:32ch;padding:var(--s-3) var(--s-5);border-radius:12px;background:#121a2b;color:#f9fafc;font-size:16px;font-weight:600;line-height:1.4;text-wrap:balance;rotate:1.5deg;box-shadow:0 0 0 2px #ffffff24,0 10px 20px -8px #0009}.hero__format strong{color:#f18b70;font-weight:800}.hero__flow{display:flex;gap:22px;align-items:stretch;justify-content:center}.hero__flow li{position:relative;display:grid;gap:4px;align-content:center;justify-items:center;min-width:92px;padding:var(--s-3) 10px;border-radius:14px;background:#121a2b;color:#f9fafc;font-size:14px;font-weight:700;line-height:1.15;text-align:center;box-shadow:0 0 0 2px #ffffff24,0 10px 18px -8px #0009;rotate:-3deg}.hero__flow li:nth-child(2){rotate:2deg}.hero__flow li:last-child{background:#f18b70;color:#121a2b;font-weight:800;rotate:-2deg}.hero__flow-arrow{position:absolute;inset-inline-start:-20px;top:50%;translate:0 -50%;color:#f9fafc;filter:drop-shadow(0 1px 2px oklch(0 0 0 / .8))}.step-head{display:grid;gap:var(--s-1);margin-block-end:var(--s-4);text-align:center}.step-head__step{font-size:14px;font-weight:700;color:var(--ink-2)}.step-head__title{font-size:56px;font-stretch:var(--t-display-wdth);font-weight:var(--t-display-wght);line-height:1;text-wrap:balance}.vote-cta{display:flex;gap:var(--s-3);align-items:center;justify-content:space-between;flex:none;width:min(100%,480px);min-height:60px;margin:var(--s-2) auto 0;padding-block:var(--s-2);padding-inline:var(--s-5) var(--s-2);border-radius:999px;background:var(--butter);color:var(--on-accent);text-align:start;transition:background-color var(--dur-2) var(--ease),transform var(--dur-1) var(--ease)}.vote-cta__text{display:grid;gap:2px}.vote-cta b{font-size:18px;font-weight:700}.vote-cta small{font-size:13.5px;opacity:.8}.vote-cta:active:not(:disabled){transform:translateY(1px)}@media(hover:hover){.vote-cta:hover:not(:disabled){background:color-mix(in oklab,var(--butter) 85%,var(--ink))}}@media(min-width:1200px){.vote-cta{position:fixed;z-index:var(--z-chrome);bottom:var(--s-6);left:var(--s-6);width:auto;min-height:80px;margin:0;padding-block:var(--s-4);padding-inline:var(--s-6) var(--s-4);border-radius:999px;box-shadow:0 0 0 3px var(--frame)}.vote-cta b{font-size:24px}}.vote__lede{font-size:15.5px;line-height:1.45;color:var(--ink-2);text-wrap:balance}.vote__artist{display:flex;gap:var(--s-4);align-items:center;padding:var(--s-4);background:var(--denim);color:var(--on-denim)}.vote__cover{flex:none;width:84px;height:84px;overflow:hidden;border-radius:var(--r-s);box-shadow:0 0 0 3px var(--frame)}.vote__count{font-size:13px;font-weight:var(--t-label-wght);opacity:.85}.vote__name{font-size:30px;font-stretch:var(--t-head-wdth);font-weight:var(--t-head-wght);line-height:1.1}@property --share{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.vote .genre-row.vote__option{--fill: color-mix(in oklab, var(--denim) 30%, var(--paper-2));background-image:linear-gradient(to left,var(--fill) var(--share),transparent var(--share));transition:background-color var(--dur-2) var(--ease),--share var(--dur-3) var(--ease)}.vote .genre-row.vote__option.is-selected{--fill: var(--denim-2)}.vote__total{margin-block-start:calc(-1 * var(--s-2));font-size:13px;color:var(--ink-2);text-align:center}.vote__nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}.vote__jump{display:flex;flex-wrap:wrap;gap:var(--s-2);justify-content:center;padding:0;list-style:none}.vote__chip{display:flex;gap:6px;align-items:baseline;min-height:36px;padding:6px 12px;border-radius:999px;background:var(--paper-2);color:var(--ink);font-size:14px;font-weight:var(--t-title-wght)}.vote__chip small{font-size:12px;color:var(--ink-2)}.vote__chip.is-done{background:var(--butter)}.vote__chip.is-done small{color:var(--on-accent)}.vote__chip.is-current{background:var(--denim);color:var(--on-denim)}.vote__chip.is-current small{color:inherit;opacity:.85}.daily-tile{flex:none;padding:var(--s-5);background:var(--daily-bg);color:var(--daily-ink);display:grid;gap:var(--s-2);align-content:start;text-align:center}.daily-tile__head{display:grid;gap:var(--s-1);justify-items:center;font-size:34px;font-stretch:var(--t-head-wdth);font-weight:var(--t-head-wght);line-height:1.1}.daily-tile__head small{font-size:15px;font-stretch:100%;font-weight:var(--t-label-wght);opacity:.72;white-space:nowrap}.daily-tile__body{font-size:18px;text-wrap:pretty;line-height:1.45;opacity:.92}.daily-tile__body strong{font-weight:700;opacity:1}.slot-strip{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;margin-block:var(--s-1)}.slot-strip li{aspect-ratio:1;overflow:hidden;border-radius:5px;background:color-mix(in oklab,currentColor 14%,transparent)}.slot-strip li.is-current{background:var(--coral)}.slot-strip--grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s-2);justify-self:center;width:min(100%,420px)}.slot-strip--grid li{border-radius:var(--r-s)}.daily-grid{font-size:19px;line-height:1.25;letter-spacing:.06em;text-align:center;white-space:pre}.daily-tile__par{font-size:13.5px}.daily-tile__par strong{font-weight:700}.daily-tile__par span{opacity:.75}.daily-tile__actions{display:flex;gap:var(--s-4);flex-wrap:wrap;align-items:center;justify-content:center}.daily-tile .tracklist{text-align:start}.daily-tile__actions .btn{color:inherit}.daily-tile__next{font-size:13px;opacity:.75}.daily-recap-fold{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-3) var(--ease)}.daily-tile .daily-recap-fold>*{overflow:hidden;min-height:0}.daily-recap-fold:not([aria-hidden=true]){grid-template-rows:1fr}.tracklist--daily .tracklist-row:nth-child(odd){background:#fff6}@media(prefers-color-scheme:dark){.tracklist--daily .tracklist-row:nth-child(odd){background:#ffffff12}}.tracklist--daily .tracklist-row__num,.tracklist--daily .tracklist-row__text small{color:inherit;opacity:.7}.cta-dock{display:grid;gap:var(--s-2);padding:var(--s-3) var(--s-4) var(--s-5)}.cta-dock--home{margin-block-end:auto;padding-inline:0}.cta-dock__row{position:relative;display:grid}.daily-help-btn{position:absolute;inset-block:0;inset-inline-start:14px;display:grid;place-items:center;width:28px;height:28px;margin-block:auto;border-radius:50%;box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--on-accent) 45%,transparent);color:var(--on-accent);font-size:16px;font-weight:700;line-height:1;transition:background-color var(--dur-2) var(--ease)}.daily-help-btn:before{content:"";position:absolute;inset:-8px}.daily-help-btn:active{background:color-mix(in oklab,var(--on-accent) 14%,transparent)}@media(hover:hover){.daily-help-btn:hover{background:color-mix(in oklab,var(--on-accent) 14%,transparent)}}.daily-help{width:min(100% - 2 * var(--s-4),400px);margin:auto;padding:var(--s-6);border:0;border-radius:var(--r-l);background:var(--daily-bg);color:var(--daily-ink);text-align:center;box-shadow:0 16px 40px -12px #00000073}.daily-help:popover-open{display:grid;gap:var(--s-4)}.daily-help::backdrop{background:#00000073}.daily-help__body{font-size:18px;line-height:1.45;text-wrap:pretty}.daily-help__body strong{font-weight:700}.cta-dock .btn{min-height:60px;font-size:20px}.cta-dock--options{position:fixed;z-index:var(--z-sticky);inset-block-end:0;inset-inline:0;width:min(100%,480px);margin-inline:auto;padding-block-end:max(var(--s-5),env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--paper) 18%)}@media(max-width:999px)and (max-height:620px){.setup__home{gap:var(--s-3)}.hero__hook{font-size:46px}.hero__text{gap:var(--s-6)}.hero__flow li{padding-block:var(--s-2)}.daily-tile{padding:var(--s-4)}.daily-tile__head{font-size:26px}.daily-tile__body{font-size:16px}.daily-tile .slot-strip{display:none}.cta-dock--home{padding-block-start:var(--s-1)}}@media(max-height:520px)and (min-width:560px){.setup__home{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:var(--s-3) var(--s-4);width:min(100%,880px)}.setup__home>.hero{margin-block-start:0}.vote-cta{grid-column:1 / -1;grid-row:1}.hero{grid-column:1;grid-row:2}.hero__text{gap:var(--s-3)}.hero__hook{font-size:38px}.daily-tile{grid-column:2;grid-row:2 / span 2;align-self:center}.cta-dock--home{grid-column:1;grid-row:3;padding-block:0 var(--s-3)}.setup__home:not(:has(.daily-tile)) .cta-dock--home{grid-column:2;grid-row:2;align-self:center;padding-block:0}.cta-dock--home .btn{min-height:48px}}.cta-dock__note{font-size:13.5px;font-weight:var(--t-label-wght);color:var(--ink-2);text-align:center}.mode-grid{display:grid;gap:var(--s-3)}.mode-tile{display:grid;gap:var(--s-2);place-content:center;min-height:128px;padding:var(--s-5) var(--s-6);border-radius:var(--r-l);background:var(--paper-2);color:var(--ink);text-align:center;transition:background-color var(--dur-2) var(--ease)}.mode-tile__icon{justify-self:center;width:36px;height:36px}.mode-tile b{font-size:40px;font-stretch:var(--t-display-wdth);font-weight:var(--t-display-wght);line-height:1}.mode-tile span{font-size:17px;line-height:1.4;color:var(--ink-2)}.mode-tile.is-selected{background:var(--coral);color:var(--on-accent)}.mode-tile.is-selected span{color:var(--on-accent);opacity:.82}@media(hover:hover){.mode-tile:not(.is-selected):hover{background:var(--sky)}}.genre-list{display:grid;gap:var(--s-2) 0}.genre-row{display:flex;gap:var(--s-3);align-items:center;width:100%;min-height:64px;padding-inline:var(--s-5);border-radius:var(--r-m);background:var(--paper-2);color:var(--ink);text-align:start;transition:background-color var(--dur-2) var(--ease)}.genre-row b{margin-inline-end:auto;font-size:30px;font-stretch:var(--t-display-wdth);font-weight:var(--t-display-wght);line-height:1}.genre-row__marker{flex:none;width:0;height:18px;border-radius:4px;background:var(--butter);transition:width var(--dur-2) var(--ease)}.genre-row.is-selected{background:var(--denim);color:var(--on-denim)}.genre-row .pill{font-size:14px}.genre-row.is-selected .genre-row__marker{width:18px}.genre-row.is-selected .pill{background:#ffffff29;color:var(--on-denim)}@media(hover:hover){.genre-row:not(.is-selected):hover{background:var(--sky)}}@media(min-width:1000px){.setup{display:grid;grid-template-columns:minmax(0,1fr);min-height:0;padding:0 var(--s-4) var(--s-4)}.setup__home{justify-content:center;width:min(100%,1120px);padding-inline:0}.setup__home .daily-tile,.setup__home .cta-dock{align-self:center;width:min(100%,600px)}.step-head__title{font-size:76px}.cover-wall__item{width:112px;height:112px;margin-inline-end:14px;box-shadow:0 0 0 4px var(--frame)}.cover-wall__tilt{gap:14px;margin-block-start:-60px}.hero__hook{font-size:100px}.hero__format{max-width:none;font-size:19px}.hero__flow li{min-width:124px;padding:var(--s-4) var(--s-3);font-size:16px}.daily-tile{padding:var(--s-8)}.daily-tile__head{font-size:40px}.daily-tile__body{font-size:19px}.cta-dock .btn{min-height:68px;font-size:21px}.cta-dock{padding:var(--s-4) 0 0;background:none}.setup__home>.hero{margin-block-start:0}.cta-dock--home{margin:0}.cta-dock--options{position:static;width:auto;margin-inline:0;padding-block-end:0}.setup__options{justify-self:center;width:min(100%,600px);min-height:calc(var(--app-h, 100dvh) - var(--chrome-h) - var(--s-4));padding:var(--s-6) 0 var(--s-14)}}.topbar__back{display:flex;gap:2px;align-items:center;min-height:44px;margin-inline-end:var(--s-2);padding:0;color:var(--ink-2);font-size:15px;font-weight:var(--t-title-wght)}[dir=rtl] .icon--dir{transform:scaleX(-1)}.topbar__back+.topbar__mark{position:absolute;inset-inline:0;width:max-content;margin-inline:auto}.topbar__back~.sound-toggle{margin-inline-start:auto}.topbar{view-transition-name:topbar}.topbar__mark{view-transition-name:wordmark}::view-transition-old(root){animation:step-out var(--dur-1) var(--ease) both}::view-transition-new(root){animation:step-in var(--dur-4) var(--ease) both}@keyframes step-out{to{opacity:0;transform:translate(calc(var(--nav, 1) * var(--dir) * -24px))}}@keyframes step-in{0%{opacity:0;transform:translate(calc(var(--nav, 1) * var(--dir) * 48px))}}.pick{display:grid;flex:1;grid-template-rows:auto minmax(0,1fr);gap:var(--s-2);min-height:0;position:relative}.album-tile{display:grid;grid-template-columns:112px minmax(0,1fr);gap:var(--s-4);align-items:center;margin-inline:var(--s-3);padding:var(--s-4);background:var(--denim);color:var(--on-denim)}.album-tile__art{width:112px;height:112px}.paste-up{position:relative;width:100%;height:100%}.paste-up__sheet{--rot: 0deg;--x: 0px;--y: 0px;position:absolute;inset:0;display:block;overflow:hidden;border-radius:var(--r-s);box-shadow:0 0 0 4px var(--frame);transform:rotate(var(--rot)) translate(var(--x),var(--y))}.album-cover-wrap{position:relative;width:100%;height:100%}.album-cover{width:100%;height:100%;object-fit:cover}.album-cover--pending{opacity:0}.album-cover--ready{opacity:1;transition:opacity var(--dur-2) var(--ease)}.album-cover--skeleton{position:absolute;inset:0;background:var(--paper-2)}.album-cover--fallback{width:100%;height:100%;background:var(--paper-2)}.album-cover-skeleton-sheen{display:none}.paste-up__sheet--askew{animation:sheet-drop .22s cubic-bezier(.2,.8,.3,1) both}.paste-up__sheet--landed{animation:sheet-land .38s cubic-bezier(.2,.8,.3,1) both}.paste-up__sheet{backface-visibility:hidden}@keyframes sheet-drop{0%{opacity:0;transform:rotate(calc(var(--rot) * 2)) translate(var(--x),calc(var(--y) - 16px)) scale(1.05)}35%{opacity:1}}@keyframes sheet-land{0%{opacity:0;transform:scale(1.1)}25%{opacity:1}55%{transform:scale(.985)}to{transform:none}}.album-tile__meta{display:grid;gap:2px;min-width:0}.album-tile__slot{font-size:13.5px;font-weight:700;color:var(--butter)}.album-tile__drawing{font-size:20px;font-stretch:var(--t-head-wdth);font-weight:var(--t-head-wght);line-height:1.1}.album-tile__title{font-size:40px;font-stretch:var(--t-display-wdth);font-weight:var(--t-display-wght);line-height:.98;text-wrap:balance}.album-tile__by{font-size:14px;opacity:.9}.respin-btn{display:flex;gap:var(--s-2);align-items:center;justify-self:start;min-height:44px;margin-block-start:var(--s-2);padding-inline:var(--s-3);border-radius:999px;background:#ffffff29;color:var(--on-denim);font-size:13.5px;font-weight:var(--t-title-wght)}@media(hover:hover){.respin-btn:hover{background:#ffffff42}}.track-list{display:grid;gap:var(--s-1) 0;align-content:start;overflow-y:auto;overscroll-behavior:contain;padding:0 var(--s-3) 120px}.pick--pick .track-list{animation:tracks-in var(--dur-3) var(--ease) .24s both}.pick--pick .album-tile__meta{animation:tracks-in var(--dur-3) var(--ease) .15s both}.draw-stage{position:absolute;z-index:calc(var(--z-sheet) + 1);inset:0;display:grid;align-content:center;justify-items:center;gap:var(--s-5);padding:var(--s-6) var(--s-4) var(--s-10);background:var(--paper);text-align:center}.draw-stage__slot{font-size:15px;font-weight:700;color:var(--ink-2)}.draw-stage__art{width:min(72vw,300px);aspect-ratio:1}.draw-stage .paste-up__sheet{box-shadow:0 0 0 6px var(--frame)}.draw-stage__meta{display:grid;gap:var(--s-2);justify-items:center;align-content:start;min-height:118px;max-width:min(100%,560px)}.draw-stage__drawing{font-size:22px;font-stretch:var(--t-head-wdth);font-weight:var(--t-head-wght);color:var(--ink-2)}.draw-stage__title{font-size:40px;font-stretch:var(--t-display-wdth);font-weight:var(--t-display-wght);line-height:.98;text-wrap:balance;animation:tracks-in var(--dur-3) var(--ease) both}.draw-stage__by{font-size:18px;color:var(--ink-2);animation:tracks-in var(--dur-3) var(--ease) 90ms both}.album-tile__art-inner{width:100%;height:100%}.album-tile .paste-up__sheet--landed{animation:none}@keyframes tracks-in{0%{opacity:0;transform:translateY(6px)}}.pick-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s-3);align-items:center;width:100%;min-height:60px;padding:var(--s-2) var(--s-4);border-radius:var(--r-m);background:var(--paper-2);color:var(--ink);text-align:start;transition:background-color var(--dur-2) var(--ease),color var(--dur-2) var(--ease)}.pick-row__text{display:grid;gap:1px;min-width:0}.pick-row__text>bdi{font-size:17px;font-weight:var(--t-title-wght);line-height:1.25;text-wrap:balance}.pick-row__text small{font-size:12.5px;color:var(--ink-2)}.pick-row__single{display:inline-block;width:7px;height:7px;margin-inline-end:6px;border-radius:2px;background:var(--coral);vertical-align:middle}.pick-row__rating{min-width:36px;font-size:32px;font-stretch:var(--t-display-wdth);font-weight:var(--t-display-wght);line-height:1;text-align:end}@media(hover:hover){.pick-row:hover{background:var(--hover-bg);color:var(--hover-ink)}.pick-row:hover .pick-row__text small{color:inherit;opacity:.75}}.pick-row.is-picked,.pick-row.is-picked:hover{background:var(--coral);color:var(--on-accent)}.pick-row.is-picked .pick-row__text small{color:inherit;opacity:.8}.album-rail{position:absolute;z-index:var(--z-sheet);inset-block-end:0;inset-inline:0;padding:var(--s-2) var(--s-4) var(--s-4);padding-block-end:max(var(--s-4),env(safe-area-inset-bottom));border-start-start-radius:var(--r-l);border-start-end-radius:var(--r-l);background:var(--sheet-bg);color:var(--sheet-fg)}.album-rail__handle{display:grid;gap:var(--s-2);width:100%;min-height:44px;padding:0;color:inherit}.album-rail__grip{justify-self:center;width:28px;height:14px;opacity:.5;transition:rotate var(--dur-3) var(--ease)}.album-rail.is-open .album-rail__grip{rotate:180deg}.album-rail__heading{display:flex;gap:var(--s-2);align-items:baseline;justify-content:space-between;font-size:21px;font-stretch:var(--t-head-wdth);font-weight:var(--t-head-wght);line-height:1}.album-rail__heading b{font-size:13.5px;font-stretch:100%;font-weight:var(--t-title-wght);opacity:.8}.album-rail__mini{display:flex;gap:var(--s-1);margin-block-start:var(--s-2)}.album-rail__mini i{flex:1;height:8px;border-radius:4px;background:#ffffff29}.album-rail__mini i.is-filled{background:var(--mini-fill)}.album-rail__mini i.is-current{background:var(--coral)}.album-rail__fold{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-3) var(--ease)}.album-rail.is-open .album-rail__fold{grid-template-rows:1fr}.album-rail__fold>*{overflow:hidden;min-height:0}.slot-list{display:grid;gap:var(--s-1);margin-block-start:var(--s-3);max-height:46dvh;overflow-y:auto}.slot-row{display:grid;grid-template-columns:34px 36px minmax(0,1fr);gap:var(--s-3);align-items:center;min-height:46px;padding:var(--s-1) var(--s-2);border-radius:var(--r-s)}.slot-row__num{font-size:24px;font-stretch:var(--t-display-wdth);font-weight:var(--t-display-wght);line-height:1;text-align:center;opacity:.8}.slot-row__text{display:grid;min-width:0}.slot-row__text>bdi,.slot-row--current .slot-row__text{font-size:14.5px;font-weight:var(--t-title-wght);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-row__text small{font-size:12px;opacity:.7}.slot-row--current{background:var(--coral);color:var(--on-accent)}.slot-row--current .slot-row__num{opacity:1}.slot-row--empty .slot-row__text{width:70%;height:10px;border-radius:5px;background:#ffffff12}@media(max-height:520px)and (min-width:560px){.pick{--tile-col: 44%;grid-template-columns:var(--tile-col) minmax(0,1fr);grid-template-rows:minmax(0,1fr);column-gap:var(--s-3)}.album-tile{grid-template-columns:88px minmax(0,1fr);gap:var(--s-3);align-self:start;margin-inline:var(--s-3) 0;padding:var(--s-3)}.album-tile__art{width:88px;height:88px}.album-tile__title{font-size:26px}.respin-btn{margin-block-start:var(--s-1)}.track-list{padding:0 0 var(--s-3);padding-inline-end:var(--s-3)}.album-rail{inset-inline-end:auto;width:calc(var(--tile-col) + var(--s-3))}.slot-list{max-height:52dvh}}@media(max-width:640px)and (max-height:620px){.album-tile{grid-template-columns:88px minmax(0,1fr);gap:var(--s-3);padding:var(--s-3)}.album-tile__art{width:88px;height:88px}.album-tile__title{font-size:28px}.respin-btn{margin-block-start:var(--s-1)}.pick-row{min-height:52px}}@media(max-height:620px){.draw-stage{gap:var(--s-2);padding-block:var(--s-3)}.draw-stage__art{width:min(72vw,300px,40dvh)}.draw-stage__meta{min-height:76px}.draw-stage__title{font-size:30px}}@media(min-width:1000px){.pick{grid-template-rows:minmax(0,1fr);grid-template-columns:430px minmax(0,1fr) 380px;gap:var(--s-4);padding:0 var(--s-4) var(--s-4)}.album-tile{grid-template-columns:minmax(0,1fr);gap:var(--s-6);align-content:start;align-items:start;margin:0;padding:var(--s-8)}.album-tile__art{width:300px;height:300px;max-width:100%}.paste-up__sheet{box-shadow:0 0 0 8px var(--frame)}.album-tile__title{font-size:84px}.draw-stage__art{width:380px}.draw-stage .paste-up__sheet{box-shadow:0 0 0 8px var(--frame)}.draw-stage__title{font-size:64px}.draw-stage__by{font-size:20px}.album-tile__drawing{font-size:32px}.album-tile__by{font-size:17px}.track-list{padding:0}.pick-row{min-height:66px;padding-inline:var(--s-6)}.pick-row__text>bdi{font-size:19px}.album-rail{position:static;display:flex;flex-direction:column;padding:var(--s-6) var(--s-4);border-radius:var(--r-xl);background:var(--paper-2);color:var(--ink);overflow:hidden}.album-rail__fold{flex:1;min-height:0}.album-rail__fold>.slot-list{overflow-y:auto}.album-rail__handle{cursor:default;pointer-events:none}.album-rail__grip,.album-rail__mini{display:none}.album-rail__heading{padding-inline:var(--s-2);font-size:30px}.album-rail__heading b{color:var(--ink-2);opacity:1}.album-rail__fold{grid-template-rows:1fr}.slot-list{max-height:none}.slot-row:nth-child(odd){background:var(--zebra)}.slot-row__num,.slot-row__text small{color:var(--ink-2);opacity:1}.slot-row--current,.slot-row--current:nth-child(odd){background:var(--coral);color:var(--on-accent)}.slot-row--current .slot-row__num,.slot-row--current .slot-row__text small{color:var(--on-accent)}.slot-row--empty .slot-row__text{background:var(--ghost)}}@media(min-width:1000px)and (max-height:760px){.album-tile{gap:var(--s-4);padding:var(--s-6)}.album-tile__art{width:min(300px,32dvh);height:min(300px,32dvh)}.album-tile__title{font-size:60px}.draw-stage__art{width:min(380px,48dvh)}.draw-stage__title{font-size:48px}}.result{display:grid;flex:1;grid-auto-rows:max-content;gap:var(--s-2);align-content:start;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 var(--s-3) 110px}.result[data-tier=miss]{--tier: var(--tier-miss)}.result[data-tier=bubble]{--tier: var(--tier-bubble)}.result[data-tier=chart]{--tier: var(--tier-chart)}.result[data-tier=top40]{--tier: var(--tier-top40)}.result[data-tier=top10]{--tier: var(--tier-top10)}.result[data-tier=one]{--tier: var(--tier-one)}@media(prefers-color-scheme:dark){.result[data-tier=miss],.result[data-tier=bubble],.result[data-tier=chart]{--tier-ink: var(--ink);--hash-ink: var(--denim-2)}}.score-tile{container-type:inline-size;height:340px;padding:var(--s-5);background:var(--tier, var(--coral));color:var(--tier-ink, var(--on-accent))}.score-tile__kicker{font-size:14.5px;font-weight:650}.score-tile__badges{display:flex;gap:var(--s-1);flex-wrap:wrap;margin-block-start:var(--s-2)}.badge{padding:4px 10px;border-radius:999px;background:color-mix(in oklab,currentColor 12%,transparent);color:inherit;font-size:12px;font-weight:var(--t-label-wght)}.score-tile__num{--num-max: 300px;position:absolute;right:var(--s-3);bottom:-.135em;display:flex;align-items:flex-end;direction:ltr;font-size:min(var(--num-max),calc((100cqi + 2 * var(--s-5) - 2 * var(--s-3)) / (.475 * var(--digits, 3) + .2)));font-stretch:var(--t-display-wdth);font-weight:900;line-height:1;letter-spacing:-.02em}.score-tile__num small{margin-block-end:.91em;margin-inline-end:.055em;font-size:.367em;color:var(--hash-ink, var(--denim))}.result[data-tier=one] .score-tile__num{color:var(--coral)}.score-tile__wipe{position:absolute;inset:0;background:var(--denim);transform-origin:var(--wipe-from, left);animation:print-wipe var(--dur-4) var(--ease-out) both}[dir=rtl] .score-tile__wipe{--wipe-from: right}@keyframes print-wipe{to{transform:scaleX(0)}}.score-tile__num{animation:num-rise var(--dur-5) var(--ease) .38s both}@keyframes num-rise{0%{opacity:0;transform:translateY(24px)}}.tier-band,.lead-tile,.cert-tile,.daily-result-tile,.compare-tile,.tracklist-tile,.result-actions,.result-dock,.result-after{animation:tile-up var(--dur-4) var(--ease-out) both;animation-delay:calc(.6s + var(--i, 0) * 70ms)}@keyframes tile-up{0%{opacity:0;transform:translateY(8px)}}.tier-band{display:flex;gap:var(--s-3);align-items:center;justify-content:space-between;flex-wrap:wrap;padding:var(--s-4) var(--s-5);background:var(--ink);color:var(--paper)}.tier-band b{font-size:30px;font-stretch:var(--t-head-wdth);font-weight:var(--t-head-wght);line-height:1}.tier-band span{font-size:13px;font-weight:var(--t-label-wght);opacity:.85}.lead-tile{padding:var(--s-4) var(--s-5);background:var(--paper-2)}.lead-tile__label{font-size:13px;font-weight:var(--t-label-wght);color:var(--ink-2)}.lead-tile h3{margin-block-start:2px;font-size:38px;font-stretch:var(--t-display-wdth);font-weight:var(--t-display-wght);line-height:1.02}.lead-tile__by{font-size:15px}.cert-tile{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s-4);align-items:center;padding:var(--s-4);background:var(--paper-2)}.cert-seal{display:grid;place-content:center;width:96px;height:96px;padding:var(--s-2);border-radius:18px;background:var(--butter);color:var(--on-accent);text-align:center}.cert-seal b{font-size:24px;font-stretch:var(--t-display-wdth);font-weight:var(--t-display-wght);line-height:1}.cert-seal small{font-size:11px;font-weight:var(--t-label-wght);opacity:.72}.cert-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2) var(--s-3)}.cert-stats div{display:grid}.cert-stats b{font-size:26px;font-stretch:var(--t-display-wdth);font-weight:var(--t-display-wght);line-height:1}.cert-stats small{font-size:12px;color:var(--ink-2)}.cert-tile__note{grid-column:1 / -1;font-size:13px;color:var(--ink-2)}.daily-result-tile{display:grid;gap:var(--s-2);padding:var(--s-4) var(--s-5);background:var(--daily-bg);color:var(--daily-ink)}.tracklist-tile{padding:var(--s-2);background:var(--paper-2)}.compare-tile{display:grid;gap:var(--s-3);padding:var(--s-4) var(--s-5);background:var(--paper-2)}.compare-tile__label{font-size:13px;font-weight:var(--t-label-wght);color:var(--ink-2)}.compare-tile__scores{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}.compare-side{display:grid;gap:2px;padding:var(--s-3);border-radius:var(--r-m);background:var(--paper)}.compare-side__who{font-size:12px;font-weight:var(--t-label-wght);color:var(--ink-2)}.compare-side__score{font-size:40px;font-stretch:var(--t-display-wdth);font-weight:var(--t-display-wght);line-height:1}.compare-side__tier{font-size:13px;color:var(--ink-2)}.compare-tile__verdict{font-size:17px;font-stretch:var(--t-head-wdth);font-weight:var(--t-head-wght)}.compare-list{display:grid;gap:var(--s-2)}.compare-row{display:grid;gap:var(--s-1);padding-block-start:var(--s-2);border-block-start:1px solid var(--line)}.compare-row__album{display:flex;gap:var(--s-2);font-size:12.5px;color:var(--ink-2)}.compare-row__num{font-weight:var(--t-label-wght)}.compare-row__picks{display:grid;gap:var(--s-1)}.compare-pick{display:flex;gap:var(--s-2);align-items:center;flex-wrap:wrap;padding:var(--s-1) var(--s-2);border-radius:var(--r-s);font-size:14px}.compare-pick__who{min-width:34px;font-size:12px;font-weight:var(--t-label-wght);color:var(--ink-2)}.compare-pick bdi{flex:1;min-width:0;font-weight:var(--t-title-wght)}.compare-pick.is-won{background:var(--mint);color:var(--ink)}.compare-pick.is-won .compare-pick__who{color:inherit}.result-actions{display:contents}.result-dock{position:fixed;z-index:var(--z-sticky);inset-block-end:0;inset-inline:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2);padding:var(--s-4) var(--s-4) var(--s-5);padding-block-end:max(var(--s-5),env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--paper) 22%)}.result-dock .btn{padding-inline:var(--s-3);white-space:nowrap}.result-dock .share-status{position:absolute;inset-block-start:0;inset-inline:0}.result-actions__wide{grid-column:1 / -1}.share-whatsapp{background:#25d366;color:#0b141a}.btn-replay{min-height:64px;background:var(--denim);color:var(--on-denim);font-size:20px;box-shadow:0 10px 24px -12px color-mix(in oklab,var(--denim) 90%,transparent)}.btn-replay .btn__go{transition:transform var(--dur-2) var(--ease-out)}@media(hover:hover){.btn-replay:hover .btn__go{transform:scale(1.12)}}.share-card-host{position:fixed;inset-block-start:0;inset-inline-start:0;width:540px;pointer-events:none;transform:translate(-200vw)}.share-status{font-size:13px;color:var(--ink-2);text-align:center;opacity:0;transition:opacity var(--dur-2) var(--ease)}.share-status.is-visible{opacity:1}.result-after{display:grid;gap:var(--s-4);margin-block-start:var(--s-4)}.result-nav{display:flex;gap:var(--s-5);justify-content:center;font-size:14px;font-weight:var(--t-label-wght)}.result-nav a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:var(--ink-2);text-underline-offset:4px}@media(min-width:1000px){.result{grid-template-columns:540px minmax(0,1fr) 420px;grid-template-rows:repeat(7,max-content) minmax(0,1fr);gap:var(--s-4);padding:0 var(--s-4) var(--s-4)}.score-tile{grid-column:1;grid-row:1 / -1;height:auto}.score-tile__num{--num-max: 520px}.score-tile__num small{margin-block-end:1em;font-size:.327em}.tracklist-tile{grid-column:3;grid-row:1 / -1;overflow-y:auto}.result>:not(.score-tile):not(.tracklist-tile){grid-column:2}.lead-tile h3{font-size:60px}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2);align-self:start}.result-dock{display:contents}.result-dock .share-status{position:static}}.share-card{color-scheme:light;display:grid;grid-template-rows:290px auto minmax(0,1fr) auto;gap:8px;width:540px;height:675px;padding:14px;background:#f5f7f9;color:#222b3d;font-family:Noto Sans Hebrew,system-ui,sans-serif;font-size:15px;line-height:1.4}.share-card__score{position:relative;overflow:hidden;padding:16px 18px;border-radius:20px;background:var(--share-tier, #f18b70)}.share-card__kicker{font-size:13.5px;font-weight:650}.share-card__square{position:absolute;top:16px;inset-inline-end:18px;width:60px;height:60px;border-radius:14px;background:#3e649c}.share-card__num{position:absolute;right:14px;bottom:-44px;display:flex;align-items:flex-end;direction:ltr;font-size:300px;font-stretch:62.5%;font-weight:900;line-height:1;letter-spacing:-.02em}.share-card__num small{margin-bottom:100px;margin-inline-end:6px;font-size:104px;color:#3e649c}.share-card[data-tier=one] .share-card__num{color:#f18b70}.share-card__mid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px}.share-card__tier{display:grid;align-content:center;padding:12px 16px;border-radius:16px;background:#222b3d;color:#f5f7f9}.share-card__tier b{font-size:24px;font-stretch:75%;font-weight:800;line-height:1;white-space:nowrap}.share-card__tier small{margin-top:4px;font-size:11.5px;font-weight:600;opacity:.8}.share-card__lead{display:grid;align-content:center;min-width:0;padding:10px 16px;border-radius:16px;background:#f1edb3}.share-card__lead small{font-size:11.5px;font-weight:600;opacity:.72}.share-card__lead b{font-size:28px;font-stretch:62.5%;font-weight:850;line-height:1}.share-card__lead b>bdi{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.share-card__tracks{display:grid;grid-auto-flow:column;grid-template-rows:repeat(6,auto);gap:4px 14px;align-content:center;padding:14px 16px;border-radius:16px;background:#e8edf4;font-size:12.5px}.share-card__tracks li{display:flex;gap:6px;align-items:center;min-width:0;padding-block:1px;line-height:1.4}.share-card__num-sm{flex:none;width:16px;font-size:14px;font-stretch:62.5%;font-weight:850;line-height:1.4;color:#535b69}.share-card__tracks bdi{overflow:hidden;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.share-card__foot{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:2px 4px}.share-card__foot b{font-size:30px;font-stretch:62.5%;font-weight:850;line-height:1}.share-card__url{font-size:12.5px;font-weight:600;color:#535b69}.share-card__chip{flex:none;display:grid;place-items:center;width:26px;height:26px;overflow:hidden;border-radius:5px;background:#d5dde8}.share-card__chip img{width:26px;height:26px;object-fit:cover}.share-card__chip i{font-size:9px;font-style:normal;font-weight:700;color:#535b69}.confirm-overlay,.rewarded-ad-root,.consent-fallback-root,.share-save-preview{position:fixed;z-index:var(--z-modal);inset:0;display:grid;place-items:center;padding:var(--s-4);background:#222b3d6b;animation:scrim-in var(--dur-2) var(--ease) both}@media(prefers-color-scheme:dark){.confirm-overlay,.rewarded-ad-root,.consent-fallback-root,.share-save-preview{background:#0203069e}}@keyframes scrim-in{0%{opacity:0}}.confirm-overlay.is-closing{opacity:0;transition:opacity var(--dur-2) var(--ease)}.rewarded-ad-backdrop,.consent-fallback-backdrop{position:absolute;inset:0;background:none;cursor:default}.confirm-dialog,.rewarded-ad-panel,.consent-fallback-panel{position:relative;display:grid;gap:var(--s-3);width:min(420px,100%);padding:var(--s-6);border:1px solid var(--line);border-radius:var(--r-l);background:var(--paper);color:var(--ink);animation:panel-in var(--dur-3) var(--ease) both}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}}.confirm-title,.rewarded-ad-title,.consent-fallback-title{font-size:25px;font-stretch:var(--t-head-wdth);font-weight:var(--t-head-wght);line-height:1.1}.confirm-body,.rewarded-ad-copy,.consent-fallback-copy{font-size:15px;line-height:1.45;color:var(--ink-2)}.rewarded-ad-kicker,.consent-fallback-kicker{font-size:12px;font-weight:var(--t-label-wght);color:var(--ink-2)}.confirm-actions,.rewarded-ad-actions,.consent-fallback-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2);margin-block-start:var(--s-1)}.rewarded-ad-actions,.consent-fallback-actions{grid-template-columns:minmax(0,1fr)}.rewarded-ad-stage{display:grid;place-items:center;min-height:120px;border-radius:var(--r-m);background:var(--paper-2)}.rewarded-ad-mock-label{font-size:13px;font-weight:var(--t-label-wght);color:var(--ink-2)}.rewarded-ad-timer{font-size:13px;color:var(--ink-2);text-align:center}.share-save-preview{align-content:center;gap:var(--s-4);grid-auto-flow:row}.share-save-preview__hint{max-width:min(360px,84vw);padding:var(--s-3) var(--s-4);border:1px solid var(--line);border-radius:var(--r-m);background:var(--paper);color:var(--ink);font-size:15px;font-weight:var(--t-label-wght);text-align:center;text-wrap:balance}.share-save-preview__img{max-width:min(360px,84vw);max-height:64dvh;border-radius:var(--r-m)}.n1d-ad{display:grid;gap:var(--s-1);padding:var(--s-3);border-radius:var(--r-m);background:var(--paper-2)}.n1d-ad-label{font-size:11px;font-weight:var(--t-label-wght);color:var(--ink-2)}.site-footer{display:grid;gap:var(--s-3);padding:var(--s-8) var(--s-4) var(--s-6);border-block-start:1px solid var(--line)}.site-footer-nav{display:flex;gap:var(--s-2) var(--s-5);flex-wrap:wrap;align-items:center}.site-footer-nav a,.site-footer-consent{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--ink-2);font-size:14px;font-weight:var(--t-label-wght);text-decoration:none}@media(hover:hover){.site-footer-nav a:hover,.site-footer-consent:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}}.site-footer-note{max-width:62ch;font-size:13px;line-height:1.5;color:var(--ink-2)}@media(min-width:1000px){.site-footer{padding-inline:var(--s-8)}}#root:has(.app:not(.app--setup),.setup__options)~.home-copy{display:none}.home-copy-inner{display:grid;gap:var(--s-4);max-width:68ch;margin-inline:auto;padding:var(--s-14) var(--s-4) var(--s-10)}.home-copy h1{font-size:34px;line-height:1.08}.home-copy h2{margin-block-start:var(--s-6);font-size:26px}.home-copy p{font-size:16px;line-height:1.6;color:var(--ink-2)}.home-copy .home-copy-lede{font-size:18px;color:var(--ink)}.home-copy a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.home-steps{display:grid;gap:var(--s-2);counter-reset:step}.home-steps li{position:relative;padding-block:var(--s-3);padding-inline:var(--s-10) var(--s-4);border-radius:var(--r-m);background:var(--paper-2);font-size:15px;line-height:1.5;color:var(--ink-2);counter-increment:step}.home-steps li:before{content:counter(step);position:absolute;inset-block-start:var(--s-3);inset-inline-start:var(--s-4);width:24px;font-size:24px;font-stretch:var(--t-display-wdth);font-weight:var(--t-display-wght);line-height:1.5;text-align:center;color:var(--ink)}.home-steps strong,.home-copy p strong{font-weight:700;color:var(--ink)}.home-modes{display:grid;gap:var(--s-2)}.home-modes>div{padding:var(--s-4);border-radius:var(--r-m);background:var(--paper-2)}.home-modes dt{font-size:22px;font-stretch:var(--t-head-wdth);font-weight:var(--t-head-wght);line-height:1.1}.home-modes dd{margin-block-start:var(--s-1);font-size:15px;line-height:1.5;color:var(--ink-2)}.home-faq{display:grid;gap:var(--s-2)}.home-faq h3{margin-block-start:var(--s-3);font-size:19px;line-height:1.25}.home-copy .home-copy-nav{padding-block-start:var(--s-4);border-block-start:1px solid var(--line);font-size:14px}@media(min-width:1000px){.home-copy-inner{padding-inline:var(--s-8)}.home-copy h1{font-size:44px}}.dev-mode{position:fixed;z-index:var(--z-modal);inset-block-end:var(--s-2);inset-inline-start:var(--s-2);display:grid;gap:var(--s-2);justify-items:start;max-height:90dvh;overflow:auto}.dev-mode-panel{display:grid;gap:var(--s-2);max-width:260px;padding:var(--s-3);border:1px solid var(--line);border-radius:var(--r-m);background:var(--paper);font-size:12px}.dev-mode-presets{display:flex;gap:var(--s-1);flex-wrap:wrap}.dev-mode .btn,.dev-mode-preset{min-height:32px;padding-inline:var(--s-2);border-radius:var(--r-s);background:var(--paper-2);color:var(--ink);font-size:12px;text-decoration:none}.dev-mode-custom{display:flex;gap:var(--s-2);align-items:center}.dev-mode-custom input{width:70px;padding:4px;border:1px solid var(--line);border-radius:6px;background:var(--paper)}@media(hover:none){.daily-recap-fold,.tracklist-row__best,.genre-row__marker{transition:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}