*{box-sizing:border-box;margin:0;padding:0}
body{background:#F4F2EF;color:#1A1A1A;font-family:'Inter',sans-serif;overflow-x:hidden}
.prog{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#800000,#FFD700);z-index:9999;width:0}
/* HERO */
.hero{background:#2A0306;border-bottom:1px solid rgba(255,255,255,.08);padding:3rem 1.5rem 2.5rem;position:relative;overflow:hidden}
.hero::before{content:'𝕏';position:absolute;right:-20px;top:-40px;font-size:16rem;color:rgba(255,255,255,.03);font-weight:900;pointer-events:none;line-height:1}
.hero-inner{max-width:1100px;margin:0 auto;position:relative;z-index:1}
.x-logo{font-size:2rem;display:inline-block;margin-bottom:.5rem}
.hero h1{font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(2rem,5vw,3.2rem);line-height:1;color:#1A1A1A;margin-bottom:.6rem}
.hero p{font-size:.9rem;color:rgba(0,0,0,.55);max-width:520px;line-height:1.7;margin-bottom:1.5rem}
/* Handle pills */
.handle-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}
.handle-tag{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:99px;padding:.4rem 1rem;font-size:.78rem;font-weight:700;color:#1A1A1A;text-decoration:none;transition:all .15s}
.handle-tag:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25)}
.handle-dot{width:8px;height:8px;border-radius:50%;background:#800000;flex-shrink:0}
/* FOLLOW BUTTONS */
.follow-strip{background:#2A0306;border-bottom:1px solid rgba(255,255,255,.06);padding:1.2rem 1.5rem}
.follow-inner{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.follow-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.6rem 1.2rem;border-radius:99px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:.82rem;text-decoration:none;transition:all .15s}
.follow-btn:hover{transform:scale(1.04)}
.follow-btn.primary{background:#fff;color:#000}
.follow-btn.secondary{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff}
/* LAYOUT */
.page-body{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 5rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem}
@media(max-width:740px){.page-body{grid-template-columns:1fr}}
/* Timeline col */
.tl-head{font-family:'Montserrat',sans-serif;font-weight:800;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:1rem;padding-bottom:.6rem;border-bottom:1px solid rgba(255,255,255,.07)}
.tl-frame{width:100%;min-height:600px;border-radius:12px;overflow:hidden;background:#16181c}
/* Pin Tweets col */
.pin-card{background:#16181c;border:1px solid rgba(0,0,0,.1);border-radius:14px;padding:1.2rem;margin-bottom:1rem;transition:border-color .15s}
.pin-card:hover{border-color:rgba(255,255,255,.25)}
.pin-handle{font-size:.72rem;font-weight:700;color:rgba(0,0,0,.55);font-family:'Inter',sans-serif;margin-bottom:.55rem;display:flex;align-items:center;gap:.4rem}
.pin-handle span{width:6px;height:6px;border-radius:50%;background:#800000;display:inline-block}
.pin-text{font-size:.88rem;color:#1A1A1A;line-height:1.7;font-family:'Inter',sans-serif;margin-bottom:.7rem}
.pin-meta{display:flex;align-items:center;justify-content:space-between}
.pin-date{font-size:.62rem;color:rgba(255,255,255,.3);font-family:'Inter',sans-serif}
.pin-link{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:700;color:rgba(0,0,0,.55);text-decoration:none;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:.25rem .65rem;transition:all .15s}
.pin-link:hover{color:#fff;border-color:rgba(255,255,255,.3)}
/* Bio card */
.bio-card{background:#16181c;border:1px solid rgba(0,0,0,.1);border-radius:14px;padding:1.4rem;margin-bottom:1rem}
.bio-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#800000,#5C0000);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:.85rem}
.bio-name{font-family:'Montserrat',sans-serif;font-weight:800;font-size:1rem;color:#1A1A1A;margin-bottom:.1rem}
.bio-handle{font-size:.78rem;color:rgba(0,0,0,.55);margin-bottom:.65rem}
.bio-desc{font-size:.8rem;color:rgba(0,0,0,.55);line-height:1.6;margin-bottom:.85rem}
.bio-stats{display:flex;gap:1.5rem}
.bstat-n{font-family:'Montserrat',sans-serif;font-weight:800;font-size:.9rem;color:#fff}
.bstat-l{font-size:.62rem;color:rgba(255,255,255,.35)}
/* BTT */
.btt{position:fixed;bottom:1.4rem;right:1.4rem;width:40px;height:40px;border-radius:50%;background:#800000;color:#FFD700;border:none;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 2px 14px rgba(128,0,0,.3);z-index:999}
.btt.show{display:flex}