.sad-test-wrapper{margin:30px auto;padding:30px 35px 40px;background:#f8f6f2;border-radius:24px;font-family:'Segoe UI',Roboto,sans-serif;box-shadow:0 4px 30px rgb(0 0 0 / .06)}.sad-test-header{text-align:center;margin-bottom:28px}.sad-test-title{font-size:32px;font-weight:300;color:#2d3e2d;margin:0 0 4px 0}.sad-test-title span{font-weight:600;color:#1f4a1f}.sad-test-subtitle{color:#7a8f7a;font-size:15px;margin:0}.sad-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 30px;margin-bottom:22px}.sad-question{padding:14px 16px 16px;background:#fff;border-radius:12px;box-shadow:0 1px 6px rgb(0 0 0 / .04);transition:all 0.2s ease}.sad-question:hover{box-shadow:0 2px 14px rgb(0 0 0 / .07)}.sad-question-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:500;color:#2d3e2d;margin-bottom:6px}.sad-question-label .sad-left-label{color:#6b7f6b;font-weight:400;font-size:14px}.sad-question-label .sad-right-label{color:#6b7f6b;font-weight:400;font-size:14px}.sad-value{font-size:14px;color:#2d5e2d;font-weight:700;min-width:36px;text-align:center;background:#eef5ee;padding:1px 6px;border-radius:6px;margin:0 4px}input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:3px;background:linear-gradient(to right,#dce6dc,#4a7a4a);outline:none;cursor:pointer}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#2d5e2d;border:2.5px solid #fff;box-shadow:0 1px 6px rgb(45 94 45 / .25);cursor:pointer;transition:0.15s ease}input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.15);background:#1f4a1f}input[type="range"]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#2d5e2d;border:2.5px solid #fff;box-shadow:0 1px 6px rgb(45 94 45 / .25);cursor:pointer}.sad-submit-btn{width:100%;padding:14px;background:#2d5e2d;color:#fff;border:none;border-radius:12px;font-size:17px;font-weight:500;letter-spacing:.3px;cursor:pointer;transition:0.25s ease;display:flex;align-items:center;justify-content:center;gap:10px;height:45px}.sad-submit-btn:hover{background:#1f4a1f;transform:translateY(-2px);box-shadow:0 6px 24px rgb(45 94 45 / .25)}.sad-submit-btn:active{transform:scale(.97)}.sad-result{margin-top:24px;padding:22px 28px;background:#fff;border-radius:14px;border-left:5px solid #2d5e2d;box-shadow:0 2px 16px rgb(0 0 0 / .05);display:none;animation:sadFadeSlide 0.6s ease}.sad-result.show{display:block}.sad-result .sad-style-icon{font-size:32px;margin-right:8px}.sad-result h3{font-size:22px;color:#1f3a1f;margin:0 0 2px 0;display:flex;align-items:center;gap:8px}.sad-result .sad-style-tag{display:inline-block;background:#e8f0e8;color:#2d5e2d;padding:2px 16px;border-radius:16px;font-size:13px;font-weight:600;margin-bottom:10px}.sad-result .sad-style-desc{color:#3d4f3d;line-height:1.7;font-size:15px;margin:0 0 12px 0}.sad-result .sad-style-features{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.sad-result .sad-style-features li{background:#f0f5f0;padding:3px 14px;border-radius:16px;font-size:14px;color:#3d5a3d}@keyframes sadFadeSlide{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:translateY(0)}}@media (max-width:700px){.sad-test-wrapper{padding:20px 16px 30px;margin:16px auto;border-radius:16px}.sad-grid{grid-template-columns:1fr;gap:10px}.sad-test-title{font-size:24px}.sad-result{padding:18px 16px}.sad-result h3{font-size:19px;flex-wrap:wrap}.sad-question-label{font-size:14px}}@media (max-width:420px){.sad-test-wrapper{padding:14px 10px 22px}.sad-question{padding:10px 12px 12px}.sad-submit-btn{font-size:15px;padding:12px}}