@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700;900&display=swap";html,body,#app{margin:0;padding:0;height:100%}body{font-family:Pretendard,sans-serif;background-color:var(--white);margin:0;padding:65px 0 0;display:flex;flex-direction:column;align-items:center;min-height:100vh;color:var(--dark-gray);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;line-height:1.6;overflow-x:hidden}.container{width:100%;max-width:768px;padding:0 20px;box-sizing:border-box}.header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 20px;box-sizing:border-box;background-color:var(--white);position:fixed;top:0;left:0;right:0;z-index:100;box-shadow:none;border-radius:0;animation:fadeInDown .8s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.logo-area img{max-height:100%;width:auto;display:block}.main-title{text-align:center;margin-top:30px;margin-bottom:25px;font-size:2em;font-weight:700;color:var(--dark-gray);animation:fadeIn 1s ease-out .2s backwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main-title strong{color:var(--primary-orange)}.upload-area{border:2px dashed #ccc;border-radius:10px;padding:30px;text-align:center;position:relative;width:100%;margin:50px auto;font-family:sans-serif;color:#555;background-color:#f9f9f9;box-sizing:border-box}.default-content .upload-text{font-size:1.1em;margin-top:15px}.upload-hint{font-size:.9em;color:#888;margin-top:5px}.initial-image-stack.overlapping-cards{position:relative;width:180px;height:120px;margin:20px auto;display:block}.overlapping-cards img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:8px;box-shadow:0 4px 8px #0003;transition:transform .3s ease-in-out,opacity .3s ease-in-out}@keyframes popInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.upload-area:hover{background-color:var(--off-white);border-color:var(--primary-orange);box-shadow:0 4px 10px #0000001a}.upload-area.dragover{background-color:var(--pale-orange);border-color:var(--primary-orange);box-shadow:0 6px 15px #ff5d0033}.upload-area input[type=file]{display:none}.upload-area .default-content{display:flex;flex-direction:column;align-items:center;color:var(--medium-gray);transition:opacity .3s ease,transform .3s ease;position:relative;z-index:2}.upload-area .icon-wrapper{margin-bottom:15px}.upload-area .material-icons{font-size:3em;color:var(--light-orange);transition:color .3s ease}.upload-area:hover .material-icons{color:var(--primary-orange)}.upload-area .upload-text{font-size:1.1em;margin-bottom:8px;color:var(--dark-gray)}.upload-area .upload-hint{font-size:.9em}.upload-area .uploaded-thumbnails-container{background-color:var(--white);border-radius:var(--border-radius-card);box-shadow:var(--shadow-subtle);padding:5px;margin-top:10px;margin-bottom:10px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;animation:fadeIn 1s ease-out .8s backwards;position:relative;z-index:4;width:100%;box-sizing:border-box}.upload-area .uploaded-thumbnails-container h3{font-size:1.1em;font-weight:600;color:var(--primary-orange);margin-top:0;margin-bottom:10px;padding-left:10px}.upload-area .uploaded-thumbnails-list{display:flex;flex-direction:row;align-items:center;padding:10px;list-style:none;margin:0;position:relative;overflow-x:auto;white-space:nowrap}.upload-area .uploaded-thumbnails-list li{display:inline-block;position:relative;margin-right:5px;transition:transform .3s ease,z-index .3s ease;transform-origin:center bottom}.upload-area .uploaded-thumbnails-list li:first-child{margin-left:0}.upload-area .uploaded-thumbnails-list li:last-child{margin-right:0}.upload-area .uploaded-thumbnails-list img{width:50px;height:50px;object-fit:cover;border-radius:8px;box-shadow:0 2px 5px #0000000d;border:1px solid var(--light-border);cursor:pointer;display:block;transition:transform .2s ease-in-out}.upload-area .uploaded-thumbnails-list li:hover img{transform:translateY(-10px) scale(1.1)!important;box-shadow:0 4px 8px #0000001a;z-index:10}.upload-area .uploaded-thumbnails-list li:hover{z-index:10}.upload-area .uploaded-thumbnails-container.empty{padding:20px;text-align:center;color:var(--medium-gray)}.upload-area .uploaded-thumbnails-container.empty h3{color:var(--medium-gray)}.initial-image-stack{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;display:flex;justify-content:center;align-items:center;pointer-events:none;opacity:1;transition:opacity .3s ease}.initial-image-stack img{position:absolute;width:120px;height:120px;object-fit:cover;border-radius:12px;box-shadow:0 5px 15px #0000001a;transition:transform .5s ease;background-color:var(--white);border:1px solid rgba(255,93,0,.1)}.initial-image-stack img:nth-child(1){transform:rotate(-10deg) translate(-20px) translateY(-10px);z-index:1;opacity:.6}.initial-image-stack img:nth-child(2){transform:rotate(5deg) translate(15px) translateY(5px);z-index:2;opacity:.7}.initial-image-stack img:nth-child(3){transform:rotate(-3deg) translate(-5px) translateY(15px);z-index:3;opacity:.8}.initial-image-stack img:nth-child(4){transform:rotate(10deg) translate(25px) translateY(-15px);z-index:4;opacity:.9}.initial-image-stack img:nth-child(5){transform:rotate(-7deg) translate(-10px) translateY(-20px);z-index:5;opacity:1}.upload-area .file-preview-container{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fffffff2;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:var(--border-radius-card);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;opacity:0;transform:scale(.95);transition:all .3s ease-out;pointer-events:none;z-index:1}.upload-area .file-preview-container.active{opacity:1;transform:scale(1);pointer-events:auto;z-index:3}.file-preview-container .main-thumbnail{max-width:90%;max-height:120px;object-fit:contain;border-radius:var(--border-radius-button);margin-bottom:10px;box-shadow:0 2px 8px #0000001a}.file-preview-container .file-info-text{font-size:.95em;color:var(--dark-gray);margin-top:15px;display:flex;align-items:center;gap:5px}.file-preview-container .file-info-text i{color:var(--primary-orange);font-size:1.1em}.uploaded-thumbnails-container{background-color:var(--white);border-radius:var(--border-radius-card);box-shadow:var(--shadow-subtle);padding:15px;margin-bottom:30px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;animation:fadeIn 1s ease-out .8s backwards}.uploaded-thumbnails-container h3{font-size:1.1em;font-weight:600;color:var(--primary-orange);margin-top:0;margin-bottom:10px;padding-left:10px}.uploaded-thumbnails-list{display:flex;flex-direction:row;align-items:center;padding:5px;list-style:none;margin:0;position:relative;overflow-x:auto;white-space:nowrap}.uploaded-thumbnails-list li{display:inline-block;position:relative;margin-right:calc(var(--thumbnail-size) * -.3);transition:transform .3s ease,z-index .3s ease;transform-origin:center bottom}.uploaded-thumbnails-list li:first-child{margin-left:0}.uploaded-thumbnails-list li:last-child{margin-right:0}.uploaded-thumbnails-list img{width:var(--thumbnail-size);height:var(--thumbnail-size);object-fit:cover;border-radius:8px;box-shadow:0 2px 5px #0000000d;border:1px solid var(--light-border);cursor:pointer;display:block;transition:transform .2s ease-in-out}.uploaded-thumbnails-list li:hover img{transform:translateY(-10px) scale(1.1)!important;box-shadow:0 4px 8px #0000001a;z-index:10}.uploaded-thumbnails-list li:hover{z-index:10}.uploaded-thumbnails-container.empty{padding:20px;text-align:center;color:var(--medium-gray)}.uploaded-thumbnails-container.empty h3{color:var(--medium-gray)}.thumbnail-remove-button{position:absolute;top:-8px;right:-8px;background-color:#f44336;color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;justify-content:center;align-items:center;font-size:.8em;cursor:pointer;box-shadow:0 2px 5px #0003;transition:background-color .2s ease;z-index:10}.thumbnail-remove-button:hover{background-color:#d32f2f}.results-preview-section{background-color:var(--white);border-radius:var(--border-radius-card);box-shadow:var(--shadow-subtle);padding:30px;margin-bottom:40px;animation:fadeIn 1s ease-out .6s backwards}.results-preview-section h2{text-align:center;font-size:1.8em;font-weight:700;color:var(--primary-orange);margin-bottom:25px}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.result-item{display:flex;align-items:flex-start;gap:15px;background-color:var(--off-white);border-radius:var(--border-radius-button);padding:20px;box-shadow:0 2px 5px #00000008;transition:transform .2s ease,box-shadow .2s ease;opacity:0;animation:slideInUp .6s ease-out forwards}.result-item:hover{transform:translateY(-5px);box-shadow:0 5px 12px #00000014}.result-item:nth-child(1){animation-delay:.2s}.result-item:nth-child(2){animation-delay:.3s}.result-item:nth-child(3){animation-delay:.4s}.result-item:nth-child(4){animation-delay:.5s}.result-item:nth-child(5){animation-delay:.6s}.result-item:nth-child(6){animation-delay:.7s}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-item .icon-wrapper{flex-shrink:0;width:40px;height:40px;background-color:var(--light-orange);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.5em;color:var(--white);box-shadow:0 2px 5px #ff5d0033}.result-item .text-content{flex-grow:1}.result-item h3{font-size:1.1em;font-weight:600;color:var(--dark-gray);margin-top:0;margin-bottom:5px}.result-item p{font-size:.9em;color:var(--medium-gray);margin:0}.generate-button{display:block;width:100%;padding:15px 20px;margin:40px auto 30px;background-color:var(--primary-orange);color:var(--white);border:none;border-radius:var(--border-radius-button);font-size:1.1em;font-weight:600;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease,transform .2s ease;box-shadow:0 4px 10px #ff5d0033;animation:fadeIn 1s ease-out 1.2s backwards}.generate-button:hover{background-color:var(--light-orange);box-shadow:0 6px 15px #ff5d004d;transform:translateY(-2px)}.generate-button:active{transform:translateY(0);box-shadow:0 2px 5px #ff5d0033}.generate-button.loading{background-color:var(--pale-orange);color:var(--medium-gray);cursor:not-allowed;box-shadow:none;transform:none}.generate-button .spinner{display:none;margin-left:10px;vertical-align:middle;animation:spin 1s linear infinite}.generate-button.loading .spinner{display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.subtle-text-element{text-align:center;margin-top:30px;margin-bottom:20px;color:var(--medium-gray);font-size:.8em;animation:fadeIn 1s ease-out 1.6s backwards}@media (max-width: 600px){body{padding-top:60px}.container{padding:0 15px}.main-title{font-size:1.8em}.header{padding:12px 15px}.nav-link{padding:6px 10px;font-size:.9em}.upload-area{padding:20px;margin-bottom:15px}.upload-area .material-icons{font-size:2.5em}.upload-area .upload-text{font-size:1em}.initial-image-stack{width:120px;height:120px}.initial-image-stack img{width:100px;height:100px}.file-preview-container .main-thumbnail{max-height:100px}.file-preview-container .file-info-text{font-size:.9em}.uploaded-thumbnails-container{padding:10px;margin-bottom:20px}.uploaded-thumbnails-container h3{font-size:1em;padding-left:5px;margin-bottom:8px}.uploaded-thumbnails-list{padding:0}.uploaded-thumbnails-list li{margin-right:calc(var(--thumbnail-size) * -.35)}.uploaded-thumbnails-list img{width:calc(var(--thumbnail-size) * .8);height:calc(var(--thumbnail-size) * .8)}.uploaded-thumbnails-list li:hover img{transform:translateY(-8px) scale(1.1)!important}.results-preview-section{padding:20px;margin-top:20px;margin-bottom:30px}.results-preview-section h2{font-size:1.5em;margin-bottom:20px}.results-grid{grid-template-columns:1fr;gap:15px}.result-item{padding:15px}.result-item .icon-wrapper{width:35px;height:35px;font-size:1.3em}.result-item h3{font-size:1em}.result-item p{font-size:.85em}.generate-button{padding:12px 15px;font-size:1em;margin:30px auto 20px}.subtle-text-element{margin-top:20px;margin-bottom:15px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:10px;border:2px solid #f1f1f1}::-webkit-scrollbar-thumb:hover{background:gray}}.photo-upload-page[data-v-a509d459]{padding-top:65px;display:flex;flex-direction:column;align-items:center}.loading-overlay[data-v-a509d459]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;text-align:center;color:var(--dark-gray);overflow:hidden}.loading-container[data-v-a509d459]{background:linear-gradient(180deg,#fdd8b1,#bde4ff);font-family:Noto Sans KR,sans-serif;display:flex;flex-direction:column;align-items:center;gap:40px;width:100%;height:100%;justify-content:center}.loading-container .sky[data-v-a509d459]{position:relative;width:100vw;max-width:600px;height:200px;overflow:visible}.loading-container .plane[data-v-a509d459]{position:absolute;left:-120px;top:60px;width:120px;height:60px;z-index:2;animation:fly-a509d459 5s cubic-bezier(.6,.01,.4,1) infinite;filter:drop-shadow(0 5px 15px rgba(0,0,0,.15));transform:scaleX(1)}@keyframes fly-a509d459{0%{left:-120px;top:60px;transform:scale(1) rotate(-8deg);opacity:.7}10%{opacity:1}50%{left:60vw;top:10px;transform:scale(1.08) rotate(3deg);opacity:1}80%{opacity:1}to{left:100vw;top:80px;transform:scale(1) rotate(-8deg);opacity:.7}}.loading-container .cloud[data-v-a509d459]{position:absolute;bottom:0;opacity:.7;animation:cloud-move-a509d459 18s linear infinite}.loading-container .cloud.c1[data-v-a509d459]{left:10vw;width:80px;animation-delay:0s}.loading-container .cloud.c2[data-v-a509d459]{left:40vw;width:120px;animation-delay:4s}.loading-container .cloud.c3[data-v-a509d459]{left:70vw;width:60px;animation-delay:8s}@keyframes cloud-move-a509d459{0%{transform:translate(0)}to{transform:translate(-120vw)}}.loading-container .loading-text[data-v-a509d459]{font-size:1.5em;font-weight:700;color:#333;letter-spacing:1px;text-align:center;margin-top:20px;text-shadow:0 2px 8px #fff8}.loading-container .loading-text strong[data-v-a509d459]{color:var(--primary-orange)}.loading-container .dot[data-v-a509d459]{display:inline-block;width:.8em;animation:blink-a509d459 1.4s infinite both;color:var(--primary-orange)}.loading-container .dot[data-v-a509d459]:nth-child(2){animation-delay:.2s}.loading-container .dot[data-v-a509d459]:nth-child(3){animation-delay:.4s}@keyframes blink-a509d459{0%,80%,to{opacity:0}40%{opacity:1}}:root{--main-color: #FF5D00;--light-bg: #f9f9f9;--text-color: #333;--placeholder-color: #aaa;--border-color: #ddd;--focus-border-color: #FF7D33;--button-hover-color: #E65200}:root{--color-primary-orange: #FF6F00;--color-secondary-yellow: #FFD700;--color-background-light: #F7F7F7;--color-white: #FFFFFF;--color-dark-gray: #333333;--color-medium-gray: #666666;--color-light-gray: #EEEEEE;--color-blue-100: #E0F2F7;--color-blue-800: #1E40AF;--color-gray-50: #F9FAFB;--color-gray-200: #E5E7EB;--color-blue-500: #3B82F6;--spacing-1: 2px;--spacing-2: 4px;--spacing-3: 8px;--spacing-4: 12px;--spacing-5: 14px;--spacing-6: 18px;--spacing-8: 24px;--spacing-10: 30px;--spacing-12: 36px;--spacing-16: 48px;--border-radius-sm: 3px;--border-radius-md: 6px;--border-radius-lg: 10px;--border-radius-xl: 14px;--border-radius-2xl: 18px;--border-radius-3xl: 22px;--border-radius-full: 9999px;--font-size-xs: .65rem;--font-size-sm: .75rem;--font-size-base: .85rem;--font-size-lg: .95rem;--font-size-xl: 1.05rem;--font-size-2xl: 1.2rem;--font-size-3xl: 1.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800}.travel-summary-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-background-light);padding:var(--spacing-5);padding-top:100px;padding-bottom:100px;box-sizing:border-box;font-family:Noto Sans KR,sans-serif}.header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 20px;box-sizing:border-box;background-color:var(--white);position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:none;border-radius:0}.logo-area{display:flex;align-items:center;color:var(--primary-orange);height:50px}.logo-area a{display:block;width:auto;height:100%;text-decoration:none}.logo-area img.retrip-logo-icon{max-height:100%;width:auto;display:block}.nav-link{color:var(--medium-gray);text-decoration:none;font-weight:500;padding:8px 12px;border-radius:var(--border-radius-button);transition:background-color .3s ease,color .3s ease;font-size:1em;color:var(--primary-orange);border:2px solid var(--primary-orange)}.nav-link:hover{background-color:var(--pale-orange);color:var(--primary-orange)}.action-buttons-container{display:flex;justify-content:center;gap:20px;margin-top:20px;width:100%;max-width:448px;padding:0 var(--spacing-4);box-sizing:border-box}.action-button{flex-grow:1;padding:12px 20px;border:none;border-radius:var(--border-radius-button);font-size:1em;font-weight:600;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.action-button .fas{font-size:1.1em}.save-button{background-color:var(--color-primary-orange);color:var(--color-white);box-shadow:0 4px 10px #ff5d0033}.save-button:hover{background-color:var(--light-orange);box-shadow:0 6px 15px #ff5d004d;transform:translateY(-2px)}.share-button{background-color:var(--color-blue-500);color:var(--color-white);box-shadow:0 4px 10px #3b82f633}.share-button:hover{background-color:#2563eb;box-shadow:0 6px 15px #3b82f64d;transform:translateY(-2px)}.travel-summary-card{width:100%;max-width:400px;background-color:var(--color-white);border-radius:var(--border-radius-3xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;text-align:center;position:relative;padding-bottom:var(--spacing-6)}.card-header{background-color:transparent;padding-top:var(--spacing-6);padding-bottom:var(--spacing-12);color:var(--color-white);font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);border-top-left-radius:var(--border-radius-3xl);border-top-right-radius:var(--border-radius-3xl);position:relative;overflow:hidden}.background-flag{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:1;z-index:1}.header-content{position:relative;z-index:2;text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 10px rgba(0,0,0,.5);background-color:#0000004d;display:inline-block;padding:var(--spacing-2) var(--spacing-6);border-radius:var(--border-radius-xl)}.profile-summary-section{background-color:#ffe6cc;padding-top:var(--spacing-8);padding-left:var(--spacing-6);padding-right:var(--spacing-6);padding-bottom:var(--spacing-6);border-radius:var(--border-radius-2xl);margin-left:var(--spacing-4);margin-right:var(--spacing-4);margin-top:calc(-1 * var(--spacing-10));position:relative;z-index:10;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.user-info-row,.keywords-mbti-row{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);margin-bottom:var(--spacing-2);flex-wrap:wrap}.egen-teto-row{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);margin-top:var(--spacing-3);flex-wrap:wrap}.username-tag{background-color:var(--color-primary-orange);color:var(--color-white);padding:var(--spacing-2) var(--spacing-5);border-radius:var(--border-radius-full);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);white-space:nowrap}.flag-tag{display:flex;align-items:center;background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);white-space:nowrap}.flag-in-tag{margin-right:var(--spacing-2)}.country-code{color:#999;font-size:.7em;margin-left:2px}.keywords-tag{background-color:#e0f2f7;color:#00549e;padding:var(--spacing-2) var(--spacing-5);border-radius:var(--border-radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);white-space:nowrap;border:1px solid #BFD3E1}.mbti-tag{background-color:var(--color-secondary-yellow);color:#640;padding:var(--spacing-2) var(--spacing-5);border-radius:var(--border-radius-full);font-size:var(--font-size-lg);font-weight:var(--font-weight-extrabold);white-space:nowrap;border:1px solid rgba(0,0,0,.1)}.egen-subtype-tag{background-color:#d1fae5;color:#065f46;padding:var(--spacing-2) var(--spacing-5);border-radius:var(--border-radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);white-space:nowrap;border:1px solid #a7f3d0}.egen-hashtag-tag{background-color:#e0e7ff;color:#3730a3;padding:var(--spacing-2) var(--spacing-5);border-radius:var(--border-radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);white-space:nowrap;border:1px solid #c7d2fe}.egen-type-tag{background-color:#f3e8ff;color:#581c87;padding:var(--spacing-2) var(--spacing-5);border-radius:var(--border-radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);white-space:nowrap;border:1px solid #e9d5ff}.summary-line{color:#940;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-top:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:2px dashed #ffb366;text-shadow:0 1px 0 rgba(255,255,255,.5)}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-3);margin-top:var(--spacing-6)}.stat-box{background-color:#fff;border-radius:var(--border-radius-xl);padding:var(--spacing-4);text-align:left;box-shadow:0 2px 4px #00000014;border:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;justify-content:space-between;min-height:90px}.stat-box.yellow-bg{background-color:var(--color-secondary-yellow);justify-content:center;align-items:center;text-align:center}.stat-box.span-two-columns{grid-column:span 2 / span 2}.stat-title{display:block;font-size:var(--font-size-base);margin-bottom:var(--spacing-1);color:#640;font-weight:var(--font-weight-bold)}.stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);color:var(--color-dark-gray)}.stat-emoji{font-size:var(--font-size-3xl);margin-top:var(--spacing-2);align-self:flex-end;color:var(--color-gray-700)}.stat-box.yellow-bg .stat-title,.stat-box.yellow-bg .stat-value,.stat-box.yellow-bg .stat-emoji{color:var(--color-dark-gray)}.stat-box:nth-child(2) .stat-emoji{color:#4b5563}.stat-box:nth-child(3) .stat-emoji{color:var(--color-blue-500)}.stat-box:nth-child(4) .stat-emoji{color:#6b7280}.favorite-subjects{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-2)}.subject-icon-wrapper{width:var(--spacing-10);height:var(--spacing-10);background-color:var(--color-gray-200);border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);color:var(--color-medium-gray);transition:transform .2s ease}.subject-icon-wrapper:hover{transform:scale(1.1)}.recommendation-list{list-style:none;padding:0;margin:0;font-size:var(--font-size-sm);color:#333;font-weight:var(--font-weight-bold);text-align:left;line-height:1.4}.recommendation-list li{margin-bottom:2px}.recommendation-list li:last-child{margin-bottom:0}.card-footer{margin-top:var(--spacing-6);padding-top:var(--spacing-4);border-top:2px dashed #ffb366}.trip-dates{color:var(--color-medium-gray);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.hashtag{color:var(--color-primary-orange);font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);margin-top:var(--spacing-1);position:relative;display:inline-block;animation:pulse 2s infinite;text-shadow:0 1px 0 rgba(255,255,255,.5)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Regular.woff2) format("woff2");font-weight:400;font-display:swap}html,body{margin:0;padding:0;width:100%;height:100%;font-family:Pretendard,sans-serif;box-sizing:border-box}#app{width:100%;height:100%}:root{--main-color: #FF7322;--signup-main-color: #FF5D00;--light-bg: #f9f9f9;--text-color: #333;--placeholder-color: #aaa;--border-color: #ddd;--focus-border-color: #FF7D33;--button-hover-color: #E65200}:root{--primary-orange: #FF5D00;--light-orange: #FF8F40;--pale-orange: #FFE6CC;--off-white: #FFFFFF;--white: #FFFFFF;--dark-gray: #333333;--medium-gray: #666666;--light-border: #EEEEEE;--shadow-subtle: 0 4px 10px rgba(0, 0, 0, .05);--border-radius-card: 16px;--border-radius-tag: 8px;--border-radius-button: 12px;--thumbnail-size: 60px;--thumbnail-gap: 8px}body{font-family:Pretendard,sans-serif;background-color:var(--white);margin:0;padding:0;color:var(--dark-gray);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:10px;border:2px solid #f1f1f1}::-webkit-scrollbar-thumb:hover{background:gray}