/* ================================================
   28 - ORGANIC SHAPES
   Blob benzeri clip-path'ler, topraksı yeşil ve kahverengi
   renk paleti, yumuşak serif tipografi, asimetrik flexbox
   düzenleri, yavaş yüzen CSS animasyonları, örtüşen metin
   ve görsel, akışkan duyarlı tipografi, gizli kaydırma çubuğu
   ================================================ */

:root{
  --os-bg:#F5F2ED;
  --os-surface:#FFFDF8;
  --os-text:#2C3E2D;
  --os-text2:#6B7B6C;
  --os-green:#4A7C59;
  --os-green-light:#E8F0E4;
  --os-brown:#8B6914;
  --os-brown-light:#FFF5E1;
  --os-border:#D4CFC4;
  --os-radius:24px;
  --os-font-head:'Libre Baskerville','Georgia',serif;
  --os-font-body:'Nunito','Lato',system-ui,sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--os-bg);color:var(--os-text);font:400 15px/1.7 var(--os-font-body);-webkit-font-smoothing:antialiased;scrollbar-width:none}
body::-webkit-scrollbar{display:none}

/* Yavaş yüzen animasyon */
@keyframes os-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

h1{font:600 clamp(24px,4vw,36px)/1.2 var(--os-font-head);color:var(--os-text);margin:0 0 12px}
h2{font:600 clamp(18px,3vw,28px)/1.25 var(--os-font-head);color:var(--os-text);margin:0 0 8px}
h3{font:500 17px/1.3 var(--os-font-head);color:var(--os-text);margin:0 0 6px}
a:link,a:visited{color:var(--os-green);text-decoration:none;transition:color .2s}
a:hover{color:var(--os-brown)}
img{max-width:100%;height:auto}

.os-wrap{max-width:1000px;margin:0 auto;padding:0 24px}
#container{text-align:left}

/* Blob clip-path'ler */
.os-blob-1{clip-path:ellipse(52% 48% at 50% 50%)}
.os-blob-2{border-radius:30% 70% 70% 30% / 30% 30% 70% 70%}
.os-blob-3{border-radius:60% 40% 50% 50% / 40% 60% 40% 60%}

/* == HEADER: Organik, asimetrik == */
#os-header{
  padding:32px 0 24px;
  position:relative;
}
/* Dekoratif organik şekil */
#os-header::before{
  content:'';position:absolute;top:-20px;right:-40px;
  width:200px;height:200px;
  background:var(--os-green-light);
  border-radius:60% 40% 50% 50% / 40% 60% 40% 60%;
  opacity:.5;z-index:0;
}
.os-header-inner{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;
  position:relative;z-index:1;
}
.os-logo{
  font:600 26px var(--os-font-head);
  color:var(--os-green);
}
.os-logo a{color:var(--os-green);text-decoration:none}
.os-logo a:hover{color:var(--os-brown)}

.os-nav{display:flex;gap:6px;list-style:none;flex-wrap:wrap}
.os-nav a{
  display:block;padding:8px 18px;
  border-radius:var(--os-radius);
  background:var(--os-green-light);
  color:var(--os-green);
  font:500 13px var(--os-font-body);
  transition:all .25s;
}
.os-nav a:hover{
  background:var(--os-green);color:#FFF;
  transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(74,124,89,.15);
}

.os-user{font-size:13px;color:var(--os-text2);position:relative;z-index:1}
.os-user a{color:var(--os-green);font-weight:500}

/* Breadcrumb */
.navigation{
  padding:12px 0;margin:0 0 16px;
  font:italic 13px var(--os-font-body);color:var(--os-text2);
  border-bottom:1px solid var(--os-border);
}
.navigation a{color:var(--os-green);font-style:normal}

#content{padding:0 0 40px;min-height:60vh}

/* == FORUM LİSTESİ: Organik blob kartlar == */
.os-cat{margin-bottom:32px}
.os-cat-title{
  font:600 20px var(--os-font-head);
  color:var(--os-green);
  padding-bottom:8px;
  margin-bottom:14px;
}
.os-cat-title a{color:var(--os-green);text-decoration:none}

.os-forum-list{display:flex;flex-direction:column;gap:12px}

.os-forum{
  background:var(--os-surface);
  border-radius:var(--os-radius);
  padding:20px 24px;
  display:flex;align-items:center;gap:16px;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
  transition:all .3s;
  position:relative;overflow:hidden;
}
.os-forum:hover{
  transform:translateY(-3px) rotate(-.3deg);
  box-shadow:0 8px 24px rgba(74,124,89,.08);
}

