.feed-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3) var(--s-4);margin-bottom:var(--s-5);flex-wrap:wrap}.feed-head .chip-row{flex-wrap:nowrap;overflow-x:auto;min-width:0;flex:1 1 320px;scrollbar-width:none;padding-right:var(--s-6);-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent)}.feed-head .chip-row::-webkit-scrollbar{display:none}.feed-list{background:var(--paper);border:1px solid var(--line-soft);border-radius:var(--radius-lg);overflow:hidden}.post-row{display:grid;gap:var(--s-3);padding:var(--s-6);transition:background .3s var(--ease)}.post-row+.post-row{border-top:1px solid var(--line-soft)}.post-row:hover{background:#fbfbfc}.post-meta{display:flex;align-items:center;gap:var(--s-2) var(--s-3);flex-wrap:wrap;font-size:var(--step--1);color:var(--muted)}.post-author{display:inline-flex;align-items:center;gap:var(--s-2);color:var(--ink);font-weight:500}.post-where{padding-left:var(--s-3);border-left:1px solid var(--line)}.post-place{color:var(--slate)}.post-place:hover,.post-author:hover span{text-decoration:underline;text-underline-offset:3px}.post-time{margin-left:auto;font-variant-numeric:tabular-nums}.post-title{font-size:var(--step-1);font-weight:600;line-height:1.38;letter-spacing:-.015em;text-wrap:pretty}.post-title a{background:linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat;transition:background-size .3s var(--ease)}.post-title a:hover{background-size:100% 1px}.post-excerpt{color:var(--muted);max-width:72ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-foot{display:flex;align-items:center;gap:var(--s-2) var(--s-5);margin-top:var(--s-1);flex-wrap:wrap}.post-action{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:6px 0;color:var(--muted);font-size:var(--step--1);font-weight:500;transition:color .2s}.post-action:hover{color:var(--ink)}.post-save{margin-left:auto}.dest-tabs{display:flex;gap:var(--s-2);margin-bottom:var(--s-5);overflow-x:auto;scrollbar-width:none}.dest-tabs::-webkit-scrollbar{display:none}.dest-tabs a{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--s-2);height:40px;padding:0 16px 0 5px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--muted);font-size:var(--step--1);font-weight:500;transition:border-color .3s var(--ease),color .3s var(--ease),background .3s var(--ease)}.dest-tabs a:hover{border-color:var(--ink);color:var(--ink)}.dest-tabs a.active{border-color:var(--ink);background:var(--ink);color:var(--on-ink)}.dest-tabs img{width:30px;height:30px;border-radius:50%;object-fit:cover;filter:grayscale(1)}@media(max-width:600px){.post-row{padding:var(--s-5) var(--s-4)}.post-where{padding-left:0;border-left:0;width:100%;order:3}.post-foot{gap:var(--s-4)}}.post-meta .more{margin-left:-4px}.post-media{display:grid;gap:4px;overflow:hidden;border-radius:var(--radius);max-height:420px}.post-media img{width:100%;height:100%;object-fit:cover;background:var(--sunken)}.post-media.n-1 img{max-height:420px}.post-media.n-2{grid-template-columns:1fr 1fr;aspect-ratio:2 / 1}.post-media.n-3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:16 / 9}.post-media.n-3 img:first-child{grid-row:span 2}.post-media.n-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:16 / 9}.post-answered{display:inline-flex;align-items:center;gap:5px;font-size:var(--step--1);font-weight:500;color:var(--ink)}.post-foot-end{display:inline-flex;gap:var(--s-1);margin-left:auto}.post-foot-end .post-action{padding:6px 8px;border-radius:999px}.post-foot-end .post-action:hover{background:var(--chalk)}.post-action.is-on{color:var(--ink)}.mention{color:var(--ink);font-weight:500}.mention:hover{text-decoration:underline;text-underline-offset:3px}.post-skeleton i{display:block;height:12px;border-radius:6px;background:var(--sunken);animation:feed-pulse 1.4s var(--ease) infinite}.post-skeleton .sk-meta{width:40%}.post-skeleton .sk-title{width:80%;height:18px}.post-skeleton .sk-line{width:95%}.post-skeleton .sk-line.short{width:60%}.feed-sentinel{height:1px}.feed-end{padding:var(--s-6) 0 0;text-align:center;font-size:var(--step--1);color:var(--faint)}@keyframes feed-pulse{50%{opacity:.5}}.more{position:relative}.icon-ghost{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:none;color:var(--muted);transition:background .2s,color .2s}.icon-ghost:hover:not(:disabled){background:var(--chalk);color:var(--ink)}.icon-ghost:disabled{opacity:.4;cursor:not-allowed}.more-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:30;display:grid;min-width:180px;padding:6px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow-lg);animation:menu-pop .18s var(--ease) both}.more-menu button{display:flex;align-items:center;gap:var(--s-2);width:100%;padding:9px 12px;border:0;border-radius:var(--radius-sm);background:none;font-size:var(--step--1);font-weight:500;color:var(--slate);text-align:left}.more-menu button:hover{background:var(--chalk);color:var(--ink)}.more-menu .is-danger{color:var(--danger)}@keyframes menu-pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}}.sheet{width:min(460px,calc(100vw - 32px));padding:0;border:0;border-radius:var(--radius-lg);background:var(--paper);color:var(--ink);box-shadow:var(--shadow-lg)}.sheet::backdrop{background:#09090a73}.sheet-body{display:grid;gap:var(--s-4);padding:var(--s-6)}.sheet-body h2{font-size:var(--step-2)}.report-reasons{display:grid;gap:6px}.report-reasons label{display:flex;align-items:center;gap:var(--s-3);padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;font-size:var(--step--1)}.report-reasons label.is-on{border-color:var(--ink);background:var(--chalk)}.report-reasons input{accent-color:var(--ink)}.composer{display:grid;gap:var(--s-3);margin-bottom:var(--s-5);padding:var(--s-5);border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--paper)}.composer.is-collapsed{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-3) var(--s-3) var(--s-4);transition:box-shadow .3s var(--ease)}.composer.is-collapsed:hover{box-shadow:var(--shadow)}.composer-dot{width:40px;height:40px;flex-shrink:0;border-radius:50%;background:var(--sunken)}.composer-prompt{flex:1;min-width:0;height:42px;padding:0 var(--s-4);border:0;border-radius:999px;background:var(--chalk);color:var(--faint);font-size:var(--step-0);text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:text;transition:background .2s}.composer-prompt:hover{background:var(--sunken)}.composer-head{display:flex;align-items:center;gap:var(--s-3)}.composer-head>div{display:grid;flex:1;min-width:0;line-height:1.35}.composer-head span{font-size:var(--step--1);color:var(--muted)}.composer-title{height:50px;font-size:var(--step-1);font-weight:500}.composer-body{min-height:0}.composer.is-full{padding:var(--s-6);box-shadow:var(--shadow)}.composer.is-full .composer-body{min-height:160px}.composer-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);padding-top:var(--s-3);border-top:1px solid var(--line-soft)}.select-sm{width:auto;height:36px;padding:0 34px 0 12px;font-size:var(--step--1);border-radius:999px}.composer-spacer{flex:1}.composer-clear{font-size:var(--step--1);color:var(--muted)}.composer-files{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s-2);margin:0;padding:0}.composer-files li{position:relative;width:96px;height:96px;overflow:hidden;border-radius:var(--radius)}.composer-files img{width:100%;height:100%;object-fit:cover}.composer-files button{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:#09090ab3;color:#fff}.similar{padding:var(--s-3) var(--s-4);border-radius:var(--radius);background:var(--chalk);font-size:var(--step--1)}.similar p{color:var(--muted)}.similar ul{margin:var(--s-2) 0 0;padding-left:1.1em;display:grid;gap:4px}.similar a{color:var(--ink);font-weight:500}.similar a:hover{text-decoration:underline;text-underline-offset:3px}@media(max-width:600px){.composer{padding:var(--s-4)}.composer.is-collapsed .btn{display:none}.post-media.n-2,.post-media.n-3,.post-media.n-4{aspect-ratio:4 / 3}}
