@font-face{font-family:'SFProText';src:url(/assets/SFProText-34e6bc6d4065f98119265138a6f89f9ba724c93ec9a53625aae9d65ae8133fe9.woff2) format("woff2"),url(/assets/SFProText-4e42bcf6651c3c2659f9cf9a1d4ed7412cb8802b34ce632b7c9a1594a8959784.woff) format("woff");font-weight:normal;font-style:normal}.diagnostic-header{position:fixed;top:0;left:0;right:0;background:#ffffff;border-bottom:0.0625rem solid #e0e0e0;z-index:1000;padding:1rem 1.25rem;display:flex;align-items:center;gap:0.75rem}.diagnostic-header-back{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;color:#333;font-size:1.5rem}.diagnostic-header-back:hover{text-decoration:none;color:#333}.diagnostic-header-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.diagnostic-header-icon img{width:100%;height:100%}.diagnostic-header-title{font-size:1.125rem;font-weight:600;color:#333;margin:0}body.diagnostic-page{padding-top:0}body.diagnostic-page .container-fix{padding-top:0}@-webkit-keyframes fadeIn{from{opacity:0;transform:translateY(0.625rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0;transform:translateY(0.625rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes blink{0%,20%,100%{opacity:0.2}50%{opacity:1}}@keyframes blink{0%,20%,100%{opacity:0.2}50%{opacity:1}}.diagnostic-survey-container{width:100%;min-height:100vh;padding:0}.diagnostic-system-error-page{background-color:#FFFFFF;min-height:100vh;padding-top:5rem;padding-bottom:5rem}.diagnostic-system-error-container{max-width:50rem;margin:0 auto;padding:1.25rem 1rem}.diagnostic-survey-header{background:#FFFFFF;padding:1.5rem 1.25rem;border-bottom:0.0625rem solid #E0E0E0;margin-bottom:1.875rem}@media (max-width: 768px){.diagnostic-survey-header{padding:1.25rem 1rem;margin-bottom:1.5rem}}@media (max-width: 480px){.diagnostic-survey-header{padding:1rem 0.75rem;margin-bottom:1.25rem}}.header-content{max-width:50rem;margin:0 auto;display:flex;align-items:center;gap:0.75rem}@media (max-width: 480px){.header-content{gap:0.625rem}}.header-icon{font-size:2.5rem;flex-shrink:0}@media (max-width: 768px){.header-icon{font-size:2.25rem}}@media (max-width: 480px){.header-icon{font-size:2rem}}.header-title{font-size:1.5rem;font-weight:700;color:#333333;margin:0}@media (max-width: 768px){.header-title{font-size:1.375rem}}@media (max-width: 480px){.header-title{font-size:1.125rem}}.diagnostic-survey-content{max-width:50rem;margin:0 auto;padding:6.25rem 1.25rem}@media (max-width: 768px){.diagnostic-survey-content{padding:5.625rem 1rem}}@media (max-width: 480px){.diagnostic-survey-content{padding:5rem 0.75rem}}.bot-message-row{display:flex;align-items:flex-start;gap:0.75rem;margin-bottom:1rem;opacity:0;-webkit-animation:fadeIn 0.4s ease forwards;animation:fadeIn 0.4s ease forwards}.bot-message-row.show{opacity:1}@media (max-width: 480px){.bot-message-row{gap:0.625rem;margin-bottom:0.875rem}}.bot-avatar{width:3rem;height:3rem;border-radius:0.75rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;overflow:hidden}.bot-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width: 480px){.bot-avatar{width:2.5rem;height:2.5rem;font-size:1.25rem}}.bot-text{flex:1;max-width:80%;font-size:0.9375rem;line-height:1.7;color:#333333;padding:0.875rem 1.125rem;background:#FFFFFF;border-radius:1.125rem;box-shadow:0 0.125rem 0.5rem rgba(0,0,0,0.08)}@media (max-width: 768px){.bot-text{font-size:0.875rem;padding:0.75rem 1rem}}@media (max-width: 480px){.bot-text{padding:0.625rem 0.875rem;max-width:calc(100% - 3.75rem)}}.typing-indicator{display:flex;align-items:center;gap:0.25rem;padding:0.875rem 1.125rem}.typing-indicator .dot{width:0.5rem;height:0.5rem;border-radius:50%;background-color:#FF8C00;-webkit-animation:blink 1.4s infinite;animation:blink 1.4s infinite}.typing-indicator .dot:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}.typing-indicator .dot:nth-child(2){-webkit-animation-delay:0.2s;animation-delay:0.2s}.typing-indicator .dot:nth-child(3){-webkit-animation-delay:0.4s;animation-delay:0.4s}@media (max-width: 480px){.typing-indicator{padding:0.625rem 0.875rem}.typing-indicator .dot{width:0.375rem;height:0.375rem}}.user-answer-row{font-size:0.875rem;color:#FFFFFF;margin:0 0 1rem auto;padding:0.75rem 1.125rem;background:#FF8C00;border-radius:1.125rem;display:block;max-width:70%;text-align:left;-webkit-animation:fadeIn 0.3s ease forwards;animation:fadeIn 0.3s ease forwards;box-shadow:0 0.125rem 0.5rem rgba(255,140,0,0.25);opacity:0;-webkit-animation:fadeIn 0.4s ease forwards;animation:fadeIn 0.4s ease forwards}.user-answer-row.show{opacity:1}@media (max-width: 480px){.user-answer-row{font-size:0.8125rem;margin-bottom:0.875rem;padding:0.625rem 1rem;max-width:80%}}.question-chatbox-section{margin-bottom:1.25rem;opacity:0;-webkit-animation:fadeIn 0.4s ease forwards;animation:fadeIn 0.4s ease forwards}.question-chatbox-section.show{opacity:1}@media (max-width: 768px){.question-chatbox-section{margin-bottom:1rem}}@media (max-width: 480px){.question-chatbox-section{margin-bottom:0.875rem}}.question-subtitle{font-size:0.8125rem;color:#999999;margin-bottom:0.75rem;margin-left:3.75rem}@media (max-width: 480px){.question-subtitle{font-size:0.75rem;margin-left:3.125rem;margin-bottom:0.625rem}}.options-container{display:grid;gap:0.75rem;margin:0 0 1rem 3.75rem;padding:1rem;background:#ffe8cc;border-radius:1rem}.options-container.grid-1{grid-template-columns:1fr}.options-container.grid-2{grid-template-columns:repeat(2, 1fr)}@media (max-width: 600px){.options-container.grid-2{grid-template-columns:1fr}}.options-container.has-selection{background:transparent}.options-container.has-selection .option-item:not(.selected){pointer-events:none}.options-container.has-selection .option-item:not(.selected) .option-label{color:#DDDDDD}.options-container.has-selection .option-item:not(.selected) img{opacity:0.3;-webkit-filter:grayscale(100%);filter:grayscale(100%)}@media (max-width: 768px){.options-container{gap:0.625rem;padding:0.875rem}}@media (max-width: 480px){.options-container{gap:0.5rem;padding:0.75rem;margin-left:3.125rem}}.option-item{background:#FFFFFF;border:0.125rem solid transparent;border-radius:0.625rem;padding:1rem 1.125rem;display:flex;align-items:center;justify-content:center;text-align:left;cursor:pointer;box-shadow:0 0.0625rem 0.1875rem rgba(0,0,0,0.06);transition:all 0.2s ease}.option-item:hover{border-color:#FF8C00;box-shadow:0 0.125rem 0.375rem rgba(255,140,0,0.15);transform:translateY(-0.0625rem)}.option-item.selected{border-color:#FF8C00;border-width:0.1875rem;background:#FFE8CC;box-shadow:0 0.125rem 0.5rem rgba(255,140,0,0.2)}@media (max-width: 768px){.option-item{padding:0.875rem 1rem}}@media (max-width: 480px){.option-item{padding:0.75rem 0.875rem}}.option-label{font-size:0.9375rem;font-weight:500;color:#333333;line-height:1.4;width:100%}@media (max-width: 768px){.option-label{font-size:0.875rem}}@media (max-width: 480px){.option-label{font-size:0.8125rem}}.go-back-button{text-align:center;margin:1rem 0 0 3.75rem;opacity:0;-webkit-animation:fadeIn 0.4s ease forwards;animation:fadeIn 0.4s ease forwards}.go-back-button.show{opacity:1}@media (max-width: 480px){.go-back-button{margin-left:3.125rem;margin-top:0.875rem}}.btn-go-back{background:transparent;color:#666666;border:none;padding:0.5rem 0.75rem;font-size:0.875rem;cursor:pointer;display:inline-flex;align-items:center;gap:0.375rem;transition:all 0.2s ease}.btn-go-back:hover{color:#FF8C00}@media (max-width: 480px){.btn-go-back{font-size:0.8125rem;padding:0.375rem 0.625rem}}.action-buttons{text-align:center;margin-top:1.25rem;opacity:0;-webkit-animation:fadeIn 0.4s ease forwards;animation:fadeIn 0.4s ease forwards}.action-buttons.show{opacity:1}@media (max-width: 768px){.action-buttons{margin-top:1rem}}.btn-next{background:#FF8C00;color:#FFFFFF;border:none;border-radius:0.5rem;padding:0.875rem 2.5rem;font-size:0.9375rem;font-weight:600;cursor:pointer;box-shadow:0 0.125rem 0.5rem rgba(255,140,0,0.3);transition:all 0.2s ease}.btn-next:hover{transform:translateY(-0.125rem)}.btn-next:active{transform:translateY(0)}.btn-next:hover{background:#E67E00;box-shadow:0 0.25rem 0.75rem rgba(255,140,0,0.4)}@media (max-width: 768px){.btn-next{padding:0.75rem 2.25rem;font-size:0.875rem}}@media (max-width: 480px){.btn-next{width:100%;padding:0.75rem 1.25rem}}.agreement-section{margin-bottom:1.875rem;opacity:0;-webkit-animation:fadeIn 0.4s ease forwards;animation:fadeIn 0.4s ease forwards}.agreement-section.show{opacity:1}@media (max-width: 768px){.agreement-section{margin-bottom:1.5rem}}.agreement-box{color:#888888;padding:1.5rem;margin:1.25rem 0}@media (max-width: 768px){.agreement-box{padding:1.25rem;margin:1rem 0}}@media (max-width: 480px){.agreement-box{padding:1rem;margin:0.75rem 0}}.agreement-list{font-size:0.75rem;line-height:1.8;padding-left:1.25rem;margin:0}.agreement-list li{margin-bottom:1rem}.agreement-list li:last-child{margin-bottom:0}@media (max-width: 480px){.agreement-list li{margin-bottom:0.75rem}}@media (max-width: 768px){.agreement-list{font-size:0.8125rem}}@media (max-width: 480px){.agreement-list{line-height:1.7}}.agreement-link{color:#0D6EFD;text-decoration:underline}.agreement-link:hover{text-decoration:none}.results-section{margin-bottom:1.875rem;opacity:0;-webkit-animation:fadeIn 0.4s ease forwards;animation:fadeIn 0.4s ease forwards}.results-section.show{opacity:1}.result-comment{margin-bottom:1.875rem}@media (max-width: 768px){.result-comment{margin-bottom:1.5rem}}.result-category{margin-bottom:1.875rem}@media (max-width: 768px){.result-category{margin-bottom:1.5rem}}.category-header{display:flex;align-items:center;gap:0.625rem;margin-bottom:1rem;padding-left:3.75rem}@media (max-width: 480px){.category-header{padding-left:3.125rem;margin-bottom:0.75rem;gap:0.5rem}}.category-icon{font-size:1.5rem}@media (max-width: 480px){.category-icon{font-size:1.25rem}}.category-title{font-size:1.125rem;font-weight:700;color:#333333}@media (max-width: 768px){.category-title{font-size:1rem}}@media (max-width: 480px){.category-title{font-size:0.9375rem}}.result-card{background:#FFFFFF;border:0.0625rem solid #E0E0E0;border-radius:0.75rem;padding:1.25rem;margin-bottom:1rem;display:flex;gap:1rem;align-items:flex-start}@media (max-width: 768px){.result-card{padding:1rem;gap:0.75rem;margin-bottom:0.75rem}}@media (max-width: 600px){.result-card{flex-direction:column}}@media (max-width: 480px){.result-card{padding:0.75rem}}.card-image-area{flex-shrink:0;width:7.5rem;height:7.5rem;border-radius:0.625rem;background:linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 100%);display:flex;align-items:center;justify-content:center}.result-card:nth-child(even) .card-image-area{background:linear-gradient(135deg, #E8F5E9 0%, #C8E6C9 100%)}@media (max-width: 768px){.card-image-area{width:6.25rem;height:6.25rem}}@media (max-width: 600px){.card-image-area{width:100%;height:8.75rem}}@media (max-width: 480px){.card-image-area{height:7.5rem}}.card-image-placeholder{font-size:3.5rem}@media (max-width: 768px){.card-image-placeholder{font-size:3rem}}@media (max-width: 480px){.card-image-placeholder{font-size:2.5rem}}.card-content-area{flex:1;min-width:0}.card-title{font-size:1rem;font-weight:700;color:#333333;margin:0 0 0.5rem;line-height:1.4}@media (max-width: 768px){.card-title{font-size:0.9375rem}}@media (max-width: 480px){.card-title{font-size:0.875rem;margin-bottom:0.375rem}}.card-time{font-size:0.8125rem;color:#666666;margin:0 0 0.625rem}@media (max-width: 480px){.card-time{font-size:0.75rem;margin-bottom:0.5rem}}.card-tags{display:flex;flex-wrap:wrap;gap:0.375rem;margin-bottom:0.75rem}@media (max-width: 480px){.card-tags{gap:0.25rem;margin-bottom:0.625rem}}.tag{background:#E3F2FD;color:#1976D2;font-size:0.6875rem;padding:0.25rem 0.625rem;border-radius:0.75rem;white-space:nowrap}@media (max-width: 480px){.tag{font-size:0.625rem;padding:0.1875rem 0.5rem}}.btn-detail{background:#0D6EFD;color:#FFFFFF;border:none;border-radius:0.375rem;padding:0.625rem 1.25rem;font-size:0.875rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:0.375rem;transition:all 0.2s ease}.btn-detail:hover{background:#0262ef;transform:translateY(-0.0625rem)}.btn-detail:active{transform:translateY(0)}@media (max-width: 480px){.btn-detail{padding:0.5rem 1rem;font-size:0.8125rem;width:100%;justify-content:center}}.btn-restart{width:100%;max-width:18.75rem;display:block;margin:1.875rem auto 0;background:#FFFFFF;color:#666666;border:0.125rem solid #DDDDDD;border-radius:0.5rem;padding:0.75rem 1.5rem;font-size:0.875rem;cursor:pointer;transition:all 0.2s ease}.btn-restart:hover{border-color:#666666;color:#333333}@media (max-width: 480px){.btn-restart{max-width:100%;font-size:0.8125rem;padding:0.625rem 1.25rem}}.chat-input-container{position:fixed;bottom:0;left:0;right:0;background:#FFFFFF;border-top:0.0625rem solid #E0E0E0;padding:0.75rem 1rem;z-index:100;box-shadow:0 -0.125rem 0.625rem rgba(0,0,0,0.05)}@media (max-width: 480px){.chat-input-container{padding:0.625rem 0.75rem}}.chat-input-wrapper{max-width:50rem;margin:0 auto;position:relative}.chat-input{width:100%;padding:1.125rem 3.5rem 0.75rem 1.125rem;font-size:0.9375rem;border:0.0625rem solid #DDDDDD;border-radius:1.5rem;background:#f6f6f6;color:#666666;outline:none;transition:all 0.2s ease}.chat-input::-webkit-input-placeholder{color:#999999}.chat-input::-moz-placeholder{color:#999999}.chat-input:-ms-input-placeholder{color:#999999}.chat-input::-ms-input-placeholder{color:#999999}.chat-input::placeholder{color:#999999}.chat-input:disabled{cursor:not-allowed;opacity:0.8}@media (max-width: 480px){.chat-input{padding:0.625rem 3.125rem 0.625rem 0.875rem;font-size:0.875rem}}.chat-send-btn{position:absolute;right:0.5rem;top:50%;transform:translateY(-50%);width:2.5rem;height:2.5rem;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:not-allowed;flex-shrink:0}.chat-send-btn span{font-size:1.25rem;font-weight:bold;color:#FFFFFF}.chat-send-btn:disabled{opacity:0.5}@media (max-width: 480px){.chat-send-btn{width:2.25rem;height:2.25rem;right:0.75rem}.chat-send-btn span{font-size:1.125rem}}