.desc a,.desc u{text-decoration:underline}#img-modal,.like-count.hidden{display:none}.desc img,.hf-icon img.is-icon{image-rendering:auto}.hero,.hf-class,.hf-icon,.hf-modal,.hf-name{overflow:hidden}.hf-modal-title,.hf-name,.hf-toolbar{font-family:Poppins,sans-serif}.arkadas-name,.c-msg,.rozet-name{word-wrap:break-word}*,.rozet-grid-item{box-sizing:border-box}:root{--bg:#0b0e12;--card:#121825;--muted:#8b95a8;--text:#e9edf5;--accent:#6b7cff;--border:#1e2635;--panel:#0f1420;--danger:#ff6b6b;--ok:#65ff9d;--overlay:rgba(0,0,0,.45);--hf-max:1200px;--hf-pad:16px;--hf-card-bg:#0f1217;--hf-card-bd:#1a2230;--hf-card-bd-hover:#2b3850;--hf-ink:#f1f5ff;--hf-sub:#9aa5bd;--hf-deep:#0b0f14}.desc a{text-underline-offset:2px}.container{max-width:1200px;margin:0 auto;padding:16px}.hero{position:relative;width:100%;padding-top:22%;background:url('<?= h($hero) ?>') center/cover no-repeat #0f131b;border-radius:14px;border:1px solid var(--border)}.hero::after{content:"";position:absolute;inset:0;background:var(--overlay)}.badge-chip{background:rgba(0,0,0,.55);color:#fff;border:1px solid rgba(255,255,255,.12);padding:6px 10px;font-size:12px;border-radius:999px}.hero-meta,.hero-top{position:absolute;z-index:1;display:flex;gap:10px;padding:8px 10px}.hero-top{top:12px;left:12px;align-items:center;background:rgba(0,0,0,.28);border-radius:12px;border:1px solid rgba(255,255,255,.08)}.hero-title{margin:0;font-size:18px;line-height:1.2;color:#fff;font-weight:700}.err,.ok{margin-bottom:6px}.hero-meta{left:18px;bottom:18px;flex-wrap:wrap;color:#e6ecf4;font-size:13px;background:rgba(0,0,0,.3);border-radius:10px;border:1px solid rgba(255,255,255,.08)}.meta,.meta-author{align-items:center}.dot{width:4px;height:4px;background:#cdd3e0;border-radius:50%;display:inline-block;align-self:center}.av-wrap,.sanavatar{width:64px;height:64px}.meta-author{display:inline-flex;gap:6px}.meta-author .aicon{width:22px;height:22px;object-fit:contain;border-radius:4px}.grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;margin-top:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 24px rgba(0,0,0,.25)}.content{padding:22px}.meta{display:flex;gap:12px;color:var(--muted);font-size:13px;flex-wrap:wrap;justify-content:center}.aicon,.side-head{align-items:center}.desc{font-size:16px;line-height:1.75;color:#d8deea;text-align:center}.desc u{text-underline-offset:3px;text-decoration-thickness:from-font}.desc blockquote,.desc h1,.desc h2,.desc h3,.desc h4,.desc ol,.desc p,.desc ul{margin-left:auto;margin-right:auto;text-align:center}.desc img{max-width:100%;height:auto;border-radius:10px;display:block;margin:14px auto;-webkit-user-drag:none;cursor:zoom-in;box-shadow:0 6px 18px rgba(0,0,0,.25)}.hf-icon img,.hf-modal-left img{object-fit:contain;image-rendering:pixelated}.desc blockquote{padding:12px 14px;border-left:3px solid var(--accent);background:#0e1320;border-radius:10px;display:inline-block;text-align:left}.arkadas-grid-item span,.grup-grid-item span,.rozet-grid-item span{font-size:10.5px;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;word-break:break-word}.side{background:var(--panel);border:1px solid var(--border);border-radius:14px;position:sticky;top:16px;align-self:start}.side-head{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between}.side-head .h{font-size:16px;color:#cfd7e7;margin:0}.side-body{padding:14px}.comment{display:grid;grid-template-columns:64px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #111723;align-items:flex-start}.av-wrap{position:relative}.sanavatar{border-radius:12px;background:center/cover #0b0f18;border:1px solid var(--border)}.aicon{position:absolute;left:-8px;bottom:-10px;width:26px;height:26px;border-radius:8px;background:#0e1320;border:1px solid #222;display:flex;justify-content:center}.aicon img{width:100%;height:100%;object-fit:contain;border-radius:8px}.c-usr{font-weight:700;display:inline-flex;align-items:center;gap:8px}.c-meta{color:var(--muted);font-size:12px}.c-msg,.input{font-size:14px}.c-msg{line-height:1.6;margin-top:6px;color:#dee4ef;white-space:pre-wrap}.like-row,.side-form{display:flex;margin-top:8px}.grup-name,.hf-class,.hf-name{text-overflow:ellipsis;white-space:nowrap}.mention{font-weight:600}.side-form{flex-direction:column;gap:10px}.input{border:1px solid var(--border);background:#0c111a;color:#fff;border-radius:10px;padding:10px 12px;width:100%;min-height:70px}@media (max-width:768px){.hero{aspect-ratio:16/9;padding-top:44%;border-radius:12px}.hero-meta,.hero-top{gap:8px;padding:7px 9px;border-radius:10px}.hero-top{top:calc(8px + env(safe-area-inset-top,0));left:calc(8px + env(safe-area-inset-left,0))}.hero-meta{left:calc(10px + env(safe-area-inset-left,0));bottom:calc(10px + env(safe-area-inset-bottom,0))}.badge-chip{padding:6px 9px}}@media (max-width:480px){.hero-meta,.hero-top{left:8px;right:8px;gap:6px}.hero{aspect-ratio:4/3;padding-top:56%;border-radius:10px}.hero-top{max-width:calc(100% - 16px);justify-content:flex-start;padding:6px 8px}.hero-title{-webkit-line-clamp:2;font-size:clamp(15px, 4.2vw, 17px)}.hero-meta{max-width:none;padding:6px 8px;font-size:clamp(11px, 3.4vw, 13px)}.badge-chip{font-size:clamp(10px, 3.2vw, 12px);padding:6px 8px}}.err,.like-btn,.ok{font-size:13px}@media (max-width:360px){.hero{aspect-ratio:1/1;padding-top:68%}.hero-meta,.hero-top{border-radius:8px}}.btn{background:#812ebc;color:#fff;border:none;border-radius:10px;padding:10px 12px;font-weight:700;cursor:pointer;transition:background .25s,transform .15s}.btn:hover:not(:disabled){background:#692fd9;transform:translateY(-1px)}.btn:active:not(:disabled){background:#5a27b8;transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed}.err{color:var(--danger)}.ok{color:var(--ok)}.like-row{gap:10px;align-items:center}.like-btn{display:inline-flex;gap:6px;align-items:center;background:#182033;border:1px solid #223048;color:#e8f0ff;padding:6px 10px;border-radius:10px;cursor:pointer}#img-modal,.modal{padding:20px;inset:0}.like-btn.liked{background:#243055;border-color:#2f3e66}.like-count{font-weight:300;font-size:12px;cursor:pointer;color:#cfd7e7;margin-left:2px}.modal{align-items:center;justify-content:center}.modal-content{border:1px solid #222;width:92%}.modal .close{float:right;font-size:28px;cursor:pointer}.likers-list .user-box{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #1c1c1c}.likers-list .user-box img{width:56px;height:56px;border-radius:10px;border:1px solid #2a2a2a;object-fit:cover}.badge-wrap{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px;margin-top:16px}.badge-title{display:flex;align-items:center;gap:8px;font-weight:700;margin:0 0 12px}.badges,.hf-toolbar{display:flex;gap:10px}.badges{flex-wrap:wrap}.badges .b{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.badges .b img{width:52px;height:52px;border-radius:8px;border:2px solid #444;box-shadow:0 0 6px rgba(255,255,255,.12)}#img-modal{position:fixed;z-index:9999;background:rgba(0,0,0,.88);align-items:center;justify-content:center}#img-modal img{max-width:95vw;max-height:90vh;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.45)}@media (max-width:980px){.grid{grid-template-columns:1fr}.side{position:static}.hero{padding-top:28%}.hero-title{font-size:16px}}body{margin:0;background:#0a0f14;color:#e6ecff;font:14px/1.4 system-ui}.hf-container{max-width:var(--hf-max);margin:20px auto;padding:0 var(--hf-pad)}.hf-toolbar{align-items:center;flex-wrap:wrap;margin-bottom:14px}.hf-input,.hf-select{background:#0d1218;color:#e9eefc;border:1px solid #1f2734;border-radius:12px;padding:10px 12px;outline:0;height:40px}.hf-btn,.hf-page.is-active{background:linear-gradient(135deg,#4e5cff,#8a5cff)}.hf-input{min-width:260px}.hf-btn{color:#fff;border:0;border-radius:12px;padding:10px 14px;height:40px;cursor:pointer;font-weight:600}.hf-meta{opacity:.8;font-size:12px;margin-left:auto}.hf-grid{display:grid;gap:16px;grid-template-columns:repeat(5,minmax(0,1fr))}.hf-card{background:var(--hf-card-bg);border:1px solid var(--hf-card-bd);border-radius:16px;padding:14px;box-shadow:0 4px 20px rgba(0,0,0,.25);transition:transform .12s,box-shadow .12s,border-color .12s;cursor:pointer}.hf-card:hover{transform:translateY(-2px);border-color:var(--hf-card-bd-hover);box-shadow:0 8px 26px rgba(0,0,0,.35)}.hf-icon{width:100%;aspect-ratio:1/1;display:grid;place-items:center;background:var(--hf-deep);border:1px solid #161e2a;border-radius:12px;margin-bottom:10px}.hf-icon img{width:96px;height:96px;filter:drop-shadow(0 0 .5px #fff2) drop-shadow(0 1px 0 rgba(0,0,0,.35))}.hf-name{font-size:15px;color:var(--hf-ink);font-weight:700;margin:2px 0 4px}.hf-class{font-size:12px;color:#9aa5bd}.hf-pager{display:flex;gap:6px;justify-content:center;margin:18px 0 8px;flex-wrap:wrap}.hf-gap,.hf-page{min-width:36px;height:36px;display:inline-grid;place-items:center;padding:0 10px;border-radius:10px;text-decoration:none;background:#0d1218;border:1px solid #1f2734;color:#e9eefc;font-weight:600}.hf-page:hover{border-color:#37507a}.hf-page.is-active{border-color:transparent}.hf-page.is-disabled{opacity:.45;pointer-events:none}.hf-gap{background:0 0;border-color:transparent;color:#7f8baa;min-width:auto}.hf-modal-back{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;z-index:1000}.hf-modal{width:min(860px,92vw);background:#0f1217;border:1px solid #1a2230;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.hf-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #1a2230}.hf-modal-title{font-weight:700}.hf-close{background:#161d29;border:1px solid #243049;color:#fff;border-radius:10px;padding:8px 12px;cursor:pointer}.hf-modal-body{display:grid;grid-template-columns:220px 1fr;gap:16px;padding:16px}.hf-modal-left{display:grid;place-items:center;background:#0b0f14;border:1px solid #161e2a;border-radius:12px;padding:16px}.hf-modal-left img{width:160px;height:160px}.hf-kv{display:grid;grid-template-columns:160px 1fr;gap:8px;font-size:13px}.hf-kv div:first-child{color:#98a6c4}.hf-desc{margin-top:10px;color:#dbe4ff}@media (max-width:1200px){.hf-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:900px){.hf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.hf-modal-body{grid-template-columns:1fr}.hf-kv{grid-template-columns:130px 1fr}}@media (max-width:640px){.hf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.hf-grid,.rel-grid{grid-template-columns:1fr}.hf-icon img{width:84px;height:84px}.hf-input{min-width:180px}}.arkadas-card img,.arkadas-grid-item img,.grup-card img,.rozet-card img{width:48px;height:48px}.arkadas-container,.grup-container,.rozet-container{background:#0a1224;border:1px solid #1a2a44;border-radius:12px;padding:20px;margin:30px auto;box-shadow:0 0 12px rgba(10,20,40,.4);max-width:100%;box-sizing:border-box}.arkadas-header,.grup-header,.rozet-header{display:flex;align-items:center;background:linear-gradient(135deg,#0d1728 0,#101f38 100%);border:1px solid #1a2a44;border-radius:12px;padding:8px 14px;margin-bottom:20px;box-shadow:0 0 10px rgba(10,20,40,.4)}.arkadas-title,.grup-title,.rozet-title{color:#fff;font-size:15.5px;font-weight:500;letter-spacing:.3px}.arkadas-message,.grup-message,.rozet-message{background:#1b2238;color:#aaa;padding:10px;border-radius:8px;text-align:center;font-size:14px}.arkadas-slider,.grup-slider,.rozet-slider{display:flex;overflow-x:auto;gap:12px;padding:10px 0;scrollbar-width:none}.arkadas-slider::-webkit-scrollbar{display:none}.arkadas-card-wrapper,.rozet-card-wrapper{background:#0a1224;border:1px solid #1a2a44;border-radius:10px;padding:6px;box-shadow:0 0 5px rgba(10,20,40,.4);transition:transform .2s}.arkadas-card-wrapper:hover,.grup-card-wrapper:hover,.rozet-card-wrapper:hover{transform:scale(1.04)}.arkadas-card{text-align:center;padding:5px}.arkadas-card img{border-radius:4px}.arkadas-name{font-size:12px;color:#d0d0d0;margin-top:5px;display:block;line-height:1.2}.arkadas-button-area,.grup-button-area,.profile-username-box,.rozet-button-area{text-align:center;margin-top:12px}.arkadas-viewall-btn,.grup-viewall-btn,.rozet-viewall-btn{background-color:#2b3f71;color:#fff;padding:7px 15px;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:background .2s}.arkadas-viewall-btn:hover,.grup-viewall-btn:hover,.rozet-viewall-btn:hover{background-color:#3c538e}.arkadas-modal,.grup-modal,.rozet-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.88);justify-content:center;align-items:center;padding:20px}.arkadas-modal-content,.grup-modal-content{background-color:#0d1728;padding:25px;border-radius:10px;max-width:720px;width:95%;max-height:90%;overflow-y:auto;position:relative;scrollbar-color:#2b3f71 #101c2f;scrollbar-width:thin}.grup-card,.grup-name{max-width:100%;text-align:center}.arkadas-modal-content::-webkit-scrollbar{width:8px}.arkadas-modal-content::-webkit-scrollbar-track{background:#101c2f;border-radius:10px}.arkadas-modal-content::-webkit-scrollbar-thumb{background-color:#2b3f71;border-radius:10px;border:2px solid #101c2f}.arkadas-modal-close,.grup-modal-close,.rozet-modal-close{position:absolute;top:10px;right:16px;font-size:22px;color:#ccc;cursor:pointer}.arkadas-modal-title,.grup-modal-title,.rozet-modal-title{color:#fff;font-size:18px;text-align:center;margin-bottom:16px}.arkadas-search-input,.grup-search-input,.rozet-search-input{width:100%;padding:8px 10px;margin-bottom:16px;border-radius:6px;border:1px solid #243b5c;background-color:#101e34;color:#fff;font-size:13px;outline:0}.arkadas-grid,.grup-grid,.rozet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px}.arkadas-grid-item,.grup-grid-item{background:#15223a;padding:8px 6px 6px;border-radius:8px;text-align:center;height:110px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.arkadas-grid-item img{margin-bottom:5px;border-radius:4px}.arkadas-grid-item span,.grup-grid-item span{margin-top:2px;color:#ccc;-webkit-line-clamp:3;line-height:1.2;max-height:3.6em;overflow:hidden}.grup-slider::-webkit-scrollbar{display:none}.grup-card-wrapper{background:#0a1224;border:1px solid #1a2a44;border-radius:10px;padding:6px;box-shadow:0 0 5px rgba(10,20,40,.4);transition:transform .2s;width:95px;height:105px;display:flex;flex-direction:column;justify-content:center;align-items:center}.grup-card{padding:5px}.grup-name{font-size:11px;color:#d0d0d0;margin-top:6px;display:block;overflow:hidden;word-break:break-all}.grup-grid-item img,.rozet-grid-item img{width:36px;height:36px;margin-bottom:3px}.grup-modal-content::-webkit-scrollbar{width:8px}.grup-modal-content::-webkit-scrollbar-track{background:#101c2f;border-radius:10px}.grup-modal-content::-webkit-scrollbar-thumb{background-color:#2b3f71;border-radius:10px;border:2px solid #101c2f}.profile-horizontal-wrapper{display:flex;flex-wrap:wrap;gap:20px;background-image:url('/themes/habbosan/www/images/profileheadersan.jpg');background-size:cover;background-position:center;border:1px solid #1a2a44;border-radius:12px;padding:20px;margin-bottom:30px;align-items:center;box-shadow:0 0 10px rgba(10,20,40,.4);transition:.3s}.gif-results img,.gif-thumb,.rozet-card,.stat-card{transition:transform .2s}.profile-left{display:flex;flex-direction:column;align-items:center;width:250px;background:linear-gradient(135deg,#0b1324 0,#0f1c35 100%);border-radius:10px;padding:12px}.profile-avatar-box{width:130px;height:130px;border-radius:50%;overflow:hidden;box-shadow:0 0 8px #6f42c1}.avatar-img{width:100%;height:100%;object-fit:cover}.profile-username{font-size:22px;color:#fff;font-weight:700}.profile-motto{font-size:14px;color:#aaa;margin-top:5px}.profile-right{flex:1;display:flex;flex-direction:column;justify-content:center}.profile-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.stat-card{display:flex;align-items:center;gap:10px;background:#0a1224;border:1px solid #1a2a44;border-radius:10px;padding:12px;color:#eee;box-shadow:0 0 5px rgba(10,20,40,.4)}.stat-card:hover{transform:scale(1.02)}.stat-icon{width:30px;height:30px;filter:drop-shadow(0 0 4px rgba(255,255,255,.05))}.stat-label{font-size:13px;color:#bbb}.stat-value{font-size:14px;font-weight:700;color:#fff}.rozet-section{margin-top:30px}.rozet-slider::-webkit-scrollbar{display:none}.rozet-card{background:#080f1f;padding:8px;border-radius:8px;text-align:center;min-width:72px;flex-shrink:0}.gif-results img:hover,.rozet-card:hover{transform:scale(1.05)}.rozet-name{line-height:1.2;font-size:12px;color:#d0d0d0;margin-top:5px;display:block}.rozet-modal-content{background-color:#0d1728;padding:25px;border-radius:10px;max-width:720px;width:95%;max-height:90%;overflow-y:auto;position:relative}.rozet-grid-item{background:#15223a;padding:8px 6px 6px;border-radius:8px;text-align:center;width:100%;height:110px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.rozet-grid-item span{color:#ccc;-webkit-line-clamp:2;line-height:1.2;max-height:2.4em;overflow:hidden;text-align:center}.rozet-modal-content::-webkit-scrollbar{width:8px}.rozet-modal-content::-webkit-scrollbar-track{background:#101c2f;border-radius:10px}.rozet-modal-content::-webkit-scrollbar-thumb{background-color:#2b3f71;border-radius:10px;border:2px solid #101c2f}.gif-grid{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.gif-thumb{width:80px;height:80px;object-fit:cover;border-radius:6px}.gif-thumb:hover{transform:scale(1.1)}.comment-gif{max-width:100%;border-radius:6px;margin-top:5px}.gif-search{background-color:#1e1e1e;color:#ddd;border:1px solid #333;padding:8px 10px;border-radius:5px;width:100%;font-family:inherit;font-size:14px}.gif-search::placeholder{color:#888}.gif-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-top:10px;max-height:150px;overflow-y:auto}.badge-card,.badge-grid{display:flex;display:flex}.gif-results img{width:100%;border-radius:6px;cursor:pointer}.modal{background:rgba(0,0,0,.7);justify-content:center;align-items:center;z-index:9999}.error-box{max-width:500px;margin:40px auto;padding:20px 24px;background:#2a213a;color:#ff6b6b;border:2px solid #ff4d4d;border-left:6px solid #ff4d4d;border-radius:12px;font-size:16px;font-weight:500;box-shadow:0 0 12px rgba(255,77,77,.2);position:relative;text-align:center;animation:.4s ease-out popFade}.error-box::before{content:"";position:absolute;left:20px;top:16px;font-size:22px}@keyframes popFade{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.badge-grid{flex-wrap:wrap;justify-content:center;max-width:1084px;margin:0 auto;padding:0 8px;flex-wrap:wrap;gap:8px;justify-content:center}@media screen and (max-width:768px){.badge-card{width:64px;height:80px}}.filter-bar,h1{text-align:center;margin-bottom:20px}.filter-bar input,.filter-bar select{padding:6px;border:none;background:#1a1a2e;color:#fff;border-radius:4px;margin-right:8px}.filter-bar button{padding:6px 10px;background:#4c2d91;color:#fff;border:none;border-radius:4px;cursor:pointer}.badge-card{background:#161a2a;border-radius:10px;width:64px;height:90px;text-align:center;padding:6px;box-shadow:0 0 3px rgba(76,45,145,.4);flex-direction:column;justify-content:space-between;cursor:pointer}.badge-card img{width:40px;height:40px;margin:0 auto;image-rendering:auto;box-shadow:0 0 3px rgba(255,255,255,.1)}.badge-code{font-size:12px;font-weight:700;color:#fff;background:#4c2d91;padding:3px 0;border-radius:4px;margin-top:6px}.pagination{margin-top:30px;text-align:center}.pagination a,.pagination span{display:inline-block;margin:0 3px;padding:6px 12px;border-radius:6px;background-color:#2a2f45;color:#fff;text-decoration:none}.pagination a.active{background-color:#4c2d91;font-weight:700}.pagination a.disabled{background-color:#1a1a2e;color:#777;pointer-events:none}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);justify-content:center;align-items:center}.modal-content{max-height:80vh;overflow-y:auto;background:#1a1c2c;padding:20px;border-radius:10px;max-width:300px;color:#fff;text-align:center}