:root{--sidebar-width:260px;--topbar-height:70px}html.sidebar-collapsed,body.sidebar-collapsed{--sidebar-width:72px}.app-sidebar{width:var(--sidebar-width);z-index:1000;background:#03050c;border-right:1px solid #ffffff0d;flex-direction:column;padding:1.5rem;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow:visible;box-shadow:4px 0 25px #00000059}.sidebar-brand,.sidebar-brand-container{justify-content:flex-start;align-items:center;width:100%;min-height:48px;margin-bottom:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-collapse-btn{z-index:1002;color:#94a3b8;cursor:pointer;background:#090d1a;border:1px solid #ffffff1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s;display:inline-flex;position:absolute;top:138px;right:0;transform:translate(50%,-50%);box-shadow:0 4px 12px #00000080}.sidebar-collapse-btn:hover{color:#fff;background:#111827;border-color:#6366f18c;transform:translate(50%,-50%)scale(1.08);box-shadow:0 0 14px #6366f166,0 4px 14px #0009}.sidebar-logo-link{cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;padding:.35rem .65rem;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.sidebar-logo-link:hover{background:#ffffff0a}.sidebar-logo{mix-blend-mode:screen;filter:brightness(1.1)contrast(1.1);width:auto;height:48px;transition:transform .3s;display:block}.sidebar-logo-link:hover .sidebar-logo{transform:scale(1.05)}.sidebar-nav{flex-direction:column;flex-grow:1;gap:.5rem;margin-right:-.4rem;padding-right:.4rem;display:flex;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#fff3}.sidebar-link{color:var(--text-muted);border-radius:.85rem;align-items:center;gap:1rem;padding:.8rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-link:hover{color:#fff;background:#ffffff08;transform:translate(4px)}.sidebar-link.active,.sidebar-link:active{color:#fff;background:linear-gradient(135deg,#6366f126 0%,#8b5cf626 100%);border:1px solid #6366f140;box-shadow:0 4px 15px #6366f11a}.sidebar-link svg{opacity:.75;transition:color .25s}.sidebar-link:hover svg{color:var(--primary);opacity:1}.sidebar-recent-section{border-top:1px solid #ffffff0f;flex-direction:column;margin-top:.85rem;padding-top:.85rem;display:flex}.sidebar-recent-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:.6rem;justify-content:space-between;align-items:center;width:100%;padding:.45rem .65rem;transition:all .2s;display:flex}.sidebar-recent-header:hover{background:#ffffff0a}.sidebar-recent-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700;transition:color .2s}.sidebar-recent-header:hover .sidebar-recent-title{color:#f1f5f9}.sidebar-recent-chevron{color:#64748b;transition:transform .25s cubic-bezier(.4,0,.2,1),color .2s}.sidebar-recent-header:hover .sidebar-recent-chevron{color:#cbd5e1}.sidebar-recent-chevron.collapsed{transform:rotate(-90deg)}.sidebar-recent-list{flex-direction:column;gap:.2rem;margin-top:.35rem;display:flex}.sidebar-recent-item{color:#94a3b8;border-radius:.75rem;align-items:center;gap:.75rem;min-width:0;padding:.55rem .75rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-recent-item:hover{color:#fff;background:#ffffff0a;transform:translate(4px)}.sidebar-recent-item.active{color:#fff;background:linear-gradient(135deg,#6366f126 0%,#8b5cf626 100%);border:1px solid #6366f140;box-shadow:0 4px 15px #6366f11a}.sidebar-recent-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sidebar-recent-empty{color:#64748b;padding:.5rem .75rem;font-size:.78rem;font-style:italic}html.sidebar-collapsed .app-sidebar,body.sidebar-collapsed .app-sidebar,.app-sidebar.collapsed{align-items:center;padding:1.25rem .5rem}html.sidebar-collapsed .sidebar-brand,html.sidebar-collapsed .sidebar-brand-container,body.sidebar-collapsed .sidebar-brand,body.sidebar-collapsed .sidebar-brand-container,.app-sidebar.collapsed .sidebar-brand,.app-sidebar.collapsed .sidebar-brand-container{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:0}html.sidebar-collapsed .sidebar-logo,body.sidebar-collapsed .sidebar-logo,.app-sidebar.collapsed .sidebar-logo{object-fit:contain;max-width:40px;height:30px}html.sidebar-collapsed .sidebar-collapse-btn,body.sidebar-collapsed .sidebar-collapse-btn,.app-sidebar.collapsed .sidebar-collapse-btn{width:28px;height:28px;top:98px;right:0;transform:translate(50%,-50%)}html.sidebar-collapsed .sidebar-nav,body.sidebar-collapsed .sidebar-nav,.app-sidebar.collapsed .sidebar-nav{align-items:center;width:100%}html.sidebar-collapsed .sidebar-link,body.sidebar-collapsed .sidebar-link,.app-sidebar.collapsed .sidebar-link{border-radius:.75rem;justify-content:center;gap:0;width:44px;height:44px;margin:0 auto;padding:.75rem 0;position:relative}html.sidebar-collapsed .sidebar-link:hover,body.sidebar-collapsed .sidebar-link:hover,.app-sidebar.collapsed .sidebar-link:hover{transform:none}html.sidebar-collapsed .sidebar-link span:not(.sidebar-badge),body.sidebar-collapsed .sidebar-link span:not(.sidebar-badge),.app-sidebar.collapsed .sidebar-link span:not(.sidebar-badge){display:none}html.sidebar-collapsed .sidebar-link .sidebar-badge,body.sidebar-collapsed .sidebar-link .sidebar-badge,.app-sidebar.collapsed .sidebar-link .sidebar-badge{min-width:16px;height:16px;margin-left:0;padding:.12rem .35rem;font-size:.6rem;position:absolute;top:4px;right:4px}html.sidebar-collapsed .sidebar-recent-section,body.sidebar-collapsed .sidebar-recent-section,.app-sidebar.collapsed .sidebar-recent-section{align-items:center;width:100%;margin-top:.6rem;padding-top:.6rem}html.sidebar-collapsed .sidebar-recent-header,body.sidebar-collapsed .sidebar-recent-header,.app-sidebar.collapsed .sidebar-recent-header{display:none}html.sidebar-collapsed .sidebar-recent-list,body.sidebar-collapsed .sidebar-recent-list,.app-sidebar.collapsed .sidebar-recent-list{align-items:center;gap:.4rem;width:100%}html.sidebar-collapsed .sidebar-recent-item,body.sidebar-collapsed .sidebar-recent-item,.app-sidebar.collapsed .sidebar-recent-item{border-radius:.75rem;justify-content:center;gap:0;width:44px;height:44px;margin:0 auto;padding:0}html.sidebar-collapsed .sidebar-recent-item:hover,body.sidebar-collapsed .sidebar-recent-item:hover,.app-sidebar.collapsed .sidebar-recent-item:hover{transform:none}html.sidebar-collapsed .sidebar-recent-name,body.sidebar-collapsed .sidebar-recent-name,html.sidebar-collapsed .sidebar-recent-empty,body.sidebar-collapsed .sidebar-recent-empty,.app-sidebar.collapsed .sidebar-recent-name,.app-sidebar.collapsed .sidebar-recent-empty{display:none}html.sidebar-collapsed .logout-nav-btn,body.sidebar-collapsed .logout-nav-btn,.app-sidebar.collapsed .logout-nav-btn{margin:0 auto;justify-content:center!important;width:44px!important;height:44px!important;padding:0!important}.sidebar-user-section{border-top:1px solid #ffffff0d;margin-top:auto;padding-top:1.25rem}.sidebar-user-card{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.sidebar-user-info-link{color:inherit;flex-grow:1;align-items:center;gap:.75rem;min-width:0;text-decoration:none;transition:transform .2s;display:flex}.sidebar-user-info-link:hover{transform:translate(2px)}.sidebar-user-avatar{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.95rem;font-weight:800;display:flex;box-shadow:0 2px 8px #6366f14d}.sidebar-user-meta{flex-direction:column;min-width:0;display:flex}.sidebar-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.sidebar-user-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.sidebar-logout-form{display:flex}.sidebar-logout-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.sidebar-logout-btn:hover{color:#ef4444;background:#ef44441a}.sidebar-auth-buttons{flex-direction:column;gap:.5rem;display:flex}.app-topbar{left:var(--sidebar-width);height:var(--topbar-height);z-index:999;background:#070913;border-bottom:1px solid #ffffff0d;grid-template-columns:.4fr minmax(200px,500px) 1fr;align-items:center;padding:0 2.5rem;transition:left .3s cubic-bezier(.4,0,.2,1);display:grid;position:fixed;top:0;right:0}.topbar-search-container{width:100%}.topbar-right{justify-self:end;align-items:center;display:flex}.topbar-right-actions{align-items:center;gap:.95rem;margin-right:1.5rem;display:flex}.topbar-profile-link{text-decoration:none;display:block}.topbar-profile-avatar{object-fit:cover;border:2px solid #ffffff1a;border-radius:50%;width:38px;height:38px;transition:border-color .25s,transform .25s;display:block}.topbar-profile-avatar:hover{border-color:var(--primary);transform:scale(1.05)}.topbar-profile-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:.95rem;font-weight:800;transition:border-color .25s,transform .25s;display:flex}.topbar-profile-avatar-placeholder:hover{border-color:var(--primary);transform:scale(1.05)}.topbar-auth-right{gap:.75rem;display:flex}.global-search-container,.global-search-input-wrapper{width:100%;position:relative}.global-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:1.1rem;transform:translateY(-50%)}.global-search-input{color:#fff;background:#ffffff08;border:1px solid #ffffff0f;border-radius:1.5rem;width:100%;padding:.65rem 1rem .65rem 2.85rem;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000001a}.global-search-input:focus{background:#ffffff0d;border-color:#6366f166;outline:none;box-shadow:0 0 0 3px #6366f11a,inset 0 2px 4px #00000026}.global-search-input::placeholder{color:var(--text-muted);opacity:.5}.global-search-spinner{color:var(--text-muted);animation:1s linear infinite spin;position:absolute;top:50%;right:1.1rem;transform:translateY(-50%)}.global-search-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;display:flex;position:absolute;top:50%;right:1.1rem;transform:translateY(-50%)}.global-search-clear-btn:hover{color:#fff;background:#ffffff1a}.global-search-dropdown{-webkit-backdrop-filter:blur(20px);z-index:10000;background:#0b1327f2;border:1px solid #ffffff14;border-radius:1.25rem;max-height:480px;padding:.75rem 0;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 20px 40px #0009}.search-dropdown-message{text-align:center;color:var(--text-muted);justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;font-size:.9rem;display:flex}.search-section{border-bottom:1px solid #ffffff0a;padding:.5rem 0}.search-section:last-child{border-bottom:none}.search-section-header{color:var(--primary);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:.5rem;padding:.35rem 1.25rem;font-size:.75rem;font-weight:800;display:flex}.search-item-row{cursor:pointer;justify-content:space-between;align-items:center;padding:.65rem 1.25rem;transition:all .2s;display:flex}.search-item-row:hover{background:#ffffff0a}.search-thumbnail{object-fit:cover;background:#1e293b;border:1px solid #ffffff0d;border-radius:.5rem;width:36px;height:36px}.search-thumbnail-placeholder{width:36px;height:36px;color:var(--text-muted);background:#ffffff08;border:1px solid #ffffff0d;border-radius:.5rem;justify-content:center;align-items:center;display:flex}.search-thumbnail-avatar{object-fit:cover;border:1px solid #ffffff0d;border-radius:50%;width:36px;height:36px}.search-thumbnail-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#800020 0%,#4a0012 100%);border:1px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;font-weight:800;display:flex}.search-row-title{color:#fff;font-size:.9rem;font-weight:700}.search-row-subtitle{color:var(--text-muted);font-size:.75rem}@keyframes spin{0%{transform:translateY(-50%)rotate(0)}to{transform:translateY(-50%)rotate(360deg)}}.app-main-content{margin-left:var(--sidebar-width);padding-top:var(--topbar-height);background-color:var(--bg-color);min-height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}@media (max-width:992px){.sidebar-collapse-btn{display:none!important}.app-sidebar{width:70px;padding:1rem .5rem}.sidebar-logo{height:32px}.sidebar-link span,.sidebar-user-meta,.sidebar-logout-form{display:none}.app-topbar{left:70px}.app-main-content{margin-left:70px}}.logout-nav-btn:hover{color:#ff8787!important;background:#ef444414!important;border-color:#ef444433!important}.topbar-pill-btn{color:#fff;background:linear-gradient(135deg,#6366f126 0%,#8b5cf626 100%);border:1px solid #6366f140;border-radius:2rem;align-items:center;gap:.4rem;padding:.5rem 1.1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 12px #6366f126}.topbar-pill-btn:hover{color:#fff;background:linear-gradient(135deg,#6366f140 0%,#8b5cf640 100%);border-color:#6366f173;transform:translateY(-1px)scale(1.02);box-shadow:0 6px 16px #6366f140}.talk-badge-bubble{color:#fff;z-index:2;background:#ef4444;border:2px solid #0f172a;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:800;line-height:1;display:flex;position:absolute;top:-3px;right:-3px;box-shadow:0 2px 6px #ef444480}.topbar-notifications-container{align-items:center;display:flex;position:relative}.topbar-bell-btn{width:38px;height:38px;color:var(--text-muted);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:0;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.topbar-bell-btn:hover,.topbar-bell-btn.active{color:#fff;background:#ffffff14;border-color:#6366f166;transform:scale(1.05);box-shadow:0 0 12px #6366f140}.bell-badge-bubble{color:#fff;background:#ef4444;border:2px solid #0f172a;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 2px 5px #ef444473}.notifications-dropdown-panel{-webkit-backdrop-filter:blur(24px);z-index:1001;background:#0f172af2;border:1px solid #ffffff14;border-radius:1.25rem;flex-direction:column;width:390px;display:flex;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 15px 35px #00000080}.notifications-dropdown-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.notifications-dropdown-header h3{color:#fff;margin:0;font-size:1rem;font-weight:700}.unread-header-badge{color:#a5b4fc;background:#6366f126;border:1px solid #6366f140;border-radius:1rem;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.notifications-list-scroll{max-height:380px;overflow-y:auto}.notification-item-row{border-bottom:1px solid #ffffff08;gap:.75rem;padding:.85rem 1.25rem;text-decoration:none;transition:all .2s;display:flex}.notification-item-row:last-child{border-bottom:none}.notification-item-row:hover{background:#ffffff08}.chat-type{border-left:3px solid #6366f1}.post-type{border-left:3px solid #10b981}.friend-req-type{border-left:3px solid #a855f7}.notif-avatar-col{flex-shrink:0;align-items:center;display:flex}.notif-avatar-img{object-fit:cover;border:1.5px solid #ffffff1a;border-radius:50%;width:38px;height:38px}.notif-avatar-placeholder{color:#fff;border:1.5px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.notif-avatar-placeholder.chat{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%)}.notif-avatar-placeholder.post{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.notif-content-col{flex-grow:1;min-width:0}.notif-title-row{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.2rem;display:flex}.notif-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.notif-time{color:var(--text-muted);flex-shrink:0;font-size:.7rem}.notif-subtitle{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.75rem;overflow:hidden}.notif-empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.notif-empty-state p{color:#fff;margin-bottom:.1rem;font-size:.9rem;font-weight:600}.notif-empty-state span{opacity:.7;font-size:.75rem}.notif-avatar-placeholder.friend{background:linear-gradient(135deg,#a855f7 0%,#7c3aed 100%)}.friend-req-badge{color:#c084fc!important;background:#a855f726!important;border-color:#a855f74d!important}.notif-friend-actions{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.notif-btn-accept{color:#34d399;cursor:pointer;background:#10b98126;border:1px solid #10b9814d;border-radius:.5rem;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:.75rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.notif-btn-accept:hover:not(:disabled){background:#10b98147;border-color:#10b9818c;transform:translateY(-1px)}.notif-btn-decline{color:#f87171;cursor:pointer;background:#ef444414;border:1px solid #ef444440;border-radius:.5rem;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:.75rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.notif-btn-decline:hover:not(:disabled){background:#ef44442e;border-color:#ef444466;transform:translateY(-1px)}.friend-title{text-decoration:none;transition:color .2s}.friend-title:hover{color:#c084fc}.sidebar-badge{color:#fff;background:#ef4444;border-radius:9999px;margin-left:auto;padding:.15rem .5rem;font-size:.68rem;font-weight:800;line-height:1;box-shadow:0 2px 6px #ef444473}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.notifications-dropdown-panel.animate-in{animation:.2s cubic-bezier(.16,1,.3,1) forwards dropdownFadeIn}.notif-gear-btn{color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.notif-gear-btn:hover{color:#fff;background:#ffffff26;transform:rotate(30deg)}.notif-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:9999px;padding:.15rem .5rem;font-size:.7rem;font-weight:600;transition:all .2s}.notif-clear-btn:hover{color:#f87171;background:#ef44441f;border-color:#ef44444d}.notif-actions-right{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.notif-delete-btn{color:#ef4444;cursor:pointer;opacity:.9;background:#ef444414;border:1px solid #ef444433;border-radius:6px;justify-content:center;align-items:center;padding:3px 5px;transition:all .2s;display:flex}.notification-item-row:hover .notif-delete-btn{opacity:1;background:#ef44442e;border-color:#ef444466}.notif-delete-btn:hover{color:#ff4d4f;transform:scale(1.1);background:#ef444447!important;border-color:#ef444499!important}.notif-tabs-bar{scrollbar-width:none;background:#00000026;border-bottom:1px solid #ffffff0a;align-items:center;gap:.35rem;padding:.5rem 1rem;display:flex;overflow-x:auto}.notif-tabs-bar::-webkit-scrollbar{display:none}.notif-tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9999px;flex-shrink:0;padding:.25rem .65rem;font-size:.75rem;font-weight:600;transition:all .2s}.notif-tab-btn:hover{color:#fff;background:#ffffff0d}.notif-tab-btn.active{color:#c7d2fe;background:#6366f133;border-color:#6366f166}.comment-reply-type{border-left:3px solid #f59e0b}.trade-chat-type{border-left:3px solid #0ea5e9}.notif-avatar-placeholder.comment-reply{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.notif-avatar-placeholder.trade{background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%)}.notif-trade-avatar-wrapper{flex-shrink:0;width:38px;height:38px;position:relative}.notif-trade-sub-badge{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);border:1.5px solid #0f172a;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 1px 3px #0006}.notif-trade-tag{letter-spacing:.5px;color:#38bdf8;background:#0ea5e92e;border:1px solid #0ea5e959;border-radius:4px;flex-shrink:0;padding:.12rem .35rem;font-size:.62rem;font-weight:800;line-height:1}.notif-trade-exchange-row{cursor:pointer;background:#0f172a99;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:.35rem;max-width:100%;margin-top:.4rem;padding:.25rem .4rem;transition:background .15s,border-color .15s,transform .15s;display:flex;overflow:hidden}.notif-trade-exchange-row:hover{background:#0f172ad9;border-color:#22c55e66;transform:translateY(-1px)}.notif-trade-exchange-pill{flex-shrink:1;align-items:center;gap:.25rem;min-width:0;display:flex}.notif-trade-pill-label{color:#94a3b8;white-space:nowrap;font-size:.65rem;font-weight:700}.notif-trade-pill-images{align-items:center;gap:.2rem;display:flex}img.notif-trade-mini-thumb,video.notif-trade-mini-thumb{object-fit:cover;background:#1e293b;border:1px solid #ffffff1f;border-radius:4px;flex-shrink:0;width:22px;height:22px}.notif-trade-mini-more{color:#cbd5e1;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:.58rem;font-weight:700;display:flex}.notif-trade-empty-slot{color:#64748b;padding:0 .15rem;font-size:.65rem}.notif-trade-exchange-arrow-circle{color:#22c55e;background:#22c55e26;border:1px solid #22c55e59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin:0 .15rem;display:flex}.notif-settings-overlay{-webkit-backdrop-filter:blur(8px);z-index:99999;background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.notif-settings-modal{background:#0f172a;border:1px solid #ffffff1a;border-radius:1.25rem;flex-direction:column;width:100%;max-width:500px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #000000b3}.notif-settings-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.notif-settings-header-left{align-items:center;gap:.85rem;display:flex}.notif-settings-icon-bubble{color:#818cf8;background:#6366f126;border:1px solid #6366f14d;border-radius:.75rem;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.notif-settings-header h3{color:#fff;margin:0;font-size:1.05rem;font-weight:700}.notif-settings-header p{color:var(--text-muted);margin:.15rem 0 0;font-size:.75rem}.notif-settings-header-right{align-items:center;gap:.65rem;display:flex}.notif-saved-tag{color:#34d399;background:#10b98126;border:1px solid #10b9814d;border-radius:9999px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.72rem;font-weight:700;display:inline-flex}.notif-modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.35rem;transition:all .2s;display:flex}.notif-modal-close-btn:hover{color:#fff;background:#ffffff1a}.notif-settings-body{flex-direction:column;gap:1.15rem;max-height:60vh;padding:1.25rem 1.5rem;display:flex;overflow-y:auto}.notif-group{background:#ffffff05;border:1px solid #ffffff0f;border-radius:.85rem;padding:.9rem 1.15rem;transition:opacity .2s}.notif-group.disabled-group{opacity:.45;pointer-events:none}.notif-group.master-group{background:#ef44440a;border-color:#ef444426;padding:.85rem 1.15rem}.notif-group-header-row{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.notif-group-title{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin:0 0 .4rem;font-size:.72rem;font-weight:800}.notif-group-quick-mute{color:#818cf8;cursor:pointer;background:0 0;border:none;border-radius:.35rem;padding:.15rem .4rem;font-size:.72rem;font-weight:700;transition:all .2s}.notif-group-quick-mute:hover{background:#6366f11f}.notif-group-quick-mute.active{color:#f87171}.notif-group-quick-mute.active:hover{background:#ef44441f}.notif-toggle-row{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 0;display:flex}.notif-toggle-row:last-child{border-bottom:none;padding-bottom:0}.notif-toggle-row:first-child{padding-top:0}.notif-toggle-info{flex-grow:1}.notif-label-row{align-items:center;gap:.5rem;display:flex}.notif-item-icon{flex-shrink:0}.notif-item-icon.text-danger{color:#f87171}.notif-item-icon.text-indigo{color:#818cf8}.notif-item-icon.text-blue{color:#38bdf8}.notif-item-icon.text-purple{color:#c084fc}.notif-item-icon.text-emerald{color:#34d399}.notif-item-icon.text-amber{color:#fbbf24}.notif-item-title{color:#fff;font-size:.88rem;font-weight:700}.notif-item-desc{color:var(--text-muted);margin:.2rem 0 0;font-size:.74rem;line-height:1.35}.ts-switch-btn{cursor:pointer;background:#ffffff1f;border:1px solid #ffffff14;border-radius:9999px;flex-shrink:0;width:44px;height:24px;padding:2px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.ts-switch-btn.active{background:#6366f1;border-color:#818cf8}.ts-switch-btn.active.danger{background:#ef4444;border-color:#f87171}.ts-switch-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s cubic-bezier(.4,0,.2,1);display:block;transform:translate(0);box-shadow:0 1px 3px #0006}.ts-switch-btn.active .ts-switch-thumb{transform:translate(20px)}.ts-switch-btn:disabled{opacity:.4;cursor:not-allowed}.notif-settings-footer{border-top:1px solid #ffffff14;justify-content:flex-end;padding:1rem 1.5rem;display:flex}.notif-modal-done-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:.65rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;transition:background .2s}.notif-modal-done-btn:hover{background:#4f46e5}
:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.tradespace-back-btn{color:#cbd5e1;cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:.5rem;padding:.55rem 1.15rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 8px #0003}.tradespace-back-btn:hover{color:#d8b4fe;background:#a855f729;border-color:#a855f773;transform:translate(-3px);box-shadow:0 0 16px #a855f747,0 4px 12px #0000004d}.tradespace-back-btn:active{transform:translate(-1px)}.post-carousel-container{-webkit-user-select:none;user-select:none;background:radial-gradient(#161c2db3 0%,#080a10fa 100%);border-radius:.9rem;justify-content:center;align-items:center;width:100%;height:clamp(300px,46vh,480px);min-height:250px;max-height:min(480px,100vh - 200px);display:flex;position:relative;overflow:hidden}.post-carousel-container.is-compact-format{height:clamp(240px,38vh,380px);min-height:200px;max-height:min(380px,100vh - 240px)}@media (max-height:850px){.post-carousel-container{height:clamp(260px,40vh,400px);max-height:min(400px,100vh - 200px)}}@media (max-height:700px){.post-carousel-container{height:clamp(220px,34vh,320px);min-height:180px;max-height:min(320px,100vh - 160px)}}@media (max-width:640px){.post-carousel-container{border-radius:.75rem;height:clamp(240px,68vw,420px);min-height:200px;max-height:440px}}.carousel-pagination-dots{z-index:15;-webkit-backdrop-filter:blur(10px);pointer-events:auto;-webkit-user-select:none;user-select:none;background:#0000008c;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:6px;padding:4px 8px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0006}.carousel-dot{cursor:pointer;background:#ffffff59;border:none;border-radius:9999px;outline:none;width:7px;height:7px;padding:0;transition:all .25s cubic-bezier(.16,1,.3,1)}.carousel-dot:hover:not(.active){background:#ffffffd9;transform:scale(1.25)}.carousel-dot.active{background:linear-gradient(90deg,#c084fc 0%,#818cf8 100%);border-radius:4px;width:22px;height:7px;box-shadow:0 0 12px #c084fc,0 0 5px #a855f7,0 0 2px #fff}.post-carousel-nav-btn{-webkit-backdrop-filter:blur(8px);cursor:pointer;z-index:10;opacity:.88;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:#0a0c14b8;border:1px solid #ffffff2e;border-radius:50%;outline:none;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 16px #00000080}.post-carousel-nav-btn.prev{padding:0;left:.75rem}.post-carousel-nav-btn.next{padding:0;right:.75rem}.post-carousel-nav-btn:hover{opacity:1;background:#141826f2;border-color:#ffffff59;transform:translateY(-50%)scale(1.08)}.post-carousel-chevron-icon{color:#fff;filter:drop-shadow(0 2px 8px #000000e6)drop-shadow(0 0 2px #000000f2);transition:transform .18s cubic-bezier(.16,1,.3,1),filter .18s}.post-carousel-nav-btn:hover .post-carousel-chevron-icon{filter:drop-shadow(0 3px 12px #000000fa)drop-shadow(0 0 5px #ffffff59);transform:scale(1.2)}.post-carousel-nav-btn:active .post-carousel-chevron-icon{transform:scale(.95)}