.screen[data-screen="social"] .page-header{position:relative}.community-plus-root{display:grid;gap:12px;margin-bottom:12px}.community-plus-card{border:1px solid rgba(83,168,140,.18);background:linear-gradient(150deg,rgba(255,255,255,.94),rgba(240,250,246,.96));border-radius:22px;padding:15px;box-shadow:0 14px 34px rgba(47,98,80,.08)}.community-plus-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.community-plus-head small,.notification-head small{display:block;color:#5f947f;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.community-plus-head h3,.notification-head h2{margin:2px 0 0;color:#203b32}.country-board-toggle{border:1px solid rgba(59,151,119,.18);background:#fff;color:#4a7767;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:850;cursor:pointer}.country-board-toggle.active{background:#dff6ed;color:#21845f;border-color:rgba(33,132,95,.24)}.country-board-toggle:disabled{opacity:.4;cursor:default}.global-board-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:4px;background:#eaf6f1;border-radius:14px;margin-bottom:8px}.global-board-tabs button{border:0;background:transparent;color:#6b8c80;border-radius:10px;padding:7px 4px;font-size:9px;font-weight:800;cursor:pointer}.global-board-tabs button.active{background:#fff;color:#24845f;box-shadow:0 3px 10px rgba(46,107,87,.08)}.global-leader-list{display:grid}.global-leader-row{display:grid;grid-template-columns:34px 34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 3px;border-bottom:1px solid rgba(67,119,101,.08)}.global-leader-row:last-child{border-bottom:0}.global-leader-row.me{background:rgba(57,184,139,.07);margin:0 -6px;padding-left:9px;padding-right:9px;border-radius:14px}.global-rank{font-size:11px;font-weight:900;color:#6b867c;text-align:center}.global-person{min-width:0;display:flex;flex-direction:column}.global-person strong{font-size:11px;color:#263f36;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-person small{font-size:8px;color:#78978c;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-score{text-align:right;font-size:11px;color:#1f6f54}.global-score small{font-size:7px;color:#78978c}.community-plus-loading{padding:18px;text-align:center;font-size:10px;color:#7d9b90}.community-notification-btn{position:absolute;right:18px;bottom:18px;width:42px;height:42px;border-radius:15px;border:1px solid rgba(73,155,127,.18);background:rgba(255,255,255,.82);color:#2d745a;display:grid;place-items:center;font-size:20px;box-shadow:0 9px 24px rgba(48,104,85,.12);cursor:pointer;z-index:3}.community-notification-btn b{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#ed5e65;color:#fff;font-size:9px;line-height:18px;border:2px solid #f1faf6}.social-unread-badge{position:absolute;right:11px;top:6px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#ed5e65;color:#fff!important;font-size:8px!important;line-height:17px;font-weight:900;box-shadow:0 2px 7px rgba(189,61,69,.28)}.nav-item[data-target="social"]{position:relative}.notification-drawer-backdrop{position:absolute;z-index:120;inset:0;background:rgba(24,48,40,.28);opacity:0;pointer-events:none;transition:opacity .2s ease;backdrop-filter:blur(2px)}.notification-drawer-backdrop.open{opacity:1;pointer-events:auto}.notification-drawer{position:absolute;left:0;right:0;bottom:0;max-height:min(78vh,650px);background:#f8fcfa;border-radius:26px 26px 0 0;box-shadow:0 -24px 70px rgba(31,74,59,.2);transform:translateY(104%);transition:transform .25s ease;padding:16px 16px max(20px,env(safe-area-inset-bottom));overflow-y:auto}.notification-drawer-backdrop.open .notification-drawer{transform:translateY(0)}.notification-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 3px 13px}.notification-head>div:last-child{display:flex;align-items:center;gap:7px}.notification-head button{border:1px solid rgba(59,123,101,.14);background:#fff;color:#51776a;border-radius:11px;padding:7px 9px;font-size:9px;cursor:pointer}.notification-head button:last-child{width:32px;height:32px;padding:0;font-size:19px}.notification-head button:disabled{opacity:.4}.notification-list{display:grid;gap:7px}.notification-row{width:100%;border:1px solid rgba(54,118,96,.1);background:#fff;border-radius:17px;padding:11px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;text-align:left;color:#29443a;cursor:pointer}.notification-row.unread{background:#eaf8f2;border-color:rgba(49,159,121,.18);box-shadow:inset 3px 0 0 #43b98f}.notification-icon{width:38px;height:38px;border-radius:13px;background:#eff8f4;display:grid;place-items:center;font-size:17px}.notification-row.unread .notification-icon{background:#d7f2e8}.notification-row>span:last-child{display:flex;flex-direction:column;min-width:0}.notification-row strong{font-size:11px;line-height:1.35}.notification-row small{font-size:9px;color:#6f8b81;line-height:1.4;margin-top:2px}.notification-row em{font-style:normal;font-size:8px;color:#91a89f;margin-top:4px}@media(max-width:420px){.global-leader-row{grid-template-columns:30px 30px minmax(0,1fr) auto;gap:6px}.community-notification-btn{right:14px}.global-board-tabs button{font-size:8px}}