:root{--mallang-pink:#e8879b;--mallang-pink-dark:#d06b7f;--mallang-pink-light:#f8d4dc;--mallang-cream:#fff5f0;--mallang-blue:#6b7fb5;--mallang-blue-light:#b3bfd9;--mallang-gold:#d4a854;--mallang-gold-light:#f0ddb8;--mallang-dark:#2d2d2d;--mallang-gray:#6b6b6b;--mallang-gray-light:#f6f6f8;--mallang-white:#fff;--gradient-hero:linear-gradient(160deg, #e8879b 0%, #fff5f0 100%);--gradient-card:linear-gradient(135deg, #fff5f0 0%, #fff 100%);--gradient-pink:linear-gradient(135deg, #e8879b 0%, #d06b7f 100%);--reward-silver:#d9d9d9;--reward-gold-gradient:linear-gradient(135deg, #ffe58f, #d48806, #ffe58f);--reward-silver-shadow:0 0 12px #d9d9d9b3;--reward-gold-shadow:0 0 15px #d48806cc;--font-en:"Outfit", sans-serif;--font-kr:"KCCMurukmuruk", "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;--font-handwriting:"KCCMurukmuruk", cursive;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3.5rem;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--shadow-sm:0 2px 8px #e8879b1a;--shadow-md:0 4px 16px #e8879b26;--shadow-lg:0 8px 32px #e8879b33;--shadow-card:0 2px 12px #0000000f;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--nav-height:64px;--tab-bar-height:72px;--max-width:480px;--content-padding:20px}@keyframes tailWag{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.animate-tail{transform-origin:bottom;animation:2s ease-in-out infinite tailWag}@keyframes steamRise{0%{opacity:0;transform:translateY(0)scaleX(1)}50%{opacity:.6;transform:translateY(-12px)scaleX(1.1)}to{opacity:0;transform:translateY(-24px)scaleX(.8)}}.animate-steam{animation:3s ease-in-out infinite steamRise}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.animate-bounce{animation:2s ease-in-out infinite bounceDown}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.6s ease-out forwards fadeInUp}@keyframes pulseGlow{0%,to{box-shadow:0 0 #e8879b66}50%{box-shadow:0 0 0 12px #e8879b00}}.animate-pulse-glow{animation:2.5s ease-in-out infinite pulseGlow}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float{animation:4s ease-in-out infinite float}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:.4s ease-out forwards scaleIn}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-slide-left{animation:.5s ease-out forwards slideInLeft}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-gradient{background-size:200% 200%;animation:6s infinite gradientShift}@media (prefers-reduced-motion:reduce){.animate-tail,.animate-steam,.animate-bounce,.animate-fade-in-up,.animate-pulse-glow,.animate-float,.animate-scale-in,.animate-slide-left,.animate-gradient{animation:none!important}}@font-face{font-family:KCCMurukmuruk;src:url(/assets/fonts/KCCMurukmuruk.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-kr);color:var(--mallang-dark);background-color:var(--mallang-cream);min-height:100vh;-webkit-overflow-scrolling:touch;overscroll-behavior-y:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-height:100dvh;line-height:1.6;overflow-x:hidden}@media (display-mode:standalone){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}#root{min-height:100vh;min-height:100dvh;max-width:var(--max-width);background:var(--mallang-white);flex-direction:column;margin:0 auto;display:flex;position:relative}img{max-width:100%;height:auto;display:block}.hero-character-img,.char-mini-avatar img,.char-card-avatar img,.char-detail-img img,.shop-card-img img,.product-mini-img img,.more-brand-img{filter:drop-shadow(0 2px 6px #00000014)}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,select,textarea{-webkit-user-select:auto;user-select:auto;font-family:inherit;font-size:16px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--mallang-pink-light);border-radius:var(--radius-full)}.text-pink{color:var(--mallang-pink)}.text-blue{color:var(--mallang-blue)}.text-gold{color:var(--mallang-gold)}.text-gray{color:var(--mallang-gray)}.bg-cream{background-color:var(--mallang-cream)}.bg-pink{background-color:var(--mallang-pink)}.font-en{font-family:var(--font-en)}.font-handwriting{font-family:var(--font-handwriting)}.page{padding-bottom:calc(var(--tab-bar-height) + 24px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.section{padding:var(--space-xl) var(--content-padding)}.section-title{font-family:var(--font-kr);font-size:var(--text-2xl);margin-bottom:var(--space-xs);font-weight:700}.section-subtitle{font-size:var(--text-sm);color:var(--mallang-gray);margin-bottom:var(--space-lg)}.card{background:var(--mallang-white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:transform var(--transition-base), box-shadow var(--transition-base);overflow:hidden}@media (hover:hover){.card:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 8px 24px #e8879b2e}}.toast-container{bottom:calc(var(--tab-bar-height) + 20px);z-index:1000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--mallang-dark);color:var(--mallang-white);border-radius:var(--radius-full);font-size:var(--text-sm);white-space:nowrap;pointer-events:auto;align-items:center;gap:8px;padding:12px 20px;font-weight:500;display:flex;box-shadow:0 4px 20px #0003}.toast-emoji{font-size:1.2rem}.toast-message{line-height:1.3}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);font-weight:600;font-size:var(--text-sm);min-height:44px;transition:all var(--transition-base);padding:12px 24px;display:inline-flex}.btn-primary{background:var(--gradient-pink);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:scale(.97)}.btn-secondary{color:#fff;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#d4a84a,#c9953a)}.btn-secondary:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary:active{transform:scale(.97)}.btn-outline{border:2px solid var(--mallang-pink);color:var(--mallang-pink);background:#e8879b0f}.btn-outline:hover{background:var(--mallang-pink);color:#fff}.btn-outline:active{transform:scale(.97)}.btn-outline.wished{border-color:var(--mallang-pink-dark);color:var(--mallang-pink-dark);background:#e8879b1f}.btn-full{width:100%;font-size:var(--text-base);padding:16px}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);padding:4px 10px;font-weight:600;display:inline-block}.badge-new{background:var(--mallang-pink);color:#fff}.badge-collection{background:var(--mallang-pink-light);color:var(--mallang-pink-dark)}.badge-soldout{background:var(--mallang-gray);color:#fff}.badge-restock{background:var(--mallang-pink-light);color:var(--mallang-pink-dark);bottom:var(--space-sm);left:var(--space-sm);position:absolute}.shop-add-btn:disabled{opacity:.5;cursor:not-allowed}.shop-add-btn.preorder{background:var(--mallang-cream-dark,#d4a84a);color:#fff}.scroll-row{gap:var(--space-md);padding:var(--space-sm) var(--content-padding);margin:0 calc(var(--content-padding) * -1);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.scroll-row::-webkit-scrollbar{display:none}.scroll-row>*{scroll-snap-align:start;flex-shrink:0}.grid-2{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.pills{gap:var(--space-sm);padding:0 var(--content-padding);scrollbar-width:none;display:flex;overflow-x:auto}.pills::-webkit-scrollbar{display:none}.pill{border-radius:var(--radius-full);font-size:var(--text-sm);white-space:nowrap;background:var(--mallang-gray-light);color:var(--mallang-gray);min-height:44px;transition:all var(--transition-fast);cursor:pointer;border:none;align-items:center;padding:10px 20px;font-weight:500;display:flex}.pill:active{transform:scale(.95)}.pill.active{background:var(--mallang-pink);color:#fff;box-shadow:var(--shadow-sm)}.global-loading-spinner{object-fit:contain;filter:drop-shadow(0 4px 12px #e8879b4d);width:56px;height:56px;margin:0 auto;animation:1.5s ease-in-out infinite alternate bounceDown}.global-loading-wrap{justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;width:100%;min-height:60vh;display:flex}.global-loading-text{font-size:var(--text-sm);color:var(--mallang-gray);font-weight:500;animation:2s infinite pulseGlow}.ios-native-transition{animation:.3s ease-out forwards fadein-ios}@keyframes fadein-ios{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-flush{padding-top:0}.mt-sm{margin-top:8px}.mt-md{margin-top:12px}.mb-md{margin-bottom:12px}.icon-inline{vertical-align:middle;margin-right:4px}.icon-inline-md{vertical-align:middle;margin-right:6px}.skip-to-content{background:var(--mallang-pink);color:#fff;font-weight:600;font-size:var(--text-sm);border-radius:0 0 var(--radius-md) var(--radius-md);z-index:9999;padding:12px 24px;transition:top .2s;position:absolute;top:-100%;left:50%;transform:translate(-50%)}.skip-to-content:focus{top:0}:focus-visible{outline:2px solid var(--mallang-pink);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}.cart-toast{bottom:calc(var(--tab-bar-height) + 16px);background:var(--mallang-pink);color:#fff;border-radius:var(--radius-lg);z-index:1000;justify-content:space-between;align-items:center;gap:8px;width:calc(100% - 32px);max-width:420px;padding:12px 16px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #e8879b66}.cart-toast-content{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.cart-toast-text{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.cart-toast-btn{border-radius:var(--radius-full);color:#fff;font-size:var(--text-xs);white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background var(--transition-fast);background:#fff3;flex-shrink:0;padding:6px 14px;font-weight:700}.cart-toast-btn:hover{background:#ffffff59}.error-boundary{text-align:center;min-height:70vh;font-family:var(--font-kr);flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.error-boundary-img{object-fit:contain;opacity:.7;width:100px;height:100px;margin-bottom:16px}.error-boundary-title{margin-bottom:8px;font-size:1.25rem;font-weight:600}.error-boundary-subtitle{color:#6b6b6b;margin-bottom:8px;font-size:.9rem}.error-boundary-help{color:#999;margin-bottom:24px;font-size:.8rem}.error-boundary-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.error-boundary-reload{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e8879b 0%,#d06b7f 100%);border:none;border-radius:24px;padding:12px 32px;font-size:1rem;font-weight:600}.error-boundary-contact{color:#e8879b;cursor:pointer;border:2px solid #e8879b;border-radius:24px;align-items:center;padding:12px 32px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.tab-bar{width:100%;max-width:var(--max-width);height:calc(var(--tab-bar-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:100;background:#fffffff7;border-top:1px solid #e8879b1a;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 20px #0000000a}.tab-item{color:var(--mallang-gray);font-size:var(--text-xs);-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:2px;padding:4px 0;font-weight:500;text-decoration:none;transition:color .2s,transform .15s;display:flex}.tab-item:active{transform:scale(.92)}.tab-item.active{color:var(--mallang-pink)}.tab-icon-wrap{background:var(--mallang-cream);width:32px;height:32px;transition:background var(--transition-fast), box-shadow var(--transition-fast);will-change:transform;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.tab-icon-active{animation:.35s ease-in-out tab-bounce}@keyframes tab-bounce{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.tab-cart-badge{background:var(--mallang-pink);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-4px;right:-8px;box-shadow:0 1px 4px #00000026}.tab-item.active .tab-icon-wrap{background:var(--mallang-pink-light);box-shadow:0 2px 8px #e8879b40}.tab-icon-img{object-fit:contain;width:24px;height:24px;transition:opacity var(--transition-fast)}.tab-icon-home{object-fit:cover;border-radius:50%;width:100%;height:100%}.tab-item:not(.active) .tab-icon-img{opacity:.45}.tab-item.active .tab-icon-img{opacity:1}.tab-label{letter-spacing:-.3px;font-size:10px;font-weight:600}