.diagnosis-container{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;min-height:100vh;display:flex;overflow:hidden}.logo{z-index:10;padding:40px 40px 0;position:absolute;& img{width:377px;height:auto}}.progress-wrap{z-index:100;align-items:center;width:328px;display:flex;position:fixed;top:calc(50vh + 266px);left:50%;transform:translate(-50%)}.progress-wrap.hidden{display:none}.progress-bar{background-color:#dfe7f2;border-radius:999px;width:328px;height:14px;overflow:hidden}.progress-fill{z-index:1;background:linear-gradient(90deg,#c0ff5a 0%,#23d4eb 50%,#8fe3ff 100%);border-radius:999px;width:0;height:100%;transition:width .3s;position:relative;&:before{content:"";box-sizing:border-box;background-color:#fff;border:2px solid #5ed9ff;border-radius:50%;width:10px;height:10px;position:absolute;top:2px;right:2px}}.progress-percentage{color:#142038;flex:none;font-size:11px;line-height:1;position:absolute;left:calc(100% + 12px)}.questions-container{flex:1;justify-content:center;align-items:center;width:100%;margin:0 auto;padding:20px;display:flex;position:relative}.question-content{color:#0054ff;text-align:center}.question-card{will-change:transform;background:0 0;width:100%;padding:40px;transition:transform .5s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;transform:translateY(calc(-50% - 10px))}.question-card.entering{transform:translate(100%)translateY(calc(-50% - 10px))}.question-card.exiting{transform:translate(-100%)translateY(calc(-50% - 10px))}.question-number{color:#0054ff;background-color:#d6e5ff;border-radius:100px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto;font-size:24px;font-weight:500;line-height:1;display:flex}.question-text{color:#0054ff;letter-spacing:.05em;margin-top:28px;margin-bottom:40px;font-size:28px;line-height:1.5}.answer-buttons{flex-direction:column;justify-content:center;align-items:center;gap:36px;display:flex}.answer-btn{cursor:pointer;color:#fff;background:linear-gradient(90deg,#ffe100 0%,#d1ff45 13.46%,#fff 26.92%,#55ffe8 38.94%,#6294ff 54.81%,#888aff 68.75%,#ff93ed 83.65%,#ff77a6 100%);border:none;border-radius:50px;width:min(704px,100vw - 80px);min-height:64px;padding:12px 64px;font-weight:700;line-height:1.4;transition:opacity .2s,transform .2s;position:relative;box-shadow:0 5px 14px #001f912e;&:disabled{cursor:not-allowed;opacity:.6}& .answer-btn-active{z-index:0;opacity:1;pointer-events:none;background:linear-gradient(#176dff 0%,#0054ff 44%,#001ebc 100%);border-radius:50px;display:block;position:absolute;inset:2px}& .choice-label,& .choice-text{z-index:2;pointer-events:none;position:relative}& .choice-label{color:#0000;background:#fff;border:2px solid #e0e8f4;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:0;display:flex;position:absolute;top:50%;left:16px;overflow:hidden;transform:translateY(-50%);box-shadow:inset 0 1px 2px #002c941f}& .choice-text{text-align:center;font-size:22px;display:block}@media (hover:hover) and (pointer:fine){&:hover:not(:disabled){opacity:.88}}&:active:not(:disabled),&.selected{transform:scale(.99)}}.answer-btn .sp-break{display:none}@media (width<=768px){.logo{padding:40px 28px 0;& img{width:100%;max-width:377px}}.question-card{padding:30px 22px;transform:translateY(calc(-50% - 56px))}.question-card.entering{transform:translate(100%)translateY(calc(-50% - 56px))}.question-card.exiting{transform:translate(-100%)translateY(calc(-50% - 56px))}.question-number{width:48px;height:48px;font-size:18px}.question-text{margin-top:28px;margin-bottom:52px;font-size:18px;line-height:1.6}.answer-buttons{gap:28px}.answer-btn{width:100%;max-width:331px;height:auto;min-height:64px;padding:13px 24px 13px 48px;& .choice-label{width:32px;height:32px;left:14px}& .choice-text{font-size:16px}}.answer-btn .sp-break{display:inline}.progress-wrap{flex-direction:column;gap:10px;width:calc(100% - 48px);max-width:327px;top:calc(50vh + 225px);& .progress-bar{width:100%}& .progress-percentage{position:static}}}.processing-screen{opacity:0;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute}.processing-screen.visible{opacity:1}.processing-content{text-align:center}.processing-text{color:#0054ff;text-align:center;letter-spacing:8px;font-size:24px;font-weight:700;line-height:normal}.processing-bar{background:#4073d9;border-radius:999px;width:240px;height:8px;margin-top:24px}.processing-bar span{background:linear-gradient(90deg,#ffe100 0%,#d1ff45 13.46%,#fff 26.92%,#55ffe8 38.94%,#6294ff 54.81%,#888aff 68.75%,#ff93ed 83.65%,#ff77a6 100%);border-radius:8px;width:0;height:8px;animation:1.4s ease-in-out forwards gooon;display:block}@keyframes gooon{0%{width:0}to{width:100%}}