:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17202a;background:#f7fbff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.app-shell{--ink: #4f547c;--ink-strong: #34385f;--muted: #8588ae;--mist: rgba(255, 255, 255, .48);--mist-strong: rgba(255, 255, 255, .72);--line: rgba(158, 150, 207, .16);--lavender: #a8a0db;--lilac: #d7c9ff;--peach: #ff8f92;--mint: #9fc8b8;--sky-tint: #dff2fb;min-height:100vh;background:linear-gradient(180deg,#e1f1efeb,#e7ddfbbd 42%,#ffe7efc2),radial-gradient(circle at 18% 10%,rgba(255,143,146,.2),transparent 28%),radial-gradient(circle at 82% 12%,rgba(168,160,219,.28),transparent 30%),radial-gradient(circle at 50% 72%,rgba(223,242,251,.88),transparent 44%);color:var(--ink);overflow-x:hidden;position:relative}.topbar{position:absolute;top:16px;left:26px;right:12px;z-index:8;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;pointer-events:none}.topbar>*{pointer-events:auto}.hero-title{transform:translate(clamp(70px,11vw,190px),138px);pointer-events:none}.brand-lockup{display:inline-flex;align-items:center;gap:8px;margin:0 0 6px}.brand-icon{width:28px;height:28px;border-radius:8px;box-shadow:0 8px 18px #5048a42e}.eyebrow{margin:0;color:#5f7e7a9e;font-size:12px;font-weight:750;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{max-width:720px;font-size:clamp(46px,5.3vw,82px);line-height:1.02;letter-spacing:0;color:#34385fad;text-shadow:0 10px 34px rgba(255,255,255,.74)}h2{font-size:22px;line-height:1.18;letter-spacing:0}h3{font-size:14px;letter-spacing:0}.metrics{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.metrics span{display:inline-flex;align-items:center;gap:6px;min-height:31px;padding:0 10px;border:1px solid rgba(255,255,255,.44);border-radius:999px;background:linear-gradient(180deg,#ffffffc2,#ffffff6b),#d7c9ff52;color:var(--ink);font-size:12px;font-weight:650;box-shadow:inset 0 1px #ffffffd1,0 12px 26px #8b84bc29;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mascot-corner{position:absolute;right:clamp(10px,2.2vw,30px);bottom:clamp(-22px,calc(9vh - 100px),26px);z-index:8;width:clamp(118px,14vw,190px);aspect-ratio:1;pointer-events:auto;transform-origin:58% 100%}.mascot-corner.assistant-open{z-index:14}.mascot-trigger{position:absolute;inset:0;z-index:2;border:0;border-radius:999px;background:transparent;cursor:pointer;padding:0;font:inherit;outline:0}.mascot-trigger:focus-visible{outline:3px solid rgba(168,160,219,.34);outline-offset:4px}.mascot-image{position:absolute;right:0;bottom:0;width:100%;height:100%;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 20px 32px rgba(119,91,154,.18));transition:opacity .18s ease,transform .24s cubic-bezier(.22,1,.36,1),filter .24s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mascot-hover,.mascot-corner:hover .mascot-idle{opacity:0;transform:translateY(4px) scale(.98)}.mascot-corner:hover .mascot-hover{opacity:1;transform:translateY(0) scale(1);filter:drop-shadow(0 24px 36px rgba(119,91,154,.22))}.mascot-corner.assistant-open .mascot-idle{opacity:0;transform:translateY(4px) scale(.98)}.mascot-corner.assistant-open .mascot-hover{opacity:1;transform:translateY(0) scale(1);filter:drop-shadow(0 24px 36px rgba(119,91,154,.22))}.assistant-scrim{position:fixed;inset:0;z-index:13;border:0;background:transparent;cursor:default}.assistant-speech{position:absolute;right:32px;bottom:calc(100% + 18px);z-index:4;display:grid;gap:10px;width:max-content;max-width:min(172px,calc(100vw - 44px));padding:11px 14px;border:1px solid rgba(255,255,255,.62);border-radius:18px 18px 18px 6px;background:linear-gradient(180deg,#ffffffd1,#f6ebff99),#ffffff85;color:var(--ink);box-shadow:inset 0 1px #ffffffe6,0 18px 42px #775b9a2e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.assistant-speech.with-form{right:58%;bottom:calc(100% + 16px);width:min(248px,calc(100vw - 44px));max-width:min(248px,calc(100vw - 44px));padding:12px;border-radius:18px 18px 6px}.assistant-speech:after{content:"";position:absolute;right:22px;bottom:-7px;width:18px;height:18px;border-radius:0 0 6px;background:#ffffffad;transform:rotate(45deg);box-shadow:4px 4px 18px #775b9a14}.assistant-speech.with-form:after{right:32px;bottom:-8px}.assistant-speech>p{position:relative;z-index:1;max-width:100%;color:var(--ink-strong);font-size:14px;font-weight:800;line-height:1.28}.assistant-speech.with-form>p{max-width:calc(100% - 96px)}.assistant-top-actions{position:absolute;top:calc(100% + 8px);right:0;z-index:2;display:inline-flex;gap:6px}.assistant-speech.with-form .assistant-top-actions{top:8px;right:8px}.assistant-back,.assistant-cancel{min-height:28px;border:0;border-radius:999px;padding:0 9px;background:#ffffff9e;color:var(--ink);font:inherit;font-size:12px;font-weight:750;cursor:pointer;box-shadow:inset 0 1px #ffffffdb,0 8px 16px #8b84bc14}.assistant-cancel{color:#4f547cad}.assistant-actions{position:absolute;right:50%;bottom:50%;z-index:3}.assistant-action{position:absolute;right:0;bottom:0;display:grid;place-items:center;gap:2px;width:76px;height:76px;border:1px solid rgba(255,255,255,.58);border-radius:999px;background:radial-gradient(circle at 34% 22%,rgba(255,255,255,.84),transparent 26%),linear-gradient(135deg,#a8a0dbeb,#ff8f92db);color:#fff;font:inherit;font-size:12px;font-weight:800;line-height:1.05;text-align:center;cursor:pointer;box-shadow:inset 0 1px #ffffff85,0 14px 30px #8b84bc42}.assistant-action span{max-width:62px;overflow-wrap:anywhere}.assistant-action small{max-width:62px;overflow:hidden;color:#ffffffd1;font-size:10px;font-weight:750;line-height:1;text-overflow:ellipsis;white-space:nowrap}.assistant-action:disabled{cursor:not-allowed;opacity:.62}.assistant-input,.assistant-confirm,.assistant-empty{position:relative;z-index:1;display:grid;gap:8px}.assistant-input input{min-height:36px;background:#ffffffa8}.assistant-input-actions{display:grid;grid-template-columns:.8fr 1fr;gap:8px}.assistant-primary,.assistant-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border:0;border-radius:999px;padding:0 12px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.assistant-primary{background:linear-gradient(135deg,#ff8f92f5,#a8a0dbf5);color:#fff;box-shadow:inset 0 1px #ffffff7a,0 12px 24px #a8a0db38}.assistant-ghost{background:#ffffff8f;color:var(--ink);box-shadow:inset 0 1px #ffffffd6}.assistant-error{color:#b85563;font-size:12px;font-weight:750}.assistant-empty span{color:var(--muted);font-size:13px;font-weight:700}.assistant-confirm p,.assistant-confirm small{color:var(--muted);font-size:12px;line-height:1.25}.assistant-confirm strong{color:var(--ink-strong);font-size:22px;line-height:1}.workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:0;height:100vh;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.42);box-shadow:inset 0 1px #ffffff73,inset 0 -1px #a8a0db14}.workspace.has-panel{grid-template-columns:minmax(0,1fr) auto;gap:18px}.sky{position:relative;align-self:stretch;margin:18px 0;border:1px solid rgba(255,255,255,.5);border-radius:30px;height:calc(100vh - 36px);overflow:hidden;background:linear-gradient(180deg,#ffffff2e,#ffffff5c),radial-gradient(ellipse at 28% 42%,rgba(255,255,255,.46),transparent 26%),repeating-linear-gradient(180deg,transparent 0 139px,rgba(168,160,219,.08) 140px,transparent 141px);box-shadow:inset 0 1px #ffffffb8,0 22px 64px #8b84bc1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.height-lines{position:absolute;inset:0 auto 0 24px;z-index:1;width:min(180px,24vw);color:#70739e94;font-size:12px;pointer-events:none}.height-tick{position:absolute;left:0;display:grid;gap:2px;min-width:92px;translate:0 -50%}.height-tick:after{content:"";position:absolute;top:50%;left:calc(100% + 10px);width:min(104px,12vw);height:1px;background:#70739e29}.height-tick strong{font-size:12px;font-weight:650;line-height:1;color:#555884ad}.height-tick small{font-size:10px;line-height:1;color:#70739e75}.height-lines.wish-scale .height-tick strong{color:#4d4b7dc2}.bubble{position:absolute;z-index:2;display:grid;place-items:center;align-content:center;gap:2px;translate:-50% -50%;border:0;border-radius:46% 54% 52% 48%/48% 46% 54% 52%;color:#fff;cursor:pointer;overflow:visible;box-shadow:inset -22px -26px 42px #35278238,inset 16px 18px 32px #ffffff6b,inset 0 -10px 24px color-mix(in srgb,var(--bubble-color),#ffe2cf 28%),0 20px 42px #1f2c3c29,0 9px 26px color-mix(in srgb,var(--bubble-color),transparent 68%);font:inherit;padding:16px;touch-action:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform-origin:50% 54%}.bubble:before,.bubble:after{content:"";position:absolute;pointer-events:none}.bubble:before{z-index:1;inset:0;border-radius:inherit;background:linear-gradient(145deg,#ffffffa8,#ffffff1f 38%,#fff3),radial-gradient(circle at 76% 76%,rgba(255,255,255,.34),transparent 24%),radial-gradient(ellipse at 50% 94%,rgba(0,238,255,.34),rgba(0,238,255,.12) 42%,transparent 62%);filter:blur(.5px);mix-blend-mode:screen;opacity:.78}.bubble:after{left:22%;right:20%;bottom:-14%;height:22%;border-radius:999px;background:color-mix(in srgb,var(--bubble-color),#ffe8d6 42%);filter:blur(15px);opacity:.34;transform:scaleX(.82)}.bubble.selected{outline:0;box-shadow:inset -22px -26px 42px #35278238,inset 16px 18px 32px #ffffff6b,inset 0 -10px 24px color-mix(in srgb,var(--bubble-color),#ffe2cf 28%),0 0 0 8px color-mix(in srgb,var(--bubble-color),transparent 88%),0 20px 42px #1f2c3c29,0 9px 26px color-mix(in srgb,var(--bubble-color),transparent 68%)}.bubble.transfer-source{outline:0;box-shadow:inset -22px -26px 42px #35278238,inset 16px 18px 32px #ffffff6b,inset 0 -10px 24px color-mix(in srgb,var(--bubble-color),#ffe2cf 28%),0 0 32px color-mix(in srgb,var(--bubble-color),transparent 55%),0 20px 42px #1f2c3c29,0 9px 26px color-mix(in srgb,var(--bubble-color),transparent 68%)}.bubble.fusion-target{scale:calc(1 + var(--fusion-pull) * .035);box-shadow:inset -24px -28px 44px #3527822e,inset 18px 20px 34px #ffffff80,inset 0 -10px 28px color-mix(in srgb,var(--bubble-color),#ffe2cf 32%),0 0 calc(28px + var(--fusion-pull) * 28px) color-mix(in srgb,var(--bubble-color),transparent 44%),0 20px 42px #1f2c3c24,0 9px 26px color-mix(in srgb,var(--bubble-color),transparent 64%)}.bubble.complete{box-shadow:inset -22px -26px 42px #35278233,inset 16px 18px 32px #ffffff6b,0 0 0 8px #f2a93b29,0 22px 48px #1f2c3c38}.bubble-shine{position:absolute;z-index:1;top:12%;left:22%;width:22%;height:26%;border-radius:999px;background:#ffffffb8;filter:blur(2px);transform:rotate(18deg)}.bubble strong{position:relative;z-index:2;max-width:96%;overflow-wrap:anywhere;font-size:clamp(13px,1.5vw,17px);line-height:1.08;text-shadow:0 1px 9px rgba(35,25,88,.2)}.bubble small{position:relative;z-index:2;font-size:12px;font-weight:800;line-height:1;opacity:.92}.progress-ring{position:relative;z-index:2;height:5px;max-width:64%;margin-top:1px;border-radius:999px;background:#ffffffc7}.metaball-layer{position:fixed;z-index:1;inset:0;width:100vw;height:100vh;pointer-events:none}.metaball-layer.settle{z-index:3}.metaball-neck{opacity:.58;filter:blur(.4px)}.metaball-neck.target{filter:blur(.8px);mix-blend-mode:multiply}.metaball-target-glow{filter:blur(18px);mix-blend-mode:multiply}.metaball-core{stroke:none}.metaball-settle-core{filter:blur(.4px)}.metaball-settle-neck{filter:blur(.7px);opacity:.56}.metaball-settle-glow{filter:blur(18px);mix-blend-mode:multiply}.metaball-highlight{fill:#ffffffb8;filter:blur(1px);transform-box:fill-box;transform-origin:center;transform:rotate(18deg)}.tooltip{position:absolute;left:50%;bottom:calc(100% + 12px);min-width:148px;translate:-50% 0;padding:8px 10px;border-radius:8px;background:#544e82e0;color:#fff;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 12px 28px #7970b138}.panel{align-self:start;box-sizing:border-box;margin:18px 0;height:calc(100vh - 36px);border:1px solid rgba(255,255,255,.58);border-radius:28px;background:linear-gradient(180deg,#ffffff9e,#f6ebff75),#ffffff61;padding:22px;overflow:hidden auto;box-shadow:inset 1px 0 #a8a0db1f,inset 0 1px #ffffffd1,0 22px 64px #8b84bc2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.panel-head>div:nth-child(2){min-width:0;flex:1}.panel-collapse{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border:0;border-radius:999px;background:#ffffff6b;color:var(--ink);cursor:pointer;box-shadow:inset 0 1px #ffffffbd,0 10px 20px #8b84bc1a}.panel-head p,.muted{color:var(--muted);font-size:13px}.panel-badge{display:grid;place-items:center;width:48px;height:48px;flex:0 0 auto;border-radius:999px;color:#fff;box-shadow:inset -8px -10px 18px #58498a24,inset 6px 6px 14px #ffffff42,0 14px 28px #8b84bc2e}.balance-row,.mission-block,.compact-form,.activity{position:relative;padding:16px 0;border-top:0}.balance-row:before,.mission-block:before,.compact-form:before,.activity:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(168,160,219,.22),rgba(255,143,146,.16),transparent)}.balance-row,.mission-block>div,.activity-row{display:flex;justify-content:space-between;gap:16px;align-items:center}.balance-row span,.mission-block span{color:var(--muted);font-size:13px}.balance-row strong{font-size:26px;color:var(--ink-strong)}.mission-block{display:grid;gap:10px}meter{width:100%;height:9px;overflow:hidden;border-radius:999px;background:#ffffff75}meter::-webkit-meter-bar{border:0;border-radius:999px;background:#ffffff75}meter::-webkit-meter-optimum-value{border-radius:999px;background:linear-gradient(90deg,var(--peach),var(--lavender),var(--sky-tint))}meter::-moz-meter-bar{border-radius:999px;background:linear-gradient(90deg,var(--peach),var(--lavender),var(--sky-tint))}.compact-form{display:grid;gap:8px}input{width:100%;min-height:38px;box-sizing:border-box;border:1px solid rgba(255,255,255,.58);border-radius:999px;background:#ffffff80;color:var(--ink-strong);font:inherit;font-size:14px;padding:0 14px;box-shadow:inset 0 1px #fffc,0 8px 18px #8b84bc14;outline:0}input::placeholder{color:#7679a6ad}input:focus{border-color:#a8a0db94;background:#ffffffbd;box-shadow:0 0 0 4px #d7c9ff42,0 10px 22px #8b84bc1f}button{letter-spacing:0}.compact-form button,.primary,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:0;border-radius:999px;background:linear-gradient(135deg,#ff8f92eb,#a8a0dbeb),var(--lavender);color:#fff;font:inherit;font-size:14px;font-weight:750;cursor:pointer;box-shadow:inset 0 1px #ffffff6b,0 14px 28px #a8a0db3d}.compact-form .ghost,.ghost{background:#ffffff6b;color:var(--ink);border:1px solid rgba(255,255,255,.58);box-shadow:inset 0 1px #ffffffc7,0 10px 20px #8b84bc1a}.full{width:100%}.activity h3{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px}.activity-row{min-height:34px;color:var(--ink);font-size:13px}.badge-page{display:grid;gap:28px;min-height:calc(100vh - 139px);padding:34px 36px 96px;background:linear-gradient(180deg,#ffffff52,#e7ddfb70),#ffffff47;box-shadow:inset 0 1px #ffffff7a}.badge-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.badges{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.badge{display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px 10px;align-items:center;width:190px;min-height:66px;padding:10px;border:1px solid rgba(255,255,255,.56);border-radius:16px;background:linear-gradient(180deg,#ffffffa3,#f6ebff6b),#ffffff57;box-shadow:inset 0 1px #ffffffd1,0 16px 34px #8b84bc24;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.badge span{display:grid;place-items:center;grid-row:span 2;width:38px;height:38px;border-radius:999px;color:#fff}.badge strong,.badge small{overflow-wrap:anywhere}.badge small{color:var(--muted)}.nav-dock{position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));z-index:12;display:flex;align-items:center;justify-content:center;gap:12px;width:min(260px,calc(100vw - 32px));transform:translate(-50%)}.bottom-navbar{display:flex;align-items:center;justify-content:space-between;width:178px;height:70px;padding:7px;border:1px solid rgba(255,255,255,.36);border-radius:999px;background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.34),transparent 28%),linear-gradient(135deg,#a8a0dbb8,#ff8f92a3),#ffffff61;box-shadow:inset 0 1px #ffffff6b,0 16px 36px #8b84bc4d;-webkit-backdrop-filter:blur(18px) saturate(1.18);backdrop-filter:blur(18px) saturate(1.18)}.bottom-navbar button{display:grid;place-items:center;width:74px;height:56px;border:0;border-radius:999px;background:transparent;color:#ffffffb8;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.bottom-navbar button.active{background:radial-gradient(circle at 32% 22%,rgba(255,255,255,.84),transparent 28%),linear-gradient(135deg,#ffffff47,#ffffff1f);color:#fff;box-shadow:inset 0 1px #ffffff61,0 10px 24px #8b84bc33}.bottom-navbar button:active{transform:scale(.96)}.bottom-navbar svg{width:26px;height:26px;stroke-width:2.35}.nav-create{display:grid;place-items:center;width:70px;height:70px;flex:0 0 auto;border:0;border-radius:999px;background:radial-gradient(circle at 36% 24%,rgba(255,255,255,.86),transparent 22%),radial-gradient(circle at 66% 72%,rgba(255,255,255,.36),transparent 24%),linear-gradient(135deg,var(--lavender),var(--peach));color:#fff;box-shadow:inset 0 1px #ffffff7a,inset -10px -12px 24px #80459c29,0 18px 38px #ff8f9252;cursor:pointer;transition:box-shadow .18s ease,transform .18s ease}.nav-create:active{transform:scale(.96)}.nav-create svg{width:28px;height:28px;stroke-width:2.4}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:linear-gradient(180deg,#7871a72e,#ff8f9224),#4c487033;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal{position:relative;display:grid;gap:12px;width:min(420px,100%);padding:24px;border:1px solid rgba(255,255,255,.58);border-radius:22px;background:linear-gradient(180deg,#ffffffc2,#f6ebff94),#ffffff7a;box-shadow:inset 0 1px #ffffffe0,0 24px 80px #7970b147;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.modal p{display:inline-flex;align-items:center;gap:7px;color:var(--muted)}.close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:999px;background:#fff6;color:var(--ink);cursor:pointer}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px}.segmented label{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid rgba(255,255,255,.58);border-radius:999px;background:#ffffff6b;color:var(--ink);font-size:14px;font-weight:700;box-shadow:inset 0 1px #ffffffb8}.segmented input{width:auto;min-height:auto}.swatches{display:flex;gap:8px}.swatches label{display:block;width:30px;height:30px;border-radius:999px;cursor:pointer;box-shadow:inset 0 1px #ffffffa3,0 8px 16px #8b84bc29}.swatches input{opacity:0}.redeem-flight{position:absolute;left:50%;bottom:80px;z-index:5;display:grid;place-items:center;width:120px;height:120px;border-radius:999px;color:#fff;box-shadow:0 24px 60px #8b84bc40}@media(max-width:980px){.topbar{top:16px;left:20px;right:14px;align-items:flex-start;flex-direction:column}.hero-title{transform:translate(8px,92px)}.metrics{align-self:flex-end;justify-content:flex-end}.mascot-corner{right:10px;bottom:-8px;width:clamp(96px,17vw,136px)}.workspace{grid-template-columns:1fr;gap:0;padding:0 14px}.sky{margin:14px 0;height:calc(100vh - 28px)}.panel{margin:0 0 18px;border-left:0;border-top:1px solid rgba(255,255,255,.5);height:auto;max-height:calc(100vh - 28px);padding-bottom:112px}.badge-page{padding:24px 18px 96px}.badge-page-head{flex-direction:column}}@media(max-width:640px){.sky{height:calc(100vh - 28px)}.height-lines{display:none}.bubble{scale:.9}.mascot-corner{right:4px;bottom:-6px;width:92px}.nav-dock{gap:10px}.bottom-navbar button{width:74px;height:52px}.bottom-navbar svg{width:24px;height:24px}.nav-create{width:64px;height:64px}}