/* Her forum farklı dekoratif blob */
.os-forum::after{
  content:'';position:absolute;top:-30px;right:-30px;
  width:100px;height:100px;
  opacity:.1;
  border-radius:60% 40% 50% 50% / 40% 60% 40% 60%;
}
.os-forum:nth-child(3n+1)::after{background:var(--os-green)}
.os-forum:nth-child(3n+2)::after{background:var(--os-brown)}
.os-forum:nth-child(3n+3)::after{background:#E74C3C}

.os-f-icon{
  width:48px;height:48px;
  border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;
  display:flex;align-items:center;justify-content:center;
  font-size:20px;flex-shrink:0;
  animation:os-float 4s ease-in-out infinite;
}
.os-forum:nth-child(3n+1) .os-f-icon{background:var(--os-green-light);color:var(--os-green)}
.os-forum:nth-child(3n+2) .os-f-icon{background:var(--os-brown-light);color:var(--os-brown)}
.os-forum:nth-child(3n+3) .os-f-icon{background:#FFEBEE;color:#E74C3C}
.os-forum:nth-child(2) .os-f-icon{animation-delay:-.5s}
.os-forum:nth-child(3) .os-f-icon{animation-delay:-1s}
.os-forum:nth-child(4) .os-f-icon{animation-delay:-1.5s}

.os-f-info{flex:1;min-width:0;position:relative;z-index:1}
.os-f-name{font:600 16px var(--os-font-head);color:var(--os-text)}
.os-f-name a{color:var(--os-text);text-decoration:none}
.os-f-name a:hover{color:var(--os-green)}
.os-f-desc{font:italic 13px var(--os-font-body);color:var(--os-text2);margin-top:3px}
.os-f-meta{
  font-size:12px;color:var(--os-text2);
  display:flex;gap:10px;flex-shrink:0;position:relative;z-index:1;
}
.os-f-meta b{color:var(--os-text)}

/* == KONU LİSTESİ: Yumuşak satırlar == */
.os-thread{
  background:var(--os-surface);
  border-radius:16px;
  padding:14px 20px;
  margin-bottom:8px;
  display:flex;align-items:center;gap:12px;
  box-shadow:0 1px 4px rgba(0,0,0,.03);
  transition:all .2s;
}
.os-thread:hover{transform:translateX(4px);box-shadow:0 4px 12px rgba(0,0,0,.06)}

.os-t-leaf{
  width:12px;height:12px;
  border-radius:50% 0 50% 0;
  flex-shrink:0;
}
.os-thread:nth-child(3n+1) .os-t-leaf{background:var(--os-green)}
.os-thread:nth-child(3n+2) .os-t-leaf{background:var(--os-brown)}
.os-thread:nth-child(3n+3) .os-t-leaf{background:#E74C3C}

.os-t-info{flex:1;min-width:0}
.os-t-title{font:500 14px var(--os-font-body);color:var(--os-text)}
.os-t-title a{color:var(--os-text)}.os-t-title a:hover{color:var(--os-green)}
.os-t-meta{font:italic 12px var(--os-font-body);color:var(--os-text2);margin-top:2px}
.os-t-meta a{color:var(--os-text2);font-style:normal}
.os-t-nums{font-size:12px;color:var(--os-text2);flex-shrink:0}
.os-t-nums b{color:var(--os-text)}

/* == MESAJ GÖRÜNÜMÜ: Organik balon, yumuşak kenarlar == */
.os-post{
  background:var(--os-surface);
  border-radius:var(--os-radius);
  padding:0;margin-bottom:16px;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
  overflow:hidden;
  transition:all .2s;
}
.os-post:hover{box-shadow:0 4px 16px rgba(0,0,0,.06)}

.os-post-head{
  display:flex;align-items:center;gap:12px;
  padding:14px 20px;
  background:var(--os-green-light);
}
.os-post-av{
  width:40px;height:40px;
  border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;
  display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:16px;flex-shrink:0;overflow:hidden;
}
.os-post:nth-child(odd) .os-post-av{background:var(--os-green);color:#FFF}
.os-post:nth-child(even) .os-post-av{background:var(--os-brown);color:#FFF}
.os-post-av img{width:100%;height:100%;object-fit:cover}
.os-post-who{flex:1}
.os-post-who strong{font:600 14px var(--os-font-body);color:var(--os-text);display:block}
.os-post-who strong a{color:var(--os-text)}.os-post-who strong a:hover{color:var(--os-green)}
.os-post-who span{font:italic 12px var(--os-font-body);color:var(--os-text2)}
.os-post-when{font:italic 12px var(--os-font-body);color:var(--os-text2)}

.os-post-body{padding:20px;line-height:1.8}

.os-post-foot{
  display:flex;gap:8px;padding:10px 20px;
  border-top:1px solid var(--os-border);
}
.os-post-foot a{
  padding:5px 14px;
  border-radius:var(--os-radius);
  font-size:12px;color:var(--os-text2);
  transition:all .2s;
}
.os-post-foot a:hover{background:var(--os-green-light);color:var(--os-green)}

/* İstatistikler */
.os-stats{
  display:flex;justify-content:center;gap:20px;flex-wrap:wrap;
  padding:24px 0;margin:24px 0;
}
.os-stat{
  background:var(--os-surface);
  border-radius:var(--os-radius);
  padding:16px 24px;text-align:center;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
  min-width:100px;
  animation:os-float 5s ease-in-out infinite;
}
.os-stat:nth-child(2){animation-delay:-.7s}
.os-stat:nth-child(3){animation-delay:-1.4s}
.os-stat-val{font:700 24px var(--os-font-head);color:var(--os-green)}
.os-stat-lbl{font:400 11px var(--os-font-body);color:var(--os-text2);margin-top:4px}

/* == MYBB UYUMU == */
.tborder{background:var(--os-surface);border-radius:var(--os-radius);box-shadow:0 2px 8px rgba(0,0,0,.04);overflow:hidden;margin-bottom:16px}
.thead{background:var(--os-green);color:#FFF;padding:14px 20px;font:600 15px var(--os-font-head);border-radius:var(--os-radius) var(--os-radius) 0 0}
.thead a{color:#FFF}
.tcat{background:var(--os-green-light);color:var(--os-green);padding:8px 20px;font:500 11px var(--os-font-body);text-transform:uppercase;letter-spacing:.04em}
.tcat a{color:var(--os-green)}
.trow1{background:var(--os-surface);padding:12px 20px;border-bottom:1px solid var(--os-border)}
.trow2{background:#FAFAF5;padding:12px 20px;border-bottom:1px solid var(--os-border)}
.trow1:hover,.trow2:hover{background:var(--os-green-light)}
.trow_shaded{background:#FFEBE6;padding:12px 20px;border-bottom:1px solid #FFCCBC}
.trow_selected{background:var(--os-brown-light);padding:12px 20px}
.trow_sep{background:var(--os-bg);padding:4px 20px;font:500 10px var(--os-font-body);color:var(--os-text2);text-transform:uppercase;letter-spacing:.04em}

.post{background:var(--os-surface);border-radius:var(--os-radius);box-shadow:0 2px 8px rgba(0,0,0,.04);margin-bottom:16px;overflow:hidden}
.post .post_author{padding:14px 20px;background:var(--os-green-light)}
.post .post_content{padding:20px;line-height:1.8}
.post .post_controls{display:flex;gap:8px;padding:10px 20px;border-top:1px solid var(--os-border)}
.post .post_controls a{padding:5px 14px;border-radius:var(--os-radius);font-size:12px;color:var(--os-text2);transition:all .2s}
.post .post_controls a:hover{background:var(--os-green-light);color:var(--os-green)}
.post.classic .post_author{border-right:1px solid var(--os-border);width:180px;vertical-align:top}
.postbit_buttons > a{padding:5px 14px;border-radius:var(--os-radius);font-size:12px;color:var(--os-text2);margin:2px;display:inline-block;transition:all .2s}
.postbit_buttons > a:hover{background:var(--os-green-light);color:var(--os-green)}

blockquote{background:var(--os-green-light);border-left:4px solid var(--os-green);padding:14px 20px;margin:16px 0;border-radius:0 var(--os-radius) var(--os-radius) 0;font-style:italic;color:var(--os-text)}
blockquote cite{display:block;font-weight:600;margin-bottom:6px;font-style:normal;color:var(--os-green)}
.codeblock{background:#2C3E2D;color:#A8D8A8;padding:14px;border-radius:var(--os-radius);font:13px 'Fira Code',monospace;overflow-x:auto}

input.button,a.button{
  background:var(--os-green);color:#FFF;border:none;
  border-radius:var(--os-radius);padding:10px 24px;
  font:600 14px var(--os-font-body);
  cursor:pointer;transition:all .25s;display:inline-flex;align-items:center;gap:6px;
}
input.button:hover,a.button:hover{background:#3A6C49;transform:translateY(-2px);box-shadow:0 4px 12px rgba(74,124,89,.2)}
input.textbox,select,textarea{
  background:var(--os-surface);border:1px solid var(--os-border);border-radius:14px;
  padding:10px 16px;color:var(--os-text);font:400 14px var(--os-font-body);
  outline:none;transition:border-color .2s;
}
input.textbox:focus,select:focus,textarea:focus{border-color:var(--os-green);box-shadow:0 0 0 3px rgba(74,124,89,.1)}
textarea{resize:vertical;min-height:120px}
fieldset{border:1px solid var(--os-border);border-radius:var(--os-radius);padding:16px;margin:8px 0}
legend{color:var(--os-green);font:600 14px var(--os-font-head);padding:0 8px}

.popup_menu{background:var(--os-surface);border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.1);min-width:200px;overflow:hidden}
.popup_item{padding:10px 16px;display:block;color:var(--os-text);font-size:14px;transition:background .1s}
.popup_item:hover{background:var(--os-green-light);color:var(--os-green)}

.pagination{display:flex;gap:6px;margin:16px 0;justify-content:center;flex-wrap:wrap}
.pagination a,.pagination .current{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;border-radius:50%;font:600 13px var(--os-font-body)}
.pagination a{background:var(--os-surface);box-shadow:0 1px 4px rgba(0,0,0,.04);color:var(--os-text)}
.pagination a:hover{background:var(--os-green);color:#FFF}
.pagination .current{background:var(--os-green);color:#FFF}

.red_alert{background:#FFEBE6;border-left:4px solid #E74C3C;padding:12px 16px;border-radius:0 16px 16px 0;color:#C0392B;margin:12px 0}
.pm_alert{background:var(--os-green-light);border-left:4px solid var(--os-green);padding:12px 16px;border-radius:0 16px 16px 0;color:var(--os-green);margin:12px 0}

.os-footer{
  text-align:center;padding:32px 0;margin-top:40px;
  border-top:1px solid var(--os-border);
  font-size:13px;color:var(--os-text2);
}
.os-footer a{color:var(--os-green)}
.os-footer-logo{font:600 18px var(--os-font-head);color:var(--os-green);margin-bottom:8px}

.forum_status{width:36px;text-align:center;font-size:16px}
.forum_on{color:var(--os-green)}.forum_off,.forum_offlock,.forum_offlink{color:var(--os-border)}
.subforumicon{display:inline-block;margin:0 3px}.subforum_minion{color:var(--os-green)}
.usercp_nav_item,.modcp_nav_item{display:block;padding:10px 14px;border-radius:14px;color:var(--os-text);font-size:14px;transition:all .15s}
.usercp_nav_item:hover,.modcp_nav_item:hover{background:var(--os-green-light);color:var(--os-green)}
.usercp_container{margin:8px;padding:12px}
.usercp_avatar{width:72px;height:72px;border-radius:30% 70% 70% 30% / 30% 30% 70% 70%}
.editor_control_bar{background:var(--os-green-light);padding:8px;border-radius:var(--os-radius) var(--os-radius) 0 0}
.scaleimages img{max-width:100%;border-radius:14px}
.pollbar{height:18px;border-radius:9px;background:linear-gradient(90deg,var(--os-green),var(--os-brown))}
.hidden{display:none}.hiddenrow{display:none}.selectall{text-align:center}.no_bottom_border{border-bottom:0}
.tfixed{table-layout:fixed;word-wrap:break-word}.smalltext{font:italic 12px var(--os-font-body);color:var(--os-text2)}.largetext{font:600 20px var(--os-font-head)}
.pmspace{float:right;margin:-3px 5px}
.pmspace_container{height:6px;background:var(--os-border);border-radius:3px;overflow:hidden}
.pmspace_container .pmspace_used{background:var(--os-green);height:100%;border-radius:3px}
.reputation_positive{color:var(--os-green);font-weight:600}
.reputation_negative{color:#E74C3C;font-weight:600}
.reputation_neutral{color:var(--os-text2);font-weight:600}
.thread_status{display:inline-block;width:16px;height:16px}
.star_rating_container{display:inline-block}.star_rating{display:inline-block;height:16px;background-repeat:no-repeat}
.showthread_spinner{width:100%;text-align:center;padding:20px}
#quick_login .remember_me input{vertical-align:middle;margin:-3px 0 0 5px}
.modqueue_controls{float:right;background:var(--os-surface);border-radius:var(--os-radius);box-shadow:0 2px 8px rgba(0,0,0,.04);padding:8px;font-weight:600}

@media(max-width:768px){
  .os-forum{flex-wrap:wrap;gap:10px}
  .os-f-meta{width:100%;padding-left:64px}
  .os-thread{flex-wrap:wrap;gap:6px}
  .os-t-nums{width:100%;padding-left:24px}
  .os-stats{flex-direction:column;align-items:center}
  .post.classic .post_author{display:block;width:100%;border-right:none;border-bottom:1px solid var(--os-border)}
}
@media print{
  #os-header,.os-footer,.os-post-foot,.post_controls,.pagination{display:none!important}
  body{background:#fff;color:#000}
  #os-header::before,.os-forum::after{display:none}
  .os-forum,.os-thread,.os-post,.post,.tborder,.os-stat{box-shadow:none;border:1px solid #ccc}
}