.bb-container.bdsm-result{padding:24px;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgb(0 0 0 / .05);max-width:800px;margin:auto}.bdsm-result-list{display:flex;flex-direction:column;gap:14px}.bdsm-result-row{display:flex;align-items:center;gap:16px}.trait-name{width:25%;cursor:pointer;font-weight:600;font-size:15px;color:#222;transition:color 0.2s}.trait-name:hover{color:#0073aa;text-decoration:underline}.trait-bar{flex:1;height:18px;background:#eee;border-radius:6px;overflow:hidden;position:relative}.trait-bar>div{height:100%;position:absolute;top:0;left:0;transition:width 0.3s ease;background:linear-gradient(to right,red,orange,yellowgreen)}.trait-percent{width:50px;text-align:right;font-weight:700;font-size:14px}.bb-container.bdsm-result form{display:inline-block}.bb-container.bdsm-result button.button{padding:8px 16px;border:none;border-radius:6px;background:#0073aa;color:#fff;font-weight:600;cursor:pointer}.bb-container.bdsm-result button.button:hover{background:#005f8d}.bb-container.bdsm-result button.button-primary{background:#46b450}.bb-container.bdsm-result button.button-primary:hover{background:#3da245}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgb(0 0 0 / .6);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-box{background:#fff;max-width:500px;padding:20px;border-radius:8px;box-shadow:0 0 20px rgb(0 0 0 / .3);font-family:'Rubik',sans-serif}.modal-box h3{margin-top:0;font-size:18px;border-bottom:1px solid #ccc;padding-bottom:8px}.modal-box p{font-size:15px;line-height:1.5}.modal-close{float:right;cursor:pointer;color:#888}