.home-page{max-width:100vw;display:flex;flex-direction:column;height:100vh;height:-webkit-fill-available;min-height:100vh;min-height:-webkit-fill-available;overscroll-behavior:none;padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.powered-by-text-process-result{font-size:13px!important;display:flex;flex-direction:column;text-align:right}.powered-by-text-process-result-logo{height:15px!important;width:auto!important;-o-object-fit:contain;object-fit:contain;margin-top:auto;margin-bottom:auto}.container-fluid{padding-left:1rem;padding-right:1rem;padding-bottom:16px;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:522px!important}.head-title-process-result-home{font-size:14px!important;text-align:left!important;font-weight:var(--fontRegular)!important;color:#fff!important}.mascot-control{margin-top:36px;display:flex;z-index:10;position:relative}.mascot-img{width:320px;height:auto;margin-left:auto;margin-right:auto;-o-object-fit:contain;object-fit:contain;animation:mascotFloat 3s ease-in-out infinite}@media screen and (max-width: 390px){.mascot-img{width:280px}}@media screen and (min-width: 391px) and (max-width: 428px){.mascot-img{width:300px}}@media screen and (min-width: 429px) and (max-width: 480px){.mascot-img{width:320px}}@media screen and (min-width: 481px) and (max-width: 768px){.mascot-img{width:360px}}@media screen and (min-width: 769px){.mascot-img{width:400px}}@media screen and (max-height: 700px){.mascot-img{width:240px}}@media screen and (max-width: 359px){.mascot-img{width:250px}}.star-green{position:absolute;width:40px;margin-right:7px;height:40px;-o-object-fit:contain;object-fit:contain;top:0;right:0;animation:starBlink 2s ease-in-out infinite;animation-delay:0s}.star-pink{position:absolute;width:23px;margin-right:10vw;margin-bottom:7vh;height:auto;-o-object-fit:contain;object-fit:contain;bottom:0;right:0;animation:starBlink 2.5s ease-in-out infinite;animation-delay:.8s}.bubble-message-control{border-radius:0 25px 25px;background:#7660ff;display:inline-flex;padding:24px 16px;margin-bottom:16px;margin-top:-2vh;align-items:center;gap:10px}.bubble-message-control-text{color:#fff;font-size:16px;font-weight:var(--fontBold)}.button-start-bottom{margin-top:auto}.home-item-control{display:flex;flex-direction:column;margin-top:48px;margin-bottom:24px}.cloud-logo{width:50px;height:50px;-o-object-fit:contain;object-fit:contain;margin-left:auto;margin-right:auto;margin-bottom:36px}.bubble-message-header-text{font-size:22px;font-weight:var(--fontBold);color:#fff;text-align:center;margin-left:auto;margin-right:auto}.bubble-message-normal-text{font-size:16px;font-weight:var(--fontRegular);color:#fff;text-align:center;margin-left:auto;margin-right:auto}.divider-pink-star{margin-top:36px;margin-bottom:36px;width:100%}.item-img-grid-2-control{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:36px;margin-bottom:36px;width:100%}.home-custom-header-section{display:block;position:relative;margin-bottom:24px}.home-custom-star-green{width:30px;height:auto;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;left:0;margin-left:10%}.home-custom-star-pink{width:20px;height:auto;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;right:0;margin-top:5%;margin-right:10%}.home-custom-header-section-text{font-size:22px;font-weight:var(--fontBold);color:#fff;text-align:center;margin-left:auto;margin-right:auto;margin-top:auto;display:inline}.header-control{display:flex}.header-control-left{display:flex;align-items:center;justify-content:center}.header-control-left-text{display:flex;flex-direction:column;margin-left:8px}.footer-top-logo{width:auto;height:34px;-o-object-fit:contain;object-fit:contain;margin-left:auto}.header-control-right{display:flex;align-items:center;justify-content:center;margin-left:auto}.header-control-right-text{display:flex;flex-direction:column}.home-custom-header-section-text-impact{font-size:22px;border-radius:24px;background-color:#000;color:#fff;font-weight:var(--fontBold);margin-top:auto;margin-left:8px;padding:4px 18px}.matrix-mockup{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;margin-bottom:24px;margin-top:24px}.strategic-radar-chart{width:80%;height:auto;-o-object-fit:contain;object-fit:contain;margin:24px auto}.star-pink-center{width:25px;height:auto;-o-object-fit:contain;object-fit:contain;margin:24px auto}.item-img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain}@supports (-webkit-touch-callout: none){.home-page{height:-webkit-fill-available;min-height:-webkit-fill-available}}.quiz-page{max-width:100vw;min-height:100vh;display:flex;flex-direction:column;height:100vh;overscroll-behavior:none;padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background-image:url(/assets/bg-main-CNCLmkfa.jpg);-webkit-overflow-scrolling:touch;min-height:100svh;height:100svh;background-size:cover;background-position:center center;background-repeat:no-repeat}.container-fluid-quiz{padding-left:0!important;padding-right:0!important;padding-bottom:0!important;overflow:hidden;display:flex;flex-direction:column;max-width:522px!important;margin-left:auto;margin-right:auto}@supports (-webkit-touch-callout: none){.quiz-page{height:-webkit-fill-available;min-height:-webkit-fill-available}.option-buttons{margin-bottom:5rem!important}}.quiz-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;position:relative;z-index:10;padding-top:max(env(safe-area-inset-top),1rem)}.quiz-header .quiz-header-left{flex:1;text-align:left}.quiz-header .quiz-header-left .icon{width:30px;height:30px;color:#fff;margin-right:10px}.quiz-header .quiz-header-center{font-family:var(--fontLineSeed);flex:1;text-align:center;color:#fff;font-size:14px;font-weight:var(--fontMedium)}.quiz-header .quiz-header-right{flex:1;text-align:right}.quiz-header-right-item{width:-moz-fit-content;width:fit-content;height:auto;margin-top:auto;margin-left:auto;padding:4px 10px;margin-bottom:auto;display:flex;background-color:#7660ff;border-radius:1.5rem;justify-content:center;align-items:center}.quiz-header-right-item .icon{width:20px;height:20px;color:#fff;margin-right:4px}.quiz-header-right-item h1{font-family:var(--fontLineSeed);color:#fff;font-size:14px;font-weight:var(--fontMedium)}.questions-scroll-container{height:100vh;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-top:1rem}.question-page{height:90vh;min-height:90vh;display:flex;flex-direction:column;justify-content:flex-start;scroll-snap-align:start;scroll-snap-stop:always;padding:0;max-width:100vw;width:100%;overflow-x:hidden;padding-top:max(env(safe-area-inset-top),.5rem)}.chat-container{max-width:100vw;width:100%;margin:0 auto;padding:0;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;gap:.5rem;flex:1;justify-content:flex-start;align-items:stretch}.chat-message{display:flex;align-items:flex-start;gap:.75rem}.bot-message{justify-content:flex-start;margin-left:14px;width:90%}.bot-avatar{width:70px;height:70px;background:linear-gradient(135deg,#6148ff,#4f3ae6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0;box-shadow:0 4px 12px #6148ff66;position:relative;overflow:hidden;animation:brainPulse 2s ease-in-out infinite}.brain-logo{width:70px;height:70px;-o-object-fit:contain;object-fit:contain;animation:brainFloat 3s ease-in-out infinite}@keyframes brainPulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #6148ff66}50%{transform:scale(1.05);box-shadow:0 6px 16px #6148ff99}}@keyframes brainFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-2px) rotate(1deg)}50%{transform:translateY(-1px) rotate(0)}75%{transform:translateY(-3px) rotate(-1deg)}}.bot-bubble{background:#ffffff15;border-radius:0 25px 25px;padding:.5rem 1rem;max-width:100%;height:auto;width:-moz-fit-content;width:fit-content;box-shadow:0 2px 12px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;text-align:left;font-size:17px;font-weight:var(--fontMedium)!important}.bot-bubble>.start-text{font-size:16px!important}.bot-bubble.image-choice-bubble{max-height:30vh;overflow-y:auto}.bot-bubble:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:linear-gradient(45deg,#6148ff,#4f3ae6,#6148ff);border-radius:20px;z-index:-1;opacity:0}.bot-bubble::-webkit-scrollbar{width:6px}.bot-bubble::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.bot-bubble::-webkit-scrollbar-thumb{background:#6148ff4d;border-radius:3px}.bot-bubble::-webkit-scrollbar-thumb:hover{background:#6148ff80}.bot-bubble p{font-family:var(--fontLineSeed);margin:0;color:#fff;font-size:17px;font-weight:var(--fontMedium)}.bot-bubble.long-text p{font-family:var(--fontLineSeed);font-size:17px;font-weight:400!important;letter-spacing:.04em!important;line-height:1.5!important}.user-avatar{width:50px;height:50px;background:linear-gradient(135deg,#f0f0ff,#e0e0ff);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6148ff;font-size:1.2rem;flex-shrink:0;box-shadow:0 4px 12px #6148ff4d;animation:userBounce 2.5s ease-in-out infinite;transition:all .3s ease}.user-avatar:hover{transform:scale(1.1);box-shadow:0 6px 16px #6148ff80}.user-bubble{padding:14px 16px;max-width:100%;width:100vw}.response-container{min-width:200px}.slider-label{font-family:var(--fontLineSeed);display:block;margin-bottom:.5rem;font-weight:var(--fontMedium);color:#fff;font-size:.9rem}.slider-value{font-family:var(--fontLineSeed);color:#6148ff;font-weight:700}.experience-slider{width:100%;height:8px;border-radius:4px;background:#e0e0ff;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-bottom:.5rem}.experience-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#6148ff;cursor:pointer;box-shadow:0 2px 6px #6148ff66;-webkit-transition:all .2s ease;transition:all .2s ease}.experience-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #6148ff99}.experience-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#6148ff;cursor:pointer;border:none;box-shadow:0 2px 6px #6148ff66}.slider-labels{font-family:var(--fontLineSeed);display:flex;justify-content:space-between;font-size:.8rem;font-weight:var(--fontMedium);margin-top:.25rem}.slider-container{width:100%;padding:1rem 0;margin-top:5vh}.slider-track{position:relative;width:80%;margin-left:auto;margin-right:auto;height:4px;background:#a091ff;border-radius:2px;margin-bottom:2rem;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:none}.slider-progress{position:absolute;top:0;left:0;width:auto!important;height:100%;background:#a091ff;border-radius:2px;transition:width .3s ease}.slider-node{position:absolute;top:50%;transform:translate(-50%,-50%);cursor:pointer;z-index:2}.tutorial-active .slider-node{cursor:not-allowed;opacity:.7}.node-circle{width:22px;height:22px;border-radius:50%;background:#a091ff;border:2px solid #a091ff;transition:all .3s ease;position:relative;overflow:hidden}.ripple-effect{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff9;transform:translate(-50%,-50%);animation:ripple-animation .6s ease-out;pointer-events:none}@keyframes ripple-animation{0%{width:0;height:0;opacity:1}50%{width:60px;height:60px;opacity:.8}to{width:80px;height:80px;opacity:0}}.slider-node.active .node-circle{background:#a091ff;border-color:#a091ff;transform:scale(1.2);transition:all .4s cubic-bezier(.4,0,.2,1)}.slider-node.current .node-circle{background:gold;border-color:gold;transform:scale(1.4);box-shadow:0 0 0 4px #ffd7004d;transition:all .4s cubic-bezier(.4,0,.2,1)}.slider-node{transition:all .3s cubic-bezier(.4,0,.2,1)}.slider-node:hover .node-circle{transform:scale(1.1);box-shadow:0 4px 12px #a091ff66}.slider-track:active,.slider-track.dragging{cursor:grabbing}.slider-progress{transition:width .3s cubic-bezier(.4,0,.2,1)}.slider-progress.dragging{transition:none}.slider-node.drag-active .node-circle{transform:scale(1.3);box-shadow:0 0 0 8px #a091ff33;background:gold;border-color:gold}.slider-label-left,.slider-label-right{font-family:var(--fontLineSeed);font-weight:var(--fontBold);color:#fff;width:100px}.slider-label-left{font-size:12px;margin-left:-17px!important}.slider-label-right{font-size:12px;margin-right:-15px!important}.slider-flash{position:absolute;top:0;height:100%;background:gold;opacity:.9;border-radius:2px;animation:flashFade .4s ease-out forwards}@keyframes flashFade{0%{opacity:1}to{opacity:0}}.option-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;margin-top:.5rem;padding-bottom:1rem}.mascot-main-control{margin-left:auto;margin-right:auto;display:flex;width:100%;justify-content:center;height:auto;margin-top:10vh}.mascot-main-item-control{display:flex;flex-direction:column;width:auto;height:auto}.mascot-main-quote-control{border-radius:25px 25px 25px 0;background:#ffffff15;margin-left:14px;display:inline-flex;padding:14px 16px;height:-moz-fit-content;height:fit-content;align-items:center;gap:10px}.mascot-main-quote-control-text{font-family:var(--fontLineSeed);color:#fff;font-size:16px;font-weight:var(--fontBold)}.mascot-main-item-img{width:40vw;margin-left:auto;margin-right:auto;height:auto;-o-object-fit:contain;object-fit:contain;margin-bottom:24px;animation:mascotFloat 3s ease-in-out infinite}.mascot-main-item-img-shadow{width:25vw;margin-left:auto;margin-right:auto;height:auto;-o-object-fit:contain;object-fit:contain}.option-btn{font-family:var(--fontLineSeed);display:flex;align-items:center;padding:1rem 1.25rem;border:none;border-radius:25px;cursor:pointer;transition:all .2s ease;font-size:.9rem;text-align:left;background:#7660ff;color:#fff;position:relative;overflow:hidden;margin-bottom:.75rem}.option-btn:not(.selected){background:#7660ff;color:#fff}.option-btn:hover{transform:none;box-shadow:none}.option-btn:active{transform:translateY(0)}.option-btn.selected{background:#ffdf3f;color:#000}.option-icon{width:20px;height:20px;margin-right:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.option-btn.selected .option-icon{color:#ffdf3f}.selection-counter{text-align:center;margin-bottom:1rem}.selection-counter-text{color:#ffdf3f;font-size:14px;font-weight:500;background:#ffdf3f1a;padding:8px 16px;border-radius:20px;border:1px solid rgba(255,223,63,.3)}.empty-circle{width:16px;height:16px;border:2px solid currentColor;border-radius:50%;background:transparent}.option-text{font-family:var(--fontLineSeed);flex:1;font-weight:500}@media (max-width: 768px){.chat-container{padding:.5rem}.bot-bubble{max-width:100%;height:auto;padding:12px 16px}.bot-bubble.image-choice-bubble{max-height:30vh;overflow-y:auto}.bot-bubble.long-text p{font-size:16px;line-height:1.3;font-weight:var(--fontBold)}.user-bubble{margin-left:auto;max-width:100%;width:100vw}.option-buttons{grid-template-columns:1fr}.bot-avatar,.user-avatar{width:50px;height:50px;margin-top:auto;font-size:1rem}}.navigation-container{display:flex;position:absolute;justify-content:space-between;align-items:center;width:100%;margin-top:auto;bottom:0!important;height:-moz-fit-content;height:fit-content;z-index:99999!important;height:calc(80px + env(safe-area-inset-bottom));padding-bottom:max(env(safe-area-inset-bottom),20px);padding-left:18px;padding-right:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-bottom:max(env(safe-area-inset-bottom),.4rem);padding-top:max(env(safe-area-inset-bottom),.4rem);background:linear-gradient(to bottom,transparent 0%,transparent 100%);height:8vh;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;max-width:522px!important;margin-left:auto;margin-right:auto}.navigation-container:before{content:"";position:absolute;top:0;left:0;right:0;background:url(/assets/bg-main-CNCLmkfa.jpg);background-size:contain;background-position:top center;background-repeat:no-repeat;z-index:-1}.back-control{width:40px;height:auto;-o-object-fit:contain;object-fit:contain;margin-top:auto;margin-bottom:auto;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;cursor:pointer}.text-input-container{display:flex;align-items:center;background:#a792e8;border-radius:25px;flex-direction:row!important;padding:8px 8px 8px 20px;flex:1;margin:0 1rem;box-shadow:0 2px 8px #0000001a}.text-input-field{font-family:var(--fontLineSeed);width:80%;border:none;background:transparent;color:#fff;font-size:16px;font-weight:500;outline:none;padding:8px 0}.text-input-field::-moz-placeholder{color:#ffffffb3}.text-input-field::placeholder{color:#ffffffb3}.text-input-field.multiline-textarea,.popup-prompt-input{font-family:var(--fontLineSeed);background:#000;color:#fff;font-size:16px;font-weight:500;outline:none;padding:12px 16px;border-radius:12px;resize:none;width:100%!important;overflow-y:auto;line-height:1.5;min-height:calc(12em + 24px);max-height:calc(12em + 24px);white-space:pre-wrap;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.text-input-field.multiline-textarea::-moz-placeholder,.popup-prompt-input::-moz-placeholder{color:#ffffffb3}.text-input-field.multiline-textarea::placeholder,.popup-prompt-input::placeholder{color:#ffffffb3}.character-counter{text-align:right;font-size:12px;color:#fff9;margin-top:4px;margin-bottom:8px;font-family:var(--fontLineSeed)}.dynamic-textarea{font-family:var(--fontLineSeed);width:80%;border:none;background:transparent;color:#fff;font-size:16px;font-weight:500;outline:none;padding:8px 0;resize:none;overflow-y:auto;line-height:1.5;min-height:1.5em;max-height:7.5em;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;transition:height .1s ease-out}.dynamic-textarea::-moz-placeholder{color:#ffffffb3}.dynamic-textarea::placeholder{color:#ffffffb3}.text-input-container{min-height:60px;display:flex;flex-direction:column;align-items:center;gap:8px}.dynamic-textarea{scroll-behavior:smooth}.dynamic-textarea:focus{outline:none;border:none}.send-button{font-family:var(--fontLineSeed);width:40px;height:40px;border-radius:50%;background:#000;border:none;color:#fff;margin-left:auto;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 6px #0000004d;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}.next-button{font-family:var(--fontLineSeed);width:100%;height:40px;border-radius:25px;background:#000;border:none;color:#fff;cursor:pointer;font-weight:var(--fontBold);display:flex;align-items:center;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;justify-content:center;transition:all .2s ease;box-shadow:0 2px 6px #0000004d}.prompt-images{margin-left:14px;margin-right:14px;margin-bottom:14px;display:flex;border-radius:25px}.prompt-image{border-radius:25px;-o-object-fit:contain;object-fit:contain;width:auto;height:100%}.send-button:hover{transform:scale(1.05);box-shadow:0 4px 12px #0006}.send-button:active{transform:scale(.95)}.nav-btn{font-family:var(--fontLineSeed);display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fffffff2;border:2px solid #e0e0ff;border-radius:12px;color:#6148ff;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a}.nav-btn:hover:not(.disabled){background:#6148ff;color:#fff;border-color:#6148ff;transform:translateY(-2px);box-shadow:0 4px 12px #6148ff4d}.nav-btn:active:not(.disabled){transform:translateY(0)}.nav-btn.disabled{opacity:.4;cursor:not-allowed;background:#ffffff80}.prev-btn{flex-direction:row-reverse}.next-btn{flex-direction:row}.chat-message{animation:fadeInUp .5s ease-out}@supports (-webkit-touch-callout: none){.questions-scroll-container{-webkit-overflow-scrolling:touch;scroll-snap-type:y mandatory}.question-page{scroll-snap-align:start;scroll-snap-stop:always}.nav-btn,.option-btn{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.experience-slider{-webkit-tap-highlight-color:transparent}}.question-page{transition:transform .3s ease-out,opacity .3s ease-out}.question-page.active{transform:translateY(0);opacity:1}.question-page:not(.active){transform:translateY(10px);opacity:.8}.question-page.active .chat-container{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.questions-scroll-container{scroll-snap-type:y mandatory;scroll-padding-top:env(safe-area-inset-top);scroll-padding-bottom:env(safe-area-inset-bottom)}.question-page{scroll-snap-align:start;scroll-snap-stop:always}}@keyframes bubbleAppear{0%{opacity:0;transform:translateY(20px) scale(.8)}50%{opacity:.8;transform:translateY(-5px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bubbleGlow{0%,to{opacity:0;transform:scale(1)}50%{opacity:.3;transform:scale(1.02)}}@keyframes userBounce{0%,to{transform:translateY(0)}25%{transform:translateY(-3px)}50%{transform:translateY(-1px)}75%{transform:translateY(-2px)}}.experience-slider{width:100%;height:8px;border-radius:4px;background:#e0e0ff;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-bottom:.5rem;transition:all .3s ease;position:relative}.experience-slider:hover{background:#d0d0ff;transform:scale(1.02)}.experience-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#6148ff,#4f3ae6);cursor:pointer;box-shadow:0 3px 8px #6148ff80;-webkit-transition:all .3s ease;transition:all .3s ease;animation:thumbPulse 2s ease-in-out infinite}.experience-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 5px 15px #6148ffb3;animation:thumbGlow 1s ease-in-out infinite}@keyframes thumbPulse{0%,to{box-shadow:0 3px 8px #6148ff80}50%{box-shadow:0 4px 12px #6148ffb3}}@keyframes thumbGlow{0%,to{box-shadow:0 5px 15px #6148ffb3}50%{box-shadow:0 7px 20px #6148ffe6}}.option-btn{padding:.75rem 1rem;border:1px solid #e0e0ff;background:#fff;border-radius:25px;color:#6148ff;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.9rem;position:relative;overflow:hidden}.option-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(97,72,255,.1),transparent);transition:left .5s ease}.option-btn:hover:before{left:100%}.option-btn:hover{border-color:#fff;transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #6148ff4d}.option-btn:active{background:#6148ff;color:#fff;transform:translateY(0) scale(.98)}@keyframes selectedPulse{0%,to{box-shadow:0 0 #6148ffb3}50%{box-shadow:0 0 0 10px #6148ff00}}.text-input-container{width:100%;display:flex;flex-direction:column;gap:.5rem}.text-input{width:100%;min-height:100px;padding:1rem;border:2px solid rgba(97,72,255,.2);border-radius:12px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--fontLineSeed);font-size:1rem;line-height:1.5;color:#333;resize:vertical;transition:all .3s ease;outline:none;animation:textInputAppear .6s ease-out}.text-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #6148ff1a;transform:translateY(-2px);background:#fffffff2}.text-input::-moz-placeholder{color:#6148ff80;font-style:italic}.text-input::placeholder{color:#6148ff80;font-style:italic}.text-counter{font-family:var(--fontLineSeed);font-size:.875rem;color:#6148ffb3;text-align:right;font-weight:500;animation:counterFadeIn .8s ease-out}@keyframes textInputAppear{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes counterFadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.text-input:hover{border-color:#6148ff66;background:#fffffff2}@media (max-width: 768px){.text-input{min-height:80px;padding:.875rem;font-size:.9rem}.text-counter{font-size:.8rem}.navigation-container{height:-moz-fit-content;height:fit-content}}.start-typing-btn{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#6148ff,#4f3ae6);color:#fff;border:none;border-radius:12px;font-family:var(--fontLineSeed);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #6148ff4d;animation:startTypingAppear .6s ease-out}.start-typing-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6148ff66;background:linear-gradient(135deg,#4f3ae6,#3d2ccc)}.start-typing-btn:active{transform:translateY(0)}.text-answer-display{width:100%;display:flex;flex-direction:column;gap:.75rem}.text-answer-content{padding:1rem;background:#ffffffe6;border-radius:12px;border:2px solid rgba(97,72,255,.2);font-family:var(--fontLineSeed);font-size:1rem;line-height:1.5;color:#333;min-height:60px;word-wrap:break-word;white-space:pre-wrap;animation:answerAppear .6s ease-out}.edit-answer-btn{align-self:flex-end;padding:.5rem 1rem;background:#6148ff1a;color:var(--color-primary-500);border:2px solid rgba(97,72,255,.3);border-radius:8px;font-family:var(--fontLineSeed);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.375rem}.edit-answer-btn:hover{background:#6148ff33;border-color:var(--color-primary-500);transform:translateY(-1px)}.text-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:popupOverlayAppear .3s ease-out}.text-popup-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;animation:popupModalAppear .4s ease-out}.popup-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid rgba(97,72,255,.1)}.popup-header h3{margin:0;font-family:var(--fontLineSeed);font-size:1.25rem;font-weight:600;color:#333}.popup-close-btn{background:none;border:none;color:#666;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease}.popup-close-btn:hover{background:#6148ff1a;color:var(--color-primary-500)}.popup-content{padding:1.5rem;flex:1;display:flex;flex-direction:column;gap:.75rem}.popup-text-input{width:100%;min-height:120px;padding:1rem;border:2px solid rgba(97,72,255,.2);border-radius:12px;background:#ffffffe6;font-family:var(--fontLineSeed);font-size:1rem;line-height:1.5;color:#333;resize:vertical;transition:all .3s ease;outline:none}.popup-text-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #6148ff1a;background:#fff}.popup-text-input::-moz-placeholder{color:#6148ff80;font-style:italic}.popup-text-input::placeholder{color:#6148ff80;font-style:italic}.popup-text-counter{font-size:.875rem;color:#6148ffb3;text-align:right;font-weight:500}.popup-actions{display:flex;gap:1rem;padding:1rem 1.5rem 1.5rem;justify-content:flex-end}.popup-cancel-btn{padding:.75rem 1.5rem;background:#6c757d1a;color:#6c757d;border:2px solid rgba(108,117,125,.3);border-radius:8px;font-family:var(--fontLineSeed);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.375rem}.popup-cancel-btn:hover{background:#6c757d33;border-color:#6c757d;transform:translateY(-1px)}.popup-submit-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#6148ff,#4f3ae6);color:#fff;border:none;border-radius:8px;font-family:var(--fontLineSeed);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.375rem;box-shadow:0 4px 12px #6148ff4d}.popup-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #6148ff66;background:linear-gradient(135deg,#4f3ae6,#3d2ccc)}.popup-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes popupOverlayAppear{0%{opacity:0}to{opacity:1}}@keyframes popupModalAppear{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes startTypingAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes answerAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.text-popup-modal{margin:.5rem;max-height:85vh}.popup-header{padding:1rem 1rem .75rem}.popup-content{padding:1rem}.popup-text-input{min-height:100px;padding:.875rem;font-size:.9rem}.popup-actions{padding:.75rem 1rem 1rem;flex-direction:column}.popup-cancel-btn,.popup-submit-btn{width:100%;justify-content:center}}.voice-input-container{width:100%;display:flex;flex-direction:column;gap:.75rem}.start-voice-btn{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#6148ff,#4f3ae6);color:#fff;border:none;border-radius:12px;font-family:var(--fontLineSeed);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #6148ff4d;animation:startVoiceAppear .6s ease-out}.start-voice-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6148ff66;background:linear-gradient(135deg,#4f3ae6,#3d2ccc)}.voice-recorder-container{width:100%;padding:1.5rem;background:#ffffffe6;border-radius:12px;border:2px solid rgba(97,72,255,.2);display:flex;flex-direction:column;gap:1rem;animation:recorderAppear .6s ease-out}.recorder-status{display:flex;align-items:center;gap:1rem}.recording-indicator{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;transition:all .3s ease;animation:recordingPulse 2s ease-in-out infinite}.recording-indicator.ready{background:linear-gradient(135deg,#6148ff,#4f3ae6)}.recording-indicator.recording{background:linear-gradient(135deg,#e74c3c,#c0392b);animation:recordingPulse 1s ease-in-out infinite}.recording-info{display:flex;flex-direction:column;gap:.25rem}.recording-time{font-family:var(--fontLineSeed);font-size:1.5rem;font-weight:700;color:#333}.recording-status{font-family:var(--fontLineSeed);font-size:.875rem;color:#666;font-weight:500}.recorder-controls{display:flex;justify-content:center}.start-recording-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#27ae60,#229954);color:#fff;border:none;border-radius:8px;font-family:var(--fontLineSeed);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #27ae604d}.start-recording-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #27ae6066;background:linear-gradient(135deg,#229954,#1e8449)}.stop-recording-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:8px;font-family:var(--fontLineSeed);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #e74c3c4d}.stop-recording-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #e74c3c66;background:linear-gradient(135deg,#c0392b,#a93226)}.voice-answer-display{width:100%;display:flex;flex-direction:column;gap:.75rem}.voice-answer-content{padding:1rem;background:#ffffffe6;border-radius:12px;border:2px solid rgba(97,72,255,.2);animation:voiceAnswerAppear .6s ease-out}.audio-controls{display:flex;align-items:center;gap:1rem}.play-btn{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#6148ff,#4f3ae6);color:#fff;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 4px 12px #6148ff4d}.play-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #6148ff66}.play-btn:active{transform:scale(.95)}.audio-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.audio-duration{font-family:var(--fontLineSeed);font-size:1rem;font-weight:600;color:#333}.audio-status{font-family:var(--fontLineSeed);font-size:.875rem;color:#666;font-weight:500}.re-record-btn{align-self:flex-end;padding:.5rem 1rem;background:#e74c3c1a;color:#e74c3c;border:2px solid rgba(231,76,60,.3);border-radius:8px;font-family:var(--fontLineSeed);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.375rem}.re-record-btn:hover{background:#e74c3c33;border-color:#e74c3c;transform:translateY(-1px)}@keyframes startVoiceAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes recorderAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes recordingPulse{0%,to{transform:scale(1);box-shadow:0 0 #6148ffb3}50%{transform:scale(1.05);box-shadow:0 0 0 8px #6148ff00}}@keyframes voiceAnswerAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.voice-recorder-container{padding:1rem}.recording-indicator{width:50px;height:50px;font-size:1.25rem}.recording-time{font-size:1.25rem}.start-recording-btn,.stop-recording-btn{padding:.625rem 1.25rem;font-size:.8rem}.play-btn{width:45px;height:45px;font-size:1.1rem}.audio-duration{font-size:.9rem}.audio-status{font-size:.8rem}}.prompt-image:hover{transform:scale(1.02);box-shadow:0 6px 20px #00000026}.image-choice-carousel{position:relative;margin-top:.5rem;overflow:hidden;border-radius:16px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;width:100%}.image-choice-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);gap:1rem}.image-choice-option{flex:0 0 auto;width:180px;cursor:pointer;transition:all .3s ease;border-radius:12px;overflow:hidden;background:#ffffffe6;border:2px solid rgba(97,72,255,.1);animation:imageChoiceAppear .6s ease-out;position:relative}.image-choice-option:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 30px #6148ff40;border-color:#6148ff66}.image-choice-option.selected{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e33;transform:translateY(-2px)}.image-choice-option.selected:before{content:"✓";position:absolute;top:8px;right:8px;background:#22c55e;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;z-index:10;animation:checkmarkAppear .3s ease-out}.carousel-nav{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem}.carousel-btn{width:40px;height:40px;border-radius:50%;background:#6148ff1a;border:2px solid rgba(97,72,255,.3);color:#6148ff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.carousel-btn:hover{background:#6148ff33;border-color:#6148ff;transform:scale(1.1)}.carousel-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.carousel-dots{display:flex;gap:.5rem}.carousel-dot{width:8px;height:8px;border-radius:50%;background:#6148ff4d;cursor:pointer;transition:all .3s ease}.carousel-dot.active{background:#6148ff;transform:scale(1.2)}.carousel-dot:hover{background:#6148ff99}.image-description{font-size:.875rem;color:#666;text-align:center;font-style:italic;padding:.5rem;background:#6148ff0d;border-radius:6px}.prompt-input-container{width:100%;display:flex;flex-direction:column;gap:.75rem}.create-prompt-btn{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border:none;border-radius:12px;font-family:var(--fontLineSeed);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #f39c124d;animation:createPromptAppear .6s ease-out}.create-prompt-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f39c1266;background:linear-gradient(135deg,#e67e22,#d35400)}.prompt-answer-display{width:100%;display:flex;flex-direction:column;gap:.75rem}.prompt-answer-content{padding:1rem;background:#ffffffe6;border-radius:12px;border:2px solid rgba(243,156,18,.2);font-family:var(--fontLineSeed);font-size:1rem;line-height:1.5;color:#333;min-height:60px;word-wrap:break-word;white-space:pre-wrap;animation:promptAnswerAppear .6s ease-out}.edit-prompt-btn{align-self:flex-end;padding:.5rem 1rem;background:#f39c121a;color:#f39c12;border:2px solid rgba(243,156,18,.3);border-radius:8px;font-family:var(--fontLineSeed);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.375rem}.edit-prompt-btn:hover{background:#f39c1233;border-color:#f39c12;transform:translateY(-1px)}.prompt-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:popupOverlayAppear .3s ease-out}.prompt-popup-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;animation:popupModalAppear .4s ease-out}.popup-prompt-input{min-height:200px;padding:1rem;border-radius:12px;background:#18181b;font-family:var(--fontLineSeed);font-size:1rem;line-height:1.5;resize:vertical;transition:all .3s ease;outline:none}.popup-prompt-input:focus{border-color:#f39c12;box-shadow:0 0 0 3px #f39c121a;background:#fff}.popup-prompt-input::-moz-placeholder{color:#f39c1280;font-style:italic}.popup-prompt-input::placeholder{color:#f39c1280;font-style:italic}.popup-prompt-counter{font-size:.875rem;color:#f39c12b3;text-align:right;font-weight:500}@keyframes createPromptAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes promptAnswerAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.image-description{font-size:.75rem;padding:.25rem}.prompt-popup-modal{margin:.5rem;max-height:85vh}.popup-prompt-input{width:100%;min-height:150px;padding:.875rem;font-size:.9rem}.create-prompt-btn{padding:.875rem 1.25rem;font-size:.9rem}.prompt-answer-content{padding:.875rem;font-size:.9rem}}.image-choice-container{width:100%;display:flex;flex-direction:column;gap:.75rem}.image-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:.5rem}.image-choice-option{cursor:pointer;transition:all .3s ease;border-radius:12px;overflow:hidden;background:#ffffffe6;border:2px solid rgba(97,72,255,.1);animation:imageChoiceAppear .6s ease-out}.image-choice-option:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6148ff33;border-color:#6148ff4d}.choice-image-container{position:relative;width:100%;height:120px;overflow:hidden}.choice-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s ease}.image-choice-option:hover .choice-image{transform:scale(1)}.choice-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#6148ffcc,#4f3ae6cc);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.image-choice-option:hover .choice-overlay{opacity:1}.choice-label{color:#fff;font-family:var(--fontLineSeed);font-size:1.25rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.choice-description{padding:.75rem;font-family:var(--fontLineSeed);font-size:.875rem;color:#666;text-align:center;line-height:1.4}.image-choice-display{width:100%;display:flex;flex-direction:column;gap:.75rem}.selected-image-info{padding:1rem;background:#ffffffe6;border-radius:12px;border:2px solid rgba(34,197,94,.2);animation:imageChoiceDisplayAppear .6s ease-out}.selected-image-label{font-family:var(--fontLineSeed);font-size:1rem;font-weight:600;color:#059669;margin-bottom:.5rem}.choice-reason-content{font-family:var(--fontLineSeed);font-size:.9rem;line-height:1.5;color:#333;word-wrap:break-word;white-space:pre-wrap}.image-choice-actions{display:flex;gap:.75rem;justify-content:flex-end}.re-choose-btn{padding:.5rem 1rem;background:#ef44441a;color:#ef4444;border:2px solid rgba(239,68,68,.3);border-radius:8px;font-family:var(--fontLineSeed);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.375rem}.re-choose-btn:hover{background:#ef444433;border-color:#ef4444;transform:translateY(-1px)}.edit-reason-btn{padding:.5rem 1rem;background:#22c55e1a;color:#059669;border:2px solid rgba(34,197,94,.3);border-radius:8px;font-family:var(--fontLineSeed);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.375rem}.edit-reason-btn:hover{background:#22c55e33;border-color:#059669;transform:translateY(-1px)}.reason-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:popupOverlayAppear .3s ease-out}.reason-popup-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;animation:popupModalAppear .4s ease-out}.selected-choice-info{padding:.75rem;background:#22c55e1a;border-radius:8px;margin-bottom:1rem;color:#059669;font-family:var(--fontLineSeed)}.popup-reason-input{width:100%;min-height:150px;padding:1rem;border:2px solid rgba(34,197,94,.2);border-radius:12px;background:#ffffffe6;font-family:var(--fontLineSeed);font-size:1rem;line-height:1.5;color:#333;resize:vertical;transition:all .3s ease;outline:none}.popup-reason-input:focus{border-color:#059669;box-shadow:0 0 0 3px #22c55e1a;background:#fff}.popup-reason-input::-moz-placeholder{color:#22c55e80;font-style:italic}.popup-reason-input::placeholder{color:#22c55e80;font-style:italic}.popup-reason-counter{font-size:.875rem;color:#22c55eb3;text-align:right;font-weight:500}@keyframes imageChoiceAppear{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes imageChoiceDisplayAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.image-choice-carousel{padding:.75rem;margin-top:.25rem}.image-choice-track{gap:.75rem}.image-choice-option{width:140px}.choice-image-container{height:100px}.choice-label{font-size:.875rem}.choice-description{padding:.5rem;font-size:.75rem}.carousel-nav{gap:.75rem;margin-top:.75rem}.carousel-btn{width:36px;height:36px;font-size:1rem}.carousel-dot{width:6px;height:6px}.image-choice-actions{flex-direction:column;gap:.5rem}.re-choose-btn,.edit-reason-btn{padding:.375rem .75rem;font-size:.8rem}.reason-popup-modal{margin:.5rem;max-height:85vh}.popup-reason-input{min-height:120px;padding:.875rem;font-size:.9rem}.selected-image-info{padding:.875rem}.selected-image-label{font-size:.9rem}.choice-reason-content{font-size:.85rem}}.questions-carousel-container{height:100vh;position:relative;overflow:hidden}.carousel-question-page{width:100%;min-height:80vh;height:80%;display:flex;flex-direction:column;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;padding-bottom:8vh;padding-top:1rem}.multiple-conversation-flow{width:100%;display:flex;flex-direction:column;gap:1rem;padding-bottom:2rem}.multiple-conversation-flow::-webkit-scrollbar{width:6px}.multiple-conversation-flow::-webkit-scrollbar-track{background:transparent}.multiple-conversation-flow::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.multiple-conversation-flow::-webkit-scrollbar-thumb:hover{background:#ffffff80}.carousel-question-page::-webkit-scrollbar{width:6px}.carousel-question-page::-webkit-scrollbar-track{background:transparent}.carousel-question-page::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.carousel-question-page::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width: 768px){.questions-carousel-container{height:100vh;overflow:auto}.carousel-question-page{min-height:80vh;height:-moz-fit-content;height:fit-content}.option-buttons{margin-bottom:3rem;padding-bottom:2rem}}.chat-container::-webkit-scrollbar{width:4px}.chat-container::-webkit-scrollbar-track{background:transparent}.chat-container::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.chat-container::-webkit-scrollbar-thumb:hover{background:#0000004d}.option-buttons{scroll-behavior:smooth}.multiple-conversation-flow{display:flex;flex-direction:column}.conversation-group{margin-bottom:1rem;animation:fadeInUp .3s ease-out}.current-question-highlight .message-bubble{box-shadow:0 0 20px #4a90e24d;border:2px solid #4a90e2}.multiple-question-placeholder{display:none}.sub-question-progress{margin-top:.5rem;font-size:.875rem;opacity:.7;text-align:center;font-weight:var(--fontBold);color:#fff;display:flex;flex-direction:column;gap:.25rem}.waiting-answer{font-size:.75rem;opacity:.8;color:#ffdf3f;font-weight:400;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.8}50%{opacity:.4}}.sub-question-response,.previous-answer-container{display:flex;flex-direction:column;gap:.5rem}.previous-answer-edit-control{display:flex;margin-left:auto}.previous-answer-icon{width:20px;height:20px;-o-object-fit:contain;object-fit:contain;margin-top:auto;margin-bottom:auto;margin-right:8px}.previous-answer-edit-text{font-size:14px;font-weight:var(--fontMedium);color:#fff;margin-top:auto;margin-bottom:auto}.previous-answer{border-radius:25px 0 25px 25px;background:#18181b;padding:16px;display:flex;width:-moz-fit-content;width:fit-content;margin-left:auto}.answer-label{font-weight:600;color:#4a90e2;margin-right:.5rem}.answer-text{color:#fff;text-align:right;margin-left:auto;font-weight:var(--fontMedium);font-size:14px;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;max-width:100%}.transition-effect{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.send-button{display:flex;align-items:center;justify-content:center;min-width:44px}.send-button[aria-label=Next]{font-weight:600;padding:12px 20px}.loading-page{max-width:100vw;min-height:100vh;display:flex;flex-direction:column;height:100vh;overscroll-behavior:none;padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.footer-svg{width:auto;margin-top:24px;height:24px;-o-object-fit:contain;object-fit:contain;margin-left:auto;margin-right:auto}.container-fluid-loading{padding-left:0!important;padding-right:0!important;padding-bottom:0!important;overflow:hidden;display:flex;flex-direction:column;max-width:522px!important;margin-left:auto;margin-right:auto}.head-title{font-weight:var(--fontExtraBold);letter-spacing:.05em;font-size:38px;line-height:1.2em;color:#fff;text-align:center}.powered-by-text{font-weight:var(--fontRegular);letter-spacing:.05em;font-size:14px;color:#fff;text-align:center;margin-bottom:17px}.mascot-control-loading{margin-top:auto;display:flex;width:100%;height:auto;text-align:center;z-index:10;position:relative;align-items:center;justify-content:center}.hair-red-left{width:54px;height:auto;position:absolute;left:0;margin-top:-20vh;margin-left:12vw;top:0;-o-object-fit:contain;object-fit:contain}.hair-red-right{width:34px;height:auto;position:absolute;right:0;margin-right:5vw;margin-top:-15vh;top:0;-o-object-fit:contain;object-fit:contain}.mascot-img-loading{margin-top:auto;scale:1.7;z-index:10;-o-object-fit:contain;object-fit:contain;margin-bottom:-25vh;animation:mascotRotate 12s linear infinite}.mascot-face-img-loading{width:100px;height:auto;top:0;z-index:11;position:absolute}.star-green-loading{position:absolute;width:30px;height:40px;-o-object-fit:contain;object-fit:contain;top:0;margin-right:10vw;right:0;margin-top:-25vh}.star-pink-loading{position:absolute;width:56px;height:auto;-o-object-fit:contain;object-fit:contain;margin-top:-34vh;margin-left:13vw;top:0;left:0}@supports (-webkit-touch-callout: none){.loading-page{height:-webkit-fill-available;min-height:-webkit-fill-available}.mascot-img-loading{margin-bottom:-35vh}}.process-result-page{max-width:100vw;height:100vh;min-height:100vh;display:flex;flex-direction:column;overscroll-behavior:none;padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background-image:url(/assets/bg-main-CNCLmkfa.jpg);-webkit-overflow-scrolling:touch;background-size:cover;background-position:center center;background-repeat:no-repeat}.container-fluid-process-result{padding-left:0!important;padding-right:0!important;padding-bottom:0!important;overflow:hidden;display:flex;flex-direction:column}.process-result-bottom-control{margin-top:auto;display:flex;flex-direction:column}.mascot-control-process-result{display:flex;justify-content:center;width:240px;margin-top:10vh;margin-left:auto;flex-direction:column;position:relative;margin-right:auto;max-width:522px!important}.mascot-img-process-result{width:320px;height:auto;position:relative;-o-object-fit:contain;object-fit:contain;animation:bounceIn 2s ease-in-out infinite}@keyframes bounceIn{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes blink1{0%,95%{opacity:1}96%,99%{opacity:.3}to{opacity:1}}@keyframes blink2{0%,90%{opacity:1}91%,97%{opacity:.2}98%,to{opacity:1}}@keyframes blink3{0%,85%{opacity:1}86%,94%{opacity:.4}95%,to{opacity:1}}@keyframes blink4{0%,88%{opacity:1}89%,93%{opacity:.1}94%,to{opacity:1}}@keyframes blink5{0%,92%{opacity:1}93%,96%{opacity:.5}97%,to{opacity:1}}@keyframes blink6{0%,87%{opacity:1}88%,95%{opacity:.3}96%,to{opacity:1}}.mascot-img-process-result-shadow{width:150px;height:auto;margin-top:36px;margin-left:auto;margin-right:auto}.logo-white{width:36px;height:36px;-o-object-fit:contain;object-fit:contain;margin-top:2vh;margin-left:auto;margin-right:auto;margin-bottom:17px}.head-title-process-result{font-weight:var(--fontExtraBold);letter-spacing:.05em;font-size:24px;line-height:1.2em;color:#fff;text-align:center}.head-title-process-result-2{font-weight:var(--fontExtraBold);letter-spacing:.05em;font-size:18px;line-height:1.2em;color:#fff;text-align:center}.powered-by-text-process-result{display:inline-flex;justify-content:center;font-weight:var(--fontRegular);letter-spacing:.05em;font-size:10px;color:#fff;text-align:center;margin-top:10px}.process-result-text{font-weight:var(--fontBold);letter-spacing:.05em;font-size:18px;margin-top:24px;width:80%;line-height:1.2em;margin-left:auto;margin-right:auto;color:#fff}.powered-by-text-process-result-text{margin-top:auto;margin-bottom:auto}.powered-by-text-process-result-logo{width:48px;margin:auto 4px;height:auto;-o-object-fit:contain;object-fit:contain}.mascot-img-process-result-hair-left{width:24px;height:auto;position:absolute;left:0;bottom:0;margin-bottom:8vh;margin-left:-4vw;-o-object-fit:contain;object-fit:contain;animation:blink1 3s ease-in-out infinite;animation-delay:.2s}.mascot-img-process-result-hair-right{width:34px;height:auto;position:absolute;right:0;bottom:0;margin-bottom:10vh;margin-right:-6vw;-o-object-fit:contain;object-fit:contain;animation:blink2 3s ease-in-out infinite;animation-delay:.8s}.mascot-img-process-result-star-pink{width:24px;height:auto;position:absolute;left:0;top:0;margin-top:-3vw;-o-object-fit:contain;object-fit:contain;animation:blink3 3s ease-in-out infinite;animation-delay:1.4s}.mascot-img-process-result-star-green{width:20px;height:auto;position:absolute;right:0;top:0;margin-top:-3vh;margin-right:-5vw;-o-object-fit:contain;object-fit:contain;animation:blink4 3s ease-in-out infinite;animation-delay:2.1s}.mascot-img-process-result-hair-yellow{width:18px;height:auto;position:absolute;right:0;margin-right:-1vw;margin-top:2vh;top:0;-o-object-fit:contain;object-fit:contain;animation:blink5 3s ease-in-out infinite;animation-delay:2.5s}.mascot-img-process-result-hair-yellow-star{width:34px;height:auto;position:absolute;right:0;margin-right:-7vw;margin-top:5vh;top:0;-o-object-fit:contain;object-fit:contain;animation:blink6 3s ease-in-out infinite;animation-delay:.6s}.star-green-process-result{position:absolute;width:30px;height:40px;-o-object-fit:contain;object-fit:contain;top:0;margin-right:10vw;right:0;margin-top:-25vh}.star-pink-process-result{position:absolute;width:56px;height:auto;-o-object-fit:contain;object-fit:contain;margin-top:-34vh;margin-left:13vw;top:0;left:0}.star-white{position:absolute;width:8px;height:auto;-o-object-fit:contain;object-fit:contain;margin-left:8vw;top:0;left:0;animation:starBlink 1.8s ease-in-out infinite;animation-delay:1.2s}@keyframes mascotFloat{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes mascotRotate{0%{transform:translate(0) rotate(0)}to{transform:translate(0) rotate(360deg)}}@keyframes starBlink{0%{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.5;transform:scale(1.1) rotate(180deg)}to{opacity:1;transform:scale(1) rotate(360deg)}}@supports (-webkit-touch-callout: none){.process-result-page{height:-webkit-fill-available;min-height:-webkit-fill-available}}.result-page{max-width:100vw;min-height:100vh;display:flex;flex-direction:column;height:100vh;overscroll-behavior:none;padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background-image:url(/assets/bg-main-CNCLmkfa.jpg);-webkit-overflow-scrolling:touch;min-height:100svh;height:auto;background-size:cover;background-position:center center;background-repeat:no-repeat}.result-unlock-control-img{position:relative;display:flex;margin-top:48px;flex-direction:column;filter:blur(8px);opacity:.7;z-index:1}.result-unlock-control-img-item{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;margin-bottom:16px}.container-fluid-quiz{padding-left:0!important;padding-right:0!important;padding-bottom:0!important;overflow:hidden;display:flex;flex-direction:column}@supports (-webkit-touch-callout: none){.result-page{height:-webkit-fill-available;min-height:-webkit-fill-available}}.matrix-current-persona{background:#ffffff80!important;border-radius:12px;position:relative;transform:scale(1.1);border:1px solid #ffffff;transition:all .3s ease;box-shadow:0 4px 12px #60e06066}.matrix-persona-icon{width:70px;height:70px;-o-object-fit:contain;object-fit:contain;border-radius:25px;padding:6px;transition:all .3s ease;cursor:pointer}.matrix-persona-icon:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.matrix-cell.matrix-icon{display:flex;align-items:center;justify-content:center;min-height:60px;transition:all .3s ease}.matrix-cell.matrix-icon:hover{background:#ffffff1a;border-radius:8px}.pillar-score{margin:8px 0;text-align:center}.pillar-score-value{display:inline-block;padding:4px 12px;border-radius:16px;font-weight:700;font-size:14px;font-family:var(--fontLineSeed)}.score-high{background:#60e060;color:#fff}.score-medium{background:#ffb040;color:#fff}.score-low{background:#ff6b6b;color:#fff}.score-very-low{background:#9ca3af;color:#fff}.result-header{display:flex;align-items:center;padding:1rem;position:relative;z-index:10;padding-top:max(env(safe-area-inset-top),1rem)}.result-header .result-header-left{text-align:left}.result-header .result-header-left .icon{width:30px;height:30px;color:#fff;margin-right:10px}.result-header .result-header-center{font-family:var(--fontLineSeed);text-align:center;color:#fff;font-size:14px;font-weight:var(--fontMedium);flex:1}.result-header .result-header-right{display:flex;align-items:center;justify-content:flex-end}.regenerate-button:hover:not(:disabled){background-color:#3a1bb8!important;transform:translateY(-1px);box-shadow:0 4px 8px #4a25e14d}.result-container{display:flex;flex-direction:column;width:100%;height:100%;padding:14px}.result-type-control{border-radius:0 25px 25px;background:#fff;width:100%;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center}.result-type-icon-control{width:70%;position:relative;display:flex;margin-left:auto;margin-right:auto}.result-type-icon{width:150px;height:auto;-o-object-fit:contain;object-fit:contain;margin-left:auto;margin-right:auto}.result-type-star-1{width:40px;height:auto;-o-object-fit:contain;object-fit:contain;margin-left:auto;margin-right:auto;position:absolute;top:0;left:0;margin-left:5vw;margin-top:2vh}.result-type-star-2{width:20px;height:auto;-o-object-fit:contain;object-fit:contain;margin-left:auto;margin-right:auto;position:absolute;top:0;left:0;margin-top:8vh;margin-left:-5vw}.result-type-star-3{width:30px;height:auto;-o-object-fit:contain;object-fit:contain;margin-left:auto;margin-right:auto;position:absolute;bottom:0;left:0;margin-bottom:2vh;margin-left:-2vw}.result-type-star-4{width:15px;height:auto;-o-object-fit:contain;object-fit:contain;margin-left:auto;margin-right:auto;position:absolute;bottom:0;right:0;margin-bottom:2vh;margin-right:4vw}.result-type-star-5{width:31px;height:auto;-o-object-fit:contain;object-fit:contain;margin-left:auto;margin-right:auto;position:absolute;top:0;right:0;margin-top:4vh}.result-type-star-6{width:15px;height:auto;-o-object-fit:contain;object-fit:contain;margin-left:auto;margin-right:auto;position:absolute;top:0;right:0;margin-right:10vw}.result-type-header{font-family:var(--fontPlayfair);font-weight:var(--playfairExtraBold);font-size:24px;line-height:1.2em;color:#000;text-align:center;margin-top:24px}.result-type-sub-header{font-family:var(--fontLineSeed);font-size:14px;background:linear-gradient(90deg,#4b38ec,#7d6ffa);background-clip:text;font-weight:var(--fontMedium);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.result-type-description{font-family:var(--fontLineSeed);font-size:14px;font-weight:var(--fontRegular);color:#6148ff;text-align:center;margin-top:8px}.result-collaboration-control{margin-top:24px;padding:24px 12px;flex-direction:column;align-items:flex-start;gap:15px;width:100%;border-radius:0 25px 25px;background:#ffffff26}.result-collaboration-item{display:flex;flex-direction:column}.result-collaboration-item-header{display:flex}.result-collaboration-item-icon{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;margin-right:6px}.result-collaboration-item-header-text{font-family:var(--fontLineSeed);font-size:14px;font-weight:var(--fontBold);color:#fff;text-align:left}.result-collaboration-item-description{display:flex;margin-top:14px;margin-bottom:14px}.result-collaboration-item-description-text-control{display:flex;flex-direction:column}.result-collaboration-item-description-text-img{width:80px;height:auto;-o-object-fit:contain;object-fit:contain;margin-right:8px}.result-collaboration-item-description-text-bold{font-family:var(--fontLineSeed);font-size:14px;font-weight:var(--fontBold);color:#fff;text-align:left}.result-collaboration-item-description-text{font-family:var(--fontLineSeed);font-size:14px;font-weight:var(--fontRegular);color:#fff;text-align:left}.result-analysis-control{margin-top:24px;display:flex;flex-direction:column}.result-analysis-header{font-family:var(--fontLineSeed);font-size:18px;font-weight:var(--fontBold);color:#fff;text-align:center;text-transform:uppercase}.result-analysis-description{font-family:var(--fontLineSeed);font-size:14px;font-weight:var(--fontRegular);color:#fff;text-align:center}.result-analysis-graph-control{margin-top:20px;display:flex;justify-content:center}.result-mascot-control{display:flex;width:100%;margin-top:24px}.result-mascot-bubble-control{display:flex;flex-direction:column;margin-left:auto;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;margin-right:auto;border-radius:25px 25px 25px 0;background:#ffffff26;padding:16px;justify-content:start}.result-mascot-bubble-text{font-family:var(--fontLineSeed);font-size:14px;font-weight:var(--fontBold);color:#fff;text-align:left;line-height:1.2em}.result-mascot-bubble-text-bold{font-family:var(--fontLineSeed);font-size:16px;font-weight:var(--fontExtraBold);color:#fff;line-height:1.2em;text-align:left}.result-mascot-img-control{display:flex;flex-direction:column;margin-left:auto;margin-right:auto}.result-unlock{display:flex;flex-direction:column;position:relative}.result-mascot-img{width:150px;height:auto;-o-object-fit:contain;object-fit:contain;animation:mascotFloat 3s ease-in-out infinite}.result-unlock-control{display:flex;flex-direction:column;margin:auto;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;position:absolute;top:0;left:0;right:0;bottom:0;z-index:999999}.result-unlock-header-text{font-family:var(--fontLineSeed);font-size:18px;font-weight:var(--fontBold);color:#fff;text-align:center;line-height:1.5em}.result-unlock-button{font-family:var(--fontLineSeed);display:flex;border-radius:28px;background:#000;font-size:18px;color:#fff;padding:18px 44px;font-weight:var(--fontBold);margin-top:24px;text-align:center;justify-content:center;width:100%;height:-moz-fit-content;height:fit-content;margin-left:auto;margin-right:auto}.result-unlock-button-icon{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;margin-right:8px}.result-bottom-control{margin-top:24px}@keyframes mascotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.result-mascot-img-shadow{width:25vw;height:auto;margin-left:auto;margin-right:auto;margin-top:16px;-o-object-fit:contain;object-fit:contain}.radar-chart-container{max-width:400px;width:100%;height:300px;padding:20px;background:#4a47e0;border-radius:20px;border:2px solid rgba(96,224,96,.3);position:relative;box-shadow:0 4px 15px #4a47e04d;display:flex;align-items:center;justify-content:center}.radar-chart-container canvas{background:transparent}.result-analysis-graph-item-control{margin-top:30px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1200px;margin-left:auto;margin-right:auto}.pillar-info-box{background-color:#ffffff15;border-radius:25px;position:relative;padding:20px;display:flex;align-items:flex-start;width:100%;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pillar-icon{width:40px;height:40px;background:#60e060;border-radius:50%;margin-top:-25px;display:flex;align-items:center;position:absolute;justify-content:center;flex-shrink:0}.pillar-letter{font-family:var(--fontLineSeed);color:#fff;font-size:20px;font-weight:var(--fontBold);text-align:left;line-height:1}.pillar-content{flex:1;min-width:0}.pillar-title{font-family:var(--fontLineSeed);color:#60e060;font-size:24px;margin-top:24px;text-align:left;font-weight:var(--fontBold);line-height:1.3}.pillar-descriptions{display:flex;flex-direction:column;gap:6px;margin-top:12px}.pillar-description-item{font-family:var(--fontLineSeed);color:#fff;font-size:13px;font-weight:var(--fontRegular);line-height:1.4;text-align:left}.pillar-quote{font-family:var(--fontLineSeed);color:#fffc;font-size:13px;font-weight:var(--fontRegular);font-style:italic;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.2);line-height:1.3}@media (max-width: 768px){.result-analysis-graph-item-control{grid-template-columns:1fr;gap:16px;width:100%}.pillar-info-box{padding:16px;gap:12px;width:100%}.pillar-icon{width:36px;height:36px}.pillar-letter{font-size:18px}.pillar-title{font-size:24px}.pillar-description-item,.pillar-quote{font-size:12px}}@media (max-width: 480px){.result-analysis-graph-item-control{margin-top:20px;gap:12px;padding:0 10px}.pillar-info-box{padding:14px;gap:10px}.pillar-icon{width:32px;height:32px}.pillar-letter{font-size:16px}.pillar-title{font-size:18px;margin-bottom:4px}.pillar-descriptions{gap:4px}.pillar-description-item,.pillar-quote{font-size:13px}}.radar-label-p{top:10px;left:50%;transform:translate(-50%)}.radar-label-r{top:50%;left:10px;transform:translateY(-50%)}.radar-label-i{top:10px;left:50%;transform:translate(-50%)}.radar-label-m{top:50%;right:10px;transform:translateY(-50%)}.radar-label-a{bottom:10px;left:50%;transform:translate(-50%)}.radar-label-l{top:50%;right:10px;transform:translateY(-50%)}.radar-grid{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.radar-data-area{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.radar-point{position:absolute;width:8px;height:8px;border-radius:50%;z-index:5}.radar-point.openness{background-color:#60e060;border:2px solid #60E060}.radar-point.capability{background-color:#ffb040;border:2px solid #FFB040}.radar-legend{display:flex;justify-content:center;gap:20px;margin-top:20px}.legend-item{display:flex;align-items:center;gap:8px}.legend-marker{width:12px;height:12px;border-radius:50%}.legend-marker.openness{background-color:#60e060;border:2px solid #60E060}.legend-marker.capability{background-color:#ffb040;border:2px solid #FFB040}.legend-text{font-family:var(--fontLineSeed);font-size:14px;font-weight:var(--fontRegular);color:#fff}.result-matrix-control{margin-top:24px;display:flex;flex-direction:column}.result-matrix-header{font-family:var(--fontLineSeed);font-size:18px;font-weight:var(--fontBold);color:#fff;text-align:center;text-transform:uppercase}.result-matrix-grid-control{margin:10px auto}.matrix-grid{display:grid;grid-template-columns:80px repeat(4,1fr);grid-template-rows:repeat(5,1fr);gap:8px;border-radius:20px}.matrix-cell{font-family:var(--fontLineSeed);background:#ff81ef;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;height:-moz-fit-content;height:fit-content;margin-top:auto;margin-bottom:auto;font-weight:var(--fontBold);font-size:11px;text-transform:uppercase;color:#fff;letter-spacing:.5px}.matrix-combo-header{font-family:var(--fontLineSeed);font-size:8px;font-weight:var(--fontBold);background:transparent;color:#fff;text-align:center}.matrix-header{font-family:var(--fontLineSeed);font-weight:var(--fontBold);font-size:8px;padding:8px}.matrix-mindset{background:#ff81ef;color:#fff}.matrix-capability{background:#374151cc;color:#fff}.matrix-pioneer{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 15px #8b5cf666}.matrix-icon{background:#ffffff15;min-height:60px;background-size:30px;background-position:center;background-repeat:no-repeat}.matrix-icon:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:8px}.matrix-pioneer-cell{background:linear-gradient(135deg,#7c3aed,#5b21b6);box-shadow:0 4px 15px #7c3aed66}.tiger-icon:before{background-size:cover}.elephant-icon:before{background-size:cover}.fox-icon:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.5"><path d="M2 8L12 14L20 6L14 10"/></svg>');background-size:cover}.dragon-icon:before{background-size:cover;fill:#a855f766}.snake-icon:before{background-size:cover}.dolphin-icon:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.5"><path d="M8 16C14 12 10 4 18 8C12 12 6 16 8 16Z"/></svg>');background-size:cover}.bear-icon:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.5"><path d="M8 20C12 16 16 16 20 20M12 8C10 6 8 8 6 10C8 12 10 12 12 8Z"/></svg>');background-size:cover}.bird-icon:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.5"><path d="M3 8L12 4L21 8L12 12L3 8Z"/></svg>');background-size:cover}.cow-icon:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.5"><path d="M8 20L12 4L16 20M6 8C14 8 18 8 18 16C12 14 12 14 12 20"/></svg>');background-size:cover}.monkey-icon:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.5"><path d="M12 8C8 4 4 8 8 12L12 20L16 12C20 8 16 4 12 8Z"/></svg>');background-size:cover}.horse-icon:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.5"><path d="M6 12L8 8L12 6L18 4L20 8L16 12L18 16L12 18L8 20L6 16L8 12"/></svg>');background-size:cover}.octopus-icon:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.5"><path d="M12 8C8 8 8 16 12 16C16 16 16 8 12 8Z"/></svg>');background-size:cover}.rabbit-icon:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.5"><path d="M8 16C12 8 16 8 20 16C12 20 8 20 8 16Z"/></svg>');background-size:cover}.goat-icon:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.5"><path d="M12 4C8 4 6 6 6 8C6 12 8 14 12 14C16 14 18 12 18 8C18 6 16 4 12 4Z"/></svg>');background-size:cover}.ant-icon:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.5"><path d="M3 12H21M12 3L17 8L12 13L7 8L12 3Z"/></svg>');background-size:cover}.bee-icon:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.5"><path d="M12 4C16 4 18 6 18 10C18 14 16 16 12 16C8 16 6 14 6 10C6 6 8 4 12 4Z"/></svg>');background-size:cover}.pioneer-sparkles{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.sparkle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;animation:sparkle 2s infinite}.sparkle:nth-child(1){top:10%;left:20%;animation-delay:0s}.sparkle:nth-child(2){top:60%;right:30%;animation-delay:.7s}.sparkle:nth-child(3){bottom:20%;left:60%;animation-delay:1.4s}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.matrix-cell:nth-child(1){grid-column:1;grid-row:1}.matrix-cell:nth-child(2){grid-column:2;grid-row:1}.matrix-cell:nth-child(3){grid-column:3;grid-row:1}.matrix-cell:nth-child(4){grid-column:4;grid-row:1}.matrix-cell:nth-child(5){grid-column:5;grid-row:1}.matrix-cell:nth-child(6){grid-column:1;grid-row:2}.matrix-cell:nth-child(7){grid-column:2;grid-row:2}.matrix-cell:nth-child(8){grid-column:3;grid-row:2}.matrix-cell:nth-child(9){grid-column:4;grid-row:2}.matrix-cell:nth-child(10){grid-column:5;grid-row:2}.matrix-cell:nth-child(11){grid-column:1;grid-row:3}.matrix-cell:nth-child(12){grid-column:2;grid-row:3}.matrix-cell:nth-child(13){grid-column:3;grid-row:3}.matrix-cell:nth-child(14){grid-column:4;grid-row:3}.matrix-cell:nth-child(15){grid-column:5;grid-row:3}.matrix-cell:nth-child(16){grid-column:1;grid-row:4}.matrix-cell:nth-child(17){grid-column:2;grid-row:4}.matrix-cell:nth-child(18){grid-column:3;grid-row:4}.matrix-cell:nth-child(19){grid-column:4;grid-row:4}.matrix-cell:nth-child(20){grid-column:5;grid-row:4}.matrix-cell:nth-child(21){grid-column:1;grid-row:5}.matrix-cell:nth-child(22){grid-column:2;grid-row:5}.matrix-cell:nth-child(23){grid-column:3;grid-row:5}.matrix-cell:nth-child(24){grid-column:4;grid-row:5}.matrix-cell:nth-child(25){grid-column:5;grid-row:5}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:25px;padding:32px;max-width:400px;width:90%;display:flex;flex-direction:column;gap:20px;text-align:center;position:relative}.modal-close-button{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:8px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.modal-close-button:hover{background-color:#f0f0f0;color:#333}.modal-close-button:active{background-color:#e0e0e0;transform:scale(.95)}.modal-header{margin-top:48px;font-family:var(--fontLineSeed);font-size:32px;font-weight:var(--fontBold);color:#000}.modal-description{font-family:var(--fontLineSeed);font-size:16px;color:#000;margin:0;line-height:1.4}.modal-input{font-family:var(--fontLineSeed);border-radius:24px;border:1px solid rgba(108,105,113,.25);padding:16px 20px;font-size:16px;outline:none;width:100%;box-sizing:border-box}.mascot-unlock{width:150px;height:auto;-o-object-fit:contain;object-fit:contain;margin-left:auto;position:absolute;left:0;margin-top:-60px;right:0;top:0;margin-right:auto}.modal-input:focus{border-color:#4b38ec}.modal-button{font-family:var(--fontLineSeed);background:#4b38ec;color:#fff;border:none;border-radius:24px;padding:16px 32px;font-size:16px;font-weight:var(--fontBold);cursor:pointer;transition:background-color .3s ease}.modal-button:hover{background:#3a2bc4}.modal-header-text{font-family:var(--fontLineSeed);font-size:32px;font-weight:var(--fontExtraBold);text-transform:uppercase;color:#000;text-align:center;margin-top:48px}.modal-description-text{font-family:var(--fontLineSeed);font-size:16px;color:#000;font-weight:var(--fontBold);margin:0;line-height:1.4;text-align:center}.modal-action-button{font-family:var(--fontLineSeed);background:#18181b;color:#fff;border:none;border-radius:24px;padding:16px 32px;font-size:16px;font-weight:var(--fontBold);cursor:pointer;transition:background-color .3s ease;text-align:center;width:100%}.modal-action-button:hover{background:#3a2bc4}.modal-action-button:disabled{background:#9ca3af;cursor:not-allowed}.modal-action-button-secondary{font-family:var(--fontLineSeed);background:#6b7280;color:#fff}.modal-action-button-secondary:hover{background:#4b5563}.modal-action-button-outline{font-family:var(--fontLineSeed);background:transparent;color:#4b38ec;border:2px solid #4B38EC}.modal-action-button-outline:hover{background:#4b38ec;color:#fff}.modal-action-button-success{font-family:var(--fontLineSeed);background:#60e060;color:#fff}.modal-action-button-success:hover{background:#4caf50}.modal-action-button-warning{font-family:var(--fontLineSeed);background:#ffb040;color:#fff}.modal-action-button-warning:hover{background:#ff9800}.modal-action-button-danger{font-family:var(--fontLineSeed);background:#ff6b6b;color:#fff}.modal-action-button-danger:hover{background:#f44336}.radar-chart-container{position:relative;width:600px;height:400px;display:flex;justify-content:center;align-items:center;margin:0 auto}.custom-radar-labels{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.custom-label{position:absolute;transform:translate(-50%,-50%);font-family:LINESeedSansTH,sans-serif;font-weight:700;font-size:20px;pointer-events:none;z-index:10}#root{max-width:1280px;margin:0 auto;text-align:center;padding-top:0!important}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.container{max-width:768px;height:100%;margin-left:auto;margin-right:auto}.container-fluid{max-width:100%;height:100%;display:flex;flex-direction:column}.main-content{height:100%;margin-top:5%;background-color:#fff;border-top-left-radius:2.5rem;border-top-right-radius:2.5rem;padding:2rem}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@media (min-width: 475px){#root{padding:2.5rem 1.25rem}.card{padding:2.25em}}@media (min-width: 640px){#root{padding:3rem 2rem}.logo{height:7em;padding:1.75em}.card{padding:2.5em}}@media (min-width: 768px){#root{padding:3.5rem 2.5rem}.logo{height:8em;padding:2em}.card{padding:3em}}@media (min-width: 1024px){#root{padding:4rem 3rem}.logo{height:9em;padding:2.25em}.card{padding:3.5em}}@media (min-width: 1280px){#root{padding:4.5rem 3.5rem}.logo{height:10em;padding:2.5em}.card{padding:4em}}.container-xs{max-width:475px;margin:0 auto}.container-sm{max-width:640px;margin:0 auto}.container-md{max-width:768px;margin:0 auto}.container-lg{max-width:1024px;margin:0 auto}.container-xl{max-width:1280px;margin:0 auto}.text-responsive-xs{font-size:.875rem}.text-responsive-sm{font-size:1rem}.text-responsive-md{font-size:1.125rem}.text-responsive-lg{font-size:1.25rem}.text-responsive-xl{font-size:1.5rem}.p-responsive-xs{padding:1rem}.p-responsive-sm{padding:1.5rem}.p-responsive-md{padding:2rem}.p-responsive-lg{padding:2.5rem}.p-responsive-xl{padding:3rem}.m-responsive-xs{margin:1rem}.m-responsive-sm{margin:1.5rem}.m-responsive-md{margin:2rem}.m-responsive-lg{margin:2.5rem}.m-responsive-xl{margin:3rem}.process-result-page{max-width:100vw;height:100vh;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;overscroll-behavior:none;padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background-image:url(/assets/bg-main-CNCLmkfa.jpg);-webkit-overflow-scrolling:touch;background-size:cover;background-position:center center;background-repeat:no-repeat}.container-fluid-process-result{padding-left:0!important;padding-right:0!important;padding-bottom:0!important;overflow:hidden;display:flex;flex-direction:column;height:100%;max-width:522px!important;margin-left:auto;margin-right:auto}.thank-you-content{display:flex;flex-direction:column;justify-content:space-between}.thank-you-form{display:flex;flex-direction:column;margin-top:auto;padding-bottom:20px}.thank-text-control{border-radius:0 25px 25px;background:#ffffff15;padding:16px;margin-top:24px;width:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;height:-moz-fit-content;height:fit-content;margin-left:auto;margin-right:auto;font-size:18px;font-family:var(--fontLineSeed);font-weight:var(--fontBold);color:#fff;text-align:center}.thank-you-input-control{width:90%;margin-left:auto;margin-right:auto;margin-top:24px;border-radius:24px;color:#fff;padding:16px 20px;font-size:16px;font-family:var(--fontLineSeed);font-weight:var(--fontBold);border:1px solid rgba(255,255,255,.24);background:#ffffff26}.thank-you-input-control::-moz-placeholder{color:#fff;font-size:16px;font-family:var(--fontLineSeed);font-weight:var(--fontRegular)}.thank-you-input-control::placeholder{color:#fff;font-size:16px;font-family:var(--fontLineSeed);font-weight:var(--fontRegular)}.thank-you-button{width:90%;margin:16px auto 20px;display:flex;justify-content:center;align-items:center;height:-moz-fit-content;height:fit-content;border-radius:24px;background:#18181b;color:#fff;font-size:16px;font-family:var(--fontLineSeed);font-weight:var(--fontBold);padding:16px 20px}.thank-you-button:hover{background:#3a2bc4}.thank-you-button:active{background:#18181b}.thank-you-button:disabled{background:#9ca3af;cursor:not-allowed}.thank-you-button-icon{width:14px;height:14px;-o-object-fit:contain;object-fit:contain;margin-left:8px}.thank-you-input{width:100%}.mascot-img-thank-hair-left{width:44px;height:auto;position:absolute;right:0;top:0;margin-top:5vh;margin-right:-10vw;-o-object-fit:contain;object-fit:contain;animation:blink1 3s ease-in-out infinite;animation-delay:.2s}.mascot-img-thank-hair-right{width:18px;height:auto;position:absolute;right:0;top:0;margin-top:3vh;margin-right:-3vw;-o-object-fit:contain;object-fit:contain;animation:blink2 3s ease-in-out infinite;animation-delay:.8s}.mascot-img-thank-star-green{width:26px;height:auto;position:absolute;right:0;top:0;margin-top:12vh;margin-right:-8vw;-o-object-fit:contain;object-fit:contain;animation:blink4 3s ease-in-out infinite;animation-delay:2.1s}.mascot-img-thank-hair-yellow{width:22px;height:auto;position:absolute;left:0;bottom:0;margin-bottom:10vh;margin-left:-2vw;-o-object-fit:contain;object-fit:contain;animation:blink5 3s ease-in-out infinite;animation-delay:2.5s}.processing-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.processing-modal{background:#fff;border-radius:20px;padding:40px;max-width:500px;width:90%;text-align:center;box-shadow:0 20px 40px #0000004d;animation:modalSlideIn .3s ease-out}.processing-modal-content h3{color:#18181b;font-family:var(--fontLineSeed);font-weight:var(--fontBold);font-size:24px;margin-bottom:16px}.processing-modal-content p{color:#6b7280;font-family:var(--fontLineSeed);font-weight:var(--fontRegular);font-size:16px;margin-bottom:32px;line-height:1.5}.processing-spinner{margin-bottom:24px;color:#3a2bc4}.processing-steps{display:flex;flex-direction:column;gap:16px;margin-top:24px}.processing-step{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:#f9fafb;border:2px solid transparent;transition:all .3s ease}.processing-step.active{background:#eef2ff;border-color:#3a2bc4}.processing-step .step-icon{font-size:18px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e5e7eb;color:#6b7280;font-weight:700}.processing-step.active .step-icon{background:#3a2bc4;color:#fff}.processing-step span:last-child{font-family:var(--fontLineSeed);font-weight:var(--fontRegular);font-size:14px;color:#6b7280}.processing-step.active span:last-child{color:#3a2bc4;font-weight:var(--fontBold)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mascot-img-process-result{width:250px;height:auto;position:relative;-o-object-fit:contain;object-fit:contain;margin-left:auto;margin-right:auto;animation:bounceIn 2s ease-in-out infinite}.step-progress-bar{width:24px;height:24px;border-radius:50%;background:#e5e7eb;position:relative;overflow:hidden}.progress-fill{width:100%;height:100%;background:#3a2bc4;border-radius:50%;transform:scale(0);transition:transform .3s ease}.progress-fill.animate{animation:progressPulse 1.5s ease-in-out infinite}@keyframes progressPulse{0%{transform:scale(0);opacity:.7}50%{transform:scale(.8);opacity:1}to{transform:scale(0);opacity:.7}}@font-face{font-family:LINESeedSansTH;src:url(/fonts/LINESeedSansTH_Th.ttf) format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:LINESeedSansTH;src:url(/fonts/LINESeedSansTH_Rg.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:LINESeedSansTH;src:url(/fonts/LINESeedSansTH_Bd.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:LINESeedSansTH;src:url(/fonts/LINESeedSansTH_He.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:LINESeedSansTH;src:url(/fonts/LINESeedSansTH_XBd.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Playfair Display;src:url(/fonts/PlayfairDisplay-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Playfair Display;src:url(/fonts/PlayfairDisplay-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Playfair Display;src:url(/fonts/PlayfairDisplay-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Playfair Display;src:url(/fonts/PlayfairDisplay-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Playfair Display;src:url(/fonts/PlayfairDisplay-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}:root{--color-primary-50: #f0f0ff;--color-primary-100: #e0e0ff;--color-primary-200: #c7c7ff;--color-primary-300: #a5a5ff;--color-primary-400: #7d7dff;--color-primary-500: #6148ff;--color-primary-600: #4f3ae6;--color-primary-700: #3d2ccc;--color-primary-800: #2b1eb3;--color-primary-900: #191099;--color-secondary-50: #f8fafc;--color-secondary-100: #f1f5f9;--color-secondary-200: #e2e8f0;--color-secondary-300: #cbd5e1;--color-secondary-400: #94a3b8;--color-secondary-500: #64748b;--color-secondary-600: #475569;--color-secondary-700: #334155;--color-secondary-800: #1e293b;--color-secondary-900: #0f172a;--color-accent-50: #fdf4ff;--color-accent-100: #fae8ff;--color-accent-200: #f5d0fe;--color-accent-300: #f0abfc;--color-accent-400: #e879f9;--color-accent-500: #d946ef;--color-accent-600: #c026d3;--color-accent-700: #a21caf;--color-accent-800: #86198f;--color-accent-900: #701a75;--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-200: #bbf7d0;--color-success-300: #86efac;--color-success-400: #4ade80;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-success-800: #166534;--color-success-900: #14532d;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-300: #fcd34d;--color-warning-400: #fbbf24;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning-800: #92400e;--color-warning-900: #78350f;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-200: #fecaca;--color-error-300: #fca5a5;--color-error-400: #f87171;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-error-800: #991b1b;--color-error-900: #7f1d1d;--color-info-50: #f0f9ff;--color-info-100: #e0f2fe;--color-info-200: #bae6fd;--color-info-300: #7dd3fc;--color-info-400: #38bdf8;--color-info-500: #0ea5e9;--color-info-600: #0284c7;--color-info-700: #0369a1;--color-info-800: #075985;--color-info-900: #0c4a6e;--color-white: #ffffff;--color-black: #000000;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--bg-primary: var(--color-primary-500);--bg-primary-solid: #6148ff;--bg-secondary: var(--color-secondary-100);--bg-accent: var(--color-accent-600);--bg-success: var(--color-success-600);--bg-warning: var(--color-warning-600);--bg-error: var(--color-error-600);--bg-info: var(--color-info-600);--bg-white: var(--color-white);--bg-gray: var(--color-gray-100);--text-primary: var(--color-secondary-900);--text-secondary: var(--color-secondary-600);--text-muted: var(--color-secondary-500);--text-light: var(--color-secondary-400);--text-white: var(--color-white);--text-success: var(--color-success-700);--text-warning: var(--color-warning-700);--text-error: var(--color-error-700);--text-info: var(--color-info-700);--border-primary: var(--color-primary-300);--border-secondary: var(--color-secondary-300);--border-light: var(--color-secondary-200);--border-dark: var(--color-secondary-400);--border-success: var(--color-success-300);--border-warning: var(--color-warning-300);--border-error: var(--color-error-300);--border-info: var(--color-info-300);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-primary: 0 4px 12px rgba(37, 99, 235, .3);--shadow-success: 0 4px 12px rgba(34, 197, 94, .3);--shadow-warning: 0 4px 12px rgba(245, 158, 11, .3);--shadow-error: 0 4px 12px rgba(239, 68, 68, .3);--gradient-primary: linear-gradient(135deg, var(--color-primary-500), var(--color-primary-700));--gradient-secondary: linear-gradient(135deg, var(--color-secondary-100), var(--color-secondary-200));--gradient-accent: linear-gradient(135deg, var(--color-accent-500), var(--color-accent-700));--gradient-success: linear-gradient(135deg, var(--color-success-500), var(--color-success-700));--gradient-warning: linear-gradient(135deg, var(--color-warning-500), var(--color-warning-700));--gradient-error: linear-gradient(135deg, var(--color-error-500), var(--color-error-700));--gradient-info: linear-gradient(135deg, var(--color-info-500), var(--color-info-700));--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-5xl: 3rem;--font-6xl: 3.75rem;--font-primary: "LINESeedSansTH", "Inter", system-ui, sans-serif;--font-secondary: "LINESeedSansTH", "Inter", system-ui, sans-serif;--font-thin: 100;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--fontBold: 700;--fontMedium: 500;--fontRegular: 400;--fontThin: 100;--fontExtraBold: 900;--fontPlayfair: "Playfair Display", serif;--fontLineSeed: "LINESeedSansTH", sans-serif;--playfairRegular: 400;--playfairMedium: 500;--playfairSemiBold: 600;--playfairBold: 700;--playfairExtraBold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}@media (prefers-color-scheme: dark){:root{--bg-primary: var(--color-primary-700);--bg-secondary: var(--color-secondary-800);--text-primary: var(--color-secondary-100);--text-secondary: var(--color-secondary-300);--text-muted: var(--color-secondary-400);--text-light: var(--color-secondary-500);--border-primary: var(--color-primary-600);--border-secondary: var(--color-secondary-600);--border-light: var(--color-secondary-700);--border-dark: var(--color-secondary-500)}}.bg-primary{background-color:var(--bg-primary)}.bg-primary-solid{background-color:var(--bg-primary-solid)}.bg-secondary{background-color:var(--bg-secondary)}.bg-accent{background-color:var(--bg-accent)}.bg-success{background-color:var(--bg-success)}.bg-warning{background-color:var(--bg-warning)}.bg-error{background-color:var(--bg-error)}.bg-info{background-color:var(--bg-info)}.bg-white{background-color:var(--bg-white)}.bg-gray{background-color:var(--bg-gray)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-light{color:var(--text-light)}.text-white{color:var(--text-white)}.text-success{color:var(--text-success)}.text-warning{color:var(--text-warning)}.text-error{color:var(--text-error)}.text-info{color:var(--text-info)}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.border-light{border-color:var(--border-light)}.border-dark{border-color:var(--border-dark)}.border-success{border-color:var(--border-success)}.border-warning{border-color:var(--border-warning)}.border-error{border-color:var(--border-error)}.border-info{border-color:var(--border-info)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-primary{box-shadow:var(--shadow-primary)}.shadow-success{box-shadow:var(--shadow-success)}.shadow-warning{box-shadow:var(--shadow-warning)}.shadow-error{box-shadow:var(--shadow-error)}.gradient-primary{background:var(--gradient-primary)}.gradient-secondary{background:var(--gradient-secondary)}.gradient-accent{background:var(--gradient-accent)}.gradient-success{background:var(--gradient-success)}.gradient-warning{background:var(--gradient-warning)}.gradient-error{background:var(--gradient-error)}.gradient-info{background:var(--gradient-info)}.font-primary{font-family:var(--font-primary)}.font-secondary{font-family:var(--font-secondary)}.font-thin{font-weight:var(--font-thin)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.font-black{font-weight:var(--font-black)}.button-dark{background-color:#18181b;padding:18px 44px;border-radius:28px;font-size:18px;font-weight:var(--fontBold);color:#fff}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{scroll-behavior:smooth;height:100vh;height:-webkit-fill-available;background:transparent}body{font-family:LINESeedSansTH,Inter,system-ui,sans-serif;font-feature-settings:"rlig" 1,"calt" 1;height:100vh;height:-webkit-fill-available;margin:0;padding:0;overscroll-behavior:none;background-color:var(--bg-primary-solid)}#root{height:100vh;height:-webkit-fill-available;min-height:100vh;min-height:-webkit-fill-available;background-color:var(--bg-primary-solid)}.container{width:100%}@media (min-width: 475px){.container{max-width:475px}}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#3b82f6;cursor:pointer;border:3px solid white;box-shadow:0 2px 6px #00000026;-webkit-transition:all .2s ease;transition:all .2s ease}.slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #3b82f666}.slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#3b82f6;cursor:pointer;border:3px solid white;box-shadow:0 2px 6px #00000026;-moz-transition:all .2s ease;transition:all .2s ease}.slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #3b82f666}.collapse{visibility:collapse}.static{position:static}.absolute{position:absolute}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-4{height:1rem}.w-4{width:1rem}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.font-bold{font-weight:700}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}