:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body,#root{min-height:100%}*{box-sizing:border-box}:root{--bg0: #f6f7fb;--bg1: #ffffff;--ink: rgba(15, 18, 28, .92);--muted: rgba(15, 18, 28, .6);--stroke: rgba(15, 18, 28, .1);--card: rgba(255,255,255,.78);--card2: rgba(255,255,255,.92);--shadow: 0 18px 45px rgba(16, 24, 40, .12);--radius: 18px;--accentA: rgba(126, 87, 255, 1);--accentB: rgba(0, 176, 255, 1);--accentSoft: rgba(126, 87, 255, .12);--danger: rgba(255, 74, 94, 1);--dangerSoft: rgba(255, 74, 94, .12);--safeTop: env(safe-area-inset-top, 0px);--safeBottom: env(safe-area-inset-bottom, 0px)}body{margin:0;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(900px 600px at 18% 10%,rgba(126,87,255,.18),transparent 60%),radial-gradient(900px 600px at 85% 20%,rgba(0,176,255,.14),transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1))}.appShell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:var(--safeBottom)}.topbar{position:sticky;top:0;z-index:20;width:100%;padding:calc(10px + var(--safeTop)) 14px 10px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,#f6f7fbf5,#f6f7fbb8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(15,18,28,.08)}.brand{display:flex;align-items:center;gap:1px}.brandLogo{width:min(92vw,500px);height:70px;object-fit:contain;display:block;margin:0 auto}@media(min-width:980px){.brandLogo{width:min(920px,100%);height:76px}}.brandMeta{display:flex;flex-direction:column;gap:2px}.brandTitle{font-weight:950;letter-spacing:-.3px;font-size:14px}.brandSub{color:var(--muted);font-size:12px}.stepper{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.step{border:1px solid rgba(15,18,28,.1);background:#ffffffbf;border-radius:999px;padding:10px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:900;color:#0f121cb8;min-height:44px}.step:disabled{opacity:.45;cursor:not-allowed}.step.active{background:linear-gradient(135deg,#7e57ff2e,#00b0ff1f);border-color:#7e57ff47;color:#0f121ceb}.stepNum{width:22px;height:22px;border-radius:999px;display:grid;place-items:center;font-size:12px;background:#0f121c0f}.step.active .stepNum{background:#7e57ff29}.stepLbl{font-size:12px}.stageWrap{flex:1;min-height:0;padding:14px 14px 18px;display:flex;justify-content:center;align-items:flex-start}@media(min-width:980px){.stageWrap{padding:20px 22px 24px}}.stage{position:relative;width:100%;max-width:560px;opacity:1;transform:none;pointer-events:auto}.stage{position:absolute;inset:12px 14px 16px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .22s ease,transform .22s ease;display:flex;min-height:0}@media(min-width:980px){.stage{inset:18px 22px 22px}}.stage.active{opacity:1;transform:translateY(0);pointer-events:auto}.card{width:100%;min-height:0;display:flex;flex-direction:column;border-radius:var(--radius);background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid rgba(15,18,28,.08);box-shadow:var(--shadow);overflow:hidden}.cardHead{padding:16px 16px 12px;border-bottom:1px solid rgba(15,18,28,.06);background:#ffffffb8}.cardBody{padding:14px 16px calc(16px + var(--safeBottom));overflow:visible;min-height:0}.h1{margin:0;font-size:22px;letter-spacing:-.5px;font-weight:950}.muted{color:var(--muted);margin:6px 0 0;line-height:1.35}.small{font-size:12px}.cardTitleRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.headBtns{display:flex;gap:8px;flex-wrap:nowrap;align-items:center}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:760px){.grid2{grid-template-columns:1fr}}.field{display:flex;flex-direction:column}.label{font-weight:900;font-size:12px;margin:0 0 8px}.hint{font-size:12px;color:var(--muted);margin-top:8px}.fieldLabelRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.input{width:100%;padding:12px;border-radius:14px;border:1px solid rgba(15,18,28,.1);background:#ffffffdb;color:var(--ink);outline:none}.input:focus{border-color:#7e57ff59;box-shadow:0 0 0 4px var(--accentSoft)}.modeRow{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.seg{display:inline-flex;border-radius:999px;border:1px solid rgba(15,18,28,.1);background:#ffffffb3;overflow:hidden}.segBtn{border:0;background:transparent;padding:10px 12px;font-weight:950;font-size:12px;color:#0f121ca6;cursor:pointer;min-height:44px}.segBtn.active{background:linear-gradient(135deg,#7e57ff2e,#00b0ff1f);color:#0f121ceb}.rowBtns{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.rowMini{font-size:12px}.tiles{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:760px){.tiles{grid-template-columns:1fr}}.tile{border-radius:16px;border:1px solid rgba(15,18,28,.1);background:#ffffffc7;padding:14px;display:flex;gap:12px;align-items:center;box-shadow:0 10px 25px #1018280f}.tileSoft{background:linear-gradient(135deg,#7e57ff14,#00b0ff0f)}.tile.disabled{opacity:.5;pointer-events:none}.tileIcon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#0f121c0d;border:1px solid rgba(15,18,28,.06)}.tileMain{flex:1;display:flex;flex-direction:column;gap:3px}.tileTitle{font-weight:950;font-size:13px}.tileSub{color:var(--muted);font-size:12px;line-height:1.25}.tileCTA{font-weight:950;font-size:12px;padding:8px 10px;border-radius:999px;border:1px solid rgba(15,18,28,.1);background:#ffffffe6}.preview{margin-top:14px;border-radius:16px;border:1px solid rgba(15,18,28,.1);background:#ffffffb8;overflow:hidden}.previewHead{padding:12px 12px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(15,18,28,.06)}.previewTitle{font-weight:950;font-size:13px}.previewActions{display:flex;gap:10px;flex-wrap:wrap}.previewVideo{width:100%;height:auto;display:block;background:#0f121c0d}.btn{padding:10px 12px;border-radius:14px;border:1px solid rgba(15,18,28,.1);background:#fffc;color:#0f121ce0;font-weight:950;cursor:pointer;min-height:44px}.btn:hover{background:#fffffff2}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:#fff9}.btn.primaryAlt{border-color:#7e57ff38;background:linear-gradient(135deg,#7e57ff29,#00b0ff1a)}.btn.danger{border-color:#ff4a5e47;background:var(--dangerSoft);color:#ff4a5e}.ctaRow{margin-top:14px;display:grid;gap:8px}.primary{width:100%;border:0;border-radius:16px;padding:14px;font-weight:950;cursor:pointer;min-height:52px;color:#071018;background:linear-gradient(135deg,var(--accentA),var(--accentB));box-shadow:0 18px 38px #7e57ff2e}.primary:disabled{opacity:.55;cursor:not-allowed}.status{margin-top:12px;padding:12px;border-radius:14px;border:1px solid rgba(15,18,28,.1);background:#ffffffb8;color:#0f121cb8;font-size:12px}.meter{padding:14px;border-radius:16px;border:1px solid rgba(15,18,28,.1);background:#ffffffb8}.meterTop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.meterTitleRow{display:flex;align-items:center;gap:8px}.meterTitle{font-weight:950;font-size:12px;color:#0f121cb3}.tier{font-weight:950;font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(15,18,28,.1);background:#fffc}.tier-high{border-color:#00a06e40;background:#00a06e1a}.tier-medium{border-color:#ffaa0040;background:#ffaa001a}.tier-low{border-color:#ff4a5e40;background:#ff4a5e1a}.meterBar{height:12px;border-radius:999px;border:1px solid rgba(15,18,28,.1);background:#0f121c0a;overflow:hidden}.meterFill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accentB),var(--accentA))}.meterLegend{margin-top:8px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.metrics{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:420px){.metrics{grid-template-columns:1fr}}.metric{padding:14px;border-radius:16px;border:1px solid rgba(15,18,28,.1);background:#ffffffb8;display:flex;gap:12px;align-items:center}.metricIcon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#7e57ff1a,#00b0ff14);border:1px solid rgba(15,18,28,.06)}.metricText{flex:1;display:flex;flex-direction:column;gap:6px}.metricLabelRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.metricLabel{font-size:12px;color:#0f121cb3;font-weight:950}.metricValue{font-size:22px;font-weight:950;letter-spacing:-.4px}.panel{margin-top:12px;padding:14px;border-radius:16px;border:1px solid rgba(15,18,28,.1);background:#ffffffb8}.panelHead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.panelTitle{font-weight:950;font-size:13px}.notes{margin:0;padding-left:18px;color:#0f121cd6;font-size:12px;line-height:1.3}.notes li{margin:6px 0}.suggestGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:760px){.suggestGrid{grid-template-columns:1fr}}.suggest{padding:14px;border-radius:16px;border:1px solid rgba(15,18,28,.1);background:#ffffffb8;display:flex;flex-direction:column;gap:10px;min-height:150px}.suggestHead{display:flex;align-items:center;gap:12px}.suggestIcon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#0f121c0d;border:1px solid rgba(15,18,28,.06)}.suggestTitle{font-weight:950;font-size:13px}.suggestValue{font-size:24px;font-weight:950;letter-spacing:-.4px;text-transform:capitalize}.basket{margin-top:auto;width:100%;border-radius:14px;border:1px solid rgba(15,18,28,.1);background:linear-gradient(135deg,#7e57ff1f,#00b0ff14);padding:12px;font-weight:950;cursor:pointer;min-height:48px;display:flex;align-items:center;justify-content:center;gap:10px}.ico{width:20px;height:20px;color:#0f121cc7}.tip{position:relative;display:inline-flex;align-items:center}.tipTrigger{display:inline-flex}.infoPill,.infoDot{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(15,18,28,.1);background:#ffffffd9;cursor:pointer}.infoPill{width:36px;height:36px}.infoDot{width:30px;height:30px}.infoDot.sm{width:26px;height:26px}.tipBubble{position:absolute;left:50%;transform:translate(-50%,6px);top:calc(100% + 8px);min-width:220px;max-width:280px;padding:10px;border-radius:12px;border:1px solid rgba(15,18,28,.1);background:#fffffff2;box-shadow:0 18px 30px #10182824;color:#0f121ce0;font-size:12px;line-height:1.25;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;z-index:30}.tipBubble.open{opacity:1;pointer-events:auto;transform:translate(-50%)}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.flowTop{display:grid;gap:10px}.progressTrack{height:10px;border-radius:999px;border:1px solid rgba(15,18,28,.1);background:#ffffffb8;overflow:hidden}.progressFill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accentB),var(--accentA));width:0%;transition:width .24s ease}.flowDots{display:flex;justify-content:space-between;gap:6px;padding:0 2px}.flowDot{flex:1;height:6px;border-radius:999px;background:#0f121c1a}.flowDot.on{background:#7e57ff73}.choiceGrid{margin-top:4px;display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:760px){.choiceGrid{grid-template-columns:1fr}}.choiceCard{text-align:left;border-radius:18px;border:1px solid rgba(15,18,28,.1);background:#ffffffc7;padding:14px;cursor:pointer;min-height:78px;box-shadow:0 10px 25px #1018280f;color:#0f121ceb}.choiceCard.active{border-color:#7e57ff4d;background:linear-gradient(135deg,#7e57ff1f,#00b0ff14)}.choiceTitle{font-weight:950;font-size:14px}.choiceSub{margin-top:6px}.loadingWrap{margin-top:6px;padding:18px;border-radius:18px;border:1px solid rgba(15,18,28,.1);background:#ffffffb8;display:grid;justify-items:center;text-align:center;gap:12px}.loadingSpinner{width:48px;height:48px;border-radius:999px;border:4px solid rgba(15,18,28,.1);border-top-color:#7e57ffb3;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loadingLine{font-weight:950;letter-spacing:-.2px}.introSteps{display:grid;gap:12px;margin-top:8px}.introStep{display:grid;grid-template-columns:54px 1fr 28px;gap:12px;align-items:center;padding:12px;border-radius:18px;border:1px solid rgba(15,18,28,.1);background:#ffffffbd;box-shadow:0 10px 25px #1018280d}.introStepIcon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#7e57ff1f,#00b0ff14);border:1px solid rgba(15,18,28,.08);overflow:hidden}.introStepIcon img{width:28px;height:28px;object-fit:contain;display:block}.introStepTitle{font-weight:950;font-size:13px;letter-spacing:-.2px}.introStepSub{margin-top:4px}.sheetOverlay{position:fixed;inset:0;background:#090c1473;display:grid;align-items:end;z-index:50}.sheet{width:min(720px,100%);margin:0 auto;border-top-left-radius:22px;border-top-right-radius:22px;background:#fffffff5;border:1px solid rgba(15,18,28,.1);box-shadow:0 -18px 50px #00000038;padding:12px 14px 16px}.sheetHandle{width:52px;height:6px;border-radius:999px;background:#0f121c2e;margin:6px auto 10px}.sheetTitle{font-weight:950;font-size:16px;text-align:center}.sheetSub{text-align:center;margin-top:6px;color:#0f121cb8;font-size:13px}.sheetBtns{display:grid;gap:10px;margin-top:14px}.sheetSafe{margin-top:10px;text-align:center}.srOnly{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}label.btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}label.btn.disabled{pointer-events:none;opacity:.55}.loadingSub{font-size:12px;opacity:.75;margin-top:8px}.stage.active{position:relative!important;inset:auto!important;opacity:1!important;transform:none!important;pointer-events:auto!important}.proCard{display:flex;gap:12px;align-items:center}.proLeft{display:flex;align-items:center}.proImg{width:64px;height:64px;border-radius:16px;object-fit:cover;border:1px solid rgba(15,18,28,.1)}.proAvatar{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;font-weight:950;border:1px solid rgba(15,18,28,.1);background:linear-gradient(135deg,#7e57ff29,#00b0ff1a)}.proKicker{font-weight:950;font-size:12px;color:#0f121cb3}.proName{font-weight:950;font-size:14px;margin-top:2px}.proBlurb{margin-top:6px}.progressMeta{display:flex;justify-content:space-between;font-size:11px;color:#0f121c80;padding:0 2px}.progressMeta span.on{color:#0f121ce0;font-weight:900}.h1Sm{font-size:20px}.btn.sm{padding:8px 10px;min-height:38px;border-radius:12px;font-size:12px}.tipModalOverlay{position:fixed;inset:0;background:#090c1473;display:grid;place-items:center;z-index:80;padding:18px}.tipModalCard{width:min(520px,100%);border-radius:18px;background:#fffffff5;border:1px solid rgba(15,18,28,.1);box-shadow:0 24px 70px #0003;padding:16px;display:grid;gap:10px}.tipModalTitle{font-weight:950;font-size:14px}.tipModalText{color:#0f121cdb;font-size:13px;line-height:1.35}.tilePick,.tilePick *{color:#0f121ceb!important}.tilePick .tileSub{color:#0f121c99!important}.headBtns .btn{white-space:nowrap}