/* 人気の投稿タイムライン（TL27）— 土台は themes/mbti-svaf/css/cm-posts.css（.ps-card ほか）。ここは足りない所だけ */
.ps-tabs.tl27-5 .ps-tab{font-size:13.5px;letter-spacing:-.02em}
@media(max-width:374px){.ps-tabs.tl27-5 .ps-tab{font-size:12.5px}}
.tl27-chips{display:flex;gap:8px;padding:12px 12px 2px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.tl27-chips::-webkit-scrollbar{display:none}
.tl27-chip{flex:0 0 auto;min-height:36px;padding:0 16px;border-radius:999px;border:1.5px solid var(--ps-line);background:#fff;color:var(--ps-sub);font:inherit;font-size:13.5px;font-weight:900;cursor:pointer;-webkit-tap-highlight-color:transparent}
.tl27-chip.is-on{background:linear-gradient(135deg,var(--ps-pink),var(--ps-pur));border-color:transparent;color:#fff;box-shadow:0 3px 10px rgba(214,92,154,.22)}
.tl27-card .ps-card__hd{padding-right:12px}
.tl27-rk{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-size:13px;font-weight:900;color:#fff;background:#c9b8d8}
.tl27-rk--1{background:linear-gradient(135deg,#f6c85f,#e3a320)}
.tl27-rk--2{background:linear-gradient(135deg,#c9ced8,#9aa3b2)}
.tl27-rk--3{background:linear-gradient(135deg,#e2a679,#b8763f)}
.tl27-body{cursor:pointer}
.tl27-imgs{text-decoration:none}
.tl27-imgs .ps-img{cursor:pointer}
a.ps-readmore.tl27-more{text-decoration:none}
.tl27-bar{justify-content:flex-start}
.tl27-bar .ps-act{text-decoration:none}
.tl27-pre{padding-bottom:10px}
.tl27-pre .ps-pre__all{text-decoration:none}
.tl27-end{margin:18px 16px 0;text-align:center;font-size:12.5px;color:var(--ps-dim)}
.tl27-end a{color:var(--ps-pur);font-weight:900;text-decoration:none}
.tl27-imgs.ps-imgs--1 .ps-img{max-height:60vh}
/* TLBTN1029 投稿した人へのボタン列（ギフト・フレ申・フォロー）・その場のコメント・右下の「＋ 投稿」。押す所は 44px */
.tl27-cmt{border:0;background:none;font:inherit;cursor:pointer}
.tl27-cmt.is-on{color:var(--ps-pur)}
.tl27-all{border:0;background:none;padding:6px 0;min-height:36px;font:inherit;font-size:13px;color:var(--ps-dim);font-weight:800;cursor:pointer;text-align:left}
.tlb{display:flex;gap:6px;padding:0 12px 10px}
.tlb-b{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:44px;padding:0 6px;border-radius:999px;border:1.5px solid var(--ps-line);background:#fff;color:var(--ps-sub);font:inherit;font-size:12.5px;font-weight:900;line-height:1.1;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s}
.tlb-b:active{transform:scale(.97)}
.tlb-b svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.tlb-b span{overflow:hidden;text-overflow:ellipsis}
.tlb-b--gift{color:#c0418a;border-color:#f3c9de}
.tlb-b--fr[data-st="0"]{background:linear-gradient(135deg,#f0619a,#ff8a5c);border-color:transparent;color:#fff}
.tlb-b--fr[data-st="3"]{background:linear-gradient(135deg,#2fb67c,#5cc8a8);border-color:transparent;color:#fff}
.tlb-b--fr[data-st="1"]{background:#fff4f8;border-style:dashed;border-color:#f0a9c8;color:#b8487a}
.tlb-b--fr[data-st="2"]{background:#eefaf3;border-color:#a9e0c3;color:#23875a}
.tlb-b--fr[data-st="stop"],.tlb-b--fr[data-st="busy"]{background:#f6f2f8;color:#9a8fab}
.tlb-b[disabled]{cursor:default}
.tlb-b--fol.is-on{background:#f4effb;border-color:#cdb3ea;color:var(--ps-pur)}
.tlb-b--fol.is-on svg{fill:currentColor}
.tlb-m{margin:-4px 12px 10px;font-size:12px;font-weight:800;line-height:1.45;color:#23875a}
.tlb-m.is-bad{color:#b2334a}
.tlb-m[hidden]{display:none}
/* コメント */
.tlc{margin:0 12px 12px;padding:10px 10px 8px;border-radius:14px;background:var(--ps-bg);border:1px solid var(--ps-line)}
.tlc[hidden]{display:none}
.tlc-list{max-height:52vh;overflow-y:auto;-webkit-overflow-scrolling:touch}
.tlc-0{margin:4px 0 8px;font-size:12.5px;color:var(--ps-dim)}
.tlc-0.is-bad{color:#b2334a}
.tlc-c{display:flex;gap:8px;padding:6px 0}
.tlc-c.is-kid{padding-left:30px}
.tlc-c.is-new .tlc-t{background:#fff3c4;border-radius:6px}
.tlc-av{flex:none;width:30px;height:30px;border-radius:50%;object-fit:cover;background:#f3e6f6}
.tlc-b{min-width:0;flex:1}
.tlc-h{margin:0;font-size:12.5px;line-height:1.3}
.tlc-h a{color:var(--ps-ink);font-weight:900;text-decoration:none}
.tlc-ago{margin-left:6px;font-size:11px;color:var(--ps-dim)}
.tlc-t{margin:2px 0 0;font-size:14px;line-height:1.55;color:var(--ps-ink);white-space:pre-wrap;word-break:break-word}
.tlc-to{color:var(--ps-pur);font-weight:800}
.tlc-a{display:flex;gap:4px;margin:0}
.tlc-a button,.tlc-retry{min-height:32px;padding:0 8px;border:0;background:none;font:inherit;font-size:12px;font-weight:800;color:var(--ps-dim);cursor:pointer}
.tlc-a button:first-child{padding-left:0}
.tlc-rf{margin:4px 0 6px;padding:8px;border-radius:10px;background:#fff;border:1px solid #f3b8c2;font-size:12.5px}
.tlc-rf label{display:block;margin:0 0 6px}
.tlc-rf select{font:inherit;font-size:14px;padding:4px;border-radius:8px;border:1px solid var(--ps-line)}
.tlc-rf p{display:flex;gap:6px;margin:0}
.tlc-rf button{min-height:40px;padding:0 12px;border-radius:999px;font:inherit;font-size:12.5px;font-weight:900;cursor:pointer}
.tlc-rf__go{border:0;background:#b2334a;color:#fff}
.tlc-rf__no{border:1px solid var(--ps-line);background:#fff;color:var(--ps-sub)}
.tlc-in{margin:6px 0 0}
.tlc-reto{display:flex;align-items:center;justify-content:space-between;margin:0 0 4px;font-size:12px;font-weight:800;color:var(--ps-pur)}
.tlc-reto[hidden]{display:none}
.tlc-reto button{width:32px;height:32px;border:0;background:none;font-size:18px;color:var(--ps-dim);cursor:pointer}
.tlc-row{display:flex;gap:6px;align-items:flex-end}
.tlc-row textarea{flex:1;min-width:0;min-height:44px;max-height:120px;padding:11px 12px;border-radius:22px;border:1.5px solid var(--ps-line);background:#fff;font:inherit;font-size:16px;line-height:1.35;resize:none;color:var(--ps-ink)}
.tlc-row textarea:focus{outline:none;border-color:var(--ps-pur)}
.tlc-go{flex:none;min-width:64px;min-height:44px;padding:0 14px;border-radius:999px;border:0;background:linear-gradient(135deg,var(--ps-pink),var(--ps-pur));color:#fff;font:inherit;font-size:14px;font-weight:900;cursor:pointer}
.tlc-go[disabled]{opacity:.45;cursor:default}
.tlc-m{margin:5px 2px 0;font-size:12px;font-weight:800;color:#23875a}
.tlc-m.is-bad{color:#b2334a}
.tlc-m[hidden]{display:none}
.tlc-force{min-height:36px;margin-left:4px;padding:0 10px;border-radius:999px;border:1.5px solid #f3b8c2;background:#fff;color:#b2334a;font:inherit;font-size:12px;font-weight:900;cursor:pointer}
/* 右下の「＋ 投稿」（下のナビの上） */
.tl27-fab{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:84px;z-index:60;display:inline-flex;align-items:center;justify-content:center;gap:4px;width:64px;height:64px;padding:0;border-radius:50%;border:0;background:linear-gradient(135deg,var(--ps-pink,#d65c9a),var(--ps-pur,#8b6cc1));color:#fff;font:inherit;font-size:12px;font-weight:900;flex-direction:column;line-height:1;box-shadow:0 6px 18px rgba(139,108,193,.42);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s}
.tl27-fab:active{transform:scale(.95)}
.tl27-fab.is-away{transform:translateY(140px);opacity:0;pointer-events:none;transition:transform .2s,opacity .2s}
.tl27-fab svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}
.tl27-card.is-new{box-shadow:0 0 0 2px #f6c85f}
.tl27-list{padding-bottom:90px}
