.page-navigation{pointer-events:none;z-index:999;justify-content:space-between;padding:0 16px;display:flex;position:fixed;top:50%;left:0;right:0;transform:translateY(-50%)}.nav-button{pointer-events:auto;justify-content:center;align-items:center;min-width:48px;transition:all .3s;display:flex;position:absolute;top:0;box-shadow:0 2px 12px #4a9ebe4d;background:#4a9ebe!important;border:none!important;border-radius:50%!important;width:48px!important;height:48px!important;padding:0!important}.nav-button:hover:not(:disabled){transform:scale(1.05);background:#7ec8e3!important;box-shadow:0 4px 16px #4a9ebe66!important}.nav-button:active:not(:disabled){transform:scale(.98);background:#1a5f7a!important}.nav-button:disabled{box-shadow:none!important;cursor:not-allowed!important;background:#d9d9d9!important;border-color:#d9d9d9!important}.nav-button:disabled .anticon{color:#00000040!important}.nav-button .anticon{font-size:20px;color:#fff!important}.nav-button-prev{left:36px}.nav-button-next{right:36px}.progress-bar-bottom{z-index:99;background:#fff;border-top:2px solid #a8d5e2;padding:12px 24px;position:fixed;bottom:0;left:0;right:0}.progress-bar-bottom .progress-label{color:#7f8c8d;margin-bottom:4px;font-size:12px}.experiment-card{color:#2c3e50;background:#fff;border:2px solid #a8d5e2;border-radius:4px;margin-bottom:24px;padding:32px;box-shadow:0 2px 4px #a8d5e233}.experiment-card:hover{border-color:#7ec8e3;box-shadow:0 4px 8px #a8d5e24d}.experiment-page{color:#2c3e50;background:#f5f8fa;max-width:900px;min-height:100vh;margin:0 auto;padding:32px 48px 80px}.experiment-page-system-output{max-width:1400px;padding-left:24px;padding-right:24px}.system-output-main .system-output-list,.system-output-main .system-output-detail,.system-output-main .system-output-top3{flex-direction:column;display:flex}.system-output-main .system-output-list-card,.system-output-main .system-output-detail-card,.system-output-main .system-output-top3-card{flex-direction:column;flex:1;min-height:0;display:flex}.system-output-main .system-output-list-card .ant-card-body,.system-output-main .system-output-detail-card .ant-card-body,.system-output-main .system-output-top3-card .ant-card-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.system-output-main .system-output-top3-card .ant-card-body{padding:12px}.system-output-main .system-output-top3-expand{max-width:100%;overflow-x:auto}.system-output-main .resume-detail-placeholder{flex:1;justify-content:center;align-items:center;min-height:200px;display:flex}.likert-scale{justify-content:space-between;align-items:center;padding:16px 0;display:flex}.likert-scale-item{cursor:pointer;flex-direction:column;flex:1;align-items:center;transition:all .3s;display:flex}.likert-scale-item:hover:not(.disabled) .likert-scale-circle{background:#e8f4f8;border-color:#4a9ebe;box-shadow:0 2px 8px #4a9ebe33}.likert-scale-item.selected .likert-scale-circle{color:#fff;background:#4a9ebe;border-color:#4a9ebe;transform:scale(1.15);box-shadow:0 2px 8px #4a9ebe66}.likert-scale-item.selected .likert-scale-label{color:#4a9ebe;font-weight:600}.likert-scale-item.disabled{cursor:not-allowed;opacity:.6}.likert-scale-circle{color:#2c3e50;background:#fff;border:2px solid #d5e8ee;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:8px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.likert-scale-label{color:#7f8c8d;text-align:center;max-width:80px;font-size:12px;line-height:1.3;transition:all .2s}.resume-detail-view{flex-direction:column;flex:1;min-height:0;padding:4px 0;display:flex}.resume-detail-view .resume-detail-view-scroll{flex:1;min-height:0;overflow-y:auto}.resume-detail-view .resume-detail-section{border-bottom:1px solid #d5e8ee;padding:12px 0}.resume-detail-view .resume-detail-section:last-child{border-bottom:none}.scale-question-block .likert-scale{margin-top:8px}@media (max-width:768px){.nav-button{min-width:40px;width:40px!important;height:40px!important}.nav-button-prev{left:18px}.nav-button-next{right:18px}.nav-button .anticon{font-size:16px}.experiment-page{padding:24px 16px 80px}.experiment-page-system-output{padding-left:16px;padding-right:16px}.system-output-main{flex-direction:column!important}.system-output-detail{flex:auto!important;min-width:0!important}}