:root{--green: #00d09c;--green-dark: #00b386;--ink: #1b1f2a;--muted: #6b7280;--line: #eceef2;--bg: #f6f7f9;--red: #eb5b3c;font-family:Inter,system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#e9fbf5,#eef0ff);min-height:100vh}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}.stage{display:flex;gap:56px;align-items:center;justify-content:center;min-height:100vh;padding:24px}.pitch{max-width:340px}.pitch h1{margin:10px 0 6px;font-size:32px}.pitch ul{padding-left:18px;line-height:1.7;font-size:14px}.logo-dot{width:40px;height:40px;border-radius:50%;background:conic-gradient(var(--green) 0 60%,#5367ff 60% 100%)}.phone{width:390px;height:800px;background:#fff;border-radius:38px;overflow:hidden;box-shadow:0 30px 80px #1e28502e,0 0 0 10px #111;display:flex;flex-direction:column;position:relative}.screen{flex:1;overflow-y:auto}.pad{padding:22px 18px 28px}@media (max-width: 820px){.stage{padding:0;display:block}.pitch{display:none}.phone{width:100%;height:100vh;border-radius:0;box-shadow:none}}h2{margin:6px 0;font-size:22px}h3{margin:22px 0 4px;font-size:16px}.tight{margin:0}.muted{color:var(--muted)}.faint{opacity:.75}.small{font-size:13px}p{line-height:1.5}label{display:block;font-size:13px;font-weight:600;margin:16px 0 6px}.up{color:var(--green-dark)}.down{color:var(--red)}.row{display:flex;justify-content:space-between;align-items:center;gap:8px}.gap{gap:8px;justify-content:flex-start}.grow{flex:1}.center-col{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:60px}.big-emoji{font-size:56px}input,select,textarea{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;outline:none;background:#fff}input:focus,select:focus,textarea:focus{border-color:var(--green)}textarea{resize:none}input[type=range]{padding:0;accent-color:var(--green);border:none}.primary{width:100%;margin-top:18px;padding:14px;border:none;border-radius:12px;background:var(--green);color:#fff;font-weight:700;font-size:15px}.primary:disabled{background:#c9ece2;cursor:not-allowed}.link{background:none;border:none;color:var(--muted);text-decoration:underline;padding:0}.mini{padding:6px 12px;border-radius:999px;border:1.5px solid var(--green);background:#e9fbf5;color:var(--green-dark);font-size:12px;font-weight:600}.mini.ghost{background:#fff;border-color:var(--line);color:var(--muted)}.card{display:block;width:100%;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:14px;margin-top:12px}.card.soft{background:var(--bg);border-color:transparent}.hero{background:linear-gradient(135deg,#00d09c,#00a37a);color:#fff;border:none}.hero.practice{background:linear-gradient(135deg,#5367ff,#7b5cff)}.hero-val{font-size:32px;font-weight:800;margin:6px 0}.hero .up,.hero .down{color:#fff;font-weight:700}.future{background:#111827;color:#fff;border:none}.future-teaser{cursor:pointer;background:#fff8e8;border-color:#ffe3a3}.top{display:flex;justify-content:space-between;align-items:center}.toggle{display:flex;background:var(--bg);border-radius:999px;padding:3px}.toggle button{border:none;background:none;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;color:var(--muted)}.toggle button.on{background:#fff;color:var(--ink);box-shadow:0 1px 4px #0000001a}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.actions button{border:1.5px solid var(--line);background:#fff;border-radius:16px;padding:14px 10px;font-weight:600;font-size:13px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.actions span{font-size:22px}.holding .reason{margin:8px 0;font-style:italic;font-size:14px}.drop{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.chip{padding:8px 12px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-size:13px}.chip.on{border-color:var(--green);background:#e9fbf5;color:var(--green-dark);font-weight:600}.amount-input{display:flex;align-items:center;border-bottom:2px solid var(--line);margin:10px 0 16px}.amount-input span{font-size:32px;font-weight:700;color:var(--muted)}.amount-input input{border:none;font-size:36px;font-weight:800;padding:6px 8px}.amount-input.sm{border:1.5px solid var(--line);border-radius:12px;padding:0 12px;margin:0}.amount-input.sm span{font-size:16px}.amount-input.sm input{font-size:16px;font-weight:600}.splitbar{display:flex;height:14px;border-radius:999px;overflow:hidden;gap:2px}.split-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin-top:12px;font-size:13px}.split-legend div{display:flex;align-items:center;gap:6px}.split-legend b{margin-left:auto}.split-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.inst{cursor:pointer}.inst .plain{margin:8px 0 0;color:#3d4352}.pill{border:1.5px solid;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.sheet-wrap{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0f1e73;display:flex;align-items:flex-end;z-index:10}.sheet{background:#fff;width:100%;border-radius:24px 24px 0 0;padding:20px 18px 24px;max-height:88%;overflow-y:auto}.warn{background:#fff4ef;color:#a53a1f;border-radius:10px;padding:10px 12px;font-size:13px;margin-top:10px}.cooloff{display:flex;gap:14px;align-items:center;background:#eef0ff;border-radius:14px;padding:12px;margin-top:12px}.cooloff-num{font-size:30px;font-weight:800;color:#5367ff;min-width:36px;text-align:center}.samples{display:flex;flex-direction:column;gap:8px;margin-top:8px}.sample{text-align:left;background:var(--bg);border:none;border-radius:12px;padding:10px 12px;font-size:12.5px;color:#3d4352}.result{border-width:2px}.meter{height:8px;background:var(--bg);border-radius:999px;overflow:hidden;margin:10px 0}.meter div{height:100%}.flag{padding:10px 0;border-top:1px solid var(--line);font-size:14px}.flag.green{color:var(--green-dark)}.onboarding .steps{display:flex;gap:6px;margin-bottom:18px}.steps span{flex:1;height:4px;border-radius:4px;background:var(--line)}.steps span.on{background:var(--green)}.big-pct{font-size:56px;font-weight:800;color:var(--green-dark);text-align:center;margin:18px 0 6px}.tabbar{display:flex;border-top:1px solid var(--line);background:#fff;padding:6px 4px 10px}.tabbar button{flex:1;border:none;background:none;font-size:10.5px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0}.tabbar .ic{font-size:18px;font-weight:700}.tabbar button.on{color:var(--green-dark);font-weight:700}