@keyframes shake {
0%,100%{transform:translateX(0)} 20%,60%{transform:translateX(-6px)} 40%,80%{transform:translateX(6px)}
}
.option-label { cursor:pointer; border:2px solid rgba(255,255,255,.12); border-radius:14px; padding:16px 18px; margin:10px 0; display:flex; align-items:center; gap:14px; min-height:56px; background:rgba(255,255,255,.04); transition:all .3s; }
.option-label:active{transform:scale(.98)} .opt-letter{font-size:15px;font-weight:700;color:rgba(255,255,255,.6);min-width:22px} .opt-text{font-size:15px;line-height:1.5;color:#e2d6f0;flex:1}
.result-wrap{text-align:center;padding:20px} .result-badge{font-size:22px;font-weight:700;padding:16px 28px;border:2px solid;border-radius:16px;display:inline-block;margin:16px 0} .result-desc{font-size:16px;line-height:1.7;color:#c4b5d4;margin:20px 0} .result-chart{background:rgba(255,255,255,.05);border-radius:14px;padding:18px;margin:20px 0;text-align:left} .bar-row{display:flex;align-items:center;gap:10px;margin:10px 0;font-size:14px;color:#a89cc4} .bar-row span{width:60px} .bar-bg{flex:1;height:10px;background:rgba(255,255,255,.1);border-radius:5px;overflow:hidden} .bar-fill{height:100%;border-radius:5px;transition:width .6s ease} .btn-home{display:inline-block;margin-top:20px;padding:14px 36px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border-radius:12px;text-decoration:none;font-size:16px}