:root{--bg-canvas: #120910;--surface: #1a0c14;--surface-admin: #20101a;--surface-raised: #2c1120;--surface-sheet: #241019;--surface-sheet-2: #3a1225;--maroon-900: #4a1120;--maroon-800: #6a1f38;--maroon-700: #7a2440;--magenta-600: #a03052;--pink: #ffc9de;--pink-2: #e893b8;--blue: #bfdbff;--blue-2: #8fb0dc;--gold: #f5c97a;--ink: #ffeff5;--ink-on-pink: #4a1120;--ink-on-light: #2e0a16;--ink-on-blue: #231226;--ink-70: rgba(255, 223, 235, .7);--ink-65: rgba(255, 239, 245, .65);--ink-60: rgba(255, 223, 235, .6);--ink-55: rgba(255, 223, 235, .55);--ink-50: rgba(255, 239, 245, .5);--ink-45: rgba(255, 223, 235, .45);--ink-40: rgba(255, 223, 235, .4);--ink-30: rgba(255, 223, 235, .3);--ink-75-warm: rgba(255, 239, 245, .75);--pink-a04: rgba(255, 201, 222, .04);--pink-a05: rgba(255, 201, 222, .05);--pink-a06: rgba(255, 201, 222, .06);--pink-a10: rgba(255, 201, 222, .1);--pink-a12: rgba(255, 201, 222, .12);--pink-a15: rgba(255, 201, 222, .15);--pink-a25: rgba(255, 201, 222, .25);--pink-a20: rgba(255, 201, 222, .2);--pink-a30: rgba(255, 201, 222, .3);--pink-a35: rgba(255, 201, 222, .35);--pink-a40: rgba(255, 201, 222, .4);--pink-a50: rgba(255, 201, 222, .5);--blue-a06: rgba(191, 219, 255, .06);--blue-a12: rgba(191, 219, 255, .12);--blue-a15: rgba(191, 219, 255, .15);--blue-a20: rgba(191, 219, 255, .2);--blue-a25: rgba(191, 219, 255, .25);--success: #3f9e62;--success-ink: #ffffff;--success-a12: rgba(63, 158, 98, .12);--success-a20: rgba(63, 158, 98, .2);--danger: #ff6b8c;--danger-ink: #2c0913;--danger-hover: #ff85a1;--danger-text: #ff8faf;--danger-a08: rgba(255, 107, 140, .08);--danger-a35: rgba(255, 107, 140, .35);--font-display: "Space Grotesk Variable", "Space Grotesk", Inter, sans-serif;--font-body: "Inter Variable", Inter, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--r-pill: 999px;--r-sheet: 32px;--r-2xl: 28px;--r-xl: 26px;--r-lg: 24px;--r-md: 22px;--r-card: 18px;--r-sm: 16px;--r-card-tile: 14px;--r-xs: 12px;--shadow-card: 0 20px 44px rgba(0, 0, 0, .45);--shadow-float: 0 10px 24px rgba(0, 0, 0, .4);--shadow-modal: 0 30px 70px rgba(0, 0, 0, .6);--glow-pink: 0 14px 34px rgba(255, 201, 222, .25);--glow-pink-soft: 0 12px 28px rgba(255, 201, 222, .18);--z-tabbar: 30;--z-sheet: 40;--z-card-zoom: 45;--z-delete-modal: 50;--z-toast: 60;--z-daily: 70;--z-premium-modal: 75;--screen-max: 460px}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");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}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");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}@keyframes screenIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:none}}@keyframes floaty{0%,to{transform:translateY(0) rotate(var(--r, 0deg))}50%{transform:translateY(-12px) rotate(var(--r, 0deg))}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glow{0%,to{opacity:.4}50%{opacity:.95}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes tfSpin{to{transform:rotate(360deg)}}@keyframes scanSweep{0%{transform:translateY(-120%)}to{transform:translateY(120%)}}@keyframes sparkleOrbit{to{transform:rotate(360deg)}}@keyframes sparkleTwinkle{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes scannerFrameLock{0%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes scannerCheckIn{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes scannerPhoneTurn{0%{transform:rotate(0)}to{transform:rotate(-90deg)}}@keyframes scannerRotationHint{0%{opacity:0;transform:translateY(-8px)}10%,82%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes riseUp{0%{transform:translateY(180px) scale(.5);opacity:0}to{transform:none;opacity:1}}@keyframes revealCardSettle{0%{transform:translateY(150px) scale(1.45);opacity:0}14%{transform:translateY(150px) scale(1.45);opacity:1}40%{transform:translateY(150px) scale(1.45);opacity:1}to{transform:none;opacity:1}}@keyframes revealCardDeal{0%{transform:translate(var(--adx, 0px),var(--ady, 0px)) scale(var(--asc, 1))}40%{transform:translateY(150px) scale(1.45)}60%{transform:translateY(150px) scale(1.45)}to{transform:none}}@keyframes revealCardStow{0%{transform:none;opacity:1}85%{opacity:1}to{transform:translate(var(--sdx, 0px),var(--sdy, 0px)) scale(var(--ssc, 1));opacity:0}}@keyframes contentIn{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes dealIn{0%{transform:translate(var(--dx, 0px),var(--dy, 240px)) scale(var(--sc, 1.2)) rotate(var(--rot, 0deg))}to{transform:translate(0) scale(1) rotate(0)}}@keyframes flipOver{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes fanInL{0%{opacity:0;transform:translateY(46px) rotate(0) scale(.92)}to{opacity:1;transform:translateY(0) rotate(-14deg) scale(1)}}@keyframes fanInR{0%{opacity:0;transform:translateY(46px) rotate(0) scale(.92)}to{opacity:1;transform:translateY(0) rotate(13deg) scale(1)}}@keyframes fanInC{0%{opacity:0;transform:translateY(46px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes flyUp{0%{opacity:0;transform:translateY(56px)}to{opacity:1;transform:none}}.u-interactive{transition:transform .2s ease,background .2s ease}.u-lift:hover{transform:translateY(-2px)}.u-lift-1:hover{transform:translateY(-1px)}.u-lift-3:hover{transform:translateY(-3px)}.u-lift-tile:hover{transform:translateY(-4px) rotate(-1deg)}.u-press:active{transform:scale(.98)}.u-grow:hover{transform:scale(1.06)}@keyframes eventPop{0%{opacity:0;transform:translateY(6px) scale(.86)}to{opacity:1;transform:none}}@keyframes holoBurst{0%{opacity:.85;transform:translate(-50%,-50%) scale(.45)}to{opacity:0;transform:translate(-50%,-50%) scale(1.9)}}@keyframes holoHalo{0%,to{opacity:.6;transform:translate(-50%,-56%) scale(1)}50%{opacity:1;transform:translate(-50%,-56%) scale(1.08)}}@keyframes albumTilePulse{0%{box-shadow:0 8px 20px #0000004d,0 0 #ffc9de80}to{box-shadow:0 8px 20px #0000004d,0 0 0 14px #ffc9de00}}@keyframes holoBadgeBump{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.tf-focus-pink:focus{border-color:var(--pink)!important;box-shadow:0 0 0 4px var(--pink-a12)}.tf-focus-blue:focus{border-color:var(--blue)!important}.row-hover:hover{background:var(--pink-a06)}.row-hover-strong:hover{background:var(--pink-a12)}.tf-input::placeholder{color:var(--ink-50)}.u-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.screen-shell>*{flex-shrink:0}.daily-overlay{overflow:hidden;overflow:clip}.holo-scene{--mx: 50%;--my: 50%;--rx: 0deg;--ry: 0deg;--hyp: 0;display:grid;justify-items:center;align-items:start;position:relative}.holo-scene--live{transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry))}.holo{--foil-opacity: .5;--foil-l: 72;--glare-opacity: .45;--ring-inset: 0px;--ring-width: 3px;--holo-radius: 14px;--holo-inset: 0px;--holo-flip: 0deg;--mask: none;grid-area:1 / 1;position:relative;overflow:hidden;isolation:isolate;pointer-events:none;box-shadow:var(--holo-shadow, none)}.holo-scene--live .holo{--holo-shadow: calc(var(--ry) * -.9px) calc(var(--rx) * .9px) 34px rgba(0, 0, 0, .45)}.holo__foil{position:absolute;inset:var(--holo-inset);pointer-events:none;background-image:repeating-linear-gradient(0deg,hsl(2 100% calc(var(--foil-l) * 1%)) 5%,hsl(53 100% calc(var(--foil-l) * 1%)),hsl(93 100% calc(var(--foil-l) * 1%)),hsl(176 100% calc(var(--foil-l) * 1%)),hsl(228 100% calc(var(--foil-l) * 1%)),hsl(283 100% calc(var(--foil-l) * 1%)),hsl(2 100% calc(var(--foil-l) * 1%)) 35%),repeating-linear-gradient(125deg,#0e152e,#ff00e0 8%,#fff,#0fe 16%,#0e152e 24%);background-blend-mode:difference;background-size:200% 700%,300% 100%;background-position:center,calc(var(--mx) * .85) calc(var(--my) * .85);mix-blend-mode:var(--foil-blend, screen);filter:brightness(calc(.62 + var(--hyp) * .5)) contrast(var(--foil-contrast, 1.6)) saturate(var(--foil-sat, 1.1));opacity:var(--foil-opacity);-webkit-mask-image:var(--mask);mask-image:var(--mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transform:rotate(var(--holo-flip))}.holo__glare{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(farthest-corner circle at var(--mx) var(--my),hsl(0 0% 100% / .72) 4%,hsl(0 0% 100% / .18) 24%,hsl(0 0% 0% / .55) 132%);mix-blend-mode:var(--glare-blend, overlay);opacity:var(--glare-opacity)}.holo__ring{position:absolute;inset:var(--ring-inset);box-sizing:border-box;border-radius:calc(var(--holo-radius) - var(--ring-inset) * .3);padding:var(--ring-width);background:conic-gradient(from calc(var(--ry) * 7 + 40deg),#ff5ad4,#ffd75a,#5affc0,#5ab8ff,#b45aff,#ff5ad4);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:calc(.5 + var(--hyp) * .5)}.holo-coin{display:inline-block;vertical-align:middle;flex-shrink:0;box-sizing:border-box;border:1px solid rgba(255,255,255,.9);background-image:linear-gradient(160deg,#ffffffd9,#fff0 42%),linear-gradient(125deg,#ff5ad4,#ffd75a 28%,#5affc0 52%,#5ab8ff 74%,#b45aff);box-shadow:inset 0 0 0 1px #280a1e59,0 1px 3px #00000059}@media (prefers-reduced-motion: reduce){.holo-scene--live{transform:none}}.album-frame{position:relative}.album-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:3px;background:conic-gradient(from 40deg,#ff5ad4,#ffd75a,#5affc0,#5ab8ff,#b45aff,#ff5ad4);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:var(--pink)}a:hover{color:var(--blue)}button{font-family:inherit}#root{min-height:100dvh;background:var(--surface)}html[data-app-runtime=web] #root{position:relative;width:100%;min-width:360px;max-width:var(--screen-max);margin-inline:auto;overflow:hidden;transform:translateZ(0)}
