.routine-quiz{background:#fff;border:1px solid #decde9;border-radius:26px;max-width:950px;margin:40px auto;padding:clamp(24px,5vw,48px)}.routine-progress{gap:8px;margin-bottom:30px;display:flex}.routine-progress span{background:#e7ddee;border-radius:4px;flex:1;height:4px}.routine-progress .active{background:#7b29cb}.routine-quiz h2{font:700 clamp(30px, 4vw, 44px)/1.1 var(--font-barlow-condensed), sans-serif;color:#341342}.routine-quiz>p{color:#786583;margin:18px 0;font-size:14px;line-height:1.9}.routine-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:25px 0;display:grid}.routine-choices button{text-align:left;cursor:pointer;color:#381347;background:#fcf9ff;border:1px solid #d9c9e6;border-radius:17px;padding:25px 45px 25px 22px;transition:background-color .2s,border-color .2s;position:relative}.routine-choices button:hover{background:#f1e3ff;border-color:#8134cf}.routine-choices strong{font-size:16px;display:block}.routine-choices span{color:#7d6989;margin-top:10px;font-size:12px;line-height:1.8;display:block}.routine-choices i{color:#8b6a33;font-style:normal;position:absolute;top:22px;right:20px}.routine-choices button:disabled{opacity:.5;cursor:wait}.routine-quiz .routine-private{color:#8b7a94;font-size:11px;line-height:1.8}.routine-back{color:#64249a;cursor:pointer;margin:15px 0;font-size:12px;text-decoration:underline}.routine-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:30px 0;display:grid}.routine-results>a{color:#fff;background:#160c20;border:1px solid #c79ce8;border-radius:18px;padding-bottom:22px;overflow:hidden}.routine-result-image{aspect-ratio:1.2;background:radial-gradient(#923ed7,#3a105e);position:relative}.routine-results :is(h3,small,strong,a>span){margin:14px 22px 0;display:block}.routine-results h3{font-size:16px;line-height:1.5}.routine-results small{color:#c2a5d7;font-size:11px}.routine-results strong{color:#e4bd68}.routine-results a>span{color:#e4bd68;font-size:12px}.routine-actions{flex-wrap:wrap;align-items:center;gap:20px;margin:25px 0;display:flex}.routine-actions button{color:#fff;cursor:pointer;background:#7626d4;border-radius:24px;padding:13px 22px;font-size:12px}.routine-actions a{color:#7626d4;font-size:12px}.routine-quiz :is(a,button):focus-visible{outline-offset:4px;outline:2px solid #ad8242}@media (max-width:560px){.routine-choices,.routine-results{grid-template-columns:minmax(0,1fr)}.routine-choices button{padding:20px 40px 20px 20px}}