.tslc{color:#222831;font-family:inherit;max-width:100%;}.tslc *{box-sizing:border-box}
.tslc-header{background:#1c2026;border-bottom:3px solid #d51f38;padding:14px 18px}.tslc-header h2{color:#fff!important;margin:0;font-size:19px;font-weight:800}
.tslc-compose,.tslc-post{background:#fff;border:1px solid #e1e4e9;box-shadow:0 1px 5px #0000000b;padding:17px;margin:13px 0;border-radius:6px}
.tslc-compose textarea,.tslc-commentform input{display:block;width:100%;background:#fff;border:1px solid #d9dde4;color:#242a32;padding:12px;border-radius:5px;resize:vertical}
.tslc-compose textarea:focus,.tslc-commentform input:focus{outline:1px solid #bf243b;border-color:#bf243b}
.tslc-composebar,.tslc-actions,.tslc-author,.tslc-commentform,.tslc-tools{display:flex;gap:10px;align-items:center}
.tslc-composebar{flex-wrap:wrap;margin-top:12px;justify-content:space-between}.tslc-tools{flex-wrap:wrap}
.tslc button{cursor:pointer;border:0;border-radius:5px}.tslc-publish,.tslc-commentform button{background:#c92239;color:#fff;padding:9px 18px;font-weight:700}
.tslc .tslc-tool{background:#f5f6f8;border:1px solid #e0e3e8;color:#333c46;font-size:13px;font-weight:600;padding:8px 11px;display:inline-flex;align-items:center;gap:5px;border-radius:5px;cursor:pointer;margin:0}
.tslc-file input{display:none}.tslc-emoji-pop{border:1px solid #dfe2e8;background:#fff;box-shadow:0 3px 18px #0002;max-width:340px;padding:8px;display:flex;flex-wrap:wrap;gap:3px;margin-top:8px;border-radius:6px}.tslc-emoji-pop[hidden]{display:none}.tslc .tslc-emoji-pop button{background:transparent;padding:5px;font-size:21px}
.tslc-author{margin-bottom:10px}.tslc-author b{color:#1b2028}.tslc-author small{display:block;color:#6e7784;font-size:12px}.tslc-avatar{width:46px;height:46px;object-fit:cover;border-radius:50%;background:#eef0f4;display:flex;align-items:center;justify-content:center}.tslc-author>div{flex:1}.tslc-delete{margin-left:auto}.tslc .tslc-delete button{background:#f2f3f5;color:#56606d;padding:8px 12px}
.tslc-body{overflow-wrap:anywhere;line-height:1.55;margin:11px 0;color:#292f37}.tslc-photo-open{display:block;position:relative;max-width:320px;margin:12px 0!important;background:#f6f7f8!important;border:1px solid #e6e8eb!important;overflow:hidden;padding:0!important;text-align:center}.tslc-photo{width:auto;max-width:100%;height:auto;max-height:195px;object-fit:contain;display:block;margin:auto}.tslc-photo-open span{display:block;font-size:11px;color:#596270;padding:5px}.tslc-photo-open:hover{border-color:#ca203a!important}
.tslc-video{position:relative;aspect-ratio:16/9;max-width:620px;background:#101010;margin:12px 0}.tslc-video iframe{width:100%;height:100%;border:0;position:absolute;inset:0}
.tslc-actions{border-top:1px solid #e7e9ec;padding-top:10px;color:#6a7380;gap:20px}.tslc-actions form{margin:0}.tslc .tslc-actions button{background:transparent;color:#5d6877;padding:4px 2px;font-size:13px;font-weight:600}
.tslc-comment-area{padding-top:8px}.tslc-comment-area[hidden]{display:none}.tslc-comment{background:#f4f5f7;border-radius:5px;padding:10px;margin:7px 0;overflow-wrap:anywhere;color:#262c33}.tslc-comment b{color:#222;margin-right:8px}.tslc-commentform{margin-top:12px}.tslc-commentform input{flex:1;min-width:0}.tslc-more{display:block;background:#fff;border:1px solid #e1e4e9;border-top:3px solid #c92134;text-align:center;color:#242a33!important;padding:12px;font-weight:800}.tslc-notice,.tslc-empty{padding:15px;background:#fff;border:1px solid #e1e4e9;color:#646b75}
.tslc-lightbox[hidden]{display:none}.tslc-lightbox{position:fixed;inset:0;background:#090b10ed;z-index:999999;display:flex;align-items:center;justify-content:center;padding:45px 20px}.tslc-lightbox img{max-width:95vw;max-height:90vh;object-fit:contain}.tslc .tslc-lightbox-close{position:absolute;right:24px;top:10px;font-size:37px;color:white;background:transparent}
@media(max-width:600px){.tslc-compose,.tslc-post{padding:12px}.tslc-photo-open{max-width:100%}.tslc-photo{max-height:170px}.tslc-tools{gap:5px}.tslc .tslc-tool{font-size:12px;padding:7px}}

/* v1.0.4 — compact emoji selector for comments and GIPHY search */
.tslc-commentform{flex-wrap:wrap;position:relative}.tslc-commentform input{flex:1 1 220px;width:auto}.tslc .tslc-comment-emoji{padding:9px;background:#f2f3f5;color:#333;border:1px solid #e0e3e8}.tslc-commentform .tslc-emoji-pop{flex:1 0 100%;margin:0;order:5}
.tslc-gif-pop{border:1px solid #e0e3e8;border-radius:7px;background:white;padding:12px;margin-top:10px;box-shadow:0 5px 18px #0001}.tslc-gif-pop[hidden]{display:none}.tslc-gif-search{display:flex;gap:7px}.tslc-gif-search input{flex:1;min-width:0;border:1px solid #dce0e5;border-radius:4px;padding:9px;color:#222;background:#fff}.tslc .tslc-gif-search button{background:#c92239;color:#fff;font-weight:bold;padding:8px 13px}.tslc-gif-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin:12px 0;max-height:300px;overflow-y:auto}.tslc .tslc-gif-results button{background:#eee;padding:0;overflow:hidden;min-height:60px}.tslc-gif-results img{display:block;width:100%;height:94px;object-fit:cover}.tslc-gif-pop small{color:#777}

/* v1.0.6 — expanded, scrollable emoji picker for posts and comments */
.tslc-emoji-pop{max-width:390px;width:100%;max-height:245px;overflow-y:auto;align-content:flex-start;gap:4px;overscroll-behavior:contain}
.tslc .tslc-emoji-pop button{font-size:23px;line-height:1.25;width:38px;height:38px;padding:3px;flex:0 0 38px}
.tslc .tslc-emoji-pop button:hover,.tslc .tslc-emoji-pop button:focus{background:#f1f2f5;outline:1px solid #dadee5}
.tslc-commentform .tslc-emoji-pop{max-width:390px;flex:1 0 100%}

/* v1.0.7 force scrollable emoji grid (also in homepage module) */
.tslc .tslc-emoji-pop:not([hidden]){display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr));flex-wrap:initial!important;overflow-y:scroll!important;overflow-x:hidden!important;max-height:228px!important;height:228px!important;width:min(390px,100%)!important;max-width:100%!important;box-sizing:border-box;align-content:start;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.tslc .tslc-emoji-pop button{width:100%;height:38px;min-width:0;flex:none}
.tslc .tslc-commentform .tslc-emoji-pop:not([hidden]){flex:0 0 100%;order:5}

/* Image preview overlays the whole viewport, including when opened from homepage modules. */
body > .tslc-lightbox{position:fixed!important;inset:0!important;left:0!important;top:0!important;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;margin:0!important;box-sizing:border-box!important;padding:32px!important;z-index:2147483647!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(8,10,15,.88)!important;overflow:hidden!important}
body > .tslc-lightbox[hidden]{display:none!important}
body > .tslc-lightbox img{display:block!important;position:static!important;width:auto!important;height:auto!important;max-width:90vw!important;max-height:85vh!important;object-fit:contain!important;margin:auto!important;box-shadow:0 15px 55px rgba(0,0,0,.45)}
body > .tslc-lightbox .tslc-lightbox-close{position:absolute!important;right:20px!important;top:16px!important;background:#20242d!important;border:1px solid #777!important;border-radius:6px!important;color:#fff!important;font-size:30px!important;line-height:1!important;cursor:pointer!important;z-index:2!important;padding:6px 12px!important}
@media(max-width:600px){body > .tslc-lightbox{padding:16px!important}body > .tslc-lightbox img{max-width:94vw!important;max-height:80vh!important}}