/* TrailSync Social v7.7 Real Posts */
html,body{overflow-x:hidden}
body{background:#050505!important}
.ts-full-bleed{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;background:#050505;color:#fff;padding:0;box-sizing:border-box;font-family:Inter,Arial,Helvetica,sans-serif}
.ts-full-bleed *{box-sizing:border-box}
.ts-mobile-top{display:none}
.ts-app{width:100%;max-width:1920px;min-height:100vh;margin:0 auto;display:grid;grid-template-columns:300px minmax(640px,1fr) 380px;gap:24px;padding:24px;color:#fff;background:radial-gradient(circle at 20% 0%,rgba(255,106,0,.12),transparent 30%),linear-gradient(180deg,#080808,#050505)}
.ts-sidebar,.ts-right{background:linear-gradient(180deg,#0d0d0f,#080809);border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:24px;min-height:calc(100vh - 48px);position:sticky;top:24px;box-shadow:0 25px 70px rgba(0,0,0,.45)}
.ts-logo-main{font-size:42px;font-weight:1000;line-height:.9;letter-spacing:-1px;color:#fff!important}.ts-logo-main span{color:#ff7a00!important}.ts-tag{color:#d1d5db!important;letter-spacing:4px;font-size:11px;margin-top:8px;font-weight:700}
.ts-menu{display:flex;flex-direction:column;gap:10px;margin-top:42px}.ts-menu a{padding:15px 18px;border-radius:16px;background:rgba(255,255,255,.06);color:#fff!important;font-weight:800;text-decoration:none!important;display:block}.ts-menu .active{background:linear-gradient(90deg,#ff6a00,#ff9d00);color:#050505!important}
.ts-club-card{margin-top:42px;padding:22px;border-radius:24px;background:radial-gradient(circle at top right,rgba(255,106,0,.18),transparent 45%),#131315;border:1px solid rgba(255,255,255,.12)}.ts-club-card strong{display:block;font-size:24px;color:#fff}.ts-club-card span{display:block;color:#d1d5db;margin:8px 0 18px}.xp-bar{height:10px;background:#2a2a2d;border-radius:999px;overflow:hidden}.xp-bar i{display:block;width:75%;height:100%;background:linear-gradient(90deg,#ff6a00,#ff9d00)}.ts-club-card small{display:block;margin-top:10px;color:#d1d5db}
.ts-main{min-width:0}.ts-topbar{display:flex;gap:18px;align-items:center}.ts-topbar input{flex:1;height:58px;background:#101114;border:1px solid rgba(255,255,255,.18);border-radius:18px;color:#fff!important;padding:0 22px;font-size:16px;outline:none}.ts-topbar input::placeholder,.ts-composer input::placeholder{color:#f1f5f9!important;opacity:1!important}
.ts-topbar button,.ts-modal-card button[type=submit]{height:58px;min-width:140px;border:0;border-radius:18px;background:linear-gradient(135deg,#ff6a00,#ff9d00);color:#050505!important;font-weight:1000;font-size:16px;cursor:pointer}
.ts-stories{display:flex;gap:18px;overflow:auto;padding:26px 4px 20px}.story{flex:0 0 112px;height:112px;border-radius:50%;border:4px solid #ff6a00;background:#101114;color:#fff!important;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;box-shadow:0 10px 30px rgba(255,106,0,.15);cursor:pointer}.story.add{font-size:42px;color:#050505!important;background:linear-gradient(135deg,#ff6a00,#ff9d00)}
.ts-composer{display:flex;gap:14px;align-items:center;background:#101114;border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:18px;margin-bottom:18px;cursor:pointer}.avatar{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#ff6a00,#ff9d00);flex:0 0 auto}.ts-composer input{flex:1;background:transparent;border:0;color:#fff!important;font-size:18px;outline:none;cursor:pointer}
.ts-tabs{display:flex;gap:26px;align-items:center;background:#101114;border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:18px 22px;margin-bottom:12px;overflow:auto}.ts-tabs a{color:#fff!important;font-weight:900;text-decoration:none!important;white-space:nowrap}.ts-tabs .active{color:#ff7a00!important}.ts-status{color:#f5f5f5!important;font-size:13px;font-weight:900;margin:0 0 14px 6px}.ts-success,.ts-empty{background:#102217;color:#bbf7d0;border:1px solid rgba(34,197,94,.35);border-radius:18px;padding:14px 18px;margin:0 0 16px;font-weight:900}
.ts-feed{display:flex;flex-direction:column;gap:22px}.ts-post{background:linear-gradient(180deg,#15171c,#0d0f13);border:1px solid rgba(255,255,255,.16);border-radius:28px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.45)}.ts-post.hidden{display:none}.ts-post-head{display:flex;align-items:center;gap:14px;padding:22px}.ts-post-head strong{display:block;font-size:20px;color:#fff!important}.ts-post-head span{color:#ffb15c!important;font-weight:800}.ts-post-head .ts-more{margin-left:auto;background:rgba(255,255,255,.10);border:0;color:#fff;font-size:22px;cursor:pointer;border-radius:50%;width:38px;height:38px}.ts-post-copy{padding:0 22px 18px;font-size:20px;line-height:1.45}.ts-post-copy p{margin:0 0 8px;color:#fff!important}.ts-post-copy .tags{color:#5ed4ff!important;font-weight:800}.ts-post img,.ts-post video{width:100%;height:560px;object-fit:cover;display:block}.ts-video-wrap iframe{width:100%;height:520px;border:0}.ts-placeholder{height:440px;display:grid;place-items:center;font-size:44px;font-weight:1000;color:#ff7a00;background:#000}
.ts-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px}.ts-actions button{text-align:center;background:rgba(255,255,255,.10);border:0;border-radius:16px;padding:14px 8px;color:#fff!important;font-weight:900;cursor:pointer}.ts-actions button:hover,.ts-actions button.active{background:rgba(255,106,0,.22);color:#ff9d00!important}
.ts-comments{display:none;padding:0 16px 16px}.ts-comments.open{display:block}.ts-comment{background:#181b21;border:1px solid rgba(255,255,255,.12);padding:12px;border-radius:14px;margin:8px 0;color:#fff}.ts-comment b{color:#ff9d00}.ts-comment-form-real{display:flex;gap:10px;margin-top:10px}.ts-comment-form-real input{flex:1;background:#0b0c0e;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;padding:13px 16px}.ts-comment-form-real button{border:0;background:#ff7a00;color:#050505;font-weight:1000;border-radius:999px;padding:0 18px}
.ts-widget{background:linear-gradient(180deg,#15181e,#101216);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:22px;margin-bottom:20px}.widget-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.ts-widget-heading{display:block;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:34px!important;line-height:1.05!important;font-weight:1000!important;letter-spacing:-1px!important}.ts-widget-heading:after{content:"";display:block;width:46px;height:4px;border-radius:999px;margin-top:12px;background:linear-gradient(90deg,#ff6a00,#ff9d00)}.widget-title a{color:#ff8a00!important;font-weight:1000;text-decoration:none!important;margin-top:10px}
.event{width:100%;display:flex;gap:14px;text-align:left;background:transparent;border:0;color:#fff;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12);cursor:pointer}.event b{width:58px;height:58px;border-radius:14px;background:rgba(255,106,0,.12);color:#ff4f4f;display:grid;place-items:center;text-align:center;line-height:1.05;border:1px solid rgba(255,106,0,.25)}.event b span{color:#fff;font-size:24px}.event strong{display:block;font-size:17px;color:#fff}.event p{margin:5px 0 0;color:#e2e8f0}.rank{width:100%;display:grid;grid-template-columns:25px 1fr auto;gap:10px;padding:13px 0;color:#ff8a00;background:transparent;border:0;text-align:left;cursor:pointer}.rank strong{color:#fff}.rank span{color:#e2e8f0}
.ts-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);background:#111;color:#fff;border:1px solid rgba(255,122,0,.45);padding:14px 18px;border-radius:999px;box-shadow:0 16px 40px rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:.25s;z-index:999999;font-weight:900}.ts-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.ts-modal{position:fixed;inset:0;background:rgba(0,0,0,.82);display:none;align-items:center;justify-content:center;z-index:999998;padding:20px}.ts-modal.open{display:flex}.ts-modal-card{width:min(620px,100%);background:#121418;border:1px solid rgba(255,255,255,.20);border-radius:28px;padding:24px;box-shadow:0 25px 80px rgba(0,0,0,.55);position:relative}.ts-modal-card h2{font-size:34px;margin:0;color:#ff7a00!important}.ts-modal-card p,.ts-upload-label{color:#dce2ea!important;font-weight:800}.ts-close{position:absolute;right:18px;top:16px;border:0;background:#2b2f36;color:#fff;border-radius:50%;width:38px;height:38px;font-size:25px;cursor:pointer}.ts-modal-card input,.ts-modal-card textarea,.ts-modal-card select{width:100%;display:block;background:#0f1115;border:1px solid rgba(255,255,255,.22);border-radius:16px;color:#fff!important;padding:14px;margin:10px 0}.ts-modal-card input::placeholder,.ts-modal-card textarea::placeholder{color:#cfd5df!important;opacity:1}.ts-modal-card textarea{min-height:120px}.ts-modal-card select option{background:#121418;color:#fff}
@media(max-width:1300px){.ts-app{grid-template-columns:260px minmax(0,1fr)}.ts-right{display:none}}
@media(max-width:900px){.ts-mobile-top{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#050505;position:sticky;top:0;z-index:999;border-bottom:1px solid rgba(255,255,255,.08)}.ts-logo-mobile{font-size:24px;font-weight:1000}.ts-logo-mobile span{color:#ff7a00}.ts-mobile-menu-btn{border:0;background:#ff7a00;color:#000;border-radius:12px;padding:9px 12px;font-weight:1000}.ts-app{grid-template-columns:1fr;padding:12px}.ts-sidebar{display:none;position:fixed;left:12px;right:12px;top:62px;z-index:998;min-height:auto}.ts-sidebar.open{display:block}.ts-topbar{position:sticky;top:53px;z-index:10;background:#050505;padding:8px 0}.ts-topbar input{height:52px}.ts-topbar button{height:52px;min-width:110px}.story{flex-basis:86px;height:86px;font-size:12px}.ts-post img,.ts-post video{height:430px}.ts-video-wrap iframe{height:260px}.ts-actions{grid-template-columns:repeat(2,1fr)}}