*{box-sizing:border-box}
:root{
  --blue:#3b5998;--blue-dark:#29447e;--link:#3b5998;
  --line:#d8dfea;--soft:#edeff4;--muted:#777;
}
html,body{margin:0;min-height:100%;font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;font-size:11px;color:#333;background:#fff}
body{padding-top:38px}
body.login-mode{padding-top:0;background:#edf0f5}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}
img{display:block}.hidden{display:none!important}

/* 2011/2012 login */
.login-screen{min-height:100vh;background:linear-gradient(#fff,#dfe3ee 74%,#fff)}
.login-header{height:82px;background:#3b5998;border-bottom:1px solid #133783;color:#fff}
.login-header-inner{width:980px;max-width:calc(100% - 20px);height:82px;margin:0 auto;display:flex;align-items:flex-end;padding-bottom:8px}
.login-brand{font:bold 42px Arial,sans-serif;letter-spacing:-2.8px;text-shadow:0 -1px #1e3365}
.login-form{margin-left:auto;display:flex;align-items:flex-end;gap:13px}
.login-field{display:flex;flex-direction:column;font-size:11px}
.login-form span{margin-bottom:4px}.login-form input[type=email],.login-form input[type=password]{width:150px;height:23px;border:1px solid #1d2a5b;padding:2px 4px;background:#fff}
.login-form small{height:16px;margin-top:3px;color:#98a9c8}.login-form small a{color:#98a9c8}
.remember{display:flex!important;align-items:center!important;gap:4px!important;color:#98a9c8!important}
.remember input{width:auto!important;height:auto!important;margin:0!important}
.login-form>button{height:23px;border:1px solid #29447e;background:#5b74a8;color:#fff;font-weight:bold;padding:0 7px;text-shadow:0 -1px #29447e}
.login-content{width:980px;max-width:calc(100% - 20px);margin:0 auto;display:grid;grid-template-columns:565px 1fr;gap:35px;padding-top:34px}
.login-intro h2{font-size:20px;line-height:1.38;color:#203360;margin:0;width:500px}
.people-map{position:relative;height:340px;margin-top:22px;overflow:hidden}
.map-globe{position:absolute;left:105px;top:52px;width:320px;height:210px;border-radius:50%;border:1px solid #c9d1df;background:radial-gradient(ellipse at 40% 45%,#eef2f8 0 30%,#dce3ee 31% 100%);box-shadow:inset 0 0 35px #cbd5e5}
.map-globe:before,.map-globe:after{content:"";position:absolute;border:1px solid #c4ccda;border-radius:50%}
.map-globe:before{inset:35px 15px}.map-globe:after{inset:15px 105px}
.map-person{position:absolute;width:56px;height:56px;padding:3px;background:#fff;border:1px solid #aaa;box-shadow:0 1px 3px rgba(0,0,0,.25);z-index:2}
.map-person img{width:100%;height:100%;object-fit:cover}.mp1{left:55px;top:40px}.mp2{left:420px;top:35px}.mp3{left:245px;top:125px}.mp4{left:70px;top:255px}.mp5{left:430px;top:250px}
.map-line{position:absolute;height:1px;background:#aeb9cc;transform-origin:left center;z-index:1}
.ml1{left:105px;top:82px;width:155px;transform:rotate(20deg)}.ml2{left:300px;top:145px;width:145px;transform:rotate(-33deg)}
.ml3{left:116px;top:273px;width:170px;transform:rotate(-39deg)}.ml4{left:297px;top:158px;width:170px;transform:rotate(40deg)}.ml5{left:112px;top:72px;width:320px;transform:rotate(1deg)}
.signup-panel h1{font:bold 32px Arial;margin:0;color:#111}.signup-panel h3{font:normal 16px Arial;margin:5px 0 22px;color:#111}
.signup-row{display:grid;grid-template-columns:112px 1fr;align-items:center;margin-bottom:8px}.signup-row.split-name{align-items:start}.split-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.signup-row label{text-align:right;padding-right:9px;font-weight:bold;color:#555}.signup-row input{height:31px;border:1px solid #bdc7d8;border-radius:2px;padding:4px 6px;font-size:14px}
.birthday-label{margin:12px 0 4px 112px}.birthday-selects{margin-left:112px}.birthday-selects select{height:26px;margin-right:3px;border:1px solid #bdc7d8;background:#fff}
.terms{margin:12px 0 10px 112px;width:260px;color:#777;line-height:1.35;font-size:10px}.signup-button{margin-left:112px;background:linear-gradient(#67ae55,#578843);border:1px solid #3b6e22;border-radius:3px;color:white;font:bold 16px Georgia,serif;padding:7px 19px;text-shadow:0 1px #333}
.demo-login{margin:24px 0 0 112px;border-top:1px solid #ccc;padding-top:12px;color:#666}
.login-footer{width:980px;max-width:calc(100% - 20px);margin:18px auto 0;border-top:1px solid #ddd;padding:10px 0;color:#777}

/* app top bar */
.topbar{position:fixed;top:0;left:0;right:0;height:38px;background:#3b5998;border-bottom:1px solid #133783;z-index:1000;box-shadow:0 1px 1px rgba(0,0,0,.15)}
.topbar-inner{height:38px;width:980px;max-width:calc(100% - 20px);margin:0 auto;display:flex;align-items:center;position:relative}
.brand{border:0;background:transparent;color:#fff;font:bold 26px Arial,sans-serif;letter-spacing:-1.8px;text-shadow:0 -1px #1e3365;padding:0 10px 1px 0}
.search{height:23px;width:430px;display:flex;position:relative;margin-right:auto}
.search>input{height:23px;flex:1;border:1px solid #29447e;border-right:0;border-radius:2px 0 0 2px;padding:2px 6px;outline:0}.search>button{height:23px;width:29px;border:1px solid #29447e;background:#f5f6f7;padding:2px 5px}.search>button img{width:18px;height:18px;object-fit:none}
.search-results{position:absolute;left:0;right:0;top:23px;background:#fff;border:1px solid #777;box-shadow:0 2px 5px rgba(0,0,0,.2);z-index:1300}.search-result{display:flex;width:100%;align-items:center;text-align:left;border:0;background:#fff;padding:5px}.search-result:hover{background:#eceff5}.search-result img{width:34px;height:34px;object-fit:cover;margin-right:7px}.search-result b,.search-result small{display:block}.search-result small{color:#888;margin-top:2px}
.topnav{height:38px;display:flex;align-items:center;margin-left:6px}.topnav>button{height:27px;border:0;background:transparent;color:#fff;font-weight:bold;text-shadow:0 -1px #28406e}.topnav>button:hover{background:#2f477a}
.user-nav{display:flex;align-items:center;gap:5px;padding:0 7px}.user-nav img{width:20px;height:20px;object-fit:cover}.home-nav{padding:0 9px}.top-icon-wrap{height:26px;border-left:1px solid #29447e;display:flex;padding-left:3px}
.top-icon{width:28px;height:27px;border:0;background:transparent;position:relative;display:grid;place-items:center;padding:4px}.top-icon:hover{background:#2f477a}.top-icon img{width:18px;height:18px;object-fit:none}.top-icon b{position:absolute;right:-1px;top:-4px;background:#d14836;border:1px solid #8f2b20;border-radius:2px;color:#fff;font:bold 9px Arial;padding:0 2px;line-height:12px}.down{font-size:9px;color:#d8dfea}
.top-popover{position:absolute;right:0;top:36px;width:330px;background:#fff;border:1px solid #777;box-shadow:0 2px 8px rgba(0,0,0,.28);z-index:1400}.account-popover{width:180px;padding:4px 0}.account-popover a{display:block;color:#333;padding:6px 10px}.account-popover a:hover{background:#6d84b4;color:#fff;text-decoration:none}
.popover-head{height:28px;background:#f2f2f2;border-bottom:1px solid #ddd;padding:7px;display:flex;justify-content:space-between}.request-row,.notification-row{display:flex;align-items:center;padding:7px;border-bottom:1px solid #eee}.notification-row{width:100%;text-align:left;background:#fff;border:0;border-bottom:1px solid #eee;cursor:pointer;font:inherit}.notification-row:hover{background:#f5f7fb}.notification-row.unread{background:#eef3ff}.request-row img,.notification-row img{width:42px;height:42px;object-fit:cover;margin-right:7px}.request-row>div,.notification-row>span{flex:1}.notification-row b{display:block;font-weight:normal;color:#333;line-height:1.3}.request-row small,.notification-row small{display:block;color:#999;margin-top:2px}.confirm-request{border:1px solid #29447e;background:#5b74a8;color:#fff;font-weight:bold;height:22px}
.message-preview{display:flex;width:100%;align-items:center;text-align:left;border:0;border-bottom:1px solid #eee;background:#fff;padding:6px;cursor:pointer}.message-preview:hover{background:#eceff5}.message-preview img{width:42px;height:42px;object-fit:cover;margin-right:7px}.message-preview span{flex:1}.message-preview b,.message-preview small{display:block}.message-preview small{color:#777;margin-top:3px}.message-preview time{color:#999;font-size:10px}

/* centered 2012 desktop */
.stage{width:980px;max-width:calc(100% - 20px);margin:0 auto;display:grid;grid-template-columns:160px 500px 300px;gap:10px;align-items:start;min-height:calc(100vh - 38px)}
.left-rail{padding-top:13px}.left-user{display:flex;align-items:center;width:100%;border:0;background:transparent;text-align:left;padding:2px 4px 10px;cursor:pointer}.left-user:hover{background:#e7ebf2}.left-user img{width:34px;height:34px;object-fit:cover;margin-right:7px}.left-user b,.left-user small{display:block}.left-user small{color:#777;margin-top:2px}
.left-rail h5{font-size:10px;color:#999;margin:9px 5px 3px}.rail-nav{margin-bottom:8px}.rail-item{width:100%;height:24px;border:1px solid transparent;background:transparent;display:flex;align-items:center;text-align:left;padding:2px 4px;color:#333}.rail-item:hover{background:#eff2f7}.rail-item.selected{background:#d8dfea;border-color:#c7cfe0;font-weight:bold}.rail-item img{width:18px;height:18px;object-fit:none;margin-right:5px}.rail-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-item em{margin-left:auto;font-style:normal;color:#888;font-size:10px}
.main-column{border-left:1px solid #e5e5e5;min-height:980px;padding:0 0 30px 10px;min-width:0}.page{padding-top:10px}.feed-title{height:32px;border-bottom:1px solid #d8dfea;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.feed-title>div{display:flex;align-items:center;font-size:13px}.feed-title img{width:18px;height:18px;object-fit:none;margin-right:5px}.feed-title>button{border:0;background:transparent;color:#666;font-weight:bold}
.feed-sort-wrap{position:relative;height:27px;display:flex;align-items:center;z-index:70}
.feed-sort-button{height:24px;border:0!important;background:transparent!important;color:#666!important;font:bold 11px Arial,sans-serif!important;padding:0 5px!important;cursor:pointer;white-space:nowrap}
.feed-sort-button:hover,.feed-sort-button[aria-expanded="true"]{text-decoration:underline;color:#3b5998!important}
.feed-sort-arrow{font-size:9px;margin-left:2px;text-decoration:none!important}
.feed-sort-menu{position:absolute;right:0;top:24px;width:138px;padding:3px 0;background:#fff;border:1px solid #777;box-shadow:0 2px 5px rgba(0,0,0,.22);z-index:5000}
.feed-sort-option{display:flex;width:100%;height:25px;align-items:center;border:0;background:#fff;color:#333;font:11px Arial,sans-serif;text-align:left;padding:0 8px 0 5px;cursor:pointer;white-space:nowrap}
.feed-sort-option:hover,.feed-sort-option:focus{background:#6d84b4;color:#fff;outline:0}
.feed-sort-check{display:inline-block;width:17px;min-width:17px;color:#333;font:bold 14px/1 Arial,sans-serif;text-align:center;visibility:hidden}
.feed-sort-option:hover .feed-sort-check,.feed-sort-option:focus .feed-sort-check{color:#fff}
.feed-sort-option.selected .feed-sort-check{visibility:visible}
.feed-sort-option.selected{font-weight:bold}

.publisher{border:1px solid #bdc7d8;background:#f5f6f7;margin-bottom:4px}.publisher-tabs{height:27px;display:flex;align-items:center;border-bottom:1px solid #bdc7d8;padding:0 6px;color:#aaa;gap:2px}.publisher-tabs button{border:0;background:transparent;color:#3b5998;font-weight:bold;display:flex;align-items:center;gap:3px}.publisher-tabs button.active{color:#333}.tab-icon{width:18px;height:18px;object-fit:none}.publisher-body{display:flex;background:#fff;padding:7px}.publisher-body>img{width:32px;height:32px;object-fit:cover;margin-right:7px}.publisher-body textarea{border:0;outline:0;resize:none;flex:1;min-height:43px;padding:5px;font-size:12px}
.photo-preview{background:#fff;border-top:1px solid #eee;padding:7px;position:relative}.photo-preview img{max-width:180px;max-height:110px;object-fit:cover;border:1px solid #aaa;padding:2px}.photo-preview button{position:absolute;left:195px;top:8px;border:0;background:transparent;color:#3b5998}
.publisher-footer{height:33px;border-top:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;padding:0 6px}.publisher-footer>div{display:flex;align-items:center}.publisher-footer button{height:23px}.publisher-footer>div:first-child button{border:0;background:transparent;color:#666;display:flex;align-items:center}.publisher-footer img{width:18px;height:18px;object-fit:none}.publisher-footer select{height:23px;border:1px solid #999;background:#fff;margin-right:4px;font-weight:bold}.share-btn{height:23px;border:1px solid #29447e;background:#5b74a8;color:#fff;font-weight:bold;text-shadow:0 -1px #29447e;padding:0 12px}

/* continuous News Feed */
.feed-story{padding:10px 2px 11px;border-bottom:1px solid #e9e9e9}.story-top{display:flex}.story-avatar{width:40px;height:40px;object-fit:cover;margin-right:7px}.story-content{flex:1;min-width:0}.story-author{font-weight:bold}.story-time{display:block;color:#999;font-size:10px;margin-top:3px}.story-text{font-size:12px;line-height:1.4;margin:6px 0 7px;white-space:pre-wrap}.story-photo{display:block;max-width:410px;max-height:440px;object-fit:cover;border:1px solid #ccc;padding:3px;background:#fff}.story-meta{color:#999;font-size:10px;margin-top:5px}.inline-actions{margin-top:4px;color:#999}.inline-actions button{border:0;background:transparent;color:#3b5998;padding:0}.inline-actions button.liked{font-weight:bold}
.comments{background:#edeff4;margin-top:5px;padding:3px 5px}.comment{display:flex;padding:3px 0}.comment img{width:30px;height:30px;object-fit:cover;margin-right:6px}.comment p{margin:0;line-height:1.35;flex:1}.comment b{color:#3b5998}.comment-input{display:flex;border-top:1px solid #d5d9e1;padding-top:3px;margin-top:2px}.comment-input img{width:30px;height:30px;object-fit:cover;margin-right:6px}.comment-input input{height:30px;flex:1;border:1px solid #bdc7d8;padding:4px 5px;outline:0}.comment.live-flash{animation:flashComment 1.4s ease}@keyframes flashComment{0%{background:#fff8c9}100%{background:transparent}}

/* right side */
.right-rail{padding-top:10px;min-width:0}.right-module{border-bottom:1px solid #e5e5e5;padding:7px 2px 10px}.module-title{display:flex;justify-content:space-between;color:#999;font-size:9px;margin-bottom:5px}.module-title button{border:0;background:transparent;color:#3b5998;padding:0}.ticker-static{padding:7px;color:#777;line-height:1.3}.ticker-live{display:flex;padding:5px 2px;border-bottom:1px solid #eee;animation:flashComment 1.2s}.ticker-live img{width:28px;height:28px;object-fit:cover;margin-right:6px}.ticker-live span{line-height:1.25}
.ad{display:flex;margin:8px 0 12px}.ad-image{width:70px;height:55px;flex:0 0 70px;background:#e8dfcf;border:1px solid #b3a999;margin-right:6px;display:grid;place-items:center;text-align:center;color:#6b5a45;font:bold 11px Georgia}.ad-image.alt{background:#dce4ef;color:#344e72;border-color:#a9b6c8}.ad p{margin:3px 0;color:#666;line-height:1.25}.birthday p{margin:0;line-height:1.3}.suggestion{display:flex;margin:7px 0}.suggestion img{width:40px;height:40px;object-fit:cover;margin-right:6px}.suggestion b,.suggestion small{display:block}.suggestion small{color:#999;margin:2px 0 4px}.add-friend,.gray-btn{height:22px;border:1px solid #999;background:linear-gradient(#fff,#eee);font-weight:bold;color:#333}

/* wide 2012 ticker/chat rail */
.chat-rail{display:none;height:calc(100vh - 38px);min-height:620px;border-left:1px solid #c6c9d0;background:#f2f2f2;position:sticky;top:38px;overflow:hidden}.chat-ticker{height:144px;border-bottom:1px solid #c8c8c8;background:#f5f5f5;overflow:auto}.chat-ticker-title,.chat-heading{text-transform:uppercase;font-size:9px;font-weight:bold;color:#777;padding:6px 7px 3px}.chat-heading{height:23px;border-top:1px solid #fff}.chat-list{position:absolute;top:167px;bottom:29px;left:0;right:0;overflow:auto}.chat-person{height:34px;display:flex;align-items:center;width:100%;border:0;background:transparent;text-align:left;padding:3px 6px}.chat-person:hover{background:#e0e3e8}.chat-person>img{width:27px;height:27px;object-fit:cover;margin-right:6px}.chat-person span{flex:1}.online-dot{width:6px;height:6px;border-radius:50%;background:#42b72a}.chat-search{position:absolute;left:0;right:0;bottom:0;height:29px;border-top:1px solid #c8c8c8;background:#fff;display:flex}.chat-search input{border:0;outline:0;flex:1;min-width:0;padding:0 6px}.chat-search button{width:29px;border:0;background:#eee;padding:5px}.chat-search img{width:18px;height:18px;object-fit:none}
.chat-popup{position:fixed;width:255px;height:285px;right:10px;bottom:0;background:#fff;border:1px solid #777;z-index:1100;box-shadow:0 1px 7px rgba(0,0,0,.25)}.chat-popup-head{height:29px;background:#3b5998;color:#fff;font-weight:bold;padding:6px 7px;display:flex;justify-content:space-between}.chat-popup-head button{border:0;background:transparent;color:#fff;font-size:16px;line-height:12px}.chat-popup-body{height:222px;overflow:auto;padding:7px}.chat-line{max-width:82%;padding:5px 6px;background:#eee;margin:5px 0}.chat-line.mine{margin-left:auto;background:#dfe7f7}.chat-line.live-flash{animation:flashComment 1.3s}#chatPopupForm{height:33px;border-top:1px solid #ddd}#chatPopupInput{width:100%;height:100%;border:0;outline:0;padding:0 7px}

/* Profile Timeline */
.profile-cover-real{height:280px;border:1px solid #aaa;position:relative;overflow:hidden;background:#333}.profile-cover-real .cover-image{width:100%;height:100%;object-fit:cover}.cover-shade{position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(transparent,rgba(0,0,0,.7))}.profile-cover-real .profile-avatar-large{position:absolute;left:14px;bottom:14px;width:140px;height:140px;object-fit:cover;background:#fff;padding:4px;border:1px solid #777;box-shadow:0 1px 2px rgba(0,0,0,.35)}.profile-cover-real h1{position:absolute;left:168px;bottom:26px;margin:0;color:#fff;font:bold 24px Arial;text-shadow:0 1px 3px #000}
.photo-change{position:absolute;border:1px solid #555;background:rgba(255,255,255,.93);font-weight:bold;height:25px}.change-cover{right:10px;bottom:12px}.change-avatar{left:25px;bottom:24px;z-index:3}.profile-nav{height:43px;border:1px solid #c4cde0;border-top:0;background:#fff;padding-left:160px;display:flex}.profile-nav button{border:0;border-left:1px solid #e1e4e8;background:#fff;color:#3b5998;font-weight:bold;padding:0 13px}.profile-info{border:1px solid #c4cde0;border-top:0;background:#fff;padding:10px 12px}.profile-info p{margin:4px 0}.profile-edit-box{margin-top:8px;border-top:1px solid #eee;padding-top:8px}.profile-edit-grid{display:grid;grid-template-columns:95px 1fr;gap:5px;align-items:center}.profile-edit-grid label{text-align:right;color:#666}.profile-edit-grid input,.profile-edit-grid textarea{border:1px solid #bdc7d8;padding:4px}.profile-edit-grid textarea{height:50px;resize:vertical}.profile-story{padding:10px 2px;border-bottom:1px solid #e5e5e5}.profile-story p{font-size:12px;line-height:1.4}.profile-story img{max-width:100%;max-height:300px;object-fit:cover;border:1px solid #ccc;padding:3px}

/* generic pages */
.section-head{height:38px;border-bottom:1px solid #d8dfea;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-head h2{font-size:15px;margin:0}.messages-layout{height:610px;border:1px solid #bdc7d8;display:grid;grid-template-columns:145px 1fr}.thread-list{border-right:1px solid #bdc7d8;overflow:auto}.thread-item{width:100%;height:57px;border:0;border-bottom:1px solid #eee;background:#fff;display:flex;text-align:left;padding:6px}.thread-item:hover,.thread-item.active{background:#eceff5}.thread-item img{width:42px;height:42px;object-fit:cover;margin-right:6px}.thread-item span{min-width:0}.thread-item b,.thread-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-item small{color:#777;margin-top:4px}.thread-panel{position:relative}.thread-head{height:35px;border-bottom:1px solid #bdc7d8;padding:10px;font-weight:bold;background:#f5f6f7}.thread-messages{position:absolute;top:35px;left:0;right:0;bottom:96px;overflow:auto;padding:9px}.thread-msg{display:flex;margin-bottom:10px}.thread-msg img{width:32px;height:32px;object-fit:cover;margin-right:7px}.thread-msg p{margin:0;padding:6px 8px;background:#f0f0f0;max-width:250px;line-height:1.35}.thread-msg.mine{justify-content:flex-end}.thread-msg.mine img{order:2;margin:0 0 0 7px}.thread-msg.mine p{background:#dfe7f7}.thread-compose{position:absolute;left:0;right:0;bottom:0;height:96px;border-top:1px solid #bdc7d8;background:#f5f6f7;padding:7px}.thread-compose textarea{width:100%;height:52px;resize:none;border:1px solid #bdc7d8;padding:5px;outline:0}.thread-compose button{float:right;margin-top:3px}
.requests-box{border:1px solid #d8dfea;margin-bottom:12px}.requests-box h3{margin:0;padding:7px;background:#f2f2f2;border-bottom:1px solid #d8dfea;font-size:12px}.friend-request-row{display:flex;align-items:center;padding:8px;border-bottom:1px solid #eee}.friend-request-row img{width:50px;height:50px;object-fit:cover;margin-right:8px}.friend-request-row>div{flex:1}.friend-request-row small{display:block;color:#999;margin-top:3px}.friend-list-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.friend-card{display:flex;align-items:center;border-bottom:1px solid #eee;padding:6px}.friend-card img{width:48px;height:48px;object-fit:cover;margin-right:7px}.friend-card b,.friend-card small{display:block}.friend-card small{color:#999;margin-top:3px}.friend-card button{margin-left:auto}.event-card{display:flex;align-items:center;border-bottom:1px solid #ddd;padding:10px 0}.event-date{width:52px;height:55px;border:1px solid #aaa;text-align:center;margin-right:10px}.event-date b{display:block;font-size:23px;padding-top:5px}.event-date span{display:block;background:#c33;color:#fff;font-weight:bold}.event-card>div:nth-child(2){flex:1}.event-card p{margin:4px 0;color:#777}.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.photo-tile{border:1px solid #ccc;background:#fff;padding:4px}.photo-tile img{width:100%;height:110px;object-fit:cover}.photo-tile small{display:block;color:#777;padding:4px 2px}.group-card{display:flex;align-items:center;border-bottom:1px solid #ddd;padding:10px 2px}.group-card>div{flex:1}.group-card p{margin:4px 0;color:#777}.empty-old{border:1px solid #d8dfea;background:#f7f7f7;padding:18px;color:#777}
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:rgba(30,30,30,.92);color:#fff;padding:7px 12px;border-radius:2px;z-index:2000}


@media(min-width:1220px){
  .topbar-inner,.stage{
    width:980px;
    max-width:none;
    margin-left:calc((100vw - 200px - 980px)/2);
    margin-right:0;
  }
  .stage{grid-template-columns:160px 500px 300px;gap:10px}
  .chat-rail{
    display:block;
    position:fixed;
    top:38px;
    right:0;
    width:200px;
    height:calc(100vh - 38px);
    min-height:0;
    z-index:900;
  }
  .right-rail .right-module:first-child{display:none}
  .chat-popup{right:206px}
}

@media(max-width:1000px) and (min-width:741px){
  .topbar-inner,.stage{width:720px}.stage{grid-template-columns:160px 550px}.right-rail,.chat-rail{display:none}.search{width:330px}
}
@media(max-width:740px){
  body{min-width:0}.topbar-inner{width:calc(100% - 12px);max-width:none}.stage{width:100%;max-width:none;display:block}.left-rail,.right-rail,.chat-rail{display:none}.main-column{border-left:0;padding:0 7px}.search{flex:1;width:auto}.home-nav{display:none}.story-photo{max-width:100%}.login-content{display:block}.login-intro{display:none}.signup-panel{max-width:430px;margin:auto}.login-form .login-field{display:none}.login-brand{font-size:31px}.signup-row{grid-template-columns:95px 1fr}.birthday-label,.birthday-selects,.terms,.signup-button,.demo-login{margin-left:95px}
}


body[data-page="home"] .right-rail{display:block}
body:not([data-page="home"]) .right-rail{display:none}

.profile-hero{border:1px solid #c4cde0;border-bottom:0;background:#fff}
.profile-cover-real{height:315px;border:0;position:relative;overflow:hidden;background:#333}
.profile-cover-real .profile-avatar-large{width:125px;height:125px;left:15px;bottom:16px;padding:4px}
.profile-cover-real h1{left:154px;bottom:28px;font:bold 28px Arial,sans-serif}
.profile-nav{height:45px;border:1px solid #c4cde0;border-top:0;background:#fff;padding-left:150px;display:flex;align-items:stretch}
.profile-nav button{border:0;border-left:1px solid #e6eaf1;background:#fff;color:#3b5998;font-weight:bold;padding:0 15px;height:44px}
.profile-nav button.active{color:#333;background:#f6f7f9}
.profile-nav button small{color:#777}
.profile-timeline-grid{display:grid;grid-template-columns:323px 1fr;gap:12px;margin-top:12px}
.profile-left-column,.profile-right-column{min-width:0}
.profile-box{border:1px solid #d8dfea;background:#fff;margin-bottom:12px}
.profile-box-head{background:#f2f2f2;border-bottom:1px solid #d8dfea;padding:7px 10px;font-weight:bold;color:#666}
.profile-box-body{padding:10px}
.profile-intro-line{margin:0 0 8px;color:#555;line-height:1.4}
.profile-info-list{margin:0;padding:0;list-style:none}
.profile-info-list li{padding:6px 0;border-top:1px solid #f0f0f0;color:#555}.profile-info-list li:first-child{border-top:0}
.profile-edit-box{margin-top:10px;border-top:1px solid #e5e5e5;padding-top:10px}
.profile-edit-grid{display:grid;grid-template-columns:95px 1fr;gap:6px;align-items:center}
.profile-edit-grid label{text-align:right;color:#666}.profile-edit-grid input,.profile-edit-grid textarea{border:1px solid #bdc7d8;padding:5px}.profile-edit-grid textarea{height:56px;resize:vertical}
.profile-friends-grid,.profile-photos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.mini-friend,.mini-photo{display:block;border:1px solid #d7dce6;background:#fff;overflow:hidden}
.mini-friend img,.mini-photo img{width:100%;height:90px;object-fit:cover}
.mini-friend span,.mini-photo span{display:block;padding:5px;font-size:10px;color:#3b5998;line-height:1.25}
.profile-story-card{border:1px solid #d8dfea;background:#fff;margin-bottom:12px;padding:12px}
.profile-story-head{display:flex;align-items:center;margin-bottom:8px}.profile-story-head img{width:40px;height:40px;object-fit:cover;margin-right:8px}
.profile-story-head b{display:block;color:#3b5998}.profile-story-head small{display:block;color:#777;margin-top:2px}
.profile-story-card p{font-size:12px;line-height:1.45;margin:0 0 8px}.profile-story-card .story-photo{margin-top:6px;max-width:100%;border:1px solid #ccc;padding:3px;background:#fff}
.profile-story-meta{color:#777;border-top:1px solid #eceff5;padding-top:7px;margin-top:8px}
.profile-story-card .comments{margin-top:8px}
.comment{padding:5px 0}.comment-body{display:flex;align-items:flex-start}.comment-copy{flex:1}.comment-copy p{margin:0;line-height:1.35;font-size:11px;background:#eceff5;padding:6px;border-radius:2px}.comment-copy b{color:#3b5998}
.comment-actions{padding:3px 0 0 0;font-size:10px;color:#777}.comment-actions button{border:0;background:transparent;color:#3b5998;padding:0;font-size:10px}.comment-actions .sep{color:#999;margin:0 3px}
.comment-like-count{font-size:10px;color:#777;margin-left:3px}
.comment-replies{margin-left:36px;margin-top:3px}
.reply-form{display:flex;gap:6px;margin:5px 0 0 36px}.reply-form img{width:24px;height:24px;object-fit:cover}.reply-form input{flex:1;height:25px;border:1px solid #bdc7d8;padding:3px 5px}
.comment.reply .comment-body img{width:24px;height:24px}.comment.reply .comment-copy p{background:#f0f2f7}
.profile-empty{border:1px solid #d8dfea;background:#fff;padding:18px;color:#777}
@media(max-width:1000px){.profile-timeline-grid{grid-template-columns:1fr}.profile-nav{padding-left:120px}.profile-cover-real .profile-avatar-large{width:100px;height:100px}}

.chat-person span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-person{padding-right:8px}




/* Direct native file pickers. The input physically covers the visible control,
   so Safari/macOS does not depend on script-triggered picker clicks. */
.publisher-file-label{
  position:relative;
  display:flex;
  align-items:center;
  gap:3px;
  color:#3b5998;
  font-weight:bold;
  padding:2px 5px;
  cursor:pointer;
  overflow:hidden;
}
.publisher-file-label:hover{background:#eceff5}
.direct-file-picker,.profile-direct-picker{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  cursor:pointer!important;
  z-index:20!important;
  font-size:100px!important;
}
.photo-change-label{
  position:absolute;
  border:1px solid #555;
  background:rgba(255,255,255,.95);
  color:#333;
  font-weight:bold;
  min-height:26px;
  line-height:24px;
  padding:0 8px;
  cursor:pointer;
  z-index:12;
  user-select:none;
  -webkit-user-select:none;
  overflow:hidden;
}
.photo-change-label:hover{background:#fff}
.change-avatar-label{left:24px;bottom:24px}
.change-cover-label{right:10px;bottom:12px}
.upload-status{font-size:10px;color:#fff;background:rgba(0,0,0,.65);padding:4px 7px;position:absolute;right:10px;top:10px;z-index:30;border-radius:2px}

/* 4:3-era core: secondary pages consume the space normally used by the Home right rail. */
@media(min-width:1001px){
  body:not([data-page="home"]) .stage{grid-template-columns:160px 810px}
  body:not([data-page="home"]) .main-column{min-width:0;width:810px}
  body[data-page="home"] .stage{grid-template-columns:160px 500px 300px}
  body[data-page="home"] .main-column{width:auto}
}

/* Profile tabs */
.profile-tab-panel.hidden{display:none!important}
.profile-nav button{cursor:pointer}
.profile-nav button.active{background:#f6f7f9;color:#333}
.profile-tab-simple{border:1px solid #d8dfea;background:#fff;padding:14px;margin-top:12px}
.profile-tab-simple h3{margin:0 0 10px;font-size:13px}
.profile-full-friends{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.profile-full-photos{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}

/* Post overflow menu */
.story-content,.profile-story-card{position:relative}
.post-menu-wrap{position:absolute;top:0;right:0;z-index:40}
.post-menu-button{border:0!important;background:transparent!important;color:#777!important;font-size:20px!important;line-height:18px!important;padding:0 5px!important;font-weight:bold!important;cursor:pointer}
.post-menu-button:hover{background:#f1f1f1!important;text-decoration:none!important}
.post-menu{position:absolute;right:0;top:23px;width:145px;background:#fff;border:1px solid #777;box-shadow:0 2px 6px rgba(0,0,0,.2);padding:4px 0;z-index:50}
.post-menu button{display:block;width:100%;height:auto!important;border:0!important;background:#fff!important;color:#333!important;text-align:left;padding:6px 10px!important;font-weight:normal!important}
.post-menu button:hover{background:#6d84b4!important;color:#fff!important}
.post-menu .danger{color:#b32424!important}
.post-menu .danger:hover{color:#fff!important}


/* v2.5: stable native file pickers + non-jumping live feed */
.persistent-file-input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.publisher-file-label,.photo-change-label{cursor:pointer}
.live-feed-status{display:inline-flex;align-items:center;gap:4px;margin-left:8px;color:#777;font-size:10px;font-weight:normal}
.live-feed-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#42b72a}.live-feed-status.offline i{background:#aaa}.live-feed-status.offline{color:#999}

/* Comments/replies are always vertical rows. */
.comment{display:block!important;width:100%!important;clear:both!important;border-top:1px solid #d8dfea;padding:5px 0!important}
.comment:first-child{border-top:0}.comment-body{display:flex!important;width:100%!important;align-items:flex-start!important}.comment-copy{min-width:0;flex:1}
.comment-replies{display:block!important;width:auto!important;margin:4px 0 0 36px!important}.comment-replies>.comment{display:block!important}
.reply-form{display:flex!important;margin:5px 0 0 36px!important;width:calc(100% - 36px)!important}.reply-form.hidden{display:none!important}.comment.reply .comment-body{display:flex!important}

/* Lock the main site to the 980px 4:3-era core; keep Ticker/Chat pinned to the screen edge. */
@media(min-width:1220px){
  .topbar-inner,.stage{width:980px!important;max-width:none!important;margin-left:calc((100vw - 200px - 980px)/2)!important;margin-right:0!important}
  body[data-page="home"] .stage{grid-template-columns:160px 500px 300px!important;gap:10px!important}
  body:not([data-page="home"]) .stage{grid-template-columns:160px 810px!important;gap:10px!important}
  .chat-rail{display:block!important;position:fixed!important;top:38px!important;right:0!important;bottom:0!important;width:200px!important;height:auto!important;min-height:0!important;z-index:900!important}
  .chat-popup{right:206px!important}
}


/* v2.7: physical native file inputs + direct binary upload */
.native-file-control{position:relative!important;overflow:hidden!important;cursor:pointer!important;isolation:isolate}
.native-file-input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;z-index:99!important;font-size:120px!important;border:0!important;padding:0!important;margin:0!important}
.publisher-file-label{min-height:22px}
.photo-change-label{min-width:94px;text-align:center}
button,.rail-item,.top-icon,.user-nav,.home-nav,.profile-nav button,.inline-actions button,.comment-actions button{pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:manipulation}
button:disabled{opacity:.55;cursor:default}

/* Real user presence: no active authenticated SSE connection = Offline. */
.chat-person span{display:flex;flex-direction:column;line-height:1.15}
.chat-person .presence-label{font-size:9px;color:#42a333;margin-top:2px}
.chat-person.is-offline .presence-label{color:#999}
.online-dot.offline{background:#aaa!important}
.profile-presence{display:inline-block;font:bold 10px Arial,sans-serif;vertical-align:middle;margin-left:6px;padding:2px 5px;border-radius:2px;text-shadow:none;background:rgba(255,255,255,.9)}
.profile-presence.online{color:#348a2b}.profile-presence.offline{color:#777}

/* Share UI */
.share-box{background:#f5f6f7;border:1px solid #d8dfea;padding:7px;margin:5px 0 7px}
.share-box textarea{width:100%;height:43px;resize:vertical;border:1px solid #bdc7d8;padding:5px;margin-bottom:5px}
.share-box>div{display:flex;justify-content:flex-end;gap:5px}.share-box select{height:23px;border:1px solid #999;background:#fff}
.shared-post-card{border:1px solid #c8cdd8;background:#fff;margin:7px 0;padding:8px}
.shared-post-head{display:flex;align-items:center;margin-bottom:6px}.shared-post-head img{width:32px;height:32px;object-fit:cover;margin-right:6px}.shared-post-head b,.shared-post-head small{display:block}.shared-post-head small{color:#888;margin-top:2px}
.shared-post-text{line-height:1.4;margin:5px 0}.shared-post-photo{max-width:100%;max-height:330px;object-fit:cover;border:1px solid #ccc;padding:2px;background:#fff}

/* v2.8: reliable action controls and persistent native pickers */
.action-button{display:inline-flex!important;align-items:center!important;gap:4px!important;vertical-align:middle!important;line-height:18px!important;padding:1px 3px!important}
.action-button .action-icon{width:16px!important;height:16px!important;object-fit:none!important;flex:0 0 16px!important;opacity:.86}
.action-button:hover{background:#eceff5!important;text-decoration:none!important}
.inline-actions{display:flex!important;align-items:center!important;gap:5px!important;min-height:24px!important}
.inline-actions .action-sep{color:#bbb;font-size:10px}
.profile-story-card .inline-actions{border-top:1px solid #eceff5;margin-top:7px;padding-top:5px}
.publisher-file-label{display:inline-flex!important;align-items:center!important;gap:3px!important;position:relative!important;overflow:visible!important}
.photo-change-label{display:inline-block!important;position:absolute!important;overflow:visible!important}
.persistent-file-input{position:fixed!important;left:-10000px!important;top:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.native-file-input{display:none!important}
.post-menu-button,.post-menu button,.inline-actions button,.comment-actions button,.profile-nav button{touch-action:manipulation}


/* v2.9 request/typing stability */
.typing-indicator{font-size:10px;color:#777;font-style:italic;line-height:18px;min-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.thread-compose .typing-indicator{position:absolute;left:8px;right:8px;top:2px;height:18px;z-index:2;background:#f5f6f7}
.thread-compose textarea{margin-top:13px;height:42px}
.chat-typing{position:absolute;left:0;right:0;bottom:33px;height:20px;padding:2px 7px;background:#f2f2f2;border-top:1px solid #ddd;z-index:2}
.chat-popup-body{height:202px}
#chatPopupForm{height:33px}
.thread-compose button:disabled,.share-btn:disabled{opacity:.55;cursor:default}


/* v3.0 navigation/click reliability */
button,[data-page],[data-popover],.profile-link{cursor:pointer}
button{position:relative}
button:active,.rail-item:active,.top-icon:active{transform:none}
.page{isolation:isolate}


/* v3.1 interaction reliability */
.direct-picker{position:relative!important;overflow:hidden!important;cursor:pointer!important;pointer-events:auto!important}
.direct-file-input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;z-index:500!important;font-size:120px!important;border:0!important;padding:0!important;margin:0!important;pointer-events:auto!important}
.photo-change-label.direct-picker{position:absolute!important;overflow:hidden!important}
.publisher-file-label.direct-picker{display:inline-flex!important;overflow:hidden!important}
#chatPopup{z-index:5000!important;pointer-events:auto!important}
#chatPopup:not(.hidden){display:block!important}
#chatPopup input,#chatPopup button,#chatPopup form{pointer-events:auto!important}
.top-popover{pointer-events:auto!important}
button,a,label,input,textarea,select{pointer-events:auto}


/* v3.2 — one reliable interaction layer + truly native file inputs */
.direct-file-input{display:none!important;pointer-events:none!important}
.publisher-native-upload{display:flex;align-items:center;gap:5px;color:#3b5998;font-weight:bold;padding:2px 5px;min-height:28px;background:transparent}
.publisher-native-upload .tab-icon{width:18px;height:18px;object-fit:none;flex:0 0 18px}
.native-visible-file,.profile-native-file{position:static!important;inset:auto!important;display:block!important;width:150px!important;height:25px!important;opacity:1!important;pointer-events:auto!important;cursor:pointer!important;font-size:10px!important;color:transparent!important;border:0!important;background:transparent!important;padding:0!important;margin:0!important;z-index:auto!important}
.native-visible-file::file-selector-button,.profile-native-file::file-selector-button{height:23px;border:1px solid #999;background:linear-gradient(#fff,#eee);color:#333;font:bold 10px "Lucida Grande",Tahoma,Verdana,Arial,sans-serif;padding:0 8px;cursor:pointer}
.native-visible-file::-webkit-file-upload-button,.profile-native-file::-webkit-file-upload-button{height:23px;border:1px solid #999;background:linear-gradient(#fff,#eee);color:#333;font:bold 10px "Lucida Grande",Tahoma,Verdana,Arial,sans-serif;padding:0 8px;cursor:pointer}
.profile-upload-controls{position:absolute;z-index:60;display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.93);border:1px solid #555;padding:4px 5px;min-height:32px}
.profile-upload-controls.avatar-control{left:20px;bottom:18px}
.profile-upload-controls.cover-control{right:10px;bottom:10px}
.profile-upload-controls b{font-size:10px;color:#333;white-space:nowrap}
.profile-upload-controls .profile-native-file{width:104px!important}
#threadReplyBtn{float:right;margin-top:3px;position:relative;z-index:10;pointer-events:auto!important}
#postBtn{position:relative;z-index:10;pointer-events:auto!important}
.profile-nav{position:relative;z-index:30}
.profile-nav button{position:relative;z-index:31;pointer-events:auto!important}
.friend-preview-link,.profile-link,[data-profile-user]{position:relative;pointer-events:auto!important}


/* v3.3 — single event system; native controls receive clicks directly */
#feed,.profile-right-column{overflow-anchor:none}
.native-visible-file,.profile-native-file{appearance:auto!important;-webkit-appearance:auto!important;pointer-events:auto!important;opacity:1!important;color:#333!important;background:#fff!important;border:1px solid #bdc7d8!important;width:170px!important;height:27px!important;padding:1px!important;position:relative!important;z-index:100!important}
.profile-upload-controls .profile-native-file{width:145px!important}
.publisher-native-upload{overflow:visible!important;position:relative!important;z-index:20!important}
.publisher-native-upload input{pointer-events:auto!important}
.inline-actions button,.comment-actions button,.post-menu-button,.post-menu button,#postBtn,#threadReplyBtn,.profile-nav button{pointer-events:auto!important;cursor:pointer!important}

/* v3.4 account/profile actions */
.signup-select{height:31px;border:1px solid #bdc7d8;background:#fff;padding:4px 6px;font-size:13px}.birthday-help{margin:4px 0 8px 112px;color:#3b5998;font-size:10px}.login-form>button:disabled{opacity:.7;cursor:default}.profile-hero{position:relative}.profile-action-bar{display:flex;justify-content:flex-end;gap:6px;padding:7px 8px;background:#fff;border:1px solid #c4cde0;border-top:0}.profile-action{height:27px;border:1px solid #999;background:linear-gradient(#fff,#eee);color:#333;font-weight:bold;padding:0 10px}.profile-action.primary{background:#5b74a8;border-color:#29447e;color:#fff;text-shadow:0 -1px #29447e}.profile-action.disabled-looking{color:#666;background:#f4f4f4}.profile-action:disabled{cursor:default}.profile-edit-grid select{border:1px solid #bdc7d8;padding:4px;background:#fff}


/* v3.5 stable comment composer + Facebook-like dialogs */
html.modal-open,body.modal-open{overflow:hidden!important}
.fb-modal-layer{position:fixed;inset:0;background:rgba(0,0,0,.52);z-index:20000;display:flex;align-items:flex-start;justify-content:center;padding-top:95px}
.fb-modal-layer.hidden{display:none!important}.fb-modal-card{width:520px;max-width:calc(100vw - 28px);background:#fff;border:1px solid #1c2d4f;box-shadow:0 4px 18px rgba(0,0,0,.45);font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif}
.fb-modal-head{height:38px;background:#f2f2f2;border-bottom:1px solid #c9c9c9;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#333}.fb-modal-x{border:0;background:transparent;color:#777;font:bold 20px Arial;line-height:16px;padding:0 2px;cursor:pointer}.fb-modal-x:hover{color:#333}
.fb-modal-body{padding:16px 18px;font-size:12px;line-height:1.45;color:#333;max-height:70vh;overflow:auto}.fb-modal-foot{min-height:48px;background:#f2f2f2;border-top:1px solid #ccc;padding:10px 12px;display:flex;justify-content:flex-end;gap:7px;align-items:center}.confirm-card{width:445px}.confirm-summary{background:#f7f7f7;border:1px solid #ddd;padding:10px;margin-top:10px;white-space:pre-wrap;max-height:150px;overflow:auto}.confirm-muted{color:#777;font-size:11px;margin-top:7px}.danger-confirm{background:#c64a3a!important;border-color:#8d2f24!important;color:#fff!important;text-shadow:0 -1px rgba(0,0,0,.25)!important}
.image-editor-card{width:620px}.image-editor-body{padding:14px}.image-drop-zone{height:330px;border:2px dashed #9aa8bd;background:#f6f7f9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#666;transition:.12s}.image-drop-zone.dragover{background:#e8edf6;border-color:#3b5998}.drop-icon{width:48px;height:48px;border-radius:50%;background:#d8dfea;color:#3b5998;display:grid;place-items:center;font:bold 30px Arial}.image-drop-zone b{font-size:15px;color:#333}.image-drop-zone span{color:#999}
.choose-image-btn,.choose-image-small{position:relative!important;overflow:hidden!important;display:inline-flex!important;align-items:center;justify-content:center;cursor:pointer!important}.choose-image-btn input,.choose-image-small input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;font-size:100px!important;z-index:2!important;display:block!important;pointer-events:auto!important}
.crop-workspace{display:flex;flex-direction:column;align-items:center}.crop-instructions{width:100%;text-align:center;color:#777;margin-bottom:8px}.crop-canvas-wrap{background:#111;border:1px solid #333;overflow:hidden;max-width:100%;touch-action:none;user-select:none}.crop-canvas-wrap canvas{display:block;cursor:grab;max-width:100%;height:auto;touch-action:none}.crop-canvas-wrap canvas.dragging{cursor:grabbing}.crop-controls{width:100%;display:flex;align-items:center;gap:9px;margin-top:10px}.crop-controls>span{font-weight:bold;color:#666}.crop-controls input[type=range]{flex:1}.choose-image-small{white-space:nowrap;padding:0 9px;height:25px}.image-editor-error{margin-top:10px;border:1px solid #dd3c10;background:#ffebe8;color:#8a1f11;padding:7px 9px}.image-editor-card.avatar-mode .crop-canvas-wrap{width:360px}.image-editor-card.cover-mode .crop-canvas-wrap{width:560px}
.comment-compose{display:flex;align-items:center;border-top:1px solid #d5d9e1;padding-top:4px;margin-top:3px;overflow-anchor:none}.comment-compose img{width:30px;height:30px;object-fit:cover;margin-right:6px;flex:0 0 30px}.comment-compose input{height:31px;flex:1;min-width:0;border:1px solid #bdc7d8;background:#fff;padding:5px 7px;outline:0;font-size:11px}.comment-compose input:focus{border-color:#6d84b4;box-shadow:0 0 0 1px rgba(109,132,180,.12)}.comment-list,.comments{overflow-anchor:none}.comment-compose-submit{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.profile-photo-action{position:absolute;z-index:70;height:27px;border:1px solid #555;background:rgba(255,255,255,.94);color:#333;font-weight:bold;padding:0 10px;cursor:pointer;box-shadow:0 1px 1px rgba(0,0,0,.12)}.profile-photo-action:hover{background:#fff}.profile-photo-action.avatar-action{left:24px;bottom:18px}.profile-photo-action.cover-action{right:12px;bottom:12px}
@media(max-width:680px){.fb-modal-layer{padding-top:45px}.image-editor-card{width:calc(100vw - 18px)}.image-drop-zone{height:260px}.fb-modal-body{max-height:75vh}.profile-photo-action.avatar-action{left:10px;bottom:10px}.profile-photo-action.cover-action{right:10px;bottom:10px}}


/* v3.6 interaction stability */
.topbar{pointer-events:auto!important;z-index:12000!important}
.topbar-inner,.topbar .brand,.topbar .search,.topbar .topnav,.topbar .top-icon-wrap,.topbar button{pointer-events:auto!important}
.topbar-inner>*{position:relative;z-index:1}
.top-popover{z-index:12020!important;pointer-events:auto!important}
.chat-rail{pointer-events:auto!important}
.chat-list{z-index:5!important;pointer-events:auto!important}
.chat-person{position:relative!important;z-index:6!important;pointer-events:auto!important;cursor:pointer!important}
.chat-person>*{pointer-events:none!important}
#chatPopup{z-index:13000!important}


/* v3.7 interaction / media / location */
.login-form{display:grid!important;grid-template-columns:150px 150px auto;column-gap:13px;align-items:start!important;margin-left:auto}
.login-field{min-width:150px}.login-form .login-field>span{height:14px;line-height:14px;margin:0 0 4px!important}.login-form small{display:flex;height:16px;align-items:center;margin-top:3px!important}
.login-form>.login-action{align-self:start!important;margin-top:18px!important;height:23px!important;min-width:52px;padding:0 8px!important}
.remember{height:16px!important;line-height:16px!important}.remember input{margin-right:4px!important}

.publisher-tabs .publisher-media-button{border:0;background:transparent;color:#3b5998;font-weight:bold;display:flex;align-items:center;gap:4px;height:26px;padding:0 4px}
.publisher-tabs .publisher-media-button:hover{text-decoration:underline}.publisher-media-button .tab-icon{width:18px;height:18px;object-fit:none}
.photo-preview{min-height:65px;display:flex;align-items:flex-start;gap:9px}.photo-preview.hidden{display:none!important}.photo-preview #mediaPreviewStage{max-width:360px}.photo-preview #mediaPreviewStage>img{display:block;max-width:220px;max-height:130px;object-fit:contain;border:1px solid #aaa;padding:2px;background:#fff}.photo-preview button{position:static!important;margin-top:2px}
.publisher-media-preview-video{width:260px;background:#111;border:1px solid #777;padding:3px}.publisher-media-preview-video video{width:100%;max-height:145px;display:block;background:#000}

.media-upload-card{width:560px}.media-drop-zone{height:285px;border:2px dashed #aab3c2;background:#f7f8fa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#666;text-align:center}.media-drop-zone.dragover{border-color:#3b5998;background:#edf2fb}.media-drop-icon{width:24px;height:24px;object-fit:none}.media-choose-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;height:26px;padding:0 12px}.media-choose-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.media-drop-zone small{color:#999}.media-upload-preview{min-height:285px;background:#111;border:1px solid #888;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-upload-preview img{max-width:100%;max-height:360px;object-fit:contain}.media-upload-preview video{width:100%;max-height:360px;background:#000}

.location-card{width:525px}.location-body{padding:12px 14px}.current-location-btn{width:100%;height:38px;border:1px solid #bdc7d8;background:#f5f6f7;text-align:left;color:#3b5998;font-weight:bold;display:flex;align-items:center;gap:8px;padding:0 10px}.current-location-btn img{width:18px;height:18px;object-fit:none}.location-search-form{display:flex;margin-top:10px;gap:6px}.location-search-form input{flex:1;height:30px;border:1px solid #bdc7d8;padding:5px 7px;font-size:12px}.location-search-form button{height:30px}.location-status{min-height:22px;padding:6px 2px;color:#777}.location-result{width:100%;border:0;border-top:1px solid #eee;background:#fff;text-align:left;padding:8px 5px;display:flex;align-items:flex-start;gap:7px}.location-result:hover{background:#eceff5}.location-result img{width:18px;height:18px;object-fit:none;margin-top:1px}.location-result b{display:block;color:#3b5998;font-size:11px}.location-result small{display:block;color:#777;margin-top:2px;line-height:1.35}.osm-attribution{text-align:right;color:#999;font-size:9px;margin-top:8px}

.fb-video-embed{position:relative;max-width:430px;background:#050505;border:1px solid #333;box-shadow:0 1px 1px rgba(0,0,0,.15);margin-top:6px;overflow:hidden}.fb-video-embed video{display:block;width:100%;max-height:430px;background:#000}.fb-video-center-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-55%);width:54px;height:42px;border:1px solid rgba(255,255,255,.65);border-radius:4px;background:rgba(0,0,0,.58);color:#fff;font-size:25px;line-height:36px;text-align:center;padding-left:4px}.fb-video-controls{height:29px;background:linear-gradient(#343434,#181818);border-top:1px solid #444;display:flex;align-items:center;padding:0 6px;gap:6px;color:#ddd}.fb-video-controls button{border:0;background:transparent;color:#fff;padding:2px 4px;font-size:11px}.fb-video-controls input[type=range]{flex:1;min-width:60px;height:12px}.fb-video-time{font:10px Arial;color:#ccc;white-space:nowrap}.shared-post-card .fb-video-embed{max-width:100%}

.profile-photo-action.avatar-action{left:18px!important;bottom:18px!important;width:116px!important;max-width:116px!important;padding:0 5px!important;font-size:10px!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.profile-photo-action.cover-action{right:12px!important;bottom:12px!important;max-width:150px!important}

.topbar{z-index:12000!important}.topbar .top-popover{z-index:12020!important}.topbar button,.topbar a,.topbar input{pointer-events:auto!important}.topbar .top-icon-wrap{position:relative;z-index:3}.topbar .search{z-index:2}.topbar .topnav{z-index:3}
@media(max-width:740px){.login-form{display:flex!important}.login-form>.login-action{margin-top:0!important}.media-upload-card,.location-card{width:calc(100vw - 18px)}}

/* v3.8 interaction + 2012 chrome refinements */
.topbar button:focus,.topbar a:focus{outline:0}
.top-icon:focus-visible,.user-nav:focus-visible,.home-nav:focus-visible,.brand:focus-visible{outline:1px dotted rgba(255,255,255,.75);outline-offset:-2px}
.top-icon.is-open{background:#2f477a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.top-popover{width:300px;max-width:calc(100vw - 16px);border:1px solid #555;box-shadow:0 2px 7px rgba(0,0,0,.27);background:#fff}
.top-popover.viewport-popover{position:fixed;right:auto}
.top-popover.account-popover{width:180px}
.top-icon b.badge-empty{display:none}
.top-popover .popover-head{height:31px;padding:7px 9px;background:#f2f2f2;border-bottom:1px solid #ccc;font-size:11px}
.top-popover .popover-head b{color:#333}
.top-popover .popover-head a{font-weight:normal}
.top-popover .ticker-static{min-height:44px;padding:12px 10px;color:#777;font-size:11px}
.request-row{min-height:55px;padding:6px 8px}
.request-row img{width:42px;height:42px}
.confirm-request{height:23px;padding:0 8px}

.profile-username{display:block;font:normal 11px "Lucida Grande",Tahoma,Verdana,Arial,sans-serif;color:#d8dfea;margin-top:3px;text-shadow:0 1px 2px #000;letter-spacing:0}
.profile-tab-panel{min-height:120px}
.profile-tab-simple{border:1px solid #d8dfea;background:#fff;padding:14px;margin-top:12px}
.profile-nav button{outline:0}
.profile-nav button:focus{outline:0}

.create-item-card{width:480px;max-width:calc(100vw - 28px)}
.create-form-body{padding:13px 15px}
.create-form-body>label,.create-form-two label{display:block;font-weight:bold;color:#555;margin-bottom:10px}
.create-form-body input,.create-form-body textarea{display:block;width:100%;margin-top:4px;border:1px solid #bdc7d8;background:#fff;padding:6px;font:12px "Lucida Grande",Tahoma,Verdana,Arial,sans-serif;outline:0}
.create-form-body input:focus,.create-form-body textarea:focus{border-color:#6d84b4;box-shadow:0 0 0 1px #d8dfea}
.create-form-body textarea{height:82px;resize:vertical}
.create-form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}

.event-card{background:#fff;min-height:78px;padding:10px 4px;border-bottom:1px solid #ddd}
.event-copy{flex:1;min-width:0}
.event-title{color:#3b5998;font-size:12px}
.event-description{color:#555!important;margin-top:5px!important}
.event-card small{color:#888}
.event-rsvp.joined{color:#555;background:#e9e9e9}

.group-card{background:#fff;min-height:72px;padding:10px 4px;border-bottom:1px solid #ddd}
.group-icon{width:46px;height:46px;background:#eceff5;border:1px solid #d8dfea;display:grid;place-items:center;margin-right:9px;flex:0 0 46px}
.group-icon img{width:24px;height:24px;object-fit:none}
.group-copy{flex:1;min-width:0}
.group-copy>b{color:#3b5998;font-size:12px}
.group-copy p{margin:4px 0;color:#555;line-height:1.35}
.group-copy small{color:#888}
.group-join.joined{color:#555;background:#e9e9e9}

@media(max-width:740px){
  .create-form-two{grid-template-columns:1fr}
  .top-popover{max-width:calc(100vw - 12px)}
}


/* v3.9 - direct native file pickers and reliable create controls */
.native-file-picker{
  display:block!important; position:relative!important; inset:auto!important;
  width:230px!important; max-width:100%!important; height:30px!important;
  opacity:1!important; visibility:visible!important; pointer-events:auto!important;
  color:#333!important; background:#fff!important; border:1px solid #bdc7d8!important;
  padding:2px!important; margin:2px auto!important; cursor:pointer!important;
  font:11px "Lucida Grande",Tahoma,Verdana,Arial,sans-serif!important;
  z-index:20!important;
}
.native-file-picker::file-selector-button{
  height:24px; margin:-1px 7px -1px -1px; padding:0 10px;
  border:1px solid #999; background:linear-gradient(#fff,#eee); color:#333;
  font-weight:bold; cursor:pointer;
}
.native-file-picker::-webkit-file-upload-button{
  height:24px; margin:-1px 7px -1px -1px; padding:0 10px;
  border:1px solid #999; background:linear-gradient(#fff,#eee); color:#333;
  font-weight:bold; cursor:pointer;
}
.native-image-picker.compact{width:205px!important;margin:0 0 0 8px!important;display:inline-block!important;vertical-align:middle!important}
.media-drop-zone .native-media-picker{margin:2px auto!important}
#createEventBtn,#createGroupBtn,#eventCreateSubmit,#groupCreateSubmit{
  position:relative!important; z-index:40!important; pointer-events:auto!important; cursor:pointer!important;
}
#page-events .section-head,#page-groups .section-head{position:relative;z-index:3}
#eventModal,#groupModal{z-index:15050!important}

/* v4 retrobook branding + admin-ready UI */
.brand,.login-brand{ text-transform:none; }
.top-icon img{opacity:.72;filter:grayscale(1) brightness(.35)}
.top-icon:hover img,.top-icon.is-open img{opacity:1;filter:brightness(0) invert(1)}
.top-icon.is-open{background:#253f78;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 3px 9px rgba(0,0,0,.55)}
.top-icon.is-open::after{content:'';position:absolute;inset:4px;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.35) inset}
.down{display:inline-block;color:#d6d9e7}
.top-icon.is-open .down{color:#fff}
.verified-badge{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;margin-left:4px;border-radius:50%;background:#3b78d8;color:#fff;font:bold 11px/1 Arial,sans-serif;vertical-align:middle;box-shadow:0 1px 0 rgba(0,0,0,.25)}
.inline-username{color:#7b8398;font-weight:normal}
.username-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.username-suggestions-label{font-size:11px;color:#666;margin-right:2px;align-self:center}
.username-suggestion-chip{border:1px solid #bdc7d8;background:#f3f5fa;color:#29447e;border-radius:999px;padding:3px 8px;font-size:11px;cursor:pointer}
.username-suggestion-chip:hover{background:#e8edf7}
.share-glyph{display:inline-flex;align-items:center;justify-content:center;font:700 15px/1 Arial,sans-serif;color:#6a7385;width:18px;height:18px}
.action-button:hover .share-glyph,.action-button.liked .share-glyph{color:#3b5998}
.story-author .verified-badge,.profile-story-head .verified-badge,.shared-post-head .verified-badge{transform:translateY(-1px)}
.group-card-rich{display:block;padding:14px}
.group-card-top{display:flex;align-items:flex-start;gap:14px}
.group-post-box{margin:12px 0;border-top:1px solid #e4e7f0;padding-top:12px}
.group-post-input{width:100%;min-height:70px;resize:vertical;border:1px solid #bdc7d8;border-radius:4px;padding:9px;font:13px Arial,sans-serif;background:#fff}
.group-post-actions{display:flex;justify-content:flex-end;margin-top:8px}
.group-post-feed{display:grid;gap:10px;margin-top:10px}
.group-post-item{border:1px solid #d8dfea;border-radius:4px;background:#fafbff;padding:10px}
.group-post-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.group-post-head img{width:34px;height:34px;border-radius:4px;object-fit:cover}
.group-post-head small{display:block;color:#888;margin-top:2px}
.group-post-item p{margin:6px 0 0;white-space:pre-wrap;word-break:break-word}
.group-locked-note{margin-top:10px;padding:10px 12px;background:#f7f8fb;border:1px dashed #cfd6e6;color:#667}
#adminApp .verified-badge{margin-left:0}
.dynamic-ad .ad-image{white-space:pre-line}
.dynamic-ad .ad-image.default{background:linear-gradient(180deg,#f7d673,#c49a37);color:#4b2f00}
.dynamic-ad .ad-image.alt{background:linear-gradient(180deg,#cbdbff,#8aa6e8);color:#17346c}
.dynamic-ad .ad-image.neon{background:linear-gradient(180deg,#0e0f20,#2a1f4f);color:#9ffcff}
.dynamic-ad .ad-image.warm{background:linear-gradient(180deg,#ffd7b0,#ee9361);color:#6f2500}
.profile-edit-grid>div>.username-suggestions{max-width:360px}

/* v4.3 interaction + Timeline 2012 profile */
.topbar-inner{gap:0}
.brand{flex:0 0 auto;margin-right:4px}
.top-icon-mid{order:1;border-left:1px solid #29447e;border-right:1px solid rgba(255,255,255,.08);padding:0 5px;margin-right:7px;height:27px}
.topbar .search{order:2;width:350px;margin-right:auto}
.topbar .topnav{order:3;margin-left:8px}
.account-top-icon{width:22px!important;padding:3px!important}
.top-icon img{opacity:.78;filter:grayscale(1) brightness(.35)!important}
.top-icon:hover img,.top-icon.is-open img{opacity:1;filter:brightness(0) invert(1)!important}
.top-icon.is-open{background:#263f75!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.45),0 2px 5px rgba(0,0,0,.45)!important}
.top-icon.is-open::after{display:none!important}

/* Native file pickers: do not put a transparent control over a custom button. */
input[type="file"].direct-picker{display:block!important;appearance:auto!important;-webkit-appearance:auto!important;position:relative!important;z-index:50!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;width:min(330px,90%)!important;height:34px!important;border:0!important;background:transparent!important;padding:0!important;color:#333!important;cursor:pointer!important}
input[type="file"].direct-picker::file-selector-button,input[type="file"].direct-picker::-webkit-file-upload-button{height:30px!important;padding:0 14px!important;border:1px solid #888!important;background:linear-gradient(#fff,#e6e6e6)!important;color:#333!important;font:bold 12px Arial,sans-serif!important;cursor:pointer!important;border-radius:2px!important}
.image-drop-zone,.media-drop-zone{pointer-events:auto!important}

/* Comment composer must retain focus and scroll position. */
.comment-compose,.comment-compose input{scroll-margin:0!important;overflow-anchor:none!important}
.comment-compose input{touch-action:manipulation!important;pointer-events:auto!important;position:relative!important;z-index:2!important}
.comments{contain:layout style;overflow-anchor:none!important}

/* Profile shell based on early-2012 Timeline proportions. */
.profile-2012-shell{width:100%;font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;color:#1c2a47}
.profile-2012-hero{border:1px solid #b8c3d6;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.profile-2012-cover{height:314px!important;background:#111!important;overflow:hidden!important}
.profile-2012-cover .cover-image{width:100%!important;height:100%!important;object-fit:cover!important;cursor:zoom-in}
.profile-2012-namebar{height:60px;position:relative;background:#fff;border-top:1px solid #eee;border-bottom:1px solid #d5d9e1}
.profile-2012-namebar .profile-avatar-large{position:absolute!important;left:24px!important;top:-120px!important;bottom:auto!important;width:166px!important;height:166px!important;object-fit:cover!important;background:#fff!important;padding:4px!important;border:1px solid #9a9a9a!important;box-shadow:0 1px 3px rgba(0,0,0,.4)!important;z-index:6;cursor:zoom-in}
.profile-2012-name{position:absolute;left:205px;top:14px;max-width:330px}.profile-2012-name h1{margin:0!important;position:static!important;color:#1c2a47!important;text-shadow:none!important;font:bold 22px Arial,sans-serif!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-2012-name>small{display:block;color:#777;margin-top:2px}
.profile-2012-actions{position:absolute;right:14px;top:16px;display:flex;gap:7px;align-items:center}.profile-2012-actions .profile-action{height:28px}
.profile-2012-namebar .profile-photo-action.avatar-action{position:absolute!important;left:31px!important;top:24px!important;bottom:auto!important;right:auto!important;width:151px!important;max-width:151px!important;height:24px!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;z-index:8!important}
.profile-2012-cover .profile-photo-action.cover-action{position:absolute!important;right:10px!important;bottom:10px!important;left:auto!important;top:auto!important;max-width:145px!important}
.profile-2012-overview{display:flex;min-height:105px;background:#fff}
.profile-2012-about-card{width:320px;position:relative;border-right:1px solid #d8dfea;padding:10px 12px 28px 25px;background:#f7f8fa}.about-lines{font-size:11px;color:#4c566c;line-height:19px;white-space:nowrap;overflow:hidden}.about-lines b{color:#3b5998}.overview-link{position:absolute;bottom:0;left:0;right:0;width:100%;height:25px;border:0;border-top:1px solid #d8dfea;background:#fff;color:#3b5998;font-size:11px;cursor:pointer}
.profile-2012-strip{display:grid;grid-template-columns:repeat(4,1fr);flex:1;min-width:0}.profile-2012-section{min-width:0;position:relative;border:0;border-right:1px solid #e2e5ec;background:#fff;padding:0;display:flex;flex-direction:column;cursor:pointer;text-align:left;color:#3b5998}.profile-2012-section:last-child{border-right:0}.profile-2012-section>span,.profile-section-link{height:25px;border:0;border-top:1px solid #e3e6ed;background:#fff;padding:5px 7px;color:#3b5998;font-size:11px;text-align:left}.profile-2012-section small{color:#999}.profile-2012-thumbgrid{height:79px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:2px;padding:2px;overflow:hidden;background:#eef1f6}.profile-2012-thumbgrid img{width:100%;height:100%;object-fit:cover;min-width:0;cursor:default}.profile-2012-thumbgrid.photos img{cursor:zoom-in}.profile-2012-map-card,.profile-2012-like-card{height:79px;display:flex;align-items:center;justify-content:center;background:#eef1f6;color:#65728a;text-align:center;padding:6px;font-size:10px;overflow:hidden}.profile-2012-like-card{font:bold 35px Georgia;color:#6d84b4}.profile-photos-section .profile-section-link{width:100%;cursor:pointer}.empty-thumb{grid-column:1/3;grid-row:1/3;display:grid;place-items:center;color:#999;font-size:10px}
.profile-2012-nav{height:31px!important;padding-left:0!important;border:0!important;border-top:1px solid #d8dfea!important;background:#f7f8fa!important}.profile-2012-nav button{height:30px!important;padding:0 15px!important;font-size:11px!important;background:transparent!important;border-left:0!important;border-right:1px solid #d8dfea!important}.profile-2012-nav button.active{background:#fff!important;color:#333!important}
.profile-2012-timeline{display:grid;grid-template-columns:410px 1fr;gap:12px;margin-top:14px;align-items:start}.profile-2012-leftstream,.profile-2012-rightstream{min-width:0}.profile-2012-posts{display:grid;gap:12px}.profile-2012-publisher{background:#fff;border:1px solid #c4cde0;margin-bottom:12px;padding:0 7px 8px;position:relative}.profile-2012-publisher-tabs{height:38px;display:flex;align-items:center;border-bottom:1px solid #d8dfea}.profile-2012-publisher-tabs button{border:0;background:#fff;color:#3b5998;font:bold 11px Arial;padding:0 10px;height:30px;border-right:1px solid #ddd;cursor:pointer}.profile-2012-publisher-tabs button.active{color:#333}.profile-2012-publisher textarea{width:100%;height:44px;resize:vertical;border:1px solid #bdc7d8;padding:8px;font:12px Arial;margin-top:5px}.profile-2012-publisher-foot{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:8px}.profile-2012-publisher-foot span{color:#777;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-composer-media{border:1px solid #d8dfea;margin-top:5px;background:#f7f8fa;padding:5px}.profile-composer-media img,.profile-composer-media video{display:block;max-width:100%;max-height:240px;margin:auto;object-fit:contain}
.profile-story-card{margin-bottom:0!important;border:1px solid #c4cde0!important;box-shadow:none!important}.profile-story-head{padding-top:8px}.profile-story-head img{width:34px;height:34px}.profile-2012-panel{background:#fff;border:1px solid #c4cde0;margin-bottom:12px}.profile-2012-panel-head{min-height:44px;background:#f7f8fa;border-bottom:1px solid #d8dfea;padding:8px 10px;position:relative}.profile-2012-panel-head b{display:block;color:#3b5998;font-size:13px}.profile-2012-panel-head span{font-size:10px;color:#999}.profile-2012-panel-head button{position:absolute;right:8px;top:14px;border:0;background:transparent;color:#3b5998;font-size:10px;cursor:pointer}.profile-2012-friend-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:4px}.profile-2012-friend-wall .profile-2012-tile{position:relative;height:98px;overflow:hidden;background:#eef1f6;text-decoration:none}.profile-2012-friend-wall img{width:100%;height:100%;object-fit:cover}.profile-2012-friend-wall span{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.55);color:#fff;font-size:9px;padding:3px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-2012-activity{font-size:11px}.profile-2012-activity>div{padding:9px 10px;border-bottom:1px solid #e5e7ed;color:#596274}.profile-2012-detail-tab{margin-top:12px!important;border:1px solid #c4cde0!important;background:#fff!important}
.profile-2012-activity>div b,.profile-2012-activity>div span{display:block}.profile-2012-activity>div b{color:#3b5998;margin-bottom:3px}.profile-2012-activity>div span{color:#777;font-size:10px;line-height:1.35}
.profile-load-more{display:block;width:100%;height:34px;margin:10px 0 0;border:1px solid #b8c4d8;background:linear-gradient(#fff,#edf0f5);color:#3b5998;font:bold 11px Arial,sans-serif;cursor:pointer}.profile-load-more:hover{background:#e7ebf2}.profile-load-more:disabled{color:#888;cursor:wait}
.profile-friends-2012-tab{padding:0!important;overflow:hidden}.profile-friends-2012-head{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid #c4cde0;background:#f7f8fa}.profile-friends-2012-head>div{display:flex;align-items:baseline;gap:7px}.profile-friends-2012-head h3{margin:0;color:#333;font:bold 15px Arial,sans-serif}.profile-friends-2012-head small{color:#8993a4;font-size:10px}.profile-friends-2012-search{position:relative;width:190px}.profile-friends-2012-search input{width:100%;height:23px;border:1px solid #bdc7d8;background:#fff;padding:2px 24px 2px 7px;font:10px Arial,sans-serif;outline:0}.profile-friends-2012-search img{position:absolute;right:5px;top:4px;width:14px;height:14px;opacity:.55;pointer-events:none}.profile-friends-2012-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;padding:0 13px}.profile-friend-2012-row{min-width:0;min-height:76px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:8px;border-bottom:1px solid #e3e6ed;padding:10px 0}.profile-friend-2012-avatar{display:block;width:52px;height:52px;border:1px solid #c5c9d2;background:#eef1f6}.profile-friend-2012-avatar img{display:block;width:100%;height:100%;object-fit:cover}.profile-friend-2012-copy{min-width:0}.profile-friend-2012-name{display:block;color:#3b5998;font:bold 11px Arial,sans-serif;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-friend-2012-name:hover{text-decoration:underline}.profile-friend-2012-copy small{display:block;margin-top:5px;color:#8990a0;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-friend-2012-action{height:23px;border:1px solid #9aa5bb;background:linear-gradient(#fff,#e8ebf1);color:#333;font:bold 9px Arial,sans-serif;padding:0 7px;white-space:nowrap;cursor:pointer}.profile-friend-2012-action:hover{background:#dfe5ef}.profile-friends-empty{padding:28px;text-align:center;color:#777;font-size:11px}.friends-load-more{width:calc(100% - 26px);margin:12px 13px}
[data-avatar-user],[data-profile-user]{cursor:pointer}.thread-msg-author[data-profile-user]:hover,.thread-item b[data-profile-user]:hover,.message-preview b[data-profile-user]:hover{text-decoration:underline}
.chat-person [data-profile-user]{pointer-events:auto!important}.chat-person b[data-profile-user]:hover{text-decoration:underline}
.photo-viewer-source{cursor:zoom-in!important}

/* Share popup */
.share-modal-card{width:520px}.share-modal-text{display:block;width:100%;min-height:82px;resize:vertical;border:1px solid #bdc7d8;padding:8px;font:12px Arial}.share-modal-preview{margin-top:10px;border:1px solid #d8dfea;background:#f7f8fa;padding:10px;color:#333}.share-modal-preview p{margin:5px 0}.share-modal-preview img{display:block;max-width:100%;max-height:220px;margin-top:7px;object-fit:contain}.share-modal-card .fb-modal-foot{display:flex;gap:7px;justify-content:flex-end}.share-modal-card .fb-modal-foot select{margin-right:auto}

/* Photo lightbox with keyboard and previous/next navigation. */
.photo-viewer-layer{position:fixed;inset:0;z-index:26000;background:rgba(0,0,0,.91);display:flex;align-items:center;justify-content:center;padding:50px 84px}.photo-viewer-layer.hidden{display:none!important}.photo-viewer-stage{max-width:min(1100px,calc(100vw - 180px));max-height:calc(100vh - 90px);display:flex;flex-direction:column;align-items:center;justify-content:center}.photo-viewer-stage img{max-width:100%;max-height:calc(100vh - 130px);object-fit:contain;box-shadow:0 2px 18px rgba(0,0,0,.6)}.photo-viewer-caption{min-height:24px;color:#ddd;padding-top:9px;font-size:12px;text-align:center}.photo-viewer-close{position:absolute;right:18px;top:12px;width:42px;height:42px;border:0;background:transparent;color:#fff;font:36px/1 Arial;cursor:pointer}.photo-viewer-nav{position:absolute;top:50%;transform:translateY(-50%);width:58px;height:90px;border:0;background:rgba(255,255,255,.07);color:#fff;font:58px/1 Arial;cursor:pointer}.photo-viewer-nav:hover{background:rgba(255,255,255,.15)}.photo-viewer-nav.prev{left:13px}.photo-viewer-nav.next{right:13px}.photo-viewer-nav:disabled{opacity:.25;cursor:default}
.gif-avatar-preview-wrap{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#181818}.gif-avatar-preview{max-width:82%;max-height:82%;object-fit:contain;border:1px solid #666}.gif-avatar-note{color:#ddd;font-size:11px;margin-top:8px}.crop-controls.gif-mode #cropZoom,.crop-controls.gif-mode>span:first-child{display:none!important}

@media(max-width:1000px){.profile-2012-timeline{grid-template-columns:1fr}.profile-2012-rightstream{display:none}.profile-2012-overview{display:block}.profile-2012-about-card{width:100%;border-right:0}.profile-2012-strip{min-height:104px}.profile-2012-namebar .profile-avatar-large{width:128px!important;height:128px!important;top:-90px!important}.profile-2012-name{left:165px}.profile-2012-actions{right:8px}.topbar .search{width:280px}}

/* v4.4 exact 2012 top jewels from user-provided 16px assets */
.top-icon-wrap,.top-icon-mid{border-left:0!important;border-right:0!important;padding-left:0!important;padding-right:0!important;box-shadow:none!important}
.top-icon-mid{gap:2px;margin-right:7px!important}
.top-icon{width:26px!important;height:27px!important;padding:5px!important;border:0!important;border-radius:0!important;box-shadow:none}
.top-icon img{width:16px!important;height:16px!important;object-fit:contain!important;opacity:1!important;filter:none!important;image-rendering:auto}
.top-icon:hover{background:rgba(0,0,0,.08)!important}
.top-icon.is-open{background:#29447e!important;box-shadow:inset 0 1px rgba(0,0,0,.25)!important}
.top-icon.is-open img{filter:brightness(0) invert(1)!important;opacity:1!important}
.top-icon.is-open::after{display:none!important}

/* private Activity Log */
.activity-log-panel{padding:14px 16px;background:#fff;border:1px solid #c4cde0;border-top:0}
.activity-log-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1e5ee;padding-bottom:10px;margin-bottom:10px}
.activity-log-head h3{margin:0;font-size:16px;color:#333}
.activity-log-head small{color:#777}
.activity-log-filters{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.activity-filter{border:1px solid #bdc7d8;background:#f5f6f8;color:#3b5998;font:bold 11px Arial;padding:5px 9px;cursor:pointer}
.activity-filter.active{background:#627aad;color:#fff;border-color:#4e69a2}
.activity-log-list{display:grid;gap:0}
.activity-log-item{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:10px 4px;border-bottom:1px solid #eceff5}
.activity-log-icon{width:24px;height:24px;border-radius:3px;background:#e7ebf3;color:#3b5998;display:grid;place-items:center;font:bold 12px Arial}
.activity-log-copy b{display:block;color:#333;font-size:12px}.activity-log-copy p{margin:3px 0;color:#555;font-size:12px;line-height:1.4}.activity-log-copy small{color:#999;font-size:10px}
.activity-log-private{margin-top:12px;padding:8px 10px;background:#f5f6f8;border:1px solid #e0e4ed;color:#777;font-size:11px}

/* v4.5 profile editor stability + legacy profile icons */
.profile-action{display:inline-flex;align-items:center;justify-content:center;gap:5px}
.profile-action-icon{width:16px;height:16px;object-fit:contain;flex:0 0 16px}
.profile-legacy-iconset{display:inline-flex;align-items:center;gap:2px;margin-left:1px}
.profile-mini-icon-btn{width:27px;height:27px;border:1px solid #9aa5bc;background:linear-gradient(#fff,#eceff4);padding:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.profile-mini-icon-btn:hover{background:#e8edf6}
.profile-mini-icon-btn img{width:16px;height:16px;object-fit:contain}
.profile-edit-box input,.profile-edit-box textarea,.profile-edit-box select{position:relative;z-index:2;pointer-events:auto!important}
.profile-edit-box{position:relative;z-index:3}

/* v4.6 profile cleanup + reliable create controls */
.profile-legacy-iconset{display:none!important}
#eventCreateSubmit,#groupCreateSubmit,#createEventBtn,#createGroupBtn{pointer-events:auto!important;cursor:pointer!important}


/* v4.7 editable post visibility */
.story-time{overflow:visible}
.post-privacy-wrap{position:relative;display:inline-block;vertical-align:middle}
.post-privacy-trigger{display:inline-flex!important;align-items:center;gap:2px;border:0!important;background:transparent!important;color:#777!important;font:10px Arial,sans-serif!important;padding:0 2px!important;cursor:pointer!important;vertical-align:baseline}
.post-privacy-trigger:hover{color:#3b5998!important;text-decoration:underline}
.post-privacy-trigger img,.post-privacy-static img{width:11px;height:11px;object-fit:contain;vertical-align:-2px;margin-right:2px;opacity:.72}
.post-privacy-trigger i{font-style:normal;font-size:8px;margin-left:1px}
.post-privacy-static{display:inline-flex;align-items:center;color:#999}
.post-privacy-menu{position:absolute;left:0;top:18px;width:205px;background:#fff;border:1px solid #777;box-shadow:0 2px 7px rgba(0,0,0,.22);padding:4px 0;z-index:100}
.post-privacy-menu button{display:block!important;width:100%!important;height:auto!important;text-align:left!important;background:#fff!important;border:0!important;color:#333!important;padding:7px 10px!important;line-height:1.2!important}
.post-privacy-menu button:hover{background:#6d84b4!important;color:#fff!important}
.post-privacy-menu button b{display:block;font-size:11px}
.post-privacy-menu button small{display:block;font-size:9px;color:#888;margin-top:2px}
.post-privacy-menu button:hover small{color:#e7ecf7}
.profile-story-head small .post-privacy-wrap,.profile-story-head small .post-privacy-static{vertical-align:middle}

/* v4.9 — 2012 Messages / attachments */
.messages-page-2012{padding-top:0!important}
.messages-layout-2012{height:690px;width:100%;border:1px solid #bdc7d8;background:#fff;display:grid;grid-template-columns:225px minmax(0,1fr);overflow:hidden}
.messages-inbox-column{display:grid;grid-template-rows:43px 38px minmax(0,1fr);min-width:0;border-right:1px solid #c9d0df;background:#fff}
.messages-inbox-tabs{display:flex;align-items:center;gap:14px;padding:0 10px;border-bottom:1px solid #d8dfea;color:#777;font-size:11px;white-space:nowrap}
.messages-inbox-tabs b{color:#333}.messages-inbox-tabs button{margin-left:auto;border:0;background:transparent;color:#666;font-size:10px;padding:3px}
.messages-thread-search{position:relative;padding:7px 9px;border-bottom:1px solid #e3e6ed;background:#fafafa}
.messages-thread-search input{width:100%;height:23px;border:1px solid #bdc7d8;padding:2px 25px 2px 7px;font:10px Arial,sans-serif;outline:0}
.messages-thread-search img{position:absolute;right:15px;top:12px;width:14px;height:14px;object-fit:contain;opacity:.55}
.messages-layout-2012 .thread-list{border-right:0;overflow:auto}
.messages-layout-2012 .thread-item{height:63px;padding:7px 8px;border-bottom:1px solid #e8e8e8;position:relative;cursor:pointer}
.messages-layout-2012 .thread-item img{width:43px;height:43px;margin-right:8px}
.messages-layout-2012 .thread-item b{font-size:11px;color:#2d4f8b;margin-top:1px}
.messages-layout-2012 .thread-item small{font-size:9px;color:#888;line-height:1.25;margin-top:3px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.messages-layout-2012 .thread-item .thread-time{position:absolute;right:6px;top:7px;font-size:8px;color:#aaa;font-weight:normal}
.messages-layout-2012 .thread-item.active{background:#6d84b4;color:#fff}
.messages-layout-2012 .thread-item.active b,.messages-layout-2012 .thread-item.active small,.messages-layout-2012 .thread-item.active .thread-time{color:#fff}
.messages-layout-2012 .thread-panel{position:static;display:grid;grid-template-rows:43px minmax(0,1fr) auto;min-width:0;min-height:0;background:#fff}
.messages-layout-2012 .thread-head{height:43px;padding:0 10px;border-bottom:1px solid #c9d0df;background:#fff;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#333}
.thread-head-profile{display:inline-flex;align-items:center;gap:7px;max-width:270px;border:0;background:transparent;color:#3b5998;font:bold 11px Arial,sans-serif;padding:0;cursor:pointer}.thread-head-profile:hover span{text-decoration:underline}.thread-head-profile img{width:28px;height:28px;object-fit:cover;border:1px solid #d0d4dc}
.thread-head-actions{display:flex;gap:5px;align-items:center}.thread-head-actions .gray-btn{height:25px;padding:0 8px;font-size:9px}
.messages-layout-2012 .thread-messages{position:static;inset:auto;overflow:auto;padding:12px 15px 16px;background:#fff;min-height:0}
.messages-layout-2012 .thread-msg{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) auto;column-gap:8px;margin:0;padding:8px 0;border-bottom:0;align-items:start}
.messages-layout-2012 .thread-msg img{width:32px;height:32px;margin:0;object-fit:cover;grid-column:1;grid-row:1/3}
.messages-layout-2012 .thread-msg.mine{justify-content:initial}
.messages-layout-2012 .thread-msg.mine img{order:initial;margin:0}
.messages-layout-2012 .thread-msg .thread-msg-body{grid-column:2;min-width:0}
.messages-layout-2012 .thread-msg .thread-msg-author{display:block;color:#3b5998;font-size:10px;margin-bottom:3px}
.messages-layout-2012 .thread-msg p{margin:0;padding:0;background:transparent!important;max-width:none;line-height:1.45;color:#333;font-size:10px;white-space:pre-wrap;word-break:break-word}
.messages-layout-2012 .thread-msg .thread-msg-time{grid-column:3;color:#aaa;font-size:8px;white-space:nowrap;padding-left:8px}
.thread-message-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px;max-width:470px}
.thread-message-image{display:block;width:138px;height:104px;object-fit:cover;border:1px solid #bdc7d8;background:#f5f5f5;cursor:pointer}
.thread-message-file{display:flex;align-items:center;gap:7px;min-width:220px;max-width:360px;border:1px solid #d8dfea;background:#f5f6f7;padding:7px 9px;color:#3b5998;text-decoration:none;font-size:10px}
.thread-message-file::before{content:'📄';font-size:17px}.thread-message-file small{display:block;color:#888;margin-top:2px}
.messages-layout-2012 .thread-compose{position:static;inset:auto;height:auto;min-height:137px;border-top:1px solid #bdc7d8;background:#f2f3f5;padding:7px 10px 8px;display:block}
.messages-layout-2012 .thread-compose .typing-indicator{position:static;height:16px;background:transparent;padding:0 0 2px;margin:0;font-size:9px}
.messages-layout-2012 .thread-compose textarea{width:100%;height:69px;margin:0;resize:none;border:1px solid #bdc7d8;padding:7px;background:#fff;font:10px Arial,sans-serif;outline:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.04)}
.thread-compose-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:5px;min-height:28px}
.thread-attachment-tools{display:flex;align-items:center;gap:5px;min-width:0}.attachment-tool-label{font-size:9px;color:#888;white-space:nowrap}
.message-native-picker{width:76px!important;height:23px!important;padding:0!important;border:0!important;background:transparent!important;font-size:0!important;color:transparent!important;overflow:hidden;cursor:pointer!important}
.message-native-picker::file-selector-button{height:22px;border:0;background:transparent;color:#777;font:9px Arial,sans-serif;padding:2px 5px;cursor:pointer;text-decoration:none}
.message-native-picker::-webkit-file-upload-button{height:22px;border:0;background:transparent;color:#777;font:9px Arial,sans-serif;padding:2px 5px;cursor:pointer}
.thread-send-options{display:flex;align-items:center;gap:8px;margin-left:auto}.enter-send-label{font-size:8px;color:#999;white-space:nowrap;display:flex;align-items:center;gap:4px}.enter-send-label input{margin:0;width:12px;height:12px}
.messages-layout-2012 #threadReplyBtn{float:none;margin:0;height:23px;min-width:47px;font-size:9px;padding:0 8px}
.thread-attachment-preview{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:5px 0 0;padding:5px 0 0;border-top:1px solid #e4e4e4}
.thread-attachment-preview.hidden{display:none!important}.pending-attachment{position:relative;display:flex;align-items:center;gap:5px;border:1px solid #d8dfea;background:#fff;padding:4px 22px 4px 5px;min-height:30px;max-width:180px;font-size:9px;color:#555}
.pending-attachment img{width:32px;height:28px;object-fit:cover}.pending-attachment span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-attachment button{position:absolute;right:3px;top:3px;border:0;background:transparent;color:#777;padding:1px 3px;cursor:pointer}
.pending-attachment.uploading{opacity:.55}.pending-attachment.error{border-color:#c66;color:#a33}
@media(max-width:760px){.messages-layout-2012{grid-template-columns:105px minmax(0,1fr)}.messages-inbox-tabs span,.messages-inbox-tabs button,.attachment-tool-label{display:none}.messages-layout-2012 .thread-item{height:56px;padding:6px}.messages-layout-2012 .thread-item img{width:36px;height:36px}.messages-layout-2012 .thread-item small{display:none}.thread-head-actions #threadActionsBtn{display:none}.thread-compose-bottom{align-items:flex-end}.thread-attachment-tools{gap:2px}.message-native-picker{width:58px!important}.enter-send-label{display:none}}
.chat-line .thread-message-attachments.compact{display:flex;gap:4px;margin-top:4px;max-width:210px}
.chat-line .thread-message-attachments.compact .thread-message-image{width:72px;height:58px;border-color:#c7cfdd}
.chat-line .thread-message-attachments.compact .thread-message-file{min-width:150px;max-width:200px;padding:5px 7px;font-size:9px;background:rgba(255,255,255,.75)}

/* v5.0 live responsiveness + event delete + friends suggestions + group photos + real ads */
.friends-suggestions-box{margin-top:18px}.friends-suggestions-box h3{font-size:12px;color:#777;letter-spacing:.02em}
.suggestion-card .gray-btn{white-space:nowrap}.event-card-actions{display:flex;gap:6px;align-items:center;margin-left:auto}.event-delete{color:#8a1f1f}
.group-photo-label{display:inline-flex;align-items:center;gap:6px;border:1px solid #aaa;background:#f5f5f5;padding:5px 9px;font-weight:bold;color:#3b5998;cursor:pointer}.group-photo-label input{font-size:11px;max-width:190px}
.group-photo-preview{margin:8px 0;position:relative;display:inline-block}.group-photo-preview img{display:block;max-width:240px;max-height:180px;border:1px solid #ccc}.group-photo-remove{position:absolute;right:4px;top:4px;background:rgba(0,0,0,.7);color:#fff;border:0;padding:3px 6px;cursor:pointer}
.group-post-photo{display:block;max-width:100%;max-height:480px;margin-top:8px;border:1px solid #d4d8e1;cursor:pointer}
.ad-real-image{width:90px;height:70px;object-fit:cover;border:1px solid #c7c7c7}.sponsored-image-link{display:block;flex:0 0 auto}


/* v6.2 retro popup chat restyle */
.chat-dock{position:fixed;right:210px;bottom:0;display:flex;flex-direction:row-reverse;align-items:flex-end;gap:8px;z-index:14000;pointer-events:none}
.chat-popup-card{width:281px;height:344px;background:#f2f2f7;border:1px solid #7f8db9;border-bottom:0;border-radius:3px 3px 0 0;box-shadow:0 2px 10px rgba(0,0,0,.28);display:flex;flex-direction:column;pointer-events:auto;transition:height .12s ease,box-shadow .12s ease;overflow:hidden}
.chat-popup-card .chat-popup-head{height:31px;min-height:31px;background:linear-gradient(#5d7cbf,#4b67a8);color:#fff;font-weight:bold;padding:0 4px 0 8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;border-bottom:1px solid #314878}
.chat-popup-title{min-width:0;display:flex;align-items:center;gap:7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:600 12px/1 Arial,sans-serif;border:0;background:transparent;color:inherit;padding:0;cursor:pointer}.chat-popup-title>span{overflow:hidden;text-overflow:ellipsis}.chat-popup-title:hover>span{text-decoration:underline}
.popup-online-dot{width:9px;height:9px;min-width:9px;border-radius:50%;background:#74c043;border:1px solid rgba(255,255,255,.95);box-shadow:0 0 0 1px rgba(0,0,0,.12)}.popup-online-dot.offline{background:#a7a7a7}
.chat-popup-tools{display:flex;align-items:center;gap:2px}.chat-head-btn{width:22px;height:22px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;position:relative;border-radius:2px}.chat-head-btn:hover{background:rgba(0,0,0,.14)}.chat-head-btn::before{content:'';position:absolute;inset:0;background-repeat:no-repeat;background-position:center;background-size:15px 15px;opacity:.96}.chat-head-profile::before{background-image:url('assets/icons/friends.png');filter:brightness(0) invert(1)}.chat-head-thread::before{background-image:url('assets/icons/messages.png');filter:brightness(0) invert(1)}.chat-head-settings::before{background-image:url('assets/icons/settings.png');filter:brightness(0) invert(1)}.chat-head-close{font:bold 22px/19px Arial,sans-serif}
.chat-popup-card .chat-popup-body{height:auto;flex:1;min-height:0;overflow:auto;padding:8px 10px 10px;background:#f2f2f7}.chat-popup-card .chat-popup-typing{height:18px;min-height:18px;padding:2px 10px;color:#888;font-size:10px;border-top:1px solid #d8dce8;background:#f8f8fb}.chat-popup-stamp{font:700 11px/1 Arial,sans-serif;color:#b5b5b5;text-align:center;margin:4px 0 8px}
.chat-msg-row{display:flex;align-items:flex-end;gap:6px;margin:9px 0}.chat-msg-row.mine{justify-content:flex-end}.chat-msg-avatar{width:32px;height:32px;object-fit:cover;border:1px solid #d3d3d3;background:#fff;flex:0 0 32px}.chat-bubble-wrap{max-width:78%}.chat-bubble{position:relative;padding:10px 12px;border-radius:6px;font:12px/1.35 Arial,sans-serif;box-shadow:0 1px 2px rgba(0,0,0,.14);word-break:break-word}.chat-bubble.incoming{background:#fff;border:1px solid #d6d6d6;color:#333}.chat-bubble.mine{background:#dcebff;border:1px solid #b7d2f2;color:#333}.chat-bubble.incoming::before,.chat-bubble.mine::before{content:'';position:absolute;bottom:11px;width:10px;height:12px;background:inherit;border:inherit;border-top:0;border-right:0}.chat-bubble.incoming::before{left:-6px;transform:rotate(45deg)}.chat-bubble.mine::before{right:-6px;transform:rotate(225deg)}.chat-bubble .message-image-inline{max-width:156px;border-radius:3px}.chat-msg-row.sending .chat-bubble{opacity:.72}.chat-msg-row.send-failed .chat-bubble{border-color:#d66;background:#fff0f0}.chat-msg-row.live-flash{animation:flashComment 1.3s}
.chat-popup-card .chat-popup-form{height:38px;min-height:38px;border-top:1px solid #c8ccdb;background:#fff;display:flex;align-items:center}.chat-popup-card .chat-popup-input{flex:1;height:100%;border:0;outline:0;padding:0 9px;font:12px Arial,sans-serif;background:transparent}.chat-popup-compose-tools{display:flex;align-items:center;gap:2px;padding-right:6px}.chat-compose-btn{width:24px;height:24px;border:0;background:transparent;color:#b1b1b1;cursor:pointer;position:relative}.chat-compose-btn:hover{color:#7d7d7d}.chat-compose-camera::before{content:'';position:absolute;inset:0;background:url('assets/icons/photo_add.png') center/18px 18px no-repeat;opacity:.62}.chat-compose-emoji{font:20px/1 Arial,sans-serif;padding-bottom:1px}
.chat-popup-card.minimized{height:31px;box-shadow:0 -1px 5px rgba(0,0,0,.18)}.chat-popup-card.minimized .chat-popup-body,.chat-popup-card.minimized .chat-popup-typing,.chat-popup-card.minimized .chat-popup-form{display:none!important}.chat-popup-card.minimized .chat-popup-head{background:linear-gradient(#5572b4,#45619f)}
.group-post-head{position:relative}.group-post-delete{margin-left:auto;border:0;background:transparent;color:#6b7a99;font-size:10px;cursor:pointer;padding:3px 5px}.group-post-delete:hover{color:#b23434;text-decoration:underline}
@media(max-width:1150px){.chat-dock{right:8px}.chat-popup-card{width:260px}}@media(max-width:780px){.chat-dock{right:4px;left:4px;justify-content:flex-start;overflow-x:auto}.chat-popup-card{min-width:244px;width:244px;height:320px}}
/* v5.2 fast-live refinements */
.chat-line.sending{opacity:.72}
.chat-line.send-failed{opacity:1;background:#fff0f0!important;outline:1px solid #d77}

/* v5.3 permalink + Account Center */
.post-detail-title{height:36px;border:1px solid #c4cde0;border-bottom:0;background:#f5f6f8;display:flex;align-items:center;gap:14px;padding:0 10px;color:#333}.post-detail-back{color:#3b5998;text-decoration:none;font-weight:bold}.post-detail-link{color:#777;text-decoration:none}.post-detail-link:hover{text-decoration:underline}
.account-center-2012{max-width:690px}.account-card{background:#fff;border:1px solid #c4cde0;margin:0 0 12px;padding:14px}.account-card h3{margin:0 0 5px;color:#333;font-size:15px}.account-card p{margin:5px 0 12px;line-height:1.4;color:#555}.account-muted{font-size:12px}.account-name-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.account-name-grid label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#666}.account-name-grid input,.account-name-grid select{height:30px;border:1px solid #bdc7d8;padding:0 8px;background:#fff}.account-actions-row{margin-top:10px}.blocked-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #e5e5e5}.blocked-row:first-child{border-top:0}.blocked-row img{width:42px;height:42px;object-fit:cover}.blocked-row div{flex:1}.blocked-row small{display:block;color:#777;margin-top:3px}.account-inline{display:flex;gap:8px;align-items:center}.account-inline select{height:28px;border:1px solid #bdc7d8;background:#fff}.danger-zone{border-color:#d8b7b7}.danger-btn{background:#b94a48;color:#fff;border:1px solid #8b2f2d;border-radius:2px;padding:6px 11px;font-weight:bold;cursor:pointer}.profile-block-user{color:#7b2525!important}

/* v5.6 Account Center interaction stability */
#accountCenterContent{position:relative;z-index:1}
#accountCenterContent input,#accountCenterContent select,#accountCenterContent button{position:relative;z-index:2;pointer-events:auto!important}
#accountCenterContent select{cursor:pointer}
#accountCenterContent input:focus,#accountCenterContent select:focus{outline:1px solid #6d84b4;outline-offset:0}
.account-save-status{display:inline-block;margin-left:8px;color:#5b6b45;font-size:11px;vertical-align:middle}

/* v5.7 notifications history */
#notificationsPopover .notification-scroll{max-height:430px;overflow-y:auto;overscroll-behavior:contain;background:#fff}
#notificationsPopover .notification-row{min-height:58px}
#notificationsPopover .notification-row:last-child{border-bottom:0}

/* v5.7 friends outgoing requests */
.outgoing-requests-box{margin-top:10px}
.outgoing-request-row .gray-btn{white-space:nowrap}

/* v5.7 reliable native message attachment picker */
.thread-attachment-tools{display:flex;align-items:center;gap:10px;min-width:0}
.attachment-tool-button{position:relative;display:inline-flex;align-items:center;min-height:23px;padding:2px 5px;color:#6b6b6b;font:10px Arial,sans-serif;cursor:pointer;white-space:nowrap;border:0;background:transparent}
.attachment-tool-button:hover{color:#3b5998;text-decoration:underline}
.attachment-tool-button .message-native-picker{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;font-size:0!important;z-index:2}
.attachment-tool-button .message-native-picker::file-selector-button,.attachment-tool-button .message-native-picker::-webkit-file-upload-button{width:100%;height:100%;cursor:pointer}

/* Full-size message photos: preserve original aspect ratio instead of tiny thumbnails. */
.thread-message-attachments:not(.compact){display:block;max-width:470px}
.thread-message-attachments:not(.compact) .thread-message-image{display:block;width:auto;height:auto;max-width:100%;max-height:460px;object-fit:contain;margin:5px 0;border:1px solid #bdc7d8;background:#f7f7f7}
.thread-message-attachments:not(.compact) .thread-message-file{margin:5px 0}

/* v5.7 URL posts, simple Twitter-era style link card */
.inline-post-link,.message-link{color:#3b5998;overflow-wrap:anywhere;word-break:break-word}
.message-link{text-decoration:underline}
.post-link-card{display:block;margin:7px 0 5px;border:1px solid #c4cde0;background:#f7f7f7;padding:9px 11px;color:#333!important;text-decoration:none!important;overflow:hidden}
.post-link-card:hover{background:#eef3f8;border-color:#9aa9c4}
.post-link-card .post-link-domain{display:block;color:#777;text-transform:uppercase;font-size:9px;letter-spacing:.2px;margin-bottom:3px}
.post-link-card b{display:block;color:#3b5998;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.post-link-card small{display:block;color:#888;margin-top:4px;font-size:9px}

/* v5.8 Timeline-to-Timeline posting */
.timeline-post-context{font-weight:normal;color:#777;margin-left:3px}.timeline-post-context a{font-weight:bold;color:#3b5998;text-decoration:none}.timeline-post-context a:hover{text-decoration:underline}.timeline-friend-publisher{border-color:#aab7cf}.timeline-post-target{display:flex;align-items:center;gap:7px;padding:7px 9px;background:#f2f4f8;border-bottom:1px solid #d8dfea;color:#666;font-size:11px}.timeline-post-target img{width:24px;height:24px;object-fit:cover}.timeline-post-target b{color:#3b5998}

/* v5.9 — stable native Messages picker + richer link previews */
.message-picker-hidden{position:fixed!important;left:-10000px!important;top:-10000px!important;width:1px!important;height:1px!important;opacity:.01!important;pointer-events:none!important}
.thread-attachment-tools>.attachment-tool-button{appearance:none;-webkit-appearance:none;border:0;background:transparent;cursor:pointer;color:#6b6b6b;font:10px Arial,sans-serif;padding:3px 6px;min-height:24px}
.thread-attachment-tools>.attachment-tool-button:hover{color:#3b5998;text-decoration:underline}
.post-link-card .post-link-title{font-size:12px;line-height:1.35;white-space:normal;overflow:visible;text-overflow:clip;max-height:3.7em}


/* v6.0: copying text and external links should not trigger Retrobook navigation */
.story-text,.shared-post-text,.post-link-card,.post-link-title,.post-link-domain,.story-content p,.profile-story-card p,.comment,.comment-text,.dynamic-ad,.dynamic-ad p,.dynamic-ad b{
  -webkit-user-select:text;
  user-select:text;
}
a.sponsored-link,a.external-post-link,a.inline-post-link,a.message-link,a.post-link-card{
  cursor:pointer;
}

/* v6.3 footer + feeling system */
.site-footer{width:980px;max-width:calc(100% - 20px);margin:16px auto 26px;border-top:1px solid #d8d8d8;color:#737373;font-size:12px;line-height:1.7}.site-footer.hidden{display:none}.site-footer-inner{padding-top:8px}.site-footer-langs,.site-footer-links{display:flex;flex-wrap:wrap;gap:0 14px}.site-footer a{color:#3b5998;text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer-langs{padding-bottom:6px;border-bottom:1px solid #e5e5e5;margin-bottom:7px}.site-footer-copy{margin-top:6px;color:#666}
.publisher,.profile-2012-publisher{position:relative}.feeling-preview{padding:8px 10px 0}.feeling-chip{display:inline-flex;align-items:center;gap:7px;background:#f0f2f5;border:1px solid #d6d9df;border-radius:16px;padding:4px 10px;font-size:12px;color:#444}.feeling-chip.removable{padding-right:4px}.feeling-chip-emoji,.post-feeling-emoji,.feeling-btn-emoji,.feeling-option-emoji{font-size:22px;line-height:1}.feeling-chip-text{text-transform:capitalize;font-weight:bold}.feeling-chip-remove{border:0;background:transparent;color:#777;font:bold 16px/1 Arial,sans-serif;cursor:pointer;padding:0 3px}.feeling-chip-remove:hover{color:#000}
.feeling-popover{position:absolute;left:8px;top:118px;width:510px;max-width:calc(100% - 16px);background:#fff;border:1px solid #7f7f7f;box-shadow:0 2px 8px rgba(0,0,0,.22);z-index:55}.profile-2012-publisher .feeling-popover{top:132px}.feeling-menu-head{padding:7px 10px;border-bottom:1px dashed #d5d5d5;color:#777;font-weight:bold}.feeling-options-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.feeling-option{height:44px;border:0;border-right:1px solid #efefef;border-bottom:1px solid #efefef;background:#fff;display:flex;align-items:center;gap:10px;padding:0 10px;cursor:pointer;text-align:left}.feeling-option:hover,.feeling-option:focus{background:#5f77b6;color:#fff;outline:0}.feeling-option-text{text-transform:capitalize;font:bold 12px Arial,sans-serif}.publisher-footer #addFeeling,.profile-feeling-btn{border:0;background:transparent;color:#666;display:flex;align-items:center;gap:4px;cursor:pointer}.publisher-footer #addFeeling:hover,.profile-feeling-btn:hover{color:#3b5998}.profile-publisher-tools{display:flex;align-items:center;gap:10px}
.post-feeling-inline{display:block;margin:3px 0 8px;color:#666;font-size:12px}.post-feeling-inline b{text-transform:capitalize;color:#444}.shared-post-card .post-feeling-inline{margin:4px 0 8px}
.chat-bubble .thread-message-attachments.compact{margin-top:6px}.chat-bubble .thread-message-image{max-width:150px;display:block}.chat-popup-form{position:relative}
@media(max-width:900px){.feeling-popover{width:calc(100% - 16px)}.feeling-options-grid{grid-template-columns:repeat(2,1fr)}}

/* v6.4 refinements */
.post-feeling-inline{display:inline-flex;align-items:center;gap:4px;margin:0 0 0 2px;vertical-align:baseline;color:#777;font-size:12px}
.post-feeling-inline b{text-transform:capitalize;color:#666;font-weight:bold}.post-feeling-icon{width:18px;height:18px;object-fit:contain;vertical-align:middle}.story-text .post-feeling-inline,.shared-post-text .post-feeling-inline{position:relative;top:2px}
.feeling-chip-icon{width:22px;height:22px;object-fit:contain}.feeling-option-icon{width:26px;height:26px;object-fit:contain;flex:0 0 26px}.feeling-chip{gap:6px}.feeling-chip-text{text-transform:capitalize}.feeling-chip-remove{margin-left:2px}
.feeling-option{height:42px}.feeling-option-text{font:bold 12px Arial,sans-serif;text-transform:capitalize}.feeling-option:hover,.feeling-option:focus{background:#5e76b5;color:#fff}
.site-footer-copy{margin-top:6px;color:#666}.login-mode .site-footer{margin-top:22px;border-top:1px solid #d7deeb;color:#6d7485}.login-mode .site-footer-inner{padding-top:10px}.login-mode .site-footer-langs{border-bottom-color:#dfe4ee}.login-footer{width:980px;max-width:calc(100% - 20px);margin:10px auto 0;padding:10px 0 0;border-top:1px solid #d7deeb;color:#75819a;background:transparent}
.chat-popup-card{width:278px;height:338px;background:#eef1f6;border:1px solid #6c82b8;border-bottom:0;border-radius:3px 3px 0 0;box-shadow:0 3px 12px rgba(0,0,0,.28)}
.chat-popup-card .chat-popup-head{height:30px;min-height:30px;background:linear-gradient(#5f7ec1,#4563a4);padding:0 5px 0 7px;border-bottom:1px solid #304878}
.chat-popup-title{gap:6px;font:600 12px/1 Arial,sans-serif}.popup-online-dot{width:9px;height:9px;border-radius:50%;background:#7ecb53;box-shadow:0 0 0 1px rgba(0,0,0,.08)}.popup-online-dot.offline{background:#c7c7c7}
.chat-head-btn{width:21px;height:21px}.chat-head-btn::before{background-size:14px 14px}.chat-head-close{font:bold 18px/18px Arial,sans-serif}
.chat-popup-card .chat-popup-body{padding:8px 8px 9px;background:#f3f4f8}.chat-popup-card .chat-popup-body::-webkit-scrollbar{width:10px}.chat-popup-card .chat-popup-body::-webkit-scrollbar-track{background:#ededf1}.chat-popup-card .chat-popup-body::-webkit-scrollbar-thumb{background:#b8bcc9;border:2px solid #ededf1;border-radius:8px}
.chat-popup-stamp{margin:5px 0 9px;color:#b7bac2;font:700 11px/1 Arial,sans-serif}.chat-msg-row{gap:5px;margin:8px 0}.chat-msg-avatar{width:30px;height:30px;flex-basis:30px;border:1px solid #d8d8d8}.chat-bubble-wrap{max-width:79%}.chat-bubble{padding:9px 11px;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.10);font:12px/1.32 Arial,sans-serif}.chat-bubble.incoming{background:#fff;border:1px solid #d8d8d8}.chat-bubble.mine{background:#dfeafb;border:1px solid #bfd4f5}.chat-bubble.incoming::before,.chat-bubble.mine::before{bottom:9px;width:9px;height:9px}.chat-bubble.incoming::before{left:-5px}.chat-bubble.mine::before{right:-5px}
.chat-bubble .thread-message-attachments.compact{margin-top:5px}.chat-bubble .thread-message-image{max-width:140px;max-height:140px;border-radius:2px}.thread-message-file{display:flex;align-items:center;gap:8px;padding:7px 8px;background:#fff;border:1px solid #d7d9df;border-radius:3px;text-decoration:none;color:#445}.thread-message-file::before{content:'📄';font-size:18px;line-height:1}.thread-message-file b{display:block;font-size:12px;color:#355089}.thread-message-file small{display:block;color:#888}
.chat-popup-card .chat-popup-typing{height:17px;min-height:17px;padding:2px 8px;color:#8a8d96;font-size:10px;border-top:1px solid #d7dbe7;background:#f8f8fb}
.chat-popup-card .chat-popup-form{height:36px;min-height:36px;border-top:1px solid #c5cbda;background:#fff}.chat-popup-card .chat-popup-input{padding:0 8px;font:12px Arial,sans-serif}.chat-popup-card .chat-popup-input::placeholder{color:#8d92a1}
.chat-popup-compose-tools{gap:1px;padding-right:4px}.chat-compose-btn{width:23px;height:23px;color:#9ea5b6}.chat-compose-btn:hover{color:#697899}.chat-compose-camera::before{background-size:16px 16px;opacity:.72}.chat-compose-file{font:16px/1 Arial,sans-serif;padding-top:1px}.chat-compose-file::before{display:none}.chat-compose-emoji{font:18px/1 Arial,sans-serif;padding-bottom:0;color:#acb2bf}
.chat-popup-card.minimized{height:30px}.chat-popup-card.minimized .chat-popup-head{background:linear-gradient(#5574b7,#4764a6)}
@media(max-width:1150px){.chat-popup-card{width:264px}}

/* v6.4.1 requested refinements */
/* Use a single Retrobook footer and blend it into login */
.login-footer{display:none!important}
.login-mode .site-footer{width:980px;max-width:calc(100% - 40px);margin:12px auto 24px;padding:10px 18px 16px;background:rgba(255,255,255,.72);border:1px solid #d8deea;border-radius:3px;box-shadow:0 1px 0 rgba(255,255,255,.8) inset}
.login-mode .site-footer-copy{color:#6f7c96}
.site-footer-copy{font-size:12px;color:#63708a;margin-top:8px;letter-spacing:0}

/* Feeling list closer to classic Facebook with separate icon set */
.feeling-preview{padding:6px 9px 0}
.feeling-chip{background:#fff7cc;border:1px solid #d5c57a;border-radius:3px;padding:3px 8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.feeling-chip-text{font-weight:bold;color:#5d4a06}
.feeling-popover{top:116px;width:516px;background:#fff;border:1px solid #707070;box-shadow:none}
.profile-2012-publisher .feeling-popover{top:130px}
.feeling-menu-head{padding:7px 9px;border-bottom:1px dashed #ccc;color:#777;font:600 12px Arial,sans-serif;background:#fff}
.feeling-options-grid{grid-template-columns:repeat(4,1fr)}
.feeling-option{height:36px;gap:7px;padding:0 8px;border-right:0;border-bottom:0;background:#fff;font:12px Arial,sans-serif}
.feeling-option:hover,.feeling-option:focus{background:#6278b7;color:#fff}
.feeling-option-icon{width:24px;height:24px;flex:0 0 24px}
.feeling-option-text{font:700 12px Arial,sans-serif;color:inherit}
.post-feeling-inline{display:inline-flex;align-items:center;gap:4px;margin-left:4px;color:#777;font-size:12px;line-height:1.35;vertical-align:baseline}
.post-feeling-inline b{color:#666}
.post-feeling-icon{width:18px;height:18px;object-fit:contain;position:relative;top:1px}
.story-text,.shared-post-text{line-height:1.45}
.story-text .post-feeling-inline,.shared-post-text .post-feeling-inline{top:0}

/* Popup chat closer to older FB look */
.chat-dock{gap:6px}
.chat-popup-card{width:255px;height:332px;background:#f0f2f5;border:1px solid #5d74a9;border-bottom:0;border-radius:2px 2px 0 0;box-shadow:0 2px 8px rgba(0,0,0,.24)}
.chat-popup-card .chat-popup-head{height:29px;min-height:29px;padding:0 4px 0 6px;background:linear-gradient(#6d86c4,#4d68a9);border-bottom:1px solid #324f8b}
.chat-popup-title{font:700 12px/1 Arial,sans-serif;gap:5px}
.popup-online-dot{width:8px;height:8px;min-width:8px;border:1px solid rgba(255,255,255,.92)}
.chat-head-btn{width:20px;height:20px;border-radius:1px}
.chat-head-btn::before{background-size:13px 13px}
.chat-head-close{font:bold 18px/17px Arial,sans-serif}
.chat-popup-card .chat-popup-body{padding:8px 7px;background:#f2f2f2}
.chat-popup-card .chat-popup-body::-webkit-scrollbar{width:11px}.chat-popup-card .chat-popup-body::-webkit-scrollbar-track{background:#efefef;border-left:1px solid #ddd}.chat-popup-card .chat-popup-body::-webkit-scrollbar-thumb{background:#b2b2b2;border:2px solid #efefef;border-radius:9px}
.chat-popup-stamp{margin:4px 0 10px;color:#bbb;font:700 11px/1 Arial,sans-serif}
.chat-msg-row{gap:4px;margin:7px 0}.chat-msg-avatar{width:28px;height:28px;flex-basis:28px;border:1px solid #d2d2d2}
.chat-bubble-wrap{max-width:80%}
.chat-bubble{padding:8px 10px;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.08);font:12px/1.32 Arial,sans-serif}
.chat-bubble.incoming{background:#fff;border:1px solid #d7d7d7}
.chat-bubble.mine{background:#dfeafb;border:1px solid #bfd2f0}
.chat-bubble.incoming::before,.chat-bubble.mine::before{bottom:9px;width:8px;height:8px}
.chat-bubble.incoming::before{left:-4px}.chat-bubble.mine::before{right:-4px}
.chat-bubble .thread-message-image{max-width:136px;max-height:136px;border-radius:2px}
.chat-bubble .thread-message-attachments.compact{display:block;max-width:180px}
.chat-bubble .thread-message-attachments.compact .thread-message-file{min-width:0;max-width:100%;padding:6px 7px;font-size:10px;background:#fff;border-color:#d7d7d7}
.chat-bubble .thread-message-attachments.compact .thread-message-file b{font-size:11px}
.chat-bubble .thread-message-attachments.compact .thread-message-file small{font-size:9px}
.thread-message-file::before{content:'📎';font-size:16px}
.chat-popup-card .chat-popup-typing{height:16px;min-height:16px;padding:1px 7px;color:#8b8b8b;font-size:10px;background:#f8f8f8;border-top:1px solid #dadada}
.chat-popup-card .chat-popup-form{height:34px;min-height:34px;border-top:1px solid #cfcfcf;background:#fff}
.chat-popup-card .chat-popup-input{padding:0 7px;color:#333}
.chat-popup-card .chat-popup-input::placeholder{color:#9aa0aa}
.chat-popup-compose-tools{gap:0;padding-right:3px}
.chat-compose-btn{width:22px;height:22px;color:#9ca4b1}
.chat-compose-btn:hover{color:#5f6f95;background:transparent}
.chat-compose-camera::before{background-size:15px 15px;opacity:.75}
.chat-compose-file{font-size:15px;line-height:1;padding-top:0;color:#9ca4b1}
.chat-compose-emoji{font-size:17px;line-height:1;color:#a8afba}
.chat-popup-card.minimized{height:29px}
.chat-popup-card.minimized .chat-popup-head{background:linear-gradient(#6480bf,#4a67a8)}

@media(max-width:1150px){.chat-popup-card{width:246px}}
.chat-compose-file{font-size:0!important;color:transparent!important;position:relative}
.chat-compose-file::before{content:'📎';display:block;font:15px/22px Arial,sans-serif;color:#9ca4b1;position:absolute;inset:0;text-align:center}
.chat-compose-file:hover::before{color:#5f6f95}

/* v6.5 verified badge image */
.verified-badge{display:inline-block;width:15px;height:15px;margin-left:4px;vertical-align:middle;background:transparent url('assets/icons/verified_badge.png') center/contain no-repeat;border-radius:0;box-shadow:none;color:transparent;font-size:0;line-height:0}
.profile-2012-name .verified-badge{width:18px;height:18px;margin-left:6px;transform:translateY(-1px)}
.story-author .verified-badge,.profile-story-head .verified-badge,.shared-post-head .verified-badge{transform:translateY(-1px)}

/* v6.6 feeling icon alignment, larger verified badge, comment menu, exact-time tooltip */
.feeling-options-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.feeling-option{min-width:0;height:38px;padding:0 8px;gap:7px;overflow:hidden}
.feeling-option-icon{display:block;width:26px;height:26px;min-width:26px;object-fit:contain;object-position:center;background:#fff;border:0}
.feeling-option-text{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:26px}
.feeling-chip-icon{width:24px;height:24px;object-fit:contain;background:#fff}
.post-feeling-icon{width:19px;height:19px;object-fit:contain;background:#fff;border-radius:2px}

/* The source badge has now been tightly cropped, so these sizes are the visible badge size. */
.verified-badge{width:17px!important;height:17px!important;min-width:17px!important;margin-left:4px!important;background-size:17px 17px!important;vertical-align:-3px!important}
.story-author .verified-badge,.profile-story-head .verified-badge,.shared-post-head .verified-badge,.group-card .verified-badge{width:17px!important;height:17px!important;background-size:17px 17px!important;transform:none!important}
.profile-2012-name .verified-badge{width:21px!important;height:21px!important;background-size:21px 21px!important;margin-left:6px!important;vertical-align:-3px!important;transform:none!important}

.comment{position:relative}
.comment-body{position:relative}
.comment-own-menu{position:absolute;right:3px;top:2px;z-index:8}
.comment-menu-trigger{display:block;opacity:0;pointer-events:none;width:27px;height:20px;border:0;background:transparent;color:#8a8a8a;font:bold 14px/16px Arial,sans-serif;letter-spacing:-1px;cursor:pointer;padding:0}
.comment.own-comment:hover>.comment-body>.comment-own-menu>.comment-menu-trigger,.comment-menu-trigger:focus,.comment-own-menu:focus-within>.comment-menu-trigger{opacity:1;pointer-events:auto}
.comment-menu-trigger:hover{color:#555;background:#e3e6ec}
.comment-menu-panel{position:absolute;right:0;top:20px;min-width:112px;background:#fff;border:1px solid #777;box-shadow:0 2px 5px rgba(0,0,0,.18);z-index:20;padding:3px 0}
.comment-menu-panel button{display:block;width:100%;border:0;background:#fff;text-align:left;padding:6px 10px;color:#333;font:11px Arial,sans-serif;cursor:pointer;white-space:nowrap}
.comment-menu-panel button:hover{background:#6d84b4;color:#fff}
.comment.reply .comment-own-menu{right:1px}

.hover-exact-time{position:relative;cursor:help}
.hover-exact-time[data-exact-time]::after{content:attr(data-exact-time);position:absolute;left:50%;bottom:calc(100% + 7px);transform:translateX(-50%);display:none;white-space:nowrap;background:#111;color:#fff;border:1px solid #000;border-radius:2px;padding:5px 7px;font:10px/1.2 Arial,sans-serif;box-shadow:0 1px 4px rgba(0,0,0,.25);z-index:20000;pointer-events:none}
.hover-exact-time[data-exact-time]::before{content:'';position:absolute;left:50%;bottom:calc(100% + 2px);transform:translateX(-50%);display:none;border:5px solid transparent;border-top-color:#111;z-index:20001;pointer-events:none}
.hover-exact-time[data-exact-time]:hover::after,.hover-exact-time[data-exact-time]:hover::before{display:block}
.comment-actions .hover-exact-time{color:#999}
.profile-story-text{font-size:12px;line-height:1.45;margin:8px 0}

@media(max-width:620px){.feeling-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hover-exact-time[data-exact-time]::after{max-width:85vw;white-space:normal;text-align:center}}

/* v6.7 feeling alignment + message picker */
.feeling-option,.message-feeling-option{display:flex;align-items:center;gap:10px}
.feeling-option{min-width:0;height:42px;padding:0 12px}
.feeling-option-icon,.message-feeling-option img{display:block;width:24px!important;height:24px!important;min-width:24px;object-fit:contain;object-position:center center;background:transparent;border:0;image-rendering:auto}
.feeling-option-text,.message-feeling-option span{display:block;line-height:24px;white-space:nowrap;text-transform:capitalize;font:700 12px Arial,sans-serif}
.message-feeling-picker{position:absolute;left:0;bottom:100%;margin-bottom:6px;width:264px;padding:6px;background:#fff;border:1px solid #8a8a8a;box-shadow:0 2px 6px rgba(0,0,0,.18);z-index:40}
.message-feeling-picker.hidden{display:none!important}
.message-feeling-picker .message-feeling-option{width:100%;height:32px;padding:0 8px;border:0;background:#fff;text-align:left;cursor:pointer}
.message-feeling-picker .message-feeling-option:hover,.message-feeling-picker .message-feeling-option:focus{background:#5f77b6;color:#fff;outline:0}
#threadCompose{position:relative}
#threadFeelingPicker{left:10px;bottom:42px}
.thread-attachment-tools{position:relative}
.thread-feeling-btn .feeling-btn-emoji{font-size:16px;line-height:1}
.chat-popup-form{position:relative}
.chat-message-feeling-picker{left:auto;right:4px;bottom:36px;width:224px}
.chat-message-feeling-picker .message-feeling-option{height:30px;padding:0 6px;gap:8px}
.chat-message-feeling-picker .message-feeling-option img{width:20px!important;height:20px!important;min-width:20px}
.chat-message-feeling-picker .message-feeling-option span{line-height:20px;font-size:11px}
@media(max-width:700px){.message-feeling-picker{width:220px}.message-feeling-picker .message-feeling-option span{font-size:11px}}

/* v6.8 — corrected feeling assets, larger verified badge, message emoji + drag/drop */
/* Feeling icon files are already normalized; never crop/offset/transform them in the UI. */
.feeling-options-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;overflow:visible!important}
.feeling-option{height:44px!important;min-height:44px!important;padding:0 12px!important;gap:9px!important;overflow:visible!important;align-items:center!important}
.feeling-option-icon,.message-feeling-option img,.feeling-chip-icon,.post-feeling-icon{
  display:block!important;object-fit:contain!important;object-position:center center!important;
  transform:none!important;translate:none!important;rotate:none!important;clip-path:none!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
}
.feeling-option-icon{width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;max-height:28px!important}
.feeling-option-text{line-height:28px!important;overflow:visible!important;text-overflow:clip!important}
.feeling-chip-icon{width:23px!important;height:23px!important}
.post-feeling-icon{width:19px!important;height:19px!important;top:0!important}

/* Use the supplied verification image as a real <img>, with consistent visual size everywhere. */
.verified-badge{
  display:inline-block!important;width:19px!important;height:19px!important;min-width:19px!important;
  margin-left:4px!important;vertical-align:-4px!important;object-fit:contain!important;
  background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  transform:none!important;padding:0!important;
}
.story-author .verified-badge,.profile-story-head .verified-badge,.shared-post-head .verified-badge,.group-card .verified-badge{width:19px!important;height:19px!important;min-width:19px!important;transform:none!important}
.profile-2012-name .verified-badge{width:24px!important;height:24px!important;min-width:24px!important;margin-left:7px!important;vertical-align:-5px!important;transform:none!important}

/* Messages: emoji button lives inside the reply field, top-right. */
.thread-input-wrap{position:relative;width:100%}
.thread-compose .thread-input-wrap textarea{width:100%;height:52px;resize:none;border:1px solid #bdc7d8;padding:6px 34px 6px 6px;outline:0;background:#fff}
.thread-input-emoji{position:absolute;right:6px;top:5px;width:25px;height:25px;border:0;background:transparent;color:#a4a9b3;font:20px/24px Arial,sans-serif;cursor:pointer;padding:0;z-index:3}
.thread-input-emoji:hover{color:#66779d;background:#f1f3f7}
#threadFeelingPicker{left:auto!important;right:4px!important;bottom:calc(100% + 4px)!important;width:250px!important;margin:0!important}
.thread-attachment-tools .thread-feeling-btn{display:none!important}

/* Same emoji picker placement inside popup chat input. */
.chat-popup-form{position:relative!important;display:flex!important;align-items:center!important}
.chat-popup-input-wrap{position:relative;flex:1;height:100%;min-width:0}
.chat-popup-card .chat-popup-input{width:100%!important;height:100%!important;padding:0 32px 0 7px!important}
.chat-input-emoji-btn{position:absolute;right:3px;top:5px;width:24px;height:24px;border:0;background:transparent;color:#a6acb7;font:18px/22px Arial,sans-serif;cursor:pointer;padding:0;z-index:4}
.chat-input-emoji-btn:hover{color:#66779d;background:#f0f2f6}
.chat-popup-compose-tools{height:100%;display:flex!important;align-items:center!important;gap:0!important;padding-right:3px!important}
.chat-message-feeling-picker{left:auto!important;right:3px!important;bottom:36px!important;width:230px!important;margin:0!important}

/* Shared feeling/emoji picker used by full Messages and popup chat. */
.message-feeling-picker{position:absolute;background:#fff;border:1px solid #777;box-shadow:0 2px 7px rgba(0,0,0,.22);padding:5px;z-index:200;max-height:280px;overflow:auto}
.message-feeling-picker.hidden{display:none!important}
.message-feeling-option{display:flex!important;align-items:center!important;gap:8px!important;width:100%;height:32px;border:0;background:#fff;padding:2px 7px;text-align:left;cursor:pointer;color:#222}
.message-feeling-option img{width:23px!important;height:23px!important;min-width:23px!important;max-width:23px!important;max-height:23px!important}
.message-feeling-option span{font:700 11px Arial,sans-serif;text-transform:capitalize;line-height:23px}
.message-feeling-option:hover,.message-feeling-option:focus{background:#5f77b6;color:#fff;outline:0}

/* Drag/drop chooser for Messages + popup chat attachments. */
.message-upload-card{width:540px;max-width:calc(100vw - 24px)}
.message-upload-body{padding:14px!important}
.message-upload-dropzone{min-height:245px;border:2px dashed #a9b3c5;background:#f7f8fa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:#666;transition:.12s}
.message-upload-dropzone.dragover{border-color:#3b5998;background:#eaf0fb}
.message-upload-dropzone.has-files{min-height:120px}
.message-upload-bigicon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#d8dfea;color:#3b5998;font:bold 28px/1 Arial,sans-serif}
.message-upload-dropzone b{font-size:15px;color:#333}.message-upload-dropzone span,.message-upload-dropzone small{color:#999}
.message-upload-choose{height:27px;padding:0 14px;cursor:pointer}
.message-upload-preview{margin-top:10px;border:1px solid #d8dfea;background:#fff;max-height:210px;overflow:auto}
.message-upload-item{min-height:48px;display:flex;align-items:center;gap:9px;padding:7px 9px;border-bottom:1px solid #eee}.message-upload-item:last-child{border-bottom:0}
.message-upload-file-icon{width:26px;text-align:center;font-size:20px}.message-upload-item>span:nth-child(2){flex:1;min-width:0}.message-upload-item b,.message-upload-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-upload-item b{color:#333}.message-upload-item small{color:#888;margin-top:2px}
.message-upload-item button{width:24px;height:24px;border:0;background:transparent;color:#777;font:bold 17px/20px Arial;cursor:pointer}.message-upload-item button:hover{color:#b33}

@media(max-width:700px){.feeling-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.message-upload-dropzone{min-height:210px}}

/* v7.1: lightweight Facebook-style incremental feed loader */
.feed-load-more{min-height:34px;display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid #e9e9e9;color:#777;font-size:11px;background:#fff}
.feed-load-more.hidden{display:none}
.feed-load-more img{width:16px;height:11px;display:block;image-rendering:auto}
.feed-load-more.initial{border-top:0;min-height:48px}
.feed-load-more.done{color:#999}
.feed-load-button{display:block;width:100%;min-height:34px;border:1px solid #c5cde0;border-width:1px 0 0;background:linear-gradient(#fff,#f2f3f5);color:#3b5998;font:bold 11px Arial,sans-serif;cursor:pointer;text-align:center}
.feed-load-button:hover,.feed-load-button:focus{background:#e9edf4;text-decoration:underline;outline:0}
.feed-load-button:disabled{color:#999;cursor:wait;text-decoration:none}
.feed-load-button.hidden{display:none}
.feed-load-sentinel{height:2px;width:100%}

@media(max-width:760px){.profile-friends-2012-list{grid-template-columns:1fr}.profile-friends-2012-search{width:150px}.profile-friend-2012-row{grid-template-columns:48px minmax(0,1fr) auto}.profile-friend-2012-avatar{width:48px;height:48px}.profile-friend-2012-action{padding:0 5px}.thread-head-profile{max-width:150px}}

/* =========================================================
   Retrobook classic 2011/2012 login refresh
   Scoped to .login-screen-classic so the authenticated UI
   keeps its existing styling.
   ========================================================= */
body.login-mode{margin:0;padding:0!important;background:#fff!important;font-family:Arial,Helvetica,sans-serif;color:#1c2a47}
.login-screen-classic{min-height:100vh;background:linear-gradient(to bottom,#fff 0,#fff 23%,#eef1f7 63%,#fff 100%);font-size:11px}
.login-screen-classic .login-header{height:74px;background:#3b5998;border-bottom:1px solid #133783;box-shadow:none;color:#fff}
.login-screen-classic .login-header-inner{width:980px;max-width:calc(100% - 32px);height:74px;margin:0 auto;padding:0;display:flex;align-items:flex-end;box-sizing:border-box}
.login-screen-classic .login-brand{font:bold 37px/1 Arial,Helvetica,sans-serif;letter-spacing:-2.6px;color:#fff;text-shadow:0 -1px 0 #1e3365;margin:0 0 9px 22px}
.login-screen-classic .login-form{margin:0 8px 7px auto!important;display:grid!important;grid-template-columns:132px 132px auto;column-gap:14px;align-items:start!important;color:#fff}
.login-screen-classic .login-field{display:flex!important;flex-direction:column!important;min-width:132px!important;font-size:10px;line-height:1.1}
.login-screen-classic .login-field>span{height:13px!important;line-height:13px!important;margin:0 0 4px!important;color:#fff;font-weight:normal}
.login-screen-classic .login-form input[type=text],
.login-screen-classic .login-form input[type=email],
.login-screen-classic .login-form input[type=password]{box-sizing:border-box;width:132px!important;height:22px!important;margin:0;padding:2px 4px;border:1px solid #1d2a5b;border-radius:0;background:#fff;color:#111;font:11px Arial,Helvetica,sans-serif}
.login-screen-classic .login-form small{height:15px!important;margin-top:3px!important;display:flex;align-items:center;color:#98a9c8;font-size:9px;white-space:nowrap}
.login-screen-classic .remember input{width:11px!important;height:11px!important;margin:0 4px 0 0;padding:0;border:0}
.login-screen-classic .login-help-link{color:#98a9c8;cursor:pointer}
.login-screen-classic .login-help-link:hover{text-decoration:underline}
.login-screen-classic .login-action{align-self:start!important;margin-top:17px!important;height:22px!important;min-width:49px;padding:0 7px!important;border:1px solid #29447e!important;border-bottom-color:#1a356e!important;background:#5b74a8!important;color:#fff!important;font:bold 10px Arial,Helvetica,sans-serif!important;text-shadow:0 -1px 0 #29447e;box-shadow:0 1px 0 rgba(255,255,255,.2) inset;cursor:pointer}
.login-screen-classic .login-action:hover{background:#6079ab!important}

.login-content-classic{width:880px!important;max-width:calc(100% - 40px)!important;margin:0 auto!important;padding:36px 0 0!important;display:grid!important;grid-template-columns:505px 333px!important;column-gap:40px!important;align-items:start}
.login-intro-classic h2{width:auto!important;margin:0 0 37px!important;color:#16385f!important;font:bold 19px/1.35 Arial,Helvetica,sans-serif!important;letter-spacing:-.2px}
.retrobook-world-map{display:block;width:455px;max-width:100%;height:auto;margin-left:-21px;filter:none}

.signup-panel-classic{width:333px;min-width:0;margin:0;padding:0;color:#1c2a47}
.signup-panel-classic .signup-heading{padding:0 10px 10px;border-bottom:1px solid #b7c1d3;margin-bottom:10px}
.signup-panel-classic h1{margin:0!important;color:#17365e!important;font:bold 19px/1.15 Arial,Helvetica,sans-serif!important}
.signup-panel-classic h3{margin:4px 0 0!important;color:#17365e!important;font:normal 13px/1.2 Arial,Helvetica,sans-serif!important}
.signup-panel-classic #registerForm{padding:0 0 0 0}
.signup-panel-classic .signup-row{display:grid!important;grid-template-columns:98px 1fr!important;align-items:center!important;margin:0 0 5px!important;min-height:28px}
.signup-panel-classic .signup-row label{padding:0 6px 0 0!important;text-align:right!important;color:#31446b!important;font:normal 11px Arial,Helvetica,sans-serif!important;white-space:nowrap}
.signup-panel-classic .signup-row>input,
.signup-panel-classic .signup-control>input{box-sizing:border-box;width:235px!important;height:28px!important;padding:3px 5px!important;border:1px solid #a9b5cb!important;border-radius:0!important;background:#fff!important;color:#111;font:12px Arial,Helvetica,sans-serif!important;box-shadow:0 1px 1px rgba(0,0,0,.04) inset}
.signup-panel-classic .signup-control{width:235px;min-width:0}
.signup-panel-classic .username-suggestions{margin-top:3px}
.signup-panel-classic .username-suggestions-label{font-size:9px;color:#777}
.signup-panel-classic .username-suggestion-chip{font-size:9px;padding:2px 4px;margin:2px 3px 0 0}
.signup-panel-classic .signup-row-compact{align-items:center!important}
.signup-panel-classic .signup-select{box-sizing:border-box;width:89px!important;height:27px!important;padding:2px 4px!important;border:1px solid #a9b5cb!important;border-radius:0!important;background:#fff!important;color:#222;font:11px Arial,Helvetica,sans-serif!important}
.signup-panel-classic .birthday-row{align-items:start!important;margin-top:1px!important}
.signup-panel-classic .birthday-row>label{padding-top:6px!important}
.signup-panel-classic .birthday-block{width:235px}
.signup-panel-classic .birthday-selects{margin:0!important;display:flex!important;gap:5px!important;align-items:center}
.signup-panel-classic .birthday-selects select{height:27px!important;border:1px solid #a9b5cb!important;border-radius:0!important;background:#fff!important;padding:2px 4px!important;font:11px Arial,Helvetica,sans-serif!important;color:#222}
.signup-panel-classic #regBirthMonth{width:68px}.signup-panel-classic #regBirthDay{width:54px}.signup-panel-classic #regBirthYear{width:58px}
.signup-panel-classic .birthday-help{margin:4px 0 0!important;color:#3b5998!important;font:10px Arial,Helvetica,sans-serif!important;cursor:pointer}
.signup-panel-classic .birthday-help:hover{text-decoration:underline}
.signup-panel-classic .terms{width:235px!important;margin:8px 0 10px 98px!important;color:#666!important;font:9px/1.35 Arial,Helvetica,sans-serif!important}
.signup-panel-classic .terms a,.signup-panel-classic .create-page-line a{color:#3b5998;text-decoration:none}
.signup-panel-classic .terms a:hover,.signup-panel-classic .create-page-line a:hover{text-decoration:underline}
.signup-panel-classic .signup-button{display:block;margin:0 0 10px 98px!important;min-width:102px;padding:5px 19px!important;border:1px solid #3b6e22!important;border-radius:1px!important;background:linear-gradient(#67ae55,#578843)!important;color:#fff!important;font:bold 12px Arial,Helvetica,sans-serif!important;text-shadow:0 1px 1px rgba(0,0,0,.55)!important;box-shadow:0 1px 0 rgba(255,255,255,.35) inset;cursor:pointer}
.signup-panel-classic .create-page-line{margin-left:98px;padding-top:9px;border-top:1px solid #b7c1d3;color:#555;font:bold 9px Arial,Helvetica,sans-serif;white-space:nowrap}
.signup-panel-classic .create-page-line a{font-weight:bold}

.classic-login-footer{width:880px;max-width:calc(100% - 40px);margin:67px auto 0;color:#5c6f96;font:9px Arial,Helvetica,sans-serif}
.classic-footer-langs{padding:0 5px 8px;white-space:normal;line-height:1.5}
.classic-footer-rule{height:1px;background:#ccd3df}
.classic-footer-bottom{display:flex;justify-content:space-between;gap:18px;padding:8px 5px 20px;color:#6b7280;line-height:1.45}
.classic-footer-bottom span:last-child{text-align:right;color:#4b6597}
.login-screen-classic~.site-footer,.login-mode>.site-footer{display:none!important}

@media(max-width:900px){
  .login-screen-classic .login-header-inner{width:100%}
  .login-content-classic{width:calc(100% - 30px)!important;grid-template-columns:minmax(0,1fr) 333px!important;gap:24px!important}
  .retrobook-world-map{width:100%;margin-left:-10px}
  .classic-login-footer{width:calc(100% - 30px)}
}
@media(max-width:740px){
  .login-screen-classic .login-header{height:auto;min-height:70px;padding-bottom:8px}
  .login-screen-classic .login-header-inner{height:auto;align-items:flex-start;flex-wrap:wrap;padding:8px 12px}
  .login-screen-classic .login-brand{margin:4px 0 8px;font-size:32px}
  .login-screen-classic .login-form{width:100%;margin:0!important;grid-template-columns:1fr 1fr auto!important;gap:7px!important}
  .login-screen-classic .login-field{display:flex!important;min-width:0!important}
  .login-screen-classic .login-form input[type=text],.login-screen-classic .login-form input[type=password]{width:100%!important}
  .login-content-classic{display:block!important;width:calc(100% - 24px)!important;max-width:none!important;padding-top:20px!important}
  .login-intro-classic{display:none!important}
  .signup-panel-classic{width:100%;max-width:380px;margin:0 auto}
  .signup-panel-classic .signup-row{grid-template-columns:92px minmax(0,1fr)!important}
  .signup-panel-classic .signup-row>input,.signup-panel-classic .signup-control>input,.signup-panel-classic .signup-control,.signup-panel-classic .birthday-block{width:100%!important}
  .signup-panel-classic .terms,.signup-panel-classic .signup-button,.signup-panel-classic .create-page-line{margin-left:92px!important}
  .classic-login-footer{margin-top:35px;width:calc(100% - 24px)}
  .classic-footer-bottom{display:block}.classic-footer-bottom span{display:block;margin-bottom:5px;text-align:left!important}
}


/* v8.37 — web messages layout repair */
#page-messages.page{padding-top:0!important}
.messages-layout-2012{height:700px;max-height:none!important;min-height:620px!important}
.messages-layout-2012 .messages-inbox-column,.messages-layout-2012 .thread-panel{min-height:0!important}
.messages-layout-2012 .thread-list,.messages-layout-2012 .thread-messages{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}
.messages-layout-2012 .thread-panel{display:grid!important;grid-template-rows:43px minmax(0,1fr) auto!important}
.messages-layout-2012 .thread-compose{display:block!important;visibility:visible!important;position:sticky!important;bottom:0!important;z-index:4;background:#f2f3f5;box-shadow:0 -1px 0 #d8dfea}
.messages-layout-2012 .thread-compose textarea{min-height:70px!important;height:70px!important}
.messages-layout-2012 .thread-head{position:sticky;top:0;z-index:3;background:#fff}
.messages-layout-2012 .thread-messages{padding-bottom:10px!important}

/* v8.38 — Messages fixed composer, paging, search/new/actions */
#page-messages{height:auto!important;overflow:visible!important}
.messages-layout-2012{min-height:520px!important;overflow:hidden!important;box-sizing:border-box}
.messages-layout-2012 .messages-inbox-column{height:100%!important;min-height:0!important;overflow:hidden!important}
.messages-layout-2012 .thread-list{min-height:0!important;height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable}
.messages-layout-2012 .thread-panel{position:relative!important;display:block!important;height:100%!important;min-height:0!important;overflow:hidden!important}
.messages-layout-2012 .thread-head{position:absolute!important;left:0!important;right:0!important;top:0!important;height:43px!important;box-sizing:border-box;z-index:8}
.messages-layout-2012 .thread-messages{position:absolute!important;left:0!important;right:0!important;top:43px!important;bottom:151px!important;height:auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:10px 15px 16px!important;box-sizing:border-box;scrollbar-gutter:stable}
.messages-layout-2012 .thread-compose{position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:151px!important;min-height:151px!important;max-height:151px!important;box-sizing:border-box;display:block!important;visibility:visible!important;z-index:9!important;padding:7px 10px 8px!important;margin:0!important;background:#f2f3f5!important;border-top:1px solid #bdc7d8!important;box-shadow:none!important}
.messages-layout-2012 .thread-compose .thread-input-wrap{display:block!important;height:72px!important}
.messages-layout-2012 .thread-compose .thread-input-wrap textarea{display:block!important;visibility:visible!important;height:70px!important;min-height:70px!important;max-height:70px!important;margin:0!important;box-sizing:border-box!important}
.messages-layout-2012 .thread-compose-bottom{height:28px!important;margin-top:5px!important}
.messages-layout-2012 .thread-attachment-preview:not(.hidden){max-height:34px;overflow:auto;margin-top:4px;padding-top:3px}
.thread-history-loader{display:flex;justify-content:center;align-items:center;min-height:34px;margin:-2px 0 5px;border-bottom:1px solid #eee}
.thread-history-loader .gray-btn{font-size:9px;height:23px;padding:0 12px}
.thread-actions-wrap{position:relative;display:inline-flex}
.thread-actions-menu{position:absolute;right:0;top:29px;width:165px;background:#fff;border:1px solid #777;box-shadow:0 2px 7px rgba(0,0,0,.25);z-index:100;padding:4px 0;text-align:left}
.thread-actions-menu.hidden{display:none!important}
.thread-actions-menu button{display:block;width:100%;border:0;background:#fff;text-align:left;padding:7px 10px;color:#333;font:10px Arial,sans-serif;cursor:pointer}
.thread-actions-menu button:hover{background:#6d84b4;color:#fff}
.thread-actions-menu button.danger{color:#9b1c1c}.thread-actions-menu button.danger:hover{color:#fff;background:#b94a48}
.thread-actions-sep{height:1px;background:#ddd;margin:3px 0}
.new-message-card{width:455px;max-width:calc(100vw - 24px)}
.new-message-body{padding:12px!important;min-height:260px}
.new-message-to{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#555}
.new-message-to b{width:28px;text-align:right}
.new-message-to input{flex:1;height:28px;border:1px solid #bdc7d8;padding:4px 7px;font:11px Arial,sans-serif;outline:0}
.new-message-results{border:1px solid #d8dfea;max-height:310px;overflow-y:auto;background:#fff}
.new-message-result{width:100%;height:55px;border:0;border-bottom:1px solid #eee;background:#fff;display:flex;align-items:center;text-align:left;padding:6px 8px;cursor:pointer;color:#333}
.new-message-result:last-child{border-bottom:0}.new-message-result:hover{background:#edf2fa}
.new-message-result img{width:40px;height:40px;object-fit:cover;margin-right:8px;border:1px solid #d8dfea}
.new-message-result span{flex:1;min-width:0}.new-message-result b,.new-message-result small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-message-result b{color:#3b5998;font-size:11px}.new-message-result small{color:#888;margin-top:3px;font-size:9px}
.new-message-result em{font-style:normal;color:#3b5998;font-size:9px;font-weight:bold}
@media(max-width:760px){.messages-layout-2012 .thread-messages{bottom:145px!important}.messages-layout-2012 .thread-compose{height:145px!important;min-height:145px!important;max-height:145px!important}.thread-actions-menu{right:0}.new-message-card{width:calc(100vw - 20px)}}


/* v8.39 Events redesign */
.events-shell{background:#fff;border:1px solid #c4cde0;box-shadow:0 1px 0 rgba(255,255,255,.7) inset}
.events-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #d8dee9;background:#f6f7fb}
.events-header-left{display:flex;align-items:center;gap:14px}.events-header-left h2{margin:0;font-size:32px;line-height:1;color:#1d2129;font-weight:bold}
.events-view-switch{display:inline-flex;border:1px solid #aab4c8;border-radius:2px;overflow:hidden;background:#fff}.events-view-btn{border:0;border-right:1px solid #aab4c8;background:#f7f7f7;padding:5px 10px;font-weight:bold;color:#333;cursor:pointer}.events-view-btn:last-child{border-right:0}.events-view-btn.active{background:#e9edf5;box-shadow:inset 0 1px 0 #fff}
.events-header-actions{display:flex;align-items:center;gap:8px}.event-today-btn img{width:14px;height:14px;vertical-align:middle;margin-right:4px}.events-body{background:#fff}
.events-list-layout{display:grid;grid-template-columns:186px 1fr;gap:18px;padding:14px}.events-list-sidebar{display:flex;flex-direction:column;gap:16px}.events-mini-month h4{margin:0 0 6px;font-size:12px;color:#666;font-weight:bold;border-bottom:1px solid #e2e5ee;padding-bottom:6px;text-transform:none}.mini-cal-head,.mini-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.mini-cal-head span{font-size:10px;color:#888;text-align:center}.mini-cal-cell{min-height:24px;background:#f7f7f7;border:1px solid #eceff5;color:#777;font-size:11px;display:flex;align-items:center;justify-content:center;cursor:pointer}.mini-cal-cell.other{opacity:.45}.mini-cal-cell.today{background:#e7edf7;color:#3b5998;font-weight:bold}.mini-cal-cell.has-event{border-color:#b7c6e3;background:#f0f4fb}.events-list-content{padding-right:8px}
.events-day-group{margin-bottom:18px}.events-day-divider{display:flex;justify-content:space-between;align-items:center;background:#f1f2f6;border-top:1px solid #d5dbe7;border-bottom:1px solid #dfe4ee;padding:6px 8px;font-weight:bold;color:#444}.events-day-divider small{font-size:12px;color:#777;font-weight:normal}
.events-list-card{display:grid;grid-template-columns:64px 130px 1fr;gap:12px;padding:12px 8px;border-bottom:1px solid #eceff5;align-items:start}.events-list-card:hover{background:#fafbfd}.event-time-col{font-size:12px;color:#666;padding-top:4px}.event-time-main{display:inline-block;min-width:56px}.event-cover{width:112px;height:84px;object-fit:cover;border:1px solid #c7cde0;background:#ddd}.event-main-copy{min-width:0}.event-main-title{font-size:22px;line-height:1.1;color:#3b5998;font-weight:bold;margin-bottom:2px}.event-main-sub{font-size:13px;color:#555}.event-main-meta{font-size:12px;color:#777;margin:4px 0}.event-main-desc{font-size:12px;color:#444;line-height:1.35;margin-bottom:6px}.event-actions{display:flex;gap:6px;flex-wrap:wrap}.event-actions.compact .gray-btn{padding:3px 8px}.event-rsvp.joined{background:#e9edf5;color:#3b5998;border-color:#9dadc9}.events-birthday-block{display:flex;gap:16px;padding:8px 8px 12px;color:#666;font-size:12px}.events-birthday-label{min-width:64px}.events-birthday-list{display:flex;gap:6px;flex-wrap:wrap}.birthday-avatar{border:0;background:none;padding:0;cursor:pointer}.birthday-avatar img{width:42px;height:42px;object-fit:cover;border:1px solid #c7cde0}
.events-invites{padding:14px;border-bottom:1px solid #e5e8f0}.events-invites h3{margin:0 0 10px;font-size:26px;line-height:1;color:#333}.events-invite-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.events-invite-card{display:grid;grid-template-columns:110px 1fr;gap:12px;cursor:pointer}.events-invite-card img{width:110px;height:82px;object-fit:cover;border:1px solid #c7cde0}.invite-title{font-size:20px;line-height:1.1;color:#333}.invite-meta,.invite-copy{font-size:12px;color:#666;margin-top:2px}.invite-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.text-link{background:none;border:0;padding:0;margin:0;color:#3b5998;font-size:12px;cursor:pointer}
.events-calendar-wrap{padding:12px 14px 16px}.events-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.events-calendar-header h3{margin:0;font-size:30px;color:#333}.events-calendar-nav{display:flex;gap:6px}.events-calendar-main{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;align-items:start}.events-calendar-board{border:1px solid #cfd6e4;background:#fff}.events-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:#f1f2f6;border-bottom:1px solid #dfe4ee}.events-calendar-weekdays span{padding:6px 8px;font-size:12px;color:#666;text-align:left}.events-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:128px}.events-calendar-cell{position:relative;border-right:1px solid #e6eaf2;border-bottom:1px solid #e6eaf2;padding:5px;overflow:hidden;background:#fff}.events-calendar-cell:nth-child(7n){border-right:0}.events-calendar-cell.other{background:#faf9fd}.events-calendar-cell.today{background:#fffbe9}.events-calendar-cell.selected{box-shadow:inset 0 0 0 2px #c4d3f0}.events-calendar-daynum{font-size:12px;color:#555;margin-bottom:4px}.events-calendar-items{display:flex;flex-direction:column;gap:3px}.calendar-event-chip{border:0;background:#f3f0c3;color:#444;padding:2px 4px;font-size:11px;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.events-calendar-preview{border:1px solid #cfd6e4;background:#fff;padding:8px;min-height:220px}.events-calendar-preview.empty{display:flex;align-items:center;justify-content:center}.events-preview-link{display:block;text-align:right;font-size:11px;color:#3b5998;text-decoration:none;margin-bottom:4px}.events-preview-photo{width:100%;height:138px;object-fit:cover;border:1px solid #c7cde0;background:#ddd;margin-bottom:6px}.events-preview-title{font-size:22px;line-height:1.15;color:#3b5998;font-weight:bold}.events-preview-time,.events-preview-location,.events-preview-copy{font-size:12px;color:#666;margin-top:4px}
@media (max-width: 1100px){.events-list-layout{grid-template-columns:1fr}.events-list-sidebar{order:2}.events-calendar-main{grid-template-columns:1fr}.events-calendar-grid{grid-auto-rows:110px}}


/* v8.40 Events invite modal */
.event-invite-card{width:min(520px,92vw)}
.event-invite-body{display:flex;flex-direction:column;gap:10px}
.event-invite-lead{font-size:12px;color:#555}.event-invite-lead b{color:#333}
.event-invite-search-wrap input{width:100%;padding:7px 8px;border:1px solid #bdc7d8;font:12px Tahoma,Arial,sans-serif;border-radius:2px}
.event-invite-status{font-size:11px;color:#777}.event-invite-results{border:1px solid #d8dee9;background:#fff;max-height:280px;overflow:auto}
.event-invite-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid #eef1f6;cursor:pointer}.event-invite-row:last-child{border-bottom:0}.event-invite-row:hover{background:#f7f9fc}.event-invite-row input{margin:0}.event-invite-row img{width:34px;height:34px;object-fit:cover;border:1px solid #c7cde0}.event-invite-copy{display:flex;flex-direction:column;gap:1px;font-size:12px;color:#555}.event-invite-copy b{font-size:12px;color:#333}.event-invite-copy small{font-size:11px;color:#888}
.events-header-actions .gray-btn,.events-header-actions .share-btn{height:27px}.events-view-btn{font-size:12px}

/* v8.41 — Events 2012 reference polish + event detail */
#page-events{padding:0!important;background:#fff}
.events-shell{border:0!important;box-shadow:none!important;background:#fff;font:11px Tahoma,Arial,sans-serif;color:#333}
.events-header{min-height:38px;padding:7px 9px!important;background:#fff!important;border-bottom:1px solid #c9d1df!important}
.events-header-left{gap:9px!important}.events-header-left h2{font:700 14px/22px Tahoma,Arial,sans-serif!important;color:#222!important}
.events-view-switch{height:22px}.events-view-btn{height:22px;padding:2px 9px!important;font:700 11px/16px Tahoma,Arial,sans-serif!important;color:#333!important;background:linear-gradient(#fff,#ececec)!important}
.events-view-btn.active{background:#dfe5ef!important;color:#222!important}
.events-header-actions{gap:6px!important}.events-header-actions .gray-btn{height:23px!important;padding:2px 8px!important;font-size:10px!important;background:linear-gradient(#fff,#ececec)}
.events-list-layout{grid-template-columns:165px 1fr!important;gap:12px!important;padding:10px 9px!important}
.events-mini-month h4{height:22px;margin:0!important;padding:5px 6px!important;border:0!important;background:#f1f1f1;color:#555!important;font:700 10px/12px Tahoma,Arial,sans-serif!important}
.mini-cal-head{margin:4px 0 2px}.mini-cal-head span{font-size:8px!important}.mini-cal-grid{gap:0!important}.mini-cal-cell{min-height:21px!important;border:0!important;background:#fff!important;font-size:9px!important}.mini-cal-cell.has-event{background:#eef2f8!important}.mini-cal-cell.today{background:#6d84b4!important;color:#fff!important}
.events-day-group{margin-bottom:10px!important}.events-day-divider{height:24px;padding:4px 6px!important;background:#f1f1f1!important;border:0!important;font:700 10px/16px Tahoma,Arial,sans-serif!important}.events-day-divider small{font-size:9px!important;color:#999!important}
.events-list-card{grid-template-columns:54px 92px 1fr!important;gap:8px!important;padding:9px 6px!important;min-height:92px}.event-time-col{font-size:9px!important;color:#777!important;padding-top:2px!important}.event-cover{width:82px!important;height:62px!important}.event-main-title{font:700 11px/14px Tahoma,Arial,sans-serif!important;color:#3b5998!important;margin:0!important}.event-main-sub{font-size:9px!important;line-height:12px}.event-main-meta,.event-main-desc{font-size:9px!important;line-height:12px!important;margin:2px 0!important}.event-actions{gap:4px!important}.event-actions .gray-btn,.event-actions .share-btn{height:20px!important;padding:1px 6px!important;font-size:9px!important}
.events-birthday-block{padding:5px 6px 8px!important;gap:8px!important;font-size:9px!important}.events-birthday-label{min-width:52px!important}.birthday-avatar img{width:32px!important;height:32px!important}
.events-invites{padding:10px 9px!important}.events-invites h3{font:700 13px/18px Tahoma,Arial,sans-serif!important;margin:0 0 7px!important}.events-invite-grid{gap:14px!important}.events-invite-card{grid-template-columns:82px 1fr!important;gap:7px!important}.events-invite-card img{width:78px!important;height:58px!important}.invite-title{font:700 10px/13px Tahoma,Arial,sans-serif!important;color:#3b5998!important}.invite-meta,.invite-copy,.invite-actions .text-link{font-size:9px!important;line-height:12px!important}
.events-calendar-wrap{padding:8px 9px 12px!important}.events-calendar-header{margin-bottom:5px!important}.events-calendar-header h3{font:700 12px/18px Tahoma,Arial,sans-serif!important}.events-calendar-nav .gray-btn{height:20px!important;padding:0 7px!important}
.events-calendar-main{grid-template-columns:minmax(0,1fr) 205px!important;gap:8px!important}.events-calendar-weekdays span{padding:4px 5px!important;font-size:9px!important}.events-calendar-grid{grid-auto-rows:82px!important}.events-calendar-cell{padding:3px!important}.events-calendar-daynum{font-size:9px!important;margin-bottom:2px!important}.calendar-event-chip{font-size:8px!important;line-height:11px!important;padding:1px 2px!important}.events-calendar-preview{padding:6px!important;min-height:170px!important}.events-preview-photo{height:95px!important;margin-bottom:4px!important}.events-preview-title{font:700 10px/13px Tahoma,Arial,sans-serif!important}.events-preview-time,.events-preview-location,.events-preview-copy,.events-preview-link{font-size:8px!important;line-height:11px!important}

.event-details-card{width:min(650px,94vw)!important}.event-details-body{padding:0!important;background:#fff}.event-detail-hero{display:grid;grid-template-columns:170px 1fr;gap:12px;padding:12px;border-bottom:1px solid #d8dfea;background:#fff}.event-detail-cover{width:170px;height:125px;object-fit:cover;border:1px solid #c7cde0}.event-detail-summary h2{margin:0 0 5px;color:#3b5998;font:700 18px/22px Tahoma,Arial,sans-serif}.event-detail-date{font-size:11px;color:#333;margin-bottom:4px}.event-detail-place{font-size:11px;color:#666;margin-bottom:4px}.event-detail-invited{font-size:10px;color:#777;margin:5px 0}.event-detail-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.event-detail-actions button{height:23px;font-size:10px}.event-detail-actions .selected{background:#6d84b4;color:#fff;border-color:#526b9e}
.event-detail-columns{display:grid;grid-template-columns:1fr 225px;gap:0}.event-detail-main{border-right:1px solid #e5e8ef}.event-detail-section{padding:10px 12px;border-bottom:1px solid #e5e8ef}.event-detail-section h3{margin:0 0 7px;color:#555;font:700 11px/14px Tahoma,Arial,sans-serif}.event-detail-section p{margin:0;white-space:pre-wrap;font-size:10px;line-height:15px;color:#444}.event-detail-host{display:flex;align-items:center;gap:7px;border:0;background:none;padding:0;color:#3b5998;cursor:pointer;text-align:left}.event-detail-host img{width:36px;height:36px;object-fit:cover;border:1px solid #ccc}.event-detail-host span{display:flex;flex-direction:column}.event-detail-host small{color:#888;font-size:9px}.event-detail-guests{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.event-detail-guest{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:5px;border:0;background:#fff;padding:2px;text-align:left;color:#3b5998;cursor:pointer;min-width:0}.event-detail-guest img{grid-row:1/3;width:30px;height:30px;object-fit:cover;border:1px solid #ccc}.event-detail-guest span{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-detail-guest small{font-size:8px;color:#999;text-transform:capitalize}.event-detail-empty{font-size:9px;color:#888}.event-details-foot{padding:6px 8px!important}

.event-today-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px;white-space:nowrap;line-height:1}.event-today-btn img{display:inline-block!important;flex:0 0 auto;width:14px;height:14px;vertical-align:middle;margin:0!important}
.events-list-card.no-photo{grid-template-columns:54px 1fr!important;min-height:0!important}.events-list-card.no-photo .event-main-copy{grid-column:auto}
.events-invite-card.no-photo{grid-template-columns:1fr!important}.events-calendar-preview.no-photo .events-preview-photo{display:none}.event-detail-hero.no-photo{grid-template-columns:1fr!important}
.events-birthday-list{display:flex;flex-direction:column;gap:7px!important;flex:1}.birthday-entry{display:grid;grid-template-columns:34px 1fr;gap:7px;align-items:start}.birthday-entry-copy{min-width:0}.birthday-entry-name{display:block;border:0;background:none;padding:0;color:#3b5998;font:700 10px/12px Tahoma,Arial,sans-serif;cursor:pointer;text-align:left}.birthday-wall-form{margin-top:3px}.birthday-wall-form input{width:100%;height:20px;border:1px solid #c7cedc;padding:2px 5px;font:10px Tahoma,Arial,sans-serif;color:#444;background:#fff}.birthday-wall-form input::placeholder{color:#888}

@media(max-width:760px){.event-detail-hero{grid-template-columns:1fr}.event-detail-cover{width:100%;height:180px}.event-detail-columns{grid-template-columns:1fr}.event-detail-main{border-right:0}.events-calendar-main{grid-template-columns:1fr!important}.events-list-layout{grid-template-columns:1fr!important}}


/* v8.43 — reference-style birthdays */
.events-birthday-block{align-items:flex-start!important;border-top:1px solid #eef0f4;background:#fff;padding:7px 6px 8px!important}
.events-birthday-label{display:flex;flex-direction:column;gap:2px;min-width:62px!important;color:#888!important;font:9px/11px Tahoma,Arial,sans-serif!important;padding-top:2px}
.events-birthday-label b{color:#888;font-weight:normal}.events-birthday-label span{color:#aaa;font-size:8px;white-space:nowrap}
.events-birthday-list{gap:6px!important}.birthday-entry{grid-template-columns:36px minmax(0,300px)!important;gap:7px!important;align-items:start}.birthday-avatar img{width:34px!important;height:34px!important}
.birthday-entry-name{font:700 9px/11px Tahoma,Arial,sans-serif!important;margin:0 0 2px!important}.birthday-wall-form input{width:250px;max-width:100%;height:21px!important;border:1px solid #c8ceda!important;padding:2px 5px!important;font:9px Tahoma,Arial,sans-serif!important;box-sizing:border-box}
.calendar-birthday-mini{position:absolute;left:3px;right:3px;bottom:3px;display:flex;align-items:center;gap:2px;min-height:20px;overflow:hidden}.calendar-birthday-label{font:7px/9px Tahoma,Arial,sans-serif;color:#999;margin-right:1px}.calendar-birthday-avatar{border:0;background:none;padding:0;cursor:pointer;flex:0 0 auto}.calendar-birthday-avatar img{width:18px;height:18px;object-fit:cover;border:1px solid #c7cdd8}.events-calendar-cell{padding-bottom:25px!important}


/* v8.44 Events photo + Load More + Photos repair */
.event-photo-field small{font-weight:normal;color:#888}.event-photo-field input{display:block;margin-top:5px;font:10px Arial,sans-serif}.event-photo-preview{margin:5px 0 2px;padding:6px;border:1px solid #d8dfea;background:#f7f7f7;display:flex;align-items:flex-start;gap:8px}.event-photo-preview img{width:125px;height:85px;object-fit:cover;border:1px solid #bdc7d8}.event-photo-remove{margin-top:2px}.events-load-more{padding:7px 0 2px}.events-load-more .feed-load-button{border-left:1px solid #c5cde0;border-right:1px solid #c5cde0}
.events-birthday-label{display:flex!important;flex-direction:column;gap:1px}.events-birthday-label b{font-size:9px}.events-birthday-label span{font-size:8px;color:#999;white-space:nowrap}
.photos-2012-shell{background:#fff;border:1px solid #c4cde0}.photos-2012-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px;border-bottom:1px solid #d8dfea}.photos-2012-head h2{margin:0;color:#1c2a47;font:bold 15px Arial,sans-serif}.photos-2012-head span{display:block;margin-top:2px;color:#777;font-size:10px}.photos-2012-actions{display:flex;align-items:center;gap:6px}.photos-2012-tabs{height:31px;padding:7px 10px 0;border-bottom:1px solid #c4cde0;background:#f7f7f7}.photos-2012-tabs button{height:24px;border:1px solid #c4cde0;border-bottom-color:#fff;background:#fff;padding:3px 12px;color:#333;font:bold 10px Arial,sans-serif}.photos-2012-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:12px}.photos-2012-tile{min-width:0}.photos-2012-imagewrap{display:block;width:100%;aspect-ratio:1/1;border:1px solid #c7cde0;background:#f1f1f1;padding:3px;cursor:pointer}.photos-2012-imagewrap img{width:100%;height:100%;object-fit:cover}.photos-2012-meta{padding:5px 2px 0;min-height:46px}.photos-2012-author{display:block;max-width:100%;border:0;background:none;padding:0;color:#3b5998;font:bold 10px Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;text-align:left}.photos-2012-meta small{display:block;color:#999;font-size:9px;margin-top:1px}.photos-2012-meta p{margin:3px 0 1px;color:#555;font-size:9px;line-height:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.photos-2012-meta a{font-size:9px;color:#3b5998}.photos-load-more-wrap{padding:0 12px 12px}.photos-load-more-wrap .feed-load-button{border:1px solid #c5cde0}.photos-empty{grid-column:1/-1}
@media(max-width:900px){.photos-2012-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.photos-2012-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px}.photos-2012-head{align-items:flex-start}.photos-2012-head span{max-width:180px}}


/* v8.45 — birthday timing + live presence polish */
.events-birthday-block.birthday-preview-only{align-items:center!important}
.birthday-preview-only .events-birthday-label{align-self:center!important}
.birthday-avatar-strip{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:5px!important;align-items:center!important}
.birthday-avatar-strip .birthday-avatar{display:block!important}
.birthday-avatar-strip .birthday-avatar img{width:34px!important;height:34px!important;object-fit:cover!important;border:1px solid #c7cde0!important}
.birthdays-today .birthday-entry{grid-template-columns:38px minmax(0,1fr)!important}
.birthdays-today .birthday-avatar img{width:36px!important;height:36px!important;object-fit:cover!important}
.birthdays-today .birthday-entry-name{font-size:10px!important;margin-top:1px!important}
.birthdays-today .birthday-wall-form input{height:22px!important;background:#fff!important}

/* v8.46 — Facebook 2012 photo viewer + reliable Event invite selection */
.photo-viewer-2012{position:fixed!important;inset:0!important;z-index:30000!important;background:rgba(0,0,0,.82)!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important}.photo-viewer-2012.hidden{display:none!important}
.photo-viewer-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:9px;background:rgba(0,0,0,.78);border:1px solid rgba(255,255,255,.22);border-radius:3px;color:#fff;padding:11px 15px;font:700 11px Arial,sans-serif;box-shadow:0 2px 14px rgba(0,0,0,.35)}.photo-viewer-loading.hidden{display:none!important}.photo-viewer-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:rbPhotoSpin .72s linear infinite}@keyframes rbPhotoSpin{to{transform:rotate(360deg)}}
.photo-viewer-shell{position:relative;display:grid!important;grid-template-columns:minmax(520px,1fr) 315px;width:min(1180px,calc(100vw - 48px));height:min(760px,calc(100vh - 48px));background:#111;box-shadow:0 5px 28px rgba(0,0,0,.65);overflow:hidden}.photo-viewer-shell.hidden{display:none!important}
.photo-viewer-media-pane{position:relative;min-width:0;background:#090909;display:flex;align-items:center;justify-content:center;overflow:hidden}.photo-viewer-stage{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;padding:20px 34px 42px!important}.photo-viewer-stage img{display:block!important;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;box-shadow:none!important;background:#111}.photo-viewer-caption{position:absolute;left:50px;right:50px;bottom:10px;color:#bbb;font:10px Arial,sans-serif;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:14px;padding:0!important}
.photo-viewer-sidebar{position:relative;background:#fff;border-left:1px solid #333;display:flex;flex-direction:column;min-width:0;height:100%;color:#333}.photo-viewer-close{position:absolute!important;right:7px!important;top:4px!important;z-index:5;width:24px!important;height:24px!important;color:#888!important;background:transparent!important;border:0!important;font:20px/22px Arial!important;cursor:pointer}.photo-viewer-close:hover{color:#333!important}
.photo-viewer-post-panel{flex:1;min-height:0;overflow:auto;padding:14px 11px 8px}.photo-viewer-side-loading,.photo-viewer-fallback{padding:18px 6px;color:#777;font:11px Arial,sans-serif}.photo-viewer-fallback-title{font-weight:bold;color:#333;margin-bottom:7px}
.photo-viewer-post-head{display:flex;gap:7px;padding-right:22px;margin-bottom:9px}.photo-viewer-author-avatar,.photo-viewer-author-name,.photo-viewer-comment-avatar,.photo-viewer-comment-name{border:0;background:none;padding:0;cursor:pointer;text-align:left}.photo-viewer-author-avatar img{width:38px;height:38px;object-fit:cover}.photo-viewer-post-head>div{min-width:0}.photo-viewer-author-name{display:block;color:#3b5998;font:700 11px/14px Arial,sans-serif}.photo-viewer-post-head small{display:block;color:#999;font:9px Arial,sans-serif;margin-top:2px}.photo-viewer-post-text{font:10px/14px Arial,sans-serif;color:#333;margin:6px 0 8px;word-break:break-word}.photo-viewer-actions{padding:6px 0;border-bottom:1px solid #e5e5e5;color:#aaa;font-size:9px}.photo-viewer-actions button{border:0;background:none;color:#3b5998;padding:0 3px;cursor:pointer;font:10px Arial,sans-serif}.photo-viewer-actions button:first-child{padding-left:0}.photo-viewer-actions button.liked{font-weight:bold}.photo-viewer-like-summary{padding:7px 0;border-bottom:1px solid #e5e5e5;color:#777;font:9px Arial,sans-serif}.photo-viewer-like-icon{display:inline-flex;width:14px;height:14px;align-items:center;justify-content:center;background:#5b74a8;color:#fff;border-radius:2px;font-size:9px;margin-right:4px}.photo-viewer-comments-head{display:flex;justify-content:flex-end;padding:5px 0;color:#999;font:8px Arial,sans-serif}.photo-viewer-comments{display:flex;flex-direction:column;gap:5px}.photo-viewer-comment-row{display:grid;grid-template-columns:30px 1fr;gap:6px}.photo-viewer-comment-avatar img{width:30px;height:30px;object-fit:cover}.photo-viewer-comment-copy{min-width:0;font:9px/12px Arial,sans-serif;color:#444}.photo-viewer-comment-name{color:#3b5998;font:700 9px Arial,sans-serif}.photo-viewer-comment-copy small{display:block;color:#999;font-size:8px;margin-top:2px}.photo-viewer-no-comments{padding:12px 0;color:#999;font:9px Arial,sans-serif}
.photo-viewer-comment-form{flex:0 0 auto;display:grid;grid-template-columns:28px 1fr;gap:6px;padding:7px 9px;border-top:1px solid #d8dfea;background:#f6f7f9}.photo-viewer-comment-form.hidden{display:none!important}.photo-viewer-comment-form img{width:28px;height:28px;object-fit:cover}.photo-viewer-comment-form input{height:28px;border:1px solid #bdc7d8;padding:4px 6px;font:10px Arial,sans-serif;outline:0;background:#fff}
.photo-viewer-nav{position:absolute!important;z-index:4;top:50%!important;transform:translateY(-50%)!important;width:44px!important;height:70px!important;border:0!important;background:rgba(0,0,0,.16)!important;color:#fff!important;font:44px/62px Arial!important;cursor:pointer!important}.photo-viewer-nav.prev{left:0!important}.photo-viewer-nav.next{right:0!important}.photo-viewer-nav:hover{background:rgba(0,0,0,.5)!important}.photo-viewer-nav:disabled{opacity:.15!important}
.event-invite-row{width:100%!important;border:0!important;border-bottom:1px solid #eef1f6!important;background:#fff!important;display:flex!important;align-items:center!important;gap:10px!important;text-align:left!important;padding:8px 10px!important;cursor:pointer!important;color:#333!important}.event-invite-row:hover{background:#f7f9fc!important}.event-invite-row.selected{background:#edf3ff!important}.event-invite-check{width:16px;height:16px;flex:0 0 16px;border:1px solid #9aa5b8;background:#fff;display:inline-flex;align-items:center;justify-content:center;color:#fff;font:bold 12px/14px Arial}.event-invite-row.selected .event-invite-check{background:#5b74a8;border-color:#29447e;color:#fff}.event-invite-row img{width:34px!important;height:34px!important;object-fit:cover;border:1px solid #c7cde0}.event-invite-copy{flex:1;min-width:0}
@media(max-width:850px){.photo-viewer-2012{padding:8px!important}.photo-viewer-shell{width:calc(100vw - 16px);height:calc(100vh - 16px);grid-template-columns:1fr;grid-template-rows:minmax(280px,55vh) 1fr}.photo-viewer-sidebar{border-left:0;border-top:1px solid #333}.photo-viewer-stage{padding:12px 28px 30px!important}}

/* v8.47 — profile Photos / albums / tagging / update stories */
.special-story-text{font-weight:normal;color:#333}.post-tag-context{font-weight:normal;color:#333}.post-tag-context a{font-weight:bold;color:#3b5998}
.photo-viewer-actions .photo-viewer-like-action,.photo-viewer-actions #photoViewerTagBtn{display:inline-flex;align-items:center;gap:3px;vertical-align:middle}.photo-viewer-actions .action-icon{display:inline-block;width:13px;height:13px;object-fit:contain;margin:0}.photo-viewer-like-icon-img{display:inline-block;width:14px;height:14px;object-fit:contain;vertical-align:-3px;margin-right:4px}

.profile-photos-tab-2012{padding:0!important;background:#eef1f6!important;border:0!important}.profile-photos-loading{padding:30px;background:#fff;border:1px solid #c4cde0}.profile-photos-2012-head{height:43px;display:flex;align-items:center;background:#fff;border:1px solid #c4cde0;border-bottom:0;padding:5px 10px}.profile-photos-owner{display:flex;align-items:center;gap:7px}.profile-photos-owner>img{width:28px;height:28px;object-fit:cover;border:1px solid #c7cde0}.profile-photos-owner>b{font:700 11px Arial,sans-serif;color:#333}.profile-photos-menu-btn{height:24px;border:1px solid #9aa6bd;background:linear-gradient(#fff,#eceff2);font:700 10px Arial,sans-serif;color:#333;padding:0 9px;cursor:pointer}
.profile-photo-stat-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:5px;background:#eef1f6;border-left:1px solid #c4cde0;border-right:1px solid #c4cde0}.profile-photo-stat{min-height:55px;border:1px solid #d5dbe8;background:#f7f8fb;display:flex;align-items:center;justify-content:center;gap:9px;color:#7d8eaf;cursor:pointer;text-align:left}.profile-photo-stat:hover{background:#f1f4f9}.profile-photo-stat.active{background:#7389ba;border-color:#667ead;color:#fff}.profile-photo-stat>img{width:26px;height:26px;object-fit:contain;opacity:.78}.profile-photo-stat.active>img{filter:brightness(0) invert(1);opacity:1}.profile-photo-stat span{display:flex;flex-direction:column}.profile-photo-stat b{font:700 18px/20px Arial,sans-serif}.profile-photo-stat small{font:10px/13px Arial,sans-serif}
.profile-photos-2012-body{background:#fff;border:1px solid #c4cde0;padding:4px;min-height:260px}.profile-photo-mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:130px;gap:3px}.profile-photo-mosaic-item{position:relative;border:0;background:#ddd;padding:0;overflow:hidden;cursor:zoom-in}.profile-photo-mosaic-item.featured{grid-column:span 2;grid-row:span 2}.profile-photo-mosaic-item img{width:100%;height:100%;object-fit:cover;display:block}.profile-photo-mosaic-item span{position:absolute;left:0;right:0;bottom:0;padding:12px 6px 4px;background:linear-gradient(transparent,rgba(0,0,0,.65));color:#fff;font:9px Arial,sans-serif;text-align:left;opacity:0;transition:opacity .12s}.profile-photo-mosaic-item:hover span{opacity:1}.profile-photos-empty{padding:35px 20px;text-align:center;color:#777;font:11px Arial,sans-serif}
.profile-albums-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:8px}.profile-album-card{border:1px solid #d0d6e1;background:#fff;padding:4px;text-align:left;cursor:pointer}.profile-album-card:hover{background:#f5f7fa}.profile-album-card>img,.profile-album-empty-icon{width:100%;height:110px;display:flex;align-items:center;justify-content:center;object-fit:cover;background:#edf0f5}.profile-album-empty-icon img{width:34px;height:34px;opacity:.55}.profile-album-card b{display:block;color:#3b5998;font:700 10px/13px Arial,sans-serif;margin:5px 2px 1px}.profile-album-card small{display:block;color:#888;font:9px Arial,sans-serif;margin:0 2px 3px}.profile-album-titlebar{height:34px;display:flex;align-items:center;gap:10px;padding:0 7px;border-bottom:1px solid #d8dfea;margin-bottom:4px}.profile-album-back{border:0;background:none;color:#3b5998;font:10px Arial,sans-serif;cursor:pointer;padding:0}.profile-album-titlebar b{font:700 11px Arial,sans-serif;color:#333}.profile-album-titlebar span{margin-left:auto;color:#888;font:9px Arial,sans-serif}

.photo-tag-card{width:min(500px,92vw)}.photo-tag-body{display:flex;flex-direction:column;gap:8px}.photo-tag-help{font:11px Arial,sans-serif;color:#555}.photo-tag-search-wrap input{width:100%;height:28px;border:1px solid #bdc7d8;padding:4px 7px;font:11px Arial,sans-serif}.photo-tag-status{min-height:14px;color:#888;font:9px Arial,sans-serif}.photo-tag-results{max-height:310px;overflow:auto;border:1px solid #d8dfea;background:#fff}.photo-tag-row{width:100%;display:grid;grid-template-columns:22px 38px 1fr;gap:7px;align-items:center;border:0;border-bottom:1px solid #edf0f5;background:#fff;padding:6px 8px;text-align:left;cursor:pointer}.photo-tag-row:last-child{border-bottom:0}.photo-tag-row:hover{background:#f3f6fb}.photo-tag-row.selected{background:#eaf0fb}.photo-tag-check{width:16px;height:16px;border:1px solid #9da9bf;background:#fff;display:grid;place-items:center;color:#fff;font:bold 11px/14px Arial}.photo-tag-row.selected .photo-tag-check{background:#5b74a8;border-color:#29447e}.photo-tag-row>img{width:36px;height:36px;object-fit:cover;border:1px solid #ccc}.photo-tag-row>span:last-child{min-width:0}.photo-tag-row b,.photo-tag-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-tag-row b{color:#3b5998;font:700 10px Arial,sans-serif}.photo-tag-row small{color:#888;font:9px Arial,sans-serif;margin-top:2px}
@media(max-width:760px){.profile-photo-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:120px}.profile-photo-stat-tabs{grid-template-columns:1fr}.profile-albums-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
#photoTagModal{z-index:31000!important}


/* v8.48 — scrolling profile tab bar, Photos fit, Events recovery */
.profile-scrollbar-2012{
  position:fixed;
  top:38px;
  height:62px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:6px 22px;
  box-sizing:border-box;
  background:#fff;
  border:1px solid #b8c3d6;
  border-top:0;
  box-shadow:0 2px 5px rgba(0,0,0,.16);
  z-index:11000;
  opacity:0;
  transform:translateY(-8px);
  visibility:hidden;
  pointer-events:none;
  transition:opacity .12s ease,transform .12s ease,visibility .12s;
}
.profile-scrollbar-2012.visible{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto}
.profile-sticky-owner{
  display:flex;
  align-items:center;
  gap:12px;
  max-width:270px;
  border:0;
  background:transparent;
  padding:0;
  color:#333;
  font:bold 15px Arial,sans-serif;
  cursor:pointer;
  text-align:left;
}
.profile-sticky-owner img{width:46px;height:46px;box-sizing:border-box;object-fit:cover;border:1px solid #bcc5d4;background:#eee;padding:2px}
.profile-sticky-owner b{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-sticky-menu-wrap{position:relative}
.profile-sticky-tab-button{
  height:34px;
  min-width:116px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 10px;
  border:1px solid #8a98af;
  background:linear-gradient(#fff,#f1f2f4);
  color:#333;
  font:bold 12px Arial,sans-serif;
  cursor:pointer;
}
.profile-sticky-tab-button:hover{background:linear-gradient(#fff,#e5e9ef)}
.profile-sticky-tab-button i{font-style:normal;font-size:11px;color:#333}
.profile-sticky-menu{
  position:absolute;
  left:0;
  top:38px;
  min-width:150px;
  padding:4px 0;
  background:#fff;
  border:1px solid #777;
  box-shadow:0 3px 8px rgba(0,0,0,.22);
  z-index:2;
}
.profile-sticky-menu.hidden{display:none!important}
.profile-sticky-menu button{
  display:block;
  width:100%;
  height:29px;
  border:0;
  background:#fff;
  padding:0 10px;
  text-align:left;
  color:#333;
  font:11px Arial,sans-serif;
  cursor:pointer;
  white-space:nowrap;
}
.profile-sticky-menu button:hover,.profile-sticky-menu button.active{background:#6d84b4;color:#fff}

/* The old owner/header row is no longer part of the Photos tab.
   Keep the three photo filters aligned to the profile width. */
.profile-photos-tab-2012{width:100%;box-sizing:border-box;overflow:hidden}
.profile-photo-stat-tabs{
  width:100%;
  box-sizing:border-box;
  border-top:1px solid #c4cde0;
}
.profile-photos-2012-body{width:100%;box-sizing:border-box;overflow:hidden}
.profile-photo-mosaic,.profile-albums-grid{width:100%;box-sizing:border-box}

/* Keep the Events header usable even when event data cannot be loaded. */
.events-retry{
  min-height:150px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:7px;
  padding:22px;
  background:#fff;
  border-bottom:1px solid #d8dfea;
  color:#555;
  font:11px Arial,sans-serif;
}
.events-retry b{color:#333;font-size:12px}
.events-retry span{color:#777}
.events-retry .gray-btn{margin-top:3px}

@media(max-width:760px){
  .profile-scrollbar-2012{top:38px;height:56px;gap:8px;padding:5px 8px}
  .profile-sticky-owner{gap:7px;max-width:180px;font-size:13px}
  .profile-sticky-owner img{width:40px;height:40px}
  .profile-sticky-owner b{max-width:125px}
  .profile-sticky-tab-button{height:32px;min-width:100px;padding:0 8px}
  .profile-sticky-menu{top:35px}
}


/* v8.50: smaller sticky profile bar + better photo fitting */
.profile-scrollbar-2012{height:48px!important;gap:9px!important;padding:4px 12px!important;border-color:#bcc5d6!important;box-shadow:0 1px 4px rgba(0,0,0,.14)!important}
.profile-sticky-owner{gap:8px!important;max-width:205px!important;font:700 12px Arial,sans-serif!important}
.profile-sticky-owner img{width:34px!important;height:34px!important;padding:1px!important}
.profile-sticky-tab-button{height:28px!important;min-width:98px!important;gap:7px!important;padding:0 8px!important;font:700 11px Arial,sans-serif!important}
.profile-sticky-menu{top:31px!important;min-width:132px!important}
.profile-sticky-menu button{height:25px!important;font:11px Arial,sans-serif!important}
.profile-photos-tab-2012{width:100%!important;box-sizing:border-box!important;overflow:hidden!important}
.profile-photo-stat-tabs{padding:4px!important;gap:2px!important}
.profile-photo-stat{min-height:48px!important}
.profile-photo-stat b{font:700 16px/18px Arial,sans-serif!important}
.profile-photos-2012-body{padding:3px!important;min-height:0!important}
.profile-photo-mosaic{width:100%!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;grid-auto-rows:128px!important;grid-auto-flow:dense!important;gap:3px!important}
.profile-photo-mosaic-item.featured{grid-column:span 2;grid-row:span 2}
.profile-albums-grid{width:100%!important;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important}
.photos-2012-shell{overflow:hidden!important}
.photos-2012-grid{width:100%!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;gap:10px!important;align-items:start!important}
.photos-2012-tile{display:flex!important;flex-direction:column!important;min-width:0!important}
.photos-2012-imagewrap{width:100%!important;aspect-ratio:1/1!important;box-sizing:border-box!important}
.photos-2012-meta{min-height:auto!important}
@media(max-width:760px){
  .profile-scrollbar-2012{height:44px!important;gap:7px!important;padding:3px 7px!important}
  .profile-sticky-owner{max-width:150px!important;font-size:11px!important}
  .profile-sticky-owner img{width:30px!important;height:30px!important}
  .profile-sticky-tab-button{height:26px!important;min-width:88px!important;padding:0 6px!important}
  .profile-sticky-menu{top:29px!important}
  .profile-photo-mosaic{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))!important;grid-auto-rows:110px!important}
  .photos-2012-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))!important;gap:8px!important}
}


/* v8.52: use the real Events calendar image instead of sprite-style cropping */
.rail-item[data-page="events"] img{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  flex:0 0 18px!important;
}
.event-today-btn img{object-fit:contain!important;object-position:center!important;}


/* v8.68 — classic profile actions + local Retrobook emoji sprite */
.rb-emoji{display:inline-block;width:16px;height:16px;min-width:16px;background-image:url('/assets/emoji/retrobook-legacy-emoji-sprite.png?v=871');background-repeat:no-repeat;vertical-align:-3px;image-rendering:auto;color:transparent;font-size:0;line-height:0}
.rb-emoji-inline{margin:0 1px;vertical-align:-3px}
.rb-e-000{background-position:-322px -20px!important}
.rb-e-001{background-position:-339px -20px!important}
.rb-e-002{background-position:-356px -20px!important}
.rb-e-003{background-position:-373px -20px!important}
.rb-e-004{background-position:-390px -20px!important}
.rb-e-005{background-position:-407px -20px!important}
.rb-e-006{background-position:-424px -20px!important}
.rb-e-007{background-position:-441px -20px!important}
.rb-e-008{background-position:-458px -20px!important}
.rb-e-009{background-position:-475px -20px!important}
.rb-e-010{background-position:-492px -20px!important}
.rb-e-011{background-position:-509px -20px!important}
.rb-e-012{background-position:-526px -20px!important}
.rb-e-013{background-position:-543px -20px!important}
.rb-e-014{background-position:-560px -20px!important}
.rb-e-015{background-position:-577px -20px!important}
.rb-e-016{background-position:-594px -20px!important}
.rb-e-017{background-position:-611px -20px!important}
.rb-e-018{background-position:-628px -20px!important}
.rb-e-019{background-position:-645px -20px!important}
.rb-e-020{background-position:-662px -20px!important}
.rb-e-021{background-position:-679px -20px!important}
.rb-e-022{background-position:-696px -20px!important}
.rb-e-023{background-position:-713px -20px!important}
.rb-e-024{background-position:-730px -20px!important}
.rb-e-025{background-position:-747px -20px!important}
.rb-e-026{background-position:-764px -20px!important}
.rb-e-027{background-position:-781px -20px!important}
.rb-e-028{background-position:-798px -20px!important}
.rb-e-029{background-position:-815px -20px!important}
.rb-e-030{background-position:-832px -20px!important}
.rb-e-031{background-position:-322px -38px!important}
.rb-e-032{background-position:-339px -38px!important}
.rb-e-033{background-position:-356px -38px!important}
.rb-e-034{background-position:-373px -38px!important}
.rb-e-035{background-position:-390px -38px!important}
.rb-e-036{background-position:-407px -38px!important}
.rb-e-037{background-position:-424px -38px!important}
.rb-e-038{background-position:-441px -38px!important}
.rb-e-039{background-position:-458px -38px!important}
.rb-e-040{background-position:-475px -38px!important}
.rb-e-041{background-position:-492px -38px!important}
.rb-e-042{background-position:-509px -38px!important}
.rb-e-043{background-position:-526px -38px!important}
.rb-e-044{background-position:-543px -38px!important}
.rb-e-045{background-position:-560px -38px!important}
.rb-e-046{background-position:-577px -38px!important}
.rb-e-047{background-position:-594px -38px!important}
.rb-e-048{background-position:-611px -38px!important}
.rb-e-049{background-position:-628px -38px!important}
.rb-e-050{background-position:-645px -38px!important}
.rb-e-051{background-position:-662px -38px!important}
.rb-e-052{background-position:-679px -38px!important}
.rb-e-053{background-position:-696px -38px!important}
.rb-e-054{background-position:-713px -38px!important}
.rb-e-055{background-position:-730px -38px!important}
.rb-e-056{background-position:-747px -38px!important}
.rb-e-057{background-position:-764px -38px!important}
.rb-e-058{background-position:-781px -38px!important}
.rb-e-059{background-position:-798px -38px!important}
.rb-e-060{background-position:-815px -38px!important}
.rb-e-061{background-position:-832px -38px!important}
.rb-e-062{background-position:-322px -55px!important}
.rb-e-063{background-position:-339px -55px!important}
.rb-e-064{background-position:-356px -55px!important}
.rb-e-065{background-position:-373px -55px!important}
.rb-e-066{background-position:-390px -55px!important}
.rb-e-067{background-position:-407px -55px!important}
.rb-e-068{background-position:-424px -55px!important}
.rb-e-069{background-position:-441px -55px!important}
.rb-e-070{background-position:-458px -55px!important}
.rb-e-071{background-position:-475px -55px!important}
.rb-e-072{background-position:-492px -55px!important}
.rb-e-073{background-position:-509px -55px!important}
.rb-e-074{background-position:-526px -55px!important}
.rb-e-075{background-position:-543px -55px!important}
.rb-e-076{background-position:-560px -55px!important}
.rb-e-077{background-position:-577px -55px!important}
.rb-e-078{background-position:-594px -55px!important}
.rb-e-079{background-position:-611px -55px!important}
.rb-e-080{background-position:-628px -55px!important}
.rb-e-081{background-position:-645px -55px!important}
.rb-e-082{background-position:-662px -55px!important}
.rb-e-083{background-position:-679px -55px!important}
.rb-e-084{background-position:-696px -55px!important}
.rb-e-085{background-position:-713px -55px!important}
.rb-e-086{background-position:-730px -55px!important}
.rb-e-087{background-position:-747px -55px!important}
.rb-e-088{background-position:-764px -55px!important}
.rb-e-089{background-position:-781px -55px!important}
.rb-e-090{background-position:-798px -55px!important}
.rb-e-091{background-position:-815px -55px!important}
.rb-e-092{background-position:-832px -55px!important}
.rb-e-093{background-position:-322px -72px!important}
.rb-e-094{background-position:-339px -72px!important}
.rb-e-095{background-position:-356px -72px!important}
.rb-e-096{background-position:-373px -72px!important}
.rb-e-097{background-position:-390px -72px!important}
.rb-e-098{background-position:-407px -72px!important}
.rb-e-099{background-position:-424px -72px!important}
.rb-e-100{background-position:-441px -72px!important}
.rb-e-101{background-position:-458px -72px!important}
.rb-e-102{background-position:-475px -72px!important}
.rb-e-103{background-position:-492px -72px!important}
.rb-e-104{background-position:-509px -72px!important}
.rb-e-105{background-position:-526px -72px!important}
.rb-e-106{background-position:-543px -72px!important}
.rb-e-107{background-position:-560px -72px!important}
.rb-e-108{background-position:-577px -72px!important}
.rb-e-109{background-position:-594px -72px!important}
.rb-e-110{background-position:-611px -72px!important}
.rb-e-111{background-position:-628px -72px!important}
.rb-e-112{background-position:-645px -72px!important}
.rb-e-113{background-position:-662px -72px!important}
.rb-e-114{background-position:-679px -72px!important}
.rb-e-115{background-position:-696px -72px!important}
.rb-e-116{background-position:-713px -72px!important}
.rb-e-117{background-position:-730px -72px!important}
.rb-e-118{background-position:-747px -72px!important}
.rb-e-119{background-position:-764px -72px!important}
.rb-e-120{background-position:-781px -72px!important}
.rb-e-121{background-position:-798px -72px!important}
.rb-e-122{background-position:-815px -72px!important}
.rb-e-123{background-position:-832px -72px!important}

/* Profile action bar based on the Facebook 2012 segmented controls. */
.profile-2012-actions{gap:10px!important}
.profile-action-segment,.profile-action-separate{display:inline-flex;align-items:stretch}
.profile-action-segment .profile-action{border-radius:0;margin-left:-1px;box-shadow:0 1px 1px rgba(0,0,0,.14)}
.profile-action-segment .profile-action:first-child{margin-left:0;border-radius:4px 0 0 4px}
.profile-action-segment .profile-action:last-child{border-radius:0 4px 4px 0}
.profile-action-separate .profile-action{border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.14)}
.profile-2012-actions .profile-action{height:31px!important;border-color:#999!important;background:linear-gradient(#fff,#e8e8e8)!important;color:#333!important;text-shadow:0 1px #fff!important;font:bold 12px Arial,sans-serif!important;padding:0 12px!important}
.profile-2012-actions .profile-action:hover{background:linear-gradient(#fff,#ddd)!important}
.profile-2012-actions .profile-action-icon{width:15px!important;height:15px!important;filter:grayscale(1) brightness(.65)}
.profile-subscribe-glyph{position:relative;width:14px;height:14px;display:inline-block;margin-right:2px}
.profile-subscribe-glyph:before{content:'';position:absolute;left:1px;bottom:1px;width:3px;height:3px;border-radius:50%;background:#666}
.profile-subscribe-glyph:after{content:'';position:absolute;left:1px;bottom:1px;width:10px;height:10px;border:2px solid #666;border-left-color:transparent;border-bottom-color:transparent;border-radius:0 10px 0 0;transform:rotate(-45deg);transform-origin:2px 8px}
.profile-subscribe.subscribed{background:linear-gradient(#f7f7f7,#ddd)!important;color:#555!important}
.profile-profile-more{border-radius:4px!important;padding:0 9px!important;font-size:11px!important;color:#666!important}

/* 2012-style sprite emoji picker used by full Messages and popup chat. */
.message-feeling-picker{padding:0!important;width:292px!important;max-height:none!important;overflow:hidden!important;border:1px solid #8b8b8b!important;border-radius:2px;background:#fff!important;box-shadow:0 2px 7px rgba(0,0,0,.28)!important}
.rb-emoji-picker-head{height:38px;display:flex;align-items:stretch;border-bottom:1px solid #d6d9df;background:#f7f7f7}
.rb-emoji-tab{width:42px;height:38px;border:0;border-right:1px solid #e2e4e8;background:transparent;display:grid;place-items:center;cursor:pointer}
.rb-emoji-tab:hover{background:#eceff5}.rb-emoji-tab.active{background:#fff;box-shadow:inset 0 -3px #5b74a8}
.rb-emoji-tab .rb-emoji{transform:scale(1.05)}
.rb-emoji-picker-body{padding:8px 7px 9px;background:#fff}
.rb-emoji-grid{display:grid;grid-template-columns:repeat(8,28px);grid-auto-rows:28px;gap:2px;align-content:start}
.rb-emoji-grid.hidden{display:none!important}
.rb-emoji-choice{width:28px;height:28px;border:0;background:#fff;display:grid;place-items:center;cursor:pointer;padding:0;border-radius:2px}
.rb-emoji-choice:hover,.rb-emoji-choice:focus{background:#e7ebf2;outline:1px solid #c3cad8}
.rb-emoji-choice .rb-emoji{transform:scale(1.05)}
.thread-input-emoji,.chat-input-emoji-btn{display:grid!important;place-items:center!important;font-size:0!important;color:transparent!important}
.thread-input-emoji .rb-emoji,.chat-input-emoji-btn .rb-emoji{margin:0!important}
#threadFeelingPicker{width:292px!important;right:4px!important;bottom:calc(100% + 4px)!important}
.chat-message-feeling-picker{width:292px!important;right:3px!important;bottom:36px!important}
.feeling-btn-emoji,.profile-feeling-btn .rb-emoji{margin-right:3px}
.chat-file-glyph{display:block;width:14px;height:17px;position:relative;margin:auto;transform:rotate(-32deg)}
.chat-file-glyph:before{content:'';position:absolute;left:3px;top:0;width:7px;height:14px;border:2px solid #9ea5b6;border-radius:5px;background:transparent}
.chat-file-glyph:after{content:'';position:absolute;left:5px;top:3px;width:3px;height:8px;border:1px solid #9ea5b6;border-radius:3px}
@media(max-width:760px){.message-feeling-picker,#threadFeelingPicker,.chat-message-feeling-picker{width:260px!important}.rb-emoji-grid{grid-template-columns:repeat(7,28px)}}


/* v8.69 — tighter profile buttons + fitted legacy icons + unclipped emoji */
.profile-2012-actions{gap:8px!important;top:12px!important;right:12px!important}
.profile-action-segment .profile-action,.profile-action-separate .profile-action{box-shadow:0 1px 0 rgba(255,255,255,.85) inset,0 1px 1px rgba(0,0,0,.12)!important}
.profile-2012-actions .profile-action{height:28px!important;min-height:28px!important;border-color:#9d9d9d!important;background:linear-gradient(#ffffff,#ececec)!important;color:#333!important;text-shadow:0 1px #fff!important;font:bold 11px/1 Arial,sans-serif!important;padding:0 11px!important;gap:6px!important}
.profile-2012-actions .profile-action:hover{background:linear-gradient(#fff,#e3e3e3)!important}
.profile-2012-actions .profile-action-icon{width:auto!important;height:13px!important;max-width:20px!important;object-fit:contain;filter:none!important;opacity:.78}
.profile-action-segment .profile-action:first-child{border-radius:4px 0 0 4px!important}
.profile-action-segment .profile-action:last-child{border-radius:0 4px 4px 0!important}
.profile-action-separate .profile-action{border-radius:4px!important}
.profile-subscribe-glyph{display:none!important}
.profile-profile-more{height:28px!important;padding:0 8px!important;font-size:11px!important}

.rb-emoji{width:17px;height:17px;min-width:17px;vertical-align:-4px;overflow:visible;background-image:url('/assets/emoji/retrobook-legacy-emoji-sprite.png?v=871');}
.rb-emoji-inline{margin:0 1px;vertical-align:-4px}
.rb-emoji-picker-head{height:36px}
.rb-emoji-tab{width:40px;height:36px;overflow:visible}
.rb-emoji-picker-body{padding:7px 6px 8px}
.rb-emoji-grid{grid-template-columns:repeat(8,27px);grid-auto-rows:27px;gap:2px}
.rb-emoji-choice{width:27px;height:27px;overflow:visible}
.rb-emoji-choice .rb-emoji,.rb-emoji-tab .rb-emoji{transform:none!important}
.thread-input-emoji,.chat-input-emoji-btn{width:24px!important;height:24px!important}
.thread-input-emoji .rb-emoji,.chat-input-emoji-btn .rb-emoji{transform:none!important}
#threadFeelingPicker,.chat-message-feeling-picker,.message-feeling-picker{width:286px!important}
@media(max-width:760px){.message-feeling-picker,#threadFeelingPicker,.chat-message-feeling-picker{width:258px!important}.rb-emoji-grid{grid-template-columns:repeat(7,27px)}}


/* v8.70 — smaller profile buttons closer to reference */
.profile-2012-actions{gap:7px!important;top:14px!important;right:14px!important;align-items:center!important}
.profile-action-segment .profile-action,.profile-action-separate .profile-action{box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 1px 1px rgba(0,0,0,.10)!important}
.profile-2012-actions .profile-action{height:24px!important;min-height:24px!important;border:1px solid #9b9b9b!important;background:linear-gradient(#ffffff,#ececec)!important;color:#333!important;text-shadow:0 1px #fff!important;font:bold 10px/1 Arial,sans-serif!important;padding:0 9px!important;gap:5px!important;letter-spacing:0!important}
.profile-2012-actions .profile-action:hover{background:linear-gradient(#ffffff,#e4e4e4)!important}
.profile-2012-actions .profile-action-icon{display:block;flex:0 0 auto;object-fit:contain;opacity:1!important;filter:none!important;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}
.profile-2012-actions .profile-add .profile-action-icon{width:20px!important;height:14px!important}
.profile-2012-actions .profile-subscribe .profile-action-icon{width:14px!important;height:14px!important}
.profile-2012-actions .profile-send-message .profile-action-icon{width:14px!important;height:14px!important}
.profile-2012-actions .profile-remove-friend .profile-action-icon,.profile-2012-actions .profile-confirm-friend .profile-action-icon{width:20px!important;height:14px!important}
.profile-action-segment .profile-action:first-child{border-radius:4px 0 0 4px!important}
.profile-action-segment .profile-action:last-child{border-radius:0 4px 4px 0!important}
.profile-action-separate .profile-action,.profile-profile-more{border-radius:4px!important}
.profile-profile-more{height:24px!important;min-height:24px!important;padding:0 8px!important;font:bold 10px/1 Arial,sans-serif!important;color:#444!important}

/* keep Retrobook emoji fully visible */
.rb-emoji{width:17px!important;height:17px!important;min-width:17px!important;background-image:url('/assets/emoji/retrobook-legacy-emoji-sprite.png?v=871')!important;background-repeat:no-repeat!important;overflow:visible!important}
.rb-emoji-inline{vertical-align:-4px!important}
.rb-emoji-tab .rb-emoji,.rb-emoji-choice .rb-emoji,.thread-input-emoji .rb-emoji,.chat-input-emoji-btn .rb-emoji{transform:none!important}


/* v8.71 — smaller/crisper friend state buttons and gentler emoji scaling */
.profile-2012-actions{gap:6px!important;top:14px!important;right:14px!important}
.profile-2012-actions .profile-action{height:23px!important;min-height:23px!important;padding:0 8px!important;font:bold 10px/1 Arial,sans-serif!important;gap:4px!important}
.profile-2012-actions .profile-add .profile-action-icon,.profile-2012-actions .profile-confirm-friend .profile-action-icon,.profile-2012-actions .profile-remove-friend .profile-action-icon{width:17px!important;height:12px!important}
.profile-2012-actions .profile-friends-current .profile-action-icon{width:18px!important;height:12px!important;image-rendering:pixelated}
.profile-2012-actions .profile-subscribe .profile-action-icon,.profile-2012-actions .profile-send-message .profile-action-icon{width:12px!important;height:12px!important}
.profile-2012-actions .profile-friends-separate .profile-action{padding:0 12px!important}
.profile-friends-actions-wrap{position:relative!important;display:inline-flex!important}
.profile-friends-more{min-width:26px!important;padding:0 7px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:3px!important}
.profile-friends-more-gear{font-size:11px;line-height:1;color:#666}
.profile-friends-more-caret{font-size:8px;line-height:1;color:#7d89a6;position:relative;top:1px}
.profile-friends-menu{position:absolute;top:25px;right:0;z-index:30;min-width:126px;background:#fff;border:1px solid #b6b7bb;box-shadow:0 2px 6px rgba(0,0,0,.16);padding:3px 0}
.profile-friends-menu.hidden{display:none!important}
.profile-friends-menu-item{display:block;width:100%;padding:6px 10px;border:0;background:#fff;text-align:left;font:normal 11px Arial,sans-serif;color:#333;cursor:pointer}
.profile-friends-menu-item:hover{background:#6d84b4;color:#fff}
.profile-friends-menu-item.danger{color:#7b2525}
.profile-friends-menu-item.danger:hover{color:#fff;background:#9b3a38}
.profile-friends-current{cursor:default!important}
.profile-friends-current:hover{background:linear-gradient(#ffffff,#ececec)!important}

.rb-emoji{transform:scale(.88)!important;transform-origin:center center!important;overflow:visible!important}
.rb-emoji-inline{margin:0!important}
.rb-emoji-picker-head{height:34px!important}
.rb-emoji-tab{width:38px!important;height:34px!important}
.rb-emoji-picker-body{padding:6px 5px 7px!important}
.rb-emoji-grid{grid-template-columns:repeat(8,25px)!important;grid-auto-rows:25px!important;gap:2px!important}
.rb-emoji-choice{width:25px!important;height:25px!important;overflow:visible!important}
#threadFeelingPicker,.chat-message-feeling-picker,.message-feeling-picker{width:266px!important}
@media(max-width:760px){.message-feeling-picker,#threadFeelingPicker,.chat-message-feeling-picker{width:242px!important}.rb-emoji-grid{grid-template-columns:repeat(7,25px)!important}}


/* v8.72: classic 2012 post feedback / likes viewer */
.story-content>.inline-actions,.profile-story-card>.inline-actions{margin-top:5px!important;padding:4px 0 5px!important;border-top:0!important;border-bottom:1px solid #d8dfea!important;gap:4px!important;min-height:18px!important}
.inline-actions .action-button{font:11px Arial,sans-serif!important;color:#3b5998!important;line-height:16px!important}
.inline-actions .action-icon{width:12px!important;height:12px!important;object-fit:contain!important;vertical-align:-2px!important;margin-right:2px!important}
.comments{background:#edeff4!important;margin-top:0!important;padding:0!important;border-top:0!important;contain:none!important}
.classic-post-feedback{background:#edeff4;border-bottom:1px solid #d8dfea}
.post-like-summary,.view-comments-row{display:flex;width:100%;align-items:center;gap:5px;border:0;background:#edeff4;color:#3b5998;text-align:left;padding:5px 7px;font:11px Arial,sans-serif;cursor:pointer}
.post-like-summary:hover,.view-comments-row:hover{text-decoration:underline;background:#e7eaf1}
.post-like-summary img{width:14px;height:14px;object-fit:contain;flex:0 0 14px}
.classic-comment-icon{width:14px;height:14px;object-fit:contain;flex:0 0 14px}
.legacy-count-anchor{display:none!important}
.comment-list{padding:0 7px}
.comment{display:block!important;padding:6px 0!important;border-bottom:1px solid #d8dfea}
.comment:last-child{border-bottom:0}
.comment-body{display:flex;align-items:flex-start}
.comment-copy{flex:1;min-width:0}
.comment-copy p{font:11px/15px Arial,sans-serif!important;color:#333}
.comment-actions{font-size:10px!important;margin-top:2px;color:#999}
.comment-actions button{font-size:10px!important}
.comments-collapsed>.comment-list>.comment:nth-last-child(n+5){display:none!important}
.comment-compose{margin:0!important;padding:5px 7px!important;border-top:1px solid #d8dfea!important;background:#edeff4!important}
.comment-compose img{width:30px!important;height:30px!important}
.comment-compose input{height:28px!important;font:11px Arial,sans-serif!important;padding:4px 6px!important}
.profile-story-card .comments{margin-top:0!important}
.profile-story-card .inline-actions{margin-top:6px!important}
.post-likes-card{width:420px;max-width:calc(100vw - 24px)}
.post-likes-list{max-height:420px;overflow:auto;background:#fff;padding:4px 0}
.post-liker-row{display:flex;width:100%;align-items:center;gap:9px;border:0;border-bottom:1px solid #e9e9e9;background:#fff;padding:7px 10px;text-align:left;cursor:pointer}
.post-liker-row:hover{background:#f4f6f9}
.post-liker-row img{width:42px;height:42px;object-fit:cover;border:1px solid #ddd}
.post-liker-row span{display:flex;flex-direction:column;min-width:0}
.post-liker-row b{color:#3b5998;font:700 12px Arial,sans-serif}
.post-liker-row small{color:#999;font:10px Arial,sans-serif;margin-top:2px}
.post-likes-loading,.post-likes-empty{padding:18px;text-align:center;color:#777;font:11px Arial,sans-serif}

.story-content>.inline-actions .action-icon,.profile-story-card>.inline-actions .action-icon{display:none!important}


/* v8.74 Pokes */
.pokes-page-shell{min-height:420px}.pokes-shell{border:1px solid #d8dfea;background:#fff}.pokes-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #d8dfea;background:#f7f7f7}.pokes-head h2{margin:0;font-size:15px}.pokes-search{position:relative;width:250px}.pokes-search input{width:100%;height:28px;padding:0 28px 0 8px;border:1px solid #bdc7d8;background:#fff}.pokes-search img{position:absolute;right:8px;top:6px;width:14px;height:14px;opacity:.7}.pokes-block{padding:0 0 10px}.pokes-block-title{padding:14px 14px 10px;font-size:12px;font-weight:bold;color:#333}.poke-row{display:flex;align-items:center;gap:10px;padding:14px;border-top:1px solid #eee}.poke-row:first-of-type{border-top:0}.poke-row img.poke-avatar{width:50px;height:50px;object-fit:cover;border:1px solid #ddd}.poke-copy{flex:1;min-width:0}.poke-name{display:block;color:#3b5998;font-weight:bold;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poke-copy p{margin:1px 0 4px;color:#444}.poke-copy small{color:#999}.poke-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.poke-action-btn{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;border:1px solid #29447e;background:linear-gradient(#6d84b4,#4f6aa3);color:#fff;font-weight:bold;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}.poke-action-btn img{width:16px;height:12px;image-rendering:pixelated}.poke-action-btn:disabled{opacity:.7}.poke-dismiss-btn{border:0;background:none;color:#bbb;font:normal 20px/1 Arial,sans-serif;padding:0 4px;cursor:pointer}.poke-dismiss-btn:hover{color:#666}.poke-done{color:#666;font-weight:bold}.pokes-empty{padding:16px 14px;color:#777}.pokes-suggest-shell{border-top:1px solid #d8dfea;background:#fff}.pokes-suggest-title{padding:14px;font-size:15px;font-weight:bold;border-top:1px solid #f1f1f1}.poke-row.suggested .poke-copy p{margin-bottom:0}.notification-row .note-kind-icon{display:inline-block;vertical-align:middle;width:18px;height:12px;margin-right:5px;image-rendering:pixelated}.profile-friends-menu-item.with-icon{display:flex;align-items:center;gap:6px}.profile-friends-menu-item.with-icon img{width:16px;height:12px;image-rendering:pixelated}.profile-friends-menu-item.with-icon.poke img{margin-left:1px}.rail-item[data-page="pokes"] img{object-fit:contain}.rail-item[data-page="pokes"] em{background:#eceff5;border:1px solid #d8dfea;padding:0 4px;border-radius:2px;min-width:16px;text-align:center;color:#556}.rail-item[data-page="pokes"] em:empty{display:none}


/* v8.78 PHP Pokes hotfix */
.rail-link{text-decoration:none!important;font:inherit}.rail-link:hover{text-decoration:none!important}
.profile-poke-form{display:block;margin:0;padding:0}.profile-poke-form .profile-poke-submit{width:100%;border:0;background:#fff;text-align:left}
.profile-poke-form .profile-poke-submit:hover{background:#6d84b4;color:#fff}
.pokes-php-body{padding-top:38px;background:#fff}.pokes-php-brand{text-decoration:none}.pokes-php-brand:hover{text-decoration:none}
.pokes-php-topbar .search{margin-left:6px}.pokes-php-topnav{margin-left:auto}.pokes-php-user-nav,.pokes-php-home-nav{height:27px;display:flex;align-items:center;color:#fff;font-weight:bold;text-shadow:0 -1px #28406e;padding:0 8px;text-decoration:none}.pokes-php-user-nav:hover,.pokes-php-home-nav:hover{background:#2f477a;text-decoration:none}.pokes-php-user-nav img{width:20px;height:20px;object-fit:cover;margin-right:5px}
.pokes-php-left-user{text-decoration:none}.pokes-php-left-user:hover{text-decoration:none}.pokes-php-stage{grid-template-columns:160px 500px 300px}.pokes-php-main{padding-top:0}.pokes-php-shell{margin-bottom:12px}.pokes-php-alert{margin:0 0 8px;padding:7px 9px;border:1px solid}.pokes-php-alert.success{background:#edf7ed;border-color:#9cbb91;color:#365d2b}.pokes-php-alert.error{background:#fff2f2;border-color:#d6a0a0;color:#8b2b2b}
.pokes-search{display:flex;position:relative;width:250px}.pokes-search input{width:100%;height:28px;padding:0 30px 0 8px;border:1px solid #bdc7d8;background:#fff}.pokes-search-submit{position:absolute;right:1px;top:1px;width:27px;height:26px;border:0;border-left:1px solid #ddd;background:#f5f6f7;padding:5px}.pokes-search-submit img{width:14px;height:14px;object-fit:none}.poke-inline-form{display:inline-block;margin:0}.pokes-php-suggested{border-top:1px solid #d8dfea}
@media(max-width:760px){.pokes-php-stage{display:block;width:auto;max-width:none;margin:0 8px}.pokes-php-left,.pokes-php-right{display:none}.pokes-php-main{border-left:0;padding-left:0;min-height:0}.pokes-php-topbar{width:auto;max-width:none;margin:0 8px}.pokes-php-global-search{width:auto;flex:1}.pokes-head{gap:8px}.pokes-search{width:210px}}


/* v8.79 PHP Pokes navigation fix */
.rail-pokes-link-form{margin:0;padding:0;display:block;width:100%}
.rail-pokes-link-form .rail-pokes-submit{font:inherit;cursor:pointer;border-radius:0}
.rail-pokes-link-form .rail-pokes-submit span{font:inherit}


/* v8.80 Pokes integrated page shell — same navigation/layout behavior as Messages and Photos. */
#page-pokes.page{padding-top:10px!important}
#page-pokes .pokes-shell{width:100%;box-sizing:border-box;margin:0 0 12px}
#page-pokes .pokes-head{min-height:42px;box-sizing:border-box}
#page-pokes .pokes-block-title{display:none}
body[data-page="pokes"] .rail-item[data-page="pokes"]{background:#d8dfea;border-color:#c7cfe0;font-weight:bold}
body[data-page="pokes"] .main-column{min-height:980px}

/* v8.85 Profile Albums */
.profile-create-album-card{border:1px dashed #b8c2d6!important;background:#f7f8fb!important;min-height:148px;text-align:center!important;display:flex;flex-direction:column;justify-content:center;align-items:center}.profile-create-album-card:hover{background:#eef2f8!important;border-color:#8799bd!important}.create-album-placeholder{width:100%;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:transparent}.create-album-placeholder img{width:34px;height:34px;opacity:.55}.profile-create-album-card .create-album-placeholder b{margin:0;color:#7286ad;font-size:11px}.profile-create-album-card>small{text-align:center;margin-top:2px}
.profile-album-empty-icon.video img{width:42px;height:42px}.profile-album-titlebar.enhanced{height:auto;min-height:38px;padding-top:5px;padding-bottom:5px}.profile-album-heading{display:flex;flex-direction:column;min-width:0}.profile-album-heading>b{display:block}.profile-album-heading>small{font:9px/12px Arial,sans-serif;color:#8a8a8a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:310px}.profile-album-description{padding:6px 9px 8px;border-bottom:1px solid #e1e5ed;color:#555;font:10px/14px Arial,sans-serif}.profile-video-album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:7px}.profile-video-album-item{border:1px solid #d1d7e3;background:#fff;min-width:0}.profile-video-album-item video{display:block;width:100%;height:125px;background:#111;object-fit:contain}.profile-video-album-item>div{padding:5px 6px}.profile-video-album-item b{display:block;color:#3b5998;font:700 10px/13px Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-video-album-item small{display:block;color:#888;font:9px Arial,sans-serif;margin-top:2px}
.create-album-modal-card{width:min(900px,94vw)!important;max-height:90vh;display:flex;flex-direction:column}.create-album-body{padding:0!important;overflow:auto;background:#fff}.album-create-top{display:grid;grid-template-columns:minmax(180px,330px) 1fr;gap:12px;padding:10px;border-bottom:1px solid #ddd}.album-create-top label,.album-create-meta label{display:flex;flex-direction:column;gap:4px;color:#555;font:700 10px Arial,sans-serif}.album-create-top small{font-weight:normal;color:#999}.album-create-top input,.album-create-meta input,.album-create-meta select{height:28px;border:1px solid #bdc7d8;background:#fff;padding:4px 6px;font:11px Arial,sans-serif;outline:0}.album-create-top input:focus,.album-create-meta input:focus,.album-create-meta select:focus{border-color:#6d84b4}.album-create-meta{display:grid;grid-template-columns:minmax(260px,1fr) 145px 150px;gap:10px;padding:9px 10px;background:#f7f7f7;border-bottom:1px solid #ddd}.album-location-row{display:flex;gap:5px}.album-location-row input{flex:1;min-width:0}.album-location-row .gray-btn{height:28px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.album-location-row .gray-btn img{width:14px;height:14px}.album-create-dropzone{min-height:300px;padding:14px 20px 10px;background:#fff}.album-create-dropzone.dragover{background:#eef3fb;outline:2px dashed #6d84b4;outline-offset:-6px}.album-photo-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;min-height:235px}.album-upload-empty{grid-column:1/-1;min-height:230px;border:1px dashed #c8d0df;background:#f7f8fb;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8091b3;text-align:center;cursor:pointer}.album-upload-empty img{width:46px;height:46px;opacity:.55;margin-bottom:8px}.album-upload-empty b{font:700 12px Arial,sans-serif}.album-upload-empty small{font:10px Arial,sans-serif;margin-top:5px;color:#999}.album-upload-preview{position:relative;border:1px solid #cbd2df;background:#f4f4f4;min-height:180px;overflow:hidden}.album-upload-preview>img{width:100%;height:155px;display:block;object-fit:cover;background:#ddd}.album-upload-preview>button{position:absolute;right:4px;top:4px;width:22px;height:22px;border:1px solid #555;background:rgba(255,255,255,.9);font:bold 15px/18px Arial,sans-serif;cursor:pointer}.album-upload-preview>small{display:block;padding:5px 6px;color:#777;font:9px Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-create-addbar{display:flex;align-items:center;gap:10px;padding-top:10px}.album-create-addbar span{color:#999;font:9px Arial,sans-serif}.album-create-status{min-height:20px;padding:0 20px 8px;color:#777;font:10px Arial,sans-serif}.album-create-foot{justify-content:flex-end}.album-create-foot .share-btn{min-width:82px}
@media(max-width:760px){.profile-video-album-grid{grid-template-columns:1fr 1fr}.album-create-top,.album-create-meta{grid-template-columns:1fr}.album-location-row{flex-wrap:wrap}.album-photo-preview-grid{grid-template-columns:1fr 1fr}}


/* v8.86 — album creation Timeline story */
.album-story-headline{color:#444;font-weight:normal}.album-story-headline>b{font-weight:normal}.album-story-link{color:#3b5998!important;font-weight:normal;text-decoration:none}.album-story-link:hover{text-decoration:underline}.album-story-grid{display:grid;gap:5px;margin:6px 0 4px;max-width:465px}.album-story-grid.album-story-count-1{grid-template-columns:minmax(0,220px)}.album-story-grid.album-story-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.album-story-grid.album-story-count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.album-story-photo{position:relative;border:1px solid #c5c9d2;background:#eee;padding:0;overflow:hidden;cursor:pointer;height:142px}.album-story-photo img{display:block;width:100%;height:100%;object-fit:cover}.album-story-photo:hover img{filter:brightness(.97)}.album-story-more{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.50);color:#fff;font:normal 24px/1 Arial,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.45)}.profile-story-card .album-story-grid{max-width:none}.profile-story-card .album-story-photo{height:132px}@media(max-width:760px){.album-story-grid{max-width:100%}.album-story-photo{height:115px}.album-story-more{font-size:20px}}

/* v8.91: contain pathological combining-mark/Zalgo text inside its own box.
   This prevents user-generated glyphs from painting over the post header,
   comments, composer, or the rest of the page while preserving the text. */
.story-text,
.shared-post-text,
.profile-story-text,
.comment-copy p,
.post-link-title,
.post-link-domain,
.photo-viewer-post-text,
.photo-viewer-comment-copy,
.group-post-item p,
.dynamic-ad p {
  display:block;
  max-width:100%;
  min-width:0;
  overflow:hidden;
  overflow-wrap:anywhere;
  word-wrap:break-word;
  word-break:normal;
}

/* Keep rows/flex children from being widened or collapsed by hostile long text. */
.story-content,
.comment-copy,
.profile-story-head > span,
.shared-post-head > span {
  min-width:0;
  max-width:100%;
}

/* FarmVille / FV-Replowed Retrobook canvas */
.farmville-app-shell{border:1px solid #c4cde0;background:#fff;min-height:690px}
.farmville-app-header{height:46px;border-bottom:1px solid #d8dfea;background:#f2f2f2;display:flex;align-items:center;justify-content:space-between;padding:6px 8px}
.farmville-app-title{display:flex;align-items:center;min-width:0}.farmville-app-title>img{width:32px;height:32px;object-fit:cover;margin-right:8px;border:1px solid #9aa7bd}.farmville-app-title b,.farmville-app-title small{display:block}.farmville-app-title b{font-size:14px;color:#333}.farmville-app-title small{margin-top:2px;color:#777}
.farmville-app-actions{display:flex;gap:5px}.farmville-status{padding:10px;border-bottom:1px solid #e5e5e5;background:#fffbe2;color:#666}.farmville-setup{margin:12px;border:1px solid #e2c822;background:#fffbe2;padding:12px;line-height:1.45}.farmville-setup b,.farmville-setup span{display:block}.farmville-setup span{margin-top:4px;color:#666}
.farmville-frame-wrap{height:720px;background:#3d6b1e;overflow:hidden}.farmville-frame{display:block;width:100%;height:100%;border:0;background:#3d6b1e}.farmville-app-footer{border-top:1px solid #d8dfea;background:#f7f7f7;color:#777;padding:8px;line-height:1.35}
body[data-page="farmville"]:has(#page-farmville:not(.hidden)) .main-column{padding-left:10px}

/* =========================================================
   HOTFIX v8.114 — FarmVille wide / full available viewport
   Keeps the 2012 left rail, removes the old 810px game squeeze.
   ========================================================= */
body[data-page="farmville"]:has(#page-farmville:not(.hidden)) .right-rail{display:none!important}
body[data-page="farmville"]:has(#page-farmville:not(.hidden)) .main-column{
  min-width:0!important;
  width:auto!important;
  padding-left:10px!important;
  padding-right:10px!important;
}
body[data-page="farmville"]:has(#page-farmville:not(.hidden)) #page-farmville,
body[data-page="farmville"]:has(#page-farmville:not(.hidden)) .farmville-app-shell{
  width:100%!important;
  max-width:none!important;
}
body[data-page="farmville"]:has(#page-farmville:not(.hidden)) .farmville-frame-wrap{
  width:100%!important;
  height:calc(100vh - 112px)!important;
  min-height:720px;
  background:#3d6b1e;
}
body[data-page="farmville"]:has(#page-farmville:not(.hidden)) .farmville-frame{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
}
body[data-page="farmville"]:has(#page-farmville:not(.hidden)) .farmville-app-header{
  width:100%;
}

@media(min-width:1220px){
  body[data-page="farmville"]:has(#page-farmville:not(.hidden)) .stage{
    width:calc(100vw - 220px)!important;
    max-width:none!important;
    margin-left:10px!important;
    margin-right:210px!important;
    grid-template-columns:160px minmax(0,1fr)!important;
    gap:10px!important;
  }
}

@media(min-width:1001px) and (max-width:1219px){
  body[data-page="farmville"]:has(#page-farmville:not(.hidden)) .stage{
    width:calc(100vw - 20px)!important;
    max-width:none!important;
    margin:0 10px!important;
    grid-template-columns:160px minmax(0,1fr)!important;
    gap:10px!important;
  }
}

@media(max-width:1000px) and (min-width:741px){
  body[data-page="farmville"]:has(#page-farmville:not(.hidden)) .stage{
    width:calc(100vw - 12px)!important;
    max-width:none!important;
    margin:0 6px!important;
    grid-template-columns:150px minmax(0,1fr)!important;
  }
  body[data-page="farmville"]:has(#page-farmville:not(.hidden)) .farmville-frame-wrap{
    height:calc(100vh - 105px)!important;
    min-height:620px;
  }
}

@media(max-width:740px){
  body[data-page="farmville"]:has(#page-farmville:not(.hidden)) .farmville-frame-wrap{
    height:calc(100vh - 92px)!important;
    min-height:560px;
  }
}


/* v8.127 — Spotify + SoundCloud oEmbed artwork/title preview */
.link-story-action{font-weight:normal;color:#777}
.post-link-card-shell{display:block}
.post-link-card-tools{display:none!important}
.post-link-refresh-btn{appearance:none;border:0;background:transparent;color:#6d84b4;font:10px/1.2 Arial,sans-serif;padding:2px 0;cursor:pointer}
.post-link-refresh-btn:hover{text-decoration:underline;background:transparent}
.post-link-refresh-btn.hidden{display:none!important}
.post-link-refresh-btn:disabled{opacity:.7;cursor:default}
.post-link-refresh-note{display:block;color:#777;font:10px/1.25 Arial,sans-serif}
.post-link-refresh-note.hidden{display:none!important}
.post-link-card.post-link-card-stale{border-color:#c4cde0!important;background:#fff!important}
.post-link-card{
  display:flex!important;
  align-items:stretch;
  min-height:98px;
  margin:8px 0 6px;
  padding:0!important;
  border:1px solid #c4cde0;
  background:#f2f2f2!important;
  color:#333!important;
  text-decoration:none!important;
  overflow:hidden;
  box-sizing:border-box;
}
.post-link-card:hover{background:#eef2f7!important;border-color:#9eabc3}
.post-link-card .post-link-thumb{
  position:relative;
  display:block;
  flex:0 0 148px;
  width:148px;
  min-height:98px;
  overflow:hidden;
  background:#d9d9d9;
  border-right:1px solid #c4cde0;
}
.post-link-card .post-link-thumb.hidden{display:none!important}
.post-link-card .post-link-image{
  display:block;
  width:100%;
  height:100%;
  min-height:98px;
  object-fit:cover;
  background:#ddd;
}
.post-link-card .post-link-copy{
  display:block;
  flex:1 1 auto;
  min-width:0;
  padding:11px 13px 10px;
  box-sizing:border-box;
}
.post-link-card .post-link-title{
  display:block;
  color:#3b5998;
  font:bold 13px/1.25 Arial,sans-serif;
  white-space:normal;
  overflow:hidden;
  text-overflow:clip;
  max-height:3.75em;
  margin:0 0 3px;
}
.post-link-card .post-link-domain{
  display:block;
  margin:0 0 7px;
  color:#777;
  font:11px/1.2 Arial,sans-serif;
  text-transform:none;
  letter-spacing:0;
}
.post-link-card .post-link-description{
  display:block;
  color:#666;
  font:11px/1.35 Arial,sans-serif;
  max-height:4.05em;
  overflow:hidden;
}
.post-link-card .post-link-description.hidden{display:none!important}
.post-link-card .post-link-open-label{display:none!important}

/* Music / YouTube: compact Spotify-era media attachment with play overlay */
.post-link-card.post-link-card-media{
  min-height:92px;
  max-width:430px;
  background:#fff!important;
  border-color:#c9ced8;
}
.post-link-card.post-link-card-media:hover{background:#f7f8fa!important}
.post-link-card.post-link-card-media .post-link-thumb{
  display:block!important;
  flex:0 0 96px;
  width:96px;
  min-height:92px;
  border-right:1px solid #d1d4da;
  background:#e6e6e6;
}
.post-link-card.post-link-card-youtube .post-link-thumb{
  flex-basis:124px;
  width:124px;
}
.post-link-card.post-link-card-media .post-link-image{
  min-height:92px;
  object-fit:cover;
}
.post-link-card.post-link-card-media .post-link-copy{
  padding:9px 10px 8px;
}
.post-link-card.post-link-card-media .post-link-title{
  font-size:12px;
  line-height:1.3;
  max-height:3.9em;
  margin-bottom:3px;
}
.post-link-card.post-link-card-media .post-link-domain{
  color:#777;
  font-size:10px;
  margin-bottom:5px;
}
.post-link-card.post-link-card-media .post-link-description{
  color:#777;
  font-size:10px;
  line-height:1.3;
  max-height:2.6em;
}
.post-link-card.post-link-card-media .post-link-open-label{
  display:block!important;
  margin-top:6px;
  color:#3b5998;
  font:10px/1.2 Arial,sans-serif;
}
.post-link-card.post-link-card-media .post-link-open-label.hidden{display:none!important}
.post-link-play{
  position:absolute;
  left:50%;
  top:50%;
  width:34px;
  height:34px;
  margin:-18px 0 0 -18px;
  border:2px solid #fff;
  border-radius:50%;
  background:rgba(0,0,0,.72);
  color:#fff;
  font:bold 17px/32px Arial,sans-serif;
  text-align:center;
  text-indent:2px;
  box-shadow:0 1px 2px rgba(0,0,0,.35);
  pointer-events:none;
}
.post-link-play.hidden{display:none!important}
.shared-post-card .post-link-card{margin-left:0;margin-right:0}
.shared-post-card .post-link-card-tools{margin-left:0;margin-right:0}

@media(max-width:620px){
  .post-link-card .post-link-thumb{flex-basis:112px;width:112px}
  .post-link-card.post-link-card-media .post-link-thumb{flex-basis:88px;width:88px}
  .post-link-card.post-link-card-youtube .post-link-thumb{flex-basis:108px;width:108px}
  .post-link-card .post-link-copy{padding:9px 10px}
}

/* v8.123: media cards collapse cleanly when a remote thumbnail is unavailable */
.post-link-card.post-link-card-no-thumb .post-link-copy{padding-left:12px}
.post-link-card.post-link-card-no-thumb{min-height:76px}


/* HOTFIX v8.130: Facebook 2012-style Music page */
body[data-page="music"] .main-column{width:810px;max-width:810px}
.music-page-2012{background:#fff;min-height:620px;color:#333}
.music-2012-shell{width:100%;box-sizing:border-box;padding:13px 16px 34px}
.music-2012-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8dfea;padding:0 0 8px;margin-bottom:8px}
.music-2012-title{display:flex;align-items:center;gap:7px}.music-2012-title img{width:16px;height:16px;object-fit:contain}.music-2012-title h2{font-size:16px;line-height:20px;margin:0;color:#333}
.music-2012-intro{font-size:11px;color:#777;padding:2px 0 10px}
.music-2012-grid{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:16px;align-items:start}.music-2012-main{min-width:0}.music-2012-side{min-width:0}
.music-module-heading,.music-side-title{height:25px;box-sizing:border-box;background:#f2f2f2;border-top:1px solid #e2e2e2;border-bottom:1px solid #ddd;padding:5px 7px;font-size:11px;font-weight:bold;color:#555}
.music-library-heading,.music-playlist-heading{margin-top:17px}.music-playlist-heading{display:flex;align-items:center;justify-content:space-between}.music-playlist-heading button{border:0;background:none;color:#3b5998;font:inherit;font-weight:normal;cursor:pointer;padding:0}.music-playlist-heading button:hover{text-decoration:underline}
.music-activity-row{display:grid;grid-template-columns:38px minmax(0,1fr);gap:7px;padding:10px 2px;border-bottom:1px solid #e9e9e9}.music-activity-avatar{width:38px;height:38px;padding:0;border:0;background:none;cursor:pointer}.music-activity-avatar img{width:38px;height:38px;object-fit:cover}.music-activity-copy{min-width:0}.music-activity-story{font-size:11px;line-height:15px;color:#555}.music-activity-story button{border:0;background:none;padding:0;color:#3b5998;font:inherit;font-weight:bold;cursor:pointer}.music-activity-story b{color:#3b5998}.music-activity-story span{color:#3b5998}
.music-activity-track{display:flex;align-items:center;gap:7px;margin-top:6px;min-height:52px}.music-activity-cover{width:52px;height:52px;object-fit:cover;flex:0 0 52px}.music-activity-track-copy{min-width:0;flex:1}.music-activity-track-copy b,.music-library-copy b,.music-top-row b,.music-playlist-preview b{display:block;color:#3b5998;font-size:11px;line-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-activity-track-copy small,.music-library-copy small,.music-top-row small,.music-playlist-preview small{display:block;color:#777;font-size:10px;line-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-activity-meta{margin-top:4px;color:#999;font-size:10px}.music-activity-meta a{color:#3b5998;text-decoration:none}.music-activity-meta a:hover{text-decoration:underline}
.music-activity-more-wrap{padding:7px 0 1px}.music-activity-load-more{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;height:28px;border:1px solid #d8dfea;background:linear-gradient(#fff,#f4f5f7);color:#3b5998;font:bold 10px Arial,sans-serif;cursor:pointer;box-shadow:0 1px 0 rgba(0,0,0,.02)}.music-activity-load-more:hover{background:#eceff5}.music-activity-load-more:active{background:#e5e8ef}.music-activity-load-more small{color:#999;font:normal 9px Arial,sans-serif}.music-activity-load-more:focus{outline:1px dotted #3b5998;outline-offset:-3px}
.music-play-btn{width:15px;height:15px;border:1px solid #9aafd0;border-radius:50%;background:#fff;color:#6d84b4;box-shadow:none;padding:0;cursor:pointer;flex:0 0 15px;display:inline-flex;align-items:center;justify-content:center}.music-play-btn span{font-size:8px;line-height:1;margin-left:1px}.music-play-btn:hover{background:#edf2f8;border-color:#6d84b4}.music-play-btn.is-playing{opacity:.55;pointer-events:none}
.music-library-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 2px;border-bottom:1px solid #eee}.music-track-cover{width:44px;height:44px;object-fit:cover}.music-cover-fallback{display:flex;align-items:center;justify-content:center;background:#e8edf6;color:#3b5998;font-size:22px;border:1px solid #d5dce8;box-sizing:border-box}.music-library-copy{min-width:0}.music-lastfm-meta{display:block;color:#999;font-size:8px;line-height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-library-copy em{display:block;font-style:normal;color:#aaa;font-size:9px;margin-top:1px}.music-library-actions{display:flex;align-items:center;gap:6px}.music-playlist-select{max-width:126px;height:23px;border:1px solid #bdc7d8;background:#fff;color:#555;font-size:10px}
.music-top-row{display:grid;grid-template-columns:42px minmax(0,1fr) 22px;gap:6px;align-items:start;padding:7px 3px;border-bottom:1px solid #eee}.music-top-cover{width:42px;height:42px;object-fit:cover}.music-top-row>div{min-width:0}.music-top-row em{display:block;color:#999;font-size:9px;font-style:normal;line-height:12px}.music-top-play{width:21px;height:21px;min-width:21px;margin-top:9px}.music-top-play span{font-size:8px}
.music-settings-title{margin-top:18px}.music-setting-check,.music-setting-privacy{display:block;font-size:10px;color:#555;padding:8px 5px 1px}.music-setting-check input{vertical-align:-2px;margin-right:4px}.music-setting-privacy select{display:block;margin-top:4px;width:100%;height:24px;font-size:10px;border:1px solid #bdc7d8;background:#fff}
.music-add-panel{border:1px solid #c5cde0;background:#f7f7f7;padding:9px;margin:1px 0 12px;font-size:11px}.music-add-panel label{display:block;font-weight:bold;color:#555;margin-bottom:3px}.music-add-panel label small{font-weight:normal;color:#999}.music-add-panel input{width:100%;height:25px;box-sizing:border-box;border:1px solid #bdc7d8;padding:4px 5px;font:11px Arial,sans-serif}.music-add-split{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:7px}.music-add-actions{text-align:right;margin-top:8px}.music-add-actions button+button{margin-left:5px}
.music-playlist-create{display:flex;gap:5px;padding:7px;background:#f7f7f7;border-bottom:1px solid #ddd}.music-playlist-create input{flex:1;height:24px;border:1px solid #bdc7d8;padding:3px 5px;font-size:11px}.music-playlist-card{border-bottom:1px solid #e5e5e5;padding:8px 3px}.music-playlist-card-title{display:flex;justify-content:space-between;align-items:center}.music-playlist-card-title b{color:#3b5998;font-size:11px}.music-playlist-card-title span{color:#999;font-size:10px}.music-playlist-preview{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;margin-top:6px}.music-playlist-preview>div{display:grid;grid-template-columns:32px minmax(0,1fr) 20px;gap:5px;align-items:center;min-width:0}.music-playlist-cover{width:32px;height:32px;object-fit:cover}.music-playlist-play{width:19px;height:19px;min-width:19px}.music-playlist-play span{font-size:7px}.music-playlist-empty{color:#999}.music-empty,.music-top-empty{font-size:11px;color:#777;padding:13px 7px}.music-error{color:#b94a48}.music-playlist-empty-block{padding-left:3px}
.music-lastfm-title{color:#333}.music-lastfm-box{border:1px solid #ddd;border-top:0;background:#fff}.music-lastfm-config,.music-lastfm-connect-copy,.music-lastfm-account{padding:8px 7px;font-size:10px;color:#555}.music-lastfm-config b,.music-lastfm-connect-copy b{display:block;font-size:11px;color:#333;margin-bottom:3px}.music-lastfm-config small,.music-lastfm-connect-copy small{display:block;line-height:14px;color:#777}.music-lastfm-connect-btn{width:100%;margin-top:7px;height:25px;border:1px solid #9a1b1b;background:linear-gradient(#e65b52,#c62f26);color:#fff;font-weight:bold;font-size:10px;cursor:pointer}.music-lastfm-account>div:first-child{display:flex;align-items:center;gap:5px;min-width:0}.music-lastfm-account>div:first-child>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#3b5998}.music-lastfm-account>div:first-child>em{margin-left:auto;font-style:normal;font-size:8px;color:#777;background:#eee;border:1px solid #ddd;padding:1px 3px}.music-lastfm-mark{display:inline-block;background:#d51007;color:#fff;font-weight:bold;font-size:9px;line-height:16px;padding:0 4px;border-radius:2px}.music-lastfm-now{margin-top:8px;border-top:1px solid #eee;padding-top:6px}.music-lastfm-now>small{display:block;text-transform:uppercase;font-size:8px;color:#999;font-weight:bold;margin-bottom:4px}.music-lastfm-now>div{display:grid;grid-template-columns:34px minmax(0,1fr) 20px;gap:5px;align-items:center}.music-lastfm-now-cover{width:34px;height:34px;object-fit:cover}.music-lastfm-now span{min-width:0}.music-lastfm-now span b,.music-lastfm-now span small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-lastfm-now span b{color:#3b5998;font-size:10px}.music-lastfm-now span small{color:#777;font-size:9px;margin-top:2px}.music-lastfm-now-play{width:19px;height:19px;min-width:19px}.music-lastfm-now-play span{font-size:7px}.music-lastfm-actions{display:flex;align-items:center;gap:6px;margin-top:8px}.music-lastfm-actions .gray-btn{height:23px;padding:2px 7px;font-size:9px}.music-lastfm-actions #musicLastfmDisconnect{border:0;background:none;color:#6d84b4;font-size:9px;padding:0;cursor:pointer}.music-lastfm-sync-label,.music-lastfm-error{display:block;margin-top:5px;color:#999;line-height:13px}.music-lastfm-error{color:#b94a48}.music-lastfm-top-title{margin-top:12px}.music-lastfm-top{border:1px solid #eee;border-top:0}.music-lastfm-top-row{display:grid;grid-template-columns:34px minmax(0,1fr) 20px;gap:5px;align-items:center;padding:5px;border-bottom:1px solid #eee}.music-lastfm-top-row:last-child{border-bottom:0}.music-lastfm-top-cover{width:34px;height:34px;object-fit:cover}.music-lastfm-top-row>div{min-width:0}.music-lastfm-top-row b,.music-lastfm-top-row small,.music-lastfm-top-row em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-lastfm-top-row b{color:#3b5998;font-size:10px;line-height:12px}.music-lastfm-top-row small{color:#777;font-size:9px;line-height:12px}.music-lastfm-top-row em{color:#999;font-size:8px;font-style:normal;line-height:11px}.music-lastfm-top-play{width:19px;height:19px;min-width:19px}.music-lastfm-top-play span{font-size:7px}
@media(max-width:760px){body[data-page="music"] .main-column{width:auto;max-width:none}.music-2012-shell{padding:10px}.music-2012-grid{grid-template-columns:1fr}.music-2012-side{order:-1}.music-playlist-preview{grid-template-columns:1fr}.music-library-row{grid-template-columns:44px minmax(0,1fr)}.music-library-actions{grid-column:2;justify-content:flex-start}.music-playlist-select{max-width:180px}}


/* v8.142 - 2012 profile Music box below Friends */
.profile-music-panel{overflow:hidden}
.profile-music-loading,.profile-music-empty{padding:10px;color:#777;font-size:10px}
.profile-music-titlebar{min-height:44px;display:flex;align-items:center;gap:8px;padding:6px 10px;background:#f7f8fa;border-bottom:1px solid #d8dfea}
.profile-music-titlebar>span:last-child{min-width:0}.profile-music-titlebar b{display:block;color:#333;font:bold 13px Arial,sans-serif}.profile-music-titlebar small{display:block;margin-top:1px;color:#777;font:9px Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-music-title-icon{display:block;width:20px;height:18px;flex:0 0 auto;background:url('assets/ui215/apps-sprite-215uo.png') -102px -135px no-repeat}
.profile-music-section-title{height:24px;padding:5px 10px;background:#f2f2f2;border-top:1px solid #fff;border-bottom:1px solid #e5e5e5;color:#222;font:bold 10px Arial,sans-serif}
.profile-music-recent{padding:7px 10px 2px}.profile-music-recent-row{display:grid;grid-template-columns:16px minmax(0,1fr);gap:5px;align-items:start;padding:3px 0;border-bottom:1px solid #eee}.profile-music-recent-row:last-child{border-bottom:0}.profile-music-recent-row .profile-music-play{width:14px;height:14px;margin-top:1px;border-color:#aab6cc;background:linear-gradient(#fff,#eef1f6);color:#3b5998}.profile-music-recent-row .profile-music-play span{font-size:7px}.profile-music-recent-row>div{min-width:0;color:#777;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-music-track-title{color:#3b5998;text-decoration:none}.profile-music-track-title:hover{text-decoration:underline}.profile-music-recent-row small{display:block;margin-top:1px;color:#9a9a9a;font-size:8px}.profile-music-recent-row small a{color:#3b5998;text-decoration:none}.profile-music-more{display:block;padding:5px 10px 9px 31px;color:#3b5998;text-decoration:none;font-size:9px}.profile-music-more:hover{text-decoration:underline}
.profile-music-artists{display:flex;gap:8px;padding:8px 10px 10px}.profile-music-artist-tile{width:72px;min-width:0}.profile-music-artist-cover{display:block;width:72px;height:72px;object-fit:cover;border:1px solid #d4d4d4;background:#eef1f6}.profile-music-artist-tile .music-cover-fallback{display:flex;align-items:center;justify-content:center;font-size:24px;color:#3b5998}.profile-music-artist-tile>a{display:block;margin-top:4px;color:#3b5998;font:bold 9px Arial,sans-serif;text-decoration:none;white-space:normal;line-height:11px}.profile-music-artist-tile>a:hover{text-decoration:underline}.profile-music-artist-tile small{display:block;color:#777;font-size:8px;margin-top:1px}
.profile-music-total{display:flex;align-items:baseline;gap:5px;padding:8px 12px 13px}.profile-music-total b{font:normal 39px/1 Arial,sans-serif;color:#777}.profile-music-total span{font:normal 21px Arial,sans-serif;color:#777}

.rb-feed-title-restored{display:flex!important;visibility:visible!important}


.music-activity-row-grouped .music-activity-story b{color:#3b5998}
.music-activity-group-list{margin-top:6px;border:1px solid #e5e5e5;background:#fff}
.music-activity-group-item{display:flex;align-items:center;gap:7px;min-height:34px;padding:6px 6px;border-top:1px solid #efefef}
.music-activity-group-item.first{min-height:52px;border-top:0;padding:6px}
.music-activity-group-cover{width:52px;height:52px;object-fit:cover;flex:0 0 52px}
.music-activity-group-bullet{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;min-width:14px;border:1px solid #9eb2d0;border-radius:50%;color:#6d84b4;font-size:9px;line-height:1;background:#fff;margin-left:1px}
.music-activity-group-copy{min-width:0;flex:1}
.music-activity-group-copy b{display:block;color:#3b5998;font-size:11px;line-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.music-activity-group-copy small{display:block;color:#777;font-size:10px;line-height:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.music-activity-inline-play{width:24px;height:24px;min-width:24px}
.music-activity-group-more{padding:6px 8px 7px 26px;color:#3b5998;font-size:10px}

.music-activity-friends-track{display:flex;align-items:center;gap:7px;min-height:64px;padding:6px;background:#fff}
.music-friends-mini-avatars{display:flex;align-items:center;margin-top:4px;min-height:20px}
.music-friends-mini-avatar{width:20px;height:20px;border:0;background:none;padding:0;margin-right:2px;cursor:pointer}
.music-friends-mini-avatar img{display:block;width:20px;height:20px;object-fit:cover}
.music-friends-mini-avatars>span{display:inline-flex;align-items:center;height:20px;padding:0 4px;color:#777;font-size:9px;background:#f2f2f2;border:1px solid #ddd}
.music-activity-row-grouped .music-activity-story>b{color:#3b5998}


/* v8.151 - Facebook 2012 Music play controls */
.music-play-btn,.music-list-play{width:15px!important;height:15px!important;min-width:15px!important;flex:0 0 15px!important;border:1px solid #9aafd0!important;border-radius:50%!important;background:#fff!important;background-image:none!important;color:#6d84b4!important;box-shadow:none!important;padding:0!important;filter:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important}
.music-play-btn span,.music-list-play span{font-size:8px!important;line-height:1!important;margin-left:1px!important;color:#6d84b4!important}
.music-play-btn:hover,.music-list-play:hover{background:#edf2f8!important;border-color:#6d84b4!important;filter:none!important}
.music-play-btn.is-playing{opacity:.55}
.music-song-list-line{display:flex;align-items:center;gap:5px;min-width:0;flex:1}
.music-song-list-line>div,.music-song-list-line>span{min-width:0}
.music-activity-track{align-items:flex-start}
.music-activity-track .music-song-list-line{padding-top:4px}
.music-activity-group-item{gap:7px}
.music-activity-group-item .music-song-list-line{min-height:25px}
.music-activity-group-item.first .music-song-list-line{align-self:center}
.music-activity-group-bullet{display:none!important}
.music-activity-inline-play,.music-activity-play,.music-library-play,.music-playlist-play{margin:0!important}
.music-activity-friends-track .music-friends-track-line{align-self:center}
.music-library-row{grid-template-columns:44px minmax(0,1fr) auto}
.music-library-copy .music-song-list-line>div{min-width:0;flex:1}
.music-library-actions:empty{display:none}
.music-top-row{grid-template-columns:42px minmax(0,1fr)!important;align-items:start}
.music-lastfm-top-row{grid-template-columns:34px minmax(0,1fr)!important}
.music-lastfm-now>div{grid-template-columns:34px minmax(0,1fr)!important}
.music-cover-play-wrap{position:relative;display:inline-block;line-height:0;flex:0 0 auto}
.music-cover-play-wrap .music-cover-play-btn{position:absolute!important;left:3px!important;top:3px!important;width:17px!important;height:17px!important;min-width:17px!important;background:rgba(20,20,20,.78)!important;border:1px solid rgba(255,255,255,.9)!important;color:#fff!important;box-shadow:0 0 1px rgba(0,0,0,.55)!important;z-index:2}
.music-cover-play-wrap .music-cover-play-btn span{color:#fff!important;font-size:8px!important}
.music-cover-play-wrap .music-cover-play-btn:hover{background:rgba(59,89,152,.9)!important}
.music-lastfm-cover-play .music-cover-play-btn{left:2px!important;top:2px!important;width:15px!important;height:15px!important;min-width:15px!important}
.music-top-cover-play,.music-lastfm-cover-play{width:max-content}
@media(max-width:760px){.music-library-row{grid-template-columns:44px minmax(0,1fr)}.music-library-actions{grid-column:2}}