:root{--bg-color: #0d0d12;--glass-bg: rgba(26, 26, 36, .6);--glass-border: rgba(255, 255, 255, .08);--text-main: #ffffff;--text-muted: #a1a1aa;--accent-primary: #8b5cf6;--accent-secondary: #ec4899;--accent-glow: rgba(139, 92, 246, .4);--success: #10b981;--amazon-yellow: #febd69;--font-family: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(circle at 15% 50%,rgba(139,92,246,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(236,72,153,.08),transparent 25%);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px}.app-container{position:relative;max-width:600px;margin:0 auto;padding:24px 16px}.hero{text-align:center;margin-bottom:32px;animation:fadeIn .8s ease-out}.profile-img-container{position:relative;width:110px;height:110px;margin:0 auto 16px}.profile-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid transparent;background:linear-gradient(var(--bg-color),var(--bg-color)) padding-box,linear-gradient(45deg,var(--accent-secondary),var(--accent-primary)) border-box;padding:3px}.verified-badge{position:absolute;bottom:0;right:5px;color:#3b82f6;font-size:1.5rem;background:var(--bg-color);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #00000080}.profile-name{font-size:1.6rem;font-weight:700;margin-bottom:8px;letter-spacing:-.5px;background:linear-gradient(90deg,#ffffff,var(--accent-primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.profile-bio{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:24px}.social-links{display:flex;justify-content:center;gap:12px}.social-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.2rem;transition:all .3s ease}.social-btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px var(--accent-glow);border-color:var(--accent-primary);color:var(--accent-primary)}.sponsored-ads-container{margin-top:32px;display:flex;flex-direction:column;gap:16px;padding-top:24px;border-top:1px solid var(--glass-border)}.sponsored-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px}.sponsor-banner{display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:16px;text-decoration:none;color:#fff;transition:all .3s ease;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.sponsor-banner:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000080;border-color:#ffffff4d}.guesskaro-bg{background:linear-gradient(135deg,#1a1a2e,#ff007a26);border-left:4px solid #ff007a}.quiz-bg{background:linear-gradient(135deg,#0f2027,#00d4ff26);border-left:4px solid var(--accent-secondary)}.sponsor-content{display:flex;flex-direction:column;gap:6px;z-index:2;flex:1}.sponsor-badge{background:#ff007a;color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:4px;align-self:flex-start;text-transform:uppercase}.sponsor-content h3{font-size:1.05rem;font-weight:600;margin:0}.sponsor-content p{font-size:.8rem;color:#ffffffb3;margin:0;line-height:1.3;padding-right:12px}.sponsor-action{font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:4px;color:#fff;background:#ffffff1a;padding:6px 12px;border-radius:100px;z-index:2;white-space:nowrap}.sponsor-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.05) 50%,transparent 60%);background-size:200% 200%;animation:shimmer 3s infinite linear;pointer-events:none}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.product-card:hover{transform:translateY(-6px)!important;box-shadow:0 12px 30px #ff1ed633!important;border-color:var(--accent-primary)!important}@media(max-width:480px){.sponsor-banner{flex-direction:column;align-items:flex-start;gap:12px}.sponsor-action{align-self:flex-start}}.categories{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px;margin-bottom:24px;scrollbar-width:none;-ms-overflow-style:none}.categories::-webkit-scrollbar{display:none}.category-btn{background:transparent;border:1px solid var(--glass-border);color:var(--text-muted);padding:10px 20px;border-radius:100px;font-family:inherit;font-size:.9rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .3s ease}.category-btn.active{background:var(--text-main);color:var(--bg-color);border-color:var(--text-main);box-shadow:0 0 15px #fff3}.feed{display:flex;flex-direction:column;gap:24px}.feed-item{overflow:hidden;transition:transform .3s ease;padding:16px;display:flex;flex-direction:column;gap:16px}.video-container{position:relative;width:100%;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 4px 20px #00000080}.product-main-img{width:100%;max-height:400px;object-fit:contain;border-radius:12px}.play-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem;border:none;cursor:pointer;transition:opacity .3s}.video-container.playing .play-overlay{opacity:0;pointer-events:none}.video-controls{position:absolute;bottom:12px;right:12px}.mute-btn{background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.product-info{display:flex;flex-direction:column}.product-badge{align-self:flex-start;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));color:#fff;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:100px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.product-title{font-size:1.1rem;font-weight:600;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.85rem}.product-rating{color:var(--text-muted)}.product-prime{color:var(--amazon-yellow);display:flex;align-items:center;gap:4px}.buy-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--text-main);color:var(--bg-color);padding:14px;border-radius:12px;font-weight:600;font-size:1.05rem;transition:all .3s ease;position:relative;overflow:hidden}.buy-btn:hover{transform:scale(.98);box-shadow:0 0 20px #ffffff4d}.buy-btn:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shine 3s infinite}.app-footer{text-align:center;padding:32px 0;color:var(--text-muted);font-size:.8rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shine{0%{left:-100%}to{left:200%}}.large-btn{padding:16px;font-size:1.15rem;margin-top:10px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;font-weight:700;border-radius:12px}@media(min-width:768px){.app-container{max-width:1000px;padding:40px 24px}.hero{margin-bottom:48px}.single-product-layout{display:grid;grid-template-columns:350px 1fr;gap:32px;align-items:start;padding:24px}.video-column{position:sticky;top:24px}.ig-container{width:100%}.details-column{display:flex;flex-direction:column;gap:20px}.product-gallery{margin-bottom:0}.product-main-img{height:400px}.product-title{font-size:1.5rem}.product-desc{font-size:1rem!important}}.back-home-btn{position:absolute;top:24px;left:16px;background:#ffffff08;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);color:var(--text-muted);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .3s ease;z-index:100}.back-home-btn:hover{background:#ffffff1a;color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #0003}.catalog-title{text-align:center;margin-bottom:4px;margin-top:16px;color:var(--text-main);font-weight:700;font-size:1.6rem;letter-spacing:.5px}.catalog-subtitle{text-align:center;color:var(--text-muted);font-size:.85rem;margin-bottom:24px;animation:pulse-fade 2s ease-in-out infinite}@keyframes pulse-fade{0%,to{opacity:.5}50%{opacity:1}}.stories-carousel{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:8px 16px 16px;scrollbar-width:none}.stories-carousel::-webkit-scrollbar{display:none}.story-card{flex:0 0 340px;scroll-snap-align:center;text-decoration:none;color:inherit;display:flex;flex-direction:column;border-radius:24px;overflow:hidden;position:relative;background:#0f0f19f2;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s ease}.story-card:hover{transform:translateY(-8px) scale(1.02)}.story-glow{position:absolute;inset:-2px;border-radius:26px;z-index:-1;opacity:.6;transition:opacity .4s ease}.story-card:hover .story-glow{opacity:1}.story-card[data-theme=purple] .story-glow{background:linear-gradient(135deg,#8b5cf6,#ec4899,#8b5cf6,#06b6d4);background-size:300% 300%;animation:gradient-spin 4s ease infinite}.story-card[data-theme=pink] .story-glow{background:linear-gradient(135deg,#ff007a,#ff6b9d,#ff007a,#e040fb);background-size:300% 300%;animation:gradient-spin 4s ease infinite}.story-card[data-theme=green] .story-glow{background:linear-gradient(135deg,#2ecc71,#00d4aa,#2ecc71,#a8e063);background-size:300% 300%;animation:gradient-spin 4s ease infinite}@keyframes gradient-spin{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.story-card[data-theme=purple]:hover{box-shadow:0 8px 40px #8b5cf64d,0 0 60px #8b5cf61a}.story-card[data-theme=pink]:hover{box-shadow:0 8px 40px #ff007a4d,0 0 60px #ff007a1a}.story-card[data-theme=green]:hover{box-shadow:0 8px 40px #2ecc714d,0 0 60px #2ecc711a}.story-card[data-theme=orange] .story-glow{background:linear-gradient(135deg,#f39c12,#e67e22,#f39c12,#f1c40f);background-size:300% 300%;animation:gradient-spin 4s ease infinite}.story-card[data-theme=orange]:hover{box-shadow:0 8px 40px #f39c124d,0 0 60px #f39c121a}.story-image-wrap{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:#fff}.story-img{width:100%;height:100%;object-fit:contain;padding:16px;transition:transform .5s ease}.story-card:hover .story-img{transform:scale(1.05)}.story-visual-split{display:flex;flex-direction:row;position:relative;min-height:320px;overflow:hidden}.story-reel-side{flex:1.5;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.05)}.story-reel-side .instagram-media{width:100%!important;min-width:100%!important}.story-product-side{flex:1;background:#fff;display:flex;align-items:center;justify-content:center;padding:8px}.story-product-img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .5s ease}.story-card:hover .story-product-img{transform:scale(1.05)}.story-badge{position:absolute;top:12px;left:12px;padding:5px 12px;border-radius:100px;font-size:.7rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:4px;animation:badge-pulse 2s ease-in-out infinite;z-index:5}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.badge-trending{background:linear-gradient(135deg,#8b5cf6,#ec4899);box-shadow:0 4px 15px #8b5cf666}.badge-must-have{background:linear-gradient(135deg,#ff007a,#ff6b9d);box-shadow:0 4px 15px #ff007a66}.badge-new{background:linear-gradient(135deg,#2ecc71,#00d4aa);box-shadow:0 4px 15px #2ecc7166}.story-content{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}.story-category{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted)}.story-title{font-size:1.15rem;font-weight:700;color:var(--text-main);line-height:1.3;margin:0}.story-rating{display:flex;align-items:center;gap:3px;font-size:.75rem;color:gold}.story-rating-text{color:var(--text-muted);margin-left:6px;font-weight:600}.story-desc{font-size:.85rem;color:var(--text-muted);line-height:1.5;margin:0;flex:1}.story-cta{text-align:center;padding:13px;border-radius:14px;font-weight:700;font-size:.95rem;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;transition:all .3s ease;position:relative;overflow:hidden}.story-cta:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.15) 50%,transparent 60%);transform:translate(-100%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.cta-purple{background:linear-gradient(135deg,#8b5cf6,#a855f7);box-shadow:0 4px 20px #8b5cf659}.cta-pink{background:linear-gradient(135deg,#1a1a2e,#ff007a);box-shadow:0 4px 20px #ff007a59}.cta-green{background:linear-gradient(135deg,#2ecc71,#27ae60);box-shadow:0 4px 20px #2ecc7159}.cta-orange{background:linear-gradient(135deg,#f39c12,#e67e22);box-shadow:0 4px 20px #f39c1259}.badge-hot{background:linear-gradient(135deg,#f39c12,#e67e22);box-shadow:0 4px 15px #f39c1266}.story-card[data-theme=cherry] .story-glow{background:linear-gradient(135deg,#e84393,#fd79a8,#e84393,#fab1a0);background-size:300% 300%;animation:gradient-spin 4s ease infinite}.story-card[data-theme=cherry]:hover{box-shadow:0 8px 40px #e843934d,0 0 60px #e843931a}.badge-cherry{background:linear-gradient(135deg,#e84393,#fd79a8);box-shadow:0 4px 15px #e8439366}.cta-cherry{background:linear-gradient(135deg,#e84393,#fd79a8);box-shadow:0 4px 20px #e8439359}.carousel-nav{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 0 8px}.carousel-arrow{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-muted);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.carousel-arrow:hover{background:#ffffff1f;border-color:var(--accent-primary);color:#fff;transform:scale(1.1);box-shadow:0 4px 15px #8b5cf640}.carousel-arrow:active{transform:scale(.95)}.carousel-dots{display:flex;justify-content:center;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:#ffffff26;transition:all .3s ease;cursor:pointer}.dot.active{width:24px;border-radius:100px;background:var(--accent-primary)}.story-card[data-theme=teal] .story-glow{background:linear-gradient(135deg,#00b4d8,#0077b6,#00b4d8,#48cae4);background-size:300% 300%;animation:gradient-spin 4s ease infinite}.story-card[data-theme=teal]:hover{box-shadow:0 8px 40px #00b4d84d,0 0 60px #00b4d81a}.badge-korean{background:linear-gradient(135deg,#00b4d8,#0077b6);box-shadow:0 4px 15px #00b4d866}.cta-teal{background:linear-gradient(135deg,#00b4d8,#0077b6);box-shadow:0 4px 20px #00b4d859}