/* Personal mail and friendships; no external dependencies. */
.cinematic .avatar{position:relative}
.online-dot{position:absolute;right:5px;bottom:5px;width:12px;height:12px;border-radius:50%;background:#6fdd87;border:2px solid #122019;box-shadow:0 0 0 1px #9cf3ae44,0 0 8px #52c36e55;z-index:1}
.mail-tabs,.mail-actions,.social-profile-actions,.friend-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:16px 0 22px}
.mail-tabs a.active{border-color:#b48360;background:#342a23;color:#ead4bc}
.mail-actions form,.social-profile-actions form,.friend-controls form{margin:0}
.cinematic .mail-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid #ffffff09}
.mail-row:last-child{border-bottom:0}
.mail-row h2{font:500 16px/1.5 ui-sans-serif,system-ui,sans-serif;margin:0 0 6px}
.mail-row.unread{border-left:3px solid #d68c65;background:#c4783c08}
.mail-row small,.mail-row>span{font-size:11px}
.social-member-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.friend-controls{justify-content:center;margin-bottom:0}
.social-profile-actions{padding-bottom:20px;border-bottom:1px solid #ffffff0b}
.post-author>.button{font-size:10px;margin-top:15px;padding:6px 8px}
.cinematic .site-nav{flex-wrap:wrap;gap:18px}
@media(max-width:1200px){.cinematic .header-inner{flex-wrap:wrap}.cinematic .site-nav{order:3;width:100%;padding-top:12px;border-top:1px solid #ffffff0a}.cinematic .site-nav a.active::after{bottom:-12px}}
@media(max-width:600px){.cinematic .mail-row{padding:18px;align-items:flex-start;flex-direction:column;gap:9px}.mail-tabs{gap:7px}.online-dot{width:10px;height:10px;right:3px;bottom:3px}}