.shfc{--ink:#26333b;--coral:#ef795f;--teal:#287e78;max-width:740px;margin:25px auto;padding:clamp(18px,4vw,36px);border-radius:25px;background:#fff8ed;color:var(--ink);box-shadow:0 15px 45px #26333b18;font-family:inherit;box-sizing:border-box}.shfc *{box-sizing:border-box}.shfc [hidden]{display:none!important}.shfc .hero{text-align:center;padding:26px 6px}.shfc small{color:var(--teal);font-size:11px;font-weight:900;letter-spacing:.18em}.shfc h2{font-size:clamp(30px,5vw,43px);line-height:1.35;margin:16px 0}.shfc em{font-style:normal;color:var(--coral)}.shfc .hero p{line-height:1.9;font-size:15px}.shfc .pills{display:flex;justify-content:center;gap:8px;margin:22px 0}.shfc .pills b{font-size:11px;color:#286a65;background:#e4f0e9;padding:8px 12px;border-radius:30px}.shfc button{cursor:pointer;font:inherit}.shfc .start,.shfc .share{border:0;background:var(--coral);color:white;font-weight:900;padding:15px 28px;border-radius:30px;box-shadow:0 5px 0 #c65e4b}.shfc .hero footer{font-size:11px;color:#87908e;margin-top:18px}.shfc .meta{display:flex;justify-content:space-between;color:var(--teal);font-size:11px;font-weight:900}.shfc .bar,.shfc .track{height:8px;background:#e9e2d6;border-radius:20px;overflow:hidden;margin:10px 0 25px}.shfc .bar i,.shfc .track i{display:block;height:100%;background:var(--teal);border-radius:20px;width:8%}.shfc .question{font-size:clamp(21px,4vw,27px);line-height:1.5}.shfc .hint{font-size:12px;color:#7a8585}.shfc .answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shfc .answer{min-height:60px;text-align:left;border:1px solid #e7ded0;border-radius:13px;background:#fff;padding:13px;color:var(--ink);font-size:14px;font-weight:700}.shfc .answer:hover{border-color:var(--teal);background:#edf7f2}.shfc .back{border:0;background:transparent;color:#718080;margin-top:15px;font-size:12px}.shfc .result{text-align:center;padding:10px 0}.shfc .result-intro{margin-top:18px}.shfc .emoji{font-size:60px;margin:12px}.shfc .name{font-size:clamp(27px,5vw,36px);color:var(--coral);margin:8px}.shfc .summary{line-height:1.9;max-width:570px;margin:0 auto 20px}.shfc .score,.shfc .details{max-width:570px;margin:18px auto;background:#fff;border:1px solid #eee5d8;border-radius:16px;padding:17px;text-align:left}.shfc .score b{display:flex;justify-content:space-between}.shfc .number{font-size:21px;color:var(--teal)}.shfc .track{margin:10px 0 6px}.shfc .score small{font-size:10px;color:#87908e}.shfc .details h4,.shfc .result>h4{font-size:14px;color:var(--teal);margin:0 0 6px}.shfc .details p{font-size:13px;line-height:1.85;margin:0 0 15px}.shfc .details p:last-child{margin-bottom:0}.shfc .alts{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.shfc .alt{background:#e7f0e9;color:#326d67;border-radius:30px;padding:8px 12px;font-size:12px;font-weight:800}.shfc .disclaimer{font-size:10px;line-height:1.8;color:#7d8784;text-align:left;margin:20px auto;max-width:570px}.shfc .actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.shfc .actions button{border:0;border-radius:30px;padding:12px 17px;font-size:12px;font-weight:900}.shfc .copy{background:var(--teal);color:white}.shfc .retry{background:#e9e3d9;color:#45504e}.shfc .footnote{text-align:center;color:#9aa09b;font-size:10px;margin-top:18px}@media(max-width:560px){.shfc{margin:15px 0;padding:17px 14px;border-radius:18px}.shfc .answers{grid-template-columns:1fr}.shfc .actions{flex-direction:column}.shfc .actions button{width:100%}.shfc .pills{flex-wrap:wrap}}