@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css);:root{--primary:#40c996;--primary-light:#a5f5de;--primary-deep:#267e67;--secondary:#ffe500;--secondary-light:#fff8b3;--secondary-deep:#ccae00;--tertiary:#f07b8a;--tertiary-light:#ffc7ce;--text-deep-dark:#0d261a;--text-dark:#686868;--text-medium:#b1b1b1;--text-light:#eff0f4;--text-deep-light:#fff;--border-color:#e0e0e0;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#f0f3ff;--success:#2ecc71;--warning:#f39c12;--error:#e74c3c;--shadow-sm:0 2px 8px rgba(0,0,0,.04);--shadow-md:0 4px 16px rgba(0,0,0,.08);--radius-md:12px;--radius-lg:20px;--border-light:1px solid rgba(0,0,0,.08);--shadow-sm:0 2px 8px rgba(0,0,0,.05);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 8px 24px rgba(0,0,0,.12);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px}*{margin:0;padding:0;box-sizing:border-box;font-family:Noto Sans KR,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{width:100%;max-width:480px;margin:0 auto;background:var(--bg-primary);position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.app-container,body{display:flex;flex-direction:column;min-height:100vh}body{background-color:var(--bg-secondary);color:var(--text-deep-dark);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;justify-content:flex-start}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:rgba(0,0,0,.03)}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.15)}.btn,button{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border:none;padding:12px 20px;border-radius:var(--radius-sm);font-weight:500;font-size:14px;font-family:inherit;cursor:pointer;transition:all var(--transition-fast) ease}.btn:hover{background:var(--primary-deep)}.btn-outline{background:transparent;border:1px solid var(--primary);color:var(--primary);display:inline-block;text-decoration:none;text-align:center}.btn-outline:hover{background:rgba(139,110,78,.08)}.btn-small{position:relative;width:100%;height:48px;z-index:0;display:flex;align-items:center;justify-content:center;background:var(--primary);color:var(--text-deep-light);font-size:16px;text-decoration:none;overflow:hidden;transition:color var(--transition-slow) ease,transform var(--transition-slow);border-radius:10px;cursor:pointer}.btn-small:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity var(--transition-slow);z-index:-1;background:linear-gradient(90deg,var(--primary-light) 0,var(--primary) 15%,var(--secondary) 50%,var(--primary) 85%,var(--primary-light) 100%);background-size:1000% 100%;animation:btn-gradient-slide 20s linear infinite}@keyframes btn-gradient-slide{0%{background-position:0 0}to{background-position:1000% 0}}.btn-small:hover:before{opacity:1}.btn-small:active{transform:scale(.98)}.badge{height:-moz-fit-content;height:fit-content;display:inline-flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary);border-radius:99px;padding:4px 12px;font-size:12px;font-weight:500}.badge.completed{background-color:var(--primary-light);color:var(--primary)}.all-missions,.mission-detail,.mission-screen,.mypage,.ranking{flex:1;overflow-y:auto;padding-bottom:64px;-webkit-overflow-scrolling:touch;position:relative;width:100%}.header{justify-content:space-between;height:60px;padding:0 var(--spacing-md);background-color:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;position:sticky;top:0}.header,.header-back{display:flex;align-items:center}.header-back{width:40px;justify-content:center}.header-title{font-size:18px;font-weight:400;font-style:normal;color:var(--text-deep-dark);display:flex;align-items:center}.header-action{display:flex;width:36px;height:36px}.logo,.logo-svg{width:40px;height:40px}.logo-svg{color:var(--primary)}.icon-btn{background:transparent;border:none;font-size:20px;padding:8px;color:var(--text-deep-dark);cursor:pointer;justify-content:center;width:36px;height:36px}.bottom-nav,.icon-btn{display:flex;align-items:center}.bottom-nav{justify-content:space-around;position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;height:65px;background:var(--text-deep-light);border-top:var(--border-light);box-shadow:0 -2px 10px rgba(0,0,0,.1);border-radius:20px 20px 0 0;z-index:100;padding:8px 0 18px;padding-bottom:env(safe-area-inset-bottom,0)}.nav-item{position:relative;padding:var(--spacing-sm) 0;height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0;color:var(--text-deep-dark);font-size:12px;font-weight:500;transition:all var(--transition-fast);text-decoration:none;cursor:pointer}.nav-item.active{color:var(--primary)}.nav-icon{margin-bottom:var(--spacing-xs);position:relative;width:24px;height:24px}.nav-item.active .nav-icon{transform:scale(1.1);transition:transform var(--transition-fast)}.nav-item:active .nav-icon{animation:nav-bounce .3s ease}.nav-item span{font-size:11px;font-weight:500;letter-spacing:-.3px;margin-bottom:8px}@keyframes nav-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.map-container{display:flex;flex-direction:column;height:100vh}.map-container,.map-view{width:100%;position:relative}.map-view{flex:1;height:calc(100vh - 60px)}#kakao-map{width:100%;height:100%;min-height:500px;z-index:1}.info-card{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;padding:var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding-top:10px;box-shadow:var(--shadow-lg);transition:all .3s ease;z-index:200;background:#fff}.info-card-enter-from{transform:translate(-50%,100%)}.info-card-enter-to,.info-card-leave-from{transform:translate(-50%)}.info-card-leave-to{transform:translate(-50%,100%)}.info-wrapper{display:flex;justify-content:space-between;padding:var(--spacing-md)}.info-title{font-size:20px;color:var(--text-deep-dark)}.info-status,.info-title{font-weight:600;margin-bottom:var(--spacing-md)}.info-status{font-size:16px;color:var(--primary)}.info-value-container{display:flex;font-size:13px;color:var(--text-medium)}.info-value-wrapper{display:flex;gap:10px;font-size:18px;margin-right:20px;color:var(--text-deep-dark)}.info-value{font-weight:600;font-size:18px;color:var(--primary)}.info-icon-wrapper{perspective:1000px;width:100px;height:100px}.info-icon-spin{position:relative;transform-style:preserve-3d;background:linear-gradient(90deg,var(--primary-light) 0,var(--secondary-light) 15%,var(--text-deep-light) 40%,var(--text-deep-light) 60%,var(--secondary-light) 85%,var(--primary-light) 100%);background-size:1000% 100%;animation:btn-gradient-slide 20s linear infinite,spin-y 2s ease}.info-icon-background,.info-icon-spin{width:100%;height:100%;border-radius:50%;transform:rotateY(0deg)}.info-icon-background{position:absolute;background:linear-gradient(90deg,rgba(64,201,150,.2),rgba(255,248,179,.5) 15%,transparent 40%,transparent 60%,rgba(255,248,179,.2) 85%,rgba(64,201,150,.2));background-size:1000% 100%;animation:btn-gradient-slide 20s linear infinite}.info-icon{position:absolute;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;backface-visibility:hidden;transition:background .3s ease}.info-icon.front{box-shadow:0 0 0 3px var(--primary) inset;color:var(--primary)}.info-icon.back{box-shadow:0 0 0 3px var(--secondary) inset;color:var(--secondary);transform:rotateY(180deg)}.info-icon svg{width:50px;height:50px}.spin-once{animation:spin-y 2s ease}@keyframes spin-y{0%{transform:rotateY(0deg)}20%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.info-action{display:flex;justify-content:center;text-align:center}.blur-box{position:absolute;inset:0;pointer-events:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:background var(--transition-normal),-webkit-backdrop-filter var(--transition-normal);transition:backdrop-filter var(--transition-normal),background var(--transition-normal);transition:backdrop-filter var(--transition-normal),background var(--transition-normal),-webkit-backdrop-filter var(--transition-normal);z-index:1}.info-card:hover~.blur-box{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(0,0,0,.3)}.location-info{display:flex;background-color:var(--primary);padding:var(--spacing-md);flex-direction:column;gap:var(--spacing-md)}.location-name{font-weight:600;font-size:26px;color:var(--text-light)}.location-description{font-size:14px;font-weight:500;color:var(--text-light)}.location-icon-value-container{display:flex;font-size:13px;color:var(--text-medium);justify-content:space-evenly}.location-icon-value-wrapper{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:var(--spacing-md)}.location-icon-wrapper{display:flex;flex-direction:column;align-items:center;gap:5px}.location-icon{width:50px;height:50px;background-color:var(--text-deep-light);color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center}.location-icon svg{width:40px;height:40px}.location-title{font-weight:500;font-size:14px;color:var(--text-deep-dark)}.location-value{font-weight:500;font-size:16px;color:var(--text-light)}.progress-wrapper{padding:var(--spacing-md);background-color:var(--bg-primary)}.progress-info{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;font-size:16px;font-weight:600;color:var(--text-deep-dark)}.progress-bar{width:100%;height:20px;border:1px solid var(--primary);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-light) 0,var(--primary) 15%,var(--secondary) 50%,var(--primary) 85%,var(--primary-light) 100%);background-size:1000% 100%;animation:btn-gradient-slide 20s linear infinite}.mission-list{padding:var(--spacing-md)}.mission-section-title{font-size:16px;font-weight:600;color:var(--text-deep-dark);padding:var(--spacing-md) 0}.mission-section-title-completed{padding-top:var(--spacing-xl)}.mission-card{background-color:var(--bg-primary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal);border:1px solid var(--tertiary)}.incomplete-btn-small{background-color:var(--tertiary)}.incomplete-btn-small:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity var(--transition-slow);z-index:-1;background:linear-gradient(90deg,var(--tertiary) 0,var(--tertiary-light) 25%,var(--tertiary) 50%,var(--tertiary-light) 75%,var(--tertiary) 100%);background-size:1000% 100%;animation:btn-gradient-slide 20s linear infinite}.mission-card:hover{box-shadow:var(--shadow-md)}.mission-card.completed{border:1px solid var(--primary)}.mission-title-wrapper{display:flex;align-items:center;justify-content:space-between}.mission-title{font-size:17px;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-deep-dark)}.mission-desc{font-size:14px;color:var(--text-medium);margin-bottom:var(--spacing-md);line-height:1.5}.mission-completed-image{width:100%;border-radius:12px;-o-object-fit:cover;object-fit:cover}.score-badge{background-color:var(--tertiary-light);color:var(--tertiary)}.filter-bar{align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-md) 0 var(--spacing-md);background-color:var(--bg-primary);position:sticky;top:60px;z-index:5}.filter-bar,.filter-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.filter-chips{flex:1}.chip{display:inline-flex;padding:8px 14px;background-color:var(--bg-secondary);border:1px solid var(--text-light);border-radius:24px;font-size:13px;font-weight:500;color:var(--text-medium);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(0,0,0,.05);overflow:hidden}.chip,.chip-content{align-items:center;position:relative}.chip-content{display:flex;z-index:2}.chip.active{background-color:var(--primary-light);color:var(--primary);box-shadow:0 3px 8px rgba(79,108,255,.15);font-weight:600}.chip.incomplete.active{background-color:var(--tertiary-light);color:var(--tertiary)}.chip:hover{box-shadow:0 2px 6px rgba(0,0,0,.1)}.chip-input{display:none}.sort-dropdown{position:relative}.sort-dropdown select{border:1px solid var(--text-medium);background-color:var(--bg-primary);border-radius:var(--radius-sm);background:#fff;color:var(--text-dark);font-size:13px;font-family:Noto Sans KR,sans-serif;cursor:pointer;outline:none}.sort-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:8px 30px 8px 14px;font-size:13px;color:var(--text-deep-dark);cursor:pointer;font-family:inherit;transition:all .2s ease}.sort-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-medium)}.missions-container{padding:var(--spacing-md) 0}.location-group,.missions-container{display:flex;flex-direction:column;gap:8px}.location-group{overflow:hidden}.location-header-wrapper{display:flex;gap:var(--spacing-sm);align-items:flex-end}.location-header{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:0 var(--spacing-md) 0 0;border:1px solid var(--primary);border-left:none;border-radius:0 16px 0 0;cursor:pointer;transition:all var(--transition-normal);position:relative}.location-group:hover .location-header,.location-header.highlighted{border:1px solid transparent;background:linear-gradient(90deg,var(--primary-light) 0,var(--primary) 15%,var(--secondary) 50%,var(--primary) 85%,var(--primary-light) 100%);background-size:1000% 100%;animation:btn-gradient-slide 20s linear infinite}.location-title-name{font-weight:600;font-size:18px;color:var(--primary)}.location-group:hover .location-title-name,.location-header.highlighted .location-title-name{color:var(--text-deep-light)}.location-logo{width:40px;height:40px;display:flex;color:var(--primary);align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.location-group:hover .location-logo,.location-header.highlighted .location-logo{background:none;color:var(--text-deep-light)}.btn-small svg{width:16px}.info-icon-svg{width:30px;height:30px}.toggle-icon{width:24px;height:24px;color:var(--primary);margin-left:auto;transition:all var(--transition-normal)}.location-group:hover .toggle-icon,.location-header.highlighted .toggle-icon{color:var(--text-deep-light)}.toggle-icon.collapsed{transform:rotate(-180deg)}.mission-img-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mission-img-card{position:relative;filter:grayscale(100%) brightness(30%);overflow:hidden;aspect-ratio:1/1}.mission-img-card:hover .mission-img{filter:brightness(50%)}.mission-img-card.completed{filter:none}.mission-img{width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;cursor:pointer}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container{max-width:448px;max-height:582px;transition:transform .1s ease-out;position:relative;will-change:transform;transform-style:preserve-3d;backface-visibility:hidden}.modal-container>*{pointer-events:none}.modal-overlay-effect{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2000;border-radius:8px;background-color:var(--primary);background:linear-gradient(105deg,transparent 40%,var(--primary-light) 45%,var(--secondary-light) 50%,transparent 54%);filter:brightness(1.1) opacity(.5);mix-blend-mode:color-dodge;background-size:150% 150%;background-position:100%;transition:all .1s;pointer-events:none}.close-btn{position:fixed;top:8px;right:8px;border:none;background:transparent;font-size:20px;cursor:pointer}.modal-card{background:var(--text-deep-light);padding:36px 24px;max-width:90vw;border-radius:8px;overflow:hidden;box-shadow:0 8px 16px rgba(0,0,0,.2);position:relative;z-index:1}.modal-img{width:100%;max-width:400px;border-radius:4px;-o-object-fit:cover;object-fit:cover;filter:grayscale(100%) brightness(30%)}.modal-img.completed{filter:none}.modal-title{font-size:18px;font-weight:600;max-width:400px;margin-bottom:15px}.modal-description{max-width:400px;text-align:start}.modal-wrapper{display:flex;gap:10px;justify-content:flex-end}.modal-favorites{color:var(--tertiary)}.modal-favorites,.modal-points{width:-moz-fit-content;width:fit-content;font-size:12px;font-weight:500}.modal-points{color:var(--primary)}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.photo-item{display:contents}.photo-item img{width:100%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;cursor:pointer}.modal-favorites{cursor:pointer}.modal-description{display:flex;align-items:center;gap:10px}.modal-avatar{width:35px;height:35px;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;border-radius:50%}.modal-info-wrapper{display:flex;flex-direction:column}.modal-info{display:flex;gap:10px;font-size:12px;color:var(--text-dark)}.info-address{font-size:12px;color:var(--text-medium)}.filter-options{display:flex;gap:12px}.checkbox{display:flex;align-items:center;gap:6px;cursor:pointer}.checkbox input{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.checkbox-label{font-size:13px;color:var(--text-medium)}.mission-detail{display:flex;flex-direction:column;height:auto;padding:0}.mission-header-wrapper{display:flex;padding:var(--spacing-md);border-bottom:var(--border-light);flex-direction:column;gap:var(--spacing-md)}.mission-header{width:100%;display:flex;align-items:center;justify-content:space-between}.mission-name{font-weight:600;font-size:26px;color:var(--text-deep-dark)}.mission-description{font-size:14px;font-weight:500;color:var(--text-dark)}.mission-location{font-size:14px;color:var(--text-medium)}.mission-content{padding:var(--spacing-md)}.comment-wrapper,.image-wrapper,.upload-wrapper,.uploaded-image-preview{display:flex;margin-bottom:var(--spacing-xl);flex-direction:column;gap:var(--spacing-md)}.comment-wrapper h4,.image-wrapper h4,.upload-wrapper h4{font-size:16px;font-weight:600;color:var(--primary)}.image-container{width:100%;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.image-container img{width:100%;height:auto;display:block}.upload-wrapper p{font-size:14px;color:var(--text-medium);margin-bottom:16px}.upload-box{border:2px dashed var(--primary-light);border-radius:var(--radius-md);padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:20px;background:var(--bg-secondary);cursor:pointer;transition:all var(--transition-fast) ease}.upload-box:hover{border-color:var(--primary);background:hsla(31,32%,66%,.1)}.upload-box.file-selected{border-color:var(--primary);background:hsla(31,32%,66%,.2)}.upload-box svg{color:var(--primary)}.upload-box p{margin-bottom:0;text-align:center;font-weight:500}.comment-wrapper textarea{width:100%;border:1px solid var(--primary);border-radius:var(--radius-sm);padding:var(--spacing-md);font-size:14px;resize:none;font-family:Noto Sans KR,sans-serif}.comment-wrapper textarea::-moz-placeholder{color:var(--text-medium)}.comment-wrapper textarea::placeholder{color:var(--text-medium)}.comment-wrapper textarea:focus{outline:none;border-color:var(--primary-light)}.action-buttons{display:flex;flex-direction:column;gap:12px}.action-buttons button{padding:12px 0}.cancel-btn{text-decoration:none}.cancel-btn,.cancel-btn:hover{background-color:var(--tertiary)}.cancel-btn:hover{filter:brightness(80%)}.profile-section{flex-direction:column;padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.profile-header,.profile-section{display:flex;gap:var(--spacing-lg)}.profile-header{align-items:center}.profile-avatar{width:90px;height:90px;border-radius:50%;overflow:hidden;box-shadow:var(--shadow-md);background-color:var(--primary)}.profile-avatar img{-o-object-fit:cover;object-fit:cover}.profile-info{display:flex;flex-direction:column;gap:5px}.profile-info h2{font-size:20px;font-weight:700;color:var(--text-deep-dark)}.profile-info div{font-size:14px;color:var(--text-dark)}.profile-edit{width:100%;height:48px;text-decoration:none;color:var(--text-deep-light)}.stats-wrapper{padding:var(--spacing-md);display:flex;gap:10px;background-color:var(--bg-secondary)}.stat-container{width:100%;border-radius:var(--radius-sm);padding:10px 5px;text-align:center;box-shadow:var(--shadow-sm);background-color:var(--text-deep-light)}.stat-label{font-size:12px;color:var(--text-medium)}.section-container{padding:var(--spacing-md)}.section-header{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.section-header h3{font-size:16px;font-weight:600;color:var(--text-deep-dark)}.view-all{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--primary);text-decoration:none;font-weight:500}.view-all svg{width:10px;height:10px}.img-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.img-item img{width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;display:block}.section-setting{display:flex;flex-direction:column;gap:10px;padding:var(--spacing-md)}.signout-btn{width:100%;height:48px}.signout-btn,.signout-btn:hover{background-color:var(--tertiary)}.signout-btn:hover{filter:brightness(90%)}.withdraw-btn{height:48px;color:var(--tertiary);border:1px solid var(--tertiary)}.withdraw-btn,.withdraw-btn:hover{background-color:var(--text-deep-light)}.withdraw-btn:hover{filter:brightness(90%)}.best-photo{position:relative;margin-bottom:24px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden}.photo-rank{position:absolute;top:12px;left:12px;background:var(--accent);color:#fff;font-weight:700;padding:4px 10px;border-radius:99px;font-size:14px;z-index:2}.best-photo.first .photo-rank{background:var(--primary-deep)}.best-photo.second .photo-rank{background:var(--primary)}.best-photo.third .photo-rank{background:var(--primary-light)}.photo-image{width:100%;border-radius:var(--radius-md) var(--radius-md) 0 0;overflow:hidden}.photo-image img{width:100%;height:auto;display:block}.photo-info{padding:16px}.photo-header{justify-content:space-between;margin-bottom:12px}.photo-header,.user-info{display:flex;align-items:center}.user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:10px}.user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-name{font-weight:600;color:var(--text-dark);margin-bottom:2px}.photo-location{font-size:12px;color:var(--text-medium)}.like-button,.like-count{display:flex;align-items:center;color:var(--primary);gap:4px;font-weight:500}.like-count{font-size:14px}.like-button svg,.like-count svg{color:var(--accent)}.photo-desc{font-size:14px;line-height:1.5;color:var(--text-dark);margin-bottom:16px}.photo-desc-short{font-size:13px;line-height:1.4;color:var(--text-dark);margin-top:8px}.action-bar{display:flex;gap:10px}.btn-sm{padding:8px 14px;font-size:13px;display:flex;align-items:center;gap:6px}.runners-up{display:flex;gap:16px;margin-bottom:24px}.runners-up .best-photo{flex:1;margin-bottom:0}.vote-info{background:var(--bg-secondary);border-radius:var(--radius-md);padding:20px;margin-top:30px}.vote-header{margin-bottom:16px}.vote-header h3{font-size:16px;font-weight:700;color:var(--text-dark);margin-bottom:8px}.vote-stats{display:flex;justify-content:space-between;font-size:13px;color:var(--text-medium)}.vote-action{display:flex;justify-content:center}.vote-action .btn{width:100%;max-width:240px}img{max-width:100%}img.error{background-color:#f5f5f5;border-radius:var(--radius-sm);display:flex;min-height:100px}img.error:before{content:"이미지를 불러올 수 없습니다";font-size:12px;color:var(--text-medium);width:100%;height:100%}.photo-image.empty-image,img.error:before{display:flex;align-items:center;justify-content:center}.photo-image.empty-image{background-color:#f5f5f5;min-height:180px;border-radius:var(--radius-md)}.photo-image.empty-image:after{content:"등록된 이미지가 없습니다";font-size:14px;color:var(--text-medium)}.best-photo.first .photo-image.empty-image{min-height:240px}.place-marker{cursor:pointer;filter:drop-shadow(0 4px 6px rgba(0,0,0,.15));transition:all var(--transition-normal) ease;z-index:5}.place-marker:hover{transform:translate(-50%,-105%) scale(1.08)!important;filter:drop-shadow(0 6px 8px rgba(0,0,0,.25));z-index:10}.main-page[data-v-0cec1638]{height:100vh;display:flex;flex-direction:column;justify-content:space-between}.main-container[data-v-0cec1638]{flex:3}.header-title[data-v-0cec1638]{font-family:Gloria Hallelujah,cursive;font-size:60px;display:flex;justify-content:center;margin:100px 0 20px;text-decoration:none}.logo-svg[data-v-0cec1638]{color:var(--text-deep-dark);width:100px;height:100px}.main-content-container[data-v-0cec1638]{display:flex;flex-direction:column;align-items:center;padding:20px;flex:4}.main-content[data-v-0cec1638]{font-family:Gloria Hallelujah,cursive;font-size:25px;font-weight:400}.main-content-h[data-v-0cec1638]{display:inline-block;font-family:Gloria Hallelujah,cursive;font-size:40px;font-weight:600}.main-footer[data-v-0cec1638]{padding:20px;margin-bottom:100px;flex:0}.signin[data-v-0cec1638]{height:48px;display:flex;align-items:center;justify-content:center;background:var(--text-deep-dark);color:var(--text-deep-light);text-decoration:none}.signin[data-v-0cec1638]:hover{background-color:var(--primary)}.header-title[data-v-e5f31b98]{font-family:Gloria Hallelujah,cursive;font-size:60px;display:flex;justify-content:center;margin:100px 0 60px;text-decoration:none}.logo-svg[data-v-e5f31b98]{color:var(--primary);width:100px;height:100px}.header-title:hover .logo-svg[data-v-e5f31b98]{color:var(--text-deep-dark)}.sign-in-form[data-v-e5f31b98]{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px}.form-group[data-v-e5f31b98]{width:100%}.form-group input[data-v-e5f31b98]{width:100%;height:48px;padding:var(--spacing-sm) var(--spacing-md);border:none;border:1px solid var(--primary);outline:none;color:var(--primary)}.form-group input[data-v-e5f31b98]::-moz-placeholder{color:var(--primary)}.form-group input[data-v-e5f31b98]::placeholder{color:var(--primary)}.btn-sign-in[data-v-e5f31b98]{width:100%;height:48px;border-radius:0}.sign-in-footer[data-v-e5f31b98]{text-align:center;margin-top:var(--spacing-md)}.signup[data-v-e5f31b98]{color:var(--primary);text-decoration:none}.signup[data-v-e5f31b98]:hover{text-decoration:underline}.social-login[data-v-e5f31b98]{width:100%;display:flex;gap:20px;justify-content:center;padding-top:20px;border-top:1px solid #eee}.btn-sns[data-v-e5f31b98]{width:100%;height:48px;border:none;border-radius:0;font-weight:700;cursor:pointer}.btn-sns[data-v-e5f31b98]:hover{filter:brightness(.7)}.btn-sns.kakao[data-v-e5f31b98]{background:#fee500;color:#3c1e1e}.btn-sns.naver[data-v-e5f31b98]{background:#03c75a;color:#fff}.header-title[data-v-7ad03c6c]{font-family:Gloria Hallelujah,cursive;font-size:60px;display:flex;justify-content:center;margin:100px 0 60px;text-decoration:none}.logo-svg[data-v-7ad03c6c]{width:100px;height:100px}.header-title:hover .logo-svg[data-v-7ad03c6c]{color:var(--text-deep-dark)}.sign-up-form[data-v-7ad03c6c]{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px}.form-group[data-v-7ad03c6c]{width:100%}.form-group input[data-v-7ad03c6c]{width:100%;height:48px;padding:var(--spacing-sm) var(--spacing-md);border:none;border:1px solid var(--primary);outline:none;color:var(--primary)}.form-group input[data-v-7ad03c6c]::-moz-placeholder{color:var(--primary)}.form-group input[data-v-7ad03c6c]::placeholder{color:var(--primary)}.btn-sign-up[data-v-7ad03c6c]{width:100%;height:48px;border-radius:0}.sign-up-footer[data-v-7ad03c6c]{text-align:center;margin-top:var(--spacing-md)}.sign-up-footer a[data-v-7ad03c6c]{color:var(--primary);text-decoration:none}.sign-up-footer a[data-v-7ad03c6c]:hover{text-decoration:underline}.header[data-v-6d98f9fa]{justify-content:center}.header-title[data-v-6d98f9fa]{font-family:Gloria Hallelujah,cursive}.btn-small[data-v-014e652e]{display:flex;padding:0;align-items:center;justify-content:center;font-size:20px;width:45px;height:40px;border-radius:16px 0 0 0;color:var(--primary);background:var(--text-deep-light);border:1px solid var(--primary);border-right:none}.btn-small[data-v-014e652e]:hover{border:none}.header[data-v-23dfbcac]{background-color:var(--primary);border-bottom:0;box-shadow:none}.header-title[data-v-23dfbcac],.icon-btn[data-v-23dfbcac]{color:var(--text-light)}.image-uploader[data-v-51a09f07]{width:100%;margin:0 auto}.upload-area[data-v-51a09f07]{border:2px dashed #ccc;border-radius:var(--spacing-md);text-align:center;cursor:pointer;transition:all .3s ease;min-height:200px;display:flex;align-items:center;justify-content:center;position:relative}.visually-hidden-uploader[data-v-51a09f07]{display:none}.upload-area.is-dragging[data-v-51a09f07],.upload-area[data-v-51a09f07]:hover{border-color:var(--primary);background-color:rgba(76,175,80,.05)}.uploading-indicator[data-v-51a09f07]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;background-color:var(--text-deep-light);color:var(--primary);z-index:10}.upload-placeholder[data-v-51a09f07]{display:flex;flex-direction:column;align-items:center;color:#666}.upload-icon[data-v-51a09f07]{font-size:48px;margin-bottom:10px}.preview-container[data-v-51a09f07]{position:relative;width:100%;height:100%;font-size:0}.preview-image[data-v-51a09f07]{border-radius:var(--spacing-md);height:-moz-fit-content;height:fit-content;-o-object-fit:contain;object-fit:contain}.remove-button[data-v-51a09f07]{position:absolute;top:10px;right:10px;padding:10px;background:#f44;color:#fff;border:none;border-radius:0;width:24px;height:24px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.progress-bar[data-v-51a09f07]{margin-top:10px;height:4px;background-color:#f0f0f0;border-radius:2px;overflow:hidden}.progress[data-v-51a09f07]{height:100%;background-color:var(--primary);transition:width .3s ease}.error-message[data-v-51a09f07]{color:#f44;margin-top:8px;font-size:14px}.folder-selector[data-v-51a09f07]{margin-top:15px;display:flex;gap:15px}.upload-btn-container[data-v-51a09f07]{margin-top:15px;display:flex;justify-content:center}.upload-btn[data-v-51a09f07]{padding:8px 16px;background-color:var(--primary);color:#fff;border:none;border-radius:4px;cursor:pointer}.upload-btn[data-v-51a09f07]:disabled{background-color:#ccc;cursor:not-allowed}.modal-overlay[data-v-0905f7d5]{position:fixed;inset:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container[data-v-0905f7d5]{max-width:420px;max-height:90vh;width:95%;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.3);border-radius:16px;overflow:hidden;transform:none!important;transition:none!important}.modal-overlay-effect[data-v-0905f7d5]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2000;border-radius:16px;pointer-events:none;background:none!important;filter:none!important;mix-blend-mode:normal!important;transition:none!important}.similarity-modal[data-v-0905f7d5]{background:#fff;padding:20px;border-radius:16px;position:relative;z-index:1;text-align:center;max-height:95vh;overflow-y:auto}.close-btn[data-v-0905f7d5]{position:absolute;top:16px;right:16px;background:rgba(0,0,0,.05);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .2s;z-index:10}.close-btn[data-v-0905f7d5]:hover{background:rgba(0,0,0,.1);color:#333}.stage-title[data-v-0905f7d5]{font-size:18px;font-weight:600;margin:0 0 8px;color:#333}.stage-subtitle[data-v-0905f7d5]{font-size:14px;color:#666;margin:0 0 20px}.stage-info[data-v-0905f7d5]{background-color:#f8f9fa;padding:16px;border-radius:8px;border-left:4px solid #667eea}.stage-status[data-v-0905f7d5]{font-size:14px;font-weight:500;color:#333;animation:textPulse-0905f7d5 1.5s ease-in-out infinite}@keyframes textPulse-0905f7d5{0%,to{opacity:1}50%{opacity:.7}}.comparison-stage[data-v-0905f7d5]{animation:fadeInUp-0905f7d5 .5s ease-out}@keyframes fadeInUp-0905f7d5{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.images-comparison[data-v-0905f7d5]{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px}.image-wrapper[data-v-0905f7d5]{position:relative;opacity:0;animation:fadeInSlide .8s ease-out forwards}.mission-image[data-v-0905f7d5]{animation-delay:.3s;animation-name:slideInFromLeft-0905f7d5}.user-image[data-v-0905f7d5]{animation-delay:.6s;animation-name:slideInFromRight-0905f7d5}@keyframes slideInFromLeft-0905f7d5{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight-0905f7d5{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.comparison-image[data-v-0905f7d5]{width:100px;height:70px;-o-object-fit:cover;object-fit:cover;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.15);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.comparison-image[data-v-0905f7d5]:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px rgba(0,0,0,.25)}.image-label[data-v-0905f7d5]{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:500;padding:3px 6px;border-radius:8px;white-space:nowrap;z-index:10}.mission-label[data-v-0905f7d5]{background-color:#e3f2fd;color:#1976d2}.user-label[data-v-0905f7d5]{background-color:#f3e5f5;color:#7b1fa2}.vs-indicator[data-v-0905f7d5]{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;animation:bounceIn-0905f7d5 .6s ease-out .9s forwards}@keyframes bounceIn-0905f7d5{0%{opacity:0;transform:scale(.5) translateY(-10px)}60%{opacity:1;transform:scale(1.1) translateY(0)}80%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.vs-text[data-v-0905f7d5]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:16px;font-weight:700;font-size:12px;box-shadow:0 2px 10px rgba(102,126,234,.4)}.comparison-arrows[data-v-0905f7d5]{color:#666;animation:pulseArrows-0905f7d5 2s ease-in-out infinite}@keyframes pulseArrows-0905f7d5{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.overlay-stage[data-v-0905f7d5]{animation:fadeInUp-0905f7d5 .5s ease-out}.overlay-container[data-v-0905f7d5]{display:flex;justify-content:center;margin-bottom:24px}.overlay-animation-wrapper[data-v-0905f7d5]{position:relative;width:200px;height:140px;border-radius:8px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.15)}.moving-image-container[data-v-0905f7d5]{position:absolute;width:100px;height:70px;transition:all 1.5s cubic-bezier(.4,0,.2,1);z-index:3}.moving-image[data-v-0905f7d5]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.left-image[data-v-0905f7d5]{top:35px;left:15px}.left-image.move-center[data-v-0905f7d5]{top:35px;left:50px}.right-image[data-v-0905f7d5]{top:35px;right:15px}.right-image.move-center[data-v-0905f7d5]{top:35px;right:50px}.image-label-overlay[data-v-0905f7d5]{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:500;padding:2px 5px;border-radius:8px;white-space:nowrap;transition:opacity .8s ease;z-index:10}.move-center .image-label-overlay[data-v-0905f7d5]{opacity:0}.mission-label-overlay[data-v-0905f7d5]{background-color:#e3f2fd;color:#1976d2}.user-label-overlay[data-v-0905f7d5]{background-color:#f3e5f5;color:#7b1fa2}.final-overlay-wrapper[data-v-0905f7d5]{position:absolute;top:35px;left:50px;width:100px;height:70px;z-index:2;opacity:0;transition:opacity 1s ease-in-out;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.2)}.show-final[data-v-0905f7d5]{opacity:1}.base-overlay-image[data-v-0905f7d5]{z-index:1}.base-overlay-image[data-v-0905f7d5],.top-overlay-image[data-v-0905f7d5]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.top-overlay-image[data-v-0905f7d5]{z-index:2;transition:opacity .5s ease}.alignment-grid[data-v-0905f7d5]{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);z-index:4;pointer-events:none;opacity:0;transition:opacity .5s ease}.show-grid[data-v-0905f7d5]{opacity:1}.grid-cell[data-v-0905f7d5]{border:1px solid rgba(0,255,255,.4);background:rgba(0,255,255,.08);opacity:0;animation:gridCellAppear-0905f7d5 .3s ease-out forwards}@keyframes gridCellAppear-0905f7d5{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.progress-indicators[data-v-0905f7d5]{display:flex;justify-content:space-between;gap:8px;margin-top:12px}.indicator[data-v-0905f7d5]{flex:1;text-align:center;font-size:11px;font-weight:500;padding:6px 4px;border-radius:6px;background-color:#e0e0e0;color:#888;transition:all .3s ease}.indicator.active[data-v-0905f7d5]{background-color:#00bcd4;color:#fff;transform:scale(1.05)}.scanning-stage[data-v-0905f7d5]{animation:fadeInUp-0905f7d5 .5s ease-out}.scanning-container[data-v-0905f7d5]{display:flex;flex-direction:column;align-items:center;gap:20px}.scan-image-wrapper[data-v-0905f7d5]{position:relative;width:200px;height:140px;border-radius:8px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.15)}.base-scan-image[data-v-0905f7d5]{z-index:1}.base-scan-image[data-v-0905f7d5],.overlay-scan-image[data-v-0905f7d5]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.overlay-scan-image[data-v-0905f7d5]{z-index:2;opacity:.7;mix-blend-mode:multiply}.analysis-grid[data-v-0905f7d5]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;opacity:0;animation:gridFadeIn-0905f7d5 1s ease-out forwards}@keyframes gridFadeIn-0905f7d5{to{opacity:.6}}.grid-line[data-v-0905f7d5]{position:absolute;background-color:rgba(0,255,255,.3);animation:gridPulse-0905f7d5 2s ease-in-out infinite alternate}.grid-line.horizontal[data-v-0905f7d5]{width:100%;height:1px}.grid-line.vertical[data-v-0905f7d5]{height:100%;width:1px}@keyframes gridPulse-0905f7d5{0%{opacity:.2}to{opacity:.6}}.bounding-boxes[data-v-0905f7d5]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:6}.bounding-box[data-v-0905f7d5]{position:absolute;border:2px solid #ff6b6b;border-radius:4px;opacity:0;transform:scale(.8);transition:all .3s ease;background:hsla(0,100%,71%,.1);animation:boxAppear-0905f7d5 .5s ease-out forwards}.bounding-box.active[data-v-0905f7d5]{opacity:1;transform:scale(1);border-color:#0f8;background:rgba(0,255,136,.1);box-shadow:0 0 15px rgba(0,255,136,.4)}.bounding-box.detected[data-v-0905f7d5]{border-color:#4caf50;background:rgba(76,175,80,.15);animation:boxDetected-0905f7d5 1s ease-in-out infinite alternate}@keyframes boxAppear-0905f7d5{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes boxDetected-0905f7d5{0%{box-shadow:0 0 10px rgba(76,175,80,.4)}to{box-shadow:0 0 20px rgba(76,175,80,.8)}}.box-label[data-v-0905f7d5]{position:absolute;top:-20px;left:0;background:rgba(0,0,0,.8);color:#fff;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:500;white-space:nowrap;opacity:0;animation:labelFadeIn-0905f7d5 .3s ease-out .2s forwards}.box-confidence[data-v-0905f7d5]{position:absolute;bottom:-18px;right:0;background:rgba(76,175,80,.9);color:#fff;padding:1px 4px;border-radius:2px;font-size:9px;font-weight:600;opacity:0;animation:labelFadeIn-0905f7d5 .3s ease-out .4s forwards}@keyframes labelFadeIn-0905f7d5{to{opacity:1}}.feature-circles[data-v-0905f7d5]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}.feature-circle[data-v-0905f7d5]{position:absolute;width:12px;height:12px;border:2px solid #00bcd4;border-radius:50%;transform:translate(-50%,-50%);opacity:0;animation:circleAppear-0905f7d5 .5s ease-out forwards}.feature-circle.active[data-v-0905f7d5]{opacity:1;border-color:#0f8;box-shadow:0 0 15px rgba(0,255,136,.6);animation:circlePulse-0905f7d5 1.5s ease-in-out infinite}@keyframes circleAppear-0905f7d5{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes circlePulse-0905f7d5{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.3)}}.circle-pulse[data-v-0905f7d5]{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:1px solid rgba(0,255,136,.4);border-radius:50%;animation:pulseBorder-0905f7d5 2s ease-in-out infinite}@keyframes pulseBorder-0905f7d5{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}.region-highlights[data-v-0905f7d5]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4}.region-highlight[data-v-0905f7d5]{position:absolute;border-radius:4px;opacity:0;animation:regionFadeIn-0905f7d5 .5s ease-out forwards}.region-highlight.active[data-v-0905f7d5]{opacity:1}.region-highlight.fruit[data-v-0905f7d5]{background:linear-gradient(45deg,rgba(255,193,7,.2),rgba(255,152,0,.2) 50%,rgba(255,87,34,.2));border:1px solid rgba(255,193,7,.6);animation:fruitGlow-0905f7d5 2s ease-in-out infinite alternate}.region-highlight.important[data-v-0905f7d5]{background:linear-gradient(45deg,rgba(244,67,54,.15),rgba(233,30,99,.15) 50%,rgba(156,39,176,.15));border:1px solid rgba(244,67,54,.6);animation:importantGlow-0905f7d5 2s ease-in-out infinite alternate}.region-highlight.similar[data-v-0905f7d5]{background:linear-gradient(45deg,rgba(33,150,243,.15),rgba(3,169,244,.15) 50%,rgba(0,188,212,.15));border:1px solid rgba(33,150,243,.6);animation:similarGlow-0905f7d5 2s ease-in-out infinite alternate}.region-highlight.match[data-v-0905f7d5]{background:linear-gradient(45deg,rgba(76,175,80,.15),rgba(139,195,74,.15) 50%,rgba(205,220,57,.15));border:1px solid rgba(76,175,80,.6);animation:matchGlow-0905f7d5 2s ease-in-out infinite alternate}@keyframes regionFadeIn-0905f7d5{to{opacity:1}}@keyframes fruitGlow-0905f7d5{0%{box-shadow:0 0 5px rgba(255,193,7,.3)}to{box-shadow:0 0 15px rgba(255,193,7,.6)}}@keyframes importantGlow-0905f7d5{0%{box-shadow:0 0 5px rgba(244,67,54,.3)}to{box-shadow:0 0 15px rgba(244,67,54,.6)}}@keyframes similarGlow-0905f7d5{0%{box-shadow:0 0 5px rgba(33,150,243,.3)}to{box-shadow:0 0 15px rgba(33,150,243,.6)}}@keyframes matchGlow-0905f7d5{0%{box-shadow:0 0 5px rgba(76,175,80,.3)}to{box-shadow:0 0 15px rgba(76,175,80,.6)}}.radar-scan[data-v-0905f7d5]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:7;opacity:0;transition:opacity .5s ease}.radar-scan.active[data-v-0905f7d5]{opacity:1}.radar-sweep[data-v-0905f7d5]{position:absolute;top:50%;left:50%;width:2px;height:50%;background:linear-gradient(180deg,rgba(0,255,255,.8) 0,rgba(0,255,255,.4) 50%,transparent);transform-origin:bottom center;transform:translate(-50%) rotate(0deg);animation:radarSweep-0905f7d5 3s linear infinite;box-shadow:0 0 10px rgba(0,255,255,.6)}@keyframes radarSweep-0905f7d5{0%{transform:translate(-50%) rotate(0deg)}to{transform:translate(-50%) rotate(1turn)}}.matching-lines[data-v-0905f7d5]{z-index:8;pointer-events:none}.matching-lines[data-v-0905f7d5],.matching-svg[data-v-0905f7d5]{position:absolute;top:0;left:0;width:100%;height:100%}.matching-line[data-v-0905f7d5]{stroke:#0f8;stroke-width:2;stroke-dasharray:5,5;opacity:0;animation:lineAppear-0905f7d5 .5s ease-out forwards,lineDash-0905f7d5 1s linear infinite;filter:drop-shadow(0 0 3px rgba(0,255,136,.6))}.matching-line.active[data-v-0905f7d5]{opacity:1}@keyframes lineAppear-0905f7d5{to{opacity:1}}@keyframes lineDash-0905f7d5{0%{stroke-dashoffset:0}to{stroke-dashoffset:10}}.analysis-points[data-v-0905f7d5]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4}.analysis-point[data-v-0905f7d5]{position:absolute;width:8px;height:8px;background-color:#ff6b6b;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);opacity:0;animation:pointPulse-0905f7d5 1.5s ease-in-out infinite;box-shadow:0 0 15px hsla(0,100%,71%,.6)}.analysis-point.active[data-v-0905f7d5]{opacity:1;background-color:#0f8;box-shadow:0 0 15px rgba(0,255,136,.8)}@keyframes pointPulse-0905f7d5{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.3)}}.scan-line[data-v-0905f7d5]{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,#0ff 20%,#fff 50%,#0ff 80%,transparent);box-shadow:0 0 20px #0ff,0 0 40px #0ff,0 2px 10px rgba(0,255,255,.5);transition:top .1s ease-out;z-index:5;transform:translateY(-2px)}.scan-particles[data-v-0905f7d5]{position:absolute;top:50%;left:0;width:100%;height:1px;transform:translateY(-50%)}.particle[data-v-0905f7d5]{position:absolute;width:3px;height:3px;background-color:#fff;border-radius:50%;top:50%;transform:translateY(-50%);animation:particleFloat-0905f7d5 .8s ease-in-out infinite alternate;box-shadow:0 0 6px #0ff}@keyframes particleFloat-0905f7d5{0%{transform:translateY(-50%) translateX(-2px);opacity:1}to{transform:translateY(-50%) translateX(2px);opacity:.5}}.scan-overlay[data-v-0905f7d5]{position:absolute;top:0;left:0;width:100%;background:linear-gradient(180deg,rgba(0,255,255,.15) 0,rgba(0,255,255,.08) 50%,rgba(0,255,255,.03) 80%,transparent);transition:height .1s ease-out;z-index:2;pointer-events:none}.scan-info[data-v-0905f7d5]{width:100%;max-width:100%}.scan-status[data-v-0905f7d5]{margin-bottom:16px;background-color:#f8f9fa;padding:12px;border-radius:6px;border-left:3px solid #00bcd4}.status-item[data-v-0905f7d5]{margin-bottom:4px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.status-item[data-v-0905f7d5]:last-child{margin-bottom:0}.status-label[data-v-0905f7d5]{font-weight:500;color:#666}.status-value[data-v-0905f7d5]{font-weight:600;color:#333}.status-value.blinking[data-v-0905f7d5]{animation:statusBlink-0905f7d5 1.5s ease-in-out infinite;color:#00bcd4}@keyframes statusBlink-0905f7d5{0%,to{opacity:1}50%{opacity:.6}}.progress-container[data-v-0905f7d5]{margin-bottom:20px}.progress-bar-wrapper[data-v-0905f7d5]{width:100%;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-bar[data-v-0905f7d5]{height:100%;background:linear-gradient(90deg,#4caf50,#00e676);border-radius:4px;transition:width .3s ease;position:relative}.progress-bar[data-v-0905f7d5]:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.6));animation:progress-shine-0905f7d5 1.5s infinite}@keyframes progress-shine-0905f7d5{0%{transform:translateX(20px)}to{transform:translateX(-100%)}}.progress-text[data-v-0905f7d5]{text-align:center;font-size:14px;font-weight:500;color:#666}.analysis-steps[data-v-0905f7d5]{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.step[data-v-0905f7d5]{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;background-color:#f8f9fa;transition:all .3s ease;font-size:13px;color:#666}.step.active[data-v-0905f7d5]{background-color:#e3f2fd;color:#1976d2}.step.completed[data-v-0905f7d5]{background-color:#e8f5e8;color:#2e7d32}.step-icon[data-v-0905f7d5]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#ddd;transition:all .3s ease;flex-shrink:0}.step.active .step-icon[data-v-0905f7d5]{background-color:#2196f3;color:#fff}.step.completed .step-icon[data-v-0905f7d5]{background-color:#4caf50;color:#fff}.openai-processing[data-v-0905f7d5]{text-align:center;padding:10px;background-color:#f0fdf4;border-radius:6px;border:1px solid #bbf7d0}.openai-badge[data-v-0905f7d5]{display:inline-flex;align-items:center;gap:6px;background-color:#10a37f;color:#fff;padding:6px 10px;border-radius:12px;font-size:12px;font-weight:500;animation:pulse-0905f7d5 2s infinite}@keyframes pulse-0905f7d5{0%,to{opacity:1}50%{opacity:.7}}.processing-details[data-v-0905f7d5]{margin-top:6px;font-size:11px;color:#10a37f;font-style:italic;animation:processingPulse-0905f7d5 2s ease-in-out infinite}@keyframes processingPulse-0905f7d5{0%,to{opacity:.7}50%{opacity:1}}.result-stage[data-v-0905f7d5]{animation:fadeInUp-0905f7d5 .5s ease-out}.result-header[data-v-0905f7d5]{margin-bottom:20px;text-align:center}.result-icon-container[data-v-0905f7d5]{position:relative;width:50px;height:50px;margin:0 auto 12px}.result-icon[data-v-0905f7d5]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.result-icon svg[data-v-0905f7d5]{width:28px;height:28px}.result-icon.high-score[data-v-0905f7d5]{background-color:rgba(46,204,113,.1);color:#2ecc71;box-shadow:0 0 0 2px rgba(46,204,113,.2)}.result-icon.medium-score[data-v-0905f7d5]{background-color:rgba(241,196,15,.1);color:#f1c40f;box-shadow:0 0 0 2px rgba(241,196,15,.2)}.result-icon.low-score[data-v-0905f7d5]{background-color:rgba(231,76,60,.1);color:#e74c3c;box-shadow:0 0 0 2px rgba(231,76,60,.2)}.result-title[data-v-0905f7d5]{font-size:18px;font-weight:600;margin:0;color:#333}.result-summary[data-v-0905f7d5]{margin-bottom:24px}.summary-images[data-v-0905f7d5]{display:flex;align-items:center;justify-content:center;gap:16px}.summary-image-item[data-v-0905f7d5]{position:relative}.summary-image[data-v-0905f7d5]{width:80px;height:55px;-o-object-fit:cover;object-fit:cover;border-radius:6px;box-shadow:0 3px 12px rgba(0,0,0,.15);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.summary-image[data-v-0905f7d5]:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px rgba(0,0,0,.25)}.summary-label[data-v-0905f7d5]{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:500;padding:2px 5px;border-radius:6px;white-space:nowrap;z-index:10}.mission-summary[data-v-0905f7d5]{background-color:#e3f2fd;color:#1976d2}.user-summary[data-v-0905f7d5]{background-color:#f3e5f5;color:#7b1fa2}.comparison-connector[data-v-0905f7d5]{display:flex;flex-direction:column;align-items:center;gap:4px}.connector-line[data-v-0905f7d5]{width:2px;height:30px;background:linear-gradient(180deg,transparent 0,#00bcd4 20%,#fff 50%,#00bcd4 80%,transparent);box-shadow:0 0 8px rgba(0,188,212,.4);border-radius:1px}.connector-icon[data-v-0905f7d5]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(102,126,234,.3)}.score-display[data-v-0905f7d5]{margin-bottom:20px;text-align:center}.score-container[data-v-0905f7d5]{display:flex;justify-content:center;margin-bottom:16px}.score-ring-container[data-v-0905f7d5]{position:relative;display:flex;align-items:center;justify-content:center}.score-ring[data-v-0905f7d5]{transform:rotate(-90deg);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.ring-background[data-v-0905f7d5]{fill:none;stroke:#f0f0f0;stroke-width:8;stroke-dasharray:314 314;stroke-dashoffset:0}.ring-progress[data-v-0905f7d5]{fill:none;stroke-width:8;stroke-dasharray:314 314;stroke-dashoffset:314;transition:stroke-dashoffset 1.2s cubic-bezier(.34,1.56,.64,1);stroke-linecap:round}.ring-progress.high-score[data-v-0905f7d5]{stroke:#2ecc71;filter:drop-shadow(0 0 8px rgba(46,204,113,.4))}.ring-progress.medium-score[data-v-0905f7d5]{stroke:#f1c40f;filter:drop-shadow(0 0 8px rgba(241,196,15,.4))}.ring-progress.low-score[data-v-0905f7d5]{stroke:#e74c3c;filter:drop-shadow(0 0 8px rgba(231,76,60,.4))}.score-value[data-v-0905f7d5]{position:absolute;font-size:32px;font-weight:700;line-height:1;display:flex;align-items:baseline}.score-percent[data-v-0905f7d5]{font-size:18px;font-weight:500;margin-left:2px}.score-value.high-score[data-v-0905f7d5]{color:#2ecc71}.score-value.medium-score[data-v-0905f7d5]{color:#f1c40f}.score-value.low-score[data-v-0905f7d5]{color:#e74c3c}.score-label[data-v-0905f7d5]{font-size:16px;font-weight:500;color:#666}.score-description[data-v-0905f7d5]{background-color:#f9f9f9;padding:16px;border-radius:8px;margin-bottom:20px;text-align:left;display:flex;gap:12px;position:relative;overflow:hidden}.score-description[data-v-0905f7d5]:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%}.score-description.high-score[data-v-0905f7d5]:before{background-color:#2ecc71}.score-description.medium-score[data-v-0905f7d5]:before{background-color:#f1c40f}.score-description.low-score[data-v-0905f7d5]:before{background-color:#e74c3c}.description-icon[data-v-0905f7d5]{color:#666;flex-shrink:0;margin-top:2px}.description-content[data-v-0905f7d5]{flex:1}.description-content p[data-v-0905f7d5]{margin:0 0 8px;font-size:13px;line-height:1.4;color:#444}.openai-notice[data-v-0905f7d5]{display:flex;align-items:center;gap:8px;font-size:11px;color:#666}.analysis-details[data-v-0905f7d5]{background-color:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:24px;border-left:4px solid #4caf50}.detail-grid[data-v-0905f7d5]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-item[data-v-0905f7d5]{display:flex;align-items:center;gap:8px;padding:8px;background:#fff;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.1);transition:transform .2s ease}.detail-item[data-v-0905f7d5]:hover{transform:translateY(-1px)}.detail-icon[data-v-0905f7d5]{width:24px;height:24px;background:#f0f0f0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.detail-content[data-v-0905f7d5]{flex:1}.detail-title[data-v-0905f7d5]{font-size:10px;font-weight:500;color:#666;margin-bottom:2px}.detail-value[data-v-0905f7d5]{font-size:12px;font-weight:600;color:#333}.action-buttons[data-v-0905f7d5]{display:flex!important;flex-direction:row!important;gap:12px!important;justify-content:center!important;align-items:center!important;margin-top:20px!important;width:100%!important}.btn-primary[data-v-0905f7d5]{background-color:#40c996;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;flex:1;max-width:160px;display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;white-space:nowrap}.btn-primary[data-v-0905f7d5]:hover{background-color:#267e67;transform:translateY(-1px);box-shadow:0 4px 12px rgba(64,201,150,.3)}.btn-secondary[data-v-0905f7d5]{background-color:transparent;color:#666;border:1px solid #ddd;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;flex:1;max-width:100px;min-height:44px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.btn-secondary[data-v-0905f7d5]:hover{background-color:#f5f5f5;border-color:#bbb;transform:translateY(-1px)}@media (max-width:480px){.modal-container[data-v-0905f7d5]{width:95%;max-width:100%;max-height:95vh;margin:0 8px}.similarity-modal[data-v-0905f7d5]{padding:16px;max-height:95vh;border-radius:12px}.stage-title[data-v-0905f7d5]{font-size:16px;margin-bottom:6px}.stage-subtitle[data-v-0905f7d5]{font-size:12px;margin-bottom:16px}.images-comparison[data-v-0905f7d5]{flex-direction:column;gap:12px;margin-bottom:16px}.vs-indicator[data-v-0905f7d5]{order:2;transform:rotate(90deg);margin:8px 0}.mission-image[data-v-0905f7d5]{order:1}.user-image[data-v-0905f7d5]{order:3}.comparison-image[data-v-0905f7d5]{width:90px;height:60px}.overlay-animation-wrapper[data-v-0905f7d5],.scan-image-wrapper[data-v-0905f7d5]{width:180px;height:120px}.moving-image-container[data-v-0905f7d5]{width:90px;height:60px}.left-image[data-v-0905f7d5]{top:30px;left:12px}.left-image.move-center[data-v-0905f7d5]{top:30px;left:45px;width:90px;height:60px}.right-image[data-v-0905f7d5]{top:30px;right:12px}.right-image.move-center[data-v-0905f7d5]{top:30px;right:45px;width:90px;height:60px}.final-overlay-wrapper[data-v-0905f7d5]{top:30px;left:45px;width:90px;height:60px}.summary-images[data-v-0905f7d5]{flex-direction:column;gap:10px}.comparison-connector[data-v-0905f7d5]{order:2;transform:rotate(90deg);margin:6px 0}.summary-image-item[data-v-0905f7d5]:first-child{order:1}.summary-image-item[data-v-0905f7d5]:last-child{order:3}.connector-line[data-v-0905f7d5]{width:30px;height:2px}.summary-image[data-v-0905f7d5]{width:70px;height:48px}.score-ring[data-v-0905f7d5]{width:100px;height:100px}.score-value[data-v-0905f7d5]{font-size:28px}.score-percent[data-v-0905f7d5]{font-size:16px}.detail-grid[data-v-0905f7d5]{grid-template-columns:1fr;gap:8px}.action-buttons[data-v-0905f7d5]{flex-direction:row;gap:8px;margin-top:16px;justify-content:space-between}.btn-primary[data-v-0905f7d5],.btn-secondary[data-v-0905f7d5]{max-width:48%;padding:10px 12px;font-size:13px;min-height:40px}.btn-primary[data-v-0905f7d5]{flex:1.2}.btn-secondary[data-v-0905f7d5]{flex:0.8}.progress-indicators[data-v-0905f7d5]{gap:4px}.indicator[data-v-0905f7d5]{font-size:10px;padding:4px 2px}.stage-info[data-v-0905f7d5]{padding:12px}.scan-status[data-v-0905f7d5]{padding:10px;margin-bottom:12px}.status-item[data-v-0905f7d5]{font-size:11px;margin-bottom:3px}.progress-container[data-v-0905f7d5]{margin-bottom:16px}.analysis-steps[data-v-0905f7d5]{gap:6px;margin-bottom:12px}.step[data-v-0905f7d5]{padding:6px 8px;font-size:12px;gap:8px}.step-icon[data-v-0905f7d5]{width:18px;height:18px}.openai-processing[data-v-0905f7d5]{padding:8px}.openai-badge[data-v-0905f7d5]{font-size:11px;padding:4px 8px}.processing-details[data-v-0905f7d5]{font-size:10px;margin-top:4px}.result-header[data-v-0905f7d5]{margin-bottom:16px}.result-icon-container[data-v-0905f7d5]{width:40px;height:40px;margin:0 auto 10px}.result-icon svg[data-v-0905f7d5]{width:24px;height:24px}.result-title[data-v-0905f7d5]{font-size:16px}.result-summary[data-v-0905f7d5]{margin-bottom:20px}.score-display[data-v-0905f7d5]{margin-bottom:16px}.score-description[data-v-0905f7d5]{padding:12px;gap:8px;margin-bottom:16px}.description-content p[data-v-0905f7d5]{font-size:12px;margin-bottom:6px;line-height:1.3}.openai-notice[data-v-0905f7d5]{font-size:10px;gap:6px}.analysis-details[data-v-0905f7d5]{padding:12px;margin-bottom:20px}.detail-item[data-v-0905f7d5]{padding:6px;gap:6px}.detail-icon[data-v-0905f7d5]{width:20px;height:20px}.detail-title[data-v-0905f7d5]{font-size:9px}.detail-value[data-v-0905f7d5]{font-size:11px}}@media (max-height:700px){.similarity-modal[data-v-0905f7d5]{padding:14px 18px}.stage-title[data-v-0905f7d5]{font-size:16px;margin-bottom:8px}.images-comparison[data-v-0905f7d5],.stage-subtitle[data-v-0905f7d5]{margin-bottom:14px}.overlay-animation-wrapper[data-v-0905f7d5],.scan-image-wrapper[data-v-0905f7d5]{width:200px;height:130px}.moving-image-container[data-v-0905f7d5]{width:100px;height:68px}.left-image[data-v-0905f7d5]{top:32px;left:14px}.left-image.move-center[data-v-0905f7d5]{top:32px;left:50px;width:100px;height:68px}.right-image[data-v-0905f7d5]{top:32px;right:14px}.right-image.move-center[data-v-0905f7d5]{top:32px;right:50px;width:100px;height:68px}.final-overlay-wrapper[data-v-0905f7d5]{top:32px;left:50px;width:100px;height:68px}.analysis-details[data-v-0905f7d5],.result-header[data-v-0905f7d5],.result-summary[data-v-0905f7d5],.score-description[data-v-0905f7d5],.score-display[data-v-0905f7d5]{margin-bottom:14px}.progress-container[data-v-0905f7d5],.scan-status[data-v-0905f7d5]{margin-bottom:12px}.analysis-steps[data-v-0905f7d5]{margin-bottom:10px}}.result-stage .action-buttons[data-v-0905f7d5]{display:flex!important;flex-direction:row!important;gap:12px!important;justify-content:center!important;align-items:center!important;margin-top:20px!important;width:100%!important}.result-stage .action-buttons .btn-primary[data-v-0905f7d5],.result-stage .action-buttons .btn-secondary[data-v-0905f7d5]{flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important}.loading-overlay[data-v-cfd8277c]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.8);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.loading-spinner[data-v-cfd8277c]{border:4px solid #f3f3f3;border-top:4px solid #4caf50;border-radius:50%;width:40px;height:40px;animation:spin-cfd8277c 1s linear infinite;margin-bottom:12px}@keyframes spin-cfd8277c{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mission-content-wrapper[data-v-cfd8277c]{animation:fadeIn-cfd8277c .5s ease-in-out}@keyframes fadeIn-cfd8277c{0%{opacity:0}to{opacity:1}}.uploaded-image-preview[data-v-cfd8277c]{margin-top:20px}.image-container[data-v-cfd8277c]{position:relative;width:100%;min-height:180px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;border-radius:8px;overflow:hidden}.image-container img[data-v-cfd8277c]{width:100%;height:auto;max-height:300px;-o-object-fit:cover;object-fit:cover}.image-error[data-v-cfd8277c]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#666;background-color:hsla(0,0%,100%,.9);padding:20px;border-radius:8px}.image-error p[data-v-cfd8277c]{margin:0;font-size:14px}.search-box[data-v-909d0546]{padding:0 16px 16px 16px}.search-box input[data-v-909d0546]{width:100%;padding:16px;border-radius:6px;border:1px solid var(--primary);font-size:14px;color:var(--primary);outline:none}.search-box input[data-v-909d0546]::-moz-placeholder{color:var(--primary)}.search-box input[data-v-909d0546]::placeholder{color:var(--primary)}.ranking-buttons[data-v-49b90763]{display:flex;justify-content:center;padding-bottom:var(--spacing-md)}.ranking-buttons button[data-v-49b90763]{width:100%;border-radius:0;background:var(--bg-secondary);color:var(--text-dark)}.ranking-buttons button.active[data-v-49b90763]{background:var(--primary);color:var(--text-deep-light)}.top1[data-v-49b90763]{cursor:pointer;position:relative}.top-image[data-v-49b90763]{width:100%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover}.top1-svg[data-v-49b90763]{position:absolute;top:10px;right:10px;width:50px;height:50px}.ranking-wrapper[data-v-49b90763]{padding:0 8px 16px 8px;box-sizing:border-box}.grid[data-v-49b90763]{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.grid-item[data-v-49b90763]{display:flex;flex-direction:column;min-width:0;cursor:pointer}.grid-item img[data-v-49b90763]{width:100%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover}.ranking-meta[data-v-49b90763]{font-size:12px;display:flex;gap:10px}.ranking-favorite[data-v-49b90763]{color:var(--tertiary)}.ranking-similarity[data-v-49b90763]{color:var(--primary)}.ranking-title[data-v-49b90763]{width:100%;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-header[data-v-72e12f92]{position:relative;display:flex;padding:var(--spacing-md);justify-content:flex-start}.profile-avatar[data-v-72e12f92]{position:relative;width:150px;height:150px;cursor:pointer}.uploading-message[data-v-72e12f92]{position:absolute;top:50%;left:60%;transform:translateY(-50%);font-size:14px;font-weight:700;color:var(--primary);z-index:10}.profile-edit-form[data-v-72e12f92]{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px}.profile-group[data-v-72e12f92]{display:flex;width:100%;justify-content:space-between;align-items:center}.from-label[data-v-72e12f92]{width:50px}.form-group[data-v-72e12f92]{display:flex;width:350px}.user-email-container[data-v-72e12f92]{display:flex;align-items:center;width:350px;height:48px;padding:var(--spacing-sm) var(--spacing-md);border:none;border:1px solid var(--text-medium);outline:none;color:var(--text-dark)}.form-group input[data-v-72e12f92]{width:100%;height:48px;padding:var(--spacing-sm) var(--spacing-md);border:none;border:1px solid var(--primary);outline:none;color:var(--primary)}.form-group input[data-v-72e12f92]::-moz-placeholder{color:var(--primary)}.form-group input[data-v-72e12f92]::placeholder{color:var(--primary)}.btn-profile-edit[data-v-72e12f92]{width:100%;height:48px;border-radius:0}