:root{--ink:#155266;--ink-2:#3b6175;--sky:#deedfd;--sky-top:#e3f0ff;--sky-foam:#b8f0e7;--mint:#00fcc4;--mint-hi:#49f8c7;--tq:#2ec9bb;--tq-deep:#1c8f9c;--reward:#5b20b9;--reward-2:#8b3fff;--abyss:#1a2c46;--error:#dc2626;--line:#d7e4f1;--wash:#eaf3fc;--sky-press:#d2e6fa;--on-dark:#b9ccdd;--app-muted:#5d7186;--chatti-ground:#f5f3ff;--chatti-line:#e4e0f2;--chatti-violet:#7b5cff;--chatti-lilac:#c9b7ff;--chatti-plum:#7a1f8e;--chatti-magenta:#a0177e;--chatti-indigo:#3e167f;--chatti-pink:#d20087;--chatti-green:#00ff9a;--chatti-core-lit:#3c2e7c;--chatti-core:#251b57;--chatti-core-edge:#130d31;--chatti-launcher:#0c0c0c;--chatti-online:#20e597;--chatti-bubble-ink:#1d3340;--chatti-soft:#ece9fa;--chatti-hint:#6b7280;--chatti-ring:conic-gradient(from 270deg, #d20087, #3e167f, #3e167f, #00ff9a, #3e167f, #3e167f, #d20087);--spectrum:#2afeb4, #00d4ff, #7b5cff, #c840e9, #ff0090, #2afeb4;--device-dark:#16243a;--device-light:#55708e;--device-mid:#22344d;--device-glass:#05080c;--device-rim:#6d829b;--font:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--wrap-max:1240px;--gutter:clamp(16px, 4vw, 56px);--ease:cubic-bezier(.2, .8, .2, 1);--glass:linear-gradient(180deg, #ffffffe0, #ffffffa8);--glass-shadow:inset 0 0 0 1.5px #fffffff2, 0 1px 2px #15526614, 0 14px 28px -16px #15526652, 0 40px 70px -40px #15526673}@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/inter-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/inter-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-optical-sizing:auto}body{background:var(--sky);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.5}img,svg,video,canvas{max-width:100%;display:block}.wrap{width:100%;max-width:calc(var(--wrap-max) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}:focus-visible{outline:3px solid var(--reward-2);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.css-phone[data-astro-cid-nsf5ntfg]{background:linear-gradient(150deg,#3a4a5e,#0f1a28 55%,#2a3a4e);border-radius:16.5%/8%;width:100%;padding:3.2%;box-shadow:inset 0 0 0 1px #ffffff1f,0 30px 60px -30px #1552668c}.css-phone[data-astro-cid-nsf5ntfg] .app-screen{aspect-ratio:390/844;border-radius:13.5%/6.5%;width:100%}.tilt[data-astro-cid-nsf5ntfg]{transform:perspective(1200px)rotateY(-14deg)rotateX(4deg);box-shadow:inset 0 0 0 1px #ffffff1f,24px 40px 60px -30px #15526699}.ph[data-astro-cid-nsf5ntfg]{width:var(--pw,300px);aspect-ratio:300/618;perspective:1700px;perspective-origin:50% 42%;flex:none;position:relative}.ph-body[data-astro-cid-nsf5ntfg]{transform-style:preserve-3d;transform:rotateX(var(--rx,6deg)) rotateY(var(--ry,-22deg)) rotateZ(var(--rz,0deg));transition:transform .9s var(--ease);position:absolute;inset:0}.ph-edge[data-astro-cid-nsf5ntfg]{border-radius:calc(var(--pw,300px) * .16);background:linear-gradient(90deg, var(--device-dark), var(--device-light) 14%, var(--device-mid) 48%, var(--device-light) 86%, var(--device-dark));transform:translateZ(calc(var(--k) * var(--pw,300px) * -.0042));position:absolute;inset:0}.ph-edge[data-astro-cid-nsf5ntfg].back{background:linear-gradient(150deg, var(--device-mid), var(--device-dark) 60%, var(--device-mid))}.ph-drop[data-astro-cid-nsf5ntfg]{border-radius:calc(var(--pw,300px) * .16);background:var(--ph-shadow,#1552666b);filter:blur(calc(var(--pw,300px) * .1));transform:translateZ(calc(var(--pw,300px) * -.22)) translateX(8%);position:absolute;inset:6% -4% -3% 6%}.ph-face[data-astro-cid-nsf5ntfg]{border-radius:calc(var(--pw,300px) * .16);background:var(--device-glass);padding:calc(var(--pw,300px) * .034);box-shadow:inset 0 0 0 calc(var(--pw,300px) * .006) var(--device-rim), inset 0 0 0 calc(var(--pw,300px) * .013) var(--device-dark);position:absolute;inset:0;transform:translateZ(.5px)}.ph-glass[data-astro-cid-nsf5ntfg]{z-index:30;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,#fff0 32%,#ffffff21 44%,#fff0 58%);position:absolute;inset:0}.ph-screen[data-astro-cid-nsf5ntfg]{border-radius:calc(var(--pw,300px) * .125);isolation:isolate;width:100%;height:100%;position:relative;overflow:hidden}.ph-screen[data-astro-cid-nsf5ntfg]>.app-screen{position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.ph-body[data-astro-cid-nsf5ntfg]{transition:none}}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}.app-screen{--spectrum:#2afeb4, #00d4ff, #7b5cff, #c840e9, #ff0090, #2afeb4;--u:calc(100cqw / 390);background:linear-gradient(180deg, var(--sky-top), var(--sky));color:var(--ink);font-family:var(--font);text-align:left;-webkit-user-select:none;user-select:none;line-height:1.3;position:relative;overflow:hidden;container-type:inline-size}.app-screen p{margin:0}.app-screen:after{content:"";z-index:20;pointer-events:none;background:linear-gradient(115deg, transparent calc(var(--glare,50%) - 22%), #ffffff29 var(--glare,50%), transparent calc(var(--glare,50%) + 14%));position:absolute;inset:0}.app-screen .island{top:calc(11 * var(--u));width:calc(120 * var(--u));height:calc(35 * var(--u));z-index:9;background:#05080c;border-radius:99px;position:absolute;left:50%;transform:translate(-50%)}.app-screen .sb{height:calc(54 * var(--u));padding:0 calc(30 * var(--u)) 0 calc(38 * var(--u));font-size:calc(16 * var(--u));color:#000;justify-content:space-between;align-items:center;font-weight:650;display:flex}.app-screen .sb svg{height:calc(13 * var(--u));width:auto}.app-screen .app-head{align-items:center;gap:calc(14 * var(--u));padding:calc(10 * var(--u)) calc(20 * var(--u)) 0;display:flex}.app-screen .app-head .lg{height:calc(30 * var(--u));width:auto}.app-screen .app-head .hng{height:calc(26 * var(--u));width:auto}.app-screen .app-head .bell{width:calc(24 * var(--u));height:calc(24 * var(--u));margin-left:auto}.app-screen .app-title{font-size:calc(26 * var(--u));color:var(--ink);margin:calc(18 * var(--u)) calc(20 * var(--u)) calc(12 * var(--u));letter-spacing:-.02em;font-weight:800}.app-screen .scroller{transition:transform 1.5s cubic-bezier(.45,0,.2,1)}.app-screen .cp{isolation:isolate;margin:0 calc(16 * var(--u));border-radius:calc(20 * var(--u));padding:calc(3 * var(--u));position:relative}.app-screen .cp:before,.app-screen .cp:after{content:"";background:conic-gradient(from var(--spin), var(--spectrum));animation:9s linear infinite app-spin;position:absolute}.app-screen .cp:before{border-radius:inherit;opacity:.55;inset:0}.app-screen .cp:after{inset:calc(-6 * var(--u));border-radius:calc(26 * var(--u));filter:blur(calc(14 * var(--u)));opacity:0;z-index:-1;transition:opacity .4s}.app-screen .cp.thinking:before{opacity:1;animation-duration:2.4s}.app-screen .cp.thinking:after{opacity:.55;animation-duration:2.4s}@keyframes app-spin{to{--spin:360deg}}.app-screen .cp-in{border-radius:calc(17 * var(--u));padding:calc(14 * var(--u)) calc(16 * var(--u)) calc(16 * var(--u));background:#fff;position:relative;overflow:hidden}.app-screen .cp-in:before{content:"";opacity:.6;background:linear-gradient(120deg,#d9fff1,#ddf6ff 35%,#ece6ff 70%,#fbe0f3);position:absolute;inset:0}.app-screen .cp-in>*{position:relative}.app-screen .cp-top{align-items:center;gap:calc(12 * var(--u));display:flex}.app-screen .orb{width:calc(40 * var(--u));height:calc(40 * var(--u));box-shadow:0 0 0 calc(3 * var(--u)) #fff, 0 0 0 calc(5 * var(--u)) #7b5cff59;background:radial-gradient(circle at 35% 30%,#3c2e7c,#251b57 55%,#130d31);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.app-screen .orb img{width:58%;height:auto}.app-screen .orb i{border:calc(2 * var(--u)) solid #7b5cff;opacity:0;border-radius:50%;animation:3.2s ease-out infinite app-orbring;position:absolute;inset:0}.app-screen .orb i:nth-of-type(2){border-color:#2afeb4;animation-delay:1.6s}@keyframes app-orbring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.app-screen .wm{font-size:calc(17 * var(--u));color:var(--ink);font-weight:700}.app-screen .wm b,.app-screen .cp-msg.think{background:linear-gradient(90deg,#0fa88a,#7b5cff,#c840e9,#0fa88a) 0 0/300% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite app-wave}.app-screen .wm b{font-size:calc(19 * var(--u))}@keyframes app-wave{to{background-position:300% 0}}.app-screen .ask{height:calc(30 * var(--u));padding:0 calc(14 * var(--u));border:calc(1.5 * var(--u)) solid transparent;font-size:calc(14 * var(--u));color:#a0177e;background:linear-gradient(#fff,#fff) padding-box padding-box,conic-gradient(#d20087,#3e167f,#00ff9a,#d20087) border-box;border-radius:99px;place-items:center;margin-left:auto;font-weight:650;display:grid}.app-screen .cp-msg{font-size:calc(15 * var(--u));line-height:calc(22 * var(--u));color:var(--ink);margin:calc(12 * var(--u)) 0;min-height:calc(66 * var(--u));font-weight:500}.app-screen .cp-msg b{color:var(--abyss);font-weight:700}.app-screen .cp-msg.think{background-image:linear-gradient(90deg,#155266 0%,#7b5cff 40%,#155266 80%);background-size:200% 100%;animation-duration:1.6s}.app-screen .tile{border-radius:calc(18 * var(--u));box-shadow:0 calc(4 * var(--u)) calc(14 * var(--u)) #1552661a;background:#fff;transition:opacity .3s,transform .3s;display:flex;overflow:hidden}.app-screen .tile.hide{opacity:0;transform:translateY(calc(8 * var(--u)))}.app-screen .tile-img{width:calc(104 * var(--u));flex:none;position:relative}.app-screen .tile-img img{object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;inset:0}.app-screen .tile-img s{left:calc(6 * var(--u));top:calc(6 * var(--u));color:#fff;font-size:calc(10.5 * var(--u));padding:calc(3 * var(--u)) calc(6 * var(--u));background:#d000be;border-radius:99px;font-weight:800;text-decoration:none;position:absolute}.app-screen .tile-info{min-width:0;padding:calc(10 * var(--u)) calc(12 * var(--u)) calc(12 * var(--u));flex:1}.app-screen .tile-row{justify-content:space-between;align-items:baseline;gap:calc(6 * var(--u));display:flex}.app-screen .tile-row b{font-size:calc(17 * var(--u));color:var(--ink);white-space:nowrap;font-weight:700}.app-screen .tile-row span{font-size:calc(12.5 * var(--u));color:#4a6a7d;white-space:nowrap}.app-screen .share-to{margin-top:calc(8 * var(--u));align-items:center;gap:calc(7 * var(--u));background:var(--mint);color:#000;font-weight:600;font-size:calc(13 * var(--u));padding:calc(7 * var(--u)) calc(10 * var(--u));border-radius:calc(6 * var(--u));white-space:nowrap;transition:transform .15s;display:inline-flex;position:relative}.app-screen .share-to svg{width:calc(14 * var(--u));height:calc(14 * var(--u))}.app-screen .share-to.press{transform:scale(.93)}.app-screen .tap{width:calc(46 * var(--u));height:calc(46 * var(--u));margin:calc(-23 * var(--u)) 0 0 calc(-23 * var(--u));box-shadow:0 0 0 calc(2 * var(--u)) #ffffffbf;pointer-events:none;background:radial-gradient(circle,#15526657,#1552662e 60%,#0000 72%);border-radius:50%;animation:.6s ease-out forwards app-tap;position:absolute;top:50%;left:50%}@keyframes app-tap{0%{opacity:0;transform:scale(1.5)}30%{opacity:1;transform:scale(.85)}to{opacity:0;transform:scale(1.7)}}.app-screen .effect{margin:calc(16 * var(--u)) calc(16 * var(--u)) 0;border-radius:calc(22 * var(--u));padding:calc(16 * var(--u)) calc(18 * var(--u));color:#fff;font-size:calc(14 * var(--u));background:linear-gradient(115deg,#6c2bef,#a65cf6);line-height:1.45;position:relative;overflow:hidden}.app-screen .effect:after{content:"";right:calc(-30 * var(--u));top:calc(-30 * var(--u));width:calc(90 * var(--u));height:calc(90 * var(--u));background:#ffffff1a;border-radius:50%;position:absolute}.app-screen .effect b{font-size:calc(19 * var(--u));margin-bottom:calc(6 * var(--u));font-weight:750;display:block}.app-screen .effect p{margin:0 0 calc(4 * var(--u))}.app-screen .effect em{color:var(--mint-hi);font-style:normal;font-weight:800}.app-screen .effect span{margin-top:calc(8 * var(--u));padding:calc(6 * var(--u)) calc(14 * var(--u));background:#ffffff2e;border-radius:99px;font-weight:650;display:inline-block}.app-screen .club{margin:calc(16 * var(--u)) calc(16 * var(--u)) 0;border-radius:calc(12 * var(--u));box-shadow:0 calc(4 * var(--u)) calc(14 * var(--u)) #1552661a;background:#fff;overflow:hidden}.app-screen .club-h{color:#fff;font-weight:700;font-size:calc(18 * var(--u));letter-spacing:-.02em;padding:calc(16 * var(--u));background:#155266;border-bottom:1px solid #eee;line-height:1}.app-screen .club-body{padding:calc(16 * var(--u)) 0;gap:calc(24 * var(--u));flex-direction:column;display:flex}.app-screen .club-det{padding:0 calc(16 * var(--u));gap:calc(8 * var(--u));color:#222;flex-direction:column;display:flex}.app-screen .club-det b{font-weight:600;font-size:calc(16 * var(--u));letter-spacing:-.02em;line-height:1}.app-screen .club-det span{font-size:calc(14 * var(--u));line-height:1}.app-screen .club-act{padding-right:calc(16 * var(--u));justify-content:space-between;align-items:center;display:flex}.app-screen .earn-badge{color:#fff;font-weight:600;font-size:calc(12 * var(--u));letter-spacing:.02em;text-transform:uppercase;padding:calc(12 * var(--u));border-radius:0 calc(20 * var(--u)) calc(20 * var(--u)) 0;background:#5b20b9;line-height:1}.app-screen .club-share{background:var(--mint);color:#000;font-weight:500;font-size:calc(14 * var(--u));letter-spacing:.02em;text-transform:uppercase;height:calc(29 * var(--u));width:calc(86 * var(--u));border-radius:calc(6 * var(--u));place-items:center;display:grid}.app-screen .club-exp{gap:calc(16 * var(--u));flex-direction:column;display:flex}.app-screen .club-exp>b{font-weight:700;font-size:calc(16 * var(--u));color:#222;padding:0 calc(16 * var(--u));line-height:1}.app-screen .club-rail{gap:calc(12 * var(--u));padding:0 calc(16 * var(--u));display:flex;overflow:hidden}.app-screen .deal-card{width:calc(303 * var(--u));border-radius:calc(14 * var(--u));flex:none;overflow:hidden}.app-screen .dc-img{height:calc(145 * var(--u));background:var(--abyss);position:relative}.app-screen .dc-img img{object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;inset:0}.app-screen .dc-img:after{content:"";background:linear-gradient(#0000 57.5%,#0009);position:absolute;inset:0}.app-screen .dc-title{z-index:1;left:calc(16 * var(--u));bottom:calc(11 * var(--u));gap:calc(4 * var(--u));color:#fff;flex-direction:column;display:flex;position:absolute}.app-screen .dc-title b{font-weight:800;font-size:calc(18 * var(--u));text-transform:uppercase;line-height:1}.app-screen .dc-title span{font-weight:600;font-size:calc(14 * var(--u));letter-spacing:-.02em;line-height:1}.app-screen .dc-strip{background:var(--mint);padding:calc(14 * var(--u));gap:calc(14 * var(--u));flex-direction:column;display:flex}.app-screen .dc-row{color:#222;justify-content:space-between;align-items:center;line-height:1;display:flex}.app-screen .dc-row span{font-size:calc(12 * var(--u));font-weight:600}.app-screen .dc-row b{font-size:calc(20 * var(--u));color:#111;font-weight:700}.app-screen .dc-row .dc-earn{text-transform:uppercase;color:#3d4b52;font-weight:500}.app-screen .dc-row small{font-size:calc(11.5 * var(--u));color:#222}.app-screen .profile{margin:calc(16 * var(--u)) calc(16 * var(--u)) 0;min-height:calc(150 * var(--u));border-radius:calc(22 * var(--u));box-shadow:0 calc(4 * var(--u)) calc(14 * var(--u)) #1552661a;background:#fff;display:flex;overflow:hidden}.app-screen .pf-me{flex:0 0 calc(128 * var(--u));justify-content:center;align-items:center;gap:calc(10 * var(--u));padding:calc(12 * var(--u)) 0;flex-direction:column;display:flex}.app-screen .pf-av{width:calc(72 * var(--u));height:calc(72 * var(--u));color:#fff;font-weight:700;font-size:calc(24 * var(--u));box-shadow:0 0 0 calc(3 * var(--u)) #fff, 0 calc(6 * var(--u)) calc(14 * var(--u)) #15526640;background:#6f88a0;border-radius:50%;place-items:center;display:grid}.app-screen .pf-me b{font-size:calc(15 * var(--u));color:var(--ink);white-space:nowrap;font-weight:700}.app-screen .pf-stats{justify-content:center;align-items:center;gap:calc(12 * var(--u));background:linear-gradient(135deg,#49f8c7,#00fcc4);border-radius:50% 0 0 50%/100% 0 0 100%;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.app-screen .pf-stats:before{content:"";left:calc(10 * var(--u));border:calc(1.5 * var(--u)) solid #ffffff73;border-radius:50%;width:70%;height:140%;position:absolute;top:-20%}.app-screen .pf-pill{gap:calc(10 * var(--u));border-radius:calc(16 * var(--u));padding:calc(10 * var(--u)) calc(14 * var(--u));background:#ffffff8c;display:flex;position:relative}.app-screen .pf-pill div{align-items:center;gap:calc(4 * var(--u));flex-direction:column;display:flex}.app-screen .pf-pill div+div{padding-left:calc(10 * var(--u));border-left:1px solid #15526633}.app-screen .pf-pill b{font-size:calc(23 * var(--u));color:var(--ink);font-weight:800;line-height:1}.app-screen .pf-pill span{font-size:calc(11.5 * var(--u));color:var(--ink-2);white-space:nowrap}.app-screen .pf-redeem{font-size:calc(13 * var(--u));color:#8b3fff;font-weight:700;position:relative}.app-screen .qa-title{font-size:calc(18 * var(--u));color:var(--ink);margin:calc(22 * var(--u)) calc(16 * var(--u)) calc(12 * var(--u));font-weight:700}.app-screen .qa-grid{gap:calc(12 * var(--u));padding:0 calc(16 * var(--u));grid-template-columns:1fr 1fr;display:grid}.app-screen .qa{gap:calc(6 * var(--u));min-height:calc(140 * var(--u));padding:calc(16 * var(--u));border-radius:calc(18 * var(--u));background:#fff;flex-direction:column;display:flex;position:relative}.app-screen .qa:after{content:"›";right:calc(12 * var(--u));top:calc(12 * var(--u));width:calc(26 * var(--u));height:calc(26 * var(--u));background:var(--sky);color:#6f88a0;font-size:calc(18 * var(--u));line-height:calc(24 * var(--u));text-align:center;border-radius:50%;position:absolute}.app-screen .qa-ic{width:calc(42 * var(--u));height:calc(42 * var(--u));margin-bottom:calc(14 * var(--u));border-radius:calc(10 * var(--u));color:#00d99c;background:#00d99c24;place-items:center;display:grid}.app-screen .qa:nth-child(2n) .qa-ic{color:#8b3fff;background:#8b3fff1f}.app-screen .qa-ic svg{width:calc(24 * var(--u));height:calc(24 * var(--u))}.app-screen .qa b{font-size:calc(16 * var(--u));color:#222;font-weight:700}.app-screen .qa span{font-size:calc(13 * var(--u));color:#6f88a0;line-height:1.35}.app-screen .cbar{isolation:isolate;margin:0 calc(16 * var(--u));padding:calc(2 * var(--u));border-radius:calc(18 * var(--u));position:relative}.app-screen .cbar:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--spin), var(--spectrum));opacity:.55;animation:9s linear infinite app-spin;position:absolute;inset:0}.app-screen .cbar-in{align-items:center;gap:calc(10 * var(--u));padding:calc(8 * var(--u)) calc(8 * var(--u)) calc(8 * var(--u)) calc(10 * var(--u));border-radius:calc(16 * var(--u));background:linear-gradient(120deg,#f4fffb,#f6fbff 40%,#f7f4ff);display:flex}.app-screen .cbar .orb{width:calc(28 * var(--u));height:calc(28 * var(--u));box-shadow:0 0 0 calc(2 * var(--u)) #fff}.app-screen .cbar p{font-size:calc(13.5 * var(--u));color:var(--ink);flex:1;line-height:1.35}.app-screen .cbar p b{color:var(--abyss)}.app-screen .send-dot{width:calc(38 * var(--u));height:calc(38 * var(--u));background:var(--mint-hi);color:#000;border-radius:50%;flex:none;place-items:center;display:grid}.app-screen .send-dot svg{width:calc(18 * var(--u));height:calc(18 * var(--u))}.app-screen .earn{margin:calc(14 * var(--u)) calc(16 * var(--u)) 0;border-radius:calc(16 * var(--u));box-shadow:0 calc(4 * var(--u)) calc(14 * var(--u)) #1552661a;background:#fff;overflow:hidden}.app-screen .earn-top{align-items:center;gap:calc(10 * var(--u));padding:calc(16 * var(--u)) calc(16 * var(--u)) calc(18 * var(--u));background:var(--mint);color:var(--ink);flex-direction:column;display:flex}.app-screen .earn-top>b{font-size:calc(54 * var(--u));letter-spacing:-.03em;font-weight:800;line-height:1}.app-screen .earn-top>span{font-size:calc(18 * var(--u));font-weight:700}.app-screen .earn-top p{margin-top:calc(8 * var(--u));font-size:calc(16 * var(--u))}.app-screen .redeem{margin-top:calc(6 * var(--u));padding:calc(11 * var(--u));border:calc(1.5 * var(--u)) solid var(--ink);color:#000;font-size:calc(15 * var(--u));text-transform:uppercase;text-align:center;background:#fff;border-radius:99px;align-self:stretch;font-weight:700}.app-screen .row-foot{align-items:center;gap:calc(10 * var(--u));padding:calc(12 * var(--u)) calc(16 * var(--u));font-size:calc(13 * var(--u));color:var(--ink);font-weight:600;display:flex}.app-screen .row-foot svg{width:calc(24 * var(--u));height:calc(24 * var(--u));flex:none}.app-screen .row-foot span{flex:1}.app-screen .row-foot .view{padding:calc(7 * var(--u)) calc(22 * var(--u));border-radius:calc(6 * var(--u));background:var(--mint);color:#000;font-size:calc(14 * var(--u));text-transform:uppercase;flex:none;font-weight:600}.app-screen .stat .row-foot .view{background:var(--mint-hi)}.app-screen .stat{margin:calc(16 * var(--u)) calc(16 * var(--u)) 0;border-radius:calc(16 * var(--u));box-shadow:0 calc(4 * var(--u)) calc(14 * var(--u)) #1552661a;background:#fff;overflow:hidden}.app-screen .stat-h{padding:calc(16 * var(--u));color:var(--ink);border-bottom:1px solid #a8b6cb;justify-content:space-between;align-items:center;display:flex}.app-screen .stat-h b:first-child{font-size:calc(18 * var(--u));font-weight:700}.app-screen .stat-h b:last-child{font-size:calc(30 * var(--u));letter-spacing:-.02em;font-weight:800}.app-screen .chart{width:100%;height:calc(118 * var(--u));margin-top:calc(10 * var(--u));display:block}.app-screen[data-variant=chatti]{background:#f5f3ff}.app-screen .cl-head{align-items:center;gap:calc(10 * var(--u));padding:calc(8 * var(--u)) calc(20 * var(--u)) calc(14 * var(--u));border-bottom:1px solid #e4e0f2;display:flex}.app-screen .cl-head img{width:calc(28 * var(--u))}.app-screen .cl-head b,.app-screen .cl-title{background:linear-gradient(90deg,#d20087,#3e167f 80%);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700}.app-screen .cl-head b{font-size:calc(17 * var(--u))}.app-screen .cl-head svg{width:calc(20 * var(--u));height:calc(20 * var(--u));color:#1a1a2e;margin-left:auto}.app-screen .cl-body{text-align:center;padding:calc(190 * var(--u)) calc(16 * var(--u)) 0;flex-direction:column;align-items:center;display:flex}.app-screen .cl-mark{width:calc(48 * var(--u))}.app-screen .cl-title{margin-top:calc(12 * var(--u));font-size:calc(20 * var(--u))}.app-screen .cl-body p{margin-top:calc(10 * var(--u));padding:0 calc(24 * var(--u));font-size:calc(16 * var(--u));color:#4b5563;line-height:1.4}.app-screen .cl-field{margin-top:calc(24 * var(--u));padding:calc(3 * var(--u));background:linear-gradient(90deg,#d20087,#3e167f 45% 55%,#00ff9a);border-radius:99px;align-self:stretch}.app-screen .cl-field div{align-items:center;gap:calc(10 * var(--u));height:calc(54 * var(--u));padding:0 calc(8 * var(--u)) 0 calc(14 * var(--u));color:#6b7280;font-size:calc(16 * var(--u));background:#fff;border-radius:99px;display:flex}.app-screen .cl-field img{width:calc(28 * var(--u))}.app-screen .cl-field span{text-align:left;flex:1}.app-screen .cl-field i{width:calc(38 * var(--u));height:calc(38 * var(--u));color:#3e3299;background:#e8e6f8;border-radius:50%;place-items:center;display:grid}.app-screen .cl-field svg{width:calc(18 * var(--u));height:calc(18 * var(--u))}.app-screen .cl-chips{justify-content:center;gap:calc(8 * var(--u));margin-top:calc(14 * var(--u));flex-wrap:wrap;display:flex}.app-screen .cl-chips span{padding:calc(8 * var(--u)) calc(12 * var(--u));color:#7a1f8e;font-size:calc(13.5 * var(--u));background:#fff;border:1px solid #e4e0f2;border-radius:99px;font-weight:500}.app-screen .cl-consent{left:calc(24 * var(--u));right:calc(24 * var(--u));bottom:calc(26 * var(--u));text-align:center;font-size:calc(10.5 * var(--u));color:#6b6b74;line-height:1.4;position:absolute}.app-screen .tabbar{left:calc(16 * var(--u));right:calc(16 * var(--u));bottom:calc(18 * var(--u));z-index:6;height:calc(70 * var(--u));padding:0 calc(6 * var(--u));border-radius:calc(35 * var(--u));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 0 calc(1.5 * var(--u)) #ffffffd9 inset, 0 calc(10 * var(--u)) calc(30 * var(--u)) #15526629;background:#ffffff9e;justify-content:space-around;align-items:center;display:flex;position:absolute}.app-screen .tabbar>div{align-items:center;gap:calc(3 * var(--u));font-size:calc(10.5 * var(--u));color:#78869b;padding:calc(7 * var(--u)) calc(9 * var(--u));border-radius:calc(26 * var(--u));white-space:nowrap;flex-direction:column;font-weight:500;display:flex}.app-screen .tabbar svg{width:calc(23 * var(--u));height:calc(23 * var(--u))}.app-screen .tabbar .on{color:var(--ink);background:#00d99c29;font-weight:650}.app-screen .tabbar .on svg{color:#00b57c}.app-screen .tabbar .live{width:calc(44 * var(--u));height:calc(44 * var(--u));border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.app-screen .live:before{content:"";inset:calc(-3 * var(--u));background:conic-gradient(from var(--spin), var(--spectrum));border-radius:50%;animation:4s linear infinite app-spin;position:absolute}.app-screen .live i{width:calc(39 * var(--u));height:calc(39 * var(--u));background:radial-gradient(circle at 35% 30%,#3c2e7c,#251b57 60%,#130d31);border-radius:50%;place-items:center;display:grid;position:relative}.app-screen .live img{width:calc(24 * var(--u))}.app-screen .live em{bottom:calc(-11 * var(--u));color:#20e597;font-style:normal;font-size:calc(10 * var(--u));padding:calc(2 * var(--u)) calc(7 * var(--u));white-space:nowrap;background:#0c0c0c;border-radius:99px;font-weight:650;position:absolute;left:50%;transform:translate(-50%)}.app-screen .live em:before{content:"";width:calc(5 * var(--u));height:calc(5 * var(--u));margin-right:calc(4 * var(--u));vertical-align:middle;background:#20e597;border-radius:50%;animation:1.4s ease-in-out infinite app-blink;display:inline-block}@keyframes app-blink{50%{opacity:.25}}.app-screen .scrim{z-index:7;opacity:0;pointer-events:none;background:#0a1e2d52;transition:opacity .3s;position:absolute;inset:0}.app-screen .scrim.on{opacity:1}.app-screen .sheet{z-index:8;padding:calc(10 * var(--u)) calc(20 * var(--u)) calc(30 * var(--u));border-radius:calc(26 * var(--u)) calc(26 * var(--u)) 0 0;background:#fff;transition:transform .38s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(105%)}.app-screen .sheet.up{transform:none}.app-screen .grab{width:calc(40 * var(--u));height:calc(5 * var(--u));margin:0 auto calc(14 * var(--u));background:#d5dee8;border-radius:9px}.app-screen .sheet h4{margin:0 0 calc(10 * var(--u));font-size:calc(15 * var(--u));color:var(--ink);align-items:center;gap:calc(8 * var(--u));font-weight:700;display:flex}.app-screen .sheet h4 img{width:calc(22 * var(--u))}.app-screen .draft{min-height:calc(86 * var(--u));padding:calc(12 * var(--u)) calc(14 * var(--u));border-radius:calc(16 * var(--u));color:#1d3340;font-size:calc(14.5 * var(--u));background:#f5f3ff;line-height:1.45;position:relative}.app-screen .draft:after{content:"";width:calc(2 * var(--u));vertical-align:-2px;background:#7b5cff;height:1em;margin-left:1px;animation:1s step-end infinite app-blink;display:inline-block}.app-screen .draft.done:after{display:none}.app-screen .sheet-row{gap:calc(10 * var(--u));margin-top:calc(12 * var(--u));display:flex}.app-screen .sheet-row>span:first-child{border:calc(1.5 * var(--u)) solid #cfc6ef;color:#5b3fc4;border-radius:calc(12 * var(--u));padding:calc(11 * var(--u)) calc(14 * var(--u));font-size:calc(14 * var(--u));flex:none;font-weight:650}.app-screen .send{border-radius:calc(12 * var(--u));background:var(--ink);color:#fff;font-weight:700;font-size:calc(15 * var(--u));padding:calc(12 * var(--u));flex:1;place-items:center;transition:transform .15s;display:grid;position:relative}.app-screen .send.press{transform:scale(.96)}.app-screen .push{left:calc(10 * var(--u));right:calc(10 * var(--u));top:calc(52 * var(--u));z-index:10;gap:calc(11 * var(--u));padding:calc(12 * var(--u));border-radius:calc(22 * var(--u));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;background:#fffffff2;align-items:center;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .35s;display:flex;position:absolute;transform:translateY(-170%);box-shadow:0 12px 34px #15526638}.app-screen .push.show{opacity:1;transform:none}.app-screen .push img{width:calc(40 * var(--u));height:calc(40 * var(--u));border-radius:calc(10 * var(--u));flex:none}.app-screen .push div{min-width:0;font-size:calc(13.5 * var(--u));color:#111;line-height:1.3}.app-screen .push b{font-weight:700;display:block}.app-screen .push small{float:right;color:#8a94a3;font-size:calc(11.5 * var(--u))}.app-screen.still *,.app-screen.still :before,.app-screen.still :after{animation:none}.app-screen .cwm{font-size:calc(15 * var(--u));letter-spacing:-.01em;color:var(--club,var(--ink));padding-left:calc(12 * var(--u));border-left:calc(1.5 * var(--u)) solid #15526633;font-weight:750;line-height:1.05}.app-screen .cwm small{font-size:calc(9.5 * var(--u));letter-spacing:.02em;color:var(--ink-2);font-weight:600;display:block}.app-screen[data-club] .club-h{background:var(--club)}.app-screen[data-variant=club] .effect{margin-top:calc(16 * var(--u))}.app-screen[data-state] .scrim,.app-screen[data-state] .sheet,.app-screen[data-state] .push{transition-duration:.5s}.app-screen[data-state=draft] .scrim{opacity:1}.app-screen[data-state=draft] .sheet{transform:none}.app-screen[data-state=booked] .scrim,.app-screen[data-state=toured] .scrim{opacity:.55}.app-screen[data-state=booked] .push.p1,.app-screen[data-state=toured] .push.p2{opacity:1;transform:none}.app-screen[data-state=toured] .push.p1{transform:translateY(calc(82 * var(--u))) scale(.94);opacity:.92}.app-screen[data-state] .share-to:after{content:"";inset:calc(-5 * var(--u));border-radius:calc(10 * var(--u));box-shadow:0 0 0 calc(2.5 * var(--u)) #00c8a0e6;opacity:0;pointer-events:none;position:absolute}.app-screen.still[data-state=pick] .share-to:after{animation:1.5s ease-out .4s 3 app-tapring}@keyframes app-tapring{0%{opacity:.95;transform:scale(.9)}to{opacity:0;transform:scale(1.28)}}@media (prefers-reduced-motion:reduce){.app-screen[data-state] :is(.scrim,.sheet,.push){transition:none}}