:root{--bg: #0b1418;--card: #101e24;--ink: #e8f1f2;--muted: #8fa6ad;--brand: #14b8a6;--brand2: #22c55e;--accent: #2dd4bf;--ok: #4ade80;--line: #1e3138;--soft: #0f2a2c;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55}.wrap{max-width:760px;margin:0 auto;padding:20px 16px 60px}.screen{display:none}.screen.active{display:block;animation:fade .35s ease}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero{background:linear-gradient(135deg,#0f3d38,#14532d);border:1px solid var(--line);color:#fff;border-radius:20px;padding:42px 28px;text-align:center;margin-top:18px}.hero h1{font-size:2.1rem;letter-spacing:-.5px}.hero .tag{opacity:.92;margin-top:10px;font-size:1.05rem}.hero .meta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}.pill{background:#ffffff29;border:1px solid rgba(255,255,255,.3);padding:6px 14px;border-radius:999px;font-size:.85rem}.btn{display:inline-block;border:none;cursor:pointer;font-size:1.05rem;font-weight:600;padding:14px 34px;border-radius:12px;background:var(--accent);color:#06291f;margin-top:26px;transition:transform .15s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#06291f}.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--line);padding:10px 20px;font-size:.9rem}.btn.share{background:#25d366;color:#06291f}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;margin-top:18px;box-shadow:0 2px 10px #1b24400d}.card h2{font-size:1.25rem;margin-bottom:12px}label{font-weight:600;font-size:.9rem;display:block;margin:14px 0 6px}input[type=text],input[type=tel],select{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:1rem;background:var(--soft);color:var(--ink)}.field-hint{font-size:.8rem;color:#f59e8a;margin:6px 0 0;display:none}.field-hint.show{display:block}.download-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:18px}.download-row .btn{margin-top:0}.download-row .btn[disabled]{opacity:.6;cursor:progress;transform:none}.progress{height:8px;background:var(--soft);border-radius:99px;overflow:hidden;margin:18px 0 6px}.progress i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--brand),var(--accent));border-radius:99px;transition:width .3s}.qmeta{font-size:.8rem;color:var(--muted);display:flex;justify-content:space-between}.section-chip{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--brand);background:var(--soft);padding:4px 12px;border-radius:99px;margin-bottom:12px}.qtext{font-size:1.2rem;font-weight:600;margin-bottom:20px}.likert{display:flex;gap:8px;justify-content:space-between}.likert button{flex:1;padding:16px 4px;border:2px solid var(--line);background:var(--soft);border-radius:12px;cursor:pointer;font-size:1.05rem;font-weight:700;color:var(--ink);transition:all .15s}.likert button:hover{border-color:var(--brand)}.likert button.sel{background:var(--brand);border-color:var(--brand);color:#06291f}.likert-labels{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted);margin-top:8px}.opts{display:flex;flex-direction:column;gap:10px}.opts button{text-align:left;padding:15px 16px;border:2px solid var(--line);background:var(--soft);border-radius:12px;cursor:pointer;font-size:.98rem;color:var(--ink);transition:all .15s}.opts button:hover{border-color:var(--brand)}.opts button.sel{background:var(--soft);border-color:var(--brand);font-weight:600}.nav{display:flex;justify-content:space-between;margin-top:22px}.fitcard{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid var(--line);border-radius:14px;margin-top:12px;background:var(--soft)}.fitcard .rank{font-size:1.5rem;font-weight:800;color:var(--brand);min-width:36px}.fitcard .pct{margin-left:auto;font-size:1.4rem;font-weight:800;color:var(--ok);white-space:nowrap}.fitcard .why{font-size:.85rem;color:var(--muted);margin-top:3px}.fitcard.top{border:2px solid var(--brand);background:linear-gradient(135deg,#0f3d38,#11402a)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{background:var(--soft);color:var(--brand);font-weight:600;font-size:.85rem;padding:7px 14px;border-radius:99px}.brief p{margin-bottom:12px;color:#c7d6da}.disclaimer{font-size:.8rem;color:var(--muted);background:var(--soft);border-radius:12px;padding:14px 16px;margin-top:18px}canvas{max-width:100%}.chartbox{margin-top:14px}.author{display:flex;gap:18px;align-items:center;margin-top:30px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}.author img,.author .ph{width:84px;height:84px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid var(--soft)}.author .ph{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#06291f;font-size:1.6rem;font-weight:800}.author .name{font-weight:700}.author .bio{font-size:.84rem;color:var(--muted);margin-top:3px}footer{text-align:center;font-size:.78rem;color:var(--muted);margin-top:26px}@media(max-width:480px){.hero h1{font-size:1.6rem}.qtext{font-size:1.05rem}.likert button{padding:13px 2px}.fitcard .pct{font-size:1.15rem}}