#page-home .home-container{position:relative;width:100%;height:100%;overflow:hidden}#page-home .home-visual{position:relative;width:100%;height:100%;background-color:#c8bbab}#page-home .home-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to bottom,transparent 0%,transparent 80%,rgba(0,0,0,.5) 100%)}#page-home .image-slider{position:relative;width:100%;height:100%;overflow:hidden}#page-home .slide-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 1.5s ease-in-out;transform:scale(1.05);animation:slowZoom 6s ease-in-out infinite alternate}#page-home .slide-image.active{opacity:1}@keyframes slowZoom{0%{transform:scale(1.05)}to{transform:scale(1.1)}}#page-home .home-visual video{display:none}#page-home .home-title{position:absolute;top:12.2%;left:50%;transform:translate(-50%);width:38.875rem;z-index:10}#page-home .home-start-btn{position:absolute;bottom:9.1%;left:50%;transform:translate(-50%);z-index:10}#start-btn{width:20rem;height:3.75rem}#start-btn .text{background:url(/assets/images/home_start_btn.png) no-repeat center/cover}#page-home .home-notice-text{position:absolute;bottom:3%;left:0;width:100%;z-index:10}#page-home .home-notice-text .text{text-align:center;font-size:1rem;line-height:1.75em;letter-spacing:-.01em;color:#fff;opacity:.7}@media (max-width: 768px){#page-home .home-title{width:80%;top:10%}#page-home .home-start-btn{bottom:12%}#start-btn{width:18rem;height:3.5rem}#page-home .home-notice-text{bottom:5%;padding:0 1rem}#page-home .home-notice-text .text{font-size:.9rem}}@media (max-width: 480px){#page-home .home-title{width:90%;top:8%}#start-btn{width:16rem;height:3rem}#page-home .home-notice-text .text{font-size:.8rem;line-height:1.6em}}#page-camera{--camera-btn-bottom: 9.1%}#page-camera .camera-container{position:relative;width:100%;height:100%;overflow:hidden}#page-camera .camera-stage{position:absolute;top:0;right:0;bottom:0;left:0}#page-camera .camera-capture-wrapper{position:relative;height:100%}#page-camera .camera-capture-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(to bottom,transparent 0%,transparent 80%,rgba(0,0,0,.5))}#page-camera .camera-capture-btn{position:absolute;bottom:var(--camera-btn-bottom);left:50%;transform:translate(-50%);z-index:10}#page-camera .camera-stage-after .camera-button-wrap{position:absolute;bottom:var(--camera-btn-bottom);left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;gap:.75rem;z-index:10}#page-camera .camera-rese-btn{position:absolute;top:4.8%;right:4%;z-index:10}#capture-btn{width:15rem;height:3.75rem}#capture-btn .text{background:url(/assets/images/camera_capture_btn.png) no-repeat center/cover}#capture-btn.active .text{background:url(/assets/images/camera_capture_btn_active.png) no-repeat center/cover}#recapture-btn{width:15rem;height:3.75rem}#recapture-btn .text{background:url(/assets/images/camera_recapture_btn.png) no-repeat center/cover}#recapture-btn:hover .text{background:url(/assets/images/camera_recapture_btn_hover.png) no-repeat center/cover}#view-result-btn{width:15rem;height:3.75rem}#view-result-btn .text{background:url(/assets/images/camera_result_btn.png) no-repeat center/cover}#rese-btn-01{width:3.5rem;height:3rem}#rese-btn-01 .text{background:url(/assets/images/camera_rest_btn.png) no-repeat center/cover}#page-camera .camera-capture{height:100%;background-color:#000}#page-camera .camera-capture video,#page-camera .camera-capture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}#page-camera .camera-guide-line{position:absolute;top:50%;left:50%;width:24.2%;transform:translate(-50%,-50%);z-index:10}#page-camera .camera-guide-text{position:absolute;right:4%;top:50%;transform:translateY(-50%);padding-block:1.875rem 4.5rem;padding-inline:1.875rem 3.75rem;border-radius:1.5rem;background-color:#fff}#page-camera .camera-guide-text .camera-guide-title{font-family:UniNeue;font-weight:600;font-size:1.0625rem;line-height:1.5rem;letter-spacing:-.06em}#page-camera .camera-guide-text table{margin-top:2.3125rem}#page-camera .camera-guide-text table tr{display:block}#page-camera .camera-guide-text table tr:not(:last-child){padding-bottom:2.5rem}#page-camera .camera-guide-text table th img{width:3rem}#page-camera .camera-guide-text table td{font-size:.9375rem;line-height:1.5rem;letter-spacing:-.03em;padding-left:1.25rem;color:#6f7379}#page-camera #toast-popup .toast-msg{position:absolute;top:9.6%;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease .3s}#page-camera #toast-popup .toast-msg p{padding-block:.75rem;padding-inline:1.25rem;font-size:1rem;line-height:1.625rem;font-weight:600;border-radius:6.25rem;color:#fff;background-color:#00000080}#page-camera #toast-popup .toast-msg.show{opacity:1}#page-camera .camera-notice-text{position:absolute;bottom:3%;left:0;width:100%;z-index:10}#page-camera .camera-notice-text .text{text-align:center;font-size:1rem;line-height:1.75em;letter-spacing:-.01em;color:#fff;opacity:.7}#page-camera .camera-container .camera-stage-before{z-index:2}#page-camera .camera-container .camera-stage-after{z-index:1}#page-camera .camera-container.before .camera-stage-before{display:block}#page-camera .camera-container.before .camera-stage-after,#page-camera .camera-container.after .camera-stage-before{display:none}#page-camera .camera-container.after .camera-stage-after{display:block}#page-loading{--loading-animate-transition: all 1.2s ease}#page-loading .loading-container{position:relative;width:100%;height:100%;background-color:#f5f5f5;box-sizing:border-box}#page-loading .loading-face-wrapper{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;height:100%;overflow:hidden;z-index:2;transition:var(--loading-animate-transition)}#page-loading .loading-face-frame{overflow:hidden;height:100%;transition:var(--loading-animate-transition)}#page-loading .loading-face-scan{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}#page-loading .loading-face-scan #lottie-scanning,#page-loading .loading-face-scan #lottie-scanning svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important}#page-loading .loading-rolling-box{position:absolute;bottom:32%;left:50%;width:100%;transform:translate(-50%);z-index:1}#page-loading .loading-rolling-box ul li{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:center;background-color:#f5f5f5;visibility:hidden}#page-loading .loading-rolling-box ul li .text{font-size:1.0625rem;line-height:1.875rem;letter-spacing:-.01em;font-weight:400;color:#62666b}#page-loading .loading-rolling-box ul li .text-1{padding-right:.25rem}#page-loading .loading-rolling-box ul li .bold{font-weight:600;color:#000}#page-loading .loading-percentage-box{position:absolute;bottom:15%;left:50%;width:5.375rem;height:5.375rem;transform:translate(-50%);z-index:1}#page-loading .loading-spinner{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%}#page-loading .loading-percentage-box #lottie-loading{position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(1.5)}#page-loading .loading-percentage-box .percentage-text{font-family:DinPro;font-size:1.375rem;line-height:2.625rem;letter-spacing:-.03em;font-weight:500;color:#c40452;text-align:center}#page-loading .loading-container.is-loading .loading-face-wrapper{bottom:37%;width:20.3125rem;height:28.25rem;border-radius:1.5rem;filter:drop-shadow(8px 8px 20px rgba(0,0,0,.2))}#page-loading .loading-container.is-loading .loading-face-frame{transform:scale(1.3) translateY(-.625rem)}#page-loading #toast-popup .toast-msg{position:absolute;top:9.6%;left:50%;z-index:999;transform:translate(-50%);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease .3s}#page-loading #toast-popup .toast-msg p{padding-block:.75rem;padding-inline:1.25rem;font-size:1rem;line-height:1.625rem;font-weight:600;border-radius:6.25rem;color:#fff;background-color:#00000080}#page-loading #toast-popup .toast-msg.show{opacity:1}#page-result{--page-top-margin: 1.875rem;--page-bottom-margin: 3.125rem;--page-block-margin: (var(--page-top-margin) + var(--page-bottom-margin));--content-scrollbar-width: .5rem;--content-scrollbar-gap: .625rem;--result-lodding-transition: all 1.2s ease;--result-fade-transition: all .7s ease}#page-result .result-container{position:relative;width:100%;height:100%;background-color:#f5f5f5;box-sizing:border-box}#page-result .result-flex-wrap{position:relative;display:flex;justify-content:flex-end;width:100%;height:100%;gap:1.875rem;padding-inline:2.5rem;box-sizing:border-box;transition:var(--result-fade-transition);opacity:0}#page-result .btn-bg-transparent:before{background-color:#e7e7e700}#page-result .btn-bg-transparent:hover:before{background-color:#e7e7e780}#page-result .result-face-wrapper{position:absolute;bottom:37%;left:50%;transform:translate(-50%);width:20.3125rem;height:28.25rem;border-radius:1.5rem;filter:drop-shadow(8px 8px 20px rgba(0,0,0,.2));transition:var(--result-lodding-transition);overflow:hidden;z-index:2}#page-result .result-face-frame{overflow:hidden;height:100%;transform:scale(1.3) translateY(-.625rem);transition:var(--result-lodding-transition)}#page-result .result-compare-slider{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ccc;overflow:hidden;z-index:2;transition:var(--result-fade-transition);opacity:0;pointer-events:none}#page-result .result-compare-slider .slider-img-box{display:flex;justify-content:center;align-items:stretch;width:100%;height:100%;transform:scale(1.2);-webkit-user-select:none;user-select:none;pointer-events:none}#page-result .result-compare-slider .slider-img-box img{width:auto;max-width:none;height:100%}#page-result .result-compare-slider .slider-img-wrapper{height:100%}#page-result .result-compare-slider .after-img-wrapper{position:absolute;top:0;left:0;height:100%;width:100%;clip-path:inset(0 0 0 50%);-webkit-clip-path:inset(0 0 0 50%);overflow:hidden;z-index:2}#page-result .result-compare-slider .compare-slider-handle{position:absolute;top:0;left:50%;width:1px;height:100%;background-color:#ffffff80;transform:translate(-1px);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;z-index:10}#page-result .result-compare-slider .compare-slider-pointer{position:absolute;top:50%;left:0;width:1.875rem;height:1.875rem;transform:translate(-50%,-50%);border-radius:50%;background-color:#fffffff2;cursor:pointer}#page-result .result-compare-slider .compare-slider-label{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;font-size:.75rem;padding:.25rem .75rem;border-radius:9.375rem;white-space:nowrap;pointer-events:none;display:none;z-index:4}#page-result .result-compare-slider .label-before{right:100%;margin-right:1.25rem}#page-result .result-compare-slider .label-after{left:100%;margin-left:1.25rem}#page-result .result-compare-slider .result-text-box .result-face-title,#page-result .result-compare-slider .result-text-box .result-face-text{position:absolute;left:0;width:100%;z-index:3}#page-result .result-compare-slider .result-text-box{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(0,0,0,.2) 0%,transparent 20%,transparent 75%,rgba(0,0,0,.5) 100%);z-index:3}#page-result .result-compare-slider .result-face-title{top:0;padding:2rem 2.5rem;font-family:UniNeue;font-weight:600;font-size:1.5rem;line-height:2.375rem;letter-spacing:-.03em;color:#fff}#page-result .result-compare-slider .result-face-text{bottom:0;padding:1.875rem;font-size:1rem;line-height:1.5rem;font-weight:400;opacity:.7;letter-spacing:-.015em;color:#fff}#page-result .result-info-container{position:relative;min-width:49.375rem;width:calc(100% - 40.125rem);height:calc(100% - var(--page-block-margin));margin-block:var(--page-top-margin) var(--page-bottom-margin);border-radius:1.5rem;overflow:visible;background:linear-gradient(to bottom,#f5f5f5,#fff);transform:translate(0)}#page-result .result-info-content{position:relative;height:100%;padding-inline:3rem calc(3rem - var(--content-scrollbar-gap));margin-block:var(--content-scrollbar-gap);border-right:var(--content-scrollbar-gap) solid transparent;overflow-y:scroll}#page-result .result-info-content::-webkit-scrollbar{width:var(--content-scrollbar-width);margin-block:1.5rem}#page-result .result-info-content::-webkit-scrollbar-track{background:transparent}#page-result .result-info-content::-webkit-scrollbar-thumb{background-color:transparent;border-radius:.25rem}#page-result .result-info-content:hover::-webkit-scrollbar-thumb{background-color:#999}#page-result .result-info-content::-webkit-scrollbar-thumb:hover{background-color:#666}#tab-switch-wrap{position:relative;height:auto;display:flex;flex-direction:column;overflow:visible}#tab-switch-wrap .tab-switch-menu{position:sticky;top:0;padding-top:1.875rem;display:flex;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;z-index:50}#tab-switch-wrap .tab-switch-menu .tab-switch-menu-inner{position:relative;margin-inline:auto;overflow:hidden;background-color:#a7a9ac1f;backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);padding:2px;border-radius:9.375rem;z-index:2}#tab-switch-wrap .tab-switch-menu ul{position:relative;display:flex;justify-content:center;align-items:center;margin:0;padding:0;list-style:none;min-height:44px}#tab-switch-wrap .tab-switch-menu ul:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) translate(var(--tab-indicator-x, 0));width:calc(11.25rem - 2px);height:calc(100% - 4px);border-radius:9.375rem;transition:transform .3s ease;background-color:#fff;z-index:1}#tab-switch-wrap .tab-switch-menu ul li{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;width:11.25rem;padding:.625rem .5rem;color:#62666b;text-align:center;cursor:pointer;z-index:3;pointer-events:auto;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-size:14px;line-height:1.2}#tab-switch-wrap .tab-switch-menu ul li.active{font-weight:600;color:#000}#tab-switch-wrap .tab-switch-menu ul li:hover{color:#000}#tab-switch-wrap .tab-switch-menu ul li.tab-item{border:1px solid transparent;transition:all .2s ease}#tab-switch-wrap .tab-switch-menu ul li.tab-item:hover{border-color:#ff00004d;background-color:#0000000d}#tab-switch-wrap .tab-switch-menu ul li.tab-summary:hover{border-color:#ff000080}#tab-switch-wrap .tab-switch-menu ul li.tab-detail:hover{border-color:#00ff0080}#tab-switch-wrap .tab-switch-menu ul li.tab-product:hover{border-color:#0000ff80}#tab-switch-wrap .tab-switch-container{position:relative;padding-top:3rem;flex:1}#tab-switch-wrap .tab-switch-content{display:none}#tab-switch-wrap .tab-switch-content.active{display:block}#tab-switch-wrap .content-bg-box{border-radius:1.5rem}#tab-switch-wrap .content-bg-box.bg-gray{background-color:#a7a9ac1a}#tab-switch-wrap .content-title{font-size:1.375rem;line-height:2.375rem;font-weight:600;text-align:center}#tab-switch-wrap .tab-switch-content.con-1.active{display:flex;flex-direction:column;height:100%}#tab-switch-wrap .tab-switch-content.con-1 .skin-type-mbti{display:flex;justify-content:center;margin-block:-.625rem 1.875rem}#tab-switch-wrap .skin-type-mbti .mbti-box{position:relative;overflow:visible}#tab-switch-wrap .skin-type-mbti .mbti-text{font-family:DinPro;font-size:6.875rem;font-weight:400;background:url(/assets/images/result_skin_mbti_gradient.jpg) no-repeat center/cover;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#tab-switch-wrap .skin-type-mbti .mbti-modal-btn{position:absolute;right:0;top:50%;width:3.5rem;height:3rem;transform:translate(100%,-50%)}#tab-switch-wrap .skin-type-mbti .mbti-modal-btn .text{width:100%;height:100%;font-size:0;background:url(/assets/images/result_mbti_modal_btn.png) no-repeat center/cover}#result-summary-info .content-bg-box.result-summary-1{display:flex;justify-content:space-between;align-items:center;padding-block:1.5rem;padding-inline:3.75rem}#result-summary-info .content-bg-box.result-summary-1 .result-summary-list{display:flex;justify-content:space-between;align-items:center;gap:1rem}#result-summary-info .content-bg-box.result-summary-1 .result-summary-title{font-size:.9375rem;line-height:1.5rem;font-weight:600}#result-summary-info .content-bg-box.result-summary-1 .result-summary-text{font-size:1.25rem;line-height:2.125rem;font-weight:600}#result-summary-info .content-bg-box.result-summary-1 .result-summary-graph{position:relative;width:13.125rem;height:.5rem;border-radius:.25rem;background-color:#a7a9ac1a;overflow:hidden}#result-summary-info .content-bg-box.result-summary-1 .result-summary-graph:after{content:"";position:absolute;top:0;left:0;height:100%;width:82%;border-radius:.25rem;background:linear-gradient(to right,#c40452,#f6cadc);overflow:hidden}#result-summary-info .content-bg-box.result-summary-2{flex:1;display:flex;justify-content:space-between;gap:2.875rem;margin-top:1rem;padding:2.5rem}#result-summary-info .content-bg-box.result-summary-2 .result-summary-graph{display:flex;align-items:center;width:21rem;margin-left:.75rem}#radarChartContainer{width:100%;margin-inline:auto;box-sizing:border-box}#radarChartContainer svg{width:100%;height:auto;display:block}#result-summary-info .content-bg-box.result-summary-2 .result-summary-text{flex:1;font-size:1.0625rem;line-height:1.875rem;letter-spacing:-.015em;color:#6f7379}#result-summary-info .content-bg-box.result-summary-2 .result-summary-text .deco-icon{width:1.625rem;margin-bottom:1rem}#result-summary-info .content-bg-box.result-summary-2 .result-summary-text .result-summary-core{display:inline-block;background:linear-gradient(to right,#e54130,#c40452,#ac035f);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;z-index:2}#tab-switch-wrap .tab-switch-content.con-2 .content-title-sub{font-size:.9375rem;line-height:1.6875rem;margin-top:.75rem;color:#62666b;text-align:center}#result-graph-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.625rem}#result-graph-grid .grid-item{background-color:#fff;border:1px solid #F5F5F5;padding-block:1.5rem 1.875rem;padding-inline:1.875rem;border-radius:1.625rem;overflow:hidden}#result-graph-grid .grid-item .item-top-box{display:flex;justify-content:space-between}#result-graph-grid .grid-item .item-top-box .item-title{display:flex;align-items:center;font-size:1.125rem;line-height:2rem;letter-spacing:-.015em;font-weight:600}#result-graph-grid .grid-item .item-top-box .item-title .item-icon{width:1.5rem;margin-right:.25rem}#result-graph-grid .grid-item .item-top-box .item-bubble{position:relative;display:flex;align-items:center;font-size:.8125rem;line-height:1.4375rem;font-weight:500;letter-spacing:-.015em;padding-inline:.875rem;border-radius:9.375rem;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}#result-graph-grid .grid-item .item-top-box .item-bubble:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent}#result-graph-grid .grid-item .item-top-box .item-bubble.skin-good{background-color:#e8f5e8;color:#2e7d32;border:1px solid #4CAF50}#result-graph-grid .grid-item .item-top-box .item-bubble.skin-good:before{border-top:5px solid #E8F5E8}#result-graph-grid .grid-item .item-top-box .item-bubble.skin-good:hover{background-color:#c8e6c9;transform:translateY(-1px);box-shadow:0 4px 8px #4caf5033}#result-graph-grid .grid-item .item-top-box .item-bubble.skin-normal{background-color:#fff3e0;color:#f57c00;border:1px solid #FF9800}#result-graph-grid .grid-item .item-top-box .item-bubble.skin-normal:before{border-top:5px solid #FFF3E0}#result-graph-grid .grid-item .item-top-box .item-bubble.skin-normal:hover{background-color:#ffe0b2;transform:translateY(-1px);box-shadow:0 4px 8px #ff980033}#result-graph-grid .grid-item .item-top-box .item-bubble.skin-bad{background-color:#ffebee;color:#d32f2f;border:1px solid #F44336}#result-graph-grid .grid-item .item-top-box .item-bubble.skin-bad:before{border-top:5px solid #FFEBEE}#result-graph-grid .grid-item .item-top-box .item-bubble.skin-bad:hover{background-color:#ffcdd2;transform:translateY(-1px);box-shadow:0 4px 8px #f4433633}#result-graph-grid .grid-item .item-graph-box{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem}#result-graph-grid .grid-item .item-graph-box .item-graph{flex:1;height:.5rem;border-radius:.25rem;overflow:hidden}#result-graph-grid .grid-item.item-1 .item-graph-box .item-graph{background:linear-gradient(to right,#ffbd4b,#fff3de 95%)}#result-graph-grid .grid-item.item-2 .item-graph-box .item-graph{background:linear-gradient(to right,#824c9b,#f2e9ff 95%)}#result-graph-grid .grid-item.item-3 .item-graph-box .item-graph{background:linear-gradient(to right,#ec62a7,#fee0ec 95%)}#result-graph-grid .grid-item.item-4 .item-graph-box .item-graph{background:linear-gradient(to right,#87d25c,#ddfacc 95%)}#result-graph-grid .grid-item.item-5 .item-graph-box .item-graph{background:linear-gradient(to right,#ff7879,#ffecec 95%)}#result-graph-grid .grid-item.item-6 .item-graph-box .item-graph{background:linear-gradient(to right,#5befef,#daf2f2 95%)}#result-graph-grid .grid-item .item-graph-box .item-graph-value{font-size:1.375rem;line-height:1.75rem;letter-spacing:-.01em;font-weight:500}#result-graph-grid .grid-item .item-text-box{margin-top:1rem;font-size:.9375rem;line-height:1.6875rem;font-weight:400;letter-spacing:-.015em;color:#62666b}#tab-switch-wrap .tab-switch-content.con-2 .content-title.title-2{margin-top:3.75rem}#result-skin-detail{margin-top:1.875rem}#result-skin-detail .skin-detail-list{display:flex;justify-content:space-between;align-items:center;gap:1.875rem;padding-block:1.875rem 2.25rem;padding-inline:2.5rem 1.5rem;border-radius:1.5rem;margin-top:1rem;background-color:#a7a9ac1a}#result-skin-detail .skin-detail-list:first-child{margin-top:0}#result-skin-detail .skin-detail-list .list-text-box{flex:1}#result-skin-detail .skin-detail-list .list-title{font-size:1.125rem;line-height:2rem;letter-spacing:-.015em}#result-skin-detail .skin-detail-list .list-text{font-size:.9375rem;line-height:1.6875rem;letter-spacing:-.015em;margin-top:.5rem;color:#62666b}#result-skin-detail .skin-detail-list .list-icon-box{width:5rem}#tab-switch-wrap .tab-switch-content.con-2 .content-title.title-3{margin-top:3.75rem;display:flex;justify-content:center}#tab-switch-wrap .tab-switch-content.con-2 .content-title.title-3 p{background:linear-gradient(120deg,#e54130,#c40452,#ac035f);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#skin-advice-box{position:relative;border-radius:1.5rem;padding:1px;margin-block:1.875rem 5rem;background:linear-gradient(120deg,#e54130,#c40452,#ac035f);z-index:2}#skin-advice-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1.5rem;background:linear-gradient(120deg,#e54130,#c40452,#ac035f);filter:blur(8px);opacity:.1;z-index:1}#skin-advice-box .gradient-line-box{position:relative;border-radius:1.5rem;padding-block:2.5rem 3rem;padding-inline:4.25rem 3.75rem;background-color:#fff;z-index:3}#skin-advice-box .deco-icon{position:absolute;top:2.5rem;left:1.875rem;width:1.625rem}#skin-advice-box .advice-text-box{font-size:1rem;line-height:1.75rem;background:linear-gradient(120deg,#e54130,#c40452,#ac035f);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#recommended-products-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.75rem;margin-top:2rem;border-radius:1.5rem;padding:1.5rem;background-color:#fff}#recommended-products-list .product-item{display:flex;flex-direction:column;border:1px solid #E4E4E5;border-radius:.5rem;overflow:hidden;background:#fff}#recommended-products-list .img-box{display:flex;align-items:center;justify-content:center;width:100%;height:9rem;padding:.75rem;background-color:#fff}#recommended-products-list .img-box img{max-width:100%;max-height:100%;object-fit:contain}#recommended-products-list .text-box{flex:1;display:flex;flex-direction:column;padding:0 .75rem .75rem}#recommended-products-list .text-box .product-brand{font-size:.6875rem;line-height:1rem;color:#6e7378}#recommended-products-list .text-box .product-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.1rem;font-size:.8125rem;line-height:1.05rem;font-weight:400;color:#0a0a0a}#recommended-products-list .text-box .product-price{margin:.375rem 0;font-size:1.0625rem;font-weight:700;color:#0a0a0a}#recommended-products-list .text-box .recommend-reason{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.625rem;font-size:.75rem;line-height:1.05rem;color:#6e7378}#recommended-products-list .toggle-tab-container{display:none}#recommended-products-list .buy-link{display:block;margin-top:auto;padding:.5625rem;background-color:#ffc20e;color:#0a0a0a;font-size:.875rem;font-weight:700;text-align:center;text-decoration:none;border-radius:.375rem}#recommended-products-list .buy-link:hover{background-color:#f0b400}#recommended-products-list .toggle-tab-container{position:relative;display:flex;align-items:end;gap:1.25rem}#recommended-products-list .toggle-tab-container .tab-button{width:1.5rem;height:1.375rem;border-radius:.375rem;background-color:#f4f4f4;overflow:hidden}#recommended-products-list .toggle-tab-container .tab-button button{display:block;font-size:0;background:url(/assets/images/result_toggle_btn_open.png) no-repeat center/ 1rem}#recommended-products-list .toggle-tab-container.open .tab-button button{background:url(/assets/images/result_toggle_btn_close.png) no-repeat center/ 1rem}#recommended-products-list .toggle-tab-container .review-kwds{flex:1;display:flex;flex-wrap:wrap;gap:0 .375rem;margin-top:1rem;color:#909399;overflow:hidden}#recommended-products-list .toggle-tab-container .review-kwds .kwd{display:inline-block;font-size:.8125rem;line-height:1.4375rem}#tab-switch-wrap .tab-switch-content.con-3 .content-title.title-2{margin-top:3.75rem}#lifestyle-management-list{margin-block:1.875rem 5rem}#lifestyle-management-list .lifestyle-list{display:flex;justify-content:space-between;gap:2.5rem;padding-block:1.875rem;padding-inline:2.5rem;border-radius:1.5rem;margin-top:1rem;background-color:#a6a9ac1a}#lifestyle-management-list .lifestyle-list:first-child{margin-top:0}#lifestyle-management-list .lifestyle-list .title{min-width:4.75rem;font-size:1.25rem;line-height:2rem;font-weight:600;text-align:center}#lifestyle-management-list .lifestyle-list ul{flex:1}#lifestyle-management-list .lifestyle-list ul li{position:relative;padding-left:.75rem;font-size:.9375rem;line-height:1.6875rem;font-weight:400;color:#62666b}#lifestyle-management-list .lifestyle-list ul li:before{content:"-";position:absolute;top:0;left:0}#page-result .result-info-content .result-rese-btn{position:fixed;top:1.875rem;right:1.25rem;margin-block:var(--content-scrollbar-gap);z-index:50}#rese-btn-02{width:3.5rem;height:3rem}#rese-btn-02 .text{background:url(/assets/images/result_rest_btn.png) no-repeat center/cover}#page-result .result-share-report-btn{position:fixed;right:1.25rem;bottom:0;transform:translateY(var(--content-scrollbar-gap));overflow:hidden;z-index:50}#share-report-btn{padding:.625rem;border-radius:9.375rem}#share-report-btn .icon{width:1.625rem}#share-report-btn .text{width:0}#share-report-btn:hover .text{margin-inline:.25rem;width:4.75rem}#mbti-modal .modal-container{width:53.75rem;height:85%;padding-inline:3.125rem;padding-block:1.875rem 3.125rem}#mbti-modal .modal-content{overflow-y:auto}#mbti-modal .skin-type-mbti .mbti-box{position:relative;overflow:visible}#mbti-modal .skin-type-mbti .mbti-box .mbti-text{font-family:DinPro;font-size:5.125rem;line-height:100%;font-weight:400;background:url(/assets/images/result_skin_mbti_gradient.jpg) no-repeat center/cover;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#mbti-modal .skin-type-description{display:flex;justify-content:center;align-items:center;gap:.375rem;padding-inline:1rem;padding-block:.375rem;margin-top:.375rem;border:1px solid rgba(0,0,0,.1);border-radius:6.25rem}#mbti-modal .skin-type-description .deco-icon{width:1rem;margin-bottom:2px}#mbti-modal .skin-type-description .text{font-family:UniNeue;font-size:.8125rem;line-height:1.4375rem;letter-spacing:-.01em}#mbti-modal .skin-type-highlight{width:100%;margin-top:2.5rem;padding-inline:1.875rem;padding-block:1.625rem;border-radius:.875rem;font-size:1.25rem;line-height:2rem;letter-spacing:-.03em;background-color:#fff5f9;color:#c40452}#mbti-modal .mbti-feature-box{margin-top:1.875rem}#mbti-modal .mbti-feature-box dt{font-family:UniNeue;font-weight:600;line-height:1.625rem;letter-spacing:-.03em;color:#62666b}#mbti-modal .mbti-feature-box dd{margin-top:.5rem;line-height:1.75rem;letter-spacing:-.01em;color:#62666b}#share-report-modal .modal-container{width:25rem;gap:3.125rem;padding-block:3rem 4.5rem}#share-report-modal.modal-content{gap:3.125rem}#share-report-modal .modal-title{font-family:UniNeue;font-size:1.375rem;line-height:2rem;letter-spacing:-.06em;font-weight:600}#share-report-modal .modal-sub-text{margin-top:.5rem;font-size:.875rem;line-height:1.375rem;letter-spacing:-.02em;color:#62666b}#share-report-modal .qr-img-box{margin-top:2rem;width:6.25rem}#page-result .result-container.is-finished{background-color:#fff}#page-result .result-container.is-finished .result-face-wrapper{bottom:var(--page-bottom-margin);left:2.5rem;transform:translate(0);width:38.25rem;height:calc(100% - var(--page-block-margin));filter:none}#page-result .result-container.is-finished .result-face-frame{transform:scale(1.2) translateY(0)}#page-result .result-container.is-finished .result-compare-slider{transition-delay:1.5s;opacity:1;pointer-events:auto}#page-result .result-container.is-finished .result-flex-wrap{transition-delay:1.5s;opacity:1}#page-result #toast-popup .toast-msg{position:absolute;top:13.6%;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease .3s}#page-result #toast-popup .toast-msg p{padding-block:.75rem;padding-inline:1.25rem;font-size:1rem;line-height:1.625rem;font-weight:600;border-radius:6.25rem;color:#fff;background-color:#00000080}#page-result #toast-popup .toast-msg.show{opacity:1;z-index:9999}.settings-container{max-width:600px;margin:0 auto;padding:20px}.settings-container h2{text-align:center;margin-bottom:30px}.settings-form{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.settings-item{display:flex;flex-direction:column;margin-bottom:15px;padding:10px;border-bottom:1px solid #eee}.settings-item__label{margin-bottom:5px;font-weight:500}.settings-item__input-number{width:150px;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.settings-item__input-checkbox{width:20px;height:20px}.settings-item__select{width:100%;max-width:300px;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.settings-item__help{margin-top:5px;font-size:12px;color:#666;font-style:italic}.settings-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}.settings-btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:700;font-size:16px}.settings-btn--reset{background-color:#f0f0f0;color:#333}.settings-btn--save{background-color:#4caf50;color:#fff}.settings-btn--back{background-color:#2196f3;color:#fff}.settings-save-message{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:10px 20px;border-radius:4px;animation:settingsFadeInOut 2s ease-in-out}@keyframes settingsFadeInOut{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}.studio-root{--st-green: #00563F;--st-green-deep: #013a2b;--st-green-soft: #0e6a4f;--st-yellow: #FFC20E;--st-ink: #18211d;--st-muted: #5c6b63;--st-line: #e6eae7;--st-bg: #ffffff;--st-bg-soft: #f4f7f5;--st-radius: 1rem;--st-shadow: 0 18px 48px rgba(0,86,63,.14);--st-sans: "Hanken Grotesk", system-ui, -apple-system, sans-serif;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--st-bg);color:var(--st-ink);font-family:var(--st-sans);overflow:auto;-webkit-font-smoothing:antialiased}.studio-root *,.studio-root *:before,.studio-root *:after{box-sizing:border-box}.studio-root .st-btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--st-green);color:#fff;border:none;font-family:var(--st-sans);font-size:1.05rem;font-weight:700;padding:.95rem 2rem;border-radius:999px;cursor:pointer;box-shadow:0 10px 26px #00563f47;transition:transform .15s ease,background .15s ease}.studio-root .st-btn-primary:hover{background:var(--st-green-deep);transform:translateY(-1px)}.studio-root .st-btn-primary:after{content:"→";font-weight:600}.studio-root .st-header{display:flex;align-items:baseline;gap:.6rem;padding:1rem 2.5rem}.studio-root .st-logo{font-weight:800;font-size:1.4rem;letter-spacing:-.02em;color:var(--st-green)}.studio-root .st-eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--st-muted)}.studio-root .st-welcome{min-height:100%;display:flex;flex-direction:column}.studio-root .st-hero{flex:1;display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch;gap:0}.studio-root .st-hero-text{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:3rem clamp(2.5rem,6vw,6rem);max-width:46rem}.studio-root .st-kicker{font-size:.85rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--st-green-soft);margin:0 0 1rem}.studio-root .st-hero-text h1{font-family:var(--st-sans);font-weight:800;letter-spacing:-.025em;font-size:clamp(2.6rem,5vw,4.2rem);line-height:1.04;margin:0 0 1.25rem;color:var(--st-ink)}.studio-root .st-hero-text h1 em{font-style:normal;color:var(--st-green)}.studio-root .st-sub{font-size:1.15rem;line-height:1.55;color:var(--st-muted);margin:0 0 2rem;max-width:32rem}.studio-root .st-privacy{font-size:.9rem;color:var(--st-muted);margin:1.25rem 0 0}.studio-root .st-privacy b{color:var(--st-green);font-weight:700}.studio-root .st-hero-visual{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:3rem;gap:1.5rem;background:radial-gradient(120% 120% at 70% 20%,#0e6a4f,#00563f 45%,#013a2b)}.studio-root .st-hero-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(closest-side,rgba(255,194,14,.22),transparent 70%) 80% 80%/40% 40% no-repeat,radial-gradient(closest-side,rgba(255,255,255,.1),transparent 70%) 20% 30%/55% 55% no-repeat}.studio-root .st-faces{position:relative;flex:1;min-height:0;border-radius:1rem;overflow:hidden;z-index:1;box-shadow:0 12px 34px #00000047}.studio-root .st-face{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 1.5s ease-in-out;animation:stZoom 6s ease-in-out infinite alternate}.studio-root .st-face.active{opacity:1}@keyframes stZoom{0%{transform:scale(1.05)}to{transform:scale(1.15)}}.studio-root .st-visual-mark{position:relative;color:#fff;z-index:1}.studio-root .st-visual-mark .big{font-size:clamp(1.6rem,2.6vw,2.4rem);font-weight:800;line-height:1.15;letter-spacing:-.02em}.studio-root .st-visual-mark .small{display:block;margin-top:.6rem;font-size:.95rem;color:#ffffffd1}.studio-root .st-chip{display:inline-block;background:var(--st-yellow);color:#1d1d1d;font-weight:800;font-size:.8rem;padding:.3rem .7rem;border-radius:999px;margin-bottom:1rem}.studio-root .st-foot{padding:1rem 2.5rem;font-size:.8rem;color:var(--st-muted);border-top:1px solid var(--st-line);display:flex;justify-content:space-between;align-items:center}.studio-root .st-aws-logo{height:1.5rem;width:auto;display:block}.studio-root .st-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--st-muted);font-size:1.2rem}.studio-root .st-btn-ghost{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:#fff;color:var(--st-green);border:1.5px solid var(--st-green);font-family:var(--st-sans);font-size:1rem;font-weight:700;padding:.9rem 1.6rem;border-radius:999px;transition:background .15s ease}.studio-root .st-btn-ghost:hover{background:var(--st-bg-soft)}.studio-root .st-btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.studio-root .st-capture{min-height:100%;display:flex;flex-direction:column}.studio-root .st-capture-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 2rem 2.5rem;text-align:center}.studio-root .st-capture-body h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;letter-spacing:-.02em;margin:0 0 .5rem;color:var(--st-ink)}.studio-root .st-hint{color:var(--st-muted);font-size:1rem;margin:0 0 1.5rem;max-width:32rem}.studio-root .st-frame{position:relative;width:clamp(17rem,26vw,22rem);aspect-ratio:3 / 4;border-radius:1.5rem;overflow:hidden;background:#eef1ef;box-shadow:var(--st-shadow)}.studio-root .st-frame video,.studio-root .st-frame img{width:100%;height:100%;object-fit:cover;display:block}.studio-root .st-guide{position:absolute;top:7%;right:16%;bottom:7%;left:16%;border:2px dashed rgba(255,255,255,.8);border-radius:50%;pointer-events:none;box-shadow:0 0 0 100vmax #0000000a inset}.studio-root .st-cam-fallback{display:flex;align-items:center;justify-content:center;height:100%;padding:2rem;color:var(--st-muted);font-size:.95rem}.studio-root .st-controls{display:flex;gap:.8rem;align-items:center;margin-top:1.75rem}.studio-root .st-back{margin-top:1.5rem;background:none;border:none;color:var(--st-muted);font-family:var(--st-sans);font-size:.9rem;cursor:pointer}.studio-root .st-back:hover{color:var(--st-green)}.studio-root .st-analysing{min-height:100%;display:flex;flex-direction:column}.studio-root .st-analysing-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;text-align:center}.studio-root .st-ring-pct{font-family:var(--st-sans);font-size:1.5rem;font-weight:800;fill:var(--st-green)}.studio-root .st-analysing-body h2{margin:1rem 0 0;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;letter-spacing:-.02em}.studio-root .st-step{color:var(--st-muted);font-size:1.05rem;margin:.25rem 0 0}.studio-root .st-baumann-blurb{max-width:36rem;margin:1.1rem auto 0;color:var(--st-muted);font-size:.95rem;line-height:1.55}.studio-root .st-baumann-blurb b{color:var(--st-green);font-weight:700}.studio-root .st-prod-link{display:flex;flex-direction:column;gap:.3rem;text-decoration:none;color:inherit;cursor:pointer}.studio-root .st-prod-link:hover .st-prod-name{color:var(--st-green);text-decoration:underline}.studio-root .st-prod-link:hover .st-prod-thumb{box-shadow:0 0 0 2px var(--st-green) inset}.studio-root .st-carousel{padding:1.25rem 2rem 2rem;border-top:1px solid var(--st-line);background:var(--st-bg-soft)}.studio-root .st-carousel-label{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--st-green-soft);margin:0 0 .75rem}.studio-root .st-carousel-row{display:flex;gap:.8rem;overflow-x:auto;scrollbar-width:none}.studio-root .st-carousel-row::-webkit-scrollbar{display:none}.studio-root .st-prod-card{flex:none;width:9.5rem;background:#fff;border:1px solid var(--st-line);border-radius:.85rem;padding:.6rem;display:flex;flex-direction:column;gap:.3rem;animation:st-fade .5s cubic-bezier(.22,1,.36,1) both}@keyframes st-fade{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:none}}.studio-root .st-prod-thumb{background:#f7f9f8;border-radius:.55rem;height:6rem;display:flex;align-items:center;justify-content:center}.studio-root .st-prod-thumb img{max-width:100%;max-height:100%;object-fit:contain}.studio-root .st-prod-name{font-size:.78rem;font-weight:600;line-height:1.25;color:var(--st-ink);min-height:2em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.studio-root .st-prod-price{align-self:flex-start;background:var(--st-yellow);color:#1d1d1d;font-weight:800;font-size:.9rem;border-radius:.4rem;padding:.1rem .5rem}@media (max-width: 900px){.studio-root .st-hero{grid-template-columns:1fr}.studio-root .st-hero-visual{display:none}}.studio-root .st-results{min-height:100%;display:flex;flex-direction:column;overflow-y:auto;padding:1.5rem 2rem 2rem;gap:2.5rem}.studio-root .st-results-slider-section h2{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin:0 0 1rem}.studio-root .st-slider{position:relative;width:100%;max-width:36rem;aspect-ratio:3 / 4;border-radius:1rem;overflow:hidden;cursor:ew-resize;-webkit-user-select:none;user-select:none;box-shadow:var(--st-shadow)}.studio-root .st-slider-before,.studio-root .st-slider-after{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.studio-root .st-slider-before img,.studio-root .st-slider-after img{width:100%;height:100%;object-fit:cover;display:block}.studio-root .st-slider-after{overflow:hidden;width:50%}.studio-root .st-slider-label{position:absolute;font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:#00563fcc;color:#fff;padding:.4rem .75rem;border-radius:.35rem}.studio-root .st-slider-before .st-slider-label{bottom:1rem;left:1rem}.studio-root .st-slider-after .st-slider-label{bottom:1rem;right:1rem}.studio-root .st-slider-divider{position:absolute;top:0;width:2px;height:100%;background:#fff;left:50%;box-shadow:0 0 8px #0003}.studio-root .st-slider-thumb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3.5rem;height:3.5rem;background:var(--st-yellow);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#00563f;font-weight:900;box-shadow:0 2px 8px #00000026}.studio-root .st-results-summary h2{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin:0 0 1.25rem}.studio-root .st-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;margin-bottom:2rem}.studio-root .st-summary-card{background:#fff;border:1px solid var(--st-line);border-radius:var(--st-radius);padding:1.25rem;display:flex;flex-direction:column;gap:.5rem}.studio-root .st-card-label{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--st-green-soft)}.studio-root .st-type-code{font-size:1.8rem;font-weight:900;color:var(--st-green);letter-spacing:.05em}.studio-root .st-metric-value{font-size:1.4rem;font-weight:800;color:var(--st-ink)}.studio-root .st-health-bar{height:.4rem;background:var(--st-line);border-radius:999px;overflow:hidden}.studio-root .st-health-fill{height:100%;background:linear-gradient(90deg,var(--st-green),var(--st-yellow));border-radius:999px}.studio-root .st-concerns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.9rem}.studio-root .st-concern-tile{background:var(--st-bg-soft);border:1px solid var(--st-line);border-radius:.8rem;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.studio-root .st-concern-name{font-size:.88rem;font-weight:700;color:var(--st-ink)}.studio-root .st-concern-score{font-size:.95rem;font-weight:800;color:var(--st-green)}.studio-root .st-concern-bar{height:.35rem;background:#e0e0e0;border-radius:999px;overflow:hidden}.studio-root .st-concern-fill{height:100%;background:var(--st-green);border-radius:999px}.studio-root .st-results-narrative{padding:1.5rem;background:var(--st-bg-soft);border-radius:var(--st-radius)}.studio-root .st-results-narrative h3{font-size:1.1rem;font-weight:800;margin:0 0 .75rem;color:var(--st-ink)}.studio-root .st-results-narrative p{color:var(--st-muted);line-height:1.6;margin:0;font-size:.95rem}.studio-root .st-results-basket h2{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .3rem}.studio-root .st-basket-subtitle{color:var(--st-muted);font-size:.9rem;margin:0 0 1.25rem}.studio-root .st-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem;margin-bottom:1.5rem}.studio-root .st-product-card{background:#fff;border:1px solid var(--st-line);border-radius:.9rem;padding:.8rem;display:flex;flex-direction:column;gap:.6rem;transition:box-shadow .15s ease;cursor:pointer}.studio-root .st-product-card:hover{box-shadow:0 4px 16px #00563f1a}.studio-root .st-product-image{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:.6rem;background:var(--st-bg-soft)}.studio-root .st-product-info{display:flex;flex-direction:column;gap:.25rem}.studio-root .st-product-name{font-size:.95rem;font-weight:700;color:var(--st-ink);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.studio-root .st-product-brand{font-size:.8rem;color:var(--st-muted)}.studio-root .st-product-concern{font-size:.75rem;font-weight:600;color:var(--st-green);text-transform:uppercase;letter-spacing:.05em}.studio-root .st-product-price{display:flex;align-items:baseline;gap:.3rem;margin:.25rem 0 .5rem}.studio-root .st-price-main{font-size:1.3rem;font-weight:900;color:var(--st-green)}.studio-root .st-product-card .st-btn-add{margin-top:auto;align-self:stretch}.studio-root .st-btn-add-all{width:100%;padding:1.2rem 1.6rem;font-size:1rem;font-weight:800}.studio-root .st-results-footer{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1rem;padding-top:1.5rem;border-top:1px solid var(--st-line)}.studio-root .st-btn-secondary{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;color:var(--st-green);border:2px solid var(--st-green);font-family:var(--st-sans);font-size:1rem;font-weight:700;padding:.85rem 1.6rem;border-radius:999px;transition:background .15s ease}.studio-root .st-btn-secondary:hover{background:var(--st-bg-soft)}.studio-root .st-powered-by{font-size:.75rem;color:var(--st-muted);margin:0}.studio-root .st-error{display:flex;align-items:center;justify-content:center;min-height:100%;font-size:1rem;color:#d32f2f}.studio-root .st-results{height:100%;display:flex;flex-direction:column}.studio-root .st-results .st-header{position:relative}.studio-root .st-restart{position:absolute;right:2.5rem;top:1.3rem;background:none;border:1.5px solid var(--st-line);color:var(--st-muted);border-radius:999px;padding:.4rem 1rem;font-family:var(--st-sans);font-weight:600;font-size:.85rem;cursor:pointer}.studio-root .st-restart:hover{border-color:var(--st-green);color:var(--st-green)}.studio-root .st-results-body{flex:1;overflow-y:auto;padding:.25rem 2.5rem .75rem}.studio-root .st-hero-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;align-items:center;max-width:72rem;margin:0 auto}.studio-root .st-ba{position:relative;width:100%;max-width:13.5rem;aspect-ratio:4/5;border-radius:1.25rem;overflow:hidden;box-shadow:var(--st-shadow);margin:0 auto;background:#eef1ef}.studio-root .st-ba-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.studio-root .st-ba-tag{position:absolute;top:.8rem;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#00000073;padding:.2rem .55rem;border-radius:999px}.studio-root .st-ba-l{left:.8rem}.studio-root .st-ba-r{right:.8rem}.studio-root .st-ba-range{position:absolute;bottom:.8rem;left:8%;width:84%;accent-color:var(--st-green);cursor:ew-resize}.studio-root .st-glance .st-type{font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--st-green-soft)}.studio-root .st-baumann{font-size:clamp(2.8rem,5vw,4rem);font-weight:800;letter-spacing:.06em;color:var(--st-green);line-height:1;margin:.35rem 0 .6rem}.studio-root .st-baumann-axes{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.1rem}.studio-root .st-axis{font-size:.78rem;font-weight:600;color:var(--st-muted);background:var(--st-bg-soft);border:1px solid var(--st-line);border-radius:999px;padding:.25rem .6rem}.studio-root .st-axis b{color:var(--st-green);font-weight:800;margin-right:.2rem}.studio-root .st-glance h2{font-size:clamp(1.5rem,2.4vw,2rem);font-weight:800;letter-spacing:-.02em;margin:0 0 1.25rem}.studio-root .st-stats{display:flex;gap:2.5rem;margin-bottom:1.25rem}.studio-root .st-stat{display:flex;flex-direction:column}.studio-root .st-stat-num{font-size:2rem;font-weight:800;color:var(--st-green);line-height:1}.studio-root .st-stat-num small{font-size:1rem;color:var(--st-muted);font-weight:700}.studio-root .st-stat-lbl{font-size:.8rem;color:var(--st-muted);margin-top:.35rem;font-weight:600}.studio-root .st-lead{font-size:1.05rem;line-height:1.55;color:var(--st-muted);max-width:32rem;margin:0}.studio-root .st-detail-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem;align-items:center;max-width:72rem;margin:1rem auto 0;padding-top:1rem;border-top:1px solid var(--st-line)}.studio-root .st-radar-card{text-align:center}.studio-root .st-radar{width:100%;max-width:13rem}.studio-root .st-radar-lbl{font-family:var(--st-sans);font-size:.72rem;font-weight:700;fill:var(--st-ink)}.studio-root .st-scale{font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--st-muted);margin:.25rem 0 0}.studio-root .st-advice h3{font-size:1.2rem;font-weight:800;margin:0 0 .5rem;color:var(--st-ink)}.studio-root .st-advice p{font-size:.92rem;line-height:1.45;color:#3f4a44;margin:0 0 .6rem;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.studio-root .st-advice-do{color:var(--st-green)!important;font-weight:600}.studio-root .st-basket{flex:none;border-top:1px solid var(--st-line);background:#fff;padding:.8rem 2.5rem 1rem;box-shadow:0 -10px 30px #00563f14}.studio-root .st-basket-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.studio-root .st-basket-title{font-size:1.1rem;font-weight:800;color:var(--st-green)}.studio-root .st-basket-title em{font-style:normal;font-weight:600;color:var(--st-muted);font-size:.9rem}.studio-root .st-prod-for{font-size:.6rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--st-green)}.studio-root .st-prod-foot{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-top:auto}.studio-root .st-add{background:var(--st-green);color:#fff;border:none;border-radius:999px;padding:.32rem .85rem;font-family:var(--st-sans);font-weight:700;font-size:.8rem;cursor:pointer}.studio-root .st-add.is-added{background:#fff;color:var(--st-green);border:1.5px solid var(--st-green)}.studio-root .st-reveal{text-align:center;margin:1rem auto .25rem}.studio-root .st-productspage{height:100%;display:flex;flex-direction:column}.studio-root .st-productspage .st-header{position:relative}.studio-root .st-productspage-body{flex:1;overflow-y:auto;padding:.5rem 2.5rem 2.5rem;width:100%;max-width:56rem;margin:0 auto}.studio-root .st-productspage-body h2{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;letter-spacing:-.02em;margin:.5rem 0 .4rem;text-align:center}.studio-root .st-products-sub{text-align:center;color:var(--st-muted);margin:0 0 1.75rem;font-size:1.02rem}.studio-root .st-product-list{display:flex;flex-direction:column;gap:1rem}.studio-root .st-product-row{display:grid;grid-template-columns:5.5rem 1fr auto;gap:1.25rem;align-items:center;background:#fff;border:1px solid var(--st-line);border-radius:1rem;padding:1rem 1.25rem}.studio-root .st-row-thumb{width:5.5rem;height:5.5rem;border-radius:.75rem;background:var(--st-bg-soft);display:flex;align-items:center;justify-content:center;overflow:hidden}.studio-root .st-row-thumb img{max-width:100%;max-height:100%;object-fit:contain}.studio-root .st-row-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.studio-root .st-row-name{font-size:1.05rem;font-weight:700;color:var(--st-ink);text-decoration:none}.studio-root .st-row-name:hover{color:var(--st-green);text-decoration:underline}.studio-root .st-row-why{font-size:.92rem;color:var(--st-muted);line-height:1.5;margin:.15rem 0 0}.studio-root .st-row-buy{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.studio-root .st-products-foot{display:flex;flex-direction:column;align-items:center;gap:.85rem;margin-top:1.75rem}:root{--m-green: #00563F;--m-green-deep: #012e22;--m-green-soft: #0e6a4f;--m-yellow: #FFC20E;--m-yellow-deep: #e8ab00;--m-cream: #F4EEE2;--m-ink: #15231C;--m-serif: "Fraunces", Georgia, "Times New Roman", serif;--m-sans: "Hanken Grotesk", system-ui, -apple-system, sans-serif}html,body{font-family:var(--m-sans)!important;color:var(--m-ink)!important;background-color:var(--m-cream)!important;background-image:radial-gradient(1100px 760px at 12% -12%,rgba(0,86,63,.22),transparent 60%),radial-gradient(820px 680px at 112% 6%,rgba(255,194,14,.16),transparent 55%),radial-gradient(760px 760px at 50% 124%,rgba(0,86,63,.12),transparent 60%)!important;background-attachment:fixed!important;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.page-wrap{position:relative;z-index:1}h1,h2,h3,h4,h5,[class*=title],.home-title,.content-title,.result-face-title,.result-face-text{font-family:var(--m-serif)!important;letter-spacing:-.015em;color:var(--m-green)}.content-title{font-weight:600!important}.product-brand,.kwd,.product-price,.product-name,.btn,.page-wrap button{font-family:var(--m-sans)!important}.btn-bg-pink,.btn-bg-gradient,.btn-bg-dynamic{background-color:var(--m-green)!important;box-shadow:0 8px 24px #00563f40!important}.btn-bg-pink .text,.btn-bg-gradient .text,.btn-bg-dynamic .text{color:#fff!important}.btn-bg-gradient .btn-bg,.btn-bg-dynamic .btn-bg{background:transparent!important}.btn-bg-gradient .btn-bg:before,.btn-bg-gradient .btn-bg:after,.btn-bg-dynamic .btn-bg:before,.btn-bg-dynamic .btn-bg:after{background:none!important;content:none!important}.btn-bg-pink:hover,.btn-bg-gradient:hover,.btn-bg-dynamic:hover{background-color:var(--m-yellow)!important}.btn-bg-pink:hover .text,.btn-bg-gradient:hover .text,.btn-bg-dynamic:hover .text{color:var(--m-green-deep)!important}#tab-switch-wrap,#result-graph-grid,#result-skin-detail,#skin-advice-box,#recommended-products-list{background-color:#fffdf8!important;border-radius:1.5rem!important;box-shadow:0 16px 48px #00563f1a!important}@keyframes m-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.page-wrap>*{animation:m-fade-up .7s cubic-bezier(.22,1,.36,1) both}.page-wrap>*:nth-child(2){animation-delay:.08s}.page-wrap>*:nth-child(3){animation-delay:.16s}.page-wrap>*:nth-child(4){animation-delay:.24s}#recommended-products-list .product-item{animation:m-fade-up .5s ease both}#recommended-products-list .product-item:nth-child(2){animation-delay:.05s}#recommended-products-list .product-item:nth-child(3){animation-delay:.1s}#recommended-products-list .product-item:nth-child(4){animation-delay:.15s}#recommended-products-list .product-item:nth-child(5){animation-delay:.2s}#recommended-products-list .product-item:nth-child(6){animation-delay:.25s}.home-title.m-text{font-family:var(--m-serif)!important;font-size:clamp(2.75rem,7vw,5rem);font-weight:600;line-height:.98;color:var(--m-green)}.home-title.m-text em{font-style:italic;color:var(--m-yellow-deep)}.home-title.m-text .eyebrow{display:block;font-family:var(--m-sans);font-size:.875rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--m-green-soft);margin-bottom:1rem}#page-result .content-title{position:relative;font-size:1.5rem!important;margin:1.75rem 0 1rem!important;padding-bottom:.6rem}#page-result .content-title:after{content:"";position:absolute;left:0;bottom:0;width:2.25rem;height:4px;border-radius:4px;background:var(--m-yellow)}#page-result .content-title-sub{color:#5c6b63!important;font-family:var(--m-sans)!important;margin:-.4rem 0 1rem!important}#page-result .tab-switch-menu ul{display:flex;gap:.4rem;background:#f0ebdf;border-radius:999px;padding:.35rem}#page-result .tab-item{flex:1;text-align:center;cursor:pointer;padding:.7rem .5rem;border-radius:999px;font-family:var(--m-sans)!important;font-weight:600;color:#5c6b63!important;transition:all .25s ease}#page-result .tab-item.active{background:var(--m-green)!important;color:#fff!important;box-shadow:0 6px 16px #00563f40}#page-result .skin-type-mbti{text-align:center;margin:.5rem 0 1.5rem}#page-result .mbti-box{display:inline-flex;flex-direction:column;align-items:center;gap:.5rem}#page-result .mbti-box .mbti-text{font-family:var(--m-serif)!important;font-weight:600;font-size:clamp(2.5rem,8vw,4rem);line-height:1;color:var(--m-green)!important;letter-spacing:.04em;background:none!important;-webkit-text-fill-color:var(--m-green)!important;-webkit-background-clip:initial!important}#page-result .mbti-modal-btn .btn{background:transparent!important;border:1.5px solid var(--m-green)!important;border-radius:999px!important;padding:.4rem 1rem!important}#page-result .mbti-modal-btn .btn .text{color:var(--m-green)!important;font-weight:600}#page-result #result-summary-info{display:grid;grid-template-columns:1fr 1.2fr;gap:1rem;align-items:stretch}@media (max-width: 720px){#page-result #result-summary-info{grid-template-columns:1fr}}#page-result #result-summary-info .content-bg-box{background:#fffdf8!important;border:1px solid #ece4d2;border-radius:1.25rem!important;padding:1.25rem!important}#page-result .result-summary-1{display:flex;flex-direction:column;gap:1.1rem;justify-content:center}#page-result .result-summary-1 .result-summary-list{display:flex;flex-direction:column;gap:.35rem}#page-result .result-summary-1 .result-summary-title{font-family:var(--m-sans)!important;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5c6b63}#page-result .result-summary-1 .result-summary-text{font-family:var(--m-serif)!important;font-size:1.9rem;font-weight:600;color:var(--m-green);line-height:1}#page-result .result-summary-1 .result-summary-graph{position:relative;height:10px;border-radius:999px;background:#ece4d2;overflow:hidden;margin:.15rem 0}#page-result .result-summary-1 .result-summary-graph:after{content:"";position:absolute;left:0;top:0;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--m-green),var(--m-yellow))}#page-result .result-summary-2{display:flex;flex-direction:column}#page-result #radarChartContainer{display:flex;justify-content:center}#page-result .result-summary-2 .result-summary-text{display:flex;gap:.6rem;align-items:flex-start;margin-top:.5rem;font-family:var(--m-sans)!important;color:#3f4a44;font-size:.95rem;line-height:1.5}#page-result .result-summary-2 .result-summary-text .deco-icon{width:28px;flex:none}#page-result .result-summary-2 .result-summary-core{display:block;margin-top:.4rem;font-style:normal;font-weight:700;color:var(--m-green)!important;-webkit-text-fill-color:var(--m-green)!important;background:none!important}#page-result .radar-scale{text-align:center;font-family:var(--m-sans);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#8a9690;margin:.2rem 0 0}#page-result #result-graph-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;padding:1.25rem!important}@media (max-width: 560px){#page-result #result-graph-grid{grid-template-columns:1fr}}#page-result #result-graph-grid .grid-item{background:#fffdf8;border:1px solid #ece4d2;border-radius:1rem;padding:1rem;display:flex;flex-direction:column;gap:.6rem}#page-result .grid-item .item-top-box{display:flex;align-items:center;justify-content:space-between;gap:.5rem}#page-result .grid-item .item-title{display:flex;align-items:center;gap:.5rem;margin:0}#page-result .grid-item .item-icon{width:26px;height:26px;flex:none}#page-result .grid-item .item-icon img{width:100%;height:100%;object-fit:contain}#page-result .grid-item .item-title-text{font-family:var(--m-sans)!important;font-weight:700;font-size:.95rem;color:var(--m-ink)}#page-result .grid-item .item-bubble{font-family:var(--m-sans)!important;font-size:.72rem;font-weight:700;padding:.25rem .6rem;border-radius:999px;white-space:nowrap}#page-result .grid-item .item-bubble.skin-good{background:#00563f1f;color:var(--m-green)}#page-result .grid-item .item-bubble.skin-normal{background:#ffc20e38;color:#8a6500}#page-result .grid-item .item-bubble.skin-bad{background:#d64d3424;color:#b23c25}#page-result .grid-item .item-graph-box{display:flex;align-items:center;gap:.6rem}#page-result .grid-item .item-graph{position:relative;flex:1;height:8px;border-radius:999px;background:#ece4d2;overflow:hidden}#page-result .grid-item .item-graph span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--m-green),var(--m-yellow))}#page-result .grid-item .item-graph-value{font-family:var(--m-serif)!important;font-weight:600;color:var(--m-green);font-size:1.1rem;min-width:2.5rem;text-align:right}#page-result .grid-item .item-text-box{font-family:var(--m-sans)!important;color:#5c6b63;font-size:.88rem;line-height:1.5}#page-result #result-skin-detail{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem!important}#page-result .skin-detail-list{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;background:#fffdf8;border:1px solid #ece4d2;border-radius:1rem;padding:1rem 1.1rem}#page-result .skin-detail-list .list-title{font-family:var(--m-serif)!important;color:var(--m-green);font-size:1.05rem;margin:0 0 .3rem}#page-result .skin-detail-list .list-text{font-family:var(--m-sans)!important;color:#5c6b63;font-size:.9rem;line-height:1.55;margin:0}#page-result .skin-detail-list .list-icon-box{width:40px;flex:none;opacity:.9}#page-result .skin-detail-list .list-icon-box img{width:100%}#page-result #skin-advice-box{padding:1.25rem!important}#page-result #skin-advice-box .gradient-line-box{display:flex;gap:.8rem;align-items:flex-start;border-left:4px solid var(--m-yellow);padding-left:1rem}#page-result #skin-advice-box .advice-text-box{font-family:var(--m-sans)!important;color:#3f4a44;line-height:1.6}#page-result #skin-advice-box .deco-icon{width:32px;flex:none}#page-result #lifestyle-management-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}@media (max-width: 720px){#page-result #lifestyle-management-list{grid-template-columns:1fr}}#page-result .lifestyle-list{background:#fffdf8;border:1px solid #ece4d2;border-radius:1rem;padding:1.1rem;border-top:3px solid var(--m-green)}#page-result .lifestyle-list .title{font-family:var(--m-serif)!important;color:var(--m-green);font-size:1.05rem;margin:0 0 .5rem}#page-result .lifestyle-list ul{list-style:none;margin:0;padding:0}#page-result .lifestyle-list ul li{font-family:var(--m-sans)!important;color:#5c6b63;font-size:.9rem;line-height:1.55}#page-loading .loading-ticket{position:fixed;top:18px;left:18px;z-index:50;width:220px}#page-loading .ticket-eyebrow,#page-loading .aws-eyebrow{font-family:var(--m-sans);font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--m-green)}#page-loading .ticket-card{display:flex;align-items:center;gap:.6rem;margin-top:.4rem;background:#fffdf8;border:1px solid #ece4d2;border-radius:.9rem;padding:.5rem;box-shadow:0 10px 28px #00563f24;animation:ticket-in .5s cubic-bezier(.22,1,.36,1) both}@keyframes ticket-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}#page-loading .ticket-card img{width:48px;height:48px;flex:none;object-fit:contain;border-radius:.5rem;background:#fff}#page-loading .ticket-info{display:flex;flex-direction:column;min-width:0}#page-loading .ticket-name{font-family:var(--m-sans);font-size:.78rem;font-weight:600;color:var(--m-ink);line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#page-loading .ticket-price{font-family:var(--m-serif);font-weight:700;color:var(--m-green);font-size:1rem}#page-loading .loading-aws-strip{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:center;gap:.7rem;flex-wrap:wrap;padding:.7rem 1rem;background:#fffdf8eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid #ece4d2}#page-loading .aws-svcs{display:inline-flex;flex-wrap:wrap;gap:.35rem}#page-loading .aws-svc{font-family:var(--m-sans);font-size:.8rem;font-weight:600;color:#3f4a44}#page-loading .aws-dot{color:var(--m-yellow-deep);font-style:normal;margin-right:.35rem}.architecture-btn{background:var(--m-green)!important;color:#fff!important;border:none!important;border-radius:999px!important;box-shadow:0 8px 22px #00563f47!important}#page-loading .loading-container{background-color:transparent!important}#page-loading .scan-pin{position:absolute;z-index:4;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.4rem;pointer-events:none;animation:pin-in .45s cubic-bezier(.22,1,.36,1) both}@keyframes pin-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}#page-loading .scan-pin .pin-dot{width:12px;height:12px;border-radius:50%;flex:none;background:var(--m-yellow);box-shadow:0 0 0 4px #ffc20e59,0 0 14px #ffc20e99}#page-loading .scan-pin.active .pin-dot{animation:pin-pulse 1.2s ease-in-out infinite}@keyframes pin-pulse{0%,to{box-shadow:0 0 0 4px #ffc20e59,0 0 14px #ffc20e99}50%{box-shadow:0 0 0 9px #ffc20e1f,0 0 20px #ffc20ee6}}#page-loading .scan-pin .pin-label{font-family:var(--m-sans);font-size:.7rem;font-weight:700;white-space:nowrap;color:#fff;background:#00563feb;padding:.2rem .55rem;border-radius:999px;box-shadow:0 4px 12px #00000040}#page-loading .scan-pin .pin-label em{font-style:normal;margin-left:.35rem;color:var(--m-yellow)}#page-loading .mirror-rail{position:fixed;top:50%;right:22px;transform:translateY(-50%);z-index:50;width:264px;padding:1.1rem 1.15rem;background:#fffdf8f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ece4d2;border-radius:1.25rem;box-shadow:0 18px 48px #00563f29}#page-loading .rail-head{margin-bottom:.9rem}#page-loading .rail-eyebrow{display:block;font-family:var(--m-sans);font-size:.62rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--m-green-soft)}#page-loading .rail-title{font-family:var(--m-serif);font-size:1.25rem;font-weight:600;color:var(--m-green)}#page-loading .rail-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}#page-loading .rail-step{display:flex;align-items:center;gap:.6rem;padding:.45rem 0;opacity:.45;transition:opacity .3s ease}#page-loading .rail-step.done,#page-loading .rail-step.active{opacity:1}#page-loading .step-tick{width:18px;height:18px;flex:none;border-radius:50%;border:2px solid #cfc7b4;position:relative}#page-loading .rail-step.active .step-tick{border-color:var(--m-yellow-deep);animation:pin-pulse 1.2s ease-in-out infinite}#page-loading .rail-step.done .step-tick{background:var(--m-green);border-color:var(--m-green)}#page-loading .rail-step.done .step-tick:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}#page-loading .step-main{display:flex;flex-direction:column;flex:1;min-width:0}#page-loading .step-label{font-family:var(--m-sans);font-size:.85rem;font-weight:600;color:var(--m-ink);line-height:1.2}#page-loading .step-aws{font-family:var(--m-sans);font-size:.66rem;font-weight:600;color:var(--m-green-soft)}#page-loading .step-score{font-family:var(--m-serif);font-weight:700;color:var(--m-green);font-size:1rem}@media (max-width: 1000px){#page-loading .mirror-rail{display:none}}.loading-basket{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:3px solid var(--m-green);box-shadow:0 -10px 30px #00563f1f;padding:.55rem 1.1rem .7rem}#page-loading .loading-basket{bottom:40px}.loading-basket .basket-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.45rem}.loading-basket .basket-title{font-family:var(--m-serif);font-size:1.05rem;font-weight:600;color:var(--m-green)}.loading-basket .basket-title em{font-family:var(--m-sans);font-style:normal;font-size:.8rem;font-weight:600;color:#5c6b63}.loading-basket .basket-cta{flex:0 0 auto;width:auto;font-family:var(--m-sans);font-size:.85rem;font-weight:700;color:#fff;white-space:nowrap;background:var(--m-green);border:none;border-radius:999px;padding:.5rem 1.2rem;cursor:pointer;animation:ticket-in .4s cubic-bezier(.22,1,.36,1) both}.loading-basket .basket-row{display:flex;gap:.7rem;overflow-x:auto;min-height:9.5rem;scrollbar-width:none}.loading-basket .basket-row::-webkit-scrollbar{display:none}.loading-basket .basket-empty{font-family:var(--m-sans);font-size:.85rem;color:#8a9690;align-self:center}.loading-basket .basket-card{flex:none;width:132px;background:#fff;border:1px solid #e7e7e7;border-radius:.75rem;padding:.5rem;display:flex;flex-direction:column;gap:.22rem;animation:basket-in .5s cubic-bezier(.22,1,.36,1) both}@keyframes basket-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}.loading-basket .basket-thumb{background:#f7f7f7;border-radius:.5rem;height:80px;display:flex;align-items:center;justify-content:center}.loading-basket .basket-thumb img{max-width:100%;max-height:100%;object-fit:contain}.loading-basket .basket-for{font-family:var(--m-sans);font-size:.6rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--m-green)}.loading-basket .basket-name{font-family:var(--m-sans);font-size:.74rem;font-weight:600;color:var(--m-ink);line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:1.8em}.loading-basket .basket-price{align-self:flex-start;font-family:var(--m-sans);font-weight:800;color:#2b2b2b;background:var(--m-yellow);border-radius:.35rem;padding:.1rem .45rem;font-size:.9rem}#page-loading .loading-percentage-box{bottom:24%!important}#page-loading .loading-rolling-box{bottom:35%!important}#page-result .result-info-content{padding-bottom:12.5rem}#page-result .content-title.title-3{display:block}#page-result .content-title.title-3 p{margin:0!important;background:none!important;-webkit-text-fill-color:var(--m-green)!important;color:var(--m-green)!important;font-family:var(--m-serif)!important}#page-result #skin-advice-box .advice-text-box{white-space:pre-line}#mbti-modal .modal-container{background:#fffdf8!important;border-radius:1.5rem!important}#mbti-modal .modal-content{font-family:var(--m-sans)}#mbti-modal .skin-type-mbti .mbti-box .mbti-text{background:none!important;-webkit-text-fill-color:var(--m-green)!important;color:var(--m-green)!important;font-family:var(--m-serif)!important;font-size:3.5rem!important;letter-spacing:.04em}#mbti-modal .skin-type-description{border-color:#ece4d2!important}#mbti-modal .skin-type-description .text{font-family:var(--m-sans)!important;color:#3f4a44!important}#mbti-modal .skin-type-highlight{background-color:#00563f0f!important;color:var(--m-green)!important;font-family:var(--m-sans)!important;border:1px solid rgba(0,86,63,.12)}#mbti-modal .mbti-feature-box dt{font-family:var(--m-serif)!important;color:var(--m-green)!important;font-size:1.1rem}#mbti-modal .mbti-feature-box dd{font-family:var(--m-sans)!important;color:#3f4a44!important}#mbti-modal .modal-close-btn button{background:var(--m-green)!important;color:#fff!important;border:none!important;border-radius:999px!important;padding:.8rem 2.5rem!important;font-family:var(--m-sans)!important;font-weight:600}#page-result #result-summary-info{display:flex!important;flex-direction:column;gap:1rem}#page-result #result-summary-info .content-bg-box.result-summary-1{flex-direction:row;justify-content:space-around;align-items:center;gap:2rem;padding:1.5rem 2rem!important}#page-result #result-summary-info .content-bg-box.result-summary-1 .result-summary-list{flex:1;align-items:center;text-align:center;gap:.45rem}#page-result #result-summary-info .content-bg-box.result-summary-1 .result-summary-graph{width:14rem;max-width:100%}#page-result #result-summary-info .content-bg-box.result-summary-2{flex-direction:row;align-items:center;gap:2.5rem}#page-result #result-summary-info .content-bg-box.result-summary-2 .result-summary-graph{flex:0 0 44%;width:auto;max-width:30rem;margin:0;align-items:center}#page-result #result-summary-info .content-bg-box.result-summary-2 .result-summary-text{flex:1;margin:0}@media (max-width: 720px){#page-result #result-summary-info .content-bg-box.result-summary-1,#page-result #result-summary-info .content-bg-box.result-summary-2{flex-direction:column}#page-result #result-summary-info .content-bg-box.result-summary-2 .result-summary-graph{flex:none;width:100%}}#page-result .skin-type-mbti .mbti-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.9rem}#page-result .skin-type-mbti .mbti-legend-item{display:flex;align-items:center;gap:.4rem;background:#fffdf8;border:1px solid #ece4d2;border-radius:999px;padding:.3rem .75rem}#page-result .skin-type-mbti .mbti-legend-letter{font-family:var(--m-serif);font-weight:700;color:var(--m-green);font-size:1rem;line-height:1}#page-result .skin-type-mbti .mbti-legend-label{font-family:var(--m-sans);font-size:.8rem;color:#5c6b63}