.tlc{--bg:#0A0B0D;--s1:#14161A;--s2:#1C1F24;--chart:#101216;--chart2:#0D0F12;--hover:#24282E;--frame:#2E333B;--tx:#FFFFFF;--t2:#8A9099;--t3:#4E555E;--acc:#E5304C;--acch:#E5304C;--green:#3DD68C;--amber:#E8B23A;--chk:"Chakra Petch",system-ui,sans-serif;--font:"Inter",system-ui,sans-serif;display:flex;flex-direction:column;gap:20px;color:var(--tx);font-family:var(--font);min-width:0;animation:tlFade .4s ease both}.tlc *{box-sizing:border-box}.tlc .lbb-ms{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;line-height:1;display:inline-flex;white-space:nowrap;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.tlc .lbb-ms.fill{font-variation-settings:"FILL" 1}@keyframes tlcSpin{to{transform:rotate(1turn)}}.tl-tabs{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.tl-tabs button{display:inline-flex;align-items:center;gap:8px;background:var(--s2);color:var(--t2);border:none;padding:12px 18px;cursor:pointer;font-family:var(--chk);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:background .16s ease,color .16s ease;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}.tl-tabs button .lbb-ms{font-size:16px}.tl-tabs button:hover{background:var(--hover);color:var(--tx)}.tl-tabs button.on{background:#FFFFFF;color:var(--bg)}@media (max-width:900px){.tl-tabs button{flex:1;justify-content:center}}.tlc-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tlc-chips{display:flex;gap:6px}.tlc-chips button{display:inline-flex;align-items:center;gap:7px;background:var(--s1);color:var(--t2);border:none;padding:11px 18px;cursor:pointer;font-family:var(--chk);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:background .16s ease,color .16s ease}.tlc-chips button .lbb-ms{font-size:16px}.tlc-chips button:hover{background:var(--s2);color:var(--tx)}.tlc-chips button.on{background:#FFFFFF;color:var(--bg)}.tlc-count{margin-left:auto;font-family:var(--chk);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--t3)}.tlc-load{display:grid;place-items:center;padding:80px 0}.tlc-spin{width:34px;height:34px;border:3px solid var(--s2);border-top-color:var(--acc);border-radius:50%;animation:tlcSpin .9s linear infinite}.tlc-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:70px 20px;text-align:center;color:var(--t2)}.tlc-empty .lbb-ms{font-size:40px;color:var(--frame)}.tlc-empty b{font-family:var(--chk);font-weight:700;font-size:17px;text-transform:uppercase;color:var(--tx)}.tlc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tlc-card{min-width:0;background:var(--s1);display:flex;flex-direction:column;cursor:pointer;transition:transform .18s ease;clip-path:polygon(0 0,100% 0,100% 100%,14px 100%,0 calc(100% - 14px));animation:tlIn .4s cubic-bezier(.2,.7,.3,1) both}.tlc-card:hover{transform:translateY(-4px)}.tlc-card-head{padding:18px 20px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tlc-card-head .ttl{min-width:0}.tlc-card-head .ttl b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-weight:700;font-size:17px;letter-spacing:-.01em;overflow:hidden;overflow-wrap:anywhere;line-height:1.2}.tlc-card-head .ttl b,.tlc-card-head .who{font-family:var(--chk);text-transform:uppercase}.tlc-card-head .who{display:flex;align-items:center;gap:8px;margin-top:9px;font-size:9px;letter-spacing:.1em;color:var(--t2)}.tlc-av{width:22px;height:22px;flex-shrink:0;overflow:hidden;clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px))}.tlc-av img,.tlc-av>*{width:100%;height:100%;object-fit:cover}.tlc-av.lg{width:38px;height:38px;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}.tlc-bm{width:34px;height:34px;flex-shrink:0;background:var(--s2);border:none;display:grid;place-items:center;cursor:pointer;color:var(--t2);transition:background .16s ease,color .16s ease}.tlc-bm .lbb-ms{font-size:17px}.tlc-bm:hover{background:var(--hover)}.tlc-bm.on,.tlc-bm:hover{color:var(--amber)}.tlc-bm.on .lbb-ms{font-variation-settings:"FILL" 1}.tlc-preview{padding:16px 20px 0;display:flex;flex-direction:column;gap:4px}.tlc-preview .row{display:flex;align-items:center;gap:6px}.tlc-preview .lb{width:26px;align-self:stretch;flex-shrink:0;display:grid;place-items:center;font-family:var(--chk);font-weight:700;font-size:11px;color:#0A0B0D}.tlc-preview .slots{flex:1;min-width:0;display:flex;gap:4px}.tlc-preview .slot{flex:1 1 0;min-width:0;aspect-ratio:1;background:repeating-linear-gradient(115deg,#101216 0 8px,#0D0F12 8px 16px);display:grid;place-items:center;overflow:hidden;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.tlc-preview .slot img{width:100%;height:100%;object-fit:contain;padding:3px;-webkit-user-drag:none}.tlc-preview .slot .lbb-ms{font-size:15px;color:var(--frame)}.tlc-card-foot{margin-top:auto;padding:18px 20px 20px;display:flex;align-items:center;gap:12px}.tlc-card-foot .cat{background:var(--s2);color:var(--t2);padding:5px 9px;font-size:8px;font-weight:700;letter-spacing:.12em}.tlc-card-foot .cat,.tlc-card-foot .n{font-family:var(--chk);text-transform:uppercase}.tlc-card-foot .n{font-size:9px;letter-spacing:.1em;color:var(--t3)}.tlc-card-foot .like{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-family:var(--chk);font-size:10px;font-weight:700;color:var(--t2);cursor:pointer}.tlc-card-foot .like .lbb-ms{font-size:15px;color:var(--acc);font-variation-settings:"FILL" 1}.tlc-card-foot .like.on{color:var(--tx)}.tlc-portal{display:block;gap:0;animation:none;min-width:0}.tlc-modal{position:fixed;inset:0;z-index:100;background:rgba(6,7,9,.86);display:flex;align-items:center;justify-content:center;padding:40px;animation:tlFade .18s ease both}.tlc-portal .lbb-modal-overlay{z-index:110}.tlc-modal-card{width:760px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;background:var(--s1);animation:tlIn .24s cubic-bezier(.2,.7,.3,1) both;clip-path:polygon(0 0,100% 0,100% 100%,18px 100%,0 calc(100% - 18px))}.tlc-modal-head{flex-shrink:0;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 26px;background:var(--s2)}.tlc-modal-head .hl{display:flex;align-items:center;gap:12px;min-width:0}.tlc-modal-head .hl b{font-size:19px;letter-spacing:-.01em;white-space:normal;overflow-wrap:anywhere;line-height:1.2}.tlc-modal-head .hl .cat,.tlc-modal-head .hl b{font-family:var(--chk);font-weight:700;text-transform:uppercase}.tlc-modal-head .hl .cat{flex-shrink:0;background:var(--hover);color:var(--t2);padding:5px 10px;font-size:8.5px;letter-spacing:.12em}.tlc-modal-head button{width:34px;height:34px;flex-shrink:0;background:var(--hover);border:none;display:grid;place-items:center;cursor:pointer;color:var(--t2);transition:background .16s ease,color .16s ease;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.tlc-modal-head button:hover{background:var(--frame);color:var(--tx)}.tlc-modal-body{flex:1;min-height:0;overflow-y:auto;padding:24px 26px 28px;display:flex;flex-direction:column;gap:20px}.tlc-modal-author{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.tlc-modal-author .who{flex:1;min-width:0}.tlc-modal-author .who b{display:block;font-weight:700;font-size:14px}.tlc-modal-author .who b,.tlc-modal-meta{font-family:var(--chk);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tlc-modal-meta{flex-basis:100%;width:100%;font-size:9px;letter-spacing:.12em;color:var(--t3)}.tlc-modal-author .act{display:inline-flex;align-items:center;gap:7px;background:var(--s2);color:var(--tx);border:none;padding:11px 15px;cursor:pointer;font-family:var(--chk);font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:background .16s ease;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.tlc-modal-author .act:hover{background:var(--hover)}.tlc-modal-author .act .lbb-ms{font-size:15px}.tlc-modal-author .act.like .lbb-ms{color:var(--acc)}.tlc-modal-author .act.like.on .lbb-ms,.tlc-modal-author .act.on .lbb-ms{font-variation-settings:"FILL" 1}.tlc-modal-author .act:disabled{opacity:.5;cursor:default}.tlc-modal-img img{width:100%;height:auto;display:block}.tlc-modal-hint{display:flex;align-items:center;gap:11px;margin-top:12px;background:rgba(229,48,76,.1);padding:12px 14px;clip-path:polygon(0 0,100% 0,100% 100%,10px 100%,0 calc(100% - 10px))}.tlc-modal-hint .lbb-ms{font-size:17px;color:var(--acc);flex-shrink:0}.tlc-modal-hint span:last-child{font-size:12.5px;line-height:1.5;color:var(--t2)}.tlc-modal-comments{display:flex;flex-direction:column;gap:12px}.tlc-modal-comments .hd{display:flex;align-items:center;gap:11px;font-family:var(--chk);font-weight:700;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase}.tlc-modal-comments .hd .lbb-ms{font-size:18px;color:var(--t2)}.tlc-modal-acts{display:flex;gap:10px}.tlc-modal-acts .prim,.tlc-modal-acts button{display:inline-flex;align-items:center;gap:8px;background:var(--s2);color:var(--tx);border:none;padding:14px 22px;cursor:pointer;font-family:var(--chk);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:background .16s ease;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.tlc-modal-acts button:hover{background:var(--hover)}.tlc-modal-acts .prim{background:var(--acc);color:#fff}.tlc-modal-acts .prim:hover{background:var(--acch);color:#fff}.tlc-modal-acts .prim .lbb-ms,.tlc-modal-acts button .lbb-ms{font-size:16px}@keyframes tlFade{0%{opacity:0}to{opacity:1}}@keyframes tlIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (max-width:900px){.tlc-grid{grid-template-columns:1fr}.tlc-chips{flex:1}.tlc-chips button{flex:1;justify-content:center}.tlc-count{width:100%;margin-left:0;text-align:right}.tlc-modal{padding:0;align-items:stretch;justify-content:stretch}.tlc-modal-card{width:100%;max-width:100%;height:100%;max-height:100%;margin:0;clip-path:none}.tlc-modal-head{padding:16px 18px}.tlc-modal-body{padding:18px 18px 24px}.tlc-modal-author{flex-wrap:wrap}.tlc-modal-author .act{flex:1;justify-content:center}}.tlc-preview .slot img.portrait{object-fit:cover;object-position:center 20%;padding:0}