.timeline-heading{align-items:center}.timeline-live{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:#e8f7ef;color:var(--green);font-size:9px;font-weight:900;letter-spacing:.1em}.timeline-live i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px #159a5815}.timeline-layout{display:grid;grid-template-columns:260px minmax(0,680px);justify-content:center;align-items:start;gap:16px}.timeline-rail{display:grid;gap:12px;position:sticky;top:94px}.timeline-profile-card,.timeline-about,.timeline-composer,.timeline-post,.timeline-empty{border-radius:20px;background:#fff;box-shadow:0 1px 0 #1113170a}.timeline-profile-card{padding:22px;text-align:center}.timeline-profile-card .profile-photo{margin:auto}.timeline-profile-card h3{margin:12px 0 0}.timeline-profile-card p{margin:2px 0 15px;color:var(--muted);font-size:11px}.timeline-profile-card a{color:var(--red);font-size:10px;font-weight:850}.timeline-about{padding:20px}.timeline-about h3{margin:8px 0}.timeline-about p{margin:0;color:var(--muted);font-size:11px}.timeline-main,.timeline-feed{display:grid;gap:12px}.timeline-composer{padding:16px}.timeline-composer-head{display:flex;align-items:flex-start;gap:11px}.timeline-composer-head .mini-avatar{flex:0 0 auto}.timeline-composer textarea{width:100%;min-height:74px;padding:8px;border:0;background:transparent;resize:vertical;outline:0;color:var(--ink)}.timeline-composer footer{display:flex;align-items:center;gap:12px;padding-top:10px;border-top:1px solid var(--surface-2)}.timeline-composer footer>span{margin-left:auto;color:var(--muted);font-size:9px}.timeline-composer .primary-action{min-height:36px;padding:8px 15px;border-radius:10px;font-size:10px}.timeline-attach{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--muted);font-size:10px;font-weight:800;cursor:pointer}.timeline-attach .ui-icon{width:17px;height:17px;color:var(--red)}.timeline-media-fields{display:grid;grid-template-columns:1fr 100px;gap:7px;margin:8px 0}.timeline-media-fields[hidden]{display:none}.timeline-media-fields input,.timeline-media-fields select{min-width:0;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:10px}.timeline-post{padding:17px;overflow:hidden}.timeline-post>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.timeline-author{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.timeline-author>span:last-child{display:grid}.timeline-author b{font-size:12px}.timeline-author small{color:var(--muted);font-size:9px}.timeline-icon-button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:10px;background:transparent;color:#8b929b;cursor:pointer}.timeline-icon-button:hover{background:#fff0f1;color:var(--red)}.timeline-icon-button .ui-icon{width:16px;height:16px}.timeline-copy{margin:14px 2px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.timeline-media{display:block;width:100%;max-height:540px;margin-top:12px;border-radius:14px;background:#111317;object-fit:cover}.timeline-actions{display:flex;gap:5px;margin-top:12px;padding:8px 0;border-bottom:1px solid var(--surface-2)}.timeline-actions button{display:flex;align-items:center;gap:6px;min-height:32px;padding:6px 10px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:10px;font-weight:850;cursor:pointer}.timeline-actions button:hover,.timeline-actions button.liked{background:#fff0f1;color:var(--red)}.timeline-actions .ui-icon{width:17px;height:17px}.timeline-actions .liked .ui-icon{fill:currentColor}.timeline-comments{display:grid;gap:9px;padding:11px 0}.timeline-comments>div{display:flex;align-items:flex-start;gap:8px}.timeline-comments .mini-avatar{width:28px;height:28px;flex:0 0 auto;font-size:9px}.timeline-comments p{margin:0;padding:8px 10px;border-radius:11px;background:var(--surface);font-size:10px}.timeline-comments p b{margin-right:4px}.timeline-comments p small{display:block;margin-top:3px;color:var(--muted);font-size:8px}.timeline-comment-form{display:flex;gap:7px}.timeline-comment-form input{min-width:0;flex:1;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface);font-size:10px;outline:0}.timeline-comment-form input:focus{border-color:var(--red);background:#fff}.timeline-comment-form button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:11px;background:var(--charcoal);color:#fff;cursor:pointer}.timeline-comment-form .ui-icon{width:15px;height:15px}.timeline-empty{padding:55px 30px;text-align:center}.timeline-empty>.ui-icon{width:40px;height:40px;margin:auto;color:var(--red)}.timeline-empty h2{margin:15px 0 5px}.timeline-empty p{margin:0;color:var(--muted)}
.timeline-media-fields.uploaded{display:block}.timeline-media-fields.uploaded>input,.timeline-media-fields.uploaded>select{display:none}.timeline-upload-preview{display:flex;align-items:center;gap:10px;margin:8px 0;padding:9px;border-radius:12px;background:var(--surface)}.timeline-upload-preview>div{display:flex;align-items:center;gap:8px;min-width:0}.timeline-upload-preview>div>span,.timeline-upload-preview>span{display:grid;min-width:0}.timeline-upload-preview b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.timeline-upload-preview small{color:var(--muted);font-size:8px}.timeline-upload-preview>.ui-icon,.timeline-upload-preview>div>.ui-icon{width:22px;height:22px;color:var(--red)}.timeline-upload-preview progress{width:100%;height:5px}.timeline-upload-preview img,.timeline-upload-preview video{width:54px;height:54px;border-radius:9px;background:var(--charcoal);object-fit:cover}.timeline-upload-preview>button{display:grid;place-items:center;width:32px;height:32px;margin-left:auto;border:0;border-radius:9px;background:#fff;color:var(--red);cursor:pointer}.timeline-upload-preview>button .ui-icon{width:15px;height:15px}
@media(max-width:1040px){.timeline-layout{grid-template-columns:minmax(0,680px)}.timeline-rail{display:none}}
@media(max-width:560px){.timeline-heading{align-items:flex-start}.timeline-live{display:none}.timeline-post,.timeline-composer{border-radius:16px}.timeline-media-fields{grid-template-columns:1fr}.timeline-composer footer>span{display:none}.timeline-layout{display:block}.timeline-main{width:100%}}

.timeline-heading-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.timeline-heading-actions .secondary-action{white-space:nowrap}.timeline-audience{display:flex;align-items:center;gap:7px;margin-left:auto;color:#68717b;font-size:11px;font-weight:800}.timeline-audience select{min-height:36px;padding:0 30px 0 11px;border:1px solid #d5d8dc;border-radius:10px;background:#fff;color:#20242a;font:inherit}.timeline-audience+span{margin-left:0}
.timeline-post-link{margin-left:auto;color:var(--red);font-size:11px;font-weight:850;text-decoration:none}.timeline-post-link:hover{text-decoration:underline}
@media(max-width:560px){.timeline-heading-actions{justify-content:flex-start}.timeline-audience{margin-left:0}.timeline-audience span{display:none}}

/* Timeline readability pass: desktop-grade hierarchy with mobile-safe inputs. */
.timeline-live{font-size:10px}
.timeline-profile-card h3,.timeline-about h3{font-size:18px;line-height:1.25}
.timeline-profile-card p{font-size:12px;line-height:1.45}
.timeline-profile-card a{font-size:12px}
.timeline-about p{font-size:13px;line-height:1.55}
.timeline-composer textarea{font-size:15px;line-height:1.5}
.timeline-composer footer>span{font-size:11px}
.timeline-composer .primary-action,.timeline-attach{font-size:12px}
.timeline-media-fields input,.timeline-media-fields select{font-size:12px}
.timeline-author b{font-size:14px;line-height:1.3}
.timeline-author small{font-size:11px;line-height:1.35}
.timeline-copy{font-size:15px;line-height:1.6}
.timeline-actions button{font-size:12px}
.timeline-comments p{font-size:12px;line-height:1.45}
.timeline-comments p small{font-size:10px}
.timeline-comment-form input{font-size:13px}
.timeline-upload-preview b{font-size:12px}
.timeline-upload-preview small{font-size:10px}
@media(max-width:560px){.timeline-composer textarea,.timeline-media-fields input,.timeline-media-fields select,.timeline-comment-form input{font-size:16px}.timeline-copy{font-size:16px}.timeline-author b{font-size:15px}.timeline-author small{font-size:12px}.timeline-actions button{font-size:13px}.timeline-comments p{font-size:13px}}