/* ================= ULTRA HUSTLE (scoped) ================= */
.uh-root {
  --uh-neon: var(--accent, #CEFF1B);
  --uh-black: #000;
  --uh-white: #fff;
  --uh-surface: #0b0b0b;
  --uh-border: #1a1a1a;
  --uh-muted: #a6a6a6;
  --uh-card: #0f0f0f;
  --uh-ring: rgba(206,255,27,.6);
  color: #fff;
  background: #000;
  padding: 24px 0 48px;
}
.uh-root .uh-frame {
  border: 1px solid var(--uh-border);
  background: #000;
  border-radius: 16px;
  overflow: hidden;
}

/* Local fonts (scoped) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800&family=Roboto+Slab:wght@400;500;600&display=swap');
.uh-root .uh-heading { font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }
.uh-root .uh-body { font-family: 'Roboto Slab', ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; }

/* Grid */
.uh-root .uh-grid{
  display:grid; grid-template-columns:280px 1fr 360px; gap:0;
  min-height: 720px;
}
@media (max-width: 1100px){
  .uh-root .uh-grid{ grid-template-columns: 240px 1fr; }
  .uh-root .uh-right{ display:none; }
}
@media (max-width: 820px){
  .uh-root .uh-grid{ grid-template-columns: 1fr; }
  .uh-root .uh-left{ order:2; }
  .uh-root .uh-main{ order:1; }
}

/* Left */
.uh-root .uh-left{
  border-right:1px solid var(--uh-border);
  padding:20px; background:#000;
}
.uh-root .uh-cat-head{ display:flex; align-items:center; justify-content:space-between; }
.uh-root .uh-cat-head h3{ font-family:'Montserrat',sans-serif; margin:0; }
.uh-root .uh-catnav{ margin-top:12px; display:flex; flex-direction:column; gap:8px; }
.uh-root .uh-catnav a{
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  border:1px solid var(--uh-border); border-radius:12px; padding:10px 12px; text-decoration:none; color:#fff;
  background:#060606; transition: box-shadow .15s;
}
.uh-root .uh-catnav a.active{ border-color: var(--uh-neon); background:#0a0a0a; }
.uh-root .uh-catnav a:hover{ box-shadow:0 0 0 2px var(--uh-neon); }
.uh-root .uh-cta{
  margin-top:16px; border:1px solid var(--uh-border); background:#0b0b0b; padding:16px; border-radius:16px;
}
.uh-root .uh-cta h4{ font-family:'Montserrat',sans-serif; margin:0 0 6px; }
.uh-root .uh-cta p{ color:#bdbdbd; margin:0 0 10px; font-family:'Roboto Slab',serif; }

/* Buttons/Chips */
.uh-root .uh-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px;
  height:38px; padding:0 16px; border-radius:999px; border:0; cursor:pointer; font-weight:700; }
.uh-root .uh-btn-neon{ background:var(--uh-neon); color:#000; }
.uh-root .uh-btn-neon:hover{ filter:brightness(.95); box-shadow:0 0 16px var(--uh-ring); }
.uh-root .uh-chip{
  height:32px; padding:0 12px; border-radius:999px; border:1px solid var(--uh-border);
  background:#0a0a0a; color:#fff; display:inline-flex; align-items:center; gap:8px; cursor:pointer;
}
.uh-root .uh-chip:hover{ box-shadow:0 0 0 2px var(--uh-neon); }

/* Main */
.uh-root .uh-main{ padding:20px 24px; background:#000; }
.uh-root .uh-composer{
  border:1px solid var(--uh-border); background:#0b0b0b; padding:14px; border-radius:16px;
}
.uh-root .uh-composer-top{ display:flex; align-items:center; gap:12px; }
.uh-root .uh-avatar{
  width:36px; height:36px; border-radius:50%; background:#2A3A00; color:var(--uh-neon);
  display:flex; align-items:center; justify-content:center; font-family:'Montserrat',sans-serif;
}
.uh-root .uh-composer-pill{
  flex:1; border-radius:999px; background:#101010; border:1px solid var(--uh-border); color:white; padding:8px 12px;
  font-family:'Roboto Slab',serif;
}
.uh-root .uh-composer-actions{ margin-top:10px; display:flex; gap:8px; flex-wrap:wrap; }

.uh-root .uh-latest h2{ font-family:'Montserrat',sans-serif; margin:18px 0 4px; }
.uh-root .uh-muted{ color:#b9b9b9; font-family:'Roboto Slab',serif; margin:0; }
.uh-root .uh-thread-list{ list-style:none; padding:0; margin:14px 0 0; display:flex; flex-direction:column; gap:12px; }

/* Thread Card */
.uh-root .uh-tcard{
  border:1px solid var(--uh-border); background:#0b0b0b; border-radius:16px; overflow:hidden;
  transition: box-shadow .15s, transform .15s;
}
.uh-root .uh-tcard:hover{ box-shadow:0 0 0 2px var(--uh-neon), 0 0 16px var(--uh-ring); transform: translateY(-1px); }

.uh-root .uh-thead{ display:flex; align-items:center; justify-content:space-between; padding:14px 14px 4px; }
.uh-root .uh-author{ display:flex; align-items:center; gap:10px; min-width:0; }
.uh-root .uh-a-ava{ width:32px; height:32px; border-radius:50%; background:#2A3A00; color:var(--uh-neon);
  display:flex; align-items:center; justify-content:center; font-family:'Montserrat',sans-serif; }
.uh-root .uh-a-info{ min-width:0; }
.uh-root .uh-a-row{ display:flex; align-items:center; gap:8px; }
.uh-root .uh-a-name{ font-family:'Montserrat',sans-serif; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.uh-root .uh-a-time{ color:#9a9a9a; font-size:11px; margin-top:2px; font-family:'Roboto Slab',serif; }
.uh-root .uh-catpill{ font-size:10px; border-radius:999px; padding:2px 8px; border:1px solid; letter-spacing:.4px; font-weight:700; }

.uh-root .uh-ttitle{ padding:0 14px; margin:8px 0 0; font-family:'Montserrat',sans-serif; font-size:18px; }
.uh-root .uh-tcontent{ padding:0 14px; margin:6px 0 0; color:#bfbfbf; font-family:'Roboto Slab',serif; font-size:14px; }
.uh-root .uh-tmedia{ padding:12px 14px 0; }
.uh-root .uh-tmedia img, .uh-root .uh-tmedia video{ width:100%; border-radius:12px; border:1px solid var(--uh-border); display:block;
    object-fit: contain; }

.uh-root .uh-tbar{
  display:flex; align-items:center; gap:8px; padding:12px 14px; margin-top:8px;
  border-top:1px solid var(--uh-border); color:#e0e0e0; font-family:'Roboto Slab',serif;
}
.uh-root .uh-act{
  display:inline-flex; align-items:center; gap:8px; height:32px; padding:0 12px;
  color: white;
  border:1px solid var(--uh-border); border-radius:999px; background:#0a0a0a; cursor:pointer; font-size:12px;
}

.uh-root .uh-act:hover{ box-shadow:0 0 0 2px var(--uh-neon); }
.uh-root .uh-like.active{ border-color: var(--uh-neon); background:#000; }

/* Right */
.uh-root .uh-right{
  border-left:1px solid var(--uh-border);
  padding:20px; background:#000;
}
.uh-root .uh-card{
  border:1px solid var(--uh-border); background:#0b0b0b; border-radius:16px; padding:14px; margin-bottom:14px;
}
.uh-root .uh-card h4{ font-family:'Montserrat',sans-serif; margin:0; }
.uh-root .uh-toplist, .uh-root .uh-recentlist{ list-style:none; padding:0; margin:10px 0 0; display:flex; flex-direction:column; gap:10px; }
.uh-root .uh-toplist li{ display:flex; justify-content:space-between; gap:10px; }
.uh-root .uh-toplist a{ color:#fff; text-decoration:none; }
.uh-root .uh-toplist a:hover{ color: var(--uh-neon); text-shadow: 0 0 8px var(--uh-ring); }
.uh-root .uh-recentlist .uh-empty{ color:#b0b0b0; }

.uh-root .uh-catchips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.uh-root .uh-catchips .uh-chip{ border-color: var(--uh-neon); color:#fff; }
.uh-root .uh-catchips .uh-chip:hover{ background: rgba(206,255,27,.1); }

/* Utils */
.uh-root ._hide{ display:none !important; }
/* ======================================================== */