@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600&family=Source+Sans+3:wght@400;600;700&display=swap";:root{--bg:#f7f3ec;--ink:#0e2242;--primary:#0f6e75;--gold:#e7a423;--gold-tint:#fbefd5;--gold-dark:#7a4e00;--teal-tint:#e3f1f1;--teal-dark:#0b5a60;--sand:#efe7da;--border:#e2d8c6;--input-border:#d9cebb;--muted:#4a5568;--white:#fff;--radius:24px;--head:"Playfair Display", Georgia, serif;--body:"Source Sans 3", system-ui, -apple-system, sans-serif;--shadow:0 10px 30px #0e224214;--glow:0 0 0 6px #e7a42333}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:18px/1.6 var(--body);margin:0}h1,h2,h3,.brandname,.hero-total,.total-value{font-family:var(--head);color:var(--ink);font-weight:600}h1{margin:0 0 12px;font-size:38px;line-height:1.2}h2{margin:0 0 12px;font-size:26px}h3{margin:0 0 8px;font-size:20px}p{margin:0 0 10px}a{color:var(--primary)}#root{max-width:1100px;margin:0 auto;padding:24px 20px 96px}.flow,.body{flex-direction:column;gap:24px;display:flex}.header{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;display:flex}.brandname{max-width:210px;font-size:17px;line-height:1.25}.pills{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pill{background:var(--bg);color:var(--muted);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.pill.done{background:var(--teal-tint);color:var(--teal-dark)}.pill.current{background:var(--ink);color:var(--white)}.counter{background:var(--gold-tint);color:var(--gold-dark);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:700;display:inline-flex}.phonehead{display:none}.btn{background:var(--primary);min-height:52px;color:var(--white);font-family:var(--body);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{background:var(--ink)}.btn:focus-visible,.chipbtn:focus-visible,.idk:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.btn-ghost,.btn-outline{color:var(--ink);border:1.5px solid var(--border);background:0 0}.btn-ghost:hover,.btn-outline:hover{background:var(--bg)}.btn-gold{background:var(--gold);color:var(--ink)}.btn-gold:hover{background:var(--white)}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:13px;font-weight:700}.eyebrow.gold{color:var(--gold)}.intro,.lede{color:var(--muted);margin:0 0 20px;font-size:18px}.two{grid-template-columns:1fr 1fr;gap:14px;display:grid}.welcome{grid-template-columns:1fr 420px;align-items:start;gap:36px;display:grid}.welcome-copy h1{font-size:42px}.checks{flex-direction:column;gap:10px;margin:0 0 18px;padding:0;list-style:none;display:flex}.checks li{align-items:flex-start;gap:10px;font-size:17px;display:flex}.tick{background:var(--teal-tint);width:22px;height:22px;color:var(--teal-dark);border-radius:999px;flex:0 0 22px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.fineprint{color:var(--muted);margin:12px 0 0;font-size:13.5px}.welcome-form h2{margin-bottom:18px;font-size:22px}.stepwrap{grid-template-columns:1fr 320px;align-items:start;gap:24px;display:grid}.questions{flex-direction:column;gap:22px;display:flex}.question{flex-direction:column;gap:8px;display:flex}.question-label label{color:var(--ink);font-size:16px;font-weight:600}.help{color:var(--muted);margin:2px 0 0;font-size:14px}.question input,.question textarea{width:100%;font:16px var(--body);color:var(--ink);background:var(--white);border:1.5px solid var(--input-border);border-radius:12px;min-height:48px;padding:10px 14px}.question textarea{resize:vertical;min-height:120px}.question input::placeholder,.question textarea::placeholder{color:#8a8478;opacity:1}.fieldrow{align-items:center;gap:10px;display:flex}.fieldrow .unit{flex:auto;min-height:48px}.fieldrow .idk{flex:none}.unit{background:var(--white);border:1.5px solid var(--input-border);border-radius:12px;flex:auto;align-items:stretch;display:flex;overflow:hidden}.unit:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--gold)}.unit input{background:0 0;border:none;border-radius:0;flex:auto;min-width:0;height:46px;padding:0 14px}.unit input:focus{box-shadow:none;outline:none}.unit-prefix,.unit-suffix{color:var(--muted);background:var(--sand);white-space:nowrap;align-items:center;padding:0 14px;font-size:15px;font-weight:600;display:flex}.unit-prefix{border-right:1.5px solid var(--input-border)}.unit-suffix{border-left:1.5px solid var(--input-border)}.tinted{background:var(--sand);border-radius:16px;flex-direction:column;gap:8px;padding:16px;display:flex}.chips{flex-wrap:wrap;gap:10px;display:flex}.chipbtn{font-family:var(--body);color:var(--ink);background:var(--white);border:1.5px solid var(--input-border);cursor:pointer;border-radius:999px;min-height:48px;padding:12px 18px;font-size:15px;font-weight:600}.chipbtn:hover{border-color:var(--primary);background:var(--teal-tint)}.chipbtn[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--white)}.chipbtn[aria-pressed=true]:hover{background:var(--primary)}.idk{font-family:var(--body);color:var(--primary);border:1.5px dashed var(--input-border);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;min-height:48px;padding:12px 18px;font-size:14px;font-weight:600}.idk:hover{border-color:var(--primary);background:var(--teal-tint)}.counter{color:var(--gold-dark);background:var(--gold-tint);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:700;display:inline-flex}.counter .drop{color:var(--gold-dark)}.counter-on{background:var(--gold);color:var(--ink);box-shadow:var(--glow)}.counter-on .drop{color:var(--ink)}.spotted{background:var(--gold-tint);color:var(--gold-dark);border-radius:14px;margin:10px 0 0;padding:12px 16px;font-size:15px}.sidenote{border-radius:14px;margin:0 0 18px;padding:12px 16px;font-size:15px}.sidenote.lightteal{background:var(--teal-tint);color:var(--teal-dark)}.actions{justify-content:flex-end;gap:12px;margin-top:28px;display:flex}.panel{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;position:sticky;top:16px}.panel summary{font-family:var(--head);cursor:pointer;font-size:18px;font-weight:600;list-style:none}.panel summary::-webkit-details-marker{display:none}.panel-body{margin-top:12px}.panel-area{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px;font-size:12.5px;font-weight:700}.panel ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.panel li{background:var(--bg);border-radius:12px;padding:10px 12px;font-size:14.5px}.panel li.newest{background:var(--gold-tint);color:var(--gold-dark);font-weight:600}.panel .empty{color:var(--muted);font-size:14.5px}.panel-note{color:var(--muted);border-top:1px solid var(--border);margin:14px 0 0;padding-top:12px;font-size:13px}.unlock{background:var(--ink);color:var(--sand);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:1fr 320px;gap:32px;padding:36px;display:grid}.unlock h1{color:var(--white);font-size:36px}.unlock-lede{color:#cdd6e4;font-size:17px}.unlock-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.unlock .btn-outline{color:var(--white);border-color:#46608b}.unlock .btn-outline:hover{background:#ffffff1a}.unlock .fineprint{color:#b9c2d1}.unlock-side{background:#ffffff0f;border:1px solid #2a3f61;border-radius:16px;padding:20px}.unlock-side h3{color:var(--white);font-size:18px}.unlock-row{border-bottom:1px solid #2a3f61;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:8px 0;font-size:14.5px;display:grid}.unlock-row:last-child{border-bottom:none}.unlock-area{color:var(--white);font-weight:600}.drops{color:var(--gold);gap:3px;display:inline-flex}.unlock-count{color:var(--gold);text-align:right;min-width:16px;font-weight:700}.results{flex-direction:column;gap:24px;display:flex}.hero{background:var(--ink);color:var(--sand);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:1fr 340px;gap:32px;padding:36px;display:grid}.hero h1{color:var(--white);font-size:34px}.hero-total{color:var(--gold);margin:14px 0 6px;font-size:44px;line-height:1.1}.hero-total-note{color:#cdd6e4;font-size:15.5px}.hero-card{background:#ffffff0f;border:1px solid #2a3f61;border-radius:16px;padding:22px}.hero-card h3{color:var(--gold)}.hero-card p{color:#cdd6e4;font-size:15px}.hero-card .btn{margin-top:8px}.leak-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.leak-card.biggest{border:2px solid var(--gold)}.badges{gap:8px;margin-bottom:14px;display:flex}.badge{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700}.badge-gold{background:var(--gold-tint);color:var(--gold-dark)}.badge-teal{background:var(--teal-tint);color:var(--teal-dark)}.range{color:var(--primary);margin:4px 0 12px;font-size:19px;font-weight:700}.rangebar{background:var(--sand);border-radius:999px;height:10px;margin-bottom:18px;overflow:hidden}.rangebar span{background:var(--gold);border-radius:999px;height:100%;display:block}.section-h{font-size:15px}.bullets{color:var(--muted);margin:0 0 16px;padding-left:20px;font-size:15.5px}.bullets li{margin-bottom:6px}.locked{background:var(--sand);color:var(--ink);border-radius:14px;align-items:center;gap:10px;margin:0;padding:12px 16px;font-size:14.5px;display:flex}.leak-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.leak-card.clear{background:var(--teal-tint);color:var(--teal-dark);border-color:#c6e3e3}.leak-card.clear h3,.leak-card.clear .eyebrow,.keep{color:var(--teal-dark)}.fixtext{color:var(--muted);font-size:14.5px}.cta-band{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:28px;display:flex}.cta-band h3{max-width:560px;margin:0}.disclaimer{color:var(--muted);text-align:center;margin:0;font-size:13.5px}.loading{color:var(--muted);margin:0;font-size:15px}.loading.error{background:var(--gold-tint);color:var(--gold-dark);border-radius:16px;padding:14px 18px}.footer{flex-wrap:wrap;justify-content:center;gap:6px 14px;padding:8px;display:flex}.footer-brand{font-family:var(--head);font-size:15px;font-weight:600}.footer-line,.footer a{color:var(--muted);font-size:13.5px}@media (width<=860px){h1{font-size:30px}#root{padding:16px 14px 120px}.header{flex-direction:column;align-items:stretch;gap:10px;padding:14px 16px}.header .brandname,.header .pills,.header>.counter{display:none}.phonehead{flex-direction:column;gap:10px;display:flex}.phoneline{font-family:var(--head);font-size:17px;font-weight:600}.segbar{gap:4px;display:flex}.segbar i{background:var(--sand);border-radius:999px;flex:1;height:4px}.segbar i.on{background:var(--primary)}.welcome,.stepwrap,.unlock,.hero,.leak-grid{grid-template-columns:1fr}.card,.hero,.unlock{padding:22px}.welcome-copy h1,.hero h1,.unlock h1{font-size:28px}.hero-total{font-size:34px}.two{grid-template-columns:1fr}.panel{position:static}#root{padding-bottom:calc(120px + env(safe-area-inset-bottom))}.actions{background:var(--bg);border-top:1px solid var(--border);padding:12px 14px calc(12px + env(safe-area-inset-bottom));z-index:5;margin:0;position:fixed;bottom:0;left:0;right:0}.actions .btn{flex:1}.cta-band .btn,.unlock-actions .btn{width:100%}}
