/* Strong, consistent contrast for typed and rendered text. */
body{color:#202638}
.dark{color:#f5f6fa}
input,textarea,select{color:#202638!important;background-color:#fff}
input::placeholder,textarea::placeholder{color:#73798a!important;opacity:1}
body.dark input,body.dark textarea,body.dark select{color:#f5f6fa!important;background-color:#292b3a}
body.dark input::placeholder,body.dark textarea::placeholder{color:#bdc1ce!important}
.post-copy,.user-bio,.viewer-copy p{color:#343a4b}
.section-title span,.story small,.feed-tabs button,.post-stats,.post-actions button,.rail-card small{color:#60677a}
body.dark .post-copy,body.dark .user-bio,body.dark .viewer-copy p{color:#e0e2ea}
body.dark .section-title span,body.dark .story small,body.dark .feed-tabs button,body.dark .post-stats,body.dark .post-actions button,body.dark .rail-card small{color:#c2c6d2}
.post-card{border-radius:9px;box-shadow:none;border-left:3px solid #78b7b0}
.stories-panel,.rail-card{border-radius:10px;box-shadow:none}
.stories{gap:10px}
.story{min-width:76px}
.story-ring{width:76px;height:92px;border-radius:12px;padding:7px;background:linear-gradient(145deg,#74bdb1,#578fae)}
.story-ring>.avatar{width:36px;height:36px;border:2px solid #fff}
.story-ring.own{background:linear-gradient(145deg,#f0c681,#e39473)}
.story-ring i{right:6px;bottom:6px}
.story small{font-size:10px}
.post-image{border-radius:7px}
.nav-item:hover,.nav-item.active{background:#e6f2f0;color:#277d75}
.new-post{background:#377f78;box-shadow:none;border-radius:8px}
.section-title>button{color:#277d75;background:#e6f2f0;border-radius:6px}
.primary-btn{background:#377f78;box-shadow:none;border-radius:7px}
.post-tags span{color:#277d75}
.feed-tabs button.selected:after{background:#377f78}
body.dark .nav-item:hover,body.dark .nav-item.active{background:#263e3b;color:#a9dcd3}