/* The branded wordmark is intentionally untouched. Only the social feed and
   its controls use this quieter layout; optional classic/vibey views remain. */
body[data-page="vibe"] { background: #17191c !important; }
#oneliners { background: #17191c !important; }
#oneliners #olFilterRow { max-width: 680px; margin: 0 auto 12px; gap: 6px; align-items: center; border-bottom: 1px solid #35383d; padding-bottom: 10px; }
#oneliners #olFilterRow .sug-add-cat-label { display: none; }
#oneliners #olFilterRow .sug-add-cat-btn { min-height: 40px; padding: 6px 10px; border-radius: 6px; border-color: transparent; background: transparent; font-size: 13px; color: #b6bbc3; box-shadow: none; letter-spacing: 0; }
#oneliners #olFilterRow .sug-add-cat-btn.active { color: #f5f5f6; background: #303439; border-color: #454a50; }
#oneliners #olViewToggle { margin-left: auto; min-width: 40px; }
#oneliners .oneliners-flow.ol-view-feed { display: flex; flex-direction: column; gap: 0 !important; width: 100%; max-width: 680px !important; margin-inline: auto; padding-bottom: 110px; }
#oneliners .ol-view-feed .oneliner-card {
    width: 100% !important; max-width: none !important; margin: 0 !important;
    background: transparent !important; border: 0 !important; border-bottom: 1px solid #383c42 !important;
    border-radius: 0 !important; box-shadow: none !important; backdrop-filter: none !important;
    transform: none !important; animation: none !important; text-align: left;
}
#oneliners .ol-view-feed .oneliner-card::before,
#oneliners .ol-view-feed .oneliner-card::after { display: none !important; }
#oneliners .ol-view-feed .oneliner-card .card-inner { padding: 18px 0 10px !important; }
#oneliners .ol-view-feed .ol-post-header { gap: 10px; margin: 0 0 12px; padding-right: 44px; align-items: flex-start; }
#oneliners .ol-view-feed .ol-post-author { flex: 1; gap: 10px; max-width: 100%; align-items: flex-start; }
#oneliners .ol-view-feed .ol-post-avatar { width: 40px !important; height: 40px !important; min-width: 40px; overflow: hidden; box-shadow: none !important; border: 0 !important; }
#oneliners .ol-view-feed .ol-post-avatar img { width: 100%; height: 100%; object-fit: cover; }
#oneliners .ol-view-feed .ol-post-author-copy { display: flex; flex-direction: column; align-items: flex-start; flex: 1; gap: 3px; min-width: 0; }
#oneliners .ol-view-feed .ol-post-author-name { display: block; font: 600 15px/1.35 'Poppins',sans-serif; letter-spacing: 0; color: #f2f3f4; overflow-wrap: anywhere; }
#oneliners .ol-view-feed .ol-post-author-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; max-width: 100%; }
#oneliners .ol-view-feed :is(.ol-post-author-handle-text,.ol-post-time-inline,.ol-post-author-dot) { font: 400 12px/1.4 'Poppins',sans-serif; color: #aeb5be; letter-spacing: 0; overflow-wrap: anywhere; }
#oneliners .ol-view-feed .tile-menu-btn { display: flex !important; align-items: center; justify-content: center; position: absolute; top: 14px; right: 0; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: #aeb5be; font-size: 24px; opacity: 1 !important; visibility: visible !important; }
#oneliners .ol-view-feed :is(.ol-post-body,.ol-post-actions,.ol-badges-inline) { margin-left: 0 !important; }
#oneliners .ol-view-feed .oneliner-text { font: 400 15px/1.65 'Poppins',sans-serif !important; color: #e7eaed !important; letter-spacing: 0 !important; text-align: left !important; margin: 0 0 12px !important; padding: 0 !important; overflow-wrap: anywhere; white-space: pre-wrap; text-shadow: none !important; }
#oneliners .ol-view-feed .oneliner-text::before,
#oneliners .ol-view-feed .oneliner-text::after { display: none !important; }
#oneliners .ol-view-feed :is(.ol-media-grid,.oneliner-media-btn,.oneliner-video-wrap) { border-radius: 8px !important; box-shadow: none !important; margin: 0; overflow: hidden; }
#oneliners .ol-view-feed .ol-media-grid { gap: 3px; background: #101214; }
#oneliners .ol-view-feed .oneliner-media { border-radius: 0 !important; box-shadow: none !important; width: 100%; max-height: 640px !important; object-fit: contain; background: #101214; }
#oneliners .ol-view-feed .ol-media-grid-1 img.oneliner-media { display: block; height: auto; }
#oneliners .ol-view-feed .ol-media-grid:not(.ol-media-grid-1) .oneliner-media { height: 100%; object-fit: cover; }
#oneliners .ol-view-feed .ol-post-actions { border: 0 !important; padding-top: 4px; margin-top: 6px; gap: 14px; }
#oneliners .ol-view-feed :is(.ol-action-btn,.pin-action-btn) { min-width: 44px; min-height: 44px; padding: 8px 4px; border: 0 !important; border-radius: 6px; background: transparent !important; box-shadow: none !important; color: #bac3cb; font-size: 13px; transform: none !important; }
#oneliners .ol-view-feed .ol-action-icon { width: 22px; height: 22px; }
#oneliners .ol-view-feed .ol-heart-btn:not(.reacted) svg { fill: none; stroke: currentColor; stroke-width: 1.7; }
#oneliners .ol-view-feed .ol-heart-btn:not(.reacted) .ol-action-icon-heart { color: #bac3cb; }
#oneliners .ol-view-feed .pin-action-btn svg { width: 22px; height: 22px; }
#oneliners .ol-view-feed .ol-heart-btn.reacted { color: #fa7b96; }
#oneliners .ol-view-feed .pin-action-btn { margin-left: auto; }
#oneliners .ol-view-feed .pin-action-btn.pinned { color: #f5cb62; }
#oneliners .ol-view-feed .ol-action-count:empty { display: none; }
#oneliners .ol-view-feed .ol-badges-inline { margin-bottom: 10px; }
#oneliners .ol-view-feed .ol-badge { box-shadow: none !important; background: #2a3035 !important; color: #c4d0d7; font-size: 11px; }
#oneliners .ol-view-feed button:focus-visible, #olFilterRow button:focus-visible { outline: 2px solid #86cbb3; outline-offset: 2px; }
@media (max-width: 540px) {
    #oneliners .ol-view-feed .ol-post-header-right { max-width: 70px; overflow-wrap: anywhere; }
    #oneliners .ol-view-feed .oneliner-media { max-height: 520px !important; }
    #oneliners #olFilterRow { flex-wrap: wrap; }
}

