:root{--ink:#16242a;--green:#347563;--mint:#dcebe4;--cream:#f7f4ed;--line:#d9dfdc}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font-family:Arial,sans-serif}.fg{max-width:760px;margin:auto;padding:18px 18px 50px}.fg header{align-items:center;gap:10px;margin-bottom:34px;display:flex}.fg header .mark{background:var(--green);color:#fff;border-radius:14px;place-items:center;width:48px;height:48px;font-size:20px;font-weight:900;display:grid}.fg header b,.fg header small{display:block}.fg header small{opacity:.6;margin-top:2px;font-size:11px}.hero span,.kicker,.progress{letter-spacing:1.2px;color:var(--green);font-size:12px;font-weight:900}.hero h1{letter-spacing:-2px;margin:10px 0 18px;font-size:clamp(36px,8vw,64px);line-height:.98}.hero p{max-width:650px;font-size:18px;line-height:1.55}.card{border:1px solid var(--line);background:#fff;border-radius:22px;margin-top:24px;padding:22px;box-shadow:0 8px 30px #16242a0b}label{margin:10px 0 8px;font-weight:800;display:block}textarea,input{width:100%;font:inherit;background:#fbfcfb;border:1px solid #bcc9c4;border-radius:14px;margin-top:8px;padding:16px}textarea{resize:vertical;min-height:180px}.small{min-height:90px}.hint{opacity:.65;font-size:13px;line-height:1.45}button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:14px 16px;font-weight:900}button:disabled{opacity:.35;cursor:not-allowed}.card>button{width:100%;margin-top:10px}.ghost{background:var(--mint);color:var(--ink)}.row,.actions{flex-wrap:wrap;gap:9px;margin-top:18px;display:flex}.row button{flex:1}.result blockquote{margin:16px 0;padding:0;font-size:21px;line-height:1.55}.breakdown>div{border-top:1px solid var(--line);padding:15px 0}.breakdown b{color:var(--green);letter-spacing:.7px;font-size:12px}.breakdown p{margin:6px 0;line-height:1.45}.restart{width:100%;margin-top:8px}footer{text-align:center;opacity:.55;margin-top:34px;font-size:12px}@media (max-width:520px){.fg{padding:14px 14px 40px}.fg header{margin-bottom:25px}.hero h1{font-size:42px}.hero p{font-size:16px}.card{border-radius:18px;padding:17px}.actions button{flex:45%}.result blockquote{font-size:19px}}.fg textarea,.fg input{color:var(--ink);caret-color:var(--ink)}.fg textarea::placeholder,.fg input::placeholder{color:#778783;opacity:1}.aiError{color:#7a2f22;background:#fff3ef;border:1px solid #c98373;border-radius:12px;margin:18px 0;padding:14px 16px;font-weight:700;line-height:1.4}.how{color:var(--green);text-underline-offset:3px;background:0 0;margin-top:4px;padding:0;font-size:13px;text-decoration:underline}.needed{color:#a14d39;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.needsAnswer textarea,.needsAnswer input{background:#fffaf8;border-color:#c98373}.modalBack{z-index:50;background:#16242aaa;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.infoModal{background:var(--cream);border-radius:22px;width:100%;max-width:560px;max-height:90dvh;padding:28px;position:relative;overflow:auto;box-shadow:0 20px 70px #0004}.infoModal h2{margin:9px 35px 12px 0;font-size:28px}.infoModal p{line-height:1.5}.infoModal .close{color:var(--ink);background:0 0;padding:4px 10px;font-size:30px;position:absolute;top:12px;right:14px}.infoModal .four{border:1px solid var(--line);background:#fff;border-radius:16px;margin:18px 0;padding:6px 16px}.infoModal .four b{color:var(--green);margin-top:12px;display:block}.infoModal .four p{margin:4px 0 12px}.infoModal>button:last-child{width:100%;margin-top:6px}
