/* minimal Frutiger-aero style + modal z-index fixes */
body {
  margin: 0;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  background: linear-gradient(180deg,#071226,#0e1b34);
  color: #eef6ff;
}

header { padding: 14px; display:flex; align-items:center; gap:12px; }
nav#boardList { margin-left: auto; }

.container {
  max-width: 980px;
  margin: 12px auto;
  background: linear-gradient(180deg, rgba(255,255,255,0.02), transparent);
  padding: 12px;
  border-radius: 12px;
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,0.03);
}

/* Threads list */
.thread { display:flex; gap:12px; padding:12px; border-radius:10px; margin-bottom:12px; background: rgba(0,0,0,0.15); }
.thread img { max-width: 160px; border-radius:8px; object-fit:cover; }

/* buttons */
button { cursor:pointer; padding:8px 12px; border-radius:8px; border: none; background: linear-gradient(90deg,#7fc7ff,#b87cff); color:#021227; font-weight:700; }
button.ghost { background:transparent; color: #cfe9ff; border:1px solid rgba(255,255,255,0.04); }

/* Modal */
.modal { position:fixed; inset:0; display:flex; align-items:center; justify-content:center; background: rgba(0,0,0,0.6); z-index:9999; }
.hidden { display:none !important; }
.modal-content { max-width:920px; width:calc(100% - 30px); max-height:90vh; overflow:auto; padding:16px; border-radius:12px; position:relative; background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)); border:1px solid rgba(255,255,255,0.03); }

/* Close button high z-index and pointer enabled */
.close-btn { position:absolute; left:12px; top:12px; z-index:10001; background: rgba(0,0,0,0.45); color:#fff; border-radius:8px; padding:6px 10px; border:1px solid rgba(255,255,255,0.06); }

/* Input & textarea */
input, textarea { width:100%; padding:8px; border-radius:8px; border:1px solid rgba(255,255,255,0.04); background:rgba(0,0,0,0.2); color:inherit; margin-top:8px; box-sizing:border-box; }