html,body{max-width:100vw;overflow-x:hidden}:root{--bg-page:#0b0f19;--bg-card:#151b2b;--bg-subnav:#111827;--bg-header:#15151a;--bg-hover:#ffffff0d;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent-primary:#facc15;--accent-hover:#eab308;--accent-muted:#facc1526;--accent-green:#22c55e;--border-subtle:#ffffff14;--border-strong:#ffffff26;--tag-green:#10b981;--tag-red:#ef4444;--tag-yellow:#f59e0b;--tag-purple:#8b5cf6}.premium-post-card{transition:all .2s}.premium-post-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003;background:var(--bg-hover)!important}.premium-tag{transition:transform .2s;box-shadow:0 2px 8px #0006}.premium-tag:hover{transform:scale(1.05)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.topics-grid{border-bottom:1px solid var(--border-subtle);flex-wrap:nowrap;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}@keyframes dynamicGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes mirrorShine{0%{transform:translate(-150%)rotate(25deg)}30%{transform:translate(250%)rotate(25deg)}to{transform:translate(250%)rotate(25deg)}}.gradient-card-base{color:#fff;background-size:300% 300%;border:1px solid #ffffff40;border-radius:20px;padding:22px;transition:transform .3s,box-shadow .3s;animation:10s infinite dynamicGradient;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #fff6,0 12px 30px #00000073}.gradient-card-base:hover{transform:translateY(-4px);box-shadow:inset 0 1px 2px #fff9,0 16px 40px #0009}.gradient-card-base:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(90deg,#fff0 0%,#ffffff73 50%,#fff0 100%);width:70px;height:220%;animation:6s ease-in-out infinite mirrorShine;position:absolute;top:-50%;left:-50%}.gradient-card-base:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(135deg,#ffffff38 0%,#ffffff0a 50%,#fff0 100%);position:absolute;inset:0}.gradient-card-blue{background-image:linear-gradient(135deg,#1d4ed8,#2563eb,#3b82f6,#1e40af,#60a5fa)}.gradient-card-red{background-image:linear-gradient(135deg,#b91c1c,#dc2626,#ef4444,#991b1b,#f87171)}.gradient-card-purple{background-image:linear-gradient(135deg,#6b21a8,#7e22ce,#9333ea,#581c87,#c084fc)}.gradient-card-green{background-image:linear-gradient(135deg,#047857,#059669,#10b981,#065f46,#34d399)}.gradient-card-gold{background-image:linear-gradient(135deg,#b45309,#d97706,#f59e0b,#92400e,#fbbf24)}@keyframes popIn{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-popin{animation:.22s cubic-bezier(.16,1,.3,1) forwards popIn}.btn-group-connected{align-items:center;display:inline-flex}.btn-group-connected>button,.btn-group-connected>a{margin-right:-1px;border-radius:0!important}.btn-group-connected>button:first-child,.btn-group-connected>a:first-child{border-top-left-radius:2px!important;border-bottom-left-radius:2px!important}.btn-group-connected>button:last-child,.btn-group-connected>a:last-child{margin-right:0;border-top-right-radius:2px!important;border-bottom-right-radius:2px!important}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-page);color:var(--text-primary);background-image:radial-gradient(circle at 15%,#22c55e0d,#0000 25%),radial-gradient(circle at 85% 30%,#8b5cf614,#0000 25%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-card)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}a,a:hover,a:focus,.nav-link,.nav-link:hover,.sidebar-link,.sidebar-link:hover,.submenu-link,.submenu-link:hover{text-decoration:none!important}a{color:var(--accent-primary);text-decoration:none}a:hover{text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.app-header{background-color:var(--bg-header);border-bottom:1px solid var(--border-subtle);z-index:100;position:sticky;top:0}.header-top{justify-content:space-between;align-items:center;height:60px;display:flex}.logo{color:#fff;letter-spacing:1.5px;font-size:1.75rem;font-weight:800}.logo-container{flex-shrink:0;width:290px;overflow:hidden}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{animation:.8s infinite cursor-blink}.header-nav{align-items:flex-end;gap:6px;height:60px;display:flex}.nav-link{color:var(--text-secondary);background:0 0;border-top-left-radius:8px;border-top-right-radius:8px;justify-content:center;align-items:center;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.nav-link:hover:not(.active){color:#fff;background:#ffffff14;text-decoration:none}.nav-link.active{font-weight:700;box-shadow:0 -2px 10px #eab30840;color:#000!important;background:#eab308!important;border-bottom:none!important}.header-actions{align-items:center;gap:1rem;display:flex}.btn{border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:4px;padding:.4rem .8rem;font-size:13px;font-weight:500}.btn:hover{background:var(--bg-hover)}.btn-primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.header-subnav{background-color:var(--bg-subnav);border-bottom:1px solid var(--border-subtle)}.subnav-list{align-items:center;gap:1.5rem;height:40px;list-style:none;display:flex}.subnav-link{color:var(--text-secondary);font-size:13px}.subnav-link:hover{color:var(--text-primary);text-decoration:none}.page-wrapper{padding:2rem 0}.layout-columns{grid-template-columns:1fr 320px;align-items:start;gap:1.5rem;display:grid}@media (max-width:900px){.layout-columns{grid-template-columns:1fr}}.block{background:var(--bg-card);border:1px solid var(--border-subtle);box-sizing:border-box;border-radius:4px;width:100%;margin-bottom:1.5rem;overflow:hidden}.block-header{background:var(--bg-subnav);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.block-title{color:#fff;font-size:1.1rem;font-weight:600}.thread-list{flex-direction:column;display:flex}.thread-item{border-bottom:1px solid var(--border-subtle);gap:12px;padding:12px 16px;transition:background .15s;display:flex}.thread-item:last-child{border-bottom:none}.thread-item:hover{background:var(--bg-hover)}.thread-avatar img{object-fit:cover;border-radius:50%;width:40px;height:40px}.thread-main{flex:1;min-width:0}.thread-title-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.thread-title{color:#fff;font-size:15px;font-weight:500}.thread-meta{color:var(--text-secondary);font-size:12px}.thread-meta a{color:var(--text-secondary)}.thread-meta a:hover{color:var(--text-primary);text-decoration:underline}.thread-stats{text-align:right;min-width:80px;color:var(--text-secondary);font-size:12px}.thread-last-post{text-align:right;min-width:140px;font-size:12px}.last-post-time{color:var(--text-primary);margin-bottom:2px;display:block}.last-post-user{color:var(--text-secondary)}.tag{text-transform:uppercase;border-radius:3px;padding:2px 6px;font-size:11px;font-weight:600}.tag-blue{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.tag-red{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.tag-green{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.tag-purple{color:#a78bfa;background:#8b5cf626;border:1px solid #8b5cf64d}.sidebar-list{padding:8px 0}.sidebar-item{gap:10px;padding:8px 16px;display:flex}.sidebar-avatar img{border-radius:50%;width:24px;height:24px}.sidebar-info{flex:1;font-size:13px}.sidebar-title{color:var(--text-primary);margin-bottom:2px;line-height:1.3;display:block}.sidebar-meta{color:var(--text-secondary);font-size:11px}.members-layout{grid-template-columns:240px 1fr;align-items:start;gap:1.5rem;display:grid}.member-nav-list{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;list-style:none;overflow:hidden}.member-nav-item{border-bottom:1px solid var(--border-subtle);cursor:pointer;color:var(--text-secondary);padding:10px 16px}.member-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.member-nav-item.active{background:var(--bg-hover);border-left:3px solid var(--accent-primary);color:var(--accent-primary);font-weight:500}.member-grid-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.member-stat-list{flex-direction:column;display:flex}.member-stat-item{border-bottom:1px dashed var(--border-subtle);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.member-hover-wrapper{align-items:center;gap:8px;display:inline-flex;position:relative}.hovercard{z-index:1000;width:360px;padding-top:8px;animation:.2s ease-out slideDownFade;display:none;position:absolute;top:100%;left:0}.member-grid-3>div:nth-child(3) .hovercard,.member-grid-3>div:nth-child(2) .hovercard{left:auto;right:0}.hc-inner{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:6px;overflow:hidden;box-shadow:0 10px 25px #00000080}.member-hover-wrapper:hover .hovercard{display:block}.post-arrow-desktop{background:var(--bg-card);border-left:1px solid var(--border-strong);border-top:1px solid var(--border-strong);z-index:10;width:16px;height:16px;position:absolute;top:24px;left:-8px;transform:rotate(-45deg);display:none!important}@media (min-width:768px){.post-arrow-desktop{display:block!important}}.parsed-content img{max-width:100%;height:auto}.parsed-content video{border-radius:4px;width:100%;max-width:400px;height:auto}@media (max-width:768px){.show-desktop{display:none!important}.parsed-content video{max-width:100%}}.hc-header{background:var(--bg-subnav);border-bottom:1px solid var(--border-subtle);gap:12px;padding:16px;display:flex}.hc-avatar img{border:2px solid var(--border-strong);border-radius:50%;width:72px;height:72px}.hc-info h3{color:var(--accent-primary);align-items:center;gap:6px;margin:0;font-size:1.2rem;display:flex}.hc-bio{color:var(--text-primary);margin-top:4px;font-size:12px}.hc-meta{color:var(--text-secondary);margin-top:4px;font-size:11px}.hc-stats{border-bottom:1px solid var(--border-subtle);justify-content:space-between;padding:12px 16px;display:flex}.hc-stat-col{text-align:center}.hc-stat-col .label{color:var(--text-secondary);font-size:11px;display:block}.hc-stat-col .val{color:var(--text-primary);margin-top:2px;font-size:14px;font-weight:500;display:block}.hc-actions{background:var(--bg-subnav);gap:8px;padding:12px 16px;display:flex}.hc-actions .btn{text-align:center;border:1px solid var(--border-strong);background:0 0;flex:1;padding:8px 0}.hc-actions .btn:hover{background:var(--bg-hover)}.hc-actions .btn-primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;flex:1.5;font-weight:600}.hc-actions .btn-primary:hover{background:var(--accent-hover)}.messenger-popup{background:var(--bg-card);border:1px solid var(--border-strong);z-index:9999;border-top-left-radius:8px;border-top-right-radius:8px;flex-direction:column;width:320px;height:400px;display:flex;position:fixed;bottom:0;right:80px;box-shadow:0 -5px 20px #00000080}.msg-header{background:var(--bg-subnav);border-bottom:1px solid var(--border-subtle);border-top-left-radius:8px;border-top-right-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.msg-body{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.msg-input-area{border-top:1px solid var(--border-subtle);background:var(--bg-card);align-items:center;gap:8px;padding:10px;display:flex}.msg-icon-btn{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:4px;font-size:20px;transition:background .2s;display:flex}.msg-icon-btn:hover{background:var(--bg-hover)}.msg-input{border:1px solid var(--border-strong);background:var(--bg-hover);color:var(--text-primary);border-radius:20px;outline:none;flex:1;padding:8px 12px}.msg-send-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:background .2s;display:flex}.msg-send-btn:hover{background:var(--accent-hover)}.icon-verified{color:#3b82f6;font-size:14px}.shoutbox-login-prompt{background:var(--bg-hover);border:1px solid var(--border-strong);border-radius:6px;justify-content:center;align-items:center;margin-top:12px;padding:12px;display:flex}.shoutbox-login-prompt span{color:var(--text-secondary);margin-right:16px;font-size:14px}.shoutbox-login-prompt a{background:var(--accent-primary);color:#000;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:700;text-decoration:none}.show-desktop{display:flex!important}.show-mobile{display:none!important}@media (max-width:768px){.post-container{flex-direction:column!important}.conversations-list,.conversations-chat{width:100%!important}.block{border-radius:4px!important;overflow:hidden!important}.block-header{border-radius:0!important}.post-user-info{display:none!important}.topics-grid{flex-wrap:unset!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;display:grid!important;overflow-x:hidden!important}.topics-grid>button{justify-content:center!important;width:100%!important;padding:6px 4px!important;font-size:12px!important}.chat-layout-mobile{height:calc(100dvh - 60px)!important}.post-user-info-mobile{background:var(--bg-card);border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:12px 16px;display:flex!important}.post-header-mobile{background:var(--bg-page)!important}.show-desktop{display:none!important}.show-mobile{display:flex!important}.header-nav{display:none!important}.header-top{flex-wrap:wrap!important;justify-content:space-between!important;gap:6px!important;height:auto!important;padding:10px 14px!important}.logo-container{flex-shrink:1!important;width:auto!important;max-width:100%!important}.layout-columns{flex-direction:column}.sidebar-col{display:flex!important}.hide-mobile,.thread-stats,.thread-last-post{display:none!important}.thread-meta-mobile{text-align:center;flex-direction:column;justify-content:center;margin-right:0;display:block!important}footer .container>div{flex-wrap:wrap;justify-content:center}.shoutbox-login-prompt{text-align:center;flex-direction:column;gap:12px}.shoutbox-login-prompt span{margin-right:0}}.post-container{margin:0;display:flex}.post-user-info{border-right:1px solid var(--border-subtle);background:var(--bg-subnav);flex-direction:column;flex-shrink:0;align-items:center;width:150px;padding:16px;display:flex}.message-userArrow{border:10px solid #0000;border-right-color:var(--border-strong);z-index:2;border-left:0;position:absolute;top:15px;right:-1px}.message-userArrow:after{content:"";border:9px solid #0000;border-right-color:var(--bg-card);border-left:0;position:absolute;top:-9px;right:-10px}.thread-meta-mobile,.post-user-info-mobile{display:none}.post-header-mobile{background:0 0}.post-content{flex-direction:column;flex:1;min-width:0;display:flex}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpPopup{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}@keyframes toggleLonNho{0%,49.99%{content:"LỚN";color:#ef4444}50%,to{content:"NHỎ";color:#3b82f6}}@keyframes toggleNhoLon{0%,49.99%{content:"NHỎ";color:#3b82f6}50%,to{content:"LỚN";color:#ef4444}}@keyframes popInDelayed{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes name-rainbow-anim{0%{color:red}14%{color:#f70}28%{color:#ff0}42%{color:#0f0}57%{color:#00f}71%{color:#8b00ff}85%{color:#f0f}to{color:red}}@keyframes name-shimmer-anim{0%{background-position:-200%}to{background-position:200%}}@keyframes name-neon-pulse{0%,to{text-shadow:0 0 4px,0 0 8px}50%{text-shadow:0 0 8px,0 0 16px,0 0 24px}}@media (max-width:400px){.header-dropdown{width:auto!important;max-width:none!important;position:fixed!important;top:60px!important;left:10px!important;right:10px!important}}@media (max-width:768px){.account-row{flex-direction:column!important}.account-label{margin-bottom:8px;text-align:left!important;width:100%!important;padding-right:0!important}}@media (max-width:768px){.account-stats-grid{flex-direction:column}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDownFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.random-text-1:after{content:"LỚN";color:#ef4444;animation:.4s infinite toggleLonNho}.random-text-2:after{content:"NHỎ";color:#3b82f6;animation:.4s infinite toggleNhoLon}.name-rainbow{font-weight:700;animation:2s linear infinite name-rainbow-anim}.name-shimmer{background:linear-gradient(90deg,#f0f,#ff0,#0ff,#f0f) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:700;animation:2s linear infinite name-shimmer-anim}.name-neon-blue{color:#00bfff;font-weight:700;animation:1.5s ease-in-out infinite name-neon-pulse}.name-neon-green{color:#39ff14;font-weight:700;animation:1.5s ease-in-out infinite name-neon-pulse}.name-neon-pink{color:#ff10f0;font-weight:700;animation:1.5s ease-in-out infinite name-neon-pulse}.name-gold{background:linear-gradient(90deg,#f7971e,#ffd200,#f7971e) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:700;animation:2s linear infinite name-shimmer-anim}.name-ice{background:linear-gradient(90deg,#a8edea,#fed6e3,#a8edea) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:700;animation:3s linear infinite name-shimmer-anim}.name-fire{background:linear-gradient(90deg,#f7971e,#ff4e00,#f7971e) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:700;animation:1.5s linear infinite name-shimmer-anim}@media (max-width:400px){.header-dropdown{width:auto!important;max-width:none!important;position:fixed!important;top:60px!important;left:10px!important;right:10px!important}}.account-row{display:flex}.account-label{text-align:right;width:220px;padding-right:20px}@media (max-width:768px){.account-row{flex-direction:column!important}.account-label{margin-bottom:8px;text-align:left!important;width:100%!important;padding-right:0!important}}.account-stats-grid{gap:16px;display:flex}@media (max-width:768px){.account-stats-grid{flex-direction:column}}.reaction-picker{background:var(--bg-card);border:1px solid var(--border-subtle);z-index:50;border-radius:20px;gap:8px;padding:8px;display:flex;position:absolute;bottom:100%;left:0;box-shadow:0 4px 12px #00000080}.reaction-container:hover .reaction-picker{display:flex}.reaction-option{cursor:pointer;transition:transform .2s}.reaction-option:hover{transform:scale(1.2)}@keyframes modalFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalFadeDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@media (max-width:768px){.mobile-dropdown-fix{width:auto!important;max-width:none!important;margin:0!important;position:fixed!important;top:60px!important;left:16px!important;right:16px!important}}.parsed-content img{border-radius:6px;max-width:100%;height:auto}.post-body img,.post-body video,.post-body iframe,.parsed-content img,.parsed-content video,.parsed-content iframe{max-width:100%!important;height:auto!important}.ql-toolbar{box-sizing:border-box!important;flex-wrap:wrap!important;max-width:100%!important;display:flex!important}.message-userArrow-up{display:none}@media (max-width:768px){.message-userArrow-up{border:10px solid #0000;border-bottom-color:var(--border-subtle);z-index:10;border-top:0;display:block;position:absolute;top:-10px;left:26px}.message-userArrow-up:after{content:"";border:9px solid #0000;border-bottom-color:var(--bg-card);border-top:0;position:absolute;top:1px;left:-9px}}.forum-page-container{padding:0 16px}button{border:none}.badge-row-mobile{scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:6px;display:flex;overflow-x:auto}.badge-row-desktop{flex-flow:wrap;align-items:center;gap:6px;margin-bottom:12px;display:flex}.btn-grid-responsive{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.price-badge{display:flex!important}body.hide-crisp-globally #crisp-chatbox{opacity:0!important;visibility:hidden!important;pointer-events:none!important;width:0!important;height:0!important;display:none!important}#crisp-chatbox [data-chat-status]>div[role=button][aria-expanded=false],#crisp-chatbox [data-chat-status=closed]{opacity:0!important;pointer-events:none!important;display:none!important}#crisp-chatbox div[role=button][aria-label*=Mở],#crisp-chatbox div[role=button][aria-label*=Open],#crisp-chatbox div[role=button][aria-expanded=false],#crisp-chatbox a[data-is-launcher]{opacity:0!important;pointer-events:none!important;visibility:hidden!important;display:none!important}@media (max-width:768px){.mobile-bleed{box-sizing:border-box;flex-shrink:0;border-left:none!important;border-right:none!important;border-radius:0!important;width:calc(100% + 64px)!important;max-width:none!important;margin-left:-32px!important;margin-right:-32px!important}}.banner-grid-resp{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.banner-grid-resp a:last-child:nth-child(odd){grid-column:1/-1;max-width:50%;margin:0 auto}@media (max-width:768px){.banner-grid-resp{grid-template-columns:1fr}.banner-grid-resp a:last-child:nth-child(odd){max-width:100%}}