.side-nav-overlay{position:fixed;inset:0;background:#0000004d;z-index:999}.side-navigation{position:fixed;top:0;right:0;width:320px;max-width:85vw;height:100vh;background:#fff;z-index:1000;transform:translate(100%);transition:transform .3s ease;overflow-y:auto;visibility:hidden;box-shadow:-2px 0 12px #0000001a}.side-navigation.sidemenu-show{transform:translate(0);visibility:visible}.side-nav-header{padding:20px}.side-nav-logo-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.side-nav-logo{height:80px;width:auto}.titan-close-btn{width:24px;height:24px;cursor:pointer}.side-nav-menu{display:flex;flex-direction:column;gap:24px}.side-nav-categories{display:flex;flex-direction:column;gap:8px}.category-wrapper{display:flex;align-items:center;justify-content:space-between;padding:12px 0;cursor:pointer;border-bottom:1px solid #eee}.category-name{color:#222;font-size:18px;font-weight:600;font-family:Manrope,sans-serif}.category-btn{width:14px;height:14px;transition:transform .3s ease}.category-btn.rotated{transform:rotate(180deg)}.category-detail{display:flex;flex-direction:column;max-height:0;overflow:hidden;transition:max-height .3s ease;padding-left:12px}.category-detail.is-open{max-height:500px}.category-link{color:#555;text-decoration:none;padding:10px 0;font-size:16px;font-family:Manrope,sans-serif;transition:color .2s}.category-link:hover{color:#222}.category-links{display:flex;flex-direction:column;gap:4px;padding-top:8px;border-top:1px solid #eee}.side-nav-auth{display:flex;gap:16px;padding:16px 0;border-top:1px solid #eee}.auth-link{color:#555;text-decoration:none;font-size:15px;font-family:Manrope,sans-serif;transition:color .2s}.auth-link:hover{color:#222}.logout-btn{background:none;border:none;cursor:pointer;padding:0}.side-nav-kakao{padding-top:8px}.kakao-link{display:flex;align-items:center;gap:10px;text-decoration:none;background:#fee500;border-radius:12px;padding:12px 16px;transition:opacity .2s}.kakao-link:hover{opacity:.9}.kakao-img{width:28px;height:28px;border-radius:6px}.kakao-text{color:#3c1e1e;font-size:15px;font-weight:600;font-family:Manrope,sans-serif}.header-section{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #eee;box-shadow:0 1px 4px #0000000f}.header-inner-wrap{max-width:1200px;margin:0 auto;padding:0 20px}.header-content{display:flex;align-items:center;justify-content:space-between;height:64px}.header-top-left{display:flex;align-items:center;text-decoration:none}.header-logo{height:40px;width:auto;object-fit:contain}.header-right{display:flex;align-items:center;gap:16px}.mobile-user-menu{width:28px;height:28px;cursor:pointer}@media(min-width:1024px){.header-logo{height:48px}}.footer-section{background:#f8f8fa;padding:40px 0 24px;margin-top:40px;border-top:1px solid #eee}.footer-inner-wrap{max-width:1200px;margin:0 auto;padding:0 20px}.footer-inner{display:flex;flex-direction:column;gap:24px}.footer-top{display:flex;flex-direction:column;gap:32px}.footer-logo-link{display:inline-block;margin-bottom:12px}.footer-logo{height:36px;width:auto}.footer-company-info{display:flex;flex-direction:column;gap:4px}.footer-text{color:#888;font-size:12px;line-height:1.6;margin:0;font-family:Manrope,sans-serif}.footer-contact{display:flex;flex-direction:column;gap:20px}.footer-contact-row{display:flex;gap:40px}.footer-contact-block{display:flex;flex-direction:column;gap:4px}.footer-contact-title{color:#333;font-size:14px;font-weight:700;margin:0;font-family:Manrope,sans-serif}.footer-contact-value{color:#666;font-size:13px;margin:0;font-family:Manrope,sans-serif}.footer-links{padding-top:8px}.footer-links-row{display:flex;align-items:center;gap:12px}.footer-link{color:#666;font-size:13px;text-decoration:none;font-family:Manrope,sans-serif;transition:color .2s}.footer-link:hover{color:#222}.footer-divider{color:#ccc;font-size:13px}.footer-copyright{color:#999;font-size:12px;text-align:center;margin:0;padding-top:20px;border-top:1px solid #eee;font-family:Manrope,sans-serif}@media(min-width:768px){.footer-top{flex-direction:row;justify-content:space-between}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-section{width:100%;overflow:hidden}.hero-inner-wrap{width:100%}.swiper-desktop{width:100%;height:500px;overflow:hidden}.swiper-mobile{width:100%;overflow:hidden}.swiper-mobile{height:600px}.swiper-desktop{height:620px}.hero-banner-img{width:100%;height:70vh;display:block;object-position:center center}@media(max-width:1023px){.swiper-desktop{display:none!important}.swiper-mobile{height:400px}.swiper-mobile .hero-banner-img{height:100%;object-fit:cover;object-position:center center}}@media(max-width:480px){.swiper-mobile{height:350px}}@media(min-width:1024px){.swiper-mobile{display:none!important}}.product-section{padding:40px 0}.product-section-inner{width:100%}.product-section-header{margin-bottom:24px}.product-section-title{color:#222;font-size:22px;font-weight:700;font-family:Manrope,sans-serif;margin:0}.product-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.product-card{display:flex;flex-direction:column;align-items:center;gap:12px;background:#f8f8fa;border-radius:16px;padding:16px;transition:background .2s;border:1px solid #eee;text-align:center}.product-card:hover{background:#f0f0f5}.product-image-link{flex-shrink:0}.product-image{width:100%;height:120px;border-radius:12px;object-fit:cover}.product-info{display:flex;flex-direction:column;gap:6px;min-width:0;width:100%}.product-buyers{color:#7c5cfc;font-size:13px;font-weight:500;font-family:Manrope,sans-serif}.product-title{margin:0;font-size:15px;font-weight:700}.product-title a{color:#222;text-decoration:none;font-family:Manrope,sans-serif}.product-title a:hover{text-decoration:underline}.product-price{display:flex;align-items:center;justify-content:center;gap:8px}.product-price-regular{color:#aaa;font-size:12px;text-decoration:line-through;font-family:Manrope,sans-serif}.product-price-sale{color:#f44;font-size:14px;font-weight:700;font-family:Manrope,sans-serif}@media(min-width:768px){.product-list{grid-template-columns:repeat(4,1fr);gap:20px}.product-image{height:160px}.product-section-title{font-size:26px}.product-title,.product-price-sale{font-size:16px}}@media(min-width:1200px){.product-list{grid-template-columns:repeat(4,1fr);gap:24px}.product-image{height:180px}}.review-section{padding:40px 0}.review-section-inner{width:100%}.review-section-header{margin-bottom:24px}.review-section-title{color:#222;font-size:22px;font-weight:700;font-family:Manrope,sans-serif;margin:0}.review-carousel{overflow:hidden}.review-track{display:flex;flex-direction:column;gap:16px}.review-card{background:#f8f8fa;border:1px solid #eee;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px}.review-card-header{display:flex;align-items:center}.review-rating{display:flex;align-items:center;gap:6px}.review-rating-star{font-size:16px}.review-rating-value{color:#222;font-size:15px;font-weight:700;font-family:Manrope,sans-serif}.review-card-content{flex:1}.review-text{color:#444;font-size:14px;line-height:1.6;margin:0;font-family:Manrope,sans-serif;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.review-author{display:flex;align-items:center;gap:8px;font-size:13px;color:#888;font-family:Manrope,sans-serif}.review-author-name{font-weight:600}.review-product{border-top:1px solid #eee;padding-top:12px}.review-product-link{display:flex;align-items:center;gap:12px;text-decoration:none}.review-product-image img{width:52px;height:52px;border-radius:10px;object-fit:cover}.review-product-info{flex:1;min-width:0}.review-product-title{color:#222;font-size:14px;font-weight:600;font-family:Manrope,sans-serif;margin-bottom:4px}.review-product-price{display:flex;align-items:center;gap:6px}.review-price-regular{color:#aaa;font-size:13px;text-decoration:line-through;font-family:Manrope,sans-serif}.review-price-sale{color:#f44;font-size:14px;font-weight:700;font-family:Manrope,sans-serif}.review-product-arrow{flex-shrink:0}.review-indicators{display:flex;justify-content:center;gap:8px;margin-top:20px}.review-indicator{width:10px;height:10px;border-radius:50%;border:none;background:#ddd;cursor:pointer;padding:0;transition:background .2s}.review-indicator.active{background:#7c5cfc}@media(min-width:768px){.review-section-title{font-size:26px}.review-track{flex-direction:row}.review-card{flex:1;min-width:0}}.floating-zone{display:flex;justify-content:center;gap:20px;max-width:1400px;margin:0 auto;padding:0 20px}.side-banner{display:none;flex-shrink:0;width:140px;position:sticky;top:80px;align-self:flex-start;height:fit-content}.side-banner-img{width:100%;height:auto;border-radius:12px}.floating-content{flex:1;max-width:680px;min-width:0}@media(min-width:1200px){.side-banner{display:block}}@media(max-width:1199px){.floating-zone{padding:0 16px}.floating-content{max-width:100%}}.product-detail-page{max-width:800px;margin:0 auto;padding:24px 16px 60px}.product-not-found{text-align:center;padding:80px 20px}.product-not-found h2{color:#222;font-family:Manrope,sans-serif;margin-bottom:20px}.back-home-btn{display:inline-block;padding:12px 24px;background:#7c5cfc;color:#fff;border-radius:10px;text-decoration:none;font-weight:700;font-family:Manrope,sans-serif}.product-detail-container{display:flex;flex-direction:column;gap:24px;margin-bottom:40px}.product-detail-image-wrap{width:100%;border-radius:16px;overflow:hidden}.product-detail-image{width:100%;height:auto;display:block;object-fit:cover}.product-detail-info{display:flex;flex-direction:column;gap:12px}.product-detail-category{display:inline-block;background:#7c5cfc1a;color:#7c5cfc;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600;font-family:Manrope,sans-serif;width:fit-content}.product-detail-name{color:#222;font-size:28px;font-weight:800;margin:0;font-family:Manrope,sans-serif}.product-detail-desc{color:#666;font-size:15px;line-height:1.6;margin:0;font-family:Manrope,sans-serif}.product-detail-pricing{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px}.product-detail-regular{color:#aaa;font-size:16px;text-decoration:line-through;font-family:Manrope,sans-serif}.product-detail-sale{color:#f44;font-size:24px;font-weight:800;font-family:Manrope,sans-serif}.product-detail-discount{background:#f44;color:#fff;padding:3px 10px;border-radius:6px;font-size:13px;font-weight:700;font-family:Manrope,sans-serif}.product-detail-buyers{color:#e67e22;font-size:14px;font-weight:600;font-family:Manrope,sans-serif}.product-detail-quantity{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}.quantity-label{color:#444;font-size:15px;font-weight:600;font-family:Manrope,sans-serif}.quantity-control{display:flex;align-items:center;gap:16px}.quantity-btn{width:36px;height:36px;border:1px solid #ddd;border-radius:8px;background:transparent;color:#333;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.quantity-btn:hover{background:#f5f5f5}.quantity-value{color:#222;font-size:17px;font-weight:700;font-family:Manrope,sans-serif;min-width:24px;text-align:center}.product-detail-total{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.total-label{color:#444;font-size:15px;font-weight:600;font-family:Manrope,sans-serif}.total-value{color:#222;font-size:22px;font-weight:800;font-family:Manrope,sans-serif}.add-to-cart-btn{width:100%;padding:16px;border:2px solid #7c5cfc;border-radius:12px;background:transparent;color:#7c5cfc;font-size:16px;font-weight:700;font-family:Manrope,sans-serif;cursor:pointer;transition:all .2s}.add-to-cart-btn:hover{background:#7c5cfc0f}.add-to-cart-btn.added{background:#7c5cfc;color:#fff}.buy-now-btn{width:100%;padding:16px;border:none;border-radius:12px;background:linear-gradient(135deg,#7c5cfc,#5a3de8);color:#fff;font-size:16px;font-weight:700;font-family:Manrope,sans-serif;cursor:pointer;transition:opacity .2s}.buy-now-btn:hover{opacity:.9}.product-detail-description,.product-detail-includes,.product-detail-reviews,.product-detail-related{margin-bottom:40px}.detail-section-title{color:#222;font-size:20px;font-weight:700;font-family:Manrope,sans-serif;margin:0 0 16px}.detail-description-content{background:#f8f8fa;border:1px solid #eee;border-radius:16px;padding:24px}.detail-description-content p{color:#444;font-size:15px;line-height:1.8;margin:0;font-family:Manrope,sans-serif}.includes-list{background:#f8f8fa;border:1px solid #eee;border-radius:16px;padding:24px 24px 24px 40px;margin:0;list-style:none}.includes-list li{color:#444;font-size:15px;line-height:2;font-family:Manrope,sans-serif;position:relative;padding-left:12px}.includes-list li:before{content:"✓";position:absolute;left:-8px;color:#7c5cfc;font-weight:700}.detail-reviews-list{display:flex;flex-direction:column;gap:12px}.detail-review-card{background:#f8f8fa;border:1px solid #eee;border-radius:12px;padding:16px}.detail-review-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.detail-review-star{color:#222;font-size:14px;font-weight:700;font-family:Manrope,sans-serif}.detail-review-author{color:#888;font-size:13px;font-family:Manrope,sans-serif}.detail-review-text{color:#444;font-size:14px;line-height:1.6;margin:0;font-family:Manrope,sans-serif}.related-products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.related-product-card{background:#f8f8fa;border:1px solid #eee;border-radius:12px;overflow:hidden;text-decoration:none;transition:background .2s}.related-product-card:hover{background:#f0f0f5}.related-product-img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block}.related-product-info{padding:12px}.related-product-name{color:#222;font-size:14px;font-weight:700;margin:0 0 6px;font-family:Manrope,sans-serif}.related-product-price{display:flex;align-items:center;gap:6px}.related-price-regular{color:#aaa;font-size:12px;text-decoration:line-through;font-family:Manrope,sans-serif}.related-price-sale{color:#f44;font-size:14px;font-weight:700;font-family:Manrope,sans-serif}@media(min-width:768px){.product-detail-container{flex-direction:row;gap:32px}.product-detail-image-wrap{width:50%;flex-shrink:0}.product-detail-name{font-size:32px}.related-products-grid{grid-template-columns:repeat(4,1fr)}}.purchase-form-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.form-container{max-width:500px;margin:0 auto;background:#fff;padding:40px;border-radius:16px;box-shadow:0 10px 30px #0000001a}.form-title{text-align:center;color:#333;font-size:28px;font-weight:700;margin-bottom:30px;font-family:Manrope,sans-serif}.purchase-form{display:flex;flex-direction:column;gap:20px}.form-label{color:#555;font-size:14px;font-weight:600;font-family:Manrope,sans-serif}.form-input{padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:15px;font-family:Manrope,sans-serif;transition:border-color .3s}.form-input:focus{outline:none;border-color:#7c5cfc}.birthdate-row{display:flex;align-items:center;gap:12px}.birthdate-input{flex:1}.calendar-type-radio{display:flex;gap:12px;flex-shrink:0}.radio-label{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:14px;color:#555;font-family:Manrope,sans-serif}.radio-label input[type=radio]{width:16px;height:16px;accent-color:#7c5cfc;cursor:pointer}.radio-label span{font-weight:500}.submit-btn{padding:14px 24px;background:linear-gradient(135deg,#7c5cfc,#5a3de8);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;font-family:Manrope,sans-serif;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #7c5cfc4d}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:32px;border-radius:16px;width:90%;max-width:400px;text-align:center;box-shadow:0 10px 25px #0003}.modal-content h2{margin-top:0;font-size:22px;color:#222}.modal-content p{color:#666;font-size:15px;margin-bottom:24px}.order-info-box{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:24px;text-align:left}.info-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:15px}.info-row:last-child{margin-bottom:0}.info-row span{color:#666}.info-row strong{color:#222;letter-spacing:.5px}.modal-confirm-btn{background:#fee500;color:#3c1e1e;border:none;width:100%;padding:14px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .2s}.modal-confirm-btn:hover{opacity:.9}.payment-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:20px;margin-top:10px;border:1px solid #dee2e6}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;color:#555}.summary-row.total{border-top:1px solid #dee2e6;margin-top:8px;padding-top:16px;font-size:18px}.summary-row.total span{font-weight:600;color:#333}.summary-row.total strong{color:#7c5cfc;font-size:22px}.success-icon{font-size:48px;margin-bottom:16px}.submit-btn:disabled{background:linear-gradient(135deg,#a8a8a8,#888);cursor:not-allowed;transform:none;box-shadow:none}.consent-section{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e1e5e9}.consent-row{display:flex;justify-content:space-between;align-items:center}.consent-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#444;font-family:Manrope,sans-serif}.consent-label input[type=checkbox]{width:18px;height:18px;accent-color:#7c5cfc;cursor:pointer;flex-shrink:0}.consent-label span{line-height:1.4}.consent-link{font-size:13px;color:#7c5cfc;text-decoration:none;flex-shrink:0}.consent-link:hover{text-decoration:underline}.login-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:40px 20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.login-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:40px;max-width:420px;width:100%}.login-header{text-align:center;margin-bottom:30px}.login-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 25px #667eea66}.login-icon span{font-size:36px}.login-header h1{font-size:28px;color:#333;margin-bottom:10px;font-weight:700}.login-header p{color:#666;font-size:15px;line-height:1.5}.login-features{display:flex;justify-content:center;gap:20px;margin-bottom:30px;padding:20px;background:#f9f9f9;border-radius:12px}.feature-item{display:flex;flex-direction:column;align-items:center;gap:8px}.feature-icon{font-size:24px}.feature-text{font-size:12px;color:#666;font-weight:500}.login-content{display:flex;flex-direction:column;align-items:center;gap:20px}.kakao-login-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:linear-gradient(135deg,#fee500,#ffd000);border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;color:#3c1e1e;transition:all .3s ease;box-shadow:0 4px 15px #fee50066}.kakao-login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #fee50080}.kakao-login-btn:active:not(:disabled){transform:translateY(0)}.kakao-login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.kakao-login-btn img{width:24px;height:24px}.btn-spinner{width:20px;height:20px;border:3px solid rgba(60,30,30,.2);border-top:3px solid #3C1E1E;border-radius:50%;animation:spin 1s linear infinite}.signup-link{font-size:14px;color:#666}.signup-link a{color:#667eea;font-weight:600;text-decoration:none;transition:color .2s}.signup-link a:hover{color:#764ba2;text-decoration:underline}.login-footer{margin-top:30px;padding-top:20px;border-top:1px solid #eee;text-align:center}.login-footer p{font-size:12px;color:#999;line-height:1.6}.login-footer a{color:#666;text-decoration:underline}.login-footer a:hover{color:#333}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:480px){.login-container{padding:20px 15px}.login-card{padding:30px 20px;border-radius:16px}.login-icon{width:70px;height:70px}.login-icon span{font-size:30px}.login-header h1{font-size:24px}.login-features{gap:15px;padding:15px}.feature-icon{font-size:20px}.feature-text{font-size:11px}}.channel-page-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f8f9fa;padding:20px}.channel-card{background:#fff;padding:40px 30px;border-radius:16px;box-shadow:0 4px 12px #0000000d;text-align:center;max-width:400px;width:100%}.icon-wrapper{font-size:48px;margin-bottom:16px}.channel-card h2{font-size:22px;color:#333;margin-bottom:12px}.channel-desc{color:#666;font-size:15px;line-height:1.6;margin-bottom:32px}.button-group{display:flex;flex-direction:column;gap:12px}.btn-add-channel{background-color:#fee500;color:#000;border:none;padding:16px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .2s}.btn-add-channel:hover{opacity:.9}.btn-skip{background-color:transparent;color:#888;border:none;padding:12px;font-size:14px;cursor:pointer;text-decoration:underline}.btn-skip:hover{color:#555}.brand-icon{width:80px;height:auto}.signup-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:40px 20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.signup-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:40px;max-width:480px;width:100%}.signup-progress{display:flex;align-items:center;justify-content:center;margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #eee}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px}.step-number{width:36px;height:36px;border-radius:50%;background:#e0e0e0;color:#999;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .3s ease}.progress-step.active .step-number{background:linear-gradient(135deg,#fee500,#ffd000);color:#3c1e1e}.progress-step.completed .step-number{background:#4caf50;color:#fff}.step-label{font-size:12px;color:#999;font-weight:500;transition:color .3s ease}.progress-step.active .step-label,.progress-step.completed .step-label{color:#333}.progress-line{width:60px;height:2px;background:#e0e0e0;margin:0 15px 20px}.signup-content{display:flex;flex-direction:column;align-items:center}.signup-header{text-align:center;margin-bottom:30px}.signup-header h1{font-size:28px;color:#333;margin-bottom:12px;font-weight:700}.signup-header p{color:#666;font-size:15px;line-height:1.6}.agreement-section{width:100%;background:#f9f9f9;border-radius:12px;padding:20px;margin-bottom:25px}.agreement-all{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:600;font-size:15px;color:#333;padding:8px 0}.agreement-divider{height:1px;background:#e0e0e0;margin:15px 0}.agreement-item{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#555;padding:8px 0;position:relative}.agreement-item .view-link{margin-left:auto;color:#888;font-size:12px;text-decoration:underline}.agreement-item .view-link:hover{color:#333}.agreement-all input[type=checkbox],.agreement-item input[type=checkbox]{display:none}.checkmark{width:22px;height:22px;border:2px solid #ddd;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.agreement-all input[type=checkbox]:checked+.checkmark,.agreement-item input[type=checkbox]:checked+.checkmark{background:#fee500;border-color:#fee500}.agreement-all input[type=checkbox]:checked+.checkmark:after,.agreement-item input[type=checkbox]:checked+.checkmark:after{content:"✓";color:#3c1e1e;font-size:14px;font-weight:700}.signup-icon{width:80px;height:80px;background:linear-gradient(135deg,#fee500,#ffd000);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 4px 15px #fee5004d}.signup-icon span{font-size:36px}.signup-features{display:flex;justify-content:center;gap:30px;margin-bottom:30px;padding:20px 0}.signup-features .feature-item{display:flex;flex-direction:column;align-items:center;gap:8px}.signup-features .feature-icon{font-size:24px}.signup-features .feature-text{font-size:13px;color:#666;font-weight:500}.kakao-signup-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:linear-gradient(135deg,#fee500,#ffd000);border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;color:#3c1e1e;transition:all .3s ease;box-shadow:0 4px 15px #fee50066;margin-bottom:20px}.kakao-signup-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #fee50080}.kakao-signup-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.kakao-signup-btn img{width:24px;height:24px}.kakao-signup-btn .btn-spinner{width:20px;height:20px;border:2px solid rgba(60,30,30,.3);border-top:2px solid #3C1E1E;border-radius:50%;animation:spin 1s linear infinite}.signup-footer{margin-top:30px;padding-top:20px;border-top:1px solid #eee;text-align:center}.signup-footer p{font-size:12px;color:#999;line-height:1.6}.signup-footer a{color:#666;text-decoration:underline}.signup-footer a:hover{color:#333}.login-link{margin-top:20px;font-size:14px;color:#666}.login-link a{color:#3c1e1e;font-weight:600;text-decoration:none}.login-link a:hover{text-decoration:underline}.profile-form{width:100%;display:flex;flex-direction:column;gap:20px}.form-row{display:flex;gap:15px}.form-row .form-group{flex:1}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#333}.form-group .required{color:#e74c3c}.form-group .optional{color:#999;font-weight:400;font-size:12px}.form-group input,.form-group select{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;color:#333;background:#fafafa;box-sizing:border-box;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#fee500;background:#fff;box-shadow:0 0 0 4px #fee50026}.form-group input::placeholder{color:#aaa}.submit-btn{margin-top:10px;width:100%;padding:16px 24px;background:linear-gradient(135deg,#333,#1a1a1a);border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;color:#fff;transition:all .3s ease;box-shadow:0 4px 15px #0003}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #FEE500;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner p{margin-top:20px;color:#666;font-size:14px}@media(max-width:520px){.signup-container{padding:20px 15px}.signup-card{padding:30px 20px;border-radius:16px}.signup-header h1{font-size:24px}.form-row{flex-direction:column;gap:20px}.progress-line{width:40px}.step-label{font-size:11px}}.complete-profile-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:40px 20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.complete-profile-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:40px;max-width:480px;width:100%}.complete-profile-card .signup-progress{display:flex;align-items:center;justify-content:center;margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #eee}.complete-profile-card .progress-step{display:flex;flex-direction:column;align-items:center;gap:8px}.complete-profile-card .step-number{width:36px;height:36px;border-radius:50%;background:#e0e0e0;color:#999;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .3s ease}.complete-profile-card .progress-step.active .step-number{background:linear-gradient(135deg,#fee500,#ffd000);color:#3c1e1e}.complete-profile-card .progress-step.completed .step-number{background:#4caf50;color:#fff}.complete-profile-card .step-label{font-size:12px;color:#999;font-weight:500;transition:color .3s ease}.complete-profile-card .progress-step.active .step-label,.complete-profile-card .progress-step.completed .step-label{color:#333}.complete-profile-card .progress-line{width:60px;height:2px;background:#e0e0e0;margin:0 15px 20px}.complete-profile-content{display:flex;flex-direction:column;align-items:center}.complete-profile-header{text-align:center;margin-bottom:30px}.complete-profile-header .welcome-icon{font-size:48px;margin-bottom:16px}.complete-profile-header h1{font-size:28px;color:#333;margin-bottom:12px;font-weight:700}.complete-profile-header p{color:#666;font-size:15px;line-height:1.6}.complete-profile-content .error-message{background-color:#fee;color:#c33;padding:12px 16px;border-radius:8px;margin-bottom:20px;width:100%;text-align:center;font-size:14px}.complete-profile-content .profile-form{width:100%;display:flex;flex-direction:column;gap:20px}.complete-profile-content .form-group{display:flex;flex-direction:column;gap:8px}.complete-profile-content .form-group label{font-size:14px;font-weight:600;color:#333}.complete-profile-content .form-group .required{color:#e74c3c}.complete-profile-content .form-group input,.complete-profile-content .form-group select{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;color:#333;background:#fafafa;box-sizing:border-box;transition:all .3s ease}.complete-profile-content .form-group input:focus,.complete-profile-content .form-group select:focus{outline:none;border-color:#fee500;background:#fff;box-shadow:0 0 0 4px #fee50026}.complete-profile-content .form-group input::placeholder{color:#aaa}.complete-profile-content .submit-btn{margin-top:10px;width:100%;padding:16px 24px;background:linear-gradient(135deg,#fee500,#ffd000);border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;color:#3c1e1e;transition:all .3s ease;box-shadow:0 4px 15px #fee50066}.complete-profile-content .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #fee50080}.complete-profile-content .submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.complete-profile-card .loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.complete-profile-card .spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #FEE500;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.complete-profile-card .loading-spinner p{margin-top:20px;color:#666;font-size:14px}@media(max-width:520px){.complete-profile-container{padding:20px 15px}.complete-profile-card{padding:30px 20px;border-radius:16px}.complete-profile-header h1{font-size:24px}.complete-profile-header .welcome-icon{font-size:40px}.complete-profile-card .progress-line{width:40px}.complete-profile-card .step-label{font-size:11px}}.privacy-agreement-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:40px 20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.privacy-agreement-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:40px;max-width:700px;width:100%}.privacy-agreement-card .signup-progress{display:flex;align-items:center;justify-content:center;margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #eee}.privacy-agreement-card .progress-step{display:flex;flex-direction:column;align-items:center;gap:8px}.privacy-agreement-card .step-number{width:36px;height:36px;border-radius:50%;background:#e0e0e0;color:#999;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .3s ease}.privacy-agreement-card .progress-step.active .step-number{background:linear-gradient(135deg,#fee500,#ffd000);color:#3c1e1e}.privacy-agreement-card .progress-step.completed .step-number{background:#4caf50;color:#fff}.privacy-agreement-card .step-label{font-size:12px;color:#999;font-weight:500;transition:color .3s ease}.privacy-agreement-card .progress-step.active .step-label,.privacy-agreement-card .progress-step.completed .step-label{color:#333}.privacy-agreement-card .progress-line{width:60px;height:2px;background:#e0e0e0;margin:0 15px 20px}.privacy-agreement-content{display:flex;flex-direction:column;align-items:center}.privacy-agreement-header{text-align:center;margin-bottom:30px}.privacy-agreement-header h1{font-size:28px;color:#333;margin-bottom:12px;font-weight:700}.privacy-agreement-header p{color:#666;font-size:15px;line-height:1.6}.privacy-agreement-content .error-message{background-color:#fee;color:#c33;padding:12px 16px;border-radius:8px;margin-bottom:20px;width:100%;text-align:center;font-size:14px}.privacy-policy-box{width:100%;max-height:400px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:12px;background:#fafafa;margin-bottom:25px}.privacy-policy-content{padding:24px;font-size:14px;line-height:1.7;color:#444}.privacy-policy-content h2{font-size:18px;color:#333;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.privacy-policy-content .intro{margin-bottom:20px;font-weight:500}.privacy-policy-content section{margin-bottom:24px}.privacy-policy-content h3{font-size:15px;color:#333;margin-bottom:10px;font-weight:600}.privacy-policy-content p{margin-bottom:10px}.privacy-policy-content ul{padding-left:20px;margin-top:8px}.privacy-policy-content li{margin-bottom:6px}.privacy-policy-content .contact-box{background:#f0f0f0;padding:16px;border-radius:8px;margin-top:12px}.privacy-policy-content .contact-box p{margin-bottom:6px}.privacy-policy-content .contact-box p:last-child{margin-bottom:0}.privacy-policy-content .effective-date{margin-top:16px;color:#333}.privacy-policy-box::-webkit-scrollbar{width:8px}.privacy-policy-box::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.privacy-policy-box::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.privacy-policy-box::-webkit-scrollbar-thumb:hover{background:#aaa}.agreement-checkbox-section{width:100%;margin-bottom:20px}.agreement-checkbox{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:15px;color:#333;padding:16px;background:#f9f9f9;border-radius:12px;transition:background .2s ease}.agreement-checkbox:hover{background:#f0f0f0}.agreement-checkbox input[type=checkbox]{display:none}.agreement-checkbox .checkmark{width:24px;height:24px;border:2px solid #ddd;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.agreement-checkbox input[type=checkbox]:checked+.checkmark{background:#fee500;border-color:#fee500}.agreement-checkbox input[type=checkbox]:checked+.checkmark:after{content:"✓";color:#3c1e1e;font-size:14px;font-weight:700}.agreement-checkbox .checkbox-label{flex:1}.agreement-checkbox .required{color:#e74c3c;font-size:13px}.agree-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#fee500,#ffd000);border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;color:#3c1e1e;transition:all .3s ease;box-shadow:0 4px 15px #fee50066}.agree-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #fee50080}.agree-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:520px){.privacy-agreement-container{padding:20px 15px}.privacy-agreement-card{padding:30px 20px;border-radius:16px}.privacy-agreement-header h1{font-size:22px}.privacy-policy-box{max-height:300px}.privacy-policy-content{padding:16px}.privacy-agreement-card .progress-line{width:40px}.privacy-agreement-card .step-label{font-size:11px}}.admin-container{max-width:1400px;margin:0 auto;padding:40px 20px;min-height:80vh}.admin-header{text-align:center;margin-bottom:40px}.admin-header h1{font-size:32px;color:#333;margin-bottom:10px}.admin-header p{color:#666;font-size:16px}.admin-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px;margin-bottom:30px}.section-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.section-header h2{font-size:22px;color:#333;margin:0}.count-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}.filters-container{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:16px;background:#f8f9fa;border-radius:12px;align-items:center}.search-box{display:flex;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:0 12px;flex:1;min-width:200px;max-width:350px}.search-icon{font-size:16px;margin-right:8px}.search-input{border:none;outline:none;padding:10px 0;font-size:14px;width:100%;background:transparent}.search-input::placeholder{color:#999}.filter-group{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filter-select{padding:10px 14px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;min-width:140px;color:#444}.filter-select:focus{outline:none;border-color:#667eea}.date-filters{display:flex;align-items:center;gap:10px}.date-filters label{display:flex;align-items:center;gap:6px;font-size:13px;color:#666}.date-input{padding:8px 10px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff;cursor:pointer}.date-input:focus{outline:none;border-color:#667eea}.clear-btn{padding:10px 16px;background:#f0f0f0;border:1px solid #ddd;border-radius:8px;font-size:13px;color:#666;cursor:pointer;transition:all .2s ease}.clear-btn:hover{background:#e0e0e0;color:#333}.no-data{text-align:center;padding:40px;color:#999;font-style:italic}.table-wrapper{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table thead{background:#f8f9fa}.admin-table th{padding:14px 12px;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #e9ecef;white-space:nowrap}.admin-table td{padding:14px 12px;border-bottom:1px solid #e9ecef;color:#444}.admin-table tbody tr:hover{background:#f8f9fa}.id-cell{font-family:monospace;font-size:12px;color:#888}.order-number{font-weight:600;color:#667eea}.price-cell{font-weight:600;color:#28a745}.status-badge{display:inline-block;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.status-badge.completed{background:#d4edda;color:#155724}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.empty{background:#e9ecef;color:#6c757d}.status-badge.processing{background:#cce5ff;color:#004085}.send-btn{padding:8px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.send-btn:active:not(:disabled){transform:translateY(0)}.send-btn:disabled{background:#ccc;cursor:not-allowed;box-shadow:none;transform:none}.loading{text-align:center;padding:40px;color:#666;font-size:16px}@media(max-width:768px){.admin-container{padding:20px 15px}.admin-header h1{font-size:26px}.admin-section{padding:16px;border-radius:12px}.section-header{flex-direction:column;align-items:flex-start;gap:10px}.section-header h2{font-size:18px}.filters-container{flex-direction:column;gap:12px;padding:12px}.search-box{max-width:100%;width:100%}.filter-group{width:100%;justify-content:flex-start}.filter-select{flex:1;min-width:120px}.date-filters{flex-direction:column;align-items:flex-start;width:100%;gap:8px}.date-filters label{width:100%}.date-input{flex:1}.clear-btn{width:100%}.admin-table{font-size:12px}.admin-table th,.admin-table td{padding:10px 8px}.send-btn{padding:6px 14px;font-size:12px}}