:root{--bg:#1b1026;--bg-2:#24162f;--cell:#271a33;--cell-2:#31223f;--fill:#ffffff14;--fill-strong:#ffffff26;--label:#fbf7ff;--label-2:#fbf7ffdb;--label-3:#fbf7ff9e;--sep:#ffffff1c;--sep-strong:#fff3;--accent:#f0d4ff;--accent-2:#ffd6e6;--accent-soft:#f0d4ff1f;--pearl:linear-gradient(115deg, #f6ecff 0%, #ffe4ee 32%, #e4efff 64%, #fff4e4 100%);--on-pearl:#2b1638;--on-label:#1b1026;--bar:#1b1026db;--ok:#8be0b4;--gold:var(--accent);--gold-2:var(--accent-2);--gold-soft:var(--accent-soft);--on-gold:var(--on-pearl);--ink:var(--bg);--ink-2:var(--cell);--ink-3:var(--fill);--rule:var(--sep);--rule-strong:var(--sep-strong);--paper:var(--label);--paper-2:var(--label-2);--muted:var(--label-3);--faint:var(--label-3);--red:var(--accent);--red-ink:var(--accent);--card:var(--cell);--card-ink:var(--accent);--sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Roboto, system-ui, sans-serif;--serif:ui-serif, "New York", "Iowan Old Style", Georgia, serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--pad:20px;--radius:18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(110% 42% at 50% -6%, #965fd26b 0%, #965fd200 70%), var(--bg);color:var(--label);font-family:var(--sans);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background-attachment:fixed;margin:0;font-size:17px;line-height:1.4}#root{z-index:1;position:relative}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer}a{color:var(--label)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{flex-direction:column;max-width:480px;min-height:100%;margin:0 auto;display:flex;position:relative}.screen{padding:calc(var(--safe-top) + 10px) var(--pad) calc(var(--safe-bottom) + 24px);flex-direction:column;flex:1;animation:.25s both fade;display:flex}.screen.with-tabs{padding-bottom:calc(var(--safe-bottom) + 104px)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sheen{0%,55%{transform:translate(-120%)}85%,to{transform:translate(120%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.display{font-family:var(--serif);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:36px;font-weight:500;line-height:1.1}.h1{font-family:var(--serif);letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:30px;font-weight:500;line-height:1.14}.h2{font-family:var(--serif);letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:23px;font-weight:500;line-height:1.22}.h3{margin:0;font-size:18px;font-weight:600;line-height:1.28}em,.em{font-style:italic;font-family:var(--serif);color:var(--accent)}.gold{color:var(--accent)}.lede,.body{color:var(--label-2);margin:0;font-size:17px;line-height:1.5}.small{color:var(--label-3);font-size:14px;line-height:1.4}.eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--label-3);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.eyebrow .n{display:none}.label{color:var(--label-3);font-size:13px}.mono{font-family:var(--sans);font-variant-numeric:tabular-nums;letter-spacing:0;font-size:15px}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.between{justify-content:space-between}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.gap-32{gap:30px}.grow{flex:1}.hr{background:var(--sep);border:0;width:100%;height:.5px;margin:0}.center{text-align:center;align-items:center}.stagger>*{animation:.35s both rise}.stagger>:nth-child(2){animation-delay:40ms}.stagger>:nth-child(3){animation-delay:80ms}.stagger>:nth-child(4){animation-delay:.12s}.btn{background:var(--label);min-height:52px;color:var(--on-label);border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:17px;font-weight:600;text-decoration:none;transition:opacity .15s,transform .1s;display:inline-flex;position:relative;overflow:hidden}.btn:active{opacity:.75;transform:scale(.99)}.btn:disabled{background:var(--fill);color:var(--label-3);box-shadow:none;cursor:default}.btn.red,.btn.buy{background:var(--pearl);color:var(--on-pearl);font-weight:700;box-shadow:inset 0 0 0 1px #ffffff8c,0 14px 36px -14px #e9beffb3}.btn.red:not(:disabled):after,.btn.buy:not(:disabled):after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffff8c 48%,#0000 66%);animation:3.8s ease-in-out infinite sheen;position:absolute;inset:0;transform:translate(-120%)}.btn.ghost{background:var(--fill);color:var(--label)}.btn.text{color:var(--label);background:0 0;min-height:44px;font-weight:500}.btn.small{border-radius:999px;min-height:38px;padding:0 15px;font-size:15px}.btn.block{width:100%}.arrow:after{content:none}.icon-btn{background:var(--fill);width:40px;height:40px;color:var(--label);border:0;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.field{flex-direction:column;gap:8px;display:flex}.field>.label,.field>label.label{color:var(--label-2);padding:0 4px;font-size:14px;font-weight:600}.input{background:var(--cell);width:100%;height:54px;box-shadow:inset 0 0 0 .5px var(--sep-strong);border:0;border-radius:16px;outline:none;padding:0 16px;font-size:17px}.input:focus{box-shadow:inset 0 0 0 1.5px var(--accent), 0 0 24px -8px #f0d4ff99}.input::placeholder{color:var(--label-3)}.input.sans{font-size:17px}input[type=date].input,input[type=time].input{font-family:var(--sans);appearance:none;text-align:left}.input:disabled{opacity:.45}.stack:has(>.option){gap:10px}.option{text-align:left;background:var(--cell);width:100%;min-height:56px;color:var(--label);box-shadow:inset 0 0 0 .5px var(--sep-strong);border:0;border-radius:16px;grid-template-columns:1fr 24px;align-items:center;gap:2px 12px;padding:15px 16px;transition:box-shadow .15s,background .15s;display:grid}.option .k{display:none}.option .t{grid-column:1;font-size:17px;font-weight:600}.option .s{color:var(--label-3);grid-column:1;font-size:14px}.option .mark{width:24px;height:24px;box-shadow:inset 0 0 0 1.5px var(--sep-strong);border-radius:50%;grid-area:1/2/span 2}.option[aria-pressed=true]{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent), 0 10px 30px -14px #f0d4ff99}.option[aria-pressed=true] .mark{background:var(--pearl);box-shadow:none}.option[aria-pressed=true] .mark:after{color:var(--on-pearl);content:"✓";text-align:center;font-size:14px;font-weight:700;line-height:24px;display:block}.chip{min-height:36px;color:var(--label);background:var(--fill);white-space:nowrap;border:0;border-radius:999px;align-items:center;padding:0 14px;font-size:15px;font-weight:500;display:inline-flex}.chip[aria-pressed=true]{background:var(--pearl);color:var(--on-pearl);font-weight:600}.panel{border-radius:var(--radius);background:var(--cell);box-shadow:inset 0 0 0 .5px var(--sep);padding:16px}.panel.flush{padding:0}.list{background:var(--cell);border-radius:var(--radius);box-shadow:inset 0 0 0 .5px var(--sep);overflow:hidden}.list:empty{display:none}.list-row{text-align:left;width:100%;min-height:52px;color:var(--label);background:0 0;border:0;align-items:center;gap:12px;padding:13px 16px;font-size:17px;text-decoration:none;display:flex;position:relative}.list .list-row+.list-row:before,.list>div+div>.list-row:before{content:"";background:var(--sep);height:.5px;position:absolute;top:0;left:16px;right:0}.list-row:active{background:var(--fill)}.list-row>span[aria-hidden=true]:last-child{color:var(--label-3);font-size:17px}.tag{letter-spacing:.06em;text-transform:uppercase;color:var(--on-pearl);background:var(--pearl);white-space:nowrap;border-radius:7px;padding:4px 8px;font-size:11px;font-weight:800}.tag.dim{color:var(--label-2);background:var(--fill)}.lock{position:relative}.lock .blurred{filter:blur(6px);-webkit-user-select:none;user-select:none;pointer-events:none}.big3{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.big3>div{background:var(--cell);box-shadow:inset 0 0 0 .5px var(--sep);border-radius:16px;flex-direction:column;gap:2px;padding:12px;display:flex}.big3 .label{letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:600}.big3 .v{font-family:var(--serif);font-size:19px;font-weight:500;line-height:1.2}.score{grid-template-columns:84px 1fr 30px;align-items:center;gap:12px;font-size:16px;display:grid}.score .bar{background:var(--fill-strong);border-radius:3px;height:6px;position:relative;overflow:hidden}.score .bar>i{background:#fbf7ff8c;border-radius:3px;position:absolute;inset:0 auto 0 0}.score .bar>i.hot{background:linear-gradient(90deg,#c9a3ff,#ffc2d6)}.score .num{font-variant-numeric:tabular-nums;text-align:right;color:var(--label-2);font-size:15px}.orb{--o1:#f6ecff;--o2:#ffd6e6;--o3:#cdb6ff;background:radial-gradient(circle at 34% 28%, #fffffff2 0 8%, #fff0 34%), conic-gradient(from 140deg, var(--o1), var(--o2), var(--o3), var(--o1));color:#2b1638b8;font-family:var(--serif);border-radius:50%;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative;box-shadow:inset -10px -14px 26px #3c145a59,0 0 46px -6px #e6beff73}.orb.fire{--o1:#fff0e4;--o2:#ffbfa8;--o3:#f39ab8}.orb.earth{--o1:#f4f1e6;--o2:#d7e3c6;--o3:#c9bfa8}.orb.air{--o1:#f6ecff;--o2:#dfe6ff;--o3:#cdb6ff}.orb.water{--o1:#e8f6ff;--o2:#c3d8ff;--o3:#b8a6f0}.orb.spin{animation:40s linear infinite spin}.halo{justify-content:center;align-items:center;padding:26px 0;display:flex;position:relative}.halo:before,.halo:after{content:"";border:1px solid var(--sep);border-radius:50%;position:absolute}.halo:before{width:230px;height:230px}.halo:after{border-color:#ffffff0f;width:310px;height:310px}.tcard{aspect-ratio:.58;color:var(--label);background:linear-gradient(160deg,#3a2350 0%,#241632 100%);border:0;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:center;padding:10% 8%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #f0d4ff73,inset 0 0 0 4px #2a1a3a,inset 0 0 0 5px #f0d4ff33,0 16px 30px -16px #000c}.tcard .num{font-family:var(--serif);color:var(--accent);font-size:15px;position:relative}.tcard .nm{font-family:var(--serif);text-align:center;color:var(--label);font-size:12.5px;line-height:1.15;position:relative}.tcard .face-orb{aspect-ratio:1;width:54%;height:auto;font-size:18px}.tcard.rev .face-orb{transform:rotate(180deg)}.tcard.back{background:radial-gradient(circle at 50% 50%, #f0d4ff59 0 9%, transparent 10%), repeating-conic-gradient(from 0deg at 50% 50%, #f0d4ff17 0 6deg, transparent 6deg 18deg), linear-gradient(160deg, #3a2350, #221530)}.tcard.back:after{content:"✦";color:#fff;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;inset:0}.tcard.picked{box-shadow:inset 0 0 0 2px var(--accent), 0 0 0 2px #f0d4ff99, 0 0 34px #f0d4ff80;transform:translateY(-10px)}.deck-btn{background:0 0;border:0;padding:0;transition:transform .2s}.tabs{background:var(--bar);-webkit-backdrop-filter:saturate(180%)blur(20px);border-top:.5px solid var(--sep);width:100%;max-width:480px;padding:6px 0 calc(var(--safe-bottom) + 4px);z-index:20;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabs a{min-height:52px;color:var(--label-3);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.tabs a svg{width:25px;height:25px}.tabs a.active{color:var(--label)}.tabs a.active svg{color:var(--accent);stroke-width:1.9px;filter:drop-shadow(0 0 8px #f0d4ff8c)}.toast{left:50%;top:calc(var(--safe-top) + 10px);background:var(--cell-2);-webkit-backdrop-filter:blur(20px);color:var(--label);box-shadow:0 10px 34px #0006, inset 0 0 0 .5px var(--sep-strong);z-index:50;border-radius:16px;max-width:calc(100% - 32px);padding:13px 18px;font-size:15px;font-weight:600;animation:.25s both rise;position:fixed;transform:translate(-50%)}.progress{background:var(--fill-strong);border-radius:3px;flex:1;height:6px;position:relative;overflow:hidden}.progress>i{background:var(--pearl);border-radius:3px;transition:width .35s;position:absolute;top:0;bottom:0;left:0}.spinner{border:2px solid var(--fill-strong);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.bubble{white-space:pre-wrap;border-radius:20px;max-width:80%;padding:10px 15px;font-size:17px;line-height:1.4}.bubble.them{background:var(--cell);box-shadow:inset 0 0 0 .5px var(--sep);border-bottom-left-radius:6px;align-self:flex-start}.bubble.me{background:var(--pearl);color:var(--on-pearl);border-bottom-right-radius:6px;align-self:flex-end}.avatar{background:var(--fill);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.dot-online{background:var(--ok);border-radius:50%;width:8px;height:8px;margin-right:2px;display:inline-block}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.scroll-x{scrollbar-width:none;margin:0 calc(-1 * var(--pad));padding:0 var(--pad);gap:8px;display:flex;overflow-x:auto}.scroll-x::-webkit-scrollbar{display:none}.suggest ul{background:var(--cell);border-radius:16px;margin:4px 0 0;padding:0;list-style:none;overflow:hidden}.suggest li+li button{border-top:.5px solid var(--sep)}.suggest li button{text-align:left;background:0 0;border:0;width:100%;padding:14px 16px;font-size:17px}.paywall-plan{text-align:left;width:100%;color:var(--label);border-radius:var(--radius);background:var(--cell);box-shadow:inset 0 0 0 .5px var(--sep-strong);border:0;grid-template-columns:24px 1fr auto;align-items:center;gap:12px;padding:15px 16px;display:grid}.paywall-plan[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px var(--accent), 0 14px 36px -16px #e9beffa6;background:#f0d4ff1a}.paywall-plan .radio{width:24px;height:24px;box-shadow:inset 0 0 0 1.5px var(--sep-strong);border-radius:50%}.paywall-plan[aria-pressed=true] .radio{box-shadow:inset 0 0 0 7px var(--accent)}.paywall-plan .h3{font-size:17px;font-weight:600}.moon-grid{background:var(--cell);border-radius:var(--radius);grid-template-columns:repeat(7,1fr);gap:4px;padding:10px;display:grid}.moon-grid .d{aspect-ratio:1;color:var(--label-2);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12px;display:flex}.moon-grid .d.today{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.letter{background:#ffffff0f;border-radius:22px;flex-direction:column;gap:14px;padding:20px 18px;display:flex;box-shadow:inset 0 0 0 .5px #ffffff29}.letter .sig{font:italic 500 17px var(--serif);color:var(--accent)}.path{text-align:left;color:var(--label);background:0 0;border:0;flex-direction:column;width:100%;padding:0;display:flex}.path .step{grid-template-columns:34px 1fr;align-items:start;gap:14px;padding-bottom:14px;display:grid;position:relative}.path .step:before{content:"";background:#ffffff21;border-radius:1px;width:2px;position:absolute;top:36px;bottom:2px;left:16px}.path .step:last-child{padding-bottom:0}.path .step:last-child:before{display:none}.path .step.done:before{background:linear-gradient(var(--accent), #f0d4ff40)}.path .dot{border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.path .done .dot{background:var(--pearl);color:var(--on-pearl)}.path .next .dot{box-shadow:inset 0 0 0 2px var(--accent), 0 0 18px #f0d4ff8c;color:var(--accent)}.path .todo .dot{background:var(--fill);color:var(--label-3)}.path .step>span:last-child{flex-direction:column;gap:2px;padding-top:6px;display:flex}.path .next>span:last-child{background:linear-gradient(150deg,#c9a3ff38,#ffc2d61f);border-radius:16px;gap:4px;padding:13px 14px;box-shadow:inset 0 0 0 1px #f0d2ff73}.sheet-backdrop{z-index:60;background:#08030e9e;justify-content:center;align-items:flex-end;animation:.2s both fade;display:flex;position:fixed;inset:0}.sheet{background:var(--bg-2);width:100%;max-width:480px;padding:10px 18px calc(var(--safe-bottom) + 16px);border-radius:26px 26px 0 0;flex-direction:column;gap:12px;animation:.32s cubic-bezier(.2,.8,.2,1) both sheet-up;display:flex;box-shadow:0 -20px 60px #00000080,inset 0 .5px #ffffff2e}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}.sheet-grip{background:var(--fill-strong);border-radius:3px;align-self:center;width:38px;height:5px;margin-bottom:4px}.unlock-orb{width:60px;height:60px;color:var(--on-pearl);background:var(--pearl);box-shadow:0 0 0 8px var(--accent-soft), 0 0 40px #f0d4ff8c;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.deal{text-align:left;width:100%;color:var(--label);background:linear-gradient(150deg, #c9a3ff38, #ffc2d61f), var(--cell);box-shadow:inset 0 0 0 1.5px var(--accent), 0 16px 40px -18px #e9beff99;border:0;border-radius:20px;padding:18px 16px 16px;position:relative}.deal-badge{background:var(--pearl);color:var(--on-pearl);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:8px;padding:4px 9px;font-size:11px;font-weight:800;position:absolute;top:-11px;right:14px}.deal-list{color:var(--label-2);flex-direction:column;gap:6px;margin:8px 0 0;padding:0;font-size:15.5px;list-style:none;display:flex}.deal-list li:before{content:"✓";color:var(--accent);margin-right:8px;font-weight:700}.credit-chip{background:var(--fill);height:34px;color:var(--label);box-shadow:inset 0 0 0 .5px var(--sep-strong);border-radius:999px;align-items:center;gap:7px;padding:0 13px 0 8px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.coin{background:var(--pearl);border-radius:50%;flex:none;width:18px;height:18px;box-shadow:inset -2px -3px 5px #3c145a4d}.locked-card{border-radius:var(--radius);text-align:left;color:var(--label);background:linear-gradient(150deg, #c9a3ff2e, #ffc2d614), var(--cell);border:0;width:100%;padding:16px;position:relative;box-shadow:inset 0 0 0 1px #f0d2ff59}.lock-pill{color:var(--on-pearl);white-space:nowrap;background:var(--pearl);border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:13px;font-weight:700;display:inline-flex}.discover{gap:4px;display:flex}.discover i{background:var(--fill-strong);border-radius:3px;flex:1;height:6px}.discover i.on{background:var(--pearl)}.tcard.img{justify-content:space-between}.tcard .suit-num{font-family:var(--serif);color:var(--accent);font-size:15px}.avatar.portrait{box-shadow:0 0 0 1.5px #f0d4ff80}.avatar.portrait .orb{width:100%;height:100%;color:var(--on-pearl);font-weight:600;box-shadow:inset -6px -8px 16px #3c145a59}.sign-hero{background:var(--cell);border-radius:var(--radius);box-shadow:inset 0 0 0 .5px var(--sep);grid-template-columns:84px 1fr;align-items:center;gap:16px;padding:14px;display:grid}.demo-pill{bottom:calc(var(--safe-bottom) + 76px);z-index:70;letter-spacing:.06em;text-transform:uppercase;color:var(--on-pearl);background:var(--pearl);opacity:.85;pointer-events:none;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:700;position:fixed;right:10px}