.friends-shell{min-height:calc(100vh - var(--topbar-height))}.friends-layout{display:grid;grid-template-columns:minmax(290px,340px) minmax(0,1fr);gap:28px;min-height:calc(100vh - var(--topbar-height) - 72px)}.friends-panel,.chat-panel{border:1px solid #9eb0c8;background:var(--bg);--cut: 20px}.friends-panel{display:flex;flex-direction:column;min-height:680px;padding:18px}.friend-add{display:grid;grid-template-columns:minmax(0,1fr) 92px;min-height:48px}.friend-add input,.message-composer input{width:100%;min-width:0;border:1px solid #9eb0c8;background:#dedede;color:var(--ink);padding:0 16px;font-size:13px;font-weight:950}.friend-add button,.message-composer button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-dark);background:#e8e8e8;color:var(--ink);font-size:12px;font-weight:950;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.friend-add button .ui-icon{width:18px;height:18px}.friend-tabs{display:flex;justify-content:space-between;gap:22px;margin:26px 0 18px}.friend-tabs button{border:0;background:transparent;color:var(--ink);padding:0;font-size:12px;font-weight:950;text-transform:uppercase}.friend-tabs span{color:#747c87}.friend-tabs .active{text-decoration:underline;text-underline-offset:9px;text-decoration-thickness:2px}.friend-row{position:relative;display:grid;grid-template-columns:5px 46px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:68px}.friend-selected{width:5px;height:50px;background:var(--ink)}.friend-avatar{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#d3a526;color:var(--ink);font-size:16px;font-weight:950}.friend-avatar>span{position:absolute;right:1px;bottom:4px;width:10px;height:10px;border:2px solid var(--bg);border-radius:50%;background:#20242b}.friend-summary{min-width:0}.friend-summary h2,.chat-header h1{margin:0;font-size:14px;line-height:1.1;font-weight:950;text-transform:uppercase}.friend-summary p{margin:5px 0 0;color:#4a515c;font-size:11px;font-weight:900;text-transform:uppercase}.friend-row time{align-self:start;margin-top:10px;color:#5d6672;font-size:11px;font-weight:950;text-transform:uppercase}.chat-panel{display:grid;grid-template-rows:74px minmax(430px,1fr) 78px;min-height:680px;overflow:hidden}.chat-header{display:flex;align-items:center;gap:14px;background:#10131a;color:#fff;padding:0 24px}.chat-header p{display:flex;align-items:center;gap:8px;margin:5px 0 0;color:#a8b2c2;font-size:11px;font-weight:900;text-transform:uppercase}.chat-header p span{width:9px;height:9px;border-radius:50%;background:#d3a526}.chat-messages{display:flex;align-items:flex-end;justify-content:flex-end;padding:28px}.sent-message{display:grid;justify-items:end;gap:6px}.sent-message p{margin:0;border:1px solid var(--line-dark);background:var(--blue);color:#fff;padding:14px 18px;font-size:13px;font-weight:950;text-transform:lowercase;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}.sent-message time{color:#4f5966;font-size:11px;font-weight:950;text-transform:uppercase}.message-composer{display:grid;grid-template-columns:minmax(0,1fr) 56px;gap:14px;align-items:center;border-top:1px solid #9eb0c8;padding:12px 16px}.message-composer input{height:48px}.message-composer button{height:48px}@media (max-width: 1120px){.friends-layout{grid-template-columns:1fr}.friends-panel,.chat-panel{min-height:auto}}@media (max-width: 560px){.friends-layout{gap:18px}.friends-panel{padding:14px}.friend-add{grid-template-columns:minmax(0,1fr) 84px}.friend-tabs{gap:16px}.chat-panel{grid-template-rows:68px minmax(360px,1fr) auto}.chat-messages{padding:20px}.message-composer{grid-template-columns:1fr 48px;gap:10px;padding:10px}}.friend-add input::placeholder,.message-composer input::placeholder{color:#6f7886}.chat-header{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}body.site-dark-mode .friends-panel,body.site-dark-mode .chat-panel{border-color:var(--line-soft);background:#111315;color:var(--ink)}body.site-dark-mode .friend-add input,body.site-dark-mode .message-composer input{border-color:var(--line-soft)!important;background:#171a1e!important;color:var(--ink)!important}body.site-dark-mode .friend-add input::placeholder,body.site-dark-mode .message-composer input::placeholder{color:#8a94a3}body.site-dark-mode .friend-add button,body.site-dark-mode .message-composer button{border-color:rgba(255,49,88,0.5);background:var(--red);color:#fff}body.site-dark-mode .friend-add button:hover,body.site-dark-mode .message-composer button:hover{filter:brightness(1.08)}body.site-dark-mode .friend-tabs button{color:var(--muted)}body.site-dark-mode .friend-tabs .active{color:var(--ink);text-decoration-color:var(--red)}body.site-dark-mode .friend-tabs span{color:var(--red)}body.site-dark-mode .friend-row{color:var(--ink);border-radius:8px}body.site-dark-mode .friend-row:hover,body.site-dark-mode .friend-row.active{background:rgba(255,255,255,0.045)}body.site-dark-mode .friend-selected{background:var(--red)!important}body.site-dark-mode .friend-summary p,body.site-dark-mode .friend-row time,body.site-dark-mode .sent-message time{color:var(--muted)}body.site-dark-mode .friend-avatar{background:#252a31;color:#fff}body.site-dark-mode .friend-avatar>span{border-color:#111315;background:#ffd100}body.site-dark-mode .chat-header{background:#0f0f0f;border-bottom:1px solid var(--line-soft)}body.site-dark-mode .chat-messages{background:#090909}body.site-dark-mode .message-composer{border-top-color:var(--line-soft);background:#111315}@media (max-width: 760px){.friends-shell{width:100%;padding-inline:10px}.friends-layout{gap:12px;min-height:auto}.friends-panel{gap:12px;min-height:auto;padding:12px}.friend-add{grid-template-columns:minmax(0,1fr) 46px;gap:8px}.friend-add input{min-height:44px;border-radius:0}.friend-add button{width:46px;min-width:46px;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.friend-add button span{display:none}.friend-tabs{margin:4px 0 2px;gap:8px;overflow-x:auto;scrollbar-width:none}.friend-tabs::-webkit-scrollbar{display:none}.friend-tabs button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 12px;border:1px solid var(--line-soft);background:rgba(255,255,255,0.45);white-space:nowrap;text-decoration:none!important}.friend-tabs .active{background:var(--red);color:#fff;border-color:var(--red)}.friend-tabs .active span{color:#fff}.friends-panel .friend-row{grid-template-columns:4px 42px minmax(0,1fr);gap:10px;min-height:62px;padding-right:8px}.friends-panel .friend-row time{display:none}.friend-selected{height:38px}.friend-avatar{width:42px;height:42px}.friend-summary h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-summary p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none}.chat-panel{grid-template-rows:64px minmax(300px,48vh) auto;min-height:auto}.chat-header{padding:0 14px}.chat-header h1{font-size:13px}.chat-messages{padding:14px}.sent-message p{max-width:min(280px,82vw);padding:12px 14px;font-size:12px}.message-composer{position:sticky;bottom:0;grid-template-columns:minmax(0,1fr) 44px;gap:8px;padding:10px}.message-composer input,.message-composer button{height:44px}}@media (max-width: 420px){.friends-shell{padding-inline:6px}.friends-panel,.chat-panel{--cut: 14px}.friend-tabs button{min-width:max-content;font-size:11px}}body.site-dark-mode .friend-tabs button{background:rgba(255,255,255,0.035);border-color:var(--line-soft)}body.site-dark-mode .friend-tabs .active{background:var(--red);border-color:var(--red);color:#fff}.friend-contact-attempts{display:grid;gap:8px;margin:0 0 12px;border:1px solid var(--line-soft);background:rgba(255,255,255,0.55);padding:12px}.friend-contact-attempts strong{color:var(--red);font-size:11px;font-weight:950;text-transform:uppercase}.friend-contact-attempts article,.chat-header-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.friend-contact-attempts span,.friend-contact-attempts small,.chat-header-actions a,.chat-header-actions button{font-size:11px;font-weight:950;text-transform:uppercase}.friend-contact-attempts small{color:var(--muted)}.chat-header-actions{margin-left:auto}.chat-header-actions a,.chat-header-actions button{border:1px solid rgba(255,255,255,0.22);background:rgba(255,255,255,0.08);color:#fff;padding:9px 10px;text-decoration:none;cursor:pointer}.chat-header-actions button{border-color:var(--red);background:var(--red)}.chat-messages{align-items:stretch;justify-content:flex-start;flex-direction:column;gap:10px;overflow-y:auto}.chat-message,.chat-empty{display:grid;gap:6px;max-width:min(78%,560px)}.chat-message.is-mine{align-self:flex-end;justify-items:end}.chat-message.is-theirs,.chat-empty{align-self:flex-start}.chat-message p,.chat-empty p{margin:0;border:1px solid var(--line-soft);background:#fff;color:var(--ink);padding:12px 14px;font-size:13px;font-weight:850;line-height:1.45;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.chat-message.is-mine p{border-color:var(--blue);background:var(--blue);color:#fff;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}.chat-message time{color:var(--muted);font-size:10px;font-weight:950;text-transform:uppercase}body.site-dark-mode .friend-contact-attempts{border-color:var(--line-soft);background:rgba(255,255,255,0.04)}body.site-dark-mode .chat-message p,body.site-dark-mode .chat-empty p{border-color:var(--line-soft);background:#171a1e;color:#fff}body.site-dark-mode .chat-message.is-mine p{border-color:var(--blue);background:var(--blue);color:#fff}@media (max-width: 560px){.chat-header-actions{width:100%}.chat-header-actions a,.chat-header-actions button{flex:1;text-align:center}.chat-message,.chat-empty{max-width:100%}}.friend-avatar.has-image,body.site-dark-mode .friend-avatar.has-image{background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;color:transparent!important}.friends-panel-toggle,.friends-panel-backdrop{display:none}@media (max-width: 760px){body.friends-panel-open{overflow:hidden}.friends-layout{position:relative;display:block!important}.friends-panel{position:fixed;z-index:220;top:calc(var(--topbar-height, 64px) + 8px);right:10px;bottom:10px;width:min(340px,calc(100vw - 42px));max-width:calc(100vw - 42px);min-height:0!important;overflow-y:auto;box-shadow:-18px 0 36px rgba(3,7,18,0.32);transform:translateX(calc(100% + 24px));transition:transform 180ms ease,box-shadow 180ms ease;will-change:transform}body.friends-panel-open .friends-panel{transform:translateX(0)}.friends-panel::before{content:"Friends";display:block;margin:0 0 10px;color:var(--muted);font-size:10px;font-weight:950;text-transform:uppercase}.friends-panel-backdrop{position:fixed;z-index:210;inset:0;border:0;background:rgba(4,7,12,0.46);opacity:0;pointer-events:none;transition:opacity 180ms ease}body.friends-panel-open .friends-panel-backdrop{display:block;opacity:1;pointer-events:auto}.friends-panel-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:42px;min-height:42px;border:1px solid rgba(255,255,255,0.38);background:var(--red);color:#fff;padding:0 10px;font-size:10px;font-weight:950;text-transform:uppercase;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}.friends-panel-toggle .ui-icon{width:18px;height:18px}.friends-panel-toggle[aria-expanded=true]{background:#fff;color:var(--ink)}.chat-panel{width:100%}.chat-header{grid-template-columns:auto auto minmax(0,1fr);display:grid;align-items:center;gap:10px}.chat-header>div{min-width:0}.chat-header-actions{grid-column:1 / -1;justify-self:start}}@media (max-width: 420px){.friends-panel{right:8px;bottom:8px;width:min(318px,calc(100vw - 28px));max-width:calc(100vw - 28px)}.friends-panel-toggle span{display:none}}body.site-dark-mode .friends-panel-toggle{border-color:rgba(255,49,88,0.58);background:var(--red);color:#fff}body.site-dark-mode .friends-panel-toggle[aria-expanded=true]{background:#fff;color:#111315}@media (max-width: 760px){.chat-panel{grid-template-rows:auto minmax(300px,48vh) auto!important}.chat-header{min-height:64px;padding-block:10px}}@media (max-width: 420px){.friends-panel-toggle{padding-inline:9px}.friends-panel-toggle span{display:inline}.chat-header h1,.chat-header p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (min-width: 761px){.friends-layout{grid-template-columns:minmax(0,1fr) minmax(290px,340px)!important;align-items:stretch!important}.chat-panel{order:1!important}.friends-panel{order:2!important}.friends-panel-toggle,.friends-panel-backdrop{display:none!important}}@media (max-width: 760px){.friends-panel-toggle{position:fixed;z-index:205;top:calc(var(--topbar-height, 64px) + 76px);right:8px;box-shadow:-8px 8px 22px rgba(3,7,18,0.28)}body.friends-panel-open .friends-panel-toggle{pointer-events:none}.chat-header{grid-template-columns:auto minmax(0,1fr)!important}}.friends-shell{min-height:calc(100dvh - var(--topbar-height, 64px));display:flex;flex-direction:column}.friends-layout{width:100%;flex:1 1 auto;min-height:calc(100dvh - var(--topbar-height, 64px) - 44px)!important}@media (min-width: 761px){.friends-panel,.chat-panel{min-height:100%!important;height:100%}}@media (max-width: 760px){.friends-layout{min-height:calc(100dvh - var(--topbar-height, 64px) - 24px)!important}.chat-panel{min-height:calc(100dvh - var(--topbar-height, 64px) - 24px)!important}.chat-header{grid-template-columns:auto minmax(0,1fr) auto!important}.chat-header-actions{grid-column:auto!important;grid-row:auto!important;align-self:center!important;justify-self:end!important;width:auto!important;margin-left:0!important;flex-wrap:nowrap!important}.chat-header-actions a,.chat-header-actions button{flex:0 0 auto!important;white-space:nowrap!important}}@media (max-width: 430px){.chat-header-actions{gap:6px!important}.chat-header-actions a,.chat-header-actions button{padding-inline:8px!important;font-size:10px!important}}.friend-avatar.is-online>span,.chat-header p span.is-online{background:#ffd100!important}.friend-avatar.is-offline>span,.chat-header p span.is-offline{background:#20242b!important}.friend-avatar.is-away>span,.chat-header p span.is-away{background:#d3a526!important}.friends-chat-back{display:none;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border:1px solid rgba(255,255,255,0.28);background:rgba(255,255,255,0.08);color:#fff;padding:0;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.friends-chat-back .ui-icon{width:18px;height:18px}.chat-panel{grid-template-rows:auto minmax(0,1fr) auto!important}.chat-header{min-height:0!important;height:auto!important;padding-block:12px!important}.message-composer{min-height:0!important;height:auto!important;padding-block:10px!important}.message-composer input,.message-composer button{height:auto!important;min-height:44px}@media (max-width: 760px){body:not(.friends-chat-active) .chat-panel{display:none!important}body.friends-chat-active .friends-panel{display:none!important}body.friends-chat-active .chat-panel{display:grid!important}body:not(.friends-chat-active) .friends-panel{position:relative!important;inset:auto!important;display:flex!important;width:100%!important;max-width:none!important;min-height:calc(100dvh - var(--topbar-height, 64px) - 24px)!important;box-shadow:none!important;transform:none!important;overflow-y:auto}.friends-panel-toggle,.friends-panel-backdrop{display:none!important}.friends-chat-back{display:inline-flex}.chat-header{grid-template-columns:36px 42px minmax(0,1fr) auto!important;padding:10px 12px!important;gap:8px!important}.chat-header .friend-avatar{width:42px;height:42px}.chat-header-actions{align-self:center!important}.message-composer{grid-template-columns:minmax(0,1fr) 46px!important;gap:8px!important;padding:8px!important}}@media (min-width: 761px){body:not(.friends-chat-active) .chat-panel{display:grid!important}}.confirm-action-modal{position:fixed;inset:0;z-index:420;display:grid;place-items:center;padding:18px}.confirm-action-backdrop{position:absolute;inset:0;border:0;background:rgba(8,10,16,0.58);cursor:pointer}.confirm-action-panel{position:relative;z-index:1;width:min(430px,calc(100vw - 32px));border:1px solid var(--line-soft);background:var(--bg);color:var(--ink);padding:24px;--cut: 18px;box-shadow:0 24px 70px rgba(15,18,24,0.3)}.confirm-action-kicker{margin:0 0 8px;color:var(--red);font-size:11px;font-weight:950;text-transform:uppercase}.confirm-action-panel h2{margin:0;color:var(--ink);font-size:24px;line-height:1;font-weight:950;text-transform:uppercase}.confirm-action-panel p:not(.confirm-action-kicker){margin:14px 0 0;color:var(--muted);font-size:14px;font-weight:750}.confirm-action-row{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.confirm-action-row button{min-height:40px;border:1px solid var(--line-soft);padding:0 16px;font:inherit;font-size:12px;font-weight:950;text-transform:uppercase;cursor:pointer}.confirm-action-cancel{background:transparent;color:var(--ink)}.confirm-action-confirm{border-color:var(--blue)!important;background:var(--blue);color:#fff}.confirm-action-confirm.danger{border-color:var(--red)!important;background:var(--red)}body.site-dark-mode .confirm-action-backdrop{background:rgba(0,0,0,0.7)}body.site-dark-mode .confirm-action-panel{border-color:var(--line-soft);background:#111315;color:#fff;box-shadow:0 24px 70px rgba(0,0,0,0.54)}body.site-dark-mode .confirm-action-panel h2,body.site-dark-mode .confirm-action-cancel{color:#fff}body.site-dark-mode .confirm-action-panel p:not(.confirm-action-kicker){color:rgba(255,255,255,0.72)}body.site-dark-mode .confirm-action-cancel{border-color:var(--line-soft);background:#181a1f}@media (max-width: 520px){.confirm-action-panel{padding:20px}.confirm-action-panel h2{font-size:20px}.confirm-action-row{display:grid;grid-template-columns:1fr 1fr}}