/* All and Circles share a separate renderer, but the same social feed rhythm. */
#oneliners #circleAllGrid { width: 100%; max-width: 680px; margin: 0 auto; padding: 0 0 110px; gap: 0; }
#oneliners #circleAllGrid .feed-card {
    display: block; position: relative; width: 100%; margin: 0; padding: 18px 0 10px;
    background: transparent; border: 0; border-bottom: 1px solid #383c42;
    border-radius: 0; box-shadow: none; backdrop-filter: none; transform: none; animation: none; opacity: 1;
    text-align: left;
}
#oneliners #circleAllGrid .feed-card::before,
#oneliners #circleAllGrid .feed-card::after { display: none; }
#oneliners #circleAllGrid .feed-avatar { position: absolute; top: 18px; left: 0; width: 40px; height: 40px; border: 0; box-shadow: none; overflow: hidden; }
#oneliners #circleAllGrid .feed-avatar img { width: 100%; height: 100%; object-fit: cover; }
#oneliners #circleAllGrid .feed-main { gap: 10px; width: 100%; min-width: 0; }
#oneliners #circleAllGrid .feed-meta-row { margin: 0 0 0 50px; min-height: 40px; gap: 4px; }
#oneliners #circleAllGrid .feed-author-single-row { display: flex; flex: 1; flex-wrap: wrap; gap: 3px 5px; min-width: 0; white-space: normal; }
#oneliners #circleAllGrid .feed-author-name { flex-basis: 100%; max-width: 100%; font: 600 15px/1.35 'Poppins',sans-serif; letter-spacing: 0; white-space: normal; overflow-wrap: anywhere; overflow: visible; text-overflow: clip; }
#oneliners #circleAllGrid :is(.feed-author-handle,.feed-type-label,.feed-time,.feed-meta-sep) { font: 400 12px/1.4 'Poppins',sans-serif; letter-spacing: 0; color: #aeb5be; margin: 0; min-width: 0; flex-shrink: 1; overflow-wrap: anywhere; }
#oneliners #circleAllGrid .feed-type-icon { display: none; }
#oneliners #circleAllGrid .feed-card-tools { display: flex; flex: 0 0 auto; gap: 0; }
#oneliners #circleAllGrid :is(.feed-edit-btn,.feed-remove-btn) { width: 40px; height: 40px; margin: 0; border-radius: 6px; color: #aeb5be; }
#oneliners #circleAllGrid .feed-circle-source { margin: -4px 0 0 50px; min-width: 0; }
#oneliners #circleAllGrid .feed-group-chip { display: block; margin: 0; max-width: 100%; min-height: 40px; padding: 4px 0; background: transparent; border: 0; border-radius: 6px; color: #91cdb9; font: 500 12px/1.5 'Poppins',sans-serif; letter-spacing: 0; text-align: left; white-space: normal; overflow-wrap: anywhere; }
#oneliners #circleAllGrid .feed-content { width: 100%; gap: 12px; }
#oneliners #circleAllGrid .feed-text { font: 400 15px/1.65 'Poppins',sans-serif; letter-spacing: 0; color: #e7eaed; margin: 0; padding: 0; }
#oneliners #circleAllGrid .feed-text-quote .feed-inline-icon { display: none; }
#oneliners #circleAllGrid :is(.feed-photo,.oneliner-media) { display: block; width: 100%; height: auto; max-height: 640px; object-fit: contain; border: 0; border-radius: 8px; box-shadow: none; background: #101214; }
#oneliners #circleAllGrid .oneliner-video-wrap { border-radius: 8px; overflow: hidden; }
#oneliners #circleAllGrid .feed-photo-caption { font: 400 14px/1.6 'Poppins',sans-serif; letter-spacing: 0; color: #d2d7dc; overflow-wrap: anywhere; }
#oneliners #circleAllGrid .feed-actions-row { margin: 0; gap: 14px; }
#oneliners #circleAllGrid .feed-actions-cluster { display: flex; gap: 14px; flex: 1; }
#oneliners #circleAllGrid :is(.feed-like-btn,.feed-comment-toggle,.pin-action-btn,.feed-add-btn) { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 8px 4px; gap: 6px; border: 0; border-radius: 6px; background: transparent; box-shadow: none; color: #bac3cb; font-size: 13px; }
#oneliners #circleAllGrid .feed-actions-row svg { width: 22px; height: 22px; }
#oneliners #circleAllGrid .feed-like-btn.liked { color: #fa7b96; }
#oneliners #circleAllGrid .pin-action-btn { margin-left: auto; }
#oneliners #circleAllGrid .pin-action-btn.pinned { color: #f5cb62; }
#oneliners #circleAllGrid .feed-add-btn { font-size: 24px; }
#oneliners #circleAllGrid button:focus-visible { outline: 2px solid #86cbb3; outline-offset: 2px; }