*{box-sizing:border-box}html{scroll-behavior:smooth}body.tf-body{margin:0;font-family:Inter,Arial,sans-serif;color:#151827;background:radial-gradient(circle at 10% 0,#fff3e8 0,transparent 28%),radial-gradient(circle at 90% 10%,#ffe6f2 0,transparent 26%),#f7f3eb}a{text-decoration:none;color:inherit}.tf-shell{width:min(1180px,calc(100% - 28px));margin:0 auto}.tf-topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid #eadfd0}.tf-topbar-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}.tf-brand{display:flex;align-items:center;gap:12px;min-width:210px}.tf-brand-logo{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:#fff;border:1px solid #eadfd0;box-shadow:0 10px 25px rgba(30,35,60,.08);overflow:hidden}.tf-brand-logo img{max-width:90%;max-height:90%;object-fit:contain}.tf-brand strong{display:block;font-size:18px;font-weight:900;letter-spacing:-.03em}.tf-brand em{display:block;font-style:normal;font-size:12px;color:#8b728d;font-weight:700}.tf-nav{display:flex;align-items:center;gap:6px;flex:1;justify-content:center}.tf-nav a{padding:10px 13px;border-radius:13px;font-size:13px;font-weight:800;color:#664b66}.tf-nav a:hover,.tf-nav .active{background:#fff0f7;color:#e51b72}.tf-socials{display:flex;align-items:center;gap:8px}.tf-socials a{width:38px;height:38px;border-radius:13px;background:#fff;display:grid;place-items:center;border:1px solid #eadfd0;color:#e51b72;font-weight:900}.tf-socials .tf-chat-mini{width:auto;padding:0 14px;background:linear-gradient(135deg,#ff2f7d,#8d46ff);color:#fff;border:0;display:flex;gap:8px}.tf-selecticon{position:fixed;z-index:200;display:none;left:50%;top:90px;transform:translateX(-50%);width:min(520px,92vw);height:460px;overflow:auto;background:#fff;border:1px solid #eadfd0;border-radius:24px;padding:18px;box-shadow:0 30px 80px rgba(40,32,50,.22)}.tf-hero{display:grid;grid-template-columns:330px 1fr 280px;gap:18px;margin:24px 0 20px}.tf-card{background:rgba(255,255,255,.92);border:1px solid #eadfd0;border-radius:24px;box-shadow:0 14px 36px rgba(40,32,50,.08);overflow:hidden}.tf-card-head{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px dashed #eadfd0}.tf-card-head span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#ff2f7d,#8d46ff);color:#fff}.tf-card-head b{display:block;font-size:17px}.tf-card-head em{font-style:normal;font-size:12px;color:#8b728d;font-weight:700}.tf-login-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px 16px 0}.tf-login-tabs button,.tf-quick-actions a{border:0;border-radius:13px;background:#f5eef8;color:#7a5d76;padding:10px;font-weight:900;font-size:12px}.tf-login-tabs .active{background:#ff2f7d;color:#fff}.tf-login-form{padding:16px;display:grid;gap:10px}.tf-login-form label{height:48px;background:#fff;border:1px solid #eadfd0;border-radius:15px;display:flex;align-items:center;gap:10px;padding:0 14px;color:#e51b72}.tf-login-form input{border:0;outline:0;width:100%;font:inherit;font-size:13px;background:transparent}.tf-login-form button{height:50px;border:0;border-radius:16px;background:linear-gradient(135deg,#ff2f7d,#8d46ff);color:#fff;font-weight:900;cursor:pointer}.tf-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px 16px}.tf-hero-main{position:relative;padding:34px;display:flex;flex-direction:column;justify-content:center;min-height:320px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,246,250,.95))}.tf-online-pill{width:max-content;background:#ecfff4;color:#11a258;border:1px solid #b8f3cf;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:900}.tf-hero-main h1{font-size:42px;line-height:1.05;margin:18px 0 12px;letter-spacing:-.05em}.tf-hero-main p{font-size:15px;line-height:1.8;color:#6f6170;max-width:620px;margin:0}.tf-hero-buttons{display:flex;gap:10px;margin-top:24px}.tf-hero-buttons a{height:48px;padding:0 18px;border-radius:16px;display:flex;align-items:center;gap:9px;font-weight:900}.tf-hero-buttons .primary{background:#111827;color:#fff}.tf-hero-buttons .soft{background:#fff;border:1px solid #eadfd0;color:#e51b72}.tf-owner-card ul{list-style:none;margin:0;padding:16px;display:grid;gap:10px}.tf-owner-card li{padding:14px;border-radius:16px;background:#fff7fb;border:1px solid #f4dcea}.tf-owner-card span{display:block;font-size:11px;font-weight:900;color:#ad7c99;text-transform:uppercase}.tf-owner-card b{display:block;margin-top:4px;font-size:15px}.tf-section{margin:22px 0}.tf-section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}.tf-section-title div{display:flex;align-items:center;gap:12px}.tf-section-title span{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:#fff;border:1px solid #eadfd0;color:#e51b72;font-weight:900}.tf-section-title h2{margin:0;font-size:26px;letter-spacing:-.04em}.tf-section-title a{font-size:13px;font-weight:900;color:#e51b72;background:#fff;border:1px solid #eadfd0;padding:11px 14px;border-radius:14px}.tf-section-title.small{padding:18px 18px 0}.tf-section-title.small h2{font-size:20px}.tf-rooms-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tf-room,.tf-blog{background:#fff;border:1px solid #eadfd0;border-radius:22px;overflow:hidden;box-shadow:0 10px 26px rgba(40,32,50,.06)}.tf-room-img{height:150px;background:#f2edf4;overflow:hidden}.tf-room-img img,.tf-blog img{width:100%;height:100%;object-fit:cover;display:block}.tf-room-body{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px}.tf-room h3{margin:0 0 5px;font-size:16px}.tf-room p{margin:0;color:#897589;font-size:12px;font-weight:700}.tf-room button{width:42px;height:42px;border:0;border-radius:14px;background:#ff2f7d;color:#fff;cursor:pointer}.tf-two-col{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin:22px 0}.tf-members-grid{padding:18px;display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.tf-member{background:#f9f4fa;border:1px solid #eadfd0;border-radius:16px;padding:8px;text-align:center;min-width:0}.tf-member img{width:58px;height:58px;border-radius:14px;object-fit:cover;display:block;margin:0 auto 6px}.tf-member span{display:block;font-size:11px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#694f68}.tf-shout-list{padding:18px;display:grid;gap:10px}.tf-shout{display:flex;gap:10px;background:#fff8fb;border:1px solid #f1dfea;border-radius:17px;padding:10px}.tf-shout img{width:45px;height:45px;border-radius:14px;object-fit:cover}.tf-shout b{font-size:13px}.tf-shout p{margin:4px 0 0;color:#806d80;font-size:12px;line-height:1.45}.tf-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tf-blog img{height:165px}.tf-blog div{padding:16px}.tf-blog h3{font-size:17px;margin:0 0 8px;line-height:1.3}.tf-blog p{font-size:13px;color:#716171;line-height:1.6;margin:0 0 12px}.tf-blog .read{font-weight:900;color:#e51b72;font-size:13px}.tf-footer{margin-top:34px;background:#151827;color:#fff}.tf-footer-inner{padding:32px 0;display:grid;grid-template-columns:1fr 1.3fr auto;gap:20px;align-items:center}.tf-footer p{margin:6px 0 0;color:#b8b7c6}.tf-footer-links{display:flex;gap:10px;flex-wrap:wrap}.tf-footer-links a{font-size:13px;color:#dedbe8;background:rgba(255,255,255,.08);padding:9px 12px;border-radius:12px}.tf-powered{font-size:13px;color:#b8b7c6}.tf-powered b{color:#fff}@media(max-width:1024px){.tf-hero{grid-template-columns:1fr}.tf-rooms-grid{grid-template-columns:repeat(3,1fr)}.tf-two-col{grid-template-columns:1fr}.tf-members-grid{grid-template-columns:repeat(6,1fr)}.tf-nav{display:none}.tf-footer-inner{grid-template-columns:1fr}}@media(max-width:680px){.tf-shell{width:min(100% - 18px,1180px)}.tf-topbar-inner{height:auto;padding:12px 0;flex-wrap:wrap}.tf-brand{min-width:0}.tf-socials{margin-left:auto}.tf-socials a:not(.tf-chat-mini){display:none}.tf-hero-main h1{font-size:30px}.tf-hero-main{padding:24px}.tf-hero-buttons{flex-direction:column}.tf-rooms-grid,.tf-blog-grid{grid-template-columns:1fr}.tf-members-grid{grid-template-columns:repeat(3,1fr)}}

/* TechForumTR v4: login tabs, gender buttons, avatar modal, dark/light */
.tf-theme-toggle{width:38px;height:38px;border-radius:13px;background:#fff;border:1px solid #eadfd0;color:#e51b72;display:grid;place-items:center;cursor:pointer;font-weight:900;transition:.18s ease}.tf-theme-toggle:hover{transform:translateY(-2px)}
.tf-login-card[data-mode="guest"] .tf-field-pass,.tf-login-card[data-mode="guest"] .tf-field-admin{display:none}.tf-login-card[data-mode="member"] .tf-field-admin{display:none}.tf-login-card[data-mode="admin"] .tf-field-admin{display:flex}.tf-login-card[data-mode="admin"] .tf-field-pass{display:flex}
.tf-quick-actions.tf-gender-actions{grid-template-columns:repeat(3,1fr)}.tf-gender-actions button{border:0;border-radius:13px;background:#f5eef8;color:#7a5d76;padding:10px;font-weight:900;font-size:12px;cursor:pointer;transition:.16s ease}.tf-gender-actions button:hover{transform:translateY(-1px)}.tf-gender-actions button.active{background:linear-gradient(135deg,#ff2f7d,#8d46ff);color:#fff}.tf-gender-actions button:nth-child(2).active{background:linear-gradient(135deg,#ff5aa4,#ff8fc7)}

/* TechForumTR v5: düzgün avatar seçici modal */
.tf-selecticon{
  position:fixed!important;inset:0!important;z-index:9999!important;display:none;
  width:auto!important;height:auto!important;max-height:none!important;overflow:hidden!important;
  background:rgba(14,16,28,.62)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  padding:22px!important;box-shadow:none!important;border:0!important;transform:none!important;left:0!important;top:0!important;
}
.tf-avatar-panel{
  position:relative;width:min(760px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 44px));
  margin:18px auto 0;background:rgba(255,255,255,.98);border:1px solid #eadfd0;border-radius:28px;
  box-shadow:0 34px 100px rgba(6,8,18,.42);padding:22px;overflow:hidden;
}
.tf-avatar-title{font-size:22px;font-weight:950;letter-spacing:-.04em;color:#151827;padding-right:54px}
.tf-avatar-sub{margin-top:4px;font-size:13px;font-weight:750;color:#8b728d;padding-right:54px}.tf-avatar-close{position:absolute;right:18px;top:18px;width:42px;height:42px;border:0;border-radius:15px;background:#fff0f7;color:#e51b72;font-size:28px;line-height:1;cursor:pointer;z-index:3;box-shadow:0 8px 20px rgba(40,32,50,.08)}.tf-avatar-close:hover{background:#ff2f7d;color:#fff}.tf-avatar-tools{margin:16px 0 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff7fb;border:1px solid #f2dbe9;border-radius:18px;padding:10px 12px}.tf-avatar-tools span{font-size:12px;font-weight:900;color:#ad6a91}.tf-avatar-tools button{border:0;border-radius:12px;background:#151827;color:#fff;font-weight:900;padding:9px 13px;cursor:pointer}.tf-avatar-grid{max-height:calc(min(760px,100vh - 44px) - 150px);overflow:auto;padding:4px 6px 8px;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:12px;align-items:start;scrollbar-width:thin;scrollbar-color:#ff2f7d #f5eef8}.tf-avatar-grid::-webkit-scrollbar{width:10px}.tf-avatar-grid::-webkit-scrollbar-track{background:#f5eef8;border-radius:999px}.tf-avatar-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff2f7d,#8d46ff);border-radius:999px}.tf-avatar-grid table,.tf-avatar-grid tbody,.tf-avatar-grid tr,.tf-avatar-grid td,.tf-avatar-grid center,.tf-avatar-grid form,.tf-avatar-grid ul,.tf-avatar-grid li{display:contents!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;list-style:none!important}.tf-avatar-grid br,.tf-avatar-grid hr{display:none!important}.tf-avatar-grid a,.tf-avatar-grid label{display:block!important;width:82px!important;height:82px!important;margin:0!important;position:relative!important}.tf-avatar-grid img{width:82px!important;height:82px!important;object-fit:cover!important;border-radius:22px!important;border:3px solid #fff!important;box-shadow:0 10px 25px rgba(40,32,50,.13)!important;background:#f7f3eb!important;margin:0!important;transition:.16s ease!important;display:block!important}.tf-avatar-grid img:hover{transform:translateY(-4px) scale(1.04)!important;box-shadow:0 18px 34px rgba(229,27,114,.24)!important;outline:4px solid #ffdaec!important}.tf-avatar-grid input[type="radio"]{position:absolute!important;opacity:0!important;pointer-events:none!important}.tf-avatar-grid input[type="radio"]:checked+img,.tf-avatar-grid img.tf-selected{outline:4px solid #ff2f7d!important}.tf-avatar-grid input[type="submit"],.tf-avatar-grid button{border-radius:14px!important;border:0!important;background:linear-gradient(135deg,#ff2f7d,#8d46ff)!important;color:#fff!important;font-weight:900!important;padding:10px 14px!important;cursor:pointer!important}.tf-avatar-grid input[type="text"],.tf-avatar-grid select{height:40px!important;border:1px solid #eadfd0!important;border-radius:13px!important;padding:0 12px!important;background:#fff!important;grid-column:1/-1!important}.tf-avatar-loading{height:180px;border-radius:22px;background:linear-gradient(90deg,#f4edf6,#fff,#f4edf6);background-size:220% 100%;animation:tfShimmer 1s linear infinite;margin-top:18px}@keyframes tfShimmer{from{background-position:120% 0}to{background-position:-120% 0}}
.tf-body.tf-dark{color:#f6f1fb;background:radial-gradient(circle at 10% 0,rgba(255,47,125,.16) 0,transparent 28%),radial-gradient(circle at 90% 10%,rgba(141,70,255,.18) 0,transparent 26%),#111320}.tf-dark .tf-topbar{background:rgba(20,22,34,.88);border-bottom-color:#2d3042}.tf-dark .tf-card,.tf-dark .tf-room,.tf-dark .tf-blog,.tf-dark .tf-brand-logo,.tf-dark .tf-section-title span,.tf-dark .tf-section-title a,.tf-dark .tf-socials a,.tf-dark .tf-theme-toggle{background:#191c2b;border-color:#303449;color:#f8f4ff}.tf-dark .tf-nav a{color:#d7c6d9}.tf-dark .tf-nav a:hover,.tf-dark .tf-nav .active{background:#2b1d34;color:#ff6cab}.tf-dark .tf-brand em,.tf-dark .tf-card-head em,.tf-dark .tf-room p,.tf-dark .tf-blog p,.tf-dark .tf-shout p,.tf-dark .tf-footer p,.tf-dark .tf-powered{color:#b8aec3}.tf-dark .tf-hero-main{background:linear-gradient(135deg,rgba(25,28,43,.96),rgba(36,25,43,.96))}.tf-dark .tf-login-form label,.tf-dark .tf-owner-card li,.tf-dark .tf-shout,.tf-dark .tf-member{background:#121523;border-color:#303449;color:#f8f4ff}.tf-dark .tf-login-tabs button,.tf-dark .tf-gender-actions button{background:#24283a;color:#cdbed4}.tf-dark .tf-selecticon{background:rgba(25,28,43,.98)!important;border-color:#303449!important}.tf-dark .tf-selecticon:before{color:#fff}.tf-dark .tf-selecticon:after{color:#b8aec3}.tf-dark .tf-avatar-close{background:#2b1d34;color:#ff6cab}.tf-dark .tf-footer{background:#090b12}
@media(max-width:680px){.tf-quick-actions.tf-gender-actions{grid-template-columns:1fr 1fr}.tf-gender-actions button:last-child{grid-column:1 / -1}}

.tf-dark .tf-avatar-panel{background:rgba(25,28,43,.98);border-color:#303449}.tf-dark .tf-avatar-title{color:#fff}.tf-dark .tf-avatar-sub{color:#b8aec3}.tf-dark .tf-avatar-tools{background:#121523;border-color:#303449}.tf-dark .tf-avatar-tools span{color:#d7c6d9}.tf-dark .tf-avatar-tools button{background:#fff;color:#151827}.tf-dark .tf-avatar-grid{scrollbar-color:#ff6cab #24283a}.tf-dark .tf-avatar-grid::-webkit-scrollbar-track{background:#24283a}.tf-dark .tf-avatar-grid input[type="text"],.tf-dark .tf-avatar-grid select{background:#121523;border-color:#303449;color:#fff}
@media(max-width:680px){.tf-selecticon{padding:10px!important}.tf-avatar-panel{width:100%;max-height:calc(100vh - 20px);margin:0;border-radius:22px;padding:18px}.tf-avatar-grid{grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:10px;max-height:calc(100vh - 155px)}.tf-avatar-grid a,.tf-avatar-grid label,.tf-avatar-grid img{width:66px!important;height:66px!important;border-radius:18px!important}.tf-avatar-title{font-size:19px}.tf-avatar-sub{font-size:12px}.tf-avatar-tools{align-items:flex-start;flex-direction:column}.tf-avatar-tools button{width:100%}}


/* TechForumTR v6: avatar grid net düzeltme */
.tf-avatar-panel{width:min(760px,calc(100vw - 32px))!important;}
.tf-avatar-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(84px,84px))!important;
  justify-content:start!important;
  align-content:start!important;
  gap:14px!important;
  max-height:calc(min(760px,100vh - 44px) - 150px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:4px 8px 12px!important;
}
.tf-avatar-item{
  width:84px!important;
  height:84px!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  cursor:pointer!important;
  border-radius:24px!important;
  position:relative!important;
}
.tf-avatar-item img{
  width:84px!important;
  height:84px!important;
  object-fit:cover!important;
  border-radius:24px!important;
  border:3px solid #fff!important;
  box-shadow:0 10px 25px rgba(40,32,50,.13)!important;
  background:#f7f3eb!important;
  display:block!important;
  transition:.16s ease!important;
}
.tf-avatar-item:hover img{
  transform:translateY(-4px) scale(1.04)!important;
  box-shadow:0 18px 34px rgba(229,27,114,.24)!important;
  outline:4px solid #ffdaec!important;
}
.tf-avatar-grid .header,
.tf-avatar-grid .body,
.tf-avatar-grid form,
.tf-avatar-grid ul,
.tf-avatar-grid li,
.tf-avatar-grid br,
.tf-avatar-grid hr,
.tf-avatar-grid title,
.tf-avatar-grid meta,
.tf-avatar-grid link,
.tf-avatar-grid script{display:none!important;}
@media(max-width:680px){
  .tf-avatar-grid{grid-template-columns:repeat(auto-fill,minmax(66px,66px))!important;gap:10px!important;max-height:calc(100vh - 155px)!important;}
  .tf-avatar-item,.tf-avatar-item img{width:66px!important;height:66px!important;border-radius:18px!important;}
}