/* Shared attachment gallery also used by individual post pages. */
.feed-media-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; overflow:hidden; border-radius:16px; margin-top:16px; }
.feed-media-grid:empty { display:none; }
.feed-media-tile { position:relative; display:block; min-width:0; aspect-ratio:1; overflow:hidden; background:#eaf0ed; }
.feed-media-tile:only-child { grid-column:1 / -1; aspect-ratio:16 / 10; }
.feed-media-tile:first-child:nth-last-child(3) { grid-row:span 2; aspect-ratio:auto; }
.feed-media-grid .feed-media-tile :is(img,video) { display:block; width:100%; height:100%; max-height:none; margin:0; border-radius:0; object-fit:cover; }
.feed-media-grid .feed-media-tile video { object-fit:contain; background:#0c1713; }
[data-theme="dark"] .feed-media-tile { background:#22302a; }
.ki-feed-page { --feed-bg:#f5f8f6; --feed-surface:#fff; --feed-text:#21392e; --feed-muted:#65796d; --feed-border:#dfe8e2; --feed-soft:#edf4ef; --feed-accent:#23644e; }
[data-theme="dark"] .ki-feed-page { --feed-bg:#101915; --feed-surface:#16221c; --feed-text:#e4eee7; --feed-muted:#a5b8aa; --feed-border:#2d4034; --feed-soft:#203228; --feed-accent:#a2d8b9; }
body.ki-feed-page { background:var(--feed-bg) !important; color:var(--feed-text); }
.ki-feed-page .feed-flex-wrapper { display:grid; grid-template-columns:minmax(0,680px) minmax(240px,300px); align-items:start; justify-content:center; max-width:1040px; gap:28px; padding:24px 16px 110px; margin:0 auto; }
.ki-feed-page .main-feed { min-width:0; max-width:none; width:100%; height:auto; }
.ki-feed-page .create-post-section { max-width:none; width:100%; margin:0 !important; padding:22px; background:var(--feed-surface); color:var(--feed-text); border:1px solid var(--feed-border); border-radius:18px 18px 0 0; box-shadow:none; }
.ki-feed-page .feed-heading { font-size:24px; font-weight:750; margin:0 0 4px; color:var(--feed-text); letter-spacing:-.04em; }
.ki-feed-page .feed-intro { color:var(--feed-muted); font-size:13px; margin:0 0 22px; }
.ki-feed-page .post-input-container { align-items:flex-start; gap:12px; }
.ki-feed-page .post-input { min-width:0; width:100%; min-height:90px; color:var(--feed-text); font-size:17px; line-height:1.6; }
.ki-feed-page .post-input::placeholder { color:var(--feed-muted); }
.ki-feed-page .post-input:focus-visible { outline:2px solid var(--feed-accent); outline-offset:4px; border-radius:4px; }
.ki-feed-page .user-avatar { width:42px; height:42px; flex-shrink:0; }
.ki-feed-page .post-actions { border-color:var(--feed-border); gap:12px; flex-wrap:wrap; }
.ki-feed-page .media-upload-btn { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:44px; padding:8px 14px; background:var(--feed-soft); color:var(--feed-accent); border:1px solid var(--feed-border); border-radius:999px; cursor:pointer; font-size:13px; font-weight:600; }
.ki-feed-page .media-upload-btn:disabled { opacity:.5; cursor:default; }
.ki-feed-page .post-submit-btn { min-height:44px; min-width:86px; border-radius:999px; background:#23644e; color:#fff; font-weight:650; }
.ki-feed-page .composer-help { color:var(--feed-muted); font-size:11px; line-height:1.6; margin:12px 0 0; }
.ki-feed-page .composer-feedback { color:var(--feed-accent); font-size:13px; margin:8px 0; }
.ki-feed-page .composer-feedback:empty { display:none; }
.ki-feed-page .composer-preview { max-width:100%; }
.ki-feed-page .remove-media { position:absolute; right:8px; top:8px; width:36px; height:36px; border:1px solid #fff7; border-radius:50%; background:#102119d9; color:#fff; font-size:24px; line-height:1; cursor:pointer; }
.ki-feed-page .feed-tabs { display:flex; margin:0; border:1px solid var(--feed-border); border-top:0; background:var(--feed-surface); padding:0; }
.ki-feed-page .feed-tab { flex:1; text-align:center; margin:0; padding:18px 10px; border:0; border-radius:0; color:var(--feed-muted); }
.ki-feed-page .feed-tab.active { background:var(--feed-soft); color:var(--feed-accent); box-shadow:inset 0 -3px var(--feed-accent); }
.ki-feed-page .post-card { margin:0 !important; padding:20px; border:1px solid var(--feed-border); border-top:0; border-radius:0; background:var(--feed-surface); color:var(--feed-text); box-shadow:none; }
.ki-feed-page :is(.post-text,.post-content,.post-author,.post-title,.username-link) { color:var(--feed-text); }
.ki-feed-page :is(.post-time,.post-stats,.trending-post-text,.empty-feed) { color:var(--feed-muted); }
.ki-feed-page :is(.post-stats,.post-header,.post-actions) { border-color:var(--feed-border); }
.ki-feed-page :is(.post-actions button,.hashtag-link,.show-likers) { color:var(--feed-accent); }
.ki-feed-page .post-actions .post-submit-btn { color:white; }
.ki-feed-page .trending-sidebar { width:auto; margin:0 !important; padding:22px; border:1px solid var(--feed-border); border-radius:18px; background:var(--feed-surface); box-shadow:none; }
.ki-feed-page .trending-sidebar h3 { color:var(--feed-text); font-size:18px; margin-top:0; }
.ki-feed-page .trending-post { border-color:var(--feed-border); background:var(--feed-surface); }
.ki-feed-page .promo-banner-container { max-width:1008px; margin:80px auto 0; border-radius:12px; background:var(--feed-soft); }
.ki-feed-page .promo-banner-content { min-height:0; padding:14px 20px; background:var(--feed-soft); color:var(--feed-accent); font-size:13px; }
.ki-feed-page .admin-post .post-header { background:var(--feed-soft); padding:12px; border-radius:10px; color:var(--feed-accent); }
.ki-feed-page .admin-post .post-content { font-size:13px; line-height:1.65; }
.ki-feed-page .admin-post .post-content .post-link { padding:10px 14px !important; background:#23644e !important; font-size:13px; }
.ki-feed-page :is(button,a):focus-visible { outline:2px solid var(--feed-accent); outline-offset:3px; }
.ki-feed-page :is(.edit-post-modal .modal-content,.link-preview,.comment-item) { background:var(--feed-surface); color:var(--feed-text); border-color:var(--feed-border); }
.ki-feed-page :is(.edit-post-form textarea,.comment-input) { background:var(--feed-soft); color:var(--feed-text); border-color:var(--feed-border); }
@media(max-width:850px) { .ki-feed-page .feed-flex-wrapper { grid-template-columns:minmax(0,680px); padding-top:16px; } .ki-feed-page .trending-sidebar { display:none; } }
@media(max-width:500px) { .ki-feed-page .feed-flex-wrapper { padding-inline:0; gap:0; } .ki-feed-page .create-post-section { padding:18px 16px; border-radius:0; } .ki-feed-page .post-card { padding:18px 16px; } .ki-feed-page .promo-banner-container { margin-inline:12px; } .ki-feed-page .post-input { font-size:16px; } }
/* Keep legacy mobile rules from expanding videos beyond their clipped tiles. */
.feed-media-grid .feed-media-tile :is(img,video){width:100%!important;height:100%!important;max-width:100%!important;max-height:none!important;margin:0!important;border-radius:0!important}
.feed-media-grid .feed-media-tile video{object-fit:contain!important}
.feed-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:7px;border:1px solid #ffffff80;border-radius:16px;padding:12px 18px;background:#07100de6;color:#fff;font:600 13px/1.3 system-ui;cursor:pointer;min-width:100px;min-height:64px}
.feed-video-play>span:first-child{font-size:25px}.feed-video-play[hidden],.feed-video-error[hidden]{display:none!important}.feed-video-play:focus-visible{outline:3px solid #fff;outline-offset:3px}
.feed-video-error{position:absolute;inset:10px 10px auto;margin:0;padding:12px;background:#14201af2;color:#fff;font:13px/1.5 system-ui;border-radius:8px}.feed-video-error a{color:#c3efdb;text-decoration:underline}
.ki-feed-page .post-card{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:16px}
.ki-feed-page .post-card .post-header{padding:0;margin:0 0 10px;border:0}
.ki-feed-page .post-card .post-content{padding:0 0 8px}
.ki-feed-page .post-card .post-text{font-size:15px!important;line-height:1.5!important;letter-spacing:0;margin:0 0 10px;overflow-wrap:anywhere}
.ki-feed-page .post-user-info{gap:10px;align-items:center}.ki-feed-page .post-meta{min-width:0}
.ki-feed-page .post-card .username{font-size:15px!important;font-weight:700;color:var(--feed-text)!important}
.ki-feed-page .post-card .post-time{font-size:12px!important;color:var(--feed-muted)!important}
.ki-feed-page .post-card .post-stats{padding:8px 0;font-size:12px!important;line-height:1.4}
.ki-feed-page .post-card>.post-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;padding:4px 0}
.ki-feed-page .post-card>.post-actions button{font-size:12px!important;min-height:40px;padding:8px!important;gap:5px}
.ki-feed-page .post-card>.post-actions button i{font-size:16px}.ki-feed-page .post-card .user-avatar{width:38px!important;height:38px!important}
@media(max-width:500px){.ki-feed-page .post-card{padding:14px 12px}.ki-feed-page .feed-media-grid{margin-top:10px;border-radius:14px}.ki-feed-page .post-card .post-actions{column-gap:2px}.feed-video-play{min-width:78px;padding:10px;font-size:11px}}
.ki-feed-page .post-card>.post-actions button{background:transparent;border:0;border-radius:999px;color:var(--feed-accent)}
/* Compact phone timeline: preserve comfortable tap targets, shorten empty space. */
@media(max-width:600px){
 .ki-feed-page .feed-flex-wrapper{padding-top:0}
 .ki-feed-page .create-post-section{padding:12px;border-radius:0}
 .ki-feed-page .feed-heading{font:750 20px/1.3 system-ui;margin:0 0 3px}
 .ki-feed-page .feed-intro{font-size:12px;margin-bottom:12px}
 .ki-feed-page .post-input-container{margin:0 0 8px;padding:0;gap:10px}
 .ki-feed-page .post-input{font:16px/1.5 system-ui;min-height:56px;height:56px;padding:4px 0}
 .ki-feed-page .create-post-section .user-avatar{width:36px;height:36px}
 .ki-feed-page .create-post-section .post-actions{padding:6px 0;margin:0;justify-content:space-between;gap:6px}
 .ki-feed-page .post-submit-btn{font-size:14px;padding:8px 18px;min-width:72px}
 .ki-feed-page .composer-help{margin-top:4px;font-size:11px;line-height:1.4}
 .ki-feed-page .feed-tab{padding:14px 8px;font-size:14px;min-height:44px}
 body.ki-feed-page .kinomos-ad{margin:76px auto 12px;width:calc(100% - 24px);border-radius:12px;box-shadow:none}
 .ki-feed-page .kinomos-ad .kinomos-ad-destination{grid-template-columns:64px minmax(0,1fr)}
 .ki-feed-page .kinomos-ad :is(.kinomos-ad-brand,.kinomos-ad-placeholder){min-height:0;padding:6px}
 .ki-feed-page .kinomos-ad .kinomos-ad-brand img{width:48px;height:48px}
 .ki-feed-page .kinomos-ad .kinomos-ad-image{min-height:0;height:100%;max-height:100px}
 .ki-feed-page .kinomos-ad :is(.kinomos-ad-brand>span,.kinomos-ad-copy>p,.kinomos-ad-label){display:none}
 .ki-feed-page .kinomos-ad .kinomos-ad-copy{padding:8px 12px}
 .ki-feed-page .kinomos-ad h3{font-size:13px;margin:0 0 4px;line-height:1.3}
 .ki-feed-page .kinomos-ad .kinomos-ad-cta{padding:0;min-height:24px;background:transparent;color:var(--ad-text);font-size:12px}
 .ki-feed-page .kinomos-ad-top{padding-block:0}
}