:root{--fb-navy:#3b5998;--fb-dark-navy:#2c4373;--fb-light-blue:#6d84b4;--fb-pale-blue:#eceff5;--fb-border-blue:#3b5998;--fb-subtle-border:#b7c4dc;--fb-table-border:#d8dfea;--fb-link:#3b5998;--fb-link-hover:#1d4088;--fb-bg:#fff;--fb-text:#000;--fb-muted:#555;--fb-font:Verdana, Tahoma, Arial, "Lucida Grande", sans-serif;--fb-mono:"Courier New", Courier, monospace}*{box-sizing:border-box}body{font-family:var(--fb-font);color:var(--fb-text);-webkit-font-smoothing:antialiased;background-color:#556c9b;margin:0;padding:0;font-size:13.5px;line-height:1.5}a{color:var(--fb-link);cursor:pointer;text-decoration:underline}a:hover{color:var(--fb-link-hover);text-decoration:underline}button{font-family:var(--fb-font);font-size:12.5px}input,select,textarea{font-family:var(--fb-font);font-size:13px}.thefacebook-root{background:#fff;flex-direction:column;width:100%;min-height:100vh;margin:0;padding:0;display:flex;position:relative}@media (width>=900px){.thefacebook-root{zoom:.82}}.thefacebook-app-container{width:100%;min-height:100vh;box-shadow:none;background:#fff;border:none;flex-direction:column;margin:0;padding:0;display:flex}.crt-monitor-effect{position:relative}.crt-monitor-effect:before{content:" ";z-index:9999;pointer-events:none;background:linear-gradient(#12101000 50%,#00000038 50%) 0 0/100% 2px,linear-gradient(90deg,#ff000008,#00ff0005,#00ff0008) 0 0/3px 100%;display:block;position:fixed;inset:0}.thefacebook-header{background:var(--fb-navy);border-bottom:2px solid var(--fb-dark-navy);width:100%}.header-banner-container{box-sizing:border-box;background:#3b5998;border-bottom:1px solid #2b4270;justify-content:space-between;align-items:center;width:100%;padding:12px 24px;display:flex;position:relative;overflow:hidden}.header-banner-left{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:14px;display:flex}.header-face-graphic{background:#1e3567;border:1px solid #5778b8;flex-shrink:0;justify-content:center;align-items:center;width:86px;height:62px;display:flex;position:relative;overflow:hidden}.binary-face-bg{background-color:#1a2f5e;flex-direction:column;justify-content:space-around;width:100%;height:100%;padding:3px;display:flex;position:relative}.binary-stream{color:#8fafe8;opacity:.8;letter-spacing:.6px;white-space:nowrap;font-family:monospace;font-size:7.5px;line-height:8.5px;overflow:hidden}.digital-silhouette{mix-blend-mode:screen;background:radial-gradient(circle at 45% 40%,#ffffff73 0%,#5d8ada40 50%,#14285ad9 100%);position:absolute;inset:0}.digital-silhouette:after{content:"";background:radial-gradient(#ffffffe6 0%,#78a0f073 40%,#0000 80%);width:44px;height:40px;position:absolute;top:10px;left:20px}.header-logo-text{font-family:var(--fb-font);letter-spacing:-.5px;color:#fff;-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;gap:3px;font-size:30px;font-weight:700;display:inline-flex}.logo-pencil-icon{filter:drop-shadow(1px 1px 2px #0006);justify-content:center;align-items:center;line-height:1;display:inline-flex}.logo-pencil-icon svg{width:25px;height:25px;transition:transform .2s,filter .2s;display:block;transform:rotate(-8deg)}.header-banner-left:hover .logo-pencil-icon svg{filter:drop-shadow(0 0 4px #fff9);transform:rotate(0)scale(1.1)}.header-logo-text .brackets{color:#9cb5e4;margin:0 4px;font-family:monospace;font-size:32px;font-weight:400}.header-logo-text .brand-name{color:#fff;text-shadow:1px 1px 3px #00000073}.header-banner-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.network-tag{color:#d6e3fb;font-size:13px;font-weight:700;font-family:var(--fb-font)}.retro-controls{gap:8px;display:flex}.control-btn{color:#fff;cursor:pointer;font-size:11.5px;font-family:var(--fb-font);background:#2b4270;border:1px solid #5778b8;border-radius:2px;padding:3px 8px}.control-btn:hover{background:#36538c}.control-btn.active{background:#1b7a2f;border-color:#3fe866}.control-btn.clear-btn{background:#7a2222;border-color:#d94b4b}.control-btn.clear-btn:hover{background:#a31818}.header-navbar{box-sizing:border-box;background:#3b5998;border-top:1px solid #5382b0;border-bottom:1px solid #2b4270;width:100%;padding:8px 24px}.nav-links{flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.nav-link{color:#fff;font-family:var(--fb-font);cursor:pointer;background:0 0;border:none;padding:3px 6px;font-size:13.5px}.nav-link:hover{color:#d6e2f8;text-decoration:underline}.nav-link.active{color:#ffe682;font-weight:700;text-decoration:underline}.nav-link.highlight{color:#ffe682;font-weight:700}.nav-link.logout-btn{color:#fcc;margin-left:auto}.thefacebook-main-layout{box-sizing:border-box;background:#fff;flex:1;width:100%;max-width:100%;min-height:calc(100vh - 160px);display:flex}.thefacebook-sidebar{border-right:1px solid var(--fb-navy);box-sizing:border-box;background:#f7f7f7;flex-direction:column;flex-shrink:0;gap:14px;width:290px;padding:16px 14px;display:flex}.thefacebook-content-area{box-sizing:border-box;background:#fff;flex-direction:column;flex:1;gap:14px;width:calc(100% - 290px);min-width:0;padding:16px 20px;display:flex}.sidebar-box{border:1px solid var(--fb-navy);background:#fff}.sidebar-box-header{background:var(--fb-navy);color:#fff;padding:5px 8px;font-size:13px;font-weight:700}.sidebar-box-content{padding:8px 10px}.login-form .form-group{margin-bottom:8px}.login-form label{color:#333;margin-bottom:3px;font-size:12px;font-weight:700;display:block}.plain-input,.retro-input{box-sizing:border-box;width:100%;font-family:var(--fb-font);color:#111;background:#fff;border:1px solid #7f9db9;border-radius:2px;padding:7px 10px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.plain-input:focus,.retro-input:focus{border-color:#3b5998;outline:none;box-shadow:0 0 3px #3b599866}.plain-input.wide,.retro-input.wide{width:100%}.plain-textarea,.retro-textarea{box-sizing:border-box;width:100%;font-family:var(--fb-font);color:#111;resize:vertical;background:#fff;border:1px solid #7f9db9;border-radius:2px;padding:8px 10px;font-size:13.5px;line-height:1.45;transition:border-color .15s,box-shadow .15s}.plain-textarea:focus,.retro-textarea:focus{border-color:#3b5998;outline:none;box-shadow:0 0 3px #3b599866}.form-checkbox{align-items:center;gap:6px;margin-bottom:10px;font-size:12px;display:flex}.form-actions{gap:6px;margin-bottom:8px;display:flex}.sidebar-sublinks{text-align:center;margin-top:6px;font-size:11.5px}.retro-btn{color:#3b5998;cursor:pointer;font-size:12.5px;font-weight:700;font-family:var(--fb-font);background:#eceff5;border:1px solid #3b5998;padding:5px 12px}.retro-btn:hover,.retro-btn.primary{color:#fff;background:#3b5998}.retro-btn.primary:hover{background:#2c4373}.retro-btn.large{padding:8px 18px;font-size:14px}.retro-btn-sm{color:#3b5998;cursor:pointer;background:#eceff5;border:1px solid #3b5998;padding:3px 8px;font-size:11.5px;font-weight:700}.retro-btn-sm:hover{color:#fff;background:#3b5998}.demo-accounts-list{flex-direction:column;gap:6px;display:flex}.sidebar-note{color:#555;margin:0 0 8px;font-size:11.5px;line-height:1.4}.demo-account-btn{cursor:pointer;text-align:left;background:#eceff5;border:1px solid #b7c4dc;align-items:center;gap:8px;width:100%;padding:5px 6px;display:flex}.demo-account-btn:hover{background:#d8dfea;border-color:#3b5998}.demo-avatar{object-fit:cover;border:1px solid #3b5998;flex-shrink:0;width:36px;height:36px}.demo-info{flex-direction:column;display:flex;overflow:hidden}.demo-info strong{color:#3b5998;white-space:nowrap;font-size:12px}.demo-info span{color:#555;font-size:11px}.network-bulletin{color:#444;font-size:12px;line-height:1.5}.launch-tag{color:#3b5998;margin-top:8px;font-size:11.5px;font-style:italic}.account-sidebar-box{border:1px solid var(--fb-navy);background:#fff}.user-snapshot{box-sizing:border-box;align-items:flex-start;gap:10px;padding:10px;display:flex}.snapshot-avatar-wrap{flex-shrink:0}.snapshot-avatar{object-fit:cover;cursor:pointer;background:#eef2f8;border:1px solid #3b5998;width:48px;height:48px;transition:opacity .15s;display:block}.snapshot-avatar:hover{opacity:.85}.snapshot-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex;overflow:hidden}.snapshot-name{color:#3b5998;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.snapshot-name:hover{text-decoration:underline}.snapshot-role,.school-line{color:#555;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;line-height:1.3;overflow:hidden}.snapshot-email,.house-line{color:#222;word-break:break-all;overflow-wrap:anywhere;font-size:11.5px;font-weight:600;line-height:1.35}.snapshot-id{color:#2b4270;background:#eef2f8;border:1px solid #b7c7e2;border-radius:2px;width:fit-content;margin-top:3px;padding:1px 7px;font-family:monospace;font-size:11px;font-weight:700;display:inline-block}.quick-search-form{align-items:center;gap:6px;display:flex}.quick-search-form .plain-input,.quick-search-form .retro-input{box-sizing:border-box;flex:1;min-width:0;padding:6px 8px;font-size:12.5px}.quick-search-form .retro-btn{flex-shrink:0;padding:6px 12px;font-size:12px}.connections-sidebar-panel{border:1px solid var(--fb-navy);background:#fff}.connections-header-flex{justify-content:space-between;align-items:center;display:flex}.connections-count-tag{color:#d6e2f8;font-size:11px;font-weight:400}.connections-sidebar-box{flex-direction:column;gap:8px;padding:8px 10px;display:flex}.sidebar-connections-list{flex-direction:column;gap:6px;display:flex}.sidebar-suggested-title{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:11px;font-weight:700}.sidebar-connection-item{cursor:pointer;box-sizing:border-box;background:#fbfcfe;border:1px solid #d4dfef;align-items:center;gap:8px;padding:5px 6px;transition:background .15s,border-color .15s;display:flex}.sidebar-connection-item:hover{background:#edf3fb;border-color:#3b5998}.connection-thumb{object-fit:cover;background:#fff;border:1px solid #3b5998;flex-shrink:0;width:32px;height:32px;display:block}.connection-meta{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.connection-name{color:#3b5998;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:700;overflow:hidden}.connection-status{color:#666;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.view-all-connections-btn{color:var(--fb-link);cursor:pointer;text-align:right;font-size:12px;font-family:var(--fb-font);background:0 0;border:none;width:100%;margin-top:4px;padding:3px 0;display:block}.view-all-connections-btn:hover{color:var(--fb-link-hover);text-decoration:underline}.empty-connections-box{text-align:center;color:#666;padding:12px 6px;font-size:12px}.sidebar-link-btn{color:var(--fb-link);cursor:pointer;background:0 0;border:none;margin-top:4px;font-size:12px;text-decoration:underline}.sidebar-link-btn:hover{color:var(--fb-link-hover)}.sidebar-menu{flex-direction:column;gap:3px;display:flex}.sidebar-menu-item{text-align:left;color:#3b5998;font-family:var(--fb-font);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:5px 6px;font-size:13px;display:flex}.sidebar-menu-item:hover{background:#eceff5;text-decoration:underline}.sidebar-menu-item.selected{background:#eceff5;font-weight:700}.sidebar-menu-item .badge{color:#fff;background:#c00;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:700}.sidebar-menu-item.logout-link{color:#900;border-top:1px dashed #b7c4dc;margin-top:8px;padding-top:8px}.switch-users-list{flex-direction:column;gap:4px;display:flex}.switch-user-btn{color:#3b5998;text-align:left;cursor:pointer;background:0 0;border:none;padding:3px 0;font-size:12px}.switch-user-btn:hover{text-decoration:underline}.thefacebook-content-area,.home-feed-view,.friends-view,.search-view,.profile-view,.settings-view,.about-faq-view,.landing-view,.edit-profile-view,.messages-view{flex-direction:column;gap:14px;width:100%;display:flex}.content-box{border:1px solid var(--fb-navy);background:#fff}.content-box-header{background:var(--fb-navy);color:#fff;padding:6px 12px}.content-box-header h2,.content-box-header h3{color:#fff;margin:0;font-size:15px;font-weight:700}.content-box-body{padding:14px 16px}.lead-paragraph{margin-bottom:10px;font-size:14.5px;line-height:1.6}.landing-view p{margin-bottom:8px;font-size:13.5px;line-height:1.6}.thefacebook-bullet-list{margin:10px 0;padding-left:24px;font-size:13.5px;line-height:1.7}.thefacebook-bullet-list li{margin-bottom:4px}.cta-paragraph{margin-top:14px;font-size:13.5px;font-style:italic}.landing-action-buttons{gap:12px;margin:16px 0 8px;display:flex}.retro-table{border-collapse:collapse;width:100%;font-size:13px}.retro-table th{color:#3b5998;text-align:left;background:#eceff5;border:1px solid #b7c4dc;padding:7px 10px;font-size:13px;font-weight:700}.retro-table td{vertical-align:top;border:1px solid #d8dfea;padding:8px 10px;font-size:13px;line-height:1.55}.retro-table tr:nth-child(2n) td{background:#fbfbfb}.announcements-table td{font-size:13px}.featured-profiles-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:12px;display:grid}.featured-card{cursor:pointer;text-align:center;background:#f7f7f7;border:1px solid #b7c4dc;flex-direction:column;align-items:center;gap:6px;padding:10px;transition:background .15s;display:flex}.featured-card:hover{background:#eceff5;border-color:#3b5998}.featured-thumb{object-fit:cover;border:1px solid #3b5998;width:76px;height:76px}.featured-meta strong{color:#3b5998;font-size:13px;display:block}.featured-meta span{color:#555;font-size:11px;display:block}.founder-badge{font-weight:700;color:#a00!important}.student-badge{font-weight:700;color:#060!important}.retro-alert{border:1px solid;margin-bottom:12px;padding:8px 12px;font-size:13px;line-height:1.5}.success-alert{color:#060;background:#e6f9e6;border-color:#8c8}.danger-alert{color:#900;background:#ffe6e6;border-color:#c88}.profile-title-bar{justify-content:space-between;align-items:center;display:flex}.profile-title-bar h2{font-size:16px}.profile-header-school{color:#d6e3fb;font-size:13.5px;font-weight:400}.profile-status-bar{background:#eceff5;border-bottom:1px solid #b7c4dc;padding:6px 12px;font-size:13px}.self-notice{color:#3b5998;justify-content:space-between;align-items:center;font-weight:700;display:flex}.network-relation{color:#444}.profile-grid{gap:16px;margin-top:14px;display:flex}.profile-col-left{flex-direction:column;flex-shrink:0;gap:12px;width:210px;display:flex}.profile-picture-frame{background:#f0f0f0;border:1px solid #3b5998;width:210px;height:210px;position:relative;overflow:hidden}.profile-main-avatar{object-fit:cover;width:100%;height:100%;display:block}.profile-avatar-overlay-btn{color:#fff;text-align:center;cursor:pointer;font-size:11.5px;font-weight:700;font-family:var(--fb-font);background:#2b4270e0;padding:6px 0;transition:background .15s;position:absolute;bottom:0;left:0;right:0}.profile-avatar-overlay-btn:hover{background:#3b5998fa;text-decoration:underline}.profile-change-avatar-box{flex-direction:column;gap:6px;display:flex}.change-avatar-trigger-btn{text-align:center;color:#3b5998;cursor:pointer;background:#eceff5;border:1px solid #3b5998;padding:6px 8px;font-size:12px;font-weight:700;display:block}.avatar-action-btn-row{gap:6px;display:flex}.avatar-action-btn-row .change-avatar-trigger-btn{flex:1}.delete-avatar-trigger-btn{color:#c9302c;cursor:pointer;font-size:11.5px;font-weight:700;font-family:var(--fb-font);background:#fdf2f2;border:1px solid #d9534f;border-radius:2px;padding:6px 8px;transition:all .15s}.delete-avatar-trigger-btn:hover{color:#fff;background:#c9302c}.delete-avatar-edit-btn{color:#c9302c;cursor:pointer;font-size:12px;font-weight:700;font-family:var(--fb-font);background:#fdf2f2;border:1px solid #d9534f;padding:4px 10px}.delete-avatar-edit-btn:hover{color:#fff;background:#c9302c}.avatar-status-pill{text-align:center;border-radius:2px;padding:4px 6px;font-size:11px;line-height:1.3}.avatar-status-pill.success{color:#2b702b;background:#eef7ee;border:1px solid #a3d9a3}.avatar-status-pill.error{color:#c9302c;background:#ffebee;border:1px solid #f5c6cb}.edit-avatar-section{background:#f7f9fc;border:1px solid #d0d7e5;align-items:center;gap:16px;margin-bottom:16px;padding:12px;display:flex}.edit-avatar-preview-box{background:#fff;border:1px solid #3b5998;flex-shrink:0;width:70px;height:70px;overflow:hidden}.edit-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.edit-avatar-controls{flex-direction:column;flex:1;gap:6px;display:flex}.upload-btn-label{cursor:pointer;color:#fff;background:#3b5998;border:1px solid #2b4270;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.upload-btn-label:hover{background:#2b4270}.avatar-note-text{color:#2b702b;font-size:11px;font-weight:700}.profile-action-links{background:#f7f7f7;border:1px solid #b7c4dc;margin:0;padding:0;list-style:none}.profile-action-links li{border-bottom:1px solid #d8dfea}.profile-action-links li:last-child{border-bottom:none}.action-link{text-align:left;color:#3b5998;cursor:pointer;width:100%;font-size:12.5px;font-family:var(--fb-font);background:0 0;border:none;padding:7px 10px}.action-link:hover{background:#eceff5;text-decoration:underline}.network-path-box,.profile-friends-box{background:#fff;border:1px solid #b7c4dc}.sub-box-header{color:#3b5998;background:#eceff5;border-bottom:1px solid #b7c4dc;padding:5px 8px;font-size:12px;font-weight:700}.network-graph-content{padding:8px;font-size:12px}.graph-path{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.graph-path .node{background:#eceff5;border:1px solid #b7c4dc;padding:3px 6px;font-size:11px;font-weight:700}.graph-path .node.you{color:#fff;background:#3b5998}.graph-path .arrow{color:#888}.friends-thumbnails-grid{grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;display:grid}.friend-thumbnail-card{text-align:center;cursor:pointer}.friend-thumb-img{object-fit:cover;border:1px solid #3b5998;width:54px;height:54px}.friend-thumb-name{color:#3b5998;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;display:block;overflow:hidden}.profile-col-right{flex-direction:column;flex:1;gap:14px;display:flex}.info-section-table{border:1px solid var(--fb-navy)}.section-table-header{background:var(--fb-navy);color:#fff;padding:5px 10px;font-size:13.5px;font-weight:700}.info-table{border-collapse:collapse;width:100%;font-size:13px}.info-table td{border-bottom:1px solid #e5e9f2;padding:6px 10px;line-height:1.55}.info-table tr:last-child td{border-bottom:none}.field-label{color:#444;vertical-align:top;width:140px;font-size:13px;font-weight:700}.field-value{color:#000;font-size:13px}.aim-tag{align-items:center;gap:6px;display:inline-flex}.quote-text{white-space:pre-line;font-style:italic}.about-text{white-space:pre-line}.courses-table th{color:#3b5998;text-align:left;background:#eceff5;padding:6px 10px;font-size:12.5px}.course-code{color:#3b5998}.the-wall-section .the-wall-body{padding:12px}.wall-post-form{background:#f7f7f7;border:1px solid #d8dfea;margin-bottom:14px;padding:10px}.wall-post-form label{color:#3b5998;margin-bottom:6px;font-size:13.5px;font-weight:700;display:block}.retro-textarea{width:100%;font-family:var(--fb-font);resize:vertical;border:1px solid #7f9db9;padding:6px 8px;font-size:13px;line-height:1.5}.wall-form-actions{text-align:right;margin-top:8px}.wall-posts-list{flex-direction:column;gap:12px;display:flex}.wall-post-item{border-bottom:1px dashed #b7c4dc;padding-bottom:10px}.wall-post-item:last-child{border-bottom:none}.wall-post-meta{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.wall-author-link{color:#3b5998;cursor:pointer;font-size:13px}.wall-author-link:hover{text-decoration:underline}.wall-author-school{color:#666;font-size:12px}.wall-post-date{color:#888;margin-left:auto;font-size:11px}.wall-delete-btn{color:#900;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px}.wall-post-text{color:#111;white-space:pre-wrap;font-size:13px;line-height:1.55}.no-wall-posts{color:#666;text-align:center;padding:14px;font-size:13px;font-style:italic}.search-view-page{flex-direction:column;gap:20px;display:flex}.search-panel-box{border:1px solid var(--fb-navy);background:#fff}.search-intro-text{color:#444;border-bottom:1px dashed #d0d7e5;margin:0 0 16px;padding-bottom:10px;font-size:13px}.search-form-layout{flex-direction:column;gap:16px;display:flex}.search-quick-bar{background:#f2f5fa;border:1px solid #c4d1e6;align-items:center;gap:12px;padding:10px 14px;display:flex}.search-quick-label{color:var(--fb-navy);white-space:nowrap;font-size:13.5px;font-weight:700}.search-quick-input-wrap{flex:1;align-items:center;display:flex;position:relative}.search-smart-input{width:100%;padding-right:28px;font-size:13px}.search-clear-quick-btn{color:#888;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:14px;position:absolute;right:8px}.search-clear-quick-btn:hover{color:#333}.search-filters-grid{grid-template-columns:140px 1fr 1fr;gap:12px;display:grid}@media (width<=800px){.search-filters-grid{grid-template-columns:1fr}}.search-filter-field{flex-direction:column;gap:4px;display:flex}.search-field-label{color:#333;font-size:12px;font-weight:700}.search-role-presets{flex-wrap:wrap;align-items:center;gap:8px;padding-top:4px;display:flex}.preset-label{color:#555;font-size:12px;font-weight:700}.role-chips-row{flex-wrap:wrap;gap:6px;display:flex}.role-chip-btn{color:#3b5998;cursor:pointer;font-size:12px;font-family:var(--fb-font);background:#eef2f8;border:1px solid #b7c7e2;border-radius:2px;padding:3px 9px;transition:all .15s}.role-chip-btn:hover{background:#dce6f5;border-color:#3b5998}.role-chip-btn.active{color:#fff;background:#3b5998;border-color:#2b4270;font-weight:700}.search-form-actions{border-top:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding-top:8px;display:flex}.search-match-count{color:#555;margin-left:auto;font-size:12.5px}.retro-btn-secondary{color:#333;font-size:12px;font-family:var(--fb-font);cursor:pointer;background:#f0f0f0;border:1px solid #999;border-radius:2px;padding:4px 12px}.retro-btn-secondary:hover{background:#e0e0e0}.search-results-box{border:1px solid var(--fb-navy);background:#fff}.search-results-header{justify-content:space-between;align-items:center;display:flex}.filtered-indicator{color:#ffe682;background:#0003;border-radius:2px;padding:2px 8px;font-size:11px}.search-results-body{padding:14px}.search-results-table{flex-direction:column;gap:12px;display:flex}.search-member-card{background:#fff;border:1px solid #d0d7e5;border-radius:2px;gap:16px;padding:14px;transition:border-color .15s,background-color .15s;display:flex}.search-member-card:hover{background:#f9fbfd;border-color:#3b5998}.search-card-avatar-wrap{cursor:pointer;background:#eef2f8;border:1px solid #3b5998;flex-shrink:0;width:72px;height:72px;overflow:hidden}.search-card-avatar{object-fit:cover;width:100%;height:100%;display:block}.search-card-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.search-card-headline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.search-member-name-link{color:#3b5998;cursor:pointer;font-size:15px;font-weight:700;font-family:var(--fb-font);text-align:left;background:0 0;border:none;padding:0}.search-member-name-link:hover{text-decoration:underline}.search-id-tag{color:#2b4270;background:#eef2f8;border:1px solid #b7c7e2;border-radius:2px;padding:1px 6px;font-family:monospace;font-size:11px;font-weight:700;display:inline-block}.search-role-badge{color:#fff;background:#3b5998;border-radius:2px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-block}.search-you-badge{color:#333;background:#ffe682;border-radius:2px;padding:1px 6px;font-size:11px;font-weight:700;display:inline-block}.search-card-meta{color:#555;flex-wrap:wrap;gap:12px;margin-top:2px;font-size:12px;display:flex}.meta-item strong{color:#333}.search-card-skills{color:#444;background:#f4f6fa;border-left:3px solid #3b5998;margin-top:2px;padding:4px 8px;font-size:12px}.search-card-bio{color:#666;margin:3px 0 0;font-size:12px;line-height:1.4}.search-card-actions{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:stretch;gap:6px;width:125px;display:flex}.profile-action-btn{color:#fff;cursor:pointer;text-align:center;background:#3b5998;border:1px solid #2b4270;padding:4px 8px;font-size:12px;font-weight:700}.profile-action-btn:hover{background:#2b4270}.connected-btn{color:#2b702b;cursor:pointer;background:#eef7ee;border:1px solid #4a934a;padding:3px 8px;font-size:11.5px;font-weight:700}.connected-btn:hover{color:#c9302c;background:#ffebee;border-color:#c9302c}.connect-btn{color:#3b5998;cursor:pointer;background:#fff;border:1px solid #3b5998;padding:3px 8px;font-size:11.5px;font-weight:700}.connect-btn:hover{color:#fff;background:#3b5998}.message-action-btn{color:#333;cursor:pointer;background:#f7f7f7;border:1px solid #999;padding:3px 8px;font-size:11.5px}.message-action-btn:hover{background:#e5e5e5}.search-empty-state{text-align:center;color:#666;padding:36px 16px}.empty-icon-box{margin-bottom:8px;font-size:32px}.search-empty-state h4{color:var(--fb-navy);margin:0 0 8px;font-size:16px}.search-empty-state p{max-width:450px;margin:0 auto 16px;font-size:13px;line-height:1.5}.retro-form-table{border-collapse:collapse;width:100%}.retro-form-table td{vertical-align:middle;padding:6px 8px}.retro-form-table .form-label{color:#333;text-align:right;width:140px;padding-right:12px;font-size:13px;font-weight:700}.retro-input.wide{width:100%;max-width:380px}.retro-select{font-family:var(--fb-font);background:#fff;border:1px solid #7f9db9;padding:5px 8px;font-size:13px}.retro-select.wide{width:100%;max-width:380px}.search-buttons{gap:10px;margin-top:6px;display:flex}.search-row-thumb{object-fit:cover;cursor:pointer;border:1px solid #3b5998;width:44px;height:44px}.center-cell{text-align:center}.search-user-name{color:#3b5998;cursor:pointer;font-size:13.5px}.search-user-name:hover{text-decoration:underline}.search-user-sub{color:#666;font-size:12px}.action-btn-link{color:#3b5998;cursor:pointer;font-size:12px;font-weight:700;font-family:var(--fb-font);background:0 0;border:none;padding:3px 6px}.action-btn-link:hover{text-decoration:underline}.browse-category-section h4{color:#3b5998;margin:0 0 8px;font-size:13px}.browse-school-tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.school-tab-btn{cursor:pointer;text-align:left;font-family:var(--fb-font);background:#eceff5;border:1px solid #b7c4dc;flex-direction:column;padding:8px 12px;display:flex}.school-tab-btn strong{font-size:13px}.school-tab-btn:hover{background:#d8dfea;border-color:#3b5998}.school-tab-btn.active{color:#fff;background:#3b5998;border-color:#2c4373}.school-tab-btn.active .school-status-tag{color:#ffe682}.school-status-tag{color:#555;margin-top:2px;font-size:11px}.browse-subfilters{background:#f7f7f7;border:1px solid #d8dfea;flex-direction:column;gap:8px;padding:10px;display:flex}.filter-pill-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pill-group-label{margin-right:6px;font-size:12px;font-weight:700}.pill-btn{cursor:pointer;font-size:12px;font-family:var(--fb-font);background:#fff;border:1px solid #7f9db9;padding:3px 8px}.pill-btn:hover{background:#eceff5}.pill-btn.active{color:#fff;background:#3b5998;border-color:#3b5998;font-weight:700}.browse-students-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.browse-student-card{cursor:pointer;background:#fdfdfd;border:1px solid #d8dfea;gap:10px;padding:8px;transition:background .15s;display:flex}.browse-student-card:hover{background:#eceff5;border-color:#3b5998}.browse-avatar{object-fit:cover;border:1px solid #3b5998;flex-shrink:0;width:56px;height:56px}.browse-meta{flex-direction:column;display:flex;overflow:hidden}.browse-meta strong{color:#3b5998;font-size:13.5px}.browse-sub{color:#555;font-size:12px}.browse-major{color:#777;font-size:11.5px}.messages-header-flex{justify-content:space-between;align-items:center;display:flex}.compose-panel{background:#f7f7f7;border:1px solid #d8dfea;margin-bottom:14px;padding:12px}.compose-panel h4{color:#3b5998;margin:0 0 10px;font-size:13.5px}.msg-subject strong{color:#3b5998;font-size:13.5px}.msg-snippet{color:#444;margin-top:3px;font-size:12.5px;line-height:1.5}.date-cell{color:#666;font-size:12px}.friends-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;display:grid}.friend-detailed-card{background:#fafafa;border:1px solid #b7c4dc;gap:12px;padding:10px;display:flex}.friend-card-avatar{object-fit:cover;cursor:pointer;border:1px solid #3b5998;flex-shrink:0;width:66px;height:66px}.friend-card-info{flex-direction:column;flex:1;display:flex}.friend-card-name{color:#3b5998;cursor:pointer;font-size:13.5px}.friend-card-name:hover{text-decoration:underline}.friend-concentration{color:#666;font-size:12px}.friend-card-actions{gap:6px;margin-top:6px;display:flex}.form-sub-header{color:#fff;background:#3b5998;margin:14px 0 8px;padding:5px 8px;font-size:13px;font-weight:700}.form-sub-header:first-child{margin-top:0}.avatar-selection-panel{background:#f7f7f7;border:1px solid #d8dfea;gap:16px;margin-bottom:10px;padding:10px;display:flex}.current-avatar-preview{flex-direction:column;align-items:center;gap:6px;width:90px;display:flex}.preview-img{object-fit:cover;border:1px solid #3b5998;width:80px;height:80px}.avatar-options{flex-direction:column;flex:1;gap:8px;display:flex}.preset-avatars-row{gap:8px;display:flex}.preset-thumb{object-fit:cover;cursor:pointer;border:2px solid #0000;width:44px;height:44px}.preset-thumb:hover{border-color:#3b5998}.preset-thumb.selected{border-color:#f90;box-shadow:0 0 4px #f90}.form-action-bar{border-top:1px solid #b7c4dc;gap:10px;margin-top:16px;padding-top:12px;display:flex}.retro-modal-backdrop{z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:14px;display:flex;position:fixed;inset:0}.retro-modal-card{border:2px solid var(--fb-navy);background:#fff;width:560px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:6px 6px 20px #0009}.retro-modal-header{background:var(--fb-navy);color:#fff;justify-content:space-between;align-items:center;padding:6px 12px;font-size:14px;font-weight:700;display:flex}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:700}.retro-modal-body{padding:16px}.register-intro{margin:0 0 12px;font-size:13px;line-height:1.5}.terms-checkbox-wrap{background:#f7f7f7;border:1px solid #e0e0e0;margin:12px 0;padding:8px;font-size:12.5px}.modal-actions-bar{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.about-faq-view .lead-paragraph{font-size:14.5px;line-height:1.6}.faq-content{flex-direction:column;gap:14px;display:flex}.faq-item h4{color:#3b5998;margin:0 0 4px;font-size:13.5px}.faq-item p{color:#222;margin:0;font-size:13px;line-height:1.6}.thefacebook-footer{border-top:1px solid var(--fb-navy);text-align:center;color:#555;background:#f7f7f7;flex-direction:column;gap:6px;padding:14px;font-size:12px;display:flex}.footer-links{justify-content:center;align-items:center;gap:8px;display:flex}.footer-link{color:var(--fb-link);cursor:pointer;font-size:12px;font-family:var(--fb-font);background:0 0;border:none;padding:0;text-decoration:underline}.footer-link:hover{color:var(--fb-link-hover)}.footer-sep{color:#888}.footer-credits{color:#3b5998;font-size:12px;font-style:italic}.footer-copyright{color:#666;font-size:11.5px}@media (width<=768px){.thefacebook-main-layout{flex-direction:column}.thefacebook-sidebar{border-right:none;border-bottom:1px solid var(--fb-navy);width:100%!important}.profile-grid{flex-direction:column}.profile-col-left{align-items:center;width:100%}.featured-profiles-grid{grid-template-columns:repeat(2,1fr)}.browse-students-grid,.friends-cards-grid{grid-template-columns:1fr}}.home-feed-view{flex-direction:column;gap:20px;width:100%;display:flex}.home-header-flex{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.home-user-badge{color:#fff;background:#2b4270;border:1px solid #5778b8;border-radius:2px;padding:4px 10px;font-size:12.5px}.post-composer-box{border:1px solid var(--fb-navy)}.home-post-form{flex-direction:column;display:flex}.composer-row{align-items:flex-start;gap:14px;display:flex}.composer-avatar{object-fit:cover;background:#f0f0f0;border:1px solid #3b5998;flex-shrink:0;width:56px;height:56px}.composer-input-wrap{flex:1;min-width:0}.home-textarea{width:100%;min-height:80px;font-family:var(--fb-font);color:#000;box-sizing:border-box;resize:vertical;background:#fff;border:1px solid #7f9db9;padding:10px 12px;font-size:14px;line-height:1.45}.home-textarea:focus{border-color:#3b5998;outline:2px solid #3b5998}.composer-actions{border-top:1px dashed #d8e2f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:8px;display:flex}.composer-tip{color:#666;font-size:12.5px;font-style:italic}.feed-stream-box{border:1px solid var(--fb-navy)}.feed-header-flex{justify-content:space-between;align-items:center;display:flex}.no-posts-box{text-align:center;color:#666;padding:32px 16px;font-size:14px;line-height:1.7}.feed-posts-stream{flex-direction:column;gap:8px;display:flex}.feed-post-card{background:#fbfcfe;border:1px solid #d2dded;border-left:3px solid #3b5998;border-radius:2px;gap:10px;padding:8px 12px;transition:background .15s,border-color .15s;display:flex}.feed-post-card:hover{background:#f3f7fc;border-color:#b5cbe8 #b5cbe8 #b5cbe8 #2b4270}.feed-post-avatar-col{flex-shrink:0}.feed-post-avatar{object-fit:cover;cursor:pointer;background:#fff;border:1px solid #3b5998;border-radius:2px;width:36px;height:36px;display:block}.feed-post-avatar:hover{opacity:.9;border-color:#1a2f5e}.feed-post-content-col{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.feed-post-header{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.feed-author-name{color:var(--fb-link);cursor:pointer;font-size:13px;font-weight:700}.feed-author-name:hover{color:var(--fb-link-hover);text-decoration:underline}.feed-author-sub{color:#555;font-size:11.5px}.feed-post-time{color:#777;margin-left:auto;font-size:11px}.feed-post-body{color:#111;white-space:pre-wrap;word-break:break-word;padding:2px 0;font-size:12.5px;line-height:1.4}.feed-post-footer{background:#f2f6fb;border:1px solid #c9d7e8;border-radius:3px;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;padding:5px 8px;font-size:11.5px;display:flex}.feed-action-btn{color:#3b5998;font-family:var(--fb-font);cursor:pointer;background:#fff;border:1px solid #cad6e6;border-radius:3px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 1px 1px #0000000a}.feed-action-btn:hover{color:#fff;background:#3b5998;border-color:#2b4474;text-decoration:none}.feed-action-btn.feed-action-btn-active{color:#fff;background:#3b5998;border-color:#243a63;font-weight:700}.feed-action-btn.delete-btn{color:#b71c1c;background:#fff8f8;border-color:#f1c5c5}.feed-action-btn.delete-btn:hover{color:#fff;background:#c62828;border-color:#900}.feed-dot,.sidebar-mobile-toggle-bar{display:none}.sidebar-inner-content{flex-direction:column;gap:14px;display:flex}@media screen and (width<=900px){.thefacebook-main-layout{flex-direction:column;width:100%;min-height:auto}.thefacebook-sidebar{border-right:none;border-bottom:2px solid var(--fb-navy);padding:10px 12px;width:100%!important}.sidebar-mobile-toggle-bar{background:var(--fb-navy);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:2px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13.5px;font-weight:700;transition:background-color .15s;display:flex}.sidebar-mobile-toggle-bar:hover{background:#2b4270}.mobile-toggle-badge{color:#ffe682;background:#1e335a;border-radius:2px;padding:3px 8px;font-size:11px;font-weight:700}.thefacebook-sidebar.mobile-collapsed .sidebar-inner-content{display:none}.thefacebook-sidebar.mobile-expanded .sidebar-inner-content{flex-direction:column;gap:12px;margin-top:10px;animation:.2s ease-in-out fadeInMenu;display:flex}@keyframes fadeInMenu{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.thefacebook-content-area{flex-direction:column;min-height:0;padding:14px 10px;display:flex;width:100%!important}.thefacebook-content-area:has(.messages-view){padding:0!important}.header-banner-container{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:10px 12px}.header-banner-left{justify-content:center}.header-banner-right{align-items:center;width:100%}.retro-controls{flex-wrap:wrap;justify-content:center}.header-navbar{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:6px 8px;overflow-x:auto}.header-navbar::-webkit-scrollbar{display:none}.nav-links{white-space:nowrap;flex-wrap:nowrap;gap:6px}.nav-link{background:#ffffff14;border-radius:3px;padding:6px 11px;font-size:13px;display:inline-block}.profile-title-bar{flex-direction:column;align-items:flex-start;gap:4px}.profile-grid{flex-direction:column;gap:16px}.profile-col-left{align-items:center;width:100%!important}.profile-picture-frame{width:170px;height:170px;margin:0 auto}.profile-actions-box,.profile-friends-box{max-width:380px;width:100%!important}.profile-col-right{width:100%!important}.self-notice{flex-direction:column;align-items:flex-start;gap:6px}.search-filters-grid{gap:8px;grid-template-columns:1fr!important}.search-quick-bar{flex-direction:column;align-items:stretch;gap:6px}.search-role-presets{flex-direction:column;align-items:flex-start;gap:6px}.role-chips-row{flex-wrap:wrap;gap:5px}.search-member-card{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:12px}.search-card-avatar-wrap{width:68px;height:68px;margin:0 auto}.search-card-headline{justify-content:center}.search-card-meta{flex-direction:column;justify-content:center;gap:3px}.search-card-skills{text-align:left}.search-card-actions{flex-flow:wrap;justify-content:center;gap:6px;width:100%}.search-card-actions button{flex:45%;min-width:110px;padding:7px 6px}.feed-post-card{flex-direction:row;gap:8px;padding:8px 10px}.feed-post-avatar-col{align-items:flex-start;display:flex}.feed-post-avatar{width:32px;height:32px}.feed-post-content-col{width:100%;min-width:0}.feed-post-footer{box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:5px;width:100%;padding:4px 6px;display:flex}.feed-action-btn{white-space:nowrap;flex-shrink:0;padding:3px 6px;font-size:10.5px}.feed-action-btn.delete-btn{margin-left:0;display:inline-flex!important}.edit-avatar-section{text-align:center;flex-direction:column;align-items:center;gap:10px}.edit-avatar-controls{align-items:center}.retro-form-table,.retro-form-table tbody{width:100%;display:block}.retro-form-table tr{border-bottom:1px dashed #e8ecf4;flex-direction:column;margin-bottom:8px;padding-bottom:6px;display:flex}.retro-form-table td{display:block;text-align:left!important;width:100%!important;padding:2px 0!important}.retro-form-table .form-label{color:var(--fb-navy);padding-bottom:3px;text-align:left!important;width:100%!important}.plain-input.wide,.retro-input.wide,.retro-select.wide,.plain-textarea{box-sizing:border-box;font-size:15px;width:100%!important;max-width:100%!important}.retro-modal-backdrop{align-items:flex-start;padding:12px}.retro-modal-card{overflow-y:auto;width:100%!important;max-width:100%!important;max-height:90vh!important;margin:8px auto!important}.retro-modal-body{padding:12px}.retro-btn,.retro-btn-sm,.retro-btn-secondary{min-height:34px;padding:6px 12px;font-size:12.5px}.retro-table,.info-table{width:100%;display:block;overflow-x:auto}.retro-table thead,.info-table tbody{width:100%;display:table}.thefacebook-footer{text-align:center;padding:16px 10px}.footer-links{flex-wrap:wrap;justify-content:center;gap:6px 10px}}@media screen and (width<=480px){.brand-name{font-size:24px}.logo-pencil-icon svg{width:20px;height:20px}.header-banner-left{gap:8px}.digital-silhouette{width:38px;height:48px}.search-card-actions button{flex:100%}.content-box-header h2,.content-box-header h3{font-size:14px}.friends-cards-grid{grid-template-columns:1fr!important}}.modern-chat-layout{flex-direction:column;width:100%;height:calc(100vh - 120px);min-height:700px;display:flex}.chat-main-box{border:1px solid var(--fb-navy);background:#fff;flex-direction:column;flex:1;height:100%;min-height:660px;display:flex}.chat-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.chat-header-title-group{align-items:center;gap:10px;display:flex}.retro-badge-sub{color:#fff;letter-spacing:.5px;background:#2b4374;border-radius:3px;padding:2px 7px;font-size:11px;font-weight:400}.chat-active-indicator{color:#333;font-size:12px}.online-status-dot{color:#28a745;margin-right:3px;font-size:13px}.chat-layout-grid{border-top:1px solid #c4d1e6;flex:1;grid-template-columns:280px 1fr;min-height:0;display:grid;overflow:hidden}.chat-contacts-panel{background:#f7f9fc;border-right:1px solid #c4d1e6;flex-direction:column;min-height:0;display:flex;overflow:hidden}.contacts-panel-header{background:#eef2f8;border-bottom:1px solid #d8e1ef;padding:10px 12px}.contacts-search-box{margin-bottom:6px}.contacts-search-input{background:#fff;border:1px solid #b0c0db;width:100%;padding:5px 8px;font-size:12px}.contacts-count-label{color:var(--fb-navy);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.contacts-scroll-list{scrollbar-width:thin;scrollbar-color:#8b9dc3 #eef2f8;flex:1;min-height:0;max-height:464px;overflow-y:auto}.contacts-scroll-list::-webkit-scrollbar{width:7px}.contacts-scroll-list::-webkit-scrollbar-track{background:#eef2f8;border-left:1px solid #d8e1ef}.contacts-scroll-list::-webkit-scrollbar-thumb{background:#8b9dc3;border-radius:3px}.contacts-scroll-list::-webkit-scrollbar-thumb:hover{background:#3b5998}.no-contacts-found{text-align:center;color:#777;padding:24px 16px;font-size:12px}.contact-item{cursor:pointer;border-bottom:1px solid #eef2f8;align-items:center;gap:10px;padding:9px 12px;transition:background-color .15s;display:flex}.contact-item:hover{background:#ebf2fc}.contact-item.active-contact{background:var(--fb-navy);color:#fff}.contact-avatar-wrapper{flex-shrink:0;width:38px;height:38px;position:relative}.contact-avatar-img{object-fit:cover;border:1px solid #b0c0db;border-radius:3px;width:38px;height:38px;display:block}.contact-item.active-contact .contact-avatar-img{border-color:#fff}.contact-online-pip{background:#28a745;border:1.5px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.contact-info{flex:1;min-width:0}.contact-name-row{justify-content:space-between;align-items:baseline;gap:4px;display:flex}.contact-name{color:var(--fb-navy);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.contact-item.active-contact .contact-name{color:#fff}.contact-id-badge{color:var(--fb-navy);background:#e4ebf5;border:1px solid #c4d1e6;border-radius:2px;flex-shrink:0;padding:1px 5px;font-family:monospace;font-size:10.5px;font-weight:700}.contact-item.active-contact .contact-id-badge{color:#fff;background:#2b4374;border-color:#5572ad}.contact-role-snippet{color:#666;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;overflow:hidden}.contact-item.active-contact .contact-role-snippet{color:#d6e2f8}.contact-last-preview{color:#888;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.contact-item.active-contact .contact-last-preview{color:#e4ebf5}.start-chat-hint{color:#999;font-style:italic}.contact-item.active-contact .start-chat-hint{color:#c7d8f3}.chat-conversation-panel{background:#fff;flex-direction:column;min-height:0;display:flex}.active-chat-header{background:#f2f5fa;border-bottom:1px solid #c4d1e6;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;display:flex}.active-user-profile-summary{flex:1;align-items:center;gap:12px;display:flex}.active-chat-avatar{object-fit:cover;border:1px solid var(--fb-navy);border-radius:3px;width:42px;height:42px}.active-user-meta{flex-direction:column;display:flex}.active-user-name-line{align-items:center;gap:8px;display:flex}.active-user-name-line h3{color:var(--fb-navy);margin:0;font-size:15px}.retro-id-pill{color:var(--fb-navy);background:#e4ebf5;border:1px solid #b8cde6;border-radius:3px;padding:1px 7px;font-size:11px;font-weight:700}.active-user-subtitle{color:#666;margin-top:2px;font-size:11.5px}.mobile-back-to-contacts-btn{color:var(--fb-navy);cursor:pointer;background:#e4ebf5;border:1px solid #b0c0db;border-radius:2px;padding:5px 10px;font-size:12px;font-weight:700;display:none}.view-profile-quick-btn{white-space:nowrap}.chat-messages-stream{background:#fdfdfd;flex:1;min-height:0;padding:18px 20px;overflow-y:auto}.chat-bubbles-flow{flex-direction:column;gap:14px;display:flex}.chat-date-separator{text-align:center;margin:8px 0 16px;position:relative}.chat-date-separator:before{content:"";z-index:1;background:#e1e7f0;height:1px;position:absolute;top:50%;left:0;right:0}.chat-date-separator span{z-index:2;color:#888;background:#fdfdfd;padding:0 14px;font-size:11px;font-weight:700;position:relative}.chat-bubble-row{align-items:flex-end;gap:10px;width:100%;display:flex}.chat-bubble-avatar{object-fit:cover;border:1px solid #c4d1e6;border-radius:3px;flex-shrink:0;width:32px;height:32px;margin-bottom:2px}.chat-bubble-row.row-received{justify-content:flex-start}.bubble-received{border:1px solid #c4d1e6;border-left:3px solid var(--fb-navy);background:#fff;border-radius:4px;max-width:72%;padding:9px 13px;box-shadow:0 1px 3px #0000000d}.bubble-received .bubble-sender-name{color:var(--fb-navy);font-size:12px;font-weight:700}.bubble-received .bubble-id-tag{color:#777;margin-left:5px;font-family:monospace;font-size:10.5px}.bubble-received .bubble-text-content{color:#222;word-break:break-word;margin-top:4px;font-size:13px;line-height:1.45}.bubble-received .bubble-timestamp{color:#888;text-align:left;margin-top:5px;font-size:10px}.chat-bubble-row.row-myself-send{justify-content:flex-end}.bubble-myself{background:var(--fb-navy);color:#fff;border:1px solid #2b4374;border-right:3px solid #1d2d50;border-radius:4px;max-width:72%;padding:9px 13px;box-shadow:0 1px 4px #3b599840}.bubble-myself .bubble-sender-name{color:#fff;font-size:12px;font-weight:700}.bubble-myself .bubble-id-tag{color:#d6e2f8;margin-left:5px;font-family:monospace;font-size:10.5px}.bubble-myself .bubble-text-content{color:#fff;word-break:break-word;margin-top:4px;font-size:13px;line-height:1.45}.bubble-myself .bubble-timestamp{color:#d6e2f8;text-align:right;margin-top:5px;font-size:10px}.bubble-header{border-bottom:1px dashed #00000014;justify-content:space-between;align-items:center;gap:8px;padding-bottom:3px;display:flex}.bubble-myself .bubble-header{border-bottom:1px dashed #fff3}.chat-empty-state{text-align:center;color:#555;padding:30px 16px}.empty-chat-icon{color:var(--fb-navy);margin-bottom:10px;font-size:32px}.chat-empty-state h4{color:var(--fb-navy);margin:0 0 6px;font-size:15px}.chat-empty-state p{margin-bottom:16px;font-size:12.5px}.quick-icebreakers{flex-direction:column;gap:8px;max-width:450px;margin:0 auto;display:flex}.icebreaker-chip{color:var(--fb-navy);cursor:pointer;text-align:left;background:#f2f5fa;border:1px solid #c4d1e6;border-radius:3px;padding:7px 12px;font-size:12px;transition:all .15s}.icebreaker-chip:hover{background:var(--fb-navy);color:#fff;border-color:var(--fb-navy)}.chat-input-composer{background:#f2f5fa;border-top:1px solid #c4d1e6;padding:12px 16px}.chat-input-wrapper{gap:8px;display:flex}.chat-text-field{background:#fff;border:1px solid #8b9dc3;flex:1;padding:8px 12px;font-size:13px}.chat-text-field:focus{border-color:var(--fb-navy);box-shadow:0 0 4px #3b59984d}.chat-send-btn{white-space:nowrap;padding:8px 18px;font-size:13px;font-weight:700}.chat-input-hints{color:#666;justify-content:space-between;align-items:center;margin-top:6px;padding:0 2px;font-size:11px;display:flex}.no-active-contact-selected{color:#777;justify-content:center;align-items:center;height:100%;padding:60px 20px;font-size:14px;display:flex}@media screen and (width<=768px){.messages-view.modern-chat-layout{flex-direction:column;height:calc(100vh - 70px);min-height:0;display:flex}.chat-main-box{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.chat-layout-grid{flex-direction:column;flex:1;grid-template-columns:1fr;min-height:0;display:flex}.chat-contacts-panel{flex-direction:column;flex:1;min-height:0;display:flex}.chat-contacts-panel.mobile-hidden{display:none!important}.contacts-scroll-list{flex:1;max-height:none;overflow-y:auto}.chat-conversation-panel{flex-direction:column;flex:1;min-height:0;display:flex}.chat-conversation-panel.mobile-hidden{display:none!important}.mobile-back-to-contacts-btn{display:inline-block}.chat-messages-stream{flex:1;min-height:0;max-height:none;padding:12px 10px;overflow-y:auto}.chat-input-composer{flex-shrink:0}.bubble-received,.bubble-myself{max-width:92%}.chat-header-bar{gap:4px;padding:6px 10px!important}.chat-header-title-group h2{margin:0;font-size:13px!important}.retro-badge-sub{padding:1px 5px;font-size:10px}.chat-active-indicator{display:none}.active-chat-header{flex-wrap:nowrap;gap:6px;padding:6px 10px}.active-chat-avatar{width:32px;height:32px}.active-user-name-line h3{font-size:13px}.active-user-subtitle{display:none}.retro-id-pill{padding:1px 5px;font-size:10px}.chat-input-composer{flex-shrink:0;padding:8px 10px}.chat-input-hints{display:none}}.registered-accounts-sidebar-box{border:1px solid var(--fb-navy)}.registered-accounts-content{padding:8px 10px}.registered-accounts-list{flex-direction:column;gap:5px;margin-top:6px;display:flex}.registered-account-item{cursor:pointer;text-align:left;background:#f7f9fc;border:1px solid #d4deee;border-radius:2px;align-items:center;gap:8px;width:100%;padding:5px 6px;transition:all .15s;display:flex}.registered-account-item:hover{background:#ebf2fc;border-color:#3b5998}.registered-account-avatar{object-fit:cover;border:1px solid #b0c0db;border-radius:2px;flex-shrink:0;width:28px;height:28px;display:block}.registered-account-meta{flex-direction:column;flex:1;min-width:0;display:flex}.registered-account-name-line{justify-content:space-between;align-items:baseline;gap:4px;display:flex}.registered-account-name{color:var(--fb-navy);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.registered-account-id{color:var(--fb-navy);background:#e4ebf5;border:1px solid #c4d1e6;border-radius:2px;padding:0 4px;font-family:monospace;font-size:10px;font-weight:700}.registered-account-role{color:#666;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.settings-view{width:100%}.settings-section{border-bottom:1px dashed #c0d0e6;margin-bottom:22px;padding-bottom:16px}.settings-section:last-of-type{border-bottom:none;margin-bottom:12px;padding-bottom:4px}.settings-section-title{color:var(--fb-navy);border-bottom:1px solid #d0dbe9;align-items:center;gap:6px;margin:0 0 8px;padding-bottom:4px;font-size:13.5px;font-weight:700;display:flex}.settings-desc{color:#444;margin:0 0 12px;font-size:11.5px;line-height:1.45}.settings-table{width:100%}.settings-table td{vertical-align:middle;padding:8px 6px}.settings-sound-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.sound-status-tag{border-radius:3px;align-items:center;padding:3px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.sound-status-tag.enabled{color:#137333;background:#e6f4ea;border:1px solid #ceead6}.sound-status-tag.disabled{color:#c5221f;background:#fce8e6;border:1px solid #fad2cf}.settings-audio-tests{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.settings-test-notice{color:var(--fb-navy);background:#eef3fa;border:1px solid #c9d7ec;border-radius:2px;margin-top:8px;padding:5px 10px;font-size:11.5px;animation:.2s ease-in fadeInNotice}@keyframes fadeInNotice{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.security-tag-active{color:#137333;background:#eafaf1;border:1px solid #b7ebd1;border-radius:2px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-block}.settings-guest-box{color:#444;background:#f7f9fd;border:1px solid #d4dfef;padding:12px 16px;font-size:12px}.settings-actions{border-top:1px solid #d0dbe9;align-items:center;margin-top:18px;padding-top:14px;display:flex}.credentials-section-title{color:#2c3e6b;border-bottom:2px solid #bfcde6;margin-top:4px;margin-bottom:10px;padding-bottom:4px;font-size:13.5px;font-weight:700}.credentials-form{margin-bottom:4px}.cred-alert{margin-bottom:10px;padding:7px 12px;font-size:12px}.credentials-current-value{color:#3b5998;background:#edf2fb;border:1px solid #c9d8f0;border-radius:2px;padding:2px 8px;font-family:monospace;font-size:12.5px;font-weight:700;display:inline-block}.cred-help-text{color:#888;margin-top:3px;font-size:10.5px}.cred-mismatch-text{color:#c0392b;margin-top:3px;font-size:10.5px;font-weight:700}.input-error{background:#fff5f5!important;border-color:#c0392b!important;outline-color:#c0392b!important}.cred-form-actions{border-top:1px dashed #d0dde9;flex-wrap:wrap;align-items:center;gap:14px;margin-top:12px;padding-top:10px;display:flex}.cred-security-note{color:#666;font-size:10.5px;font-style:italic}.section-divider{border:none;border-top:2px solid #d8e3f0;margin:18px 0 16px}.retro-alert.error-alert{color:#7b2a2a;background:#fdf0f0;border:1px solid #e8b4b8}.feed-action-btn-active,.feed-action-btn.feed-action-btn-active{color:#fff!important;background:#3b5998!important;border-color:#243a63!important;font-weight:700!important}.feed-comments-section{background:#f4f6fa;border:1px solid #d8dfea;border-radius:2px;margin-top:10px;padding:10px 12px}.feed-no-comments{color:#888;margin:4px 0 8px;font-size:11.5px;font-style:italic}.feed-comments-list{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.feed-comment-item{background:#fff;border:1px solid #e2e8f0;border-radius:2px;align-items:flex-start;gap:8px;padding:6px 8px;display:flex}.feed-comment-avatar{object-fit:cover;cursor:pointer;border:1px solid #999;flex-shrink:0;width:28px;height:28px}.feed-comment-body{flex:1;min-width:0}.feed-comment-header{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:3px;line-height:1.2;display:flex}.feed-comment-author{color:#3b5998;cursor:pointer;font-size:12px;text-decoration:none}.feed-comment-author:hover{text-decoration:underline}.feed-comment-time{color:#888;font-size:10.5px}.feed-comment-delete-btn{color:#c0392b;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 4px;font-size:11px;line-height:1}.feed-comment-delete-btn:hover{background:#ffebee;border-radius:2px}.feed-comment-text{color:#222;word-break:break-word;margin:0;font-size:12px;line-height:1.4}.feed-add-comment-form{border-top:1px dashed #d8dfea;align-items:center;gap:8px;padding-top:6px;display:flex}.feed-comment-input{flex:1;padding:5px 8px;font-size:12px}.feed-login-to-comment{color:#666;margin:4px 0 0;font-size:11.5px}.guest-composer-notice{text-align:center;background:#f7f9fc;border:1px dashed #c0d0e6;border-radius:3px;flex-direction:column;align-items:center;gap:10px;padding:16px 20px;display:flex}.guest-composer-notice p{color:#556b8d;margin:0;font-size:13px;font-weight:500}.guest-wall-notice{color:#555;background:#f7f9fc;border:1px dashed #d8dfea;border-radius:2px;margin-bottom:12px;padding:10px 14px;font-size:12.5px}.login-view-page{max-width:540px;margin:10px auto 20px}.login-main-box{border-color:#3b5998}.login-page-intro{color:#333;margin:0 0 16px;font-size:13px;line-height:1.5}.login-error-box{margin-bottom:16px;font-size:12px}.login-form-table{width:100%;margin-bottom:18px}.login-form-table td.field-label{color:#333;vertical-align:middle;width:90px;padding:8px 10px 8px 0;font-size:12.5px;font-weight:700}.login-form-table td.field-input{padding:8px 0}.login-input-full{width:100%;max-width:320px;padding:6px 8px;font-size:13px}.login-form-submit-row{flex-wrap:wrap;align-items:center;gap:10px;padding-top:10px;display:flex}.login-or-text{color:#888;font-size:12px}.login-footer-help{color:#666;border-top:1px solid #e2e8f0;margin-top:14px;padding-top:14px;font-size:12px;line-height:1.6}.login-footer-help p{margin:4px 0}.typing-indicator-row{margin-top:4px;animation:.25s ease-in-out fadeInTyping}@keyframes fadeInTyping{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.typing-bubble{align-items:center;gap:8px;background:#f0f2f5!important;border:1px solid #d8dfea!important;border-radius:14px 14px 14px 2px!important;padding:6px 12px!important;display:inline-flex!important}.typing-text{color:#65676b;font-size:11.5px;font-style:italic}.typing-dots{align-items:center;gap:3px;display:inline-flex}.typing-dots .dot{background-color:#3b5998;border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite both typingBounce;display:inline-block}.typing-dots .dot-1{animation-delay:-.32s}.typing-dots .dot-2{animation-delay:-.16s}.typing-dots .dot-3{animation-delay:0s}@keyframes typingBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1.1)}}.bubble-footer-row{justify-content:flex-end;align-items:center;gap:6px;margin-top:3px;display:flex}.msg-read-receipt{font-size:10px;font-weight:700}.receipt-seen{color:#1877f2}.receipt-sent{color:#8899a6}.preview-receipt-prefix{color:#1877f2;font-weight:700}.unread-bold-preview{color:#111;font-weight:700}.contact-has-unread{background-color:#edf2fc!important;border-left:3px solid #3b5998!important}.chat-connection-gate-banner{background:#fdfaf2;border-bottom:2px solid #ecd9b5;align-items:flex-start;gap:12px;padding:12px 16px;animation:.3s ease-out fadeInTyping;display:flex}.gate-icon-badge{background:#fff;border:1px solid #e0d0b0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;line-height:1;display:flex}.gate-content h4{color:#634a10;margin:0 0 4px;font-size:13px}.gate-content p{color:#745f2e;margin:0 0 8px;font-size:11.5px;line-height:1.4}.gate-action-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gate-btn{padding:4px 12px!important;font-size:11.5px!important}.gate-pending-tag{color:#b7791f;background:#fff8e7;border:1px solid #edd59b;border-radius:3px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.composer-disabled{opacity:.65;background:#f5f6f8!important}.composer-disabled input{cursor:not-allowed;background:#eaecef!important}.contact-conn-pill{border-radius:3px;padding:1px 4px;font-size:9px;font-weight:700}.pill-friend{color:#27ae60;background:#eafaf1;border:1px solid #a9dfbf}.pill-req{color:#d4ac0d;background:#fef9e7;border:1px solid #f9e79f}.pill-locked{color:#7f8c8d;background:#f4f6f7;border:1px solid #d5dbdb}.pip-connected{background-color:#2ecc71!important}.pip-locked{background-color:#bdc3c7!important}.dot-connected{color:#2ecc71!important}.dot-locked{color:#95a5a6!important}.retro-badge-connected{color:#27ae60;background:#eafaf1;border:1px solid #a9dfbf;border-radius:3px;margin-left:6px;padding:1px 5px;font-size:10px}.pending-requests-box{box-shadow:0 1px 4px #b4282814;border:1px solid #d99b9b!important}.requests-cards-grid,.friends-cards-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;width:100%;display:grid}.friend-detailed-card{box-sizing:border-box;background:#fff;border:1px solid #d4dce8;border-radius:4px;align-items:flex-start;gap:12px;min-width:0;padding:12px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;box-shadow:0 1px 3px #0000000a}.friend-detailed-card:hover{border-color:#9cb4d8;box-shadow:0 2px 6px #3b59981f}.incoming-request-card{background:#fffdfd;border:1px solid #eccaca;border-left:4px solid #c9302c;box-shadow:0 1px 4px #c9302c14}.incoming-request-card:hover{border-color:#d99a9a #d99a9a #d99a9a #a01814;box-shadow:0 2px 8px #c9302c24}.sent-request-card{background:#fffefb;border:1px solid #eadcb3;border-left:4px solid #f0ad4e}.friend-card-avatar-wrapper{flex-shrink:0}.friend-card-avatar{object-fit:cover;cursor:pointer;background:#f0f2f5;border:1px solid #bdc9db;border-radius:3px;width:60px;height:60px;transition:opacity .15s,transform .15s;box-shadow:0 1px 2px #00000014}.friend-card-avatar:hover{opacity:.9;transform:scale(1.03)}.friend-card-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.friend-card-name{font-family:var(--fb-font);color:#3b5998;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;line-height:1.25;overflow:hidden}.friend-card-name:hover{color:#2b4270;text-decoration:underline}.friend-card-role{color:#4b4f56;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;line-height:1.3;overflow:hidden}.friend-card-date{color:#8a8d91;font-size:10.5px;line-height:1.3}.friend-card-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;padding-top:4px;display:flex}.request-btn-accept{font-family:var(--fb-font);cursor:pointer;text-shadow:0 1px 1px #00000059;white-space:nowrap;background:linear-gradient(#4a7729,#355e1a);border:1px solid #284713;border-radius:2px;justify-content:center;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .12s;display:inline-flex;box-shadow:0 1px 2px #00000026;color:#fff!important}.request-btn-accept:hover{background:linear-gradient(#598e32,#3e6e1f);border-color:#1f370f;transform:translateY(-1px);box-shadow:0 1px 4px #355e1a4d}.request-btn-accept:active{background:#284713;transform:translateY(0);box-shadow:inset 0 1px 2px #00000040}.request-btn-decline{font-family:var(--fb-font);cursor:pointer;white-space:nowrap;background:linear-gradient(#fff,#eceeef);border:1px solid #ccd0d5;border-radius:2px;justify-content:center;align-items:center;gap:3px;padding:4px 9px;font-size:11px;font-weight:600;transition:all .12s;display:inline-flex;box-shadow:0 1px 1px #0000000d;color:#4b4f56!important}.request-btn-decline:hover{background:linear-gradient(#fdf2f2,#f8dede);border-color:#e0a3a3;transform:translateY(-1px);color:#c0392b!important}.request-btn-decline:active{background:#f0c8c8;transform:translateY(0)}.request-btn-profile,.action-btn-link{font-family:var(--fb-font);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:4px 6px;font-size:11px;font-weight:600;text-decoration:none;transition:color .12s;color:#3b5998!important}.request-btn-profile:hover,.action-btn-link:hover{text-decoration:underline;color:#1d3c78!important}.action-btn-link.danger{color:#a00!important}.action-btn-link.danger:hover{text-decoration:underline;color:#d00!important}.connected-friend-card{background:#fff;border:1px solid #d4dce8;border-left:4px solid #3b5998}.connected-friend-card:hover{border-color:#9cb4d8 #9cb4d8 #9cb4d8 #2b4270;box-shadow:0 2px 8px #3b59981f}.connected-status-pill{color:#1e7e34;background:#eafaf1;border:1px solid #c3e6cb;border-radius:3px;align-items:center;gap:4px;width:fit-content;margin-top:2px;padding:1px 6px;font-size:10.5px;font-weight:600;display:inline-flex}.connected-status-pill .live-dot{color:#28a745;font-size:8px}.sent-pending-tag{color:#856404;background:#fff3cd;border:1px solid #ffeeba;border-radius:3px;align-items:center;gap:3px;width:fit-content;margin-top:2px;padding:1px 6px;font-size:10.5px;font-weight:600;display:inline-flex}.suggestion-pill{color:#4b4f56;background:#f0f2f5;border:1px solid #e4e6eb;border-radius:3px;align-items:center;width:fit-content;margin-top:2px;padding:1px 6px;font-size:10.5px;display:inline-flex}.conn-btn-chat{font-family:var(--fb-font);cursor:pointer;text-shadow:0 1px 1px #0000004d;white-space:nowrap;background:linear-gradient(#4267b2,#365899);border:1px solid #29487d;border-radius:2px;justify-content:center;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .12s;display:inline-flex;box-shadow:0 1px 2px #00000026;color:#fff!important}.conn-btn-chat:hover{background:linear-gradient(#4b73c4,#3b5f9e);border-color:#1d3663;transform:translateY(-1px);box-shadow:0 1px 4px #29487d4d}.conn-btn-connect{font-family:var(--fb-font);cursor:pointer;white-space:nowrap;background:linear-gradient(#4267b2,#365899);border:1px solid #29487d;border-radius:2px;justify-content:center;align-items:center;gap:3px;padding:3px 9px;font-size:11px;font-weight:700;transition:all .12s;display:inline-flex;box-shadow:0 1px 2px #0000001f;color:#fff!important}.conn-btn-connect:hover{background:#2b4984;transform:translateY(-1px)}.conn-btn-profile{font-family:var(--fb-font);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:3px 6px;font-size:11px;font-weight:600;text-decoration:none;transition:color .12s;color:#3b5998!important}.conn-btn-profile:hover{text-decoration:underline;color:#1d3c78!important}.conn-btn-disconnect{font-family:var(--fb-font);cursor:pointer;white-space:nowrap;background:linear-gradient(#fff5f5,#ffe8e8);border:1px solid #f5c2c7;border-radius:2px;justify-content:center;align-items:center;gap:3px;padding:3px 9px;font-size:11px;font-weight:600;transition:all .12s;display:inline-flex;box-shadow:0 1px 2px #c92a2a14;color:#c92a2a!important}.conn-btn-disconnect:hover{background:linear-gradient(#ffe3e3,#fcc2c3);border-color:#e03131;transform:translateY(-1px);box-shadow:0 1px 3px #c92a2a38;color:#a61e1e!important}.conn-btn-disconnect:active{background:#ffa8a8;transform:translateY(0)}.conn-btn-cancel{font-family:var(--fb-font);cursor:pointer;white-space:nowrap;background:linear-gradient(#fffbf0,#fff3cd);border:1px solid #ffeeba;border-radius:2px;justify-content:center;align-items:center;gap:3px;padding:3px 9px;font-size:11px;font-weight:600;transition:all .12s;display:inline-flex;box-shadow:0 1px 2px #85640414;color:#856404!important}.conn-btn-cancel:hover{background:linear-gradient(#fff3cd,#ffe8a1);border-color:#d39e00;transform:translateY(-1px);box-shadow:0 1px 3px #85640433;color:#533f03!important}.conn-btn-cancel:active{background:#ffe8a1;transform:translateY(0)}@media (width<=600px){.requests-cards-grid,.friends-cards-grid{grid-template-columns:1fr}}