:root{--bg-primary:#000;--bg-secondary:#1c1c1e;--bg-tertiary:#2c2c2e;--text-primary:#f5f5f7;--text-secondary:#98989d;--text-tertiary:#636366;--accent-orange:#ff6723;--accent-green:#30d158;--accent-red:#ff453a;--accent-blue:#0a84ff;--accent-purple:#bf5af2;--glass-bg:#1c1c1eb8;--glass-border:#ffffff14;--radius-xs:7px;--radius-sm:10px;--radius-md:14px;--radius-full:9999px;--ease-standard:cubic-bezier(0.25,0.1,0.25,1);--ease-bounce:cubic-bezier(0.175,0.885,0.32,1.275);--z-toast:2000;--z-modal:1500;--z-overlay:1000;--z-header:100}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;background:var(--bg-primary);color:#f5f5f7;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#root{height:100vh;width:100vw}.entry-page{align-items:center;background:linear-gradient(135deg,#000,#1c1c1e);display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.entry-page:before{animation:pulse 8s ease-in-out infinite;background:radial-gradient(circle,#ff672326 0,#0000 70%);content:"";height:600px;position:absolute;right:-200px;top:-200px;width:600px}.entry-page:after{animation:pulse 10s ease-in-out infinite reverse;background:radial-gradient(circle,#bf5af21a 0,#0000 70%);bottom:-100px;content:"";height:400px;left:-100px;position:absolute;width:400px}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.entry-header{margin-bottom:60px;text-align:center;z-index:1}.entry-logo{align-items:center;background:linear-gradient(135deg,#ff6723,#ff8c5a);background:linear-gradient(135deg,var(--accent-orange),#ff8c5a);border-radius:14px;border-radius:var(--radius-md);box-shadow:0 20px 40px #ff67234d;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.entry-logo svg{color:#fff;height:40px;width:40px}.entry-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#98989d);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:700;margin-bottom:12px}.entry-subtitle{color:#98989d;color:var(--text-secondary);font-size:16px}.entry-cards{display:flex;gap:32px;z-index:1}.entry-card{backdrop-filter:blur(60px) saturate(180%);-webkit-backdrop-filter:blur(60px) saturate(180%);background:#1c1c1eb8;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:14px;border-radius:var(--radius-md);cursor:pointer;padding:40px 32px;text-align:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);transition:all .3s var(--ease-bounce);width:320px}.entry-card:hover{border-color:#ff67234d;box-shadow:0 30px 60px #0006;transform:translateY(-8px) scale(1.02)}.entry-card:active{transform:scale(.98)}.entry-card-icon{align-items:center;background:#2c2c2e;background:var(--bg-tertiary);border-radius:10px;border-radius:var(--radius-sm);display:flex;height:64px;justify-content:center;margin:0 auto 20px;transition:all .3s ease;width:64px}.entry-card:hover .entry-card-icon{background:#ff6723;background:var(--accent-orange)}.entry-card-icon svg{color:#98989d;color:var(--text-secondary);height:28px;transition:color .3s ease;width:28px}.entry-card:hover .entry-card-icon svg{color:#fff}.entry-card-title{font-size:20px;font-weight:600;margin-bottom:8px}.entry-card-desc{color:#98989d;color:var(--text-secondary);font-size:14px;line-height:1.5}.entry-input-section{margin-top:32px;z-index:1}.entry-input{align-items:center;display:flex;gap:12px}.entry-input input{background:#1c1c1eb8;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:9999px;border-radius:var(--radius-full);color:#f5f5f7;color:var(--text-primary);font-size:15px;outline:none;padding:14px 20px;transition:all .2s ease;width:280px}.entry-input input:focus{border-color:#ff6723;border-color:var(--accent-orange);box-shadow:0 0 0 3px #ff672326}.entry-input input::placeholder{color:#636366;color:var(--text-tertiary)}.entry-input button{background:#ff6723;background:var(--accent-orange);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:14px 28px;transition:all .2s ease}.entry-input button:hover{background:#ff7a3d;transform:scale(1.05)}.entry-input button:active{transform:scale(.95)}.host-dashboard{background:#000;background:var(--bg-primary);display:flex;flex-direction:column;height:100%;width:100%}.host-header{-webkit-backdrop-filter:blur(60px) saturate(180%);backdrop-filter:blur(60px) saturate(180%);background:#1c1c1eb8;background:var(--glass-bg);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--glass-border);height:56px;justify-content:space-between;padding:0 24px}.host-header,.host-header-left{align-items:center;display:flex}.host-header-left{gap:16px}.host-back-btn{align-items:center;background:#0000;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:7px;border-radius:var(--radius-xs);color:#98989d;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .2s ease}.host-back-btn:hover{border-color:#98989d;border-color:var(--text-secondary);color:#f5f5f7;color:var(--text-primary)}.host-status{align-items:center;display:flex;font-size:14px;font-weight:500;gap:8px}.host-status-dot{background:#ff453a;background:var(--accent-red);border-radius:50%;height:8px;width:8px}.host-status-dot.live{animation:breathe 2s ease-in-out infinite}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.host-header-right{gap:24px}.host-header-right,.host-stat{align-items:center;display:flex}.host-stat{font-feature-settings:"tnum";font-size:14px;font-variant-numeric:tabular-nums;font-weight:500;gap:6px}.host-stat svg{color:#ff6723;color:var(--accent-orange);height:16px;width:16px}.host-timer{font-feature-settings:"tnum";color:#f5f5f7;color:var(--text-primary);font-family:SF Mono,monospace;font-size:16px;font-variant-numeric:tabular-nums;font-weight:600;min-width:80px;text-align:center}.host-main{display:flex;flex:1 1;overflow:hidden}.host-preview{background:#1c1c1e;background:var(--bg-secondary);display:flex;flex:1 1;flex-direction:column;position:relative}.preview-canvas{flex:1 1;overflow:hidden;position:relative}.preview-canvas canvas{height:100%;object-fit:cover;width:100%}.preview-standby{flex-direction:column;gap:16px;inset:0;position:absolute}.preview-standby,.preview-standby-icon{align-items:center;display:flex;justify-content:center}.preview-standby-icon{background:#2c2c2e;background:var(--bg-tertiary);border-radius:50%;height:80px;width:80px}.preview-standby-icon svg{color:#98989d;color:var(--text-secondary);height:36px;width:36px}.preview-standby-text{color:#98989d;color:var(--text-secondary);font-size:16px}.preview-danmaku{inset:0;overflow:hidden;pointer-events:none;position:absolute}.danmaku-item{animation:danmaku-move 8s linear forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border-radius:9999px;border-radius:var(--radius-full);font-size:14px;font-weight:500;padding:6px 14px;position:absolute;white-space:nowrap}@keyframes danmaku-move{0%{transform:translateX(100vw)}to{transform:translateX(-100%)}}.host-controls{-webkit-backdrop-filter:blur(60px) saturate(180%);backdrop-filter:blur(60px) saturate(180%);background:#1c1c1eb8;background:var(--glass-bg);border-top:1px solid #ffffff14;border-top:1px solid var(--glass-border);gap:16px;height:80px;justify-content:center;padding:0 24px}.control-main,.host-controls{align-items:center;display:flex}.control-main{flex-direction:column;gap:6px}.control-main-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:56px;justify-content:center;transition:all .2s cubic-bezier(.175,.885,.32,1.275);transition:all .2s var(--ease-bounce);width:56px}.control-main-btn:hover{transform:scale(1.08)}.control-main-btn:active{transform:scale(.95)}.control-main-btn.start{background:linear-gradient(135deg,#ff6723,#ff8c5a);background:linear-gradient(135deg,var(--accent-orange),#ff8c5a);box-shadow:0 8px 24px #ff672366}.control-main-btn.stop{background:#ff453a;background:var(--accent-red);box-shadow:0 8px 24px #ff453a66}.control-main-btn.ended{background:#636366;background:var(--text-tertiary);cursor:not-allowed}.control-main-btn svg{color:#fff;height:24px;width:24px}.control-main-text{color:#98989d;color:var(--text-secondary);font-size:12px}.control-divider{background:#ffffff14;background:var(--glass-border);height:40px;margin:0 16px;width:1px}.control-device{align-items:center;display:flex;flex-direction:column;gap:6px}.control-device-btn{align-items:center;background:#2c2c2e;background:var(--bg-tertiary);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:7px;border-radius:var(--radius-xs);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.control-device-btn:hover{background:#1c1c1e;background:var(--bg-secondary);transform:scale(1.05)}.control-device-btn:active{transform:scale(.95)}.control-device-btn.active{background:#ff672326;border-color:#ff6723;border-color:var(--accent-orange)}.control-device-btn.off{position:relative}.control-device-btn.off:after{background:#ff453a;background:var(--accent-red);content:"";height:60%;position:absolute;transform:rotate(45deg);width:2px}.control-device-btn svg{color:#98989d;color:var(--text-secondary);height:20px;width:20px}.control-device-btn.active svg{color:#ff6723;color:var(--accent-orange)}.control-device-text{color:#636366;color:var(--text-tertiary);font-size:11px}.host-sidebar{-webkit-backdrop-filter:blur(60px) saturate(180%);backdrop-filter:blur(60px) saturate(180%);background:#1c1c1eb8;background:var(--glass-bg);border-left:1px solid #ffffff14;border-left:1px solid var(--glass-border);display:flex;flex-direction:column;width:360px}.sidebar-tabs{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--glass-border);display:flex}.sidebar-tab{align-items:center;background:#0000;border:none;color:#98989d;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:16px;transition:all .2s ease}.sidebar-tab:hover{color:#f5f5f7;color:var(--text-primary)}.sidebar-tab.active{box-shadow:inset 0 -2px 0 #ff6723;box-shadow:inset 0 -2px 0 var(--accent-orange);color:#ff6723;color:var(--accent-orange)}.sidebar-tab svg{height:16px;width:16px}.sidebar-content{flex:1 1;overflow-y:auto;padding:16px}.chat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.chat-title{color:#98989d;color:var(--text-secondary);font-size:14px;font-weight:600}.chat-clear-btn{align-items:center;background:#0000;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:7px;border-radius:var(--radius-xs);color:#636366;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 12px;transition:all .2s ease}.chat-clear-btn:hover{border-color:#ff453a;border-color:var(--accent-red);color:#ff453a;color:var(--accent-red)}.chat-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;max-height:calc(100% - 120px);overflow-y:auto}.chat-message{animation:slideIn .3s cubic-bezier(.175,.885,.32,1.275);animation:slideIn .3s var(--ease-bounce);display:flex;gap:10px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-avatar{align-items:center;background:linear-gradient(135deg,#ff6723,#bf5af2);background:linear-gradient(135deg,var(--accent-orange),var(--accent-purple));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.chat-avatar.system{background:#636366;background:var(--text-tertiary)}.chat-content{flex:1 1;min-width:0}.chat-meta{align-items:center;display:flex;gap:8px;margin-bottom:4px}.chat-user{color:#f5f5f7;color:var(--text-primary);font-size:13px;font-weight:500}.chat-time{color:#636366;color:var(--text-tertiary);font-size:11px}.chat-text{word-wrap:break-word;color:#98989d;color:var(--text-secondary);font-size:13px;line-height:1.5}.chat-text.system{color:#636366;color:var(--text-tertiary);font-style:italic}.chat-input-area{display:flex;gap:8px}.chat-input{background:#2c2c2e;background:var(--bg-tertiary);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:9999px;border-radius:var(--radius-full);color:#f5f5f7;color:var(--text-primary);flex:1 1;font-size:14px;outline:none;padding:10px 16px;transition:all .2s ease}.chat-input:focus{border-color:#ff6723;border-color:var(--accent-orange)}.chat-input::placeholder{color:#636366;color:var(--text-tertiary)}.chat-send-btn{background:#ff6723;background:var(--accent-orange);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:10px 20px;transition:all .2s ease}.chat-send-btn:hover{background:#ff7a3d;transform:scale(1.05)}.chat-send-btn:active{transform:scale(.95)}.products-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.products-add-btn{align-items:center;background:#ff6723;background:var(--accent-orange);border:none;border-radius:7px;border-radius:var(--radius-xs);color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.products-add-btn:hover{background:#ff7a3d;transform:scale(1.02)}.products-list{display:flex;flex-direction:column;gap:12px}.product-card{animation:slideIn .3s cubic-bezier(.175,.885,.32,1.275);animation:slideIn .3s var(--ease-bounce);background:#1c1c1e;background:var(--bg-secondary);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:10px;border-radius:var(--radius-sm);display:flex;gap:12px;padding:16px;transition:all .2s ease}.product-card:hover{border-color:#ff67234d}.product-card.pushing{animation:flash .6s ease}@keyframes flash{0%,to{box-shadow:none}50%{box-shadow:0 0 20px #ff672380}}.product-image{align-items:center;background:#2c2c2e;background:var(--bg-tertiary);border-radius:7px;border-radius:var(--radius-xs);display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.product-image svg{color:#636366;color:var(--text-tertiary);height:28px;width:28px}.product-info{flex:1 1;min-width:0}.product-name{color:#f5f5f7;color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-price{color:#ff6723;color:var(--accent-orange);font-size:16px;font-weight:600;margin-bottom:4px}.product-meta{color:#636366;color:var(--text-tertiary);display:flex;font-size:12px;gap:12px}.product-actions{display:flex;flex-direction:column;gap:8px}.product-action-btn{align-items:center;background:#0000;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:7px;border-radius:var(--radius-xs);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.product-action-btn:hover{background:#2c2c2e;background:var(--bg-tertiary)}.product-action-btn.toggle{color:#30d158;color:var(--accent-green)}.product-action-btn.toggle.off{color:#636366;color:var(--text-tertiary)}.product-action-btn.delete{color:#ff453a;color:var(--accent-red)}.product-action-btn.push{color:#ff6723;color:var(--accent-orange)}.product-action-btn.push:disabled{color:#636366;color:var(--text-tertiary);cursor:not-allowed}.product-action-btn svg{height:16px;width:16px}.analytics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.analytics-card{background:#1c1c1e;background:var(--bg-secondary);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:10px;border-radius:var(--radius-sm);padding:16px;text-align:center}.analytics-card-value{font-feature-settings:"tnum";color:#f5f5f7;color:var(--text-primary);font-size:24px;font-variant-numeric:tabular-nums;font-weight:700;margin-bottom:4px}.analytics-card-label{color:#98989d;color:var(--text-secondary);font-size:12px}.analytics-chart{background:#1c1c1e;background:var(--bg-secondary);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:10px;border-radius:var(--radius-sm);margin-bottom:20px;padding:16px}.analytics-chart-title{color:#98989d;color:var(--text-secondary);font-size:14px;font-weight:600;margin-bottom:16px}.chart-bars{align-items:flex-end;display:flex;gap:6px;height:120px;justify-content:space-between}.chart-bar{background:#ff6723;background:var(--accent-orange);border-radius:7px 7px 0 0;border-radius:var(--radius-xs) var(--radius-xs) 0 0;flex:1 1;min-height:4px;opacity:.6;transition:all .3s ease}.chart-bar:hover{opacity:1}.analytics-ranking{background:#1c1c1e;background:var(--bg-secondary);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:10px;border-radius:var(--radius-sm);padding:16px}.analytics-ranking-title{color:#98989d;color:var(--text-secondary);font-size:14px;font-weight:600;margin-bottom:12px}.ranking-item{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--glass-border);display:flex;gap:12px;padding:10px 0}.ranking-item:last-child{border-bottom:none}.ranking-number{align-items:center;background:#2c2c2e;background:var(--bg-tertiary);border-radius:50%;color:#98989d;color:var(--text-secondary);display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.ranking-number.top{background:#ff6723;background:var(--accent-orange);color:#fff}.ranking-name{color:#f5f5f7;color:var(--text-primary);flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-sold{font-feature-settings:"tnum";color:#ff6723;color:var(--accent-orange);font-size:13px;font-variant-numeric:tabular-nums;font-weight:500}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1500;z-index:var(--z-modal)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalSlide .3s cubic-bezier(.175,.885,.32,1.275);animation:modalSlide .3s var(--ease-bounce);-webkit-backdrop-filter:blur(60px) saturate(180%);backdrop-filter:blur(60px) saturate(180%);background:#1c1c1eb8;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:14px;border-radius:var(--radius-md);padding:24px;width:420px}@keyframes modalSlide{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-title{font-size:18px;font-weight:600}.modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#98989d;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close:hover{background:#2c2c2e;background:var(--bg-tertiary);color:#f5f5f7;color:var(--text-primary)}.modal-form{gap:16px}.form-group,.modal-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-label{color:#98989d;color:var(--text-secondary);font-size:13px;font-weight:500}.form-input{background:#2c2c2e;background:var(--bg-tertiary);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:7px;border-radius:var(--radius-xs);color:#f5f5f7;color:var(--text-primary);font-size:14px;outline:none;padding:12px 16px;transition:all .2s ease}.form-input:focus{border-color:#ff6723;border-color:var(--accent-orange)}.form-input::placeholder{color:#636366;color:var(--text-tertiary)}.modal-actions{display:flex;gap:12px;margin-top:8px}.modal-btn{border-radius:7px;border-radius:var(--radius-xs);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease}.modal-btn.primary{background:#ff6723;background:var(--accent-orange);border:none;color:#fff}.modal-btn.primary:hover{background:#ff7a3d;transform:scale(1.02)}.modal-btn.secondary{background:#0000;border:1px solid #ffffff14;border:1px solid var(--glass-border);color:#98989d;color:var(--text-secondary)}.modal-btn.secondary:hover{border-color:#98989d;border-color:var(--text-secondary);color:#f5f5f7;color:var(--text-primary)}.viewer-page{background:#000;background:var(--bg-primary);height:100%;overflow:hidden;position:relative;width:100%}.viewer-canvas{height:100%;inset:0;position:absolute;width:100%}.viewer-waiting{animation:fadeIn .5s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000b3;flex-direction:column;gap:20px;inset:0;position:absolute;z-index:50}.viewer-waiting,.viewer-waiting-icon{align-items:center;display:flex;justify-content:center}.viewer-waiting-icon{animation:spin 2s linear infinite;background:#1c1c1eb8;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:50%;height:80px;width:80px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.viewer-waiting-icon svg{color:#ff6723;color:var(--accent-orange);height:36px;width:36px}.viewer-waiting-text{color:#98989d;color:var(--text-secondary);font-size:18px}.viewer-danmaku{inset:0;overflow:hidden;pointer-events:none;position:absolute}.viewer-header{background:linear-gradient(180deg,#0009,#0000);justify-content:space-between;left:0;padding:16px;position:absolute;right:0;top:0;z-index:10}.viewer-header,.viewer-host{align-items:center;display:flex}.viewer-host{gap:12px}.viewer-host-avatar{align-items:center;background:linear-gradient(135deg,#ff6723,#bf5af2);background:linear-gradient(135deg,var(--accent-orange),var(--accent-purple));border:2px solid #ff6723;border:2px solid var(--accent-orange);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:44px;justify-content:center;width:44px}.viewer-host-info{display:flex;flex-direction:column}.viewer-host-name{color:#f5f5f7;color:var(--text-primary);font-size:15px;font-weight:600}.viewer-host-followers{color:#98989d;color:var(--text-secondary);font-size:12px}.viewer-follow-btn{background:#ff6723;background:var(--accent-orange);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.viewer-follow-btn:hover{background:#ff7a3d;transform:scale(1.05)}.viewer-follow-btn.following{background:#0000;border:1px solid #ffffff14;border:1px solid var(--glass-border);color:#98989d;color:var(--text-secondary)}.viewer-follow-btn.following:hover{border-color:#ff453a;border-color:var(--accent-red);color:#ff453a;color:var(--accent-red)}.viewer-back-btn{align-items:center;background:#1c1c1eb8;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:9999px;border-radius:var(--radius-full);color:#98989d;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:10px 16px;transition:all .2s ease}.viewer-back-btn:hover{border-color:#98989d;border-color:var(--text-secondary);color:#f5f5f7;color:var(--text-primary)}.viewer-pushed-product{animation:slideInRight .5s cubic-bezier(.175,.885,.32,1.275);animation:slideInRight .5s var(--ease-bounce);-webkit-backdrop-filter:blur(60px) saturate(180%);backdrop-filter:blur(60px) saturate(180%);background:#1c1c1eb8;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:14px;border-radius:var(--radius-md);padding:16px;position:absolute;right:16px;top:80px;width:280px;z-index:20}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}.pushed-product-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#636366;color:var(--text-tertiary);cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:24px}.pushed-product-close:hover{background:#2c2c2e;background:var(--bg-tertiary);color:#f5f5f7;color:var(--text-primary)}.pushed-product-close svg{height:16px;width:16px}.pushed-product-content{display:flex;gap:12px}.pushed-product-image{align-items:center;background:#2c2c2e;background:var(--bg-tertiary);border-radius:7px;border-radius:var(--radius-xs);display:flex;flex-shrink:0;height:80px;justify-content:center;width:80px}.pushed-product-image svg{color:#636366;color:var(--text-tertiary);height:32px;width:32px}.pushed-product-info{flex:1 1;min-width:0}.pushed-product-name{color:#f5f5f7;color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pushed-product-price{color:#ff6723;color:var(--accent-orange);font-size:18px;font-weight:700;margin-bottom:4px}.pushed-product-stock{color:#98989d;color:var(--text-secondary);font-size:12px}.pushed-product-btn{background:#ff6723;background:var(--accent-orange);border:none;border-radius:7px;border-radius:var(--radius-xs);color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:12px;padding:12px;transition:all .2s ease;width:100%}.pushed-product-btn:hover{background:#ff7a3d;transform:scale(1.02)}.pushed-product-btn:active{transform:scale(.98)}.viewer-bottom{bottom:0;left:0;position:absolute;right:0;z-index:10}.viewer-products{display:flex;gap:12px;overflow-x:auto;padding:0 16px 12px;scrollbar-width:none}.viewer-products::-webkit-scrollbar{display:none}.viewer-product-card{-webkit-backdrop-filter:blur(60px) saturate(180%);backdrop-filter:blur(60px) saturate(180%);background:#1c1c1eb8;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:10px;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;padding:12px;transition:all .2s ease;width:140px}.viewer-product-card:hover{border-color:#ff67234d;transform:translateY(-4px)}.viewer-product-card-image{align-items:center;background:#2c2c2e;background:var(--bg-tertiary);border-radius:7px;border-radius:var(--radius-xs);display:flex;height:80px;justify-content:center;margin-bottom:8px;width:100%}.viewer-product-card-image svg{color:#636366;color:var(--text-tertiary);height:28px;width:28px}.viewer-product-card-name{color:#f5f5f7;color:var(--text-primary);font-size:12px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-product-card-price{color:#ff6723;color:var(--accent-orange);font-size:14px;font-weight:700}.viewer-interaction{align-items:center;background:linear-gradient(0deg,#000c,#0000);display:flex;gap:12px;padding:12px 16px 20px}.viewer-input-wrapper{flex:1 1;position:relative}.viewer-input{background:#1c1c1eb8;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:9999px;border-radius:var(--radius-full);color:#f5f5f7;color:var(--text-primary);font-size:14px;outline:none;padding:12px 48px 12px 16px;transition:all .2s ease;width:100%}.viewer-input:focus{border-color:#ff6723;border-color:var(--accent-orange);box-shadow:0 0 0 3px #ff672326}.viewer-input::placeholder{color:#636366;color:var(--text-tertiary)}.viewer-input-send{background:#ff6723;background:var(--accent-orange);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-size:12px;font-weight:500;opacity:.5;padding:8px 16px;position:absolute;right:4px;top:50%;transform:translateY(-50%);transition:all .2s ease}.viewer-input:not(:placeholder-shown)+.viewer-input-send{opacity:1}.viewer-input-send:hover{background:#ff7a3d}.viewer-like-btn{align-items:center;background:#1c1c1eb8;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:50%;cursor:pointer;display:flex;height:52px;justify-content:center;position:relative;transition:all .2s cubic-bezier(.175,.885,.32,1.275);transition:all .2s var(--ease-bounce);width:52px}.viewer-like-btn:hover{border-color:#ff453a;border-color:var(--accent-red);transform:scale(1.1)}.viewer-like-btn:active{transform:scale(.9)}.viewer-like-btn svg{color:#ff453a;color:var(--accent-red);height:24px;transition:all .2s ease;width:24px}.viewer-like-btn:hover svg{transform:scale(1.2)}.like-particle{animation:likeFloat 1s ease-out forwards;pointer-events:none;position:absolute}@keyframes likeFloat{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80px) scale(.3)}}.toast-container{display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:2000;z-index:var(--z-toast)}.toast{align-items:center;animation:toastSlide .3s cubic-bezier(.175,.885,.32,1.275);animation:toastSlide .3s var(--ease-bounce);-webkit-backdrop-filter:blur(60px) saturate(180%);backdrop-filter:blur(60px) saturate(180%);background:#1c1c1eb8;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:14px;border-radius:var(--radius-md);display:flex;gap:10px;max-width:320px;min-width:200px;padding:14px 18px;pointer-events:auto}@keyframes toastSlide{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast.success{border-left:3px solid #30d158;border-left:3px solid var(--accent-green)}.toast.error{border-left:3px solid #ff453a;border-left:3px solid var(--accent-red)}.toast.info{border-left:3px solid #0a84ff;border-left:3px solid var(--accent-blue)}.toast-icon{flex-shrink:0;height:20px;width:20px}.toast.success .toast-icon{color:#30d158;color:var(--accent-green)}.toast.error .toast-icon{color:#ff453a;color:var(--accent-red)}.toast.info .toast-icon{color:#0a84ff;color:var(--accent-blue)}.toast-text{color:#f5f5f7;color:var(--text-primary);font-size:14px}.empty-state{color:#636366;color:var(--text-tertiary);padding:40px 20px;text-align:center}.empty-state-icon{align-items:center;background:#2c2c2e;background:var(--bg-tertiary);border:2px dashed #ffffff14;border:2px dashed var(--glass-border);border-radius:10px;border-radius:var(--radius-sm);display:flex;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.empty-state-icon svg{color:#636366;color:var(--text-tertiary);height:28px;width:28px}.empty-state-text{font-size:14px}
/*# sourceMappingURL=main.f65e783f.css.map*/