._3siuFa_magnet{pointer-events:none;position:absolute;inset:0}._3siuFa_origin{width:0;height:0;position:absolute;top:169px;left:50%}._3siuFa_button{width:214px;height:58px;font-size:var(--t-small);letter-spacing:-.02em;color:#fff;white-space:nowrap;will-change:transform;background:radial-gradient(120% 160% at 45% 0,#0969fe 0%,#0549f0 50%,#0129e2 100%) padding-box padding-box;border:5px solid #085cf833;border-radius:29px;place-items:center;font-weight:600;line-height:1.15;display:grid;position:absolute;top:-29px;left:-107px}._3siuFa_cursor{transform-origin:1px 1px;filter:drop-shadow(0 1px 1.5px #0000002e);will-change:transform;display:none;position:absolute;top:-1px;left:-1px}._3siuFa_origin[data-tour] ._3siuFa_cursor{display:block}._3siuFa_helper{font-size:var(--t-small);letter-spacing:-.02em;color:#0000004d;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);justify-content:center;align-items:center;gap:6px;font-weight:500;line-height:1.15;display:none;position:absolute;top:214px;left:0;right:0}@media (hover:hover) and (pointer:fine){._3siuFa_helper{display:flex}}._3siuFa_origin[data-active]+._3siuFa_helper{opacity:0;transform:translateY(4px)}@media (prefers-reduced-motion:reduce){._3siuFa_helper{display:none}}
.-kpHjG_loop{position:absolute;inset:0}.-kpHjG_phone{will-change:transform;width:286px;position:absolute;top:calc(100% - 385px);left:calc(50% - 143px);transform:translateY(120px)}.-kpHjG_device{zoom:1.3;background:#fff;border:3px solid #000;border-radius:33px;overflow:hidden}.-kpHjG_screen{height:440px;font-family:var(--font);letter-spacing:-.01em;color:#0a0a0a;position:relative}.-kpHjG_hero{height:138px;position:absolute;inset:0 0 auto;overflow:hidden}.-kpHjG_hero img{width:100%;height:auto;display:block}.-kpHjG_heading{text-align:center;letter-spacing:-.03em;padding:0 22px;font-size:15px;font-weight:600;line-height:1.12;position:absolute;top:146px;left:0;right:0}.-kpHjG_headingAccent{color:#1f5cf5}.-kpHjG_features{gap:15px;margin:0;padding:0;list-style:none;display:grid;position:absolute;top:207px;left:20px;right:14px}.-kpHjG_features li{align-items:flex-start;gap:12px;font-size:9px;font-weight:500;line-height:1.25;display:flex}.-kpHjG_features svg{flex:none;margin-top:1px}.-kpHjG_features small{color:#00000080;margin-top:2px;font-size:7.5px;font-weight:400;display:block}.-kpHjG_button{letter-spacing:-.02em;color:#fff;background:#136ff4;border-radius:999px;place-items:center;height:33px;font-size:11px;font-weight:500;display:grid;position:absolute;top:352px;left:9.5px;right:9.5px}.-kpHjG_touch{opacity:0;background:#ffffff73;border-radius:50%;width:22px;height:22px;position:absolute;top:357.5px;left:calc(50% - 11px);box-shadow:0 0 0 1px #0000000f}.-kpHjG_fine{text-align:center;color:#00000080;font-size:5.5px;position:absolute;top:389px;left:0;right:0}.-kpHjG_later{text-align:center;color:#0000008c;font-size:8px;font-weight:500;position:absolute;top:410px;left:0;right:0}.-kpHjG_result{text-align:center;position:absolute;inset:0}.-kpHjG_disc{will-change:transform;background:#fff;border-radius:50%;width:1280px;height:1280px;position:absolute;top:calc(100% - 759px);left:calc(50% - 640px);transform:scale(0)}.-kpHjG_num{letter-spacing:-.04em;color:#009043;font-variant-numeric:tabular-nums;opacity:0;will-change:transform, opacity;font-size:4rem;font-weight:500;line-height:1;position:absolute;top:186px;left:0;right:0}.-kpHjG_label{font-size:var(--t-small);letter-spacing:-.02em;color:#00000073;opacity:0;font-weight:500;position:absolute;top:258px;left:0;right:0}.-kpHjG_graph{width:100%;height:96px;position:absolute;bottom:20px;left:0;overflow:visible}.-kpHjG_line{stroke-dasharray:1;stroke-dashoffset:1px}.-kpHjG_area{opacity:0}@media (prefers-reduced-motion:reduce){.-kpHjG_touch{display:none}.-kpHjG_line{stroke-dashoffset:0}.-kpHjG_area{opacity:1}.-kpHjG_disc{transform:none}.-kpHjG_num,.-kpHjG_label{opacity:1}.-kpHjG_result{opacity:0;animation:12s cubic-bezier(.77,0,.175,1) infinite -kpHjG_pw-swap}}@keyframes -kpHjG_pw-swap{0%,40%{opacity:0}50%,90%{opacity:1}to{opacity:0}}
.W77APG_mini{appearance:none;font:inherit;color:var(--ink);text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;background:var(--page);width:100%;transition:transform .16s var(--ease-out), opacity .2s var(--ease-out), box-shadow .2s ease;border:1px solid #f1f1f1;border-radius:32px;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:1px 2px 13px -6px #00000024}.W77APG_mini:disabled{cursor:default}.W77APG_mini:active:not(:disabled){transform:scale(.98)}@media (hover:hover) and (pointer:fine){.W77APG_mini:hover:not(:disabled){box-shadow:1px 6px 24px -8px #0000002e}}.W77APG_mini[data-open]{opacity:0}.W77APG_art{background:#efefef;flex:none;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.W77APG_artSpin{position:absolute;inset:0}.W77APG_art img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.W77APG_hole{pointer-events:none;background:#fff;border-radius:50%;width:30%;height:30%;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #0000001a}.W77APG_artSpacer{background:#f3f3f3;border-radius:50%;flex:none}.W77APG_text{letter-spacing:-.02em;flex-direction:column;flex:1;min-width:0;display:flex}.W77APG_swap{min-width:0;display:grid}.W77APG_swapItem{flex-direction:column;grid-area:1/1;min-width:0;display:flex}.W77APG_labelRow{align-items:center;gap:6px;min-width:0;max-width:100%;display:flex}.W77APG_dot{background:#25a55b;border-radius:50%;flex:none;width:6px;height:6px;position:relative}.W77APG_dot:after{content:"";background:inherit;border-radius:50%;animation:2.4s cubic-bezier(.65,0,.35,1) infinite W77APG_live-ring;position:absolute;inset:0}@keyframes W77APG_live-ring{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}@media (prefers-reduced-motion:reduce){.W77APG_dot:after{animation:none}}.W77APG_label{color:#0006;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:500;line-height:1.35;overflow:hidden}.W77APG_title{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:500;line-height:1.35;overflow:hidden}.W77APG_muted{color:#0006}.W77APG_line{background:#00000014;border-radius:2px;height:2px;position:relative;overflow:hidden}.W77APG_lineFill{background:var(--ink);border-radius:inherit;transform-origin:0;transition:transform 1s linear;position:absolute;inset:0}.W77APG_lineInline{margin-top:10px}.W77APG_remaining{color:#0006;font-variant-numeric:tabular-nums;flex:none;align-self:flex-end;font-size:13px;line-height:1}.W77APG_layer{z-index:40;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.W77APG_backdrop{cursor:default;-webkit-backdrop-filter:blur(18px);background:#fff9;border:0;padding:0;position:absolute;inset:0}.W77APG_cover{flex-direction:column;gap:24px;width:min(320px,100%);display:flex;position:relative}.W77APG_cover .W77APG_art{aspect-ratio:1;width:100%;box-shadow:0 30px 60px -20px #00000059}.W77APG_details{text-align:center;flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.W77APG_bigTitle{letter-spacing:-.02em;text-wrap:balance;font-size:1.25rem;font-weight:600;line-height:1.3}.W77APG_bigArtist{font-size:var(--t-small);color:#0000008f;line-height:1.4}.W77APG_progress{flex-direction:column;gap:8px;width:100%;margin-top:16px;display:flex}.W77APG_times{color:#0006;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;display:flex}.W77APG_play{appearance:none;cursor:pointer;width:52px;height:52px;color:var(--ink);transition:transform .16s var(--ease-out), background-color .2s ease;background:0 0;border:0;border-radius:50%;place-items:center;margin-top:12px;display:grid}.W77APG_playGlyph{margin-left:3px}.W77APG_play:disabled{color:#00000040;cursor:default}.W77APG_note{color:#0006;font-size:12px}.W77APG_play:active:not(:disabled){transform:scale(.92)}@media (hover:hover) and (pointer:fine){.W77APG_play:hover:not(:disabled){background:#0000000d}}.W77APG_options{z-index:50;color:#fff;background:#141414e0;border-radius:14px;align-items:center;gap:4px;padding:6px;font-size:12px;display:flex;position:fixed;bottom:16px;left:16px;box-shadow:0 8px 24px -8px #0006}.W77APG_optionsLabel{color:#ffffff8c;padding:0 6px}.W77APG_optionBtn{appearance:none;color:#ffffffbf;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 9px}.W77APG_optionBtn[aria-pressed=true]{color:#fff;background:#ffffff29}
.H4RWYG_picker,.H4RWYG_bar,.H4RWYG_track,.H4RWYG_word{--synth-w:min(62vw, 95vh, 705px);z-index:30;position:fixed;left:50%;translate:-50%}.H4RWYG_picker{--cd:clamp(112px, 11vw, 140px);width:min(100vw - 272px,1240px);top:16px}.H4RWYG_row{--fade-l:0px;--fade-r:0px;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right, transparent, black var(--fade-l), black calc(100% - var(--fade-r)), transparent);mask-image:linear-gradient(to right, transparent, black var(--fade-l), black calc(100% - var(--fade-r)), transparent);transition:--fade-l .24s var(--ease-out), --fade-r .24s var(--ease-out);justify-content:safe center;gap:28px;padding:8px 40px 12px;display:flex;overflow-x:auto}@property --fade-l{syntax:"<length>";inherits:false;initial-value:0}@property --fade-r{syntax:"<length>";inherits:false;initial-value:0}.H4RWYG_row[data-more-left]{--fade-l:72px}.H4RWYG_row[data-more-right]{--fade-r:72px}.H4RWYG_more{top:calc(8px + var(--cd) / 2);width:36px;height:36px;color:var(--ink);box-shadow:var(--card-shadow), 0 0 0 1px var(--line);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out), scale .2s var(--ease-out);-webkit-tap-highlight-color:transparent;background:#fff;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;translate:0 -50%;scale:.8}.H4RWYG_more[data-side=left]{left:4px}.H4RWYG_more[data-side=right]{right:4px}.H4RWYG_more[data-on]{opacity:1;pointer-events:auto;scale:1}.H4RWYG_more:active{scale:.94}.H4RWYG_picker[data-picked] .H4RWYG_more{opacity:0;pointer-events:none}.H4RWYG_row::-webkit-scrollbar{display:none}.H4RWYG_cd{width:var(--cd);font:inherit;color:var(--ink);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:H4RWYG_cdIn .56s var(--ease-out) backwards;animation-delay:calc(var(--i) * 45ms);background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:2px;padding:0;transition:opacity .3s;display:flex}@media (hover:hover) and (pointer:fine){.H4RWYG_row:has(.H4RWYG_cd:hover) .H4RWYG_cd:not(:hover){opacity:.4}}.H4RWYG_row[data-picked] .H4RWYG_cd:not([data-picked]){opacity:0;transition-duration:.16s}.H4RWYG_discWrap{width:var(--cd);aspect-ratio:1;transition:transform .2s var(--ease-out);margin-bottom:10px;position:relative}.H4RWYG_cd:active .H4RWYG_discWrap{transform:scale(.97)}.H4RWYG_cd[data-picked] .H4RWYG_discWrap{transition:transform .22s cubic-bezier(.34,1.56,.64,1);transform:scale(1.1)}.H4RWYG_disc{background:var(--art,#e9e9e9);border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:0 14px 28px -14px #00000073,inset 0 0 0 1px #00000014}.H4RWYG_disc img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.H4RWYG_sheen{pointer-events:none;background:conic-gradient(from 20deg,#0000 0deg 20deg,#ffffff38 40deg,#0000 70deg 200deg,#ffffff2e 225deg,#0000 250deg),radial-gradient(circle,#0000 0 46%,#ffffff14 47%,#0000 48%);border-radius:50%;position:absolute;inset:0}.H4RWYG_hole{pointer-events:none;background:radial-gradient(circle,#fff 0 40%,#ffffff8c 42% 100%);border-radius:50%;width:30%;height:30%;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #0000001a,0 0 0 1px #ffffff40}.H4RWYG_play{width:48px;height:48px;color:var(--ink);opacity:0;transition:opacity .18s var(--ease-out), transform .22s var(--ease-out);pointer-events:none;background:#fff;border-radius:50%;place-items:center;padding-left:3px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(.6);box-shadow:0 6px 18px -6px #0006}@media (hover:hover) and (pointer:fine){.H4RWYG_cd:hover .H4RWYG_play{opacity:1;transform:translate(-50%,-50%)scale(1)}}.H4RWYG_cd:focus-visible{outline:none}.H4RWYG_cd:focus-visible .H4RWYG_play{opacity:1;transform:translate(-50%,-50%)scale(1)}.H4RWYG_cd[data-picked] .H4RWYG_play{opacity:0}.H4RWYG_cdTitle{max-width:100%;font-size:var(--t-small);text-overflow:ellipsis;white-space:nowrap;font-weight:500;line-height:1.3;overflow:hidden}.H4RWYG_cdArtist{max-width:100%;color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.3;overflow:hidden}.H4RWYG_cdStars{margin-top:7px}.H4RWYG_cdRank{color:var(--ink-2);font-variant-numeric:tabular-nums;margin-top:3px;font-size:12px;font-weight:500;line-height:1.2}.H4RWYG_level{gap:3px;margin-bottom:6px;display:flex}.H4RWYG_level>span:not(.H4RWYG_srOnly){background:var(--dot);border-radius:50%;width:6px;height:6px}.H4RWYG_level[data-level="1"]{--dot:#25a55b}.H4RWYG_level[data-level="2"]{--dot:#f0b400}.H4RWYG_level[data-level="3"]{--dot:#e5484d}.H4RWYG_srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes H4RWYG_cdIn{0%{opacity:0;filter:blur(4px);transform:translateY(14px)scale(.92)}}.H4RWYG_spinning{z-index:30;aspect-ratio:1;width:76px;position:fixed;top:20px;left:20px}.H4RWYG_spin{animation:2.6s linear infinite H4RWYG_spin}@keyframes H4RWYG_spin{to{rotate:1turn}}.H4RWYG_bar{width:calc(var(--synth-w) * .88);color:#fff;animation:H4RWYG_rise .36s var(--ease-out) both;justify-content:space-between;align-items:center;display:flex;top:24px}.H4RWYG_now{align-items:baseline;gap:14px;display:flex}.H4RWYG_title{font-size:var(--t-small);color:#ffffff8f}.H4RWYG_score{font-size:var(--t-statement);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-weight:500}.H4RWYG_combo{font-size:var(--t-small);color:#fff6;font-variant-numeric:tabular-nums;transition:color .2s var(--ease-out)}.H4RWYG_combo[data-on]{color:#7dffb0}.H4RWYG_tempo{height:32px;font:inherit;font-size:var(--t-small);color:#ffffffb8;font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color .16s var(--ease-out), color .16s var(--ease-out);background:#ffffff14;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.H4RWYG_tempo:hover{background:#ffffff24}.H4RWYG_tempo[aria-pressed=false]{color:#fff6;text-decoration:line-through}.H4RWYG_pulse{opacity:.25;background:#7dffb0;border-radius:50%;width:6px;height:6px}.H4RWYG_tempo[aria-pressed=false] .H4RWYG_pulse{background:#ffffff80}.H4RWYG_track{width:calc(var(--synth-w) * .88);background:#ffffff1a;border-radius:2px;height:2px;top:68px;overflow:hidden}.H4RWYG_progress{transform-origin:0;background:#ffffff8c;height:100%;transform:scaleX(0)}.H4RWYG_word{bottom:calc(104px + .5 * var(--synth-w) + 40px);font-size:var(--t-body);letter-spacing:-.01em;color:#fff;text-shadow:0 1px 12px #0009;pointer-events:none;white-space:nowrap;animation:H4RWYG_word .9s var(--ease-out) both;margin:0;font-weight:600}.H4RWYG_word[data-grade=perfect]{color:#7dffb0}.H4RWYG_word[data-grade=great]{color:#c8ffd9}.H4RWYG_word[data-grade=good]{color:#ffd27a}.H4RWYG_word[data-grade=miss]{color:#ffffff73;font-weight:500}@keyframes H4RWYG_word{0%{opacity:0;transform:translateY(6px)scale(.92)}18%{opacity:1;transform:translateY(0)scale(1)}70%{opacity:1}to{opacity:0;transform:translateY(-6px)}}.H4RWYG_stars{--star:13px;--star-gap:2px;--star-empty:#00000017;gap:var(--star-gap);vertical-align:middle;display:inline-flex}.H4RWYG_stars[data-size=lg]{--star:46px;--star-gap:8px;--star-empty:#ffffff1f}.H4RWYG_star{width:var(--star);height:var(--star);flex:none;overflow:visible}.H4RWYG_starEmpty{fill:var(--star-empty)}.H4RWYG_stars[data-size=lg] .H4RWYG_star[data-on]{filter:drop-shadow(0 6px 14px #f3a81c52)}.H4RWYG_results{z-index:31;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:#fff;text-align:center;animation:H4RWYG_fadeIn .36s var(--ease-out) backwards;background:radial-gradient(120% 90% at 50% 100%,#1a1420f7 0%,#0b0a0ef7 60%);grid-template-columns:1fr minmax(0,400px) 1fr;align-content:safe center;align-items:center;gap:40px;padding:48px 32px;display:grid;position:fixed;inset:0;overflow:auto}.H4RWYG_hero{flex-direction:column;grid-column:2;align-items:center;display:flex}.H4RWYG_in{animation:H4RWYG_rise .48s var(--ease-out) backwards;animation-delay:var(--d,0s)}.H4RWYG_heroDisc{aspect-ratio:1;width:168px;animation:H4RWYG_discIn .64s var(--ease-out) backwards;margin-bottom:28px;position:relative}.H4RWYG_heroSpin{animation:14s linear infinite H4RWYG_spin}.H4RWYG_heroDisc .H4RWYG_disc{box-shadow:0 24px 48px -18px #000c,inset 0 0 0 1px #ffffff14}.H4RWYG_heroDisc .H4RWYG_hole{background:radial-gradient(circle,#0d0b10 0 40%,#ffffff4d 42% 100%)}.H4RWYG_resTitle{font-size:var(--t-statement);letter-spacing:-.01em;margin:0;font-weight:500;line-height:1.25}.H4RWYG_resArtist{font-size:var(--t-small);color:#ffffff80;margin:2px 0 0}.H4RWYG_rating{margin-top:28px;position:relative}.H4RWYG_rating[data-lit]:before{content:"";z-index:-1;pointer-events:none;animation:H4RWYG_fadeIn .9s var(--ease-out) backwards;animation-delay:calc(var(--d) + .52s);background:radial-gradient(closest-side,#ffc44029,#0000);position:absolute;inset:-40px -56px}.H4RWYG_rating .H4RWYG_star{animation:H4RWYG_fadeIn .36s var(--ease-out) backwards;animation-delay:calc(var(--d) + var(--i) * .13s)}.H4RWYG_rating .H4RWYG_star[data-on]{animation:H4RWYG_starPop .56s var(--ease-out) backwards;animation-delay:calc(var(--d) + var(--i) * .13s)}@keyframes H4RWYG_starPop{0%{opacity:0;transform:scale(.3)rotate(-24deg)}45%{opacity:1;transform:scale(1.16)rotate(4deg)}to{opacity:1;transform:none}}.H4RWYG_tally{flex-direction:column;align-items:center;margin-top:22px;display:flex}.H4RWYG_newBest{font-size:var(--t-small);color:#3d2400;animation:H4RWYG_bestIn .52s var(--ease-out) backwards;animation-delay:var(--d);background:linear-gradient(#ffe48f,#f5b02a);border-radius:999px;margin:0 0 10px;padding:4px 12px;font-weight:600;line-height:1.3;box-shadow:inset 0 1px #fff9,inset 0 -1px #96500040,0 8px 24px -8px #f5b02a99}@keyframes H4RWYG_bestIn{0%{opacity:0;transform:translateY(6px)scale(.8)}55%{opacity:1;transform:scale(1.06)}to{transform:none}}.H4RWYG_resScore{font-size:var(--t-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0;font-weight:500;line-height:1.1}.H4RWYG_resBest{font-size:var(--t-small);color:#ffffff80;font-variant-numeric:tabular-nums;margin:4px 0 0}.H4RWYG_stats{justify-content:center;gap:36px;margin:28px 0 0;display:flex}.H4RWYG_stats div{flex-direction:column-reverse;gap:2px;display:flex}.H4RWYG_stats dt{font-size:var(--t-small);color:#ffffff73}.H4RWYG_stats dd{font-size:var(--t-body);font-variant-numeric:tabular-nums;margin:0;font-weight:500}.H4RWYG_stats dd span{color:#fff6;font-weight:400}.H4RWYG_actions{justify-content:center;gap:8px;margin-top:36px;display:flex}.H4RWYG_results .H4RWYG_primary{color:var(--ink);background:#fff}.H4RWYG_results .H4RWYG_ghost{color:#fff;background:#ffffff1a}@media (hover:hover) and (pointer:fine){.H4RWYG_results .H4RWYG_ghost:hover{background:#ffffff29}}.H4RWYG_board{text-align:left;width:min(272px,100%);animation:H4RWYG_rise .42s var(--ease-out) backwards;background:#ffffff0a;border-radius:20px;grid-column:3;justify-self:start;padding:18px 16px 14px;box-shadow:inset 0 0 0 1px #ffffff0f}.H4RWYG_boardTitle{font-size:var(--t-small);color:#ffffffb8;margin:0 4px;font-weight:500}.H4RWYG_boardPlace{font-size:var(--t-small);color:#ffffff73;font-variant-numeric:tabular-nums;margin:2px 4px 0}.H4RWYG_boardPlace strong{color:#fff;font-weight:500}.H4RWYG_ask{margin-top:12px}.H4RWYG_askRow{gap:8px;display:flex}.H4RWYG_initials{min-width:0;height:40px;font:inherit;font-size:var(--t-body);letter-spacing:.3em;text-indent:.3em;text-align:center;color:#fff;transition:box-shadow .16s var(--ease-out);background:#ffffff12;border:0;border-radius:12px;outline:none;flex:1;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff14}.H4RWYG_initials:focus{box-shadow:inset 0 0 0 1.5px #fff6}.H4RWYG_initials::placeholder{color:#fff3}.H4RWYG_hint{font-size:var(--t-small);color:#ffb38a;margin:8px 4px 0}.H4RWYG_skip{font:inherit;font-size:var(--t-small);color:#fff6;cursor:pointer;transition:color .16s var(--ease-out);background:0 0;border:0;margin:6px 0 0;padding:4px}.H4RWYG_skip:hover{color:#ffffffb8}.H4RWYG_rows{font-size:var(--t-small);font-variant-numeric:tabular-nums;gap:2px;margin:12px 0 0;padding:0;list-style:none;display:grid}.H4RWYG_rows li{color:#fffc;border-radius:10px;grid-template-columns:24px 1fr auto;padding:6px 8px;display:grid}.H4RWYG_rows li span:first-child{color:#ffffff59}.H4RWYG_rows li span:nth-child(2){letter-spacing:.08em;font-weight:600}.H4RWYG_rows li[data-me]{color:#fff;animation:H4RWYG_rise .36s var(--ease-out) both;background:#ffc84624}.H4RWYG_rows .H4RWYG_gap{text-align:center;color:#ffffff4d;padding:0;display:block}@media (max-width:959px){.H4RWYG_results{grid-template-columns:minmax(0,400px);justify-content:center}.H4RWYG_hero,.H4RWYG_board{grid-column:1}.H4RWYG_board{justify-self:center;width:min(320px,100%)}}@keyframes H4RWYG_fadeIn{0%{opacity:0}}@keyframes H4RWYG_discIn{0%{opacity:0;transform:translateY(10px)scale(.9)}}@media (prefers-reduced-motion:reduce){.H4RWYG_heroSpin{animation:none}.H4RWYG_in,.H4RWYG_heroDisc,.H4RWYG_board,.H4RWYG_newBest,.H4RWYG_rating .H4RWYG_star,.H4RWYG_rating .H4RWYG_star[data-on]{animation-name:H4RWYG_fadeIn;animation-duration:.3s}}.H4RWYG_primary,.H4RWYG_ghost{height:40px;font:inherit;font-size:var(--t-small);cursor:pointer;transition:transform .16s var(--ease-out), opacity .16s var(--ease-out);border:0;border-radius:999px;padding:0 18px;font-weight:500}.H4RWYG_primary{background:var(--ink);color:#fff}.H4RWYG_primary:disabled{opacity:.3;cursor:default}.H4RWYG_ghost{color:inherit;background:#7f7f7f24}.H4RWYG_primary:active:not(:disabled),.H4RWYG_ghost:active{transform:scale(.97)}@keyframes H4RWYG_rise{0%{opacity:0;transform:translateY(8px)}}@media (max-width:699px){.H4RWYG_picker,.H4RWYG_bar,.H4RWYG_track,.H4RWYG_word,.H4RWYG_results{--synth-w:86vw}}@media (prefers-reduced-motion:reduce){.H4RWYG_spin{animation:none}.H4RWYG_cd{animation-name:H4RWYG_fade;animation-delay:0s}.H4RWYG_picker,.H4RWYG_bar,.H4RWYG_results,.H4RWYG_rows li[data-me]{animation-name:H4RWYG_fade}.H4RWYG_word{animation:.7s linear both H4RWYG_fade}@keyframes H4RWYG_fade{0%{opacity:0}}}.H4RWYG_segTrack{display:flex;position:relative}.H4RWYG_segThumb{transition:transform .26s var(--ease-out), width .26s var(--ease-out);background:#f1f1ef;border-radius:999px;position:absolute;inset:0 auto 0 0}.H4RWYG_segOption{appearance:none;font:inherit;font-size:var(--t-small);letter-spacing:-.02em;color:var(--ink-3);cursor:pointer;white-space:nowrap;transition:color .2s ease, transform .16s var(--ease-out);-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;padding:12px 16px;font-weight:600;line-height:1.15;position:relative}.H4RWYG_segOption:hover,.H4RWYG_segOption[aria-checked=true]{color:var(--ink)}.H4RWYG_segOption:active{transform:scale(.94)}.H4RWYG_segOption:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.H4RWYG_doodles{--cd:clamp(112px, 11vw, 140px);--synth-w:min(62vw, 95vh, 705px);z-index:30;pointer-events:none;color:var(--ink-2);transition:opacity .16s var(--ease-out);position:fixed;inset:0}.H4RWYG_picker[data-picked]~.H4RWYG_doodles{opacity:0}.H4RWYG_doodle{white-space:nowrap;align-items:flex-start;font-size:26px;font-weight:500;line-height:1;display:flex;position:absolute}.H4RWYG_doodle svg{flex:none;overflow:visible}.H4RWYG_doodle path{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:H4RWYG_draw .52s var(--ease-out) forwards;animation-delay:var(--at,.7s)}.H4RWYG_doodle path+path{animation-duration:.2s;animation-delay:calc(var(--at,.7s) + .45s)}.H4RWYG_words{animation:H4RWYG_inkIn .4s var(--ease-out) backwards;animation-delay:calc(var(--at,.7s) + .15s);align-items:center;gap:4px;display:inline-flex;position:relative}.H4RWYG_doodle[data-at=songs]{top:calc(16px + var(--cd) + 96px);left:max(16px, 50% - var(--synth-w) * .5 - 150px)}.H4RWYG_doodle[data-at=songs] .H4RWYG_words{margin-top:46px;rotate:-4deg}.H4RWYG_doodle[data-at=keys]{--at:1s;top:calc(50% - 36px);left:min(50% + var(--synth-w) * .57, 100% - 180px);flex-direction:column}.H4RWYG_doodle[data-at=keys] .H4RWYG_words{rotate:4deg}.H4RWYG_doodle[data-at=keys] svg{margin:2px 0 0 -14px}.H4RWYG_doodle[data-at=sound]{--at:2.6s;top:calc(50% - var(--synth-w) * .17);left:calc(50% + var(--synth-w) * .1);color:var(--ink-3);flex-direction:column;font-size:20px}.H4RWYG_doodle[data-at=sound] .H4RWYG_words{rotate:-2deg}.H4RWYG_doodle[data-at=sound] svg{margin:0 0 0 -16px}.H4RWYG_cap{min-width:20px;height:20px;box-shadow:0 0 0 1px var(--line), 0 1px 0 var(--line);font-family:var(--font-switzer), ui-sans-serif, system-ui, sans-serif;color:var(--ink-2);background:#fff;border-radius:5px;place-items:center;padding:0 4px;font-size:11px;font-weight:600;display:inline-grid}.H4RWYG_cap+.H4RWYG_cap{margin-left:-1px}.H4RWYG_strike{width:108%;height:12px;position:absolute;top:50%;left:-4%;overflow:visible;translate:0 -40%}.H4RWYG_strike path{stroke-width:2.2px;stroke-dashoffset:1px;animation:none}.H4RWYG_doodle[data-done] .H4RWYG_strike path{animation:H4RWYG_draw .38s var(--ease-out) forwards;animation-delay:calc(var(--at,.7s) + .45s)}.H4RWYG_doodle[data-done]{animation:H4RWYG_inkOut .5s var(--ease-out) forwards;animation-delay:calc(var(--at,.7s) + 1.3s)}.H4RWYG_doodle[data-done][data-live]{--at:0s}.H4RWYG_doodle[data-gone]{opacity:0;transition:opacity .4s var(--ease-out)}@keyframes H4RWYG_draw{to{stroke-dashoffset:0}}@keyframes H4RWYG_inkIn{0%{opacity:0;filter:blur(3px)}}@keyframes H4RWYG_inkOut{to{opacity:0;filter:blur(2px)}}@media (prefers-reduced-motion:reduce){.H4RWYG_doodle path{stroke-dashoffset:0;animation:none}.H4RWYG_strike path{stroke-dashoffset:1px}.H4RWYG_doodle[data-done] .H4RWYG_strike path{stroke-dashoffset:0;animation:none}.H4RWYG_words{animation-name:H4RWYG_inkFade}.H4RWYG_segThumb{transition:none}}@keyframes H4RWYG_inkFade{0%{opacity:0}}
@font-face{font-family:hand;src:url(../media/caveat_latin-s.0v9iznkhjktil.woff2)format("woff2");font-display:swap;font-weight:400 700}@font-face{font-family:hand Fallback;src:local(Arial);ascent-override:128.4%;descent-override:40.12%;line-gap-override:0.0%;size-adjust:74.77%}.amwGCq_className{font-family:hand,hand Fallback}
.ByZ5lG_root{display:inline-block;position:relative}.ByZ5lG_btn{box-sizing:border-box;color:var(--accent);cursor:pointer;font:inherit;font-size:var(--t-small);letter-spacing:-.02em;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:width .28s var(--ease-out), transform .16s var(--ease-out), background-color .2s ease;background:#e939680d;border:0;border-radius:999px;justify-content:center;align-items:center;padding:16px 24px;font-weight:600;line-height:1.15;display:inline-flex;position:relative;overflow:hidden}.ByZ5lG_btn:active{transform:scale(.97)}.ByZ5lG_btn[data-open=true]{background:#e9396817}.ByZ5lG_face{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.ByZ5lG_text{display:inline-block}.ByZ5lG_face>*{transition:transform .26s var(--ease-out), opacity .2s var(--ease-out), filter .2s var(--ease-out)}.ByZ5lG_email{pointer-events:none;position:absolute;top:50%;left:50%;translate:-50% -50%}.ByZ5lG_email>*{opacity:0;filter:blur(2px);transform:translateY(150%)}.ByZ5lG_btn[data-open=true] .ByZ5lG_rest>*{opacity:0;filter:blur(2px);transform:translateY(-150%)}.ByZ5lG_btn[data-open=true] .ByZ5lG_rest>:nth-child(2){transition-delay:25ms}.ByZ5lG_btn[data-open=true] .ByZ5lG_email>*{opacity:1;filter:none;transition-delay:50ms;transform:none}.ByZ5lG_btn[data-open=true] .ByZ5lG_email>:nth-child(2){transition-delay:90ms}.ByZ5lG_btn:not([data-open=true]) .ByZ5lG_rest>*{transition-delay:40ms}.ByZ5lG_btn:not([data-open=true]) .ByZ5lG_rest>:nth-child(2){transition-delay:70ms}.ByZ5lG_icon{flex:none;display:block}.ByZ5lG_swap{width:16px;height:16px;display:block;position:relative}.ByZ5lG_swap .ByZ5lG_icon{position:absolute;inset:0}.ByZ5lG_copy{transition:opacity .16s var(--ease-out), scale .16s var(--ease-out), filter .16s var(--ease-out)}.ByZ5lG_check{opacity:0;filter:blur(2px);transition:opacity .16s var(--ease-out), scale .2s var(--ease-out), filter .16s var(--ease-out);scale:.5}.ByZ5lG_check path{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .24s var(--ease-out) 40ms}.ByZ5lG_btn[data-copied=true] .ByZ5lG_copy{opacity:0;filter:blur(2px);scale:.5}.ByZ5lG_btn[data-copied=true] .ByZ5lG_check{opacity:1;filter:none;scale:1}.ByZ5lG_btn[data-copied=true] .ByZ5lG_check path{stroke-dashoffset:0}.ByZ5lG_label{background:var(--accent);color:#fff;letter-spacing:-.01em;white-space:nowrap;pointer-events:none;opacity:0;filter:blur(2px);transition:opacity .3s ease, transform .3s var(--ease-out), filter .3s ease;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:600;line-height:1.2;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,6px)}.ByZ5lG_label[data-show=true]{opacity:1;filter:none;transition-duration:.2s;transform:translate(-50%)}.ByZ5lG_sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.ByZ5lG_btn{transition:background-color .2s}.ByZ5lG_btn:active{transform:none}.ByZ5lG_face>*,.ByZ5lG_copy,.ByZ5lG_check,.ByZ5lG_label{transition:opacity .2s;filter:none!important;transition-delay:0s!important}.ByZ5lG_face>*{transform:none!important}.ByZ5lG_check,.ByZ5lG_btn[data-copied=true] .ByZ5lG_copy{scale:1}.ByZ5lG_check path{stroke-dashoffset:0;transition:none}.ByZ5lG_label,.ByZ5lG_label[data-show=true]{transform:translate(-50%)}}
.H6T8pa_mark{--mu:var(--mark-unit,18px);width:calc(var(--mu) * 4.6);height:calc(var(--mu) * 4.6);margin-bottom:var(--mark-space,24px);perspective:900px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex:none;position:relative}html[data-intro=short]:not([data-intro-state=done]) .H6T8pa_mark:not([data-ready]){opacity:0;animation:.3s cubic-bezier(.23,1,.32,1) .2s both H6T8pa_mark-wait-in}html[data-intro=short]:not([data-intro-state=done]) .H6T8pa_mark:not([data-ready]) .H6T8pa_tilt{animation:2.4s cubic-bezier(.37,0,.63,1) .5s infinite both H6T8pa_mark-rock}html[data-intro=short]:not([data-intro-state=done]) .H6T8pa_mark:not([data-ready]) .H6T8pa_orient{transform:var(--orient-from)!important}html[data-intro=short]:not([data-intro-state=done]) .H6T8pa_mark:not([data-ready]) .H6T8pa_pose{transform:translate3d(calc(var(--mu) * var(--px)), calc(var(--mu) * var(--py)), 0) scale3d(var(--k), var(--k), var(--k))}@keyframes H6T8pa_mark-wait-in{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:none}}@keyframes H6T8pa_mark-rock{0%,to{transform:rotateY(0)}25%{transform:rotateY(16deg)}75%{transform:rotateY(-16deg)}}.H6T8pa_mark{transition:filter .35s var(--ease-out)}:is(html[data-synth-open] .H6T8pa_mark,html[data-player-open] .H6T8pa_mark,html[data-ball-open] .H6T8pa_mark,html[data-cube-open] .H6T8pa_mark){filter:blur(10px)}.H6T8pa_space{transform-style:preserve-3d;position:absolute;top:50%;left:50%}.H6T8pa_mark>.H6T8pa_space{top:50%;left:50%}.H6T8pa_space .H6T8pa_space{top:0;left:0}.H6T8pa_face{width:calc(var(--mu) * .976);height:calc(var(--mu) * .976);margin:calc(var(--mu) * -.488);backface-visibility:hidden;place-items:center;display:grid;position:absolute;top:0;left:0}.H6T8pa_face span{width:calc(var(--mu) * .876);height:calc(var(--mu) * .876);border-radius:calc(var(--mu) * .21);display:block}