@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');
:root{--bg:#080a0d;--panel:#11151a;--line:#252a31;--muted:#8b949e;--accent:#5b67ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f5f7fa;font:14px 'DM Sans',sans-serif}.rail{position:fixed;width:76px;height:100vh;border-right:1px solid var(--line);padding:28px 11px;display:flex;flex-direction:column;background:#090b0e;z-index:2}.brand{font-size:25px;font-weight:700;letter-spacing:-1.5px;margin:0 0 58px}.brand span{font-weight:400}.rail nav{display:grid;gap:12px}.rail a,.admin-link{display:flex;gap:18px;align-items:center;color:#aeb5bf;text-decoration:none;padding:13px 14px;border-radius:12px;font-size:22px}.rail a b,.admin-link b{font-size:14px;font-weight:500;opacity:0}.rail:hover a b,.rail:hover .admin-link b{opacity:1}.rail:hover{width:232px}.rail a.active,.rail a:hover,.admin-link:hover{background:#171c22;color:#fff}.admin-link{margin-top:auto}.top{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;margin-left:76px}.search{background:#171b21;border:1px solid #262d35;border-radius:12px;padding:10px 15px;color:var(--muted);width:340px}.search input{background:none;border:0;outline:0;color:white;margin-left:8px;width:280px}.top-actions{display:flex;align-items:center;gap:13px}.top-actions button,.profile-actions button{background:#20252c;border:0;color:#fff;border-radius:10px;padding:11px 18px;font-weight:600}.top-actions img{width:31px;height:31px;object-fit:contain;border-radius:50%;background:#20252c}.mobile-brand{display:none}.profile, .highlights,.tabs,.grid,footer{max-width:1110px;margin:auto}.profile{display:grid;grid-template-columns:220px 1fr;gap:42px;padding:54px 20px 28px}.avatar{width:178px;height:178px;border-radius:50%;padding:7px;background:linear-gradient(135deg,#ffce62,#ff3f82,#784bff)}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#161a20}.handle{font-size:25px;font-weight:700;margin-bottom:20px}.handle span{font-size:17px;color:var(--muted);margin-left:10px}.stats{display:flex;gap:34px;margin-bottom:23px}.stats strong{font-size:17px}.stats small{font-weight:400;color:var(--muted);font-size:13px}.bio p{line-height:1.55;color:#d9dee4;margin:0}.bio em{color:#a8b0bd;font-style:normal}.bio a{color:#7d8aff}.links{margin-top:10px;color:#c4cad2}.links span{color:var(--muted)}.profile-actions{grid-column:2;display:flex;gap:10px;margin-top:-10px}.profile-actions button{flex:1}.profile-actions .primary{background:var(--accent)}.highlights{display:flex;gap:23px;padding:24px 20px 43px;border-bottom:1px solid var(--line)}.highlights div{text-align:center;display:grid;gap:10px;font-size:12px}.highlights img{width:82px;height:82px;border-radius:50%;object-fit:cover;border:3px solid #20262e;padding:3px}.tabs{display:flex;justify-content:center;gap:70px}.tabs button{padding:20px 10px;background:none;border:0;color:#727b87;font-size:19px;border-top:1px solid transparent}.tabs button span{font-size:11px;letter-spacing:1px;margin-left:6px}.tabs .selected{color:#fff;border-top-color:#fff}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.card{aspect-ratio:1;position:relative;overflow:hidden;background:#14191f;cursor:pointer}.card img{width:100%;height:100%;object-fit:cover;transition:.3s}.card:hover img{transform:scale(1.04);opacity:.7}.card .meta{position:absolute;inset:auto 0 0;padding:38px 12px 12px;background:linear-gradient(transparent,rgba(0,0,0,.85));opacity:0;transition:.2s}.card:hover .meta{opacity:1}.meta strong{display:block}.meta small{color:#c6cbd2}footer{color:var(--muted);padding:40px 20px;text-align:center}@media(max-width:800px){.rail{width:62px;padding:25px 8px}.brand,.rail b{display:none}.rail a,.admin-link{justify-content:center;padding:13px 5px}.top{margin-left:62px;padding:0 15px}.search{width:52px;background:none;border:0}.search input{display:none}.mobile-brand{display:block;font-weight:700}.profile{grid-template-columns:100px 1fr;gap:18px;padding-top:30px}.avatar{width:92px;height:92px}.handle{font-size:20px}.stats{gap:12px}.stats strong{font-size:14px}.stats small{display:block}.profile-actions{grid-column:1/-1}.highlights{overflow:hidden;gap:14px}.highlights img{width:65px;height:65px}.tabs{gap:15px}.tabs button span{display:none}.grid{grid-template-columns:repeat(3,1fr)}}

#loadMore{display:block;margin:28px auto 45px;background:none;border:0;color:#aeb5bf;font-size:28px;letter-spacing:8px;animation:pulse 1s infinite}#loadMore.loading{color:#fff}@keyframes pulse{50%{opacity:.25}}

.category-filters{overflow-x:auto}.category-filters button{flex:0 0 112px;height:112px;border-radius:50%;background:#050608;border:3px solid #343a43;color:#fff;font-weight:700;transition:.25s}.category-filters button span{display:grid;place-items:center;height:100%;padding:10px}.category-filters .lit{border-color:#fff;box-shadow:0 0 10px #fff,0 0 25px #6775ff}.category-filters .dim{opacity:.22;filter:saturate(0)}@media(max-width:800px){.category-filters button{flex-basis:82px;height:82px;font-size:10px}}
.category-filters{padding-bottom:48px!important;gap:23px!important}.category-filters button{position:relative;flex:0 0 82px!important;width:82px!important;height:82px!important;background:#11151a!important;border:3px solid #252a31!important;box-shadow:none!important;filter:none!important}.category-filters button span{position:absolute!important;top:92px!important;left:50%!important;transform:translateX(-50%)!important;height:auto!important;padding:0!important;white-space:nowrap;color:#fff;font-size:11px}.category-filters .lit{opacity:1!important;border-color:#3a424d!important;box-shadow:none!important}.category-filters .dim{opacity:.28!important;filter:none!important}@media(max-width:800px){.category-filters{padding-bottom:42px!important}.category-filters button{flex-basis:65px!important;width:65px!important;height:65px!important}.category-filters button span{top:73px!important;font-size:9px}}
.category-filters button{background:#151615!important;border:4px solid #282c32!important;box-shadow:inset 0 0 0 4px #080a0d!important}.category-filters button i{position:absolute;inset:0;display:grid;place-items:center;padding:8px;color:#c9ff38;font-style:italic;font-weight:900;font-size:12px;line-height:1;text-transform:uppercase;overflow:hidden}.category-filters button span{font-size:12px!important;font-weight:700!important;text-transform:none!important}.category-filters .lit{opacity:1!important}.category-filters .dim{opacity:.28!important}@media(max-width:800px){.category-filters button i{font-size:9px}.category-filters button span{font-size:9px!important}}
.category-filters{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.category-filters::-webkit-scrollbar{display:none;width:0;height:0}.category-filters button{scroll-snap-align:start;font-family:Arial,"Helvetica Neue",sans-serif!important}.category-filters button i{font-family:Arial,"Helvetica Neue",sans-serif!important;font-style:normal!important;letter-spacing:-.25px;word-break:normal}.category-filters button span{font-family:Arial,"Helvetica Neue",sans-serif!important}
.category-filters button,.category-filters button i,.category-filters button span{font-family:"Segoe UI",Arial,sans-serif!important;text-transform:none!important}.category-filters button i{inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;font-size:10px!important;line-height:1.15!important;padding:12px!important;white-space:normal!important;transform:none!important}.category-filters button span{left:50%!important;transform:translateX(-50%)!important;font-size:11px!important}@media(max-width:800px){.category-filters button i{font-size:8px!important}.category-filters button span{font-size:9px!important}}
.category-filters button i{font-size:12px!important;font-weight:900!important;line-height:1!important;padding:9px!important;letter-spacing:-.35px!important;text-transform:uppercase!important}@media(max-width:800px){.category-filters button i{font-size:10px!important;padding:7px!important}}
.category-filters button i{font-style:italic!important;text-transform:uppercase!important;transform:translateY(-1px) rotate(-7deg)!important;transform-origin:center!important}
.category-filters{max-width:none!important;width:100%!important;margin:0!important;padding-left:24px!important;padding-right:24px!important;justify-content:flex-start!important;gap:18px!important}.category-filters button{flex:0 0 72px!important;width:72px!important;height:72px!important}.category-filters button i{font-size:10px!important;padding:6px!important}.category-filters button span{top:80px!important;font-size:10px!important}@media(max-width:800px){.category-filters{gap:12px!important;padding-left:14px!important;padding-right:14px!important}.category-filters button{flex-basis:58px!important;width:58px!important;height:58px!important}.category-filters button i{font-size:8px!important}.category-filters button span{top:65px!important;font-size:8px!important}}
.category-filters button span{text-transform:capitalize!important}
.category-filters{justify-content:center!important}@media(max-width:900px){.category-filters{justify-content:flex-start!important}}
.avatar img{filter:invert(1);object-fit:contain!important;padding:18px!important}.top-actions img{filter:invert(1)}
.avatar{background:#000!important;padding:7px!important}.avatar img{background:#000!important;border-radius:50%!important}
.avatar img{filter:none!important;background:#000!important}.top-actions img[src*="logo-final"]{filter:none!important;background:#000!important}
.avatar,.avatar img{background:#000!important}.avatar img{filter:none!important}.top-actions img{filter:none!important;background:#000!important}
.avatar{background:linear-gradient(135deg,#ffd15c 0%,#ff7a45 30%,#ff3f82 55%,#8a4dff 100%)!important;padding:7px!important}.avatar img{background:#000!important;border-radius:50%!important;filter:none!important}
.avatar{padding:4px!important;background:linear-gradient(35deg,#ffd600 0%,#ff7a00 25%,#ff0169 55%,#d300c5 78%,#7638fa 100%)!important}.avatar img{padding:14px!important;background:#050609!important;border:2px solid #161a22!important}
.avatar{position:relative!important;padding:4px!important;background:none!important;isolation:isolate}.avatar:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,#ffd600,#ff7a00,#ff0169,#d300c5,#7638fa,#ffd600);animation:instaSpin 4s linear infinite;z-index:-1}.avatar img{position:relative;z-index:1;width:100%!important;height:100%!important}@keyframes instaSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.avatar:before{animation:none}}
.category-filters button{position:relative;isolation:isolate}.category-filters button:after{content:"";position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 65%,#c9ff38 78%,transparent 90%);z-index:-1;opacity:0}.category-filters button.lit:after{opacity:1;animation:catSpin 3.5s linear infinite}@keyframes catSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.category-filters button.lit:after{animation:none}}
.category-filters button.lit:after{opacity:0!important;animation:none!important}.category-filters button:active:after{opacity:1!important;background:conic-gradient(from 0deg,transparent 0 72%,#c9ff38 82%,#fff 86%,transparent 94%)!important;animation:catTap .85s linear 1!important}@keyframes catTap{from{transform:rotate(0);opacity:1}to{transform:rotate(360deg);opacity:0}}
.category-filters button:after{inset:-5px!important;padding:0!important;background:conic-gradient(from 30deg,transparent 0 4%,#c9ff38 6%,#fff 8%,transparent 11% )!important;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px))}.category-filters button:active:after{animation:catTap .85s linear 1!important}
.category-filters button:after{inset:-6px!important;background:repeating-conic-gradient(from 30deg,transparent 0 7deg,#fff 7deg 12deg,transparent 12deg 20deg)!important;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));opacity:0!important}.category-filters button.tap:after{opacity:1!important;animation:catDash 1s linear 1!important}@keyframes catDash{from{transform:rotate(0deg);opacity:1}to{transform:rotate(360deg);opacity:0}}
.category-filters button.tap{animation:catPop 1s cubic-bezier(.2,.8,.25,1) 1!important}.category-filters button.tap:after{opacity:1!important;inset:-6px!important;background:repeating-conic-gradient(from 30deg,transparent 0 8deg,#fff 8deg 13deg,transparent 13deg 22deg)!important;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));animation:catDashRun 1s linear 1!important}@keyframes catPop{0%{transform:scale(1)}18%{transform:scale(.88)}42%{transform:scale(1.06)}65%{transform:scale(.98)}100%{transform:scale(1)}}@keyframes catDashRun{from{transform:rotate(0deg);opacity:1}85%{opacity:1}to{transform:rotate(360deg);opacity:0}}
.category-filters button.tap,.category-filters button.lit{animation:none!important;transform:none!important}.category-filters button.tap:after,.category-filters button.lit:after{opacity:0!important;animation:none!important}.category-filters button:after{content:""!important;position:absolute!important;inset:-7px!important;border:2px dashed rgba(255,255,255,.96)!important;border-radius:50%!important;background:none!important;-webkit-mask:none!important;mask:none!important;opacity:0!important;pointer-events:none!important}.category-filters button:active{transform:scale(.93)!important;transition:transform 90ms ease!important}.category-filters button:active:after{opacity:1!important;animation:instaDashedRing 1s linear infinite!important}@keyframes instaDashedRing{to{transform:rotate(360deg)}}
.category-filters button:active{transform:none!important}.category-filters button:active:after{opacity:0!important;animation:none!important}.category-filters button.tap{animation:catPopOnce 1s cubic-bezier(.2,.8,.25,1) 1!important}.category-filters button.tap:after{opacity:1!important;inset:-7px!important;border:2px dashed rgba(255,255,255,.96)!important;background:none!important;-webkit-mask:none!important;mask:none!important;animation:instaDashOnce 1s linear 1!important}@keyframes catPopOnce{0%{transform:scale(1)}18%{transform:scale(.9)}40%{transform:scale(1.05)}62%{transform:scale(.98)}100%{transform:scale(1)}}@keyframes instaDashOnce{from{transform:rotate(0deg);opacity:1}90%{opacity:1}to{transform:rotate(360deg);opacity:0}}
.category-filters button.tap{animation:catPopQuick .22s cubic-bezier(.2,.8,.25,1) 1!important}.category-filters button.tap:after{animation:instaDashOnce 1s linear 1!important}@keyframes catPopQuick{0%{transform:scale(1)}45%{transform:scale(.9)}100%{transform:scale(1)}}
.category-filters button.tap{animation:catPopStrong .32s cubic-bezier(.18,.85,.3,1.25) 1!important;will-change:transform}@keyframes catPopStrong{0%{transform:scale(1)}30%{transform:scale(.78)}68%{transform:scale(1.12)}100%{transform:scale(1)}}
.category-filters button.tap i{animation:catTextPop .32s cubic-bezier(.18,.85,.3,1.25) 1!important}.category-filters button.tap span{animation:catLabelPop .32s cubic-bezier(.18,.85,.3,1.25) 1!important}@keyframes catTextPop{0%{transform:rotate(-7deg) scale(1)}30%{transform:rotate(-7deg) scale(.78)}68%{transform:rotate(-7deg) scale(1.12)}100%{transform:rotate(-7deg) scale(1)}}@keyframes catLabelPop{0%{transform:translateX(-50%) scale(1)}30%{transform:translateX(-50%) scale(.88)}68%{transform:translateX(-50%) scale(1.08)}100%{transform:translateX(-50%) scale(1)}}
.category-filters button:after{inset:-4px!important;border:0!important;border-radius:50%!important;background:conic-gradient(from 30deg,transparent 0 2deg,#fff 2deg 9deg,transparent 9deg 16deg,#fff 16deg 23deg,transparent 23deg 30deg,#fff 30deg 37deg,transparent 37deg 44deg,#fff 44deg 51deg,transparent 51deg 100%)!important;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px))!important;mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px))!important;opacity:0!important;transform:rotate(0deg)!important}.category-filters button.tap{animation:catPopSmooth .28s cubic-bezier(.22,.75,.25,1) 1!important}.category-filters button.tap:after{opacity:1!important;animation:catArcRun 1s cubic-bezier(.25,.1,.25,1) 1!important}@keyframes catPopSmooth{0%{transform:scale(1)}45%{transform:scale(.94)}100%{transform:scale(1)}}@keyframes catArcRun{from{transform:rotate(0deg);opacity:1}to{transform:rotate(150deg);opacity:0}}
.category-filters button{transform-origin:center!important;transition:none!important}.category-filters button:after{inset:0!important;border:0!important;background:repeating-conic-gradient(from 30deg,transparent 0 9deg,#fff 9deg 15deg,transparent 15deg 24deg)!important;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px))!important;mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px))!important}.category-filters button.tap{transform:scale(.9)!important;animation:catWholePop .32s cubic-bezier(.2,.8,.25,1) 1!important}.category-filters button.tap:after{opacity:1!important;animation:catStrokeRun 1s linear 1!important}.category-filters button.tap i,.category-filters button.tap span{animation:none!important}@keyframes catWholePop{0%{transform:scale(1)}35%{transform:scale(.88)}70%{transform:scale(1.04)}100%{transform:scale(1)}}@keyframes catStrokeRun{from{transform:rotate(0);opacity:1}to{transform:rotate(150deg);opacity:0}}
.category-filters button:after{inset:0!important;border:0!important;background:conic-gradient(from 30deg,#3b4048 0 7deg,#151615 7deg 13deg,#3b4048 13deg 20deg,#151615 20deg 27deg,#3b4048 27deg 34deg,#151615 34deg 41deg,#3b4048 41deg 48deg,#151615 48deg 55deg,#3b4048 55deg 62deg,#151615 62deg 69deg,#3b4048 69deg 76deg,#151615 76deg 83deg,#3b4048 83deg 90deg,#151615 90deg 97deg,#3b4048 97deg 104deg,#151615 104deg 111deg,#3b4048 111deg 118deg,#151615 118deg 125deg,#3b4048 125deg 132deg,#151615 132deg 139deg,#3b4048 139deg 146deg,#151615 146deg 153deg,#3b4048 153deg 160deg,transparent 160deg 360deg)!important;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px))!important;mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px))!important}.category-filters button.tap{animation:catWholePopRef .3s cubic-bezier(.2,.8,.25,1) 1!important}.category-filters button.tap:after{opacity:1!important;animation:catDashReveal 1s ease-out 1!important}@keyframes catWholePopRef{0%{transform:scale(1)}42%{transform:scale(.9)}72%{transform:scale(1.04)}100%{transform:scale(1)}}@keyframes catDashReveal{0%{opacity:0;transform:rotate(-12deg)}30%{opacity:1}100%{opacity:1;transform:rotate(0)}}
.category-filters button.is-pressed{animation:pressWhole .28s cubic-bezier(.2,.8,.25,1)!important;z-index:2}.category-filters button.is-pressed:after{content:""!important;display:block!important;position:absolute!important;inset:0!important;border:0!important;border-radius:50%!important;background:conic-gradient(from 30deg,transparent 0 8deg,#737983 8deg 15deg,transparent 15deg 23deg,#737983 23deg 30deg,transparent 30deg 38deg,#737983 38deg 45deg,transparent 45deg 53deg,#737983 53deg 60deg,transparent 60deg 68deg,#737983 68deg 75deg,transparent 75deg 83deg,#737983 83deg 90deg,transparent 90deg 360deg)!important;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 2px))!important;mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 2px))!important;opacity:1!important;animation:dashMove 1s ease-out 1!important;pointer-events:none!important}@keyframes pressWhole{0%{transform:scale(1)}40%{transform:scale(.9)}70%{transform:scale(1.04)}100%{transform:scale(1)}}@keyframes dashMove{from{transform:rotate(-15deg);opacity:0}20%{opacity:1}to{transform:rotate(0deg);opacity:0}}
.category-filters button:focus{animation:pressWhole .28s cubic-bezier(.2,.8,.25,1)!important;outline:none!important}.category-filters button:focus:after{content:""!important;display:block!important;position:absolute!important;inset:0!important;border-radius:50%!important;background:repeating-conic-gradient(from 30deg,transparent 0 9deg,#737983 9deg 15deg,transparent 15deg 24deg)!important;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 2px))!important;mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 2px))!important;animation:dashMove 1s linear 1!important;opacity:1!important}
.category-filters button.tap,.category-filters button.is-pressed,.category-filters button:focus{animation:none!important;transform:none!important}.category-filters button.tap:after,.category-filters button.is-pressed:after,.category-filters button:focus:after{animation:none!important;opacity:0!important}.category-filters button.ring-run:after{content:""!important;display:block!important;position:absolute!important;inset:0!important;border:0!important;border-radius:50%!important;background:conic-gradient(from 0deg,transparent 0 78%,#ffd600 82%,#ff0169 88%,#8a4dff 94%,transparent 100%)!important;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 2px))!important;mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 2px))!important;opacity:1!important;animation:colorRingOnce 1s ease-out 1!important;pointer-events:none!important}@keyframes colorRingOnce{0%{transform:rotate(0);opacity:1}72%{opacity:1}100%{transform:rotate(360deg);opacity:0}}
.category-filters button.ring-run:after{inset:0!important;background:conic-gradient(from 0deg,transparent 0 2deg,#ffd600 3deg,#ff4f7b 5deg,#9b4dff 7deg,transparent 9deg,transparent 360deg)!important;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 2px))!important;mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 2px))!important;animation:ringTravel 1s linear 1!important;opacity:1!important}@keyframes ringTravel{0%{transform:rotate(0deg);opacity:1}70%{opacity:1}100%{transform:rotate(180deg);opacity:0}}
.category-filters button.ring-run:after{background:conic-gradient(from -90deg, #ffd600 0deg,#ff4f7b 3deg,#9b4dff 7deg,transparent 10deg,transparent 360deg)!important;transform:rotate(0deg)!important;opacity:1!important;animation:ringTravelExact 1s linear 1!important}@keyframes ringTravelExact{0%{transform:rotate(0deg);opacity:1}78%{opacity:1}100%{transform:rotate(180deg);opacity:0}}
.category-filters button.ring-run:after{background:conic-gradient(from -90deg,#ffd600 0deg,#ff8a00 10deg,#ff0169 24deg,#d300c5 34deg,#7638fa 44deg,transparent 48deg,transparent 360deg)!important;animation:ringTravelLong 2s cubic-bezier(.25,.1,.25,1) 1!important;opacity:1!important}@keyframes ringTravelLong{0%{transform:rotate(0deg);opacity:1}78%{opacity:1}100%{transform:rotate(180deg);opacity:0}}
.category-filters button.ring-run:after{background:conic-gradient(from 0deg,#ffd600 0deg,#ff8a00 10deg,#ff0169 24deg,#d300c5 34deg,#7638fa 44deg,transparent 48deg,transparent 360deg)!important;animation:ringTravelRight 2s cubic-bezier(.25,.1,.25,1) 1!important}@keyframes ringTravelRight{0%{transform:rotate(0deg);opacity:1}78%{opacity:1}100%{transform:rotate(180deg);opacity:0}}
.category-filters button{overflow:visible!important}.category-filters button.ring-run{z-index:5!important}.category-filters button.ring-run:after{z-index:6!important;display:block!important;pointer-events:none!important;opacity:1!important;inset:0!important;background:conic-gradient(from 0deg,#ffd600 0deg,#ff8a00 10deg,#ff0169 24deg,#d300c5 34deg,#7638fa 48deg,transparent 52deg,transparent 360deg)!important;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 2px))!important;mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 2px))!important;animation:ringChase 2s linear 1!important}@keyframes ringChase{from{transform:rotate(0deg);opacity:1}85%{opacity:1}to{transform:rotate(180deg);opacity:0}}
.category-filters button.ring-run:after{inset:-4px!important;border-radius:50%!important;z-index:20!important;background:conic-gradient(from 0deg,#ffd600 0deg,#ff8a00 12deg,#ff0169 28deg,#d300c5 42deg,#7638fa 58deg,transparent 62deg,transparent 360deg)!important;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 1px))!important;mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 1px))!important;animation:ringChaseCorrect 2s linear 1!important;opacity:1!important}@keyframes ringChaseCorrect{0%{transform:rotate(0deg);opacity:1}80%{opacity:1}100%{transform:rotate(180deg);opacity:0}}
.category-filters button,.category-filters button.tap,.category-filters button.ring-run,.category-filters button.is-pressed{animation:none!important;transform:none!important}.category-filters button:after,.category-filters button.tap:after,.category-filters button.ring-run:after,.category-filters button.is-pressed:after,.category-filters button:focus:after{display:none!important;content:none!important;opacity:0!important;animation:none!important;background:none!important;mask:none!important;-webkit-mask:none!important}
html,body{width:100%;max-width:100%;overflow-x:hidden}main{margin-left:76px;min-width:0;width:calc(100% - 76px)}.top{margin-left:0!important;width:100%}.profile,.highlights,.tabs,.grid,footer{width:min(1110px,100%);max-width:100%;min-width:0}.profile{overflow-wrap:anywhere}.category-filters{box-sizing:border-box!important;width:100%!important;max-width:1110px!important;margin-left:auto!important;margin-right:auto!important;padding-left:16px!important;padding-right:16px!important;display:flex!important;flex-wrap:wrap!important;overflow:visible!important;justify-content:center!important}.category-filters button{flex:0 0 clamp(56px,6.2vw,72px)!important;width:clamp(56px,6.2vw,72px)!important;height:clamp(56px,6.2vw,72px)!important}.grid{box-sizing:border-box}.card{min-width:0}.vbox{max-width:calc(100vw - 80px)!important}@media(max-width:800px){main{margin-left:62px;width:calc(100% - 62px)}.profile{width:100%;grid-template-columns:minmax(72px,92px) minmax(0,1fr)!important}.bio,.stats,.links{min-width:0}.highlights.category-filters{padding-left:8px!important;padding-right:8px!important;gap:10px!important}.category-filters button{flex-basis:clamp(48px,14vw,62px)!important;width:clamp(48px,14vw,62px)!important;height:clamp(48px,14vw,62px)!important}.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.vbox{max-width:100vw!important}}@media(max-width:480px){.profile{grid-template-columns:72px minmax(0,1fr)!important;padding-left:10px!important;padding-right:10px!important;gap:10px!important}.avatar{width:72px!important;height:72px!important}.stats{flex-wrap:wrap}.highlights.category-filters{gap:8px!important}.category-filters button{flex-basis:48px!important;width:48px!important;height:48px!important}.category-filters button i{font-size:7px!important}.category-filters button span{top:55px!important;font-size:7px!important}.grid{width:100%!important}}
.category-filters{display:flex!important;flex-wrap:nowrap!important;overflow:hidden!important;gap:clamp(5px,1.2vw,18px)!important;justify-content:space-between!important}.category-filters button{flex:1 1 0!important;min-width:28px!important;max-width:82px!important;width:auto!important;height:auto!important;aspect-ratio:1!important}.category-filters button span{top:calc(100% + 8px)!important;font-size:clamp(7px,1vw,11px)!important;white-space:nowrap!important}.category-filters button i{font-size:clamp(6px,1.1vw,12px)!important;padding:3px!important;white-space:normal!important}@media(max-width:480px){.category-filters{gap:4px!important;padding-left:4px!important;padding-right:4px!important}.category-filters button{min-width:22px!important}.category-filters button span{top:calc(100% + 6px)!important;font-size:6px!important}.category-filters button i{font-size:5px!important}}
.category-filters button{container-type:inline-size}.category-filters button i{font-size:clamp(5px,16cqw,12px)!important;line-height:1.05!important;padding:4cqw!important}.category-filters button span{font-size:clamp(6px,14cqw,11px)!important}
.category-filters{flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto!important;overflow-y:visible!important;scrollbar-width:none!important;padding-bottom:48px!important}.category-filters button{flex:0 0 72px!important;width:72px!important;height:72px!important;container-type:inline-size}.category-filters button span{top:80px!important;width:92px!important;white-space:normal!important;text-align:center!important;line-height:1.15!important;overflow-wrap:anywhere!important}.category-filters button i{font-size:clamp(8px,14cqw,12px)!important}@media(max-width:800px){.category-filters{gap:12px!important}.category-filters button{flex-basis:60px!important;width:60px!important;height:60px!important}.category-filters button span{top:68px!important;width:78px!important;font-size:9px!important}}
.category-filters{width:calc(100vw - 76px)!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:clamp(16px,5vw,90px)!important;padding-right:clamp(16px,5vw,90px)!important;justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:visible!important;box-sizing:border-box!important;scrollbar-width:none!important}.category-filters::-webkit-scrollbar{display:none}.category-filters button{flex:0 0 clamp(58px,6vw,82px)!important;width:clamp(58px,6vw,82px)!important;height:clamp(58px,6vw,82px)!important}@media(max-width:800px){.category-filters{width:calc(100vw - 62px)!important;padding-left:12px!important;padding-right:12px!important}.category-filters button{flex-basis:62px!important;width:62px!important;height:62px!important}}
.category-filters{justify-content:center!important;gap:clamp(12px,2vw,26px)!important}.category-filters button{flex:0 0 clamp(68px,7vw,86px)!important;width:clamp(68px,7vw,86px)!important;height:clamp(68px,7vw,86px)!important}.category-filters button i{font-size:clamp(8px,1.2vw,13px)!important}.category-filters button[data-cat="news"] i{font-size:0!important;white-space:pre-line}.category-filters button[data-cat="news"] i:after{content:"NEWS\A TALK";white-space:pre;display:block;font-size:clamp(9px,1.2vw,13px);line-height:1.05}.category-filters button span{width:110px!important;font-size:clamp(9px,1vw,12px)!important}@media(max-width:900px){.category-filters{justify-content:flex-start!important}.category-filters button{flex-basis:68px!important;width:68px!important;height:68px!important}}
.category-filters button{border:2px solid #343941!important;background:#151615!important;padding:7px!important;background-clip:content-box!important;box-shadow:inset 0 0 0 5px #080a0d!important}.category-filters button i{inset:7px!important}
.category-filters button{border-width:3px!important;padding:3px!important;box-shadow:inset 0 0 0 3px #080a0d!important;background:#151615!important;background-clip:content-box!important}.category-filters button i{inset:3px!important}
.category-filters button i{font-size:clamp(7px,1.05vw,11px)!important}.category-filters button[data-cat="news"] i:after{font-size:clamp(8px,1.05vw,11px)!important}
.category-filters button{box-sizing:border-box!important;flex-grow:0!important;flex-shrink:0!important;flex-basis:clamp(68px,7vw,86px)!important;inline-size:clamp(68px,7vw,86px)!important;block-size:clamp(68px,7vw,86px)!important;min-inline-size:clamp(68px,7vw,86px)!important;max-inline-size:clamp(68px,7vw,86px)!important;aspect-ratio:1/1!important;border-radius:50%!important}@media(max-width:900px){.category-filters button{flex-basis:68px!important;inline-size:68px!important;block-size:68px!important;min-inline-size:68px!important;max-inline-size:68px!important}}
.category-filters button span{top:calc(100% + 14px)!important}@media(max-width:800px){.category-filters button span{top:calc(100% + 11px)!important}}
.card img{filter:grayscale(1);transition:filter .35s ease,transform .35s ease,opacity .35s ease}.card:hover img{filter:grayscale(.15)}
.card:hover img{filter:grayscale(1) brightness(1.08)!important}
.category-filters button i,.category-filters button[data-cat="news"] i:after{color:#fff!important}
.avatar:before{background:conic-gradient(from 0deg,#f2f2f2,#bdbdbd,#686868,#dedede,#8a8a8a,#f2f2f2)!important;filter:grayscale(1)}
.card img,.card:hover img{filter:none!important}.card:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;opacity:.16;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox=%270 0 180 180%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cfilter id=%27n%27%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%27.85%27 numOctaves=%273%27 stitchTiles=%27stitch%27/%3E%3C/filter%3E%3Crect width=%27100%25%27 height=%27100%25%27 filter=%27url(%23n)%27 opacity=%27.72%27/%3E%3C/svg%3E")}.card .meta{z-index:3}
.card:after{opacity:.28!important;mix-blend-mode:overlay!important;background-size:180px 180px!important;animation:grainShift .18s steps(2) infinite}@keyframes grainShift{0%{background-position:0 0}25%{background-position:24px -18px}50%{background-position:-16px 22px}75%{background-position:18px 14px}100%{background-position:0 0}}@media(prefers-reduced-motion:reduce){.card:after{animation:none}}
.card:after{display:none!important;content:none!important;animation:none!important;background:none!important}.card img,.card:hover img{filter:grayscale(.3)!important}
.card:after{display:none!important;content:none!important;animation:none!important;background:none!important}.card img{filter:grayscale(.3)!important;transition:filter .25s ease,transform .3s ease,opacity .3s ease}.card:hover img{filter:grayscale(0)!important}
.card img,.card:hover img{filter:none!important}.category-filters{display:grid!important;grid-template-columns:repeat(13,minmax(0,1fr))!important;width:min(1110px,calc(100vw - 76px - 24px))!important;max-width:1110px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;gap:clamp(3px,1vw,18px)!important;overflow:visible!important;justify-items:center!important}.category-filters button{width:min(100%,82px)!important;inline-size:min(100%,82px)!important;block-size:auto!important;min-inline-size:0!important;max-inline-size:82px!important;flex:none!important;aspect-ratio:1/1!important}.category-filters button i{font-size:clamp(4px,14cqw,11px)!important}.category-filters button span{top:calc(100% + 10px)!important;width:100%!important;min-width:0!important;font-size:clamp(5px,12cqw,11px)!important;line-height:1.1!important;white-space:normal!important}.profile,.tabs,.grid,footer{width:min(1110px,calc(100vw - 76px - 24px))!important;max-width:1110px!important}.profile{font-size:clamp(10px,1vw,14px)!important}.grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}@media(max-width:800px){.category-filters{width:calc(100vw - 62px - 12px)!important;gap:2px!important}.profile,.tabs,.grid,footer{width:calc(100vw - 62px - 12px)!important}.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.category-filters button span{top:calc(100% + 6px)!important}}
.category-filters button i,.category-filters button[data-cat="news"] i:after{color:#c9ff38!important}
.category-filters button i{font-size:clamp(7px,1.05vw,11px)!important}.category-filters button[data-cat="news"] i:after,.category-filters button[data-cat="animation"] i,.category-filters button[data-cat="branding"] i{font-size:clamp(6px,.82vw,9px)!important;letter-spacing:-.45px!important}
.category-filters button[data-cat="corporate"] i{font-size:clamp(6px,.78vw,9px)!important;letter-spacing:-.5px!important}.category-filters button[data-cat="corporate"] span{font-size:clamp(6px,.85vw,10px)!important}
@media(max-width:800px){.category-filters{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto!important;overflow-y:visible!important;width:100vw!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding:0 16px 48px!important;gap:16px!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-filters::-webkit-scrollbar{display:none}.category-filters button{flex:0 0 72px!important;width:72px!important;inline-size:72px!important;block-size:72px!important;height:72px!important;scroll-snap-align:start}.category-filters button span{top:82px!important;width:90px!important;font-size:10px!important}.category-filters button i{font-size:9px!important}}@media(max-width:380px){.category-filters{gap:14px!important;padding-left:12px!important;padding-right:12px!important}.category-filters button{flex-basis:68px!important;width:68px!important;inline-size:68px!important;block-size:68px!important;height:68px!important}.category-filters button span{top:78px!important;font-size:9px!important}}
.category-filters button span,.category-filters button[data-cat="corporate"] span,.category-filters button[data-cat="news"] span,.category-filters button[data-cat="animation"] span,.category-filters button[data-cat="branding"] span{font-family:"Segoe UI",Arial,sans-serif!important;font-size:11px!important;line-height:1.15!important;font-weight:600!important;white-space:normal!important;width:110px!important;top:calc(100% + 14px)!important;text-align:center!important}@media(max-width:800px){.category-filters button span,.category-filters button[data-cat="corporate"] span,.category-filters button[data-cat="news"] span,.category-filters button[data-cat="animation"] span,.category-filters button[data-cat="branding"] span{font-size:9px!important;width:84px!important;top:calc(100% + 10px)!important}}
@media(min-width:801px){.category-filters{transform:scale(1.2)!important;transform-origin:center center!important;overflow:visible!important;margin-top:18px!important;margin-bottom:38px!important;position:relative!important;z-index:2!important}}
.mobile-more,.mobile-menu-backdrop{display:none}@media(max-width:800px){.rail{display:none!important}main{margin-left:0!important;width:100%!important}.top{width:100%!important}.profile,.tabs,.grid,footer{width:calc(100vw - 16px)!important}.category-filters{width:100vw!important}.mobile-more{display:block;position:fixed;top:max(12px,env(safe-area-inset-top));right:14px;z-index:15;border:0;background:#171b21;color:#fff;border-radius:50%;width:42px;height:42px;font-size:18px;letter-spacing:1px}.mobile-menu-backdrop.open{display:block;position:fixed;inset:0;z-index:14;background:#0007}.mobile-menu-panel{position:absolute;top:64px;right:14px;width:190px;padding:8px;background:#171b21;border:1px solid #303640;border-radius:14px;box-shadow:0 15px 45px #0009}.mobile-menu-panel a{display:block;padding:13px 14px;border-radius:9px;color:#fff;text-decoration:none;font:600 14px "Segoe UI",Arial,sans-serif}.mobile-menu-panel a:hover{background:#262c34}.category-filters button i{font-size:9px!important}.category-filters button[data-cat="corporate"] i,.category-filters button[data-cat="news"] i:after,.category-filters button[data-cat="animation"] i,.category-filters button[data-cat="branding"] i{font-size:7px!important;line-height:1.05!important}.category-filters button[data-cat="branding"] i{font-size:0!important;white-space:pre}.category-filters button[data-cat="branding"] i:after{content:"BRANDING\A / TEASER";display:block;white-space:pre;font-size:7px;line-height:1.05;color:#c9ff38}}
.top{display:none!important}
.brand{display:flex!important;align-items:center;gap:8px;color:#fff!important;text-decoration:none!important;font-family:"Segoe UI",Arial,sans-serif!important}.brand img{width:28px;height:28px;object-fit:contain;filter:none!important}.brand span{font-size:16px;font-weight:700}.mobile-brand{display:flex!important;align-items:center;gap:8px;color:#fff;text-decoration:none;font-family:"Segoe UI",Arial,sans-serif}.mobile-brand img{width:26px;height:26px;object-fit:contain}@media(max-width:800px){.mobile-more,.mobile-menu-backdrop{display:none!important}.brand{justify-content:center}.brand span{display:none}}
.site-home{position:absolute;top:16px;left:calc(76px + 22px);z-index:5;display:flex;align-items:center;gap:10px;padding:2px!important;margin:0;background:none!important;border:0!important;border-radius:0!important;color:#fff;text-decoration:none;font-family:"DM Sans",sans-serif!important;line-height:1;cursor:pointer}.site-home img{width:40px;height:40px;object-fit:contain;filter:none!important;background:#000;border-radius:50%}.site-home span{font-family:"DM Sans",sans-serif!important;font-size:34px;font-weight:700;letter-spacing:-1.5px}.site-home:hover,.site-home:focus,.site-home:active{background:none!important;color:#fff!important;box-shadow:none!important;outline:none!important;opacity:1!important}@media(max-width:800px){.site-home{left:14px;top:12px;gap:7px}.site-home img{width:34px;height:34px}.site-home span{font-size:27px;letter-spacing:-1px}.profile{padding-top:70px!important}}
.site-home{position:fixed!important;left:98px!important;top:18px!important;z-index:999!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}@media(max-width:800px){.site-home{left:14px!important;top:12px!important;z-index:999!important}}
.site-home{position:fixed!important;top:18px!important;left:calc(76px + 22px)!important;z-index:9999!important;display:flex!important;align-items:center!important;gap:8px!important;padding:0!important;margin:0!important;color:#fff!important;background:transparent!important;text-decoration:none!important;font-family:"DM Sans",sans-serif!important;line-height:1!important}.site-home img{display:block!important;width:42px!important;height:42px!important;object-fit:contain!important;background:#000!important;border-radius:50%!important;filter:none!important}.site-home span{display:block!important;font-family:"DM Sans",sans-serif!important;font-size:34px!important;line-height:1!important;font-weight:700!important;letter-spacing:-1.4px!important}.site-home:hover,.site-home:focus,.site-home:active{background:transparent!important;color:#fff!important;box-shadow:none!important;outline:none!important;opacity:1!important}@media(max-width:800px){.site-home{left:14px!important;top:12px!important}.site-home img{width:34px!important;height:34px!important}.site-home span{font-size:27px!important}}
.tabs{display:none!important}
.popup-home img{width:52px!important;height:52px!important}.popup-home span{font-size:20px!important}@media(max-width:820px){.popup-home img{width:50px!important;height:50px!important}.popup-home span{font-size:20px!important}}
@media(max-width:820px){.popup-home{top:max(8px,env(safe-area-inset-top))!important;left:14px!important;gap:4px!important;height:50px!important;align-items:center!important}.popup-home img{width:50px!important;height:50px!important}.popup-home span{font-size:16px!important;line-height:1!important}.popup-close{top:max(8px,env(safe-area-inset-top))!important;right:14px!important;width:34px!important;height:34px!important;background:transparent!important;border:0!important;font-size:28px!important;color:#fff!important;align-self:center!important}.avatar img{padding:7px!important;object-fit:contain!important}}
.site-home{gap:5px!important}.site-home span{font-size:24px!important;letter-spacing:-.8px!important;line-height:1!important}.site-home{align-items:center!important}@media(max-width:820px){.popup-home{gap:5px!important}.popup-home span{font-size:16px!important;letter-spacing:-.4px!important}.popup-home{align-items:center!important}}
.site-home{gap:1px!important}.site-home span{font-size:19px!important}@media(max-width:820px){.popup-home{gap:1px!important}.popup-home span{font-size:13px!important}}
.site-home span{font-size:9.5px!important}@media(max-width:820px){.popup-home span{font-size:6.5px!important}}
.mobile-brand span{font-size:7px!important}.popup-home span{font-size:12px!important}.site-home span{font-size:9px!important}
.site-home img,.popup-home img,.avatar img{background:transparent!important}
.avatar img{background:#000!important;filter:none!important}

/* Footer */
#contact{max-width:none;margin:80px 0 0;padding:62px max(24px,calc((100vw - 1500px)/2));background:#202020;color:#d8d8d8;text-align:left;font-family:"DM Sans",sans-serif}
.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer-top{padding:0 12px 34px;border-bottom:1px solid #3a3a3a}
.footer-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:34px;font-weight:800;letter-spacing:-1.5px}
.footer-brand img{width:42px;height:42px;object-fit:contain}
.footer-actions{display:flex;align-items:center;gap:14px}
.footer-contact{display:grid;place-items:center;min-height:42px;padding:0 22px;border-radius:24px;background:#303030;color:#fff;text-decoration:none;font-weight:700}
.back-to-top{width:44px;height:44px;border:0;border-radius:50%;background:#303030;color:#fff;font-size:29px;line-height:1;cursor:pointer}
.footer-bottom{padding:34px 12px 0;font-size:16px;letter-spacing:.5px}
@media(max-width:820px){#contact{margin-top:48px;padding:38px 18px 30px}.footer-top{padding:0 0 24px}.footer-brand{font-size:24px}.footer-brand img{width:34px;height:34px}.footer-actions{gap:8px}.footer-contact{min-height:36px;padding:0 15px;font-size:13px}.back-to-top{width:36px;height:36px;font-size:24px}.footer-bottom{padding:24px 0 0;display:grid;gap:8px;font-size:12px}.footer-bottom span:last-child{text-align:left}}
.avatar img,.popup-home img,.site-home img{filter:none!important}.avatar img{background:#000!important}

.category-filters button i,.category-filters button[data-cat="news"] i:after{background:linear-gradient(115deg,#5f6872 0%,#f8fafc 22%,#9ba4ad 38%,#ffffff 50%,#737d88 66%,#eef2f5 82%,#69737e 100%)!important;background-size:180% 100%!important;background-position:0 50%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;text-shadow:0 1px 1px #0008!important}

.category-filters button i,.category-filters button[data-cat="news"] i:after{background:linear-gradient(110deg,#59636e 0%,#ffffff 24%,#9da6b0 40%,#ffffff 52%,#697480 68%,#f1f4f6 84%,#5d6874 100%)!important;background-size:220% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;text-shadow:none!important}
@media(max-width:820px){.category-filters button i{font-size:10px!important;line-height:1.05!important;padding:4px!important}.category-filters button[data-cat="corporate"] i,.category-filters button[data-cat="news"] i:after,.category-filters button[data-cat="animation"] i,.category-filters button[data-cat="branding"] i{font-size:7px!important;line-height:1.05!important;letter-spacing:-.25px!important}.category-filters button[data-cat="news"] i:after{font-size:7px!important}}

@media(max-width:820px){#categoryFilters button:not([data-cat="corporate"]):not([data-cat="news"]):not([data-cat="animation"]):not([data-cat="branding"]) i{font-size:11px!important}#categoryFilters button[data-cat="corporate"] i,#categoryFilters button[data-cat="animation"] i,#categoryFilters button[data-cat="branding"] i{font-size:8px!important}#categoryFilters button[data-cat="news"] i:after{font-size:8px!important}}

@media(max-width:820px){.popup-home{top:max(8px,env(safe-area-inset-top))!important;height:34px!important;align-items:center!important;gap:1px!important}.popup-home img{width:34px!important;height:34px!important}.popup-home span{font-size:24px!important;line-height:34px!important}.popup-close{top:max(8px,env(safe-area-inset-top))!important;width:34px!important;height:34px!important;line-height:30px!important}}


/* Old web footer layout */
#contact{background:#202020!important;padding:18px 0 14px!important;margin-top:28px!important}
.footer-inner{max-width:1500px;margin:auto;padding:0 24px}.footer-top{padding:0 0 34px!important;border:0!important}.footer-line{height:1px;background:#3a3a3a}.social-footer{display:flex;gap:12px}.social-footer a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#303030;color:#fff;text-decoration:none;font-weight:700;font-size:18px}.footer-bottom{padding:34px 0 0!important}.footer-bottom span{flex:1}.footer-bottom span:last-child{text-align:right}.footer-bottom .back-to-top{flex:0 0 auto;background:transparent!important;border-radius:0!important;font-size:34px!important}@media(max-width:820px){#contact{margin-top:48px!important;padding:38px 0 28px!important}.footer-inner{padding:0 18px}.footer-top{align-items:flex-start!important;gap:18px!important}.footer-brand{font-size:23px!important}.social-footer{gap:6px;flex-wrap:wrap;justify-content:flex-end}.social-footer a{width:34px;height:34px;font-size:15px}.footer-bottom{font-size:12px!important;gap:12px!important}.footer-bottom span:last-child{text-align:right!important}}

@font-face{font-family:'FooterFA';src:url('fonts/fontawesome-webfont.woff2') format('woff2');font-weight:normal;font-style:normal;font-display:block}
#contact .social-footer a{font-family:'FooterFA'!important;font-size:18px!important;font-weight:normal!important}
#contact .footer-brand img{display:none!important}

/* Restore content transitions after category changes */
#grid .card{animation:cardIn .38s cubic-bezier(.22,.7,.25,1) both!important}
@keyframes cardIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
#categoryFilters button{transition:transform .22s ease,opacity .22s ease,border-color .22s ease!important}
#categoryFilters button.ring-run{animation:categoryPop .38s cubic-bezier(.2,.8,.25,1)!important}
@keyframes categoryPop{0%{transform:scale(1)}45%{transform:scale(.9)}75%{transform:scale(1.05)}100%{transform:scale(1)}}

/* Frontend width alignment */.profile,.highlights,.tabs,.grid,footer{width:min(1275px,calc(100vw - 76px - 24px))!important;max-width:1275px!important}@media(max-width:800px){.profile,.tabs,.grid,footer{width:calc(100vw - 16px)!important;max-width:none!important}}
@media(max-width:800px){#categoryFilters.category-filters{display:flex!important;width:100vw!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:14px!important;padding-right:14px!important;box-sizing:border-box!important;overflow-x:auto!important;overflow-y:visible!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:12px!important}#categoryFilters.category-filters button{flex:0 0 65px!important;width:65px!important;min-width:65px!important;max-width:65px!important;height:65px!important}#categoryFilters.category-filters button span{max-width:none!important;white-space:nowrap!important}}


/* V35 — keep selected sidebar item inside the rail */
@media(min-width:801px){
  .rail{
    overflow:hidden!important;
  }

  /* Hidden labels must not keep their layout width while rail is collapsed. */
  .rail:not(:hover) nav,
  .rail:not(:hover) .admin-link{
    width:100%!important;
    min-width:0!important;
  }

  .rail:not(:hover) nav>a,
  .rail:not(:hover)>.admin-link{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    gap:0!important;
    justify-content:center!important;
    padding-left:0!important;
    padding-right:0!important;
    overflow:hidden!important;
  }

  .rail:not(:hover) nav>a>b,
  .rail:not(:hover)>.admin-link>b{
    display:none!important;
  }

  /* Expanded rail: links may show their text, but still cannot escape the rail. */
  .rail:hover nav,
  .rail:hover .admin-link{
    width:100%!important;
    min-width:0!important;
  }

  .rail:hover nav>a,
  .rail:hover>.admin-link{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}
.card.missing{background-color:#15191f!important;background-image:linear-gradient(45deg,#252b33 25%,transparent 25%,transparent 75%,#252b33 75%),linear-gradient(45deg,#252b33 25%,transparent 25%,transparent 75%,#252b33 75%)!important;background-position:0 0,8px 8px!important;background-size:16px 16px!important}.card.missing:after{display:none!important}


/* V36 — functional sidebar icons + destinations */
.rail .rail-icon{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  flex:0 0 24px!important;
  display:grid!important;
  place-items:center!important;
  color:currentColor!important;
}
.rail .rail-icon svg{
  width:22px!important;
  height:22px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke!important;
}
.rail a,.rail .admin-link{
  font-size:14px!important;
}
.rail a b,.rail .admin-link b{
  font-size:14px!important;
}
.rail a:hover .rail-icon,
.rail a.active .rail-icon,
.rail .admin-link:hover .rail-icon{
  color:#fff!important;
}


/* V37 — optical centering for admin gear */
.rail>.admin-link .rail-icon{
  transform:translateX(1px)!important;
}
.rail>.admin-link .rail-icon svg{
  transform:none!important;
}


/* V38 — cleaner Drive + Plugin icons */
.rail .rail-icon-drive svg{
  width:21px!important;
  height:21px!important;
  stroke-width:1.7!important;
}
.rail .rail-icon-plugin svg{
  width:21px!important;
  height:21px!important;
  stroke-width:1.7!important;
}
.rail .rail-icon-drive,
.rail .rail-icon-plugin{
  transform:none!important;
}
/* Contact page */
.contact-kicker{text-transform:none!important}
.contact-page #contact{padding:10px 0 8px!important;margin-top:20px!important}.contact-page #contact .footer-top{padding:0 0 8px!important}.contact-page #contact .footer-bottom{padding:8px 0 0!important;line-height:1.2!important}
.contact-page #contact .social-footer{display:none!important}
.contact-page #contact{padding:18px 0 14px!important;margin-top:28px!important}.contact-page #contact .footer-top{padding:0 0 12px!important}.contact-page #contact .footer-bottom{padding:12px 0 0!important}
.contact-page #contact .back-to-top span{font-size:0!important;line-height:0!important}
.contact-page #contact .social-footer{display:none!important}.contact-page #contact{background:#080a0d!important;padding:32px 0 24px!important;margin-top:56px!important}.contact-page #contact .footer-top{padding:0 0 22px!important}.contact-page #contact .footer-bottom{padding-top:22px!important}
.contact-page{display:flex!important;flex-direction:column!important;min-height:100vh!important}.contact-page .contact-main{flex:0 0 auto!important;min-height:0!important}.contact-page #contact{margin-left:0!important;margin-right:0!important;margin-top:56px!important;background:#080a0d!important;padding:32px 0 24px!important;width:100vw!important;max-width:100vw!important;box-sizing:border-box!important;align-self:stretch!important;flex-shrink:0!important}.contact-page #contact .footer-inner{max-width:1500px!important;margin:0 auto!important;padding:0 24px!important}
.contact-intro h1,.contact-intro p{font-family:inherit!important}
.contact-link[data-kind] .contact-icon:after{content:none!important}
.contact-page .contact-intro h1{font:inherit!important;letter-spacing:normal!important}
.contact-link{font-family:Arial,"Helvetica Neue","Segoe UI",sans-serif}
body.contact-page{min-height:100vh;background:#080a0d;color:#f5f7fa}.contact-main{margin-left:76px;min-height:100vh;padding:64px max(26px,5vw);background:#080a0d}.contact-shell{width:min(1250px,100%);margin:auto}.contact-intro{padding:10px 0 34px}.contact-kicker{color:#aeb5bf;font-size:11px;letter-spacing:2px;text-transform:uppercase}.contact-intro h1{margin:18px 0 12px;font:800 clamp(42px,7vw,58px)/.9 Montserrat,Arial,sans-serif;letter-spacing:-2px}.contact-intro p{max-width:580px;color:#c4cad2;font-size:17px;line-height:1.6}.contact-mark{margin-top:42px;color:#69737e;font-size:13px;letter-spacing:1px}.contact-back{display:inline-flex;margin-top:26px;color:#aeb5bf;text-decoration:none;font-size:13px}.contact-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-top:36px;border-top:1px solid #252a31}.contact-card h2{grid-column:1/-1;font:700 24px Montserrat,Arial,sans-serif;margin:0}.contact-link{min-height:158px;border:1px solid #303640;border-radius:14px;padding:26px;display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto;align-content:center;gap:5px 16px;background:#0d1015;color:#fff;text-decoration:none;transition:.2s}.contact-link:hover{border-color:#e5e8ec;box-shadow:0 0 0 1px #8f98a3 inset,0 10px 26px rgba(255,255,255,.07);transform:translateY(-2px)}.contact-link span{grid-column:2;font-size:18px;font-weight:700}.contact-link strong{grid-column:2;color:#9fa8b3;font-size:14px;font-weight:600;overflow-wrap:anywhere}.contact-icon{grid-column:1;grid-row:1/3;width:62px;height:62px;border:2px solid #66707b;border-radius:50%;display:grid;place-items:center;background:#080a0d;color:#f1f3f5;font:normal 30px FooterFA,Arial,sans-serif}.contact-icon.image-icon img{width:38px;height:38px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}.zalo-image img{width:44px!important;height:44px!important;transform:translateY(-3px)}.telegram-image img{width:42px!important;height:42px!important;transform:translate(-1px,-4px)}@media(max-width:900px){.contact-card{grid-template-columns:1fr 1fr}}@media(max-width:620px){.contact-main{margin-left:62px;padding:32px 18px}.contact-card{grid-template-columns:1fr}.contact-intro h1{font-size:46px}}
.contact-link[data-kind="phone"] .contact-icon:after{content:"\f095"}.contact-link[data-kind="email"] .contact-icon:after{content:"\f0e0"}.contact-link[data-kind="facebook"] .contact-icon:after{content:"\f09a"}.contact-link[data-kind="instagram"] .contact-icon:after{content:"\f16d"}.contact-icon{position:relative;overflow:hidden;align-self:center;justify-self:center;line-height:1}.contact-icon img{max-width:44px;max-height:44px;object-fit:contain;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.contact-icon.image-icon:after{display:none}.zalo-image img{transform:translate(-50%,-54%)!important}.telegram-image img{transform:translate(-50%,-56%)!important}
/* Fine tune contact logos */
.contact-link[data-kind="zalo"] .contact-icon img{transform:translate(-50%,-58%)!important}
.contact-link[data-kind="telegram"] .contact-icon img{transform:translate(-50%,-60%)!important}
.contact-page #contact{padding:10px 0 8px!important;margin-top:20px!important;background:#080a0d!important}.contact-page #contact .footer-top{padding:0 0 8px!important}.contact-page #contact .footer-bottom{padding:8px 0 0!important;line-height:1.2!important}
.contact-page #contact{background:#202020!important;padding:58px 0 34px!important;margin-top:80px!important;width:100vw!important;max-width:none!important}.contact-page #contact .footer-inner{max-width:1500px!important;margin:auto!important;padding:0 24px!important}.contact-page #contact .footer-top{padding:0 0 34px!important}.contact-page #contact .footer-bottom{padding:34px 0 0!important;line-height:1.4!important}.contact-page #contact .social-footer{display:none!important}
.contact-page .contact-main{flex:1 0 auto!important;min-height:0!important}

/* Footer social icons are intentionally hidden on all frontend pages. */
.social-footer{display:none!important}

/* Final footer parity: contact uses homepage footer exactly; only social icons hidden. */
.contact-page #contact{display:block!important;width:100%!important;max-width:none!important;margin:56px 0 0!important;padding:32px 0 24px!important;background:#080a0d!important;color:#aeb5bf!important;font:14px/1.4 "DM Sans","Segoe UI",Arial,sans-serif!important;box-sizing:border-box!important}
.contact-page #contact .footer-inner{width:min(1500px,calc(100% - 48px))!important;max-width:1500px!important;margin:0 auto!important;padding:0!important}
.contact-page #contact .footer-top,.contact-page #contact .footer-bottom{display:flex!important;align-items:center!important;justify-content:space-between!important}
.contact-page #contact .footer-top{padding:0 0 22px!important;border:0!important}
.contact-page #contact .footer-brand{color:#fff!important;text-decoration:none!important;font-size:30px!important;font-weight:800!important}
.contact-page #contact .footer-line{height:1px!important;background:#252a31!important}
.contact-page #contact .footer-bottom{padding:22px 0 0!important;font-size:14px!important}
.contact-page #contact .footer-bottom>span{flex:1!important}
.contact-page #contact .footer-bottom>span:last-child{text-align:right!important}
.contact-page #contact .back-to-top{flex:0 0 36px!important;width:34px!important;height:30px!important;padding:0!important;border:0!important;background:transparent!important;color:#ddd!important}
.contact-page #contact .social-footer{display:none!important}
@media(max-width:820px){.contact-page #contact{margin-top:36px!important;padding:24px 0 18px!important}.contact-page #contact .footer-inner{width:calc(100% - 28px)!important}.contact-page #contact .footer-brand{font-size:22px!important}.contact-page #contact .footer-bottom{padding-top:16px!important;font-size:11px!important}.contact-page #contact .back-to-top{flex-basis:30px!important}}

/* Contact footer: align its horizontal content width with the homepage footer. */
.contact-page #contact .footer-inner{width:min(1110px,calc(100% - 28px))!important;max-width:1110px!important}
@media(max-width:820px){.contact-page #contact .footer-inner{width:calc(100% - 20px)!important}}

/* Narrow landscape: keep footer content clear of the fixed sidebar. */
@media (min-width:821px) and (max-width:1200px){
  html body:not(.contact-page) main #contact{margin-left:76px!important;margin-right:0!important;width:calc(100% - 76px)!important;max-width:none!important;box-sizing:border-box!important}
  html body:not(.contact-page) main #contact .footer-inner{width:calc(100% - 40px)!important;max-width:none!important;margin-left:20px!important;margin-right:20px!important}
  html body.contact-page #contact{padding-left:76px!important;box-sizing:border-box!important}
}

/* Contact footer brand typography matches homepage exactly. */
.contact-page #contact .footer-brand{font-family:Montserrat,Arial,sans-serif!important;font-size:24px!important;font-weight:800!important;letter-spacing:-1.5px!important;line-height:1!important}
@media(max-width:820px){.contact-page #contact .footer-brand{font-size:19px!important}}

/* Mobile contact home logo and backend typography fidelity */
.contact-mobile-home{display:none}
@media(max-width:820px){
  .contact-mobile-home{display:flex;position:fixed;z-index:20;top:max(12px,env(safe-area-inset-top));left:14px;width:36px;height:36px;align-items:center;justify-content:center;text-decoration:none}
  .contact-mobile-home img{display:block;width:34px;height:34px;object-fit:contain}
}
/* Final mobile typography parity: do not override backend-provided rich text. */
.contact-page .contact-intro h1{font:800 clamp(42px,7vw,58px)/.9 Montserrat,Arial,sans-serif!important;letter-spacing:-2px!important}.contact-page .contact-intro p{font:17px/1.6 Arial,Helvetica,sans-serif!important}.contact-page .contact-kicker{font:11px/1.2 Arial,Helvetica,sans-serif!important}.contact-page .contact-mark{font:13px/1.2 Arial,Helvetica,sans-serif!important}

/* Contact title: slight tracking for clearer letter spacing. */
.contact-page .contact-intro h1{letter-spacing:.015em!important}

/* ================= HOME PROFILE V2 · single component authority ================= */
.profile.home-profile-v2{
  width:min(1110px,calc(100vw - 76px - 40px))!important;
  max-width:1110px!important;
  display:grid!important;
  grid-template-columns:176px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:42px!important;
  row-gap:26px!important;
  align-items:start!important;
  margin:0 auto!important;
  padding:46px 20px 34px!important;
  overflow:visible!important;
}
.home-profile-v2 .avatar{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  position:relative!important;
  width:172px!important;
  height:172px!important;
  padding:5px!important;
  border-radius:50%!important;
  background:none!important;
  isolation:isolate!important;
}
.home-profile-v2 .avatar:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:50%!important;
  background:conic-gradient(from 0deg,#f2f2f2,#bdbdbd,#686868,#dedede,#8a8a8a,#f2f2f2)!important;
  animation:instaSpin 4s linear infinite!important;
  filter:grayscale(1)!important;
  transform-origin:center center!important;
  will-change:transform!important;
  pointer-events:none!important;
  z-index:-1!important;
}
@media(prefers-reduced-motion:reduce){
  .home-profile-v2 .avatar:before{animation:none!important}
}
.home-profile-v2 .avatar img{
  width:100%!important;
  height:100%!important;
  padding:14px!important;
  border:2px solid #15191f!important;
  border-radius:50%!important;
  object-fit:contain!important;
  background:#030405!important;
  filter:none!important;
}
.home-profile-v2 .bio{
  grid-column:2!important;
  min-width:0!important;
}
.home-profile-v2 .handle{
  margin:0 0 24px!important;
  color:#f7f8fa!important;
  font:800 28px/1.1 Arial,Helvetica,sans-serif!important;
  letter-spacing:-.6px!important;
}
.home-profile-v2 .stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(92px,150px))!important;
  gap:0!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 0 28px!important;
}
.home-profile-v2 .stats strong{
  display:grid!important;
  gap:4px!important;
  min-width:0!important;
  padding:2px 34px!important;
  border-left:1px solid #2b3037!important;
  color:#f7f8fa!important;
  font:700 18px/1.2 Arial,Helvetica,sans-serif!important;
}
.home-profile-v2 .stats strong:first-child{
  padding-left:0!important;
  border-left:0!important;
}
.home-profile-v2 .stats strong:last-child{padding-right:0!important}
.home-profile-v2 .stats strong>b{
  font:800 20px/1.1 Arial,Helvetica,sans-serif!important;
}
.home-profile-v2 .stats small{
  display:block!important;
  color:#969da8!important;
  font:400 13px/1.2 Arial,Helvetica,sans-serif!important;
}
.home-profile-v2 .profile-copy{
  display:grid!important;
  gap:5px!important;
  margin:0 0 20px!important;
}
.home-profile-v2 .profile-copy>b{
  color:#f5f7fa!important;
  font:700 16px/1.3 Arial,Helvetica,sans-serif!important;
}
.home-profile-v2 .profile-copy>span{
  color:#d7dbe1!important;
  font:400 15px/1.35 Arial,Helvetica,sans-serif!important;
}
.home-profile-v2 .profile-copy>.profile-focus{
  color:#929aa6!important;
  font-size:14px!important;
}
.home-profile-v2 .profile-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:0!important;
  color:#c7ccd3!important;
}
.home-profile-v2 .profile-meta>*{
  min-width:0!important;
  padding:0 18px!important;
  border-left:1px solid #30353d!important;
  color:#c7ccd3!important;
  text-decoration:none!important;
  font:400 13px/1.4 Arial,Helvetica,sans-serif!important;
  white-space:nowrap!important;
}
.home-profile-v2 .profile-meta>*:first-child{
  padding-left:0!important;
  border-left:0!important;
}
.home-profile-v2 .profile-meta a:hover{color:#fff!important}
.home-profile-v2 .profile-actions{
  grid-column:2!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important;
  gap:12px!important;
  width:100%!important;
  margin:0!important;
}
.home-profile-v2 .profile-actions button{
  width:100%!important;
  min-height:40px!important;
  height:40px!important;
  padding:0 18px!important;
  border:1px solid #343a43!important;
  border-radius:10px!important;
  background:#171b21!important;
  color:#fff!important;
  font:700 14px/1 Arial,Helvetica,sans-serif!important;
  cursor:pointer!important;
  transition:transform .16s ease,background .16s ease,border-color .16s ease!important;
}
.home-profile-v2 .profile-actions button:hover{transform:translateY(-1px)!important;background:#20252c!important}
.home-profile-v2 .profile-actions .primary{
  border-color:#5b67ff!important;
  background:#5b67ff!important;
}
.home-profile-v2 .profile-actions .primary:hover{background:#6671ff!important}


.home-profile-v2 .avatar[data-avatar-bg="black"] img{background:#000!important}
.home-profile-v2 .avatar[data-avatar-bg="white"] img{background:#fff!important}
.home-profile-v2 .avatar[data-avatar-bg="transparent"] img{background:transparent!important}
.home-profile-v2 .avatar.avatar-missing:after{
  content:""!important;
  position:absolute!important;
  inset:7px!important;
  z-index:1!important;
  border:2px solid #15191f!important;
  border-radius:50%!important;
  background-color:#15191f!important;
  background-image:
    linear-gradient(45deg,#252b33 25%,transparent 25%,transparent 75%,#252b33 75%),
    linear-gradient(45deg,#252b33 25%,transparent 25%,transparent 75%,#252b33 75%)!important;
  background-position:0 0,8px 8px!important;
  background-size:16px 16px!important;
}
.home-profile-v2 .avatar.avatar-missing img{
  visibility:hidden!important;
}
#categoryFilters{scroll-margin-top:0!important}

@media(max-width:800px){
  .profile.home-profile-v2{
    width:calc(100vw - 20px)!important;
    grid-template-columns:92px minmax(0,1fr)!important;
    column-gap:16px!important;
    row-gap:20px!important;
    padding:76px 4px 26px!important;
  }
  .home-profile-v2 .avatar{
    width:88px!important;
    height:88px!important;
    grid-row:1!important;
  }
  .home-profile-v2 .avatar img{padding:7px!important}
  .home-profile-v2 .handle{
    margin-bottom:14px!important;
    font-size:21px!important;
  }
  .home-profile-v2 .stats{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important;
    margin-bottom:17px!important;
  }
  .home-profile-v2 .stats strong{
    padding:0 10px!important;
    font-size:14px!important;
  }
  .home-profile-v2 .stats strong>b{font-size:16px!important}
  .home-profile-v2 .stats small{font-size:10px!important}
  .home-profile-v2 .profile-copy{grid-column:1/-1!important}
  .home-profile-v2 .profile-copy>b{font-size:14px!important}
  .home-profile-v2 .profile-copy>span{font-size:13px!important}
  .home-profile-v2 .profile-meta{
    grid-column:1/-1!important;
    display:grid!important;
    gap:8px!important;
  }
  .home-profile-v2 .profile-meta>*{
    padding:0!important;
    border:0!important;
    white-space:normal!important;
    font-size:12px!important;
  }
  .home-profile-v2 .profile-actions{
    grid-column:1/-1!important;
    gap:8px!important;
  }
  .home-profile-v2 .profile-actions button{min-height:38px!important;height:38px!important;font-size:13px!important}
}
@media(max-width:480px){
  .profile.home-profile-v2{
    grid-template-columns:74px minmax(0,1fr)!important;
    column-gap:12px!important;
  }
  .home-profile-v2 .avatar{width:72px!important;height:72px!important}
  .home-profile-v2 .stats strong{padding:0 7px!important}
  .home-profile-v2 .profile-actions{grid-template-columns:1fr 1fr!important}
}

/* ================= CATEGORY FILTER RICH TEXT · TRUE CENTER · 2 LINES ================= */
#categoryFilters button .cat-filter-rich{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:7px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  text-align:center!important;
  font-family:inherit!important;
  font-style:italic!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  transform:rotate(-7deg)!important;
  transform-origin:50% 50%!important;
}
#categoryFilters button .cat-filter-rich-inner{
  position:static!important;
  inset:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  color:inherit!important;
  font-family:inherit!important;
  font-style:inherit!important;
  font-weight:inherit!important;
  text-transform:inherit!important;
  transform:none!important;
}
#categoryFilters button .cat-filter-line{
  position:static!important;
  display:block!important;
  flex:0 0 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  white-space:nowrap!important;
  line-height:.82!important;
  color:inherit!important;
  font-family:inherit!important;
  font-style:inherit!important;
  font-weight:inherit!important;
  text-transform:inherit!important;
}
#categoryFilters button .cat-filter-line em{
  position:static!important;
  display:inline!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  color:inherit!important;
  font-family:inherit!important;
  font-style:inherit!important;
  font-weight:inherit!important;
  text-transform:inherit!important;
  line-height:.82!important;
  transform:none!important;
  font-size:11px;
}
#categoryFilters button .cat-filter-rich:after,
#categoryFilters button[data-cat="branding"] .cat-filter-rich:after,
#categoryFilters button[data-cat="news"] .cat-filter-rich:after{
  display:none!important;
  content:none!important;
}
@media(max-width:820px){
  #categoryFilters button .cat-filter-rich{padding:6px!important}
}


/* =============================================================
   V39 — DESKTOP CATEGORY SCROLLER
   Activates only when the desktop viewport becomes narrow (for
   example after browser zoom). Keeps the category strip below the
   fixed sidebar and leaves the normal wide-desktop layout untouched.
   ============================================================= */
.rail{
  z-index:100!important;
}

@media (min-width:801px) and (max-width:1400px){
  #categoryFilters.category-filters{
    position:relative!important;
    z-index:1!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;

    /* Span behind the fixed rail; the rail stays visually on top. */
    width:100vw!important;
    max-width:none!important;
    margin-left:-76px!important;
    margin-right:0!important;
    margin-top:18px!important;
    margin-bottom:38px!important;
    padding:24px 24px 54px calc(76px + 24px)!important;

    /* Disable the old 1.2x container transform only in scroll mode. */
    transform:none!important;
    transform-origin:center center!important;

    gap:clamp(14px,1.45vw,20px)!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-behavior:smooth!important;
    scroll-snap-type:none!important;
    scrollbar-gutter:stable!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(255,255,255,.20) transparent!important;
  }

  #categoryFilters.category-filters::-webkit-scrollbar{
    display:block!important;
    width:auto!important;
    height:4px!important;
  }
  #categoryFilters.category-filters::-webkit-scrollbar-track{
    background:transparent!important;
  }
  #categoryFilters.category-filters::-webkit-scrollbar-thumb{
    min-width:54px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.18)!important;
  }
  #categoryFilters.category-filters:hover::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,.30)!important;
  }

  #categoryFilters.category-filters button{
    flex:0 0 clamp(84px,7vw,96px)!important;
    width:clamp(84px,7vw,96px)!important;
    min-width:clamp(84px,7vw,96px)!important;
    max-width:clamp(84px,7vw,96px)!important;
    inline-size:clamp(84px,7vw,96px)!important;
    block-size:clamp(84px,7vw,96px)!important;
    height:clamp(84px,7vw,96px)!important;
    aspect-ratio:1/1!important;
    scroll-snap-align:none!important;
  }

  #categoryFilters.category-filters button span{
    top:calc(100% + 12px)!important;
  }
}

/* =============================================================
   V43 — MODAL VIEWER MUST FULLY COVER / HIDE FRONTEND SIDEBAR
   app.js adds .modal-open to both <html> and <body> while #viewer
   is open, then removes it on close. The sidebar must never remain
   visible inside the viewer; hiding it also restores the left viewer
   navigation button area.
   ============================================================= */
html.modal-open .rail,
body.modal-open .rail{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

html.modal-open .category-scrollbar,
body.modal-open .category-scrollbar{
  display:none!important;
}

/* =============================================================
   V48 — MOBILE CATEGORY TYPOGRAPHY: ADAPTIVE + VISUALLY UNIFIED
   Keep rich-text rendering safe (no transform), reduce oversized labels,
   and normalize line rhythm so one-line and two-line category marks feel
   consistent without flattening the intentional desktop hierarchy.
   ============================================================= */
@media (max-width:820px){
  #categoryFilters button .cat-filter-rich{
    padding:5px!important;
  }
  #categoryFilters button .cat-filter-rich-inner{
    transform:none!important;
    transform-origin:50% 50%!important;
    gap:1px!important;
  }
  #categoryFilters button .cat-filter-line{
    line-height:.96!important;
  }
  #categoryFilters button .cat-filter-line em{
    line-height:.96!important;
  }
  #categoryFilters button[data-cat-lines="1"] .cat-filter-line,
  #categoryFilters button[data-cat-lines="1"] .cat-filter-line em{
    line-height:1!important;
  }
}


/* =============================================================
   V49 — MOBILE CATEGORY OPTICAL CENTERING
   The badges are geometrically centered already, but the italic + -7deg
   treatment makes some marks read slightly low/right. Apply a tiny optical
   correction on the same transformed layer (not the inner gradient text),
   so text stays visible and desktop remains unchanged.
   ============================================================= */
@media (max-width:820px){
  #categoryFilters button .cat-filter-rich{
    transform:translate(-0.75px,-0.80px) rotate(-7deg)!important;
    transform-origin:50% 50%!important;
  }
  #categoryFilters button[data-cat-lines="2"] .cat-filter-rich{
    transform:translate(-0.60px,-0.70px) rotate(-7deg)!important;
  }
}

/* =============================================================
   V50 — MOBILE HOME TOP GAP: REDUCE EXCESS EMPTY SPACE BY 50%
   Mobile home mark sits at 12px with a 34px height (bottom ≈46px).
   Profile previously started at 76px, leaving ≈30px of empty gap.
   Halve that empty gap to ≈15px => profile top padding 61px.
   ============================================================= */
@media (max-width:800px){
  .profile.home-profile-v2{
    padding-top:61px!important;
  }
}


/* =============================================================
   V51 — HOME PROFILE META ICONS UNIFIED
   Make location / access / play icons share one monochrome visual style,
   consistent spacing, and the same sizing rhythm on desktop and mobile.
   ============================================================= */
.home-profile-v2 .profile-meta>*{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
}
.home-profile-v2 .profile-meta .meta-icon{
  flex:0 0 auto!important;
  display:block!important;
  width:15px!important;
  height:15px!important;
  color:#c7ccd3!important;
  opacity:.95!important;
}
.home-profile-v2 .profile-meta .profile-location .meta-icon{
  width:14px!important;
  height:14px!important;
}
.home-profile-v2 .profile-meta a .meta-icon{
  width:14px!important;
  height:14px!important;
}
.home-profile-v2 .profile-meta a[data-home-youtube] .meta-icon{
  width:13px!important;
  height:13px!important;
}
.home-profile-v2 .profile-meta [data-home-location],
.home-profile-v2 .profile-meta a>span{
  display:block!important;
  min-width:0!important;
}
.home-profile-v2 .profile-meta>*:hover .meta-icon,
.home-profile-v2 .profile-meta>*:focus-visible .meta-icon{
  color:#ffffff!important;
}
@media(max-width:800px){
  .home-profile-v2 .profile-meta{
    gap:7px!important;
  }
  .home-profile-v2 .profile-meta>*{
    gap:8px!important;
    font-size:12px!important;
    line-height:1.35!important;
  }
  .home-profile-v2 .profile-meta .meta-icon{
    width:14px!important;
    height:14px!important;
  }
  .home-profile-v2 .profile-meta .profile-location .meta-icon,
  .home-profile-v2 .profile-meta a .meta-icon{
    width:13px!important;
    height:13px!important;
  }
  .home-profile-v2 .profile-meta a[data-home-youtube] .meta-icon{
    width:12px!important;
    height:12px!important;
  }
}

/* =============================================================
   V52 — CONTACT MOBILE: TITLE RHYTHM + COMPACT 3x2 CONTACT ICONS
   Desktop remains unchanged. Mobile keeps all 6 contact actions, but
   removes the large stacked cards and presents them as a compact 3x2 grid.
   ============================================================= */
@media (max-width:820px){
  /* Wrapped contact title: give each line enough breathing room. */
  .contact-page .contact-intro h1{
    line-height:1.08!important;
    margin-top:16px!important;
    margin-bottom:18px!important;
  }

  /* Six contact actions = 3 columns x 2 rows, no tall cards. */
  .contact-page .contact-card{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    column-gap:10px!important;
    row-gap:18px!important;
    padding-top:26px!important;
    align-items:start!important;
  }
  .contact-page .contact-card h2{
    grid-column:1/-1!important;
    margin:0 0 2px!important;
    font-size:18px!important;
    line-height:1.25!important;
  }
  .contact-page .contact-link{
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    padding:3px 0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    text-align:center!important;
    transform:none!important;
  }
  .contact-page .contact-link:hover,
  .contact-page .contact-link:active,
  .contact-page .contact-link:focus-visible{
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }

  /* Compact, unified icon buttons. */
  .contact-page .contact-icon{
    grid-column:auto!important;
    grid-row:auto!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    border:1.5px solid #66707b!important;
    border-radius:50%!important;
    background:#0d1015!important;
    color:#f1f3f5!important;
    font-size:20px!important;
    line-height:1!important;
    align-self:center!important;
    justify-self:center!important;
  }
  .contact-page .contact-icon img{
    max-width:27px!important;
    max-height:27px!important;
    width:auto!important;
    height:auto!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
  }
  .contact-page .contact-link[data-kind="zalo"] .contact-icon img,
  .contact-page .contact-link[data-kind="telegram"] .contact-icon img{
    max-width:29px!important;
    max-height:29px!important;
    transform:translate(-50%,-50%)!important;
  }

  /* Keep a short label; hide the long value so the grid stays clean. */
  .contact-page .contact-link span{
    grid-column:auto!important;
    display:block!important;
    width:100%!important;
    margin:0!important;
    color:#eef1f4!important;
    font-size:10px!important;
    line-height:1.2!important;
    font-weight:600!important;
    text-align:center!important;
    white-space:normal!important;
  }
  .contact-page .contact-link strong{
    display:none!important;
  }
}


/* =============================================================
   V53 — CONTACT MOBILE HEADER ROW + 65% VERTICAL RHYTHM
   - Mobile logo scrolls with the page instead of staying fixed.
   - KHAND.NET / CONTACT sits on the same row, to the right of the logo.
   - Main vertical black-space gaps are reduced to about 65% of V52.
   - Desktop remains unchanged.
   ============================================================= */
@media (max-width:820px){
  /* Header row: both pieces scroll naturally with the document. */
  .contact-page .contact-main{
    position:relative!important;
  }

  .contact-page .contact-mobile-home{
    position:absolute!important;
    top:max(14px,env(safe-area-inset-top))!important;
    left:14px!important;
    z-index:6!important;
    width:36px!important;
    height:36px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .contact-page .contact-mobile-home img{
    width:34px!important;
    height:34px!important;
  }

  .contact-page .contact-kicker{
    position:absolute!important;
    top:max(24px,calc(env(safe-area-inset-top) + 10px))!important;
    left:60px!important;
    right:14px!important;
    z-index:5!important;
    margin:0!important;
    padding:0!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }

  /* Reserve only the compact header height, then start content. */
  .contact-page .contact-intro{
    padding:54px 0 22px!important;
  }

  /* V52 title spacing reduced to ~65%, line-height kept readable. */
  .contact-page .contact-intro h1{
    margin-top:10px!important;
    margin-bottom:12px!important;
    line-height:1.08!important;
  }

  /* Major section gaps at roughly 65% of the previous mobile values. */
  .contact-page .contact-mark{
    margin-top:27px!important;
  }

  .contact-page .contact-back{
    margin-top:17px!important;
  }

  .contact-page .contact-card{
    padding-top:17px!important;
    row-gap:12px!important;
  }

  .contact-page #contact{
    margin-top:23px!important;
    padding:16px 0 12px!important;
  }

  .contact-page #contact .footer-top{
    padding-bottom:14px!important;
  }

  .contact-page #contact .footer-bottom{
    padding-top:10px!important;
  }
}


/* =============================================================
   V54 — CONTACT MOBILE ICON OPTICAL ALIGNMENT
   Zalo / Telegram source PNGs have unequal internal whitespace, so their
   visible marks need a small upward optical correction inside the circle.
   ============================================================= */
@media (max-width:820px){
  .contact-page .contact-link[data-kind="zalo"] .contact-icon img{
    transform:translate(-50%,-56%)!important;
  }
  .contact-page .contact-link[data-kind="telegram"] .contact-icon img{
    transform:translate(-50%,-58%)!important;
  }
}


/* =============================================================
   V59 — MOBILE VIEWER: REMOVE PREVIOUS-VIDEO BUTTON
   Only hides the left/previous video navigation button on mobile.
   Desktop stays unchanged. Contact-page back button is untouched.
   ============================================================= */
@media (max-width:820px){
  #viewer > button.prev{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
}