:root{--cream:#FAF7EF;--card:#FFFFFF;--line:#E6E1D4;--green:#1F3D2B;--green-deep:#152A1E;--gold:#B8975A;--ink:#1E2A20;--mute:#6F7A70;--continue:#1F3D2B;--slow:#B98A2C;--close:#8E2F26;--serif:"Cormorant Garamond",Georgia,serif;--sans:Inter,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer}.app{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;position:relative}.screen{flex:1;padding:0 18px 110px}.screen.pad{padding-top:22px}.hero{position:relative;height:300px;margin:0 -18px 20px;background:linear-gradient(160deg,#274a35,#0f1f16 60%,#3a2a1a);overflow:hidden;color:#fff}.hero.tall{height:100vh;margin-bottom:0}.hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}.hero img.on{opacity:1}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000040,#0000 45%,#141e168c)}.hero .in{position:relative;z-index:1;padding:54px 22px 22px;height:100%;display:flex;flex-direction:column}.hero .brand{font-family:var(--serif);letter-spacing:.42em;font-size:15px;text-align:center;text-transform:uppercase}.hero h1{font-family:var(--serif);font-weight:500;font-size:54px;line-height:.95;letter-spacing:-.01em;margin-top:auto}.hero .sub{margin-top:12px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;opacity:.9}.hero .tag{position:absolute;right:20px;top:60px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;text-align:right;line-height:1.8;opacity:.85}.hero .tag:after{content:"";display:block;width:70px;height:1px;background:var(--gold);margin:8px 0 0 auto}h2{font-family:var(--serif);font-weight:600;font-size:36px;line-height:1.02;color:var(--green)}h3{font-family:var(--serif);font-weight:600;font-size:22px;color:var(--green)}.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-top:6px}p.lead{color:var(--mute);font-size:16px;line-height:1.5;margin-top:10px}.row{display:flex;align-items:center;gap:10px}.spacer{flex:1}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin-top:12px}.card .head{display:flex;align-items:center;gap:12px}.icon{width:44px;height:44px;border-radius:50%;background:#eef3ec;display:grid;place-items:center;color:var(--green);font-size:18px;flex:none}.icon.gold{background:#f5eedf;color:#8a6d2f}.icon.blue{background:#e8eff5;color:#3c5a73}.card .title{font-family:var(--serif);font-weight:600;font-size:22px}.card .weight{color:var(--mute);font-size:14px;margin-left:6px}.hint{color:var(--mute);font-size:14px;margin-top:10px}.chips{display:grid;grid-template-columns:repeat(11,1fr);gap:5px;margin-top:14px}.chips button{height:44px;border:1px solid var(--line);background:#f6f3ea;border-radius:8px;font-size:15px;color:var(--ink)}.chips button.on{background:var(--green);border-color:var(--green);color:#fff;font-weight:600}.opt{display:block;width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;font-size:16px;margin-top:10px;color:var(--ink)}.opt.on{border-color:var(--green);background:#eef3ec}.opt small{display:block;color:var(--mute);font-size:13px;margin-top:3px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.tiles button{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 8px;font-size:13px;color:var(--ink);display:grid;gap:8px;justify-items:center}.tiles button.on{border-color:var(--green);background:#eef3ec}.tiles button span{font-size:22px}.seg{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;flex:none}.seg button{padding:10px 12px;background:#f6f3ea;border:0;font-size:13px;color:var(--mute)}.seg button.yes{background:var(--close);color:#fff}.seg button.no{background:var(--green);color:#fff}.seg button.unk{background:#ddd8ca;color:var(--ink)}textarea,input{width:100%;border:1px solid var(--line);border-radius:12px;padding:14px;font:inherit;font-size:16px;background:var(--card);color:var(--ink);margin-top:10px}textarea{min-height:80px;resize:vertical}.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:60px;border-radius:30px;border:0;background:var(--green);color:#fff;font-family:var(--serif);font-weight:600;font-size:24px;margin-top:16px}.btn.ghost{background:transparent;border:1.5px solid var(--gold);color:var(--ink);font-family:var(--sans);font-size:16px;height:52px}.btn.small{height:46px;font-size:18px;width:auto;padding:0 22px;display:inline-flex}.btn:disabled{opacity:.5}.link{background:none;border:0;color:var(--green);text-decoration:underline;font-size:15px;margin-top:14px}.prog{display:flex;gap:6px;margin:26px 0 10px}.prog i{flex:1;height:3px;background:var(--line);border-radius:2px}.prog i.on{background:var(--green)}.veil{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e2a20c7;display:grid;place-items:center;padding:22px;z-index:20}.vcard{width:100%;max-width:400px;background:var(--card);border-radius:18px;border-top:6px solid var(--vc);padding:30px 24px 22px;transform:translateY(-120vh) rotate(-5deg);opacity:0;animation:slam .45s cubic-bezier(.2,1.4,.3,1) forwards}@keyframes slam{0%{transform:translateY(-120vh) rotate(-5deg);opacity:0}70%{transform:translateY(0) rotate(1.2deg);opacity:1}to{transform:none;opacity:1}}.vcard .v{font-family:var(--serif);font-weight:700;font-size:56px;line-height:1;color:var(--vc)}.vcard .pct{margin-top:8px;font-family:var(--serif);font-size:30px;color:var(--ink)}.vcard .pct small{font-family:var(--sans);font-size:14px;color:var(--mute);margin-left:8px}.vcard ul{list-style:none;margin-top:14px}.vcard li{padding:10px 0;border-top:1px solid var(--line);font-size:15px;line-height:1.45}@media (prefers-reduced-motion:reduce){.vcard{animation:none;transform:none;opacity:1}}.nav{position:fixed;bottom:0;left:0;right:0;background:#faf7eff5;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav .in{max-width:480px;margin:0 auto;display:flex;padding:8px 0 calc(8px + env(safe-area-inset-bottom))}.nav button{flex:1;background:none;border:0;color:var(--mute);font-family:var(--serif);font-size:15px;display:grid;gap:4px;justify-items:center;padding:6px 0}.nav button span{font-size:20px}.nav button.on{color:var(--green)}.person{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.person .nm{font-family:var(--serif);font-weight:600;font-size:22px}.person .meta{color:var(--mute);font-size:13px}.badge{font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:20px;background:#eef3ec;color:var(--green)}.badge.slow{background:#f5eedf;color:#8a6d2f}.badge.close{background:#f3e4e2;color:var(--close)}.tl{margin-top:16px;padding-left:26px;border-left:2px solid var(--line)}.tl .ev{position:relative;padding:0 0 22px}.tl .ev:before{content:"✓";position:absolute;left:-40px;top:0;width:26px;height:26px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:13px}.tl .ev b{display:block;font-size:16px}.tl .ev small{color:var(--mute)}.quote{font-family:var(--serif);font-style:italic;font-size:20px;color:var(--green);text-align:center;margin:24px 0 6px}.foot{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--mute);text-align:center;margin-top:30px}.foot:before{content:"";display:block;width:36px;height:1px;background:var(--gold);margin:0 auto 10px}.err{color:var(--close);font-size:14px;margin-top:10px}.wave{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30;background:linear-gradient(180deg,transparent,rgba(63,107,69,.55) 50%,transparent);transform:translateY(100%);animation:wave 1.1s ease-out forwards}@keyframes wave{0%{transform:translateY(100%);opacity:1}to{transform:translateY(-100%);opacity:0}}