#happy-test{--navy:#103848;--green:#00b783;--yellow:#ffd55b;font-family:Arial,Helvetica,sans-serif;color:var(--navy);max-width:900px;margin:24px auto;padding:15px;box-sizing:border-box}#happy-test *{box-sizing:border-box}#happy-test .panel{background:#f8fbf9;border:1px solid #e4ece9;border-radius:28px;padding:clamp(22px,5vw,46px);box-shadow:0 12px 40px #1038480b}#happy-test .eyebrow{font-size:12px;font-weight:900;letter-spacing:.14em;color:var(--green);text-transform:uppercase}#happy-test h1{font-size:clamp(30px,5vw,48px);line-height:1.1;letter-spacing:-.04em;color:var(--navy)}#happy-test h2{font-size:clamp(23px,4vw,32px);line-height:1.2;color:var(--navy)}#happy-test p{line-height:1.65}#happy-test .muted{color:#60747d}#happy-test button{font:inherit;cursor:pointer}#happy-test .btn{border:0;border-radius:99px;padding:15px 23px;background:var(--green);color:#fff;font-weight:800}#happy-test .btn.secondary{background:#e5eef0;color:var(--navy)}#happy-test .btn:disabled{opacity:.45;cursor:not-allowed}#happy-test .answers{display:grid;gap:12px;margin:26px 0}#happy-test .answer{border:2px solid #e7eeef;border-radius:16px;background:#fff;text-align:left;padding:17px 20px;color:var(--navy);font-weight:650;line-height:1.45}#happy-test .answer.selected{border-color:var(--green);background:#e5f9f1}#happy-test .progress{height:9px;border-radius:20px;background:#dceee7;overflow:hidden;margin:15px 0 28px}#happy-test .progress span{display:block;height:100%;background:var(--green)}#happy-test .nav{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}#happy-test .tag{display:inline-block;padding:8px 12px;background:#fff1b8;border-radius:99px;font-size:13px;font-weight:800}#happy-test .result{font-size:60px;font-weight:900;color:var(--green);margin:12px 0}#happy-test .levels{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:24px 0}#happy-test .level{background:#fff;border-radius:12px;padding:12px 6px;text-align:center;font-size:13px}#happy-test .level strong{display:block;font-size:18px}#happy-test .notice{font-size:13px;color:#5a6b71;background:#fff5d8;border-radius:12px;padding:14px;margin-top:22px}#happy-test .field{margin:15px 0}#happy-test label{display:block;font-size:14px;font-weight:700;margin-bottom:6px}#happy-test input,#happy-test select{width:100%;border:1px solid #cbd8da;background:white;color:#103848;border-radius:12px;padding:13px;font:inherit}#happy-test .check{display:flex;align-items:flex-start;gap:10px;font-weight:400}#happy-test .check input{width:auto;margin-top:5px}#happy-test .error{color:#a32d36;font-weight:700}#happy-test .success{color:#177a5c;font-weight:700}@media(max-width:600px){#happy-test{padding:6px;margin:10px auto}#happy-test .levels{grid-template-columns:repeat(3,1fr)}#happy-test .nav .btn{flex:1}}