._bar_1dsv9_4{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:8px;padding:clamp(8px,2vh,16px) 16px 0;padding:clamp(8px,2svh,16px) 16px 0}._title_1dsv9_17{margin:0;font-family:var(--title-font);font-size:clamp(2rem,min(14vw,9vh),5rem);font-size:clamp(2rem,min(14vw,9svh),5rem);font-weight:400;line-height:1;letter-spacing:.01em;color:var(--ink)}._account_1dsv9_28{position:relative;flex:none}._signIn_1dsv9_34{min-height:40px;padding:0 10px;background:var(--paper);font-size:.9rem;font-weight:500;white-space:nowrap}._soon_1dsv9_45{position:absolute;top:calc(100% + 8px);right:0;z-index:1;background:var(--paper);font-size:.8rem}._card_l0oao_2{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:var(--card-size);height:var(--card-size);padding:8px;border:var(--outline);border-radius:var(--card-radius);background:var(--song-card);color:var(--ink);text-align:center;box-shadow:var(--hard-shadow)}._anchor_l0oao_20{background:var(--paper)}._year_l0oao_25{font-size:calc(var(--card-size) * .2);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.01em}._details_l0oao_33{display:flex;flex-direction:column;gap:2px;width:100%;min-width:0}._title_l0oao_41{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:calc(var(--card-size) * .11);line-height:1.15;overflow-wrap:anywhere}._artist_l0oao_51{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:calc(var(--card-size) * .1);line-height:1.15}._correct_l0oao_60{background:var(--correct)}._wrong_l0oao_64{background:var(--wrong)}._tile_1n7uy_1{position:relative;width:var(--card-size);height:var(--card-size);perspective:700px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}._draggable_1n7uy_13{cursor:grab}._dimmed_1n7uy_17{opacity:.3}._inner_1n7uy_21{position:relative;width:100%;height:100%;transform-style:preserve-3d}._face_1n7uy_28{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--card-radius);backface-visibility:hidden;-webkit-backface-visibility:hidden}._front_1n7uy_37{display:flex;align-items:center;justify-content:center;border:var(--outline);background:var(--paper);color:var(--ink);box-shadow:var(--hard-shadow)}._back_1n7uy_47{transform:rotateY(180deg)}._flipped_1n7uy_52 ._inner_1n7uy_21{animation:_flip_1n7uy_52 var(--flip-ms) cubic-bezier(.45,0,.25,1) forwards}@keyframes _flip_1n7uy_52{0%{transform:translateY(0) rotateY(0) scale(1)}50%{transform:translateY(-14px) rotateY(90deg) scale(1.12)}to{transform:translateY(0) rotateY(180deg) scale(1)}}._leaving_1n7uy_68{animation:_leave_1n7uy_1 .3s ease-in forwards}@keyframes _leave_1n7uy_1{to{opacity:0;transform:translateY(-30%) rotate(8deg) scale(.85)}}._play_1n7uy_81{--play-offset: calc(var(--offset) / 2);display:grid;place-items:center;padding:0;border-radius:50%;cursor:pointer;width:calc(var(--card-size) * .42);height:calc(var(--card-size) * .42);border:var(--outline);background:var(--action);color:var(--ink);box-shadow:var(--play-offset) var(--play-offset) 0 var(--shadow);transition:transform 80ms ease,box-shadow 80ms ease}._breathe_1n7uy_100{animation:var(--breathe)}._breathe_1n7uy_100:active{animation:none}._play_1n7uy_81:active:not(:disabled){transform:translate(var(--play-offset),var(--play-offset));box-shadow:none}._play_1n7uy_81 svg{width:52%;height:52%}._play_1n7uy_81:focus-visible,._retry_1n7uy_119:focus-visible{outline:var(--outline);outline-offset:var(--outline-gap)}._loading_1n7uy_124{cursor:progress;animation:_pulse_1n7uy_1 1.2s ease-in-out infinite}@keyframes _pulse_1n7uy_1{50%{opacity:.55}}._retry_1n7uy_119{position:relative;width:100%;height:100%;padding:0 8px;border:0;border-radius:var(--card-radius);background:transparent;color:var(--ink);font:inherit;font-weight:500;font-size:max(.75rem,calc(var(--card-size) * .11));line-height:1.2;cursor:pointer}._ghost_1n7uy_153{position:fixed;left:0;top:0;z-index:50;pointer-events:none}._ghost_1n7uy_153 ._inner_1n7uy_21{transform:translateY(-6px) rotate(-5deg) scale(1.08)}._ghost_1n7uy_153 ._front_1n7uy_37{box-shadow:calc(var(--offset) * 2) calc(var(--offset) * 2) 0 var(--shadow)}@media (prefers-reduced-motion: reduce){._flipped_1n7uy_52 ._inner_1n7uy_21{animation:none}._back_1n7uy_47{transform:none;animation:_fade-in_1n7uy_1 .3s ease both}._flipped_1n7uy_52 ._front_1n7uy_37,._leaving_1n7uy_68{animation:_fade-out_1n7uy_1 .3s ease forwards}._loading_1n7uy_124{animation:none;opacity:.6}._ghost_1n7uy_153 ._inner_1n7uy_21{transform:none}._play_1n7uy_81{transition:none}._breathe_1n7uy_100{animation:none;border-width:calc(var(--outline-width) + 2px)}}@keyframes _fade-in_1n7uy_1{0%{opacity:0}}@keyframes _fade-out_1n7uy_1{to{opacity:0}}._screen_rgl21_3{--staging-room: clamp(56px, 14svh, 110px);display:flex;flex-direction:column;width:100%;margin:0 auto;padding:clamp(4px,2vh,18px) 16px calc(clamp(8px,3vh,24px) + env(safe-area-inset-bottom));padding:clamp(4px,2svh,18px) 16px calc(clamp(8px,3svh,24px) + env(safe-area-inset-bottom))}._growAbove_rgl21_17{flex:none;height:clamp(4px,6vh - 12px,64px);height:clamp(4px,6svh - 12px,64px)}._growBelow_rgl21_23{flex:1 1 0}._timeline_rgl21_28{flex:none;margin:0 -16px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;overflow-anchor:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}._timeline_rgl21_28::-webkit-scrollbar{display:none}._track_rgl21_44{display:flex;align-items:center;gap:14px;width:max-content;margin:0 auto;padding:clamp(14px,3vh,22px) 16px clamp(12px,2.5vh,18px);padding:clamp(14px,3svh,22px) 16px clamp(12px,2.5svh,18px)}._tileCell_rgl21_55,._slot_rgl21_56,._gap_rgl21_57,._spacer_rgl21_58{flex:none}._progress_rgl21_64{display:flex;flex-direction:column;align-items:center;margin:0 0 clamp(8px,3vh,24px);margin:0 0 clamp(8px,3svh,24px);font-size:1.1rem;font-weight:500;line-height:1.2;text-align:center;font-variant-numeric:tabular-nums}._progress_rgl21_64>p{margin:0}._gap_rgl21_57,._slot_rgl21_56{width:var(--card-size);height:var(--card-size);border:var(--outline-width) dashed var(--line);border-radius:var(--card-radius);background:transparent;transition:background-color .12s ease,transform .12s ease}._gap_rgl21_57{display:block;padding:0;cursor:pointer}._gap_rgl21_57:hover{background:var(--slot-target)}._gap_rgl21_57:focus-visible{outline:var(--outline);outline-offset:var(--outline-gap)}._gapDragging_rgl21_112{background:var(--slot-target)}._gapOver_rgl21_116{background:var(--slot-over);transform:scale(1.05)}._gapIdle_rgl21_121{cursor:default}._slot_rgl21_56>*{margin:calc(var(--outline-width) * -1)}._spacer_rgl21_58{width:0}._staging_rgl21_139{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2vh,16px);gap:clamp(8px,2svh,16px);width:100%;max-width:420px;min-height:calc(var(--card-size) + var(--staging-room));margin:0 auto}._hint_rgl21_151{max-width:28ch;margin:0;font-size:1.1rem;line-height:1.35;text-align:center;text-wrap:balance}._lockIn_rgl21_163{--push-radius: var(--card-radius);background:var(--action);font-weight:700;width:var(--card-size);height:var(--card-size);padding:8px;font-size:calc(var(--card-size) * .2);line-height:1.05;animation:var(--breathe)}._lockIn_rgl21_163:active{animation:none}._primary_rgl21_180{background:var(--action);font-weight:700;min-height:56px;padding:0 32px;font-size:1.3rem}._textButton_rgl21_189{min-height:44px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-weight:500;font-size:1.1rem;text-decoration:underline;text-underline-offset:4px;cursor:pointer}._devLink_rgl21_205{min-height:32px;font-size:.9rem}._textButton_rgl21_189:focus-visible{outline:var(--outline);outline-offset:var(--outline-gap)}._end_rgl21_216{justify-content:center}._endTitle_rgl21_220{margin:0;font-size:clamp(2rem,9vw,2.6rem);font-weight:700;line-height:1.1;text-align:center;text-wrap:balance}._stagingSpacer_rgl21_229{min-height:calc(var(--card-size) + var(--staging-room))}@media (prefers-reduced-motion: reduce){._gap_rgl21_57{transition:none}._lockIn_rgl21_163{--push-border-width: calc(var(--outline-width) + 2px);animation:none}}._tag_4q4ah_4{display:inline-flex;align-items:center;padding:.15em .7em;border:var(--thin-outline);border-radius:999px;font-weight:var(--tag-weight, 500);line-height:1.2;white-space:nowrap}._push_25ao0_5{--lift: 2px;border:var(--push-border-width, var(--outline-width)) solid var(--line);border-radius:var(--push-radius, 999px);color:var(--ink);font-family:inherit;cursor:pointer;box-shadow:var(--hard-shadow);transition:transform var(--quick),box-shadow var(--quick)}@media (hover: hover){._push_25ao0_5:hover{transform:translate(calc(var(--lift) * -1),calc(var(--lift) * -1));box-shadow:calc(var(--offset) + var(--lift)) calc(var(--offset) + var(--lift)) 0 var(--shadow)}}._push_25ao0_5:active{transform:translate(var(--offset),var(--offset));box-shadow:none}._push_25ao0_5:focus-visible{outline:var(--outline);outline-offset:var(--outline-gap)}@media (prefers-reduced-motion: reduce){._push_25ao0_5:hover,._push_25ao0_5:active{transform:none}}._screen_ezgzn_4{--small-radius: 10px;--small-shadow: 3px 3px 0 var(--shadow);--day-size: 34px;--swoop-height: clamp(28px, 7vw, 56px);display:flex;flex-direction:column}._column_ezgzn_14{width:100%;max-width:560px;margin:0 auto;padding:0 16px}._band_ezgzn_22{padding:20px 0 calc(24px + var(--swoop-height));background:var(--page)}._lower_ezgzn_27{position:relative;flex:1 0 auto;padding:18px 0 calc(40px + env(safe-area-inset-bottom));background:var(--paper)}._swoop_ezgzn_35{position:absolute;bottom:calc(100% - 1px);left:0;display:block;width:100%;height:var(--swoop-height);overflow:visible}._swoopFill_ezgzn_45{fill:var(--paper)}._swoopLine_ezgzn_49{fill:none;stroke:var(--line);stroke-width:var(--outline-width)}._card_ezgzn_57{padding:18px 18px 22px;border:var(--outline);border-radius:var(--card-radius);background:var(--paper);box-shadow:var(--hard-shadow)}._cardHead_ezgzn_66{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px}._cardTitle_ezgzn_74{margin:0;white-space:nowrap;font-size:1.5rem;font-weight:700;line-height:1.1}._countdown_ezgzn_84{--tag-weight: 700;flex:none;gap:.3em;background:var(--pale-mint);font-size:var(--pill-size, .85rem);font-variant-numeric:tabular-nums}._countdown_ezgzn_84 svg{width:1.05em;height:1.05em}._date_ezgzn_100{margin:4px 0 16px;font-size:.95rem}._stage_ezgzn_107{--card-size: clamp(60px, min(21vw, 13vh), 112px);--card-size: clamp(60px, min(21vw, 13svh), 112px);--card-radius: calc(var(--card-size) * .155);--offset: calc(var(--card-size) * .035);--hard-shadow: var(--offset) var(--offset) 0 var(--shadow);overflow:hidden;padding:18px 0 12px;border:var(--outline);border-radius:var(--small-radius);background:var(--page);text-align:center}._timeline_ezgzn_122{position:relative;display:flex;justify-content:center;align-items:center;gap:12px}._timeline_ezgzn_122:before{content:"";position:absolute;top:50%;right:0;left:0;height:var(--outline-width);background:var(--line);transform:translateY(-50%)}._timeline_ezgzn_122>*{position:relative}._slot_ezgzn_147{width:var(--card-size);height:var(--card-size);border:var(--outline-width) dashed var(--line);border-radius:var(--card-radius);background:var(--page)}._caption_ezgzn_155{margin:12px auto 0;max-width:30ch;padding:0 12px;font-size:.95rem;font-weight:500;line-height:1.3}._play_ezgzn_165{display:block;width:100%;min-height:56px;margin-top:20px;padding:0 32px;background:var(--action);font-size:1.3rem;font-weight:700}._progress_ezgzn_179{display:flex;align-items:center;gap:18px;margin-top:28px}._streak_ezgzn_186{display:flex;flex:none;flex-direction:column;align-items:center;gap:10px;width:84px;margin:0;isolation:isolate}._stack_ezgzn_199{position:relative;display:grid;place-items:center;width:56px;height:56px;border:var(--outline);border-radius:var(--small-radius);background:var(--correct);box-shadow:var(--small-shadow)}._stack_ezgzn_199:before,._stack_ezgzn_199:after{content:"";position:absolute;inset:calc(var(--outline-width) * -1);z-index:-1;display:none;border:var(--outline);border-radius:var(--small-radius);box-shadow:var(--small-shadow)}._stack_ezgzn_199:before{background:var(--pink);transform:rotate(-12deg) translate(-5px,-2px)}._stack_ezgzn_199:after{background:var(--paper);transform:rotate(10deg) translate(5px,-3px)}._stack_ezgzn_199[data-cards="2"]:before,._stack_ezgzn_199[data-cards="3"]:before,._stack_ezgzn_199[data-cards="3"]:after{display:block}._stack_ezgzn_199[data-cards="0"]{border-style:dashed;background:var(--wash);box-shadow:none}._streakNumber_ezgzn_245{font-size:1.8rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}._streakLabel_ezgzn_252{font-size:.9rem;font-weight:500;white-space:nowrap}._days_ezgzn_259{position:relative;display:grid;flex:1;grid-template-columns:repeat(5,1fr);gap:4px;min-width:0;margin:0;padding:0;list-style:none}._days_ezgzn_259:before{content:"";position:absolute;top:calc(var(--day-size) / 2);right:0;left:0;height:var(--outline-width);background:var(--line);transform:translateY(-50%)}._day_ezgzn_259{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;font-size:.8rem;font-weight:500;white-space:nowrap}._dayCard_ezgzn_294{display:grid;place-items:center;width:var(--day-size);height:var(--day-size);border:var(--outline-width) dashed var(--line);border-radius:calc(var(--day-size) * .24);background:var(--page)}._dayCard_ezgzn_294 svg{width:70%;height:70%}._dayDone_ezgzn_309{border-style:solid;background:var(--correct);box-shadow:var(--small-shadow)}._today_ezgzn_316{font-weight:700}._today_ezgzn_316:after{content:"";width:6px;height:6px;margin-top:-2px;border-radius:50%;background:var(--ink)}._sectionHead_ezgzn_331{display:flex;align-items:center;gap:10px;margin-bottom:20px}._sectionTitle_ezgzn_338{margin:0;font-size:1.5rem;font-weight:700}._badge_ezgzn_344{background:var(--mist);font-size:.75rem}._sleeves_ezgzn_353{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0;list-style:none}._sleeve_ezgzn_353{--sleeve: var(--pink);--label: var(--mint);--tilt: -4deg;--out: 0;position:relative;isolation:isolate;display:block;width:100%;min-width:0;padding:0;border:0;border-radius:var(--small-radius);background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transform:translateY(calc(var(--out) * -3px)) rotate(calc(var(--tilt) * (1 - var(--out) * .6)));transition:transform var(--quick)}._sleeves_ezgzn_353>li:nth-child(2) ._sleeve_ezgzn_353{--sleeve: var(--mint);--label: var(--dusty-blue);--tilt: 2.5deg}._sleeves_ezgzn_353>li:nth-child(3) ._sleeve_ezgzn_353{--sleeve: var(--dusty-blue);--label: var(--pink);--tilt: -1.5deg}@media (hover: hover){._sleeve_ezgzn_353:hover{--out: 1}}._sleeve_ezgzn_353:focus-visible,._sleeve_ezgzn_353:active{--out: 1}._sleeve_ezgzn_353:focus-visible{outline:var(--outline);outline-offset:var(--outline-gap)}._record_ezgzn_413{position:absolute;top:0;left:10%;z-index:-1;width:80%;aspect-ratio:1;border-radius:50%;background:var(--line);transform:translateY(calc(var(--out) * -20%)) rotate(calc(var(--out) * 25deg));transition:transform var(--quick)}._record_ezgzn_413:before{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border:2px solid transparent;border-top-color:var(--wash);border-radius:50%;transform:rotate(-35deg)}._record_ezgzn_413:after{content:"";position:absolute;top:34%;right:34%;bottom:34%;left:34%;border:2px solid var(--paper);border-radius:50%;background:var(--label)}._cover_ezgzn_446{--grow: calc(var(--out) * 2px);--pill-size: .65rem;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;aspect-ratio:1;margin-top:24%;padding:10px;border:var(--outline);border-radius:var(--small-radius);background:var(--sleeve);box-shadow:calc(var(--offset) + var(--grow)) calc(var(--offset) + var(--grow)) 0 var(--shadow);transition:box-shadow var(--quick)}._kind_ezgzn_464{font-size:.75rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}._sleeveTitle_ezgzn_471{font-size:clamp(.95rem,3.6vw,1.25rem);font-weight:700;line-height:1.1}._cover_ezgzn_446>._countdown_ezgzn_84{background:var(--paper);align-self:flex-end;margin:-4px 0 auto}._cover_ezgzn_446>._countdown_ezgzn_84 svg{display:none}@media (prefers-reduced-motion: reduce){._sleeve_ezgzn_353{transform:rotate(var(--tilt))}._record_ezgzn_413{transform:none}}._app_3pfr1_2{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}._app_3pfr1_2>main{flex:1 0 auto}*,*:before,*:after{box-sizing:border-box}@font-face{font-family:Ranade;src:url(/assets/ranade-regular-B0LL0bjr.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Ranade;src:url(/assets/ranade-medium-DUjw2HWv.otf) format("opentype");font-weight:500;font-display:swap}@font-face{font-family:Ranade;src:url(/assets/ranade-bold-hnpPEhPy.otf) format("opentype");font-weight:700;font-display:swap}@font-face{font-family:Sonder;src:url(/assets/sonder-regular-CCrICTxP.otf) format("opentype");font-weight:400;font-display:swap}:root{color-scheme:light;--dusty-blue: #90b9d6;--mint: #b4e4d3;--pale-mint: #d4ecdf;--pink: #edc1d5;--rose: #df779f;--paper: #ffffff;--line: #000000;--shadow: #2b2b2b;--wash: rgb(255 255 255 / 45%);--mist: #f1f1f1;--page: var(--dusty-blue);--ink: var(--line);--song-card: var(--correct);--action: var(--pink);--correct: var(--mint);--wrong: var(--rose);--slot-target: var(--wash);--slot-over: var(--pale-mint);--card-size: clamp(80px, min(28vw, 18vh), 148px);--card-size: clamp(80px, min(28vw, 18svh), 148px);--card-radius: calc(var(--card-size) * .155);--outline-width: 3px;--outline: var(--outline-width) solid var(--line);--thin-outline: 2px solid var(--line);--outline-gap: 3px;--offset: calc(var(--card-size) * .035);--hard-shadow: var(--offset) var(--offset) 0 var(--shadow);--flip-ms: .5s;--breathe: breathe .9s ease-in-out infinite alternate;--quick: .14s ease;--font: "Ranade", system-ui, -apple-system, "Segoe UI", sans-serif;--title-font: "Sonder", var(--font)}html,body{overflow-x:clip;overscroll-behavior-x:none}html{min-height:100%;background:var(--page);scrollbar-gutter:stable}body{margin:0;min-height:100vh;min-height:100dvh;background:var(--page);color:var(--ink);font-family:var(--font);font-weight:400;font-synthesis:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}button{font-weight:500}#root{position:relative;z-index:0}@keyframes breathe{to{transform:scale(1.05)}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}