:root{--bg:#f3f6df;--ink:#151713;--muted:#686d5f;--lime:#c9ff45;--card:#fffef8;--line:#d8ddc8;--dark:#1b1e18;--shadow:0 18px 60px rgba(34,41,20,.11)}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif}body{margin:0;background:radial-gradient(circle at 75% 3%,rgba(201,255,69,.7),transparent 28rem),var(--bg)}button,input{font:inherit}.app{width:min(100%,760px);margin:0 auto;padding:calc(env(safe-area-inset-top) + 16px) 18px calc(env(safe-area-inset-bottom) + 64px)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px}.brand{display:flex;gap:9px;align-items:center;color:var(--ink);text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.12em}.brand-mark{display:grid;place-items:center;width:28px;height:28px;background:var(--ink);color:var(--lime);border-radius:9px}.text-button{border:0;background:none;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.12em;padding:10px}.hero{padding:8px 2px 28px}.eyebrow{margin:0 0 10px;font-size:12px;font-weight:950;letter-spacing:.19em;color:#586044}.hero h1{margin:0;font-size:clamp(50px,14vw,92px);line-height:.88;letter-spacing:-.075em}.hero h1 span{position:relative;z-index:1}.hero h1 span:after{content:"";position:absolute;left:-.02em;right:-.03em;bottom:.06em;height:.22em;background:var(--lime);z-index:-1;transform:rotate(-1deg)}.hero-copy{margin:28px 0 0;font-size:14px;line-height:1.8;color:var(--muted)}.hero-copy strong{color:var(--ink)}.control-card,.count-stage,.choice-section,.result-section,.revisit{margin-top:16px;border:1px solid var(--line);border-radius:26px;background:rgba(255,254,248,.88);box-shadow:var(--shadow)}.control-card{padding:22px}.control-heading{display:flex;justify-content:space-between;gap:16px;align-items:end}.control-heading p{margin:0 0 5px;font-size:12px;font-weight:950;letter-spacing:.15em;color:#6c744f}.control-heading h2{margin:0;font-size:21px;letter-spacing:-.04em}.control-heading>strong{font-size:46px;line-height:1;letter-spacing:-.06em}.control-heading>strong small{font-size:13px;margin-left:3px}.control-heading.compact{align-items:start}input[type=range]{width:100%;margin:28px 0 4px;appearance:none;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--dark) 38%,#dfe4d0 38%)}input[type=range]::-webkit-slider-thumb{appearance:none;width:34px;height:34px;border-radius:50%;background:var(--lime);border:5px solid var(--dark);box-shadow:0 4px 12px rgba(0,0,0,.16)}.range-labels{display:flex;justify-content:space-between;color:#858a7c;font-size:12px}.assumption-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;font-weight:800}.segmented{display:flex;padding:3px;background:#eaeddf;border-radius:14px}.segmented button{border:0;background:transparent;border-radius:11px;padding:9px 12px;font-size:12px;font-weight:900}.segmented button.active{background:var(--dark);color:var(--lime)}.count-stage{overflow:hidden;background:var(--dark);color:white;border-color:var(--dark)}.meter{height:7px;background:#34382f}.meter div{height:100%;width:56%;background:var(--lime);transition:width .18s ease}.primary-count{display:grid;justify-items:center;padding:34px 20px 28px}.primary-count span{color:#bbc2ae;font-size:12px}.primary-count strong{font-size:clamp(88px,24vw,140px);line-height:.9;letter-spacing:-.09em;color:var(--lime);transition:transform .15s ease}.primary-count strong.bump{transform:scale(1.04)}.primary-count b{margin-top:8px;font-size:14px}.count-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #34382f}.count-grid article{padding:18px;border-right:1px solid #34382f;border-bottom:1px solid #34382f}.count-grid article:nth-child(2n){border-right:0}.count-grid span,.count-grid small{display:block;color:#9fa793;font-size:12px}.count-grid strong{display:block;margin:4px 0 1px;font-size:30px;letter-spacing:-.05em}.hint{margin:12px 0 18px;color:var(--muted);font-size:12px;line-height:1.65}.frequency-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.frequency-grid button{border:1px solid var(--line);background:#f7f8f0;border-radius:14px;padding:13px 8px;font-size:12px;font-weight:900}.frequency-grid button.active{background:var(--lime);border-color:var(--dark);box-shadow:inset 0 0 0 1px var(--dark)}.human-count{margin-top:18px;padding:20px;background:#eef2dc;border-radius:18px}.human-count span{display:block;color:var(--muted);font-size:12px}.human-count strong{font-size:48px;letter-spacing:-.07em}.human-count b{font-size:12px}.tiny-note{margin:12px 2px 0;color:#7a806f;font-size:12px;line-height:1.6}.choice-section{padding:24px}.choice-section h2{margin:0 0 20px;font-size:30px;line-height:1.08;letter-spacing:-.055em}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.choice-grid button{position:relative;min-height:126px;padding:16px;text-align:left;border:1px solid var(--line);background:#f9faF3;border-radius:18px;transition:.12s ease}.choice-grid button:active{transform:scale(.98)}.choice-grid button span,.choice-grid button small{display:block;color:var(--muted);font-size:12px;font-weight:800}.choice-grid button strong{display:block;margin:22px 0 4px;font-size:20px;letter-spacing:-.04em}.choice-grid button:after{content:"→";position:absolute;right:14px;top:14px;font-weight:900}.result-section{padding:24px;background:#171915;color:white;border-color:#171915}.result-card{background:var(--lime);color:#141611;border-radius:22px;padding:24px;min-height:410px;display:flex;flex-direction:column}.result-card>p{margin:0;font-size:18px;font-weight:950;letter-spacing:-.04em}.result-card>span{margin-top:4px;font-size:12px;color:#4d553a}.result-focus{margin:auto 0}.result-focus small{display:block;font-size:12px;font-weight:900}.result-focus strong{display:block;margin:7px 0;font-size:44px;line-height:.95;letter-spacing:-.07em}.result-focus b{font-size:15px}.result-focus em{font-style:normal;font-size:28px}.mini-stats{display:flex;gap:7px}.mini-stats span{background:rgba(20,22,17,.09);border-radius:999px;padding:7px 10px;font-size:12px}.result-card footer{margin-top:18px;font-size:12px;font-weight:900;letter-spacing:.08em}.result-message{font-size:12px;line-height:1.7;color:#c8cebf;margin:18px 2px}.actions{display:grid;gap:8px}.actions button{border-radius:16px;min-height:54px;border:0;font-weight:950}.primary{background:var(--lime);color:var(--ink);display:flex;justify-content:center;gap:12px;align-items:center}.secondary{background:#292d26;color:white;border:1px solid #3d4238!important}.share-status{min-height:1.5em;margin:12px 0 0;font-size:12px;color:#b9c1ae;text-align:center}.revisit{padding:18px 20px;display:grid;gap:3px}.revisit span,.revisit small{font-size:12px;color:var(--muted)}.revisit strong{font-size:18px}@media(min-width:600px){.app{padding-left:28px;padding-right:28px}.count-grid{grid-template-columns:repeat(4,1fr)}.count-grid article{border-bottom:0}.count-grid article:nth-child(2n){border-right:1px solid #34382f}.count-grid article:last-child{border-right:0}.frequency-grid{grid-template-columns:repeat(4,1fr)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}