/* V42 — circle suggestions, quieter social actions and reliable push setup. */
.feed-friend-suggestions{margin:13px 0 2px;padding:11px 12px;border:1px solid #303a32;border-radius:15px;background:linear-gradient(135deg,#121914,#101511);box-shadow:0 10px 22px #0002}
.circle-suggestions-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 7px}.circle-suggestions-head span{font:700 9px 'DM Mono',monospace;letter-spacing:.08em;color:#9fbca4}.circle-suggestions-head small{font-size:9px;color:#758177}
.circle-suggestion-list{display:grid}.circle-suggestion{display:flex;align-items:center;gap:8px;min-width:0;padding:7px 0;border-top:1px solid #273027}.circle-suggestion:first-child{border-top:0}.circle-suggestion .friend-info{flex:1;min-width:0}.circle-suggestion .avatar{width:30px;height:30px;font-size:10px}.circle-suggestion .friend-info span{min-width:0;display:grid;gap:1px;text-align:left}.circle-suggestion .friend-info b,.circle-suggestion .friend-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.circle-suggestion .friend-info b{font-size:10px}.circle-suggestion .friend-info small{font-size:8px;color:var(--muted)}.circle-add{flex:none;border:1px solid #46664d;border-radius:8px;background:#1d3022;color:#dceede;padding:6px 7px;font:700 9px Manrope,system-ui,sans-serif}
.profile-favorite-flavour{display:inline-flex;align-items:center;max-width:100%;margin:8px 0 0;padding:5px 8px;border:1px solid #38473a;border-radius:99px;background:#19221b;color:#c5d9c7;font:700 9px Manrope,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visitor-profile .profile-favorite-flavour{margin-top:7px}
.post-social-actions{gap:5px}.post-social-actions .reaction-pill,.post-social-actions .comment-open{min-height:31px;border-color:#39443a;border-radius:10px;background:#141914;padding:5px 8px;transition:background .16s ease,border-color .16s ease,transform .16s ease}.post-social-actions .reaction-pill:hover,.post-social-actions .comment-open:hover{background:#1b231c;border-color:#526053}.post-social-actions .reaction-pill:active,.post-social-actions .comment-open:active{transform:scale(.96)}.post-social-actions .reaction-pill.has-reaction{border-color:#54795d;background:#18231a}.post-social-actions .reaction-pill.is-saving{opacity:.6}.reaction-pill .reaction-plus{font-size:15px;line-height:1}.reaction-picker{right:0;top:calc(100% + 8px);width:min(270px,calc(100vw - 40px));padding:9px 9px 8px;border-color:#435047;border-radius:14px;background:#161b17;box-shadow:0 14px 32px #000b}.reaction-picker>p{margin:0 0 5px;padding:0 2px;color:#8e9b90;font:700 8px 'DM Mono',monospace;letter-spacing:.08em}.reaction-choices{justify-content:space-between;gap:2px}.reaction-choices button{width:39px;height:40px;border-radius:10px}.reaction-choices button:hover{background:#29322a}.reaction-choices .reaction-custom-toggle{min-width:48px;border-left-color:#3f4940;color:#d1dad2}.reaction-choices .reaction-custom-toggle small{font-size:8px}.custom-reaction-form{border-top:1px solid #333c34;margin-top:7px;padding-top:7px}.custom-reaction-form input{flex:1;width:auto;background:#222923}.custom-reaction-form button{background:#25352a;border-color:#4c6652;color:#eaf3eb}
.push-device-status{min-height:16px;margin:9px 0 0;color:#b5c3b6;font-size:10px;line-height:1.45}.push-test-button{width:100%;min-height:37px;margin:9px 0 4px;border:1px solid #4d6d55;border-radius:10px;background:#19251c;color:#dceade;font:700 10px Manrope,system-ui,sans-serif}.push-test-button[hidden]{display:none}.push-test-button:disabled{opacity:.58}
.push-optin-sheet{position:fixed;z-index:90;inset:0;display:grid;align-items:end;justify-items:center;padding:20px;background:#0008;backdrop-filter:blur(6px)}.push-optin-card{width:min(100%,390px);padding:20px 19px max(19px,env(safe-area-inset-bottom));border:1px solid #415143;border-radius:23px;background:linear-gradient(145deg,#172018,#111712);box-shadow:0 24px 70px #000a}.push-optin-mark{display:grid;place-items:center;width:29px;height:29px;margin:0 0 14px;border-radius:50%;background:#6eaa7b;color:#eff8f0;font-size:15px}.push-optin-card h2{margin:0;color:#f2f5f0;font-size:22px;letter-spacing:-1px}.push-optin-card>p:not(.eyebrow){margin:8px 0 17px;color:#b6c0b6;font-size:12px;line-height:1.48}.push-optin-allow{width:100%;height:45px;border:0;border-radius:13px;background:#e9eee7;color:#101510;font:800 12px Manrope,system-ui,sans-serif}.push-optin-later{display:block;width:100%;min-height:36px;margin-top:6px;border:0;border-radius:10px;background:transparent;color:#bdc6bd;font:600 11px Manrope,system-ui,sans-serif}.push-optin-later:hover{background:#ffffff0b}
@media(max-width:360px){.circle-suggestion .friend-info small{max-width:145px}.circle-add{padding:6px;font-size:8px}.reaction-picker{right:-2px;width:min(254px,calc(100vw - 34px))}.reaction-choices button{width:36px}.reaction-choices .reaction-custom-toggle{min-width:44px}.push-optin-sheet{padding:12px}.push-optin-card{border-radius:20px}}