*{margin:0;padding:0}:root{--primary:#1877f2;--primary-light:#e7f0fd;--primary-glow:#1877f22e;--bg:#f0f2f5;--bg-card:#fff;--bg-elevated:#fff;--bg-input:#f0f2f5;--border:#e4e6ea;--text:#1c1e21;--text-muted:#65676b;--text-secondary:#8a8d91;--red:#fa3e3e;--success:#42b72a;--radius:12px;--radius-sm:8px;--shadow-card:0 1px 4px #0000001a,0 0 0 1px #0000000a;--shadow-hover:0 8px 30px #1877f226,0 2px 8px #00000014;--transition:0.18s cubic-bezier(0.4,0,0.2,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f0f2f5;background:var(--bg);color:#1c1e21;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}::-webkit-scrollbar{display:none}*{scrollbar-width:none}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse-ring{0%{opacity:.6;transform:scale(.9)}to{opacity:0;transform:scale(1.5)}}.product-card{transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1)!important;transition:transform var(--transition),box-shadow var(--transition)!important;will-change:transform}.product-card:hover{box-shadow:0 8px 30px #1877f226,0 2px 8px #00000014!important;box-shadow:var(--shadow-hover)!important;transform:translateY(-4px)!important}.product-card:active{transform:translateY(-1px) scale(.99)!important}.search-wrapper{transition:border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),background .18s cubic-bezier(.4,0,.2,1)!important;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)!important}.search-wrapper:focus-within{background:#fff!important;border-color:#1877f2!important;border-color:var(--primary)!important;box-shadow:0 0 0 3px #1877f21f!important}.icon-btn{transition:background .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1)!important;transition:background var(--transition),transform var(--transition)!important}.icon-btn:hover{background:#e4e6ea!important;transform:scale(1.06)}.icon-btn:active{transform:scale(.95)}.sidebar-btn{transition:background .18s cubic-bezier(.4,0,.2,1)!important;transition:background var(--transition)!important}.sidebar-btn:not(.sidebar-btn-active):hover{background:#f0f2f5!important}.cat-chip{transition:background .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1)!important;transition:background var(--transition),border-color var(--transition),transform var(--transition)!important}.cat-chip:hover{background:#e7f0fd!important;background:var(--primary-light)!important;border-color:#1877f24d!important;transform:translateY(-1px)}.cat-chip:active{transform:translateY(0)}.tab-dot{animation:scaleIn .2s ease;background:#1877f2;background:var(--primary);border-radius:50%;height:4px;margin:2px auto 0;width:4px}.bottom-tab-btn{transition:transform .18s cubic-bezier(.4,0,.2,1)!important;transition:transform var(--transition)!important}.bottom-tab-btn:active{transform:scale(.9)!important}.video-slide{align-items:center;background:#f0f2f5;display:flex;height:calc(100vh - 120px);justify-content:center;scroll-snap-align:start;width:100%}.video-player-wrap,.video-slide{flex-shrink:0;overflow:hidden;position:relative}.video-player-wrap{height:100%;width:min(calc(56.25vh - 67.5px),100%)}@media (min-width:768px){.video-slide{height:100vh}.video-player-wrap{width:min(56.25vh,100%)}}.like-btn-liked:after{animation:pulse-ring .4s ease-out;border:2px solid #fa3e3e66;border-radius:50%;content:"";inset:0;position:absolute}:root{--primary:#5865f2;--primary-dark:#4752c4;--primary-light:#7289da;--success:#57f287;--danger:#f04747;--bg-primary:#fff;--bg-secondary:#f3f5f7;--bg-tertiary:#e8ecef;--text-primary:#2c2f33;--text-secondary:#72767d;--text-tertiary:#99a3ac;--border:#e0e0e0;--shadow:0 1px 3px #00000014;--shadow-md:0 2px 8px #0000001f}body.dark-mode{--bg-primary:#36393f;--bg-secondary:#2f3136;--bg-tertiary:#292b2f;--text-primary:#fff;--text-secondary:#b9bbbe;--text-tertiary:#72767d;--border:#202225}*{box-sizing:border-box}body,html{margin:0;padding:0}.app-shell{color:#2c2f33;color:var(--text-primary);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;min-height:100vh;transition:background-color .3s ease}.app-shell,.app-topbar{background:#fff;background:var(--bg-primary)}.app-topbar{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow);display:block;position:sticky;top:0;z-index:100}.app-body{background:#f3f5f7;background:var(--bg-secondary);flex:1 1;padding-bottom:64px}.app-bottom-nav{background:#fff;background:var(--bg-primary);border-top:1px solid #e0e0e0;border-top:1px solid var(--border);bottom:0;box-shadow:0 -2px 8px #0000000d;display:flex;left:0;position:fixed;right:0;z-index:50}.app-sidebar{display:none}@media (min-width:768px){.app-shell{flex-direction:row}.app-topbar{display:none}.app-bottom-nav{display:none;position:static}.app-sidebar{align-items:center;background:#fff;background:var(--bg-primary);border-right:1px solid #e0e0e0;border-right:1px solid var(--border);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow);display:flex;flex-direction:column;flex-shrink:0;gap:12px;height:100vh;min-height:100vh;overflow-y:auto;padding:20px 0;position:sticky;top:0;width:72px;z-index:40}.app-sidebar .sidebar-label{display:none}.app-body{background:#f3f5f7;background:var(--bg-secondary);flex:1 1;padding-bottom:0}}@media (min-width:1024px){.app-sidebar{width:72px}}.videos-root{background:#f3f5f7;background:var(--bg-secondary);bottom:64px;left:0;position:fixed;right:0;top:56px;z-index:10}@media (min-width:768px){.videos-root{bottom:0;left:72px;top:0}}a{color:#5865f2;color:var(--primary);text-decoration:none}a:hover{color:#4752c4;color:var(--primary-dark)}button{border:none;cursor:pointer;outline:none}button,input,textarea{font-family:inherit}.container{margin:0 auto;max-width:1200px;padding:0 16px;width:100%}@media (min-width:768px){.container{padding:0 24px}}.section{padding:24px 0}.section-title{align-items:center;color:#2c2f33;color:var(--text-primary);display:flex;font-size:20px;font-weight:700;gap:8px;margin:0 0 16px}.grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}@media (min-width:640px){.grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (min-width:1024px){.grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.card{background:#fff;background:var(--bg-primary);border:1px solid #e0e0e0;border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:all .2s ease}.card:hover{box-shadow:0 2px 8px #0000001f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn{border-radius:6px;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease}.btn-primary{background:#5865f2;background:var(--primary);color:#fff}.btn-primary:hover{background:#4752c4;background:var(--primary-dark)}.btn-secondary{background:#f3f5f7;background:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--border);color:#2c2f33;color:var(--text-primary)}.btn-secondary:hover{background:#e8ecef;background:var(--bg-tertiary)}.btn-small{font-size:12px;padding:6px 12px}.btn-block{width:100%}.badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.badge-hot{background:#f04747;color:#fff}.badge-new{background:#57f287;color:#2c2f33}.badge-featured{background:#5865f2;background:var(--primary);color:#fff}.input-group{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e0e0e0;border:1px solid var(--border);border-radius:6px;display:flex;padding:0 12px;transition:border-color .2s ease}.input-group:focus-within{border-color:#5865f2;border-color:var(--primary)}.input-group input{background:none;border:none;color:#2c2f33;color:var(--text-primary);flex:1 1;outline:none;padding:10px 0}.input-group input::placeholder{color:#99a3ac;color:var(--text-tertiary)}.mt-0{margin-top:0!important}.mb-0{margin-bottom:0!important}.p-0{padding:0!important}.text-center{text-align:center}.text-primary{color:#2c2f33;color:var(--text-primary)}.text-secondary{color:#72767d;color:var(--text-secondary)}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}
/*# sourceMappingURL=main.291ff6dd.css.map*/