:root{--paper:#f7f3ea;--ink:#1f2823;--green:#1f5b45;--muted:#6e766f;--card:#fffdf8;--line:#ded8cc;--sun:#e9b85b;--soft:#e7efe9}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);margin:0;font-family:ui-rounded,SF Pro Rounded,Avenir Next,system-ui,-apple-system,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{max-width:600px;min-height:100dvh;margin:0 auto;padding:24px 18px 96px}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.brand-dot{background:var(--sun);width:14px;height:14px;box-shadow:12px 8px 0 var(--green);border-radius:50%}.hero{padding:50px 2px 28px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--green);font-size:12px;font-weight:800}.hero h1{letter-spacing:-.055em;max-width:520px;margin:10px 0 12px;font-size:42px;line-height:1.01}.hero p{color:var(--muted);max-width:480px;margin:0;font-size:18px;line-height:1.5}.stack{gap:12px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 8px 24px #1f28230a}.button{background:var(--green);color:#fff;border:0;border-radius:16px;width:100%;min-height:52px;padding:15px 18px;font-weight:800}.button.secondary{background:var(--soft);color:var(--green)}.button.ghost{color:var(--green);border:1px solid var(--line);background:0 0}.button.small{width:auto;min-height:42px;padding:10px 14px}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.muted{color:var(--muted)}.section-title{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:28px 2px 10px;font-size:13px;font-weight:800}.signal{grid-template-columns:52px 1fr;gap:14px;display:grid}.emoji{background:var(--soft);border-radius:16px;place-items:center;width:52px;height:52px;font-size:25px;display:grid}.signal h3{margin:1px 0 3px;font-size:18px}.signal p{color:var(--muted);margin:0;line-height:1.4}.meta{color:var(--green);margin-top:11px;font-size:13px;font-weight:700}.count{background:var(--soft);border-radius:999px;align-items:center;gap:5px;padding:6px 9px;display:inline-flex}.fab{z-index:4;width:min(564px,100% - 36px);position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.fab .button{box-shadow:0 12px 28px #1f5b4540}.sheet{z-index:10;background:#1f282347;align-items:end;display:grid;position:fixed;inset:0}.sheet-inner{background:var(--paper);border-radius:26px 26px 0 0;max-height:92dvh;padding:24px 18px 34px;overflow:auto}.sheet-inner>div{max-width:564px;margin:auto}.sheet h2{letter-spacing:-.04em;margin:0 0 6px;font-size:28px}.field{gap:7px;margin:16px 0;display:grid}.field label{color:var(--muted);font-size:13px;font-weight:800}.field input,.field textarea,.field select{border:1px solid var(--line);background:var(--card);border-radius:14px;outline:none;width:100%;padding:13px 14px}.field textarea{resize:none;min-height:80px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:9px 12px}.chip.on{background:var(--green);color:#fff;border-color:var(--green)}.empty{text-align:center;padding:38px 22px}.empty .big{font-size:40px}.empty h2{margin:10px 0 6px}.empty p{color:var(--muted);line-height:1.5}.welcome{padding-top:80px}.welcome h1{letter-spacing:-.055em;margin:14px 0;font-size:48px;line-height:1}.welcome p{color:var(--muted);font-size:19px;line-height:1.5}.form-card{margin-top:28px}.tiny{color:var(--muted);font-size:12px;line-height:1.4}.divider{background:var(--line);height:1px;margin:18px 0}.invite-box{background:var(--soft);word-break:break-all;border-radius:18px;padding:15px}.topline{margin:18px 0 30px}.detail{padding-top:40px}.detail .emoji{border-radius:20px;width:68px;height:68px;font-size:32px}.detail h1{letter-spacing:-.05em;margin:18px 0 8px;font-size:38px;line-height:1.05}.detail .lead{color:var(--muted);font-size:18px;line-height:1.5}.response-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;display:grid}.notice{color:#67562f;background:#fff6dd;border:1px solid #eed9a2;border-radius:14px;margin:14px 0;padding:12px 14px;font-size:13px}.circle-pill{color:var(--green);background:var(--soft);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}@media (max-width:420px){.hero h1,.welcome h1{font-size:39px}.shell{padding-left:15px;padding-right:15px}.response-grid{grid-template-columns:1fr}}