.quiz-responsive-layout{flex-direction:column;gap:12px}.quiz-option,.quiz-responsive-layout{display:flex;align-items:center;width:100%}.quiz-option{flex:1 1;text-align:center;padding:12px;border-radius:12px;transition:all .3s ease;flex-direction:column;justify-content:center;min-height:80px;background:hsla(0,0%,100%,.4);border:1px solid hsla(0,0%,100%,.6)}.quiz-option-a{background:linear-gradient(135deg,rgba(108,92,231,.02),rgba(108,92,231,.08));border-color:rgba(108,92,231,.1);order:1}.quiz-option-b{background:linear-gradient(135deg,rgba(225,112,85,.02),rgba(225,112,85,.08));border-color:rgba(225,112,85,.1);order:3}.option-badge-a,.option-badge-b{padding:3px 10px;border-radius:100px;font-size:10px;font-weight:700;margin-bottom:4px}.option-badge-a{background:rgba(108,92,231,.1);color:var(--color-primary);border:1px solid rgba(108,92,231,.2)}.option-badge-b{background:rgba(225,112,85,.1);color:var(--color-accent);border:1px solid rgba(225,112,85,.2)}.option-text{font-size:13px;line-height:1.4;font-weight:700;color:var(--color-text);white-space:normal}.quiz-selection{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;order:2;max-width:100%}.selection-labels{display:none}.selection-buttons{display:flex;flex-direction:column;gap:8px;width:64px;justify-content:center;align-items:center;background:rgba(0,0,0,.03);padding:4px;border-radius:32px;height:auto;box-shadow:inset 0 2px 4px rgba(0,0,0,.03)}.selection-buttons:before{display:none}.select-btn{width:56px;height:48px;border-radius:12px;border:none;background:transparent;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1);position:relative;display:flex;align-items:center;justify-content:center;padding:0}.select-btn:after{content:"";display:block;border-radius:50%;transition:all .3s ease}.btn-a-strong:not(.selected):after{width:12px;height:12px;background:rgba(108,92,231,.4)}.btn-a-weak:not(.selected):after{width:10px;height:10px;background:rgba(108,92,231,.3)}.btn-neutral:not(.selected):after{width:8px;height:8px;background:rgba(0,0,0,.2)}.btn-b-weak:not(.selected):after{width:10px;height:10px;background:rgba(225,112,85,.3)}.btn-b-strong:not(.selected):after{width:12px;height:12px;background:rgba(225,112,85,.4)}.select-btn.selected{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15);transform:scale(1.1);z-index:10;border-radius:16px}.btn-a-strong.selected{background:#6c5ce7}.btn-a-strong.selected:after{display:none}.btn-a-weak.selected{background:#a29bfe}.btn-a-weak.selected:after{display:none}.btn-neutral.selected{background:#dfe6e9}.btn-neutral.selected:after{width:8px;height:8px;background:var(--color-text)}.btn-b-weak.selected{background:#fab1a0}.btn-b-weak.selected:after{display:none}.btn-b-strong.selected{background:var(--color-accent)}.btn-b-strong.selected:after{display:none}@media (min-width:768px){.quiz-container{max-width:1000px!important}.quiz-responsive-layout{flex-direction:row;gap:40px;align-items:stretch}.quiz-option{padding:32px;font-size:16px;min-height:220px;border-radius:20px}.option-badge-a,.option-badge-b{margin-bottom:20px;font-size:13px;padding:6px 16px}.option-text{font-size:18px;line-height:1.6}.quiz-option-a{order:1;margin-bottom:0}.quiz-selection{order:2;flex:0 0 360px;flex-direction:column;max-width:360px}.quiz-option-b{order:3}.selection-labels{display:flex;justify-content:space-between;width:100%;margin-bottom:8px}.selection-buttons{flex-direction:row;width:100%;height:80px;gap:4px;border-radius:16px;padding:6px}.select-btn{width:auto;height:100%;flex:1 1;border-radius:12px}.select-btn.selected{transform:scale(1)}}