body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.MainProfile-photoPhoto{border-radius:5px 5px 0 0;display:block;height:auto;margin:0 auto;max-height:500px;object-fit:cover;width:100%}.MainProfile-wallUserName{font-size:30px;margin-right:auto;text-align:left}.MainProfile-wallUserText{color:#fff;font-family:Inter,Roboto,Segoe UI,system-ui,sans-serif;font-size:15px;font-weight:400;letter-spacing:.2px;line-height:1.2;margin-right:auto;text-align:left;white-space:pre-wrap}.MainProfile-form-control{border-radius:8px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;height:50px;margin-left:2%;margin-right:2%;padding:12px 15px;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;width:96%}.MainProfile-form-control:focus{border-color:#272727;outline:none}.MainProfile-form-control.textarea{background-color:#f1f1f1;min-height:20px;resize:none}.MainProfile-createPost{background-color:#161616;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin:2rem auto 0;padding:12px 24px;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out,transform .1s ease;width:96%}.MainProfile-createPost:hover{box-shadow:0 4px 8px #00000026}.MainProfile-createPost:active{box-shadow:none;transform:translateY(1px)}.MainProfile-createPost:disabled{box-shadow:none;cursor:not-allowed;opacity:.7}.MainProfile-addPhoto{background-color:#161616;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin:0 auto;padding:12px 24px;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out,transform .1s ease;width:96%}.MainProfile-addPhoto:hover{box-shadow:0 4px 8px #00000026}.MainProfile-addPhoto:active{box-shadow:none;transform:translateY(1px)}.MainProfile-addPhoto:disabled{box-shadow:none;cursor:not-allowed;opacity:.7}.MainProfile-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:25% auto;width:100%}.MainProfile-leftColumn{border-radius:5px;box-sizing:border-box;color:#fff;padding:20px}.MainProfile-centerDiv{height:100%}.MainProfile-centerDiv,.MainProfile-divWall{border-radius:5px;box-sizing:border-box;color:#fff;font-size:1.2em;margin-top:70px;width:100%}.MainProfile-divWall{display:flex;flex-direction:column;grid-column:3}.MainProfile-wallItem{background-color:#202020;border-radius:5px;margin:2rem auto 0;min-width:500px;padding:15px;width:70%}.MainProfile-divProfile,.MainProfile-photoWall{border-radius:5px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-size:1.2em;grid-column:2;margin:2rem auto 0;width:100%}.MainProfile-photoWall{background-color:#202020;gap:15px;max-width:600px}.MainProfile-profileItem{background-color:#161616;margin:2rem auto 0;max-width:600px;min-width:500px;padding:15px;width:90%}.MainProfile-specialWallItem{background-color:#750000}.MainProfile-timeStyle{color:#3a3a3a}.MainProfile-modalOverlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.MainProfile-modalWindow{background:#202020;border-radius:10px;box-shadow:0 4px 20px #0000004d;max-height:100%;max-width:90%;overflow-y:auto;padding:20px;text-align:center;width:50%}.MainProfile-previewArea{align-items:center;display:flex;justify-content:center;margin-top:10px;max-height:90%;overflow:hidden}.MainProfile-previewArea img{max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease}.MainProfile-editButtons{display:flex;gap:10px;justify-content:center;margin-top:15px}.MainProfile-modalActions{display:flex;justify-content:space-between;margin-top:20px}.MainProfile-cancelBtn,.MainProfile-confirmBtn{border:none;border-radius:6px;cursor:pointer;font-size:15px;padding:10px 16px}.MainProfile-cancelBtn{background:#dd4141;color:#fff}.MainProfile-cancelBtn:hover{background:#b53030}.MainProfile-confirmBtn{background:#161616;color:#fff}.MainProfile-confirmBtn:hover{background:#00000026}.MainProfile-editBtn{background:#161616;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;padding:10px 16px}.gallery-card{background-color:#161616;box-shadow:0 10px 30px #0000000d;color:#fff;margin:20px auto;max-width:585px;padding:25px;width:90%}.gallery-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:20px}.gallery-grid{grid-gap:15px;display:grid;gap:15px;grid-auto-flow:dense;grid-auto-rows:250px;
  /* ! ВАЖНО: Ровно 3 колонки, каждая занимает 1 долю (1fr) */grid-template-columns:repeat(3,1fr)}.photo-item{cursor:pointer;overflow:hidden;position:relative;transition:transform .3s ease}.photo-item img{display:block;height:100%;object-fit:cover;width:100%}.item-0{grid-column:span 2}.item-3{grid-row:span 2}@media (max-width:900px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.gallery-grid{grid-auto-rows:auto;grid-template-columns:1fr}.item-0{grid-column:auto}.item-3{grid-row:auto}}.photo-overlay{background:linear-gradient(0deg,#000000b3,#0000);bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:10px;position:absolute;right:0;transition:opacity .3s}.photo-item:hover .photo-overlay{opacity:1}.photo-overlay span{color:#fff;font-size:.9rem;font-weight:500}body{background-color:#161616;color:#000;display:grid;font-family:Arial,sans-serif;height:100vh}h1{color:#bebebe;font-size:40px;text-align:center}.blue{color:#007bff}.red{color:#c54747}h3{color:#333;font-size:30px;text-align:center}.centerDiv{background-color:#202020;border-radius:5px;box-sizing:border-box;color:#fff;font-size:1.2em;height:auto;margin:20px auto;max-width:800px;padding:20px;width:50%}.wallItem{margin-bottom:15px;padding:15px;position:relative}.MainProfile-deleteBtn{background:#0000;border:none;color:#888;cursor:pointer;font-size:18px;right:8px;top:8px;transition:color .2s ease}.MainProfile-deleteBtn:hover{color:#ff4d4f}.loader-container-inline{display:block;padding:20px 0;width:100%}.loader{animation:spin 1s linear infinite;border:4px solid #161616;border-radius:50%;border-top-color:#fff;height:40px;margin:0 auto 10px;width:40px}.loading-text{color:#555;font-size:1em;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{color:#fff;font-family:Inter,sans-serif;margin:0}.friends-layout-dark{background-color:#141414;color:#fff;display:flex;height:100vh;padding-top:3rem}.friends-left{border-right:1px solid #2c2c2c;overflow-y:auto;padding-top:1.5rem;width:380px}.friends-error,.friends-message{color:#aaa;margin-top:1rem;text-align:center}.friends-error{color:#d9534f;font-weight:600}.friends-grid{display:flex;flex-direction:column}.friend-card{align-items:center;border:1px solid #2e2e2e;cursor:pointer;display:flex;padding:12px 16px;transition:background .2s,transform .1s,border .2s;width:100%}.friend-card:hover{background-color:#2e2e2e;transform:translateY(-1px)}.friend-card.active{background-color:#303030;border-left:3px solid #007bff}.friend-avatar{align-items:center;background-color:#007bff;border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:50px;justify-content:center;margin-right:12px;width:50px}.friend-info h3{color:#fff;font-size:1rem;font-weight:600;margin:0}.friend-info p{color:#fff;font-size:.85rem;margin:.3rem 0 0}.friends-right{background-color:#121212;color:#fff;flex:1 1;flex-direction:column;overflow-y:auto;padding-left:20px;padding-top:1rem}.friends-right,.layoutProfile{align-items:flex-start;display:flex}.layoutProfile{box-sizing:border-box;gap:2rem;justify-content:center;min-height:100vh;padding:2rem;width:100%}.centerDivProfile{align-items:center;background-color:#202020;box-shadow:0 4px 16px #0000004d;display:flex;flex:0 0 350px;flex-direction:column;margin:0;text-align:center;width:350px}.profilePhoto{box-shadow:0 0 10px #00000040;display:block;max-height:400px;object-fit:cover;width:100%}.divWall{word-wrap:break-word;border-radius:12px;box-shadow:0 4px 16px #0003;box-sizing:border-box;display:flex;flex:0 0 auto;flex-direction:column;gap:1.5rem;margin:1.5rem auto;max-width:1200px;min-width:300px;overflow-x:hidden;overflow-y:auto;padding:2rem;width:80%}.divWall,.wallItem{background-color:#202020}.wallItem{border-radius:8px;box-shadow:0 2px 6px #00000040;color:#fff;padding:1rem 1.5rem}.wallUserName{font-size:30px}.wallUserName,.wallUserText{margin-right:auto;text-align:left}.wallUserText{word-wrap:break-word;color:#fff;font-family:Inter,Roboto,Segoe UI,system-ui,sans-serif;font-size:15px;font-weight:400;letter-spacing:.2px;line-height:1.2;white-space:pre-wrap;word-break:break-word}.wallImage{border-radius:10px;margin-top:1rem;max-height:450px;object-fit:cover;width:100%}.timeStyle{color:#aaa;font-size:.8rem;margin-top:.6rem;text-align:right}.friends-placeholder{color:#888;font-size:1.2rem;margin:auto;text-align:center}.buttonUse{background-color:#161616;border:none;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-weight:700;margin:0 auto;padding:12px 24px;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out,transform .1s ease;width:33.333%}.buttonUse:hover{background-color:#1f6ef0;box-shadow:0 4px 8px #00000026}.buttonUse:active{box-shadow:none;transform:translateY(10px)}.buttonUse:disabled{box-shadow:none;cursor:not-allowed;opacity:.7}.buttonComment{background-color:#161616;border:none;border-radius:0 0 12px 12px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-weight:700;margin:0 auto 10px;padding:12px 24px;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out,transform .1s ease;width:100%}.buttonComment:hover{background-color:#1f6ef0;box-shadow:0 4px 8px #00000026}.buttonComment:active{box-shadow:none;transform:translateY(1px)}.buttonComment:disabled{box-shadow:none;cursor:not-allowed;opacity:.7}.divWallUsers{word-wrap:break-word;background-color:#202020;border-radius:12px 12px 0 0;box-shadow:0 4px 16px #0003;flex:1 1 600px;flex-direction:column;gap:1.5rem;margin-right:auto;max-width:900px;min-width:300px;overflow-x:hidden;overflow-y:auto;padding:2rem;width:auto}.chats-layout-dark,.divWallUsers{box-sizing:border-box;display:flex}.chats-layout-dark{background-color:#141414;color:#fff;flex-direction:row;height:100vh;overflow:hidden;width:100%}.chats-sidebar-dark{border-right:1px solid #2c2c2c;box-sizing:border-box;flex:0 0 33%;max-width:450px;overflow-y:auto;padding-top:5rem}.chat-dialog-dark{background-color:#121212;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;min-width:0}.chat-header-dark{background-color:#1c1c1c;border-bottom:1px solid #2c2c2c;color:#fff;flex-shrink:0;padding-top:3rem}.chat-messages-dark{box-sizing:border-box;gap:.6rem;padding:1rem}.message-bubble-dark{word-wrap:break-word;border-radius:10px;font-size:.95rem;max-width:60%;padding:10px 14px}.message-bubble-dark.mine{align-self:flex-end;background-color:#007bff;color:#fff}.message-bubble-dark.theirs{align-self:flex-start;background-color:#000;color:#fff}.message-time-dark{color:#bbb;display:block;font-size:.75rem;margin-top:2px;text-align:right}.chat-item-dark{align-items:center;border-bottom:1px solid #3c3c3c;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background .2s}.chat-item-dark:hover{background-color:#2a2a2a}.chat-item-dark.active{background-color:#303030;border-left:3px solid #007bff}.chat-avatar-dark{align-items:center;background-color:#007bff;border-radius:50%;color:#fff;display:flex;font-weight:600;height:45px;justify-content:center;margin-right:12px;width:45px}.chat-info-dark{flex:1 1;overflow:hidden}.chat-name-dark{font-weight:600}.chat-last-dark{color:#aaa;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-time-dark{color:#888;font-size:.8rem;margin-left:10px}.empty-chat-text,.emptyText,.loadingText{color:#aaa;font-size:1rem;margin:auto;text-align:center}.chat-messages-dark::-webkit-scrollbar,.chats-sidebar-dark::-webkit-scrollbar{width:8px}.chat-messages-dark::-webkit-scrollbar-thumb,.chats-sidebar-dark::-webkit-scrollbar-thumb{background-color:#555;border-radius:6px}.chat-messages-dark::-webkit-scrollbar-thumb:hover,.chats-sidebar-dark::-webkit-scrollbar-thumb:hover{background-color:#777}h3{color:#fff}.chat-messages-dark{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:16px}.message-line{display:flex;margin-bottom:8px;width:100%}.message-line.left{justify-content:flex-start}.message-bubble{word-wrap:break-word;border-radius:12px;display:flex;flex-direction:column;max-width:60%;padding:10px 14px;position:relative}.message-bubble.mine{border-bottom-right-radius:4px}.message-bubble.theirs{background-color:#1d1d1d;border-bottom-left-radius:4px;color:#ddd;cursor:pointer;transition:transform .15s ease}.message-bubble.theirs:hover{transform:scale(1.05)}.message-line.right{display:flex;justify-content:flex-end;margin:8px 0;position:relative}.message-bubble.mine{background-color:#3b82f6;border-radius:10px;color:#fff;cursor:pointer;padding:10px 14px;position:relative;transition:transform .15s ease}.message-bubble.mine:hover{transform:scale(1.05)}.message-menu{animation:fadeIn .12s ease;background:#fff;border-radius:8px;box-shadow:0 2px 12px #00000026;color:#000;display:flex;flex-direction:column;min-width:140px;position:absolute;right:0;top:100%;z-index:100}.message-menu button{background:none;border:none;cursor:pointer;font-size:14px;padding:8px 12px;text-align:left}.message-menu button:hover{background:#f1f5f9}.message-content{font-size:14px}.message-time{font-size:11px;margin-top:4px;opacity:.7;text-align:right}.context-menu{animation:fadeIn .12s ease;background:#1d1d1d;border-radius:8px;box-shadow:0 2px 12px #00000026;color:#fff;display:flex;flex-direction:column;min-width:140px;position:fixed;z-index:9999}.context-menu button{background:none;border:none;cursor:pointer;font-size:14px;padding:8px 12px;text-align:left}.delete-button{background-color:#ff4d4d;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 10px;transition:background-color .2s ease}.delete-button:hover{background-color:#e04343}.default-button{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 10px;transition:background-color .2s ease}.default-button:hover{background-color:#4f8cff}.chat-input-container-dark{align-items:center;background-color:#1e1e1e;border-top:1px solid #333;display:flex;padding:10px}.chat-input-dark{background:#2b2b2b;flex-grow:1;font-size:14px;height:40px;outline:none;padding:10px 12px;resize:none}.chat-input-dark,.send-button-dark{border:none;border-radius:8px;color:#fff}.send-button-dark{background:linear-gradient(135deg,#4f8cff,#1f6ef0);cursor:pointer;font-weight:500;margin-left:10px;padding:10px 16px;transition:background .25s ease}.send-button-dark:hover{background:linear-gradient(135deg,#67a1ff,#357df1)}.send-button-dark:disabled{cursor:not-allowed;opacity:.5}.shop-main-div{padding:40px;text-align:center}.shop-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:40px}.shop-card{background:#1e1e1e;border-radius:12px;box-shadow:0 0 15px #0006;cursor:pointer;padding:30px 20px;transition:all .25s ease}.shop-card h2{color:#fff;margin:0}.shop-card p{color:#9ca3af;font-size:14px;margin-top:10px}.shop-card:hover{background:#2a2a2a;box-shadow:0 12px 25px #0009;transform:translateY(-6px)}body{background-color:#181818}.login-container{background-color:#202020;border-radius:12px;box-shadow:0 4px 20px #0000001a;font-family:Inter,sans-serif;margin:5rem auto;max-width:400px;padding:2rem;text-align:center}.login-title{color:#fff;margin-bottom:1.5rem}.login-input-group{margin-bottom:1rem}.login-input{border:1px solid #ccc;border-radius:8px;font-size:1rem;padding:.8rem;transition:border-color .3s,box-shadow .3s;width:80%}label{color:#fff}.login-button-group{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.2rem}.btn,.login-link{color:#fff}.btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;padding:.7rem 1.5rem;transition:background-color .3s,transform .1s}.btn-primary{background-color:#6c757d}.btn-primary:hover{background-color:#007bff}.btn-secondary{background-color:#6c757d}.btn-secondary:hover{background-color:#007bff}.btn-success{background-color:#5a6268}.btn-success:hover{background-color:#007bff}.btn:active{transform:scale(.97)}.login-message{color:#555;font-size:.95rem;margin-top:1.5rem}.sidebar{background-color:#141414;color:#fff;height:40px;left:0;padding:10px;position:fixed;top:0;width:100%;z-index:100}.sidebar ul{display:flex;justify-content:flex-start;list-style:none;margin:0;padding:0}.sidebar ul li{margin:0 10px}.sidebar ul li .sidebar-link{align-items:center;color:#fff;display:flex;font-size:1em;padding:10px 15px;position:relative;text-decoration:none;transition:color .3s ease-in-out}.sidebar ul li .sidebar-link:hover{color:#fff}.sidebar ul li .sidebar-link.active-link{color:#007bff}.sidebar ul li .sidebar-link:after{background-color:#007bff;bottom:0;content:"";height:2px;left:50%;position:absolute;transition:width .3s ease-in-out,left .3s ease-in-out;width:0}.sidebar ul li .sidebar-link:hover:after{left:0;width:100%}.sidebar ul li .sidebar-link.active-link:after{left:0;transition:width .3s ease-in-out,left .3s ease-in-out;width:100%}.sidebar ul li .sidebar-link.logout-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:1em;padding:10px 15px;position:relative;transition:color .3s ease-in-out}.sidebar ul li .sidebar-link.logout-btn:after{background-color:#f44336;bottom:0;content:"";height:2px;left:50%;position:absolute;transition:width .3s ease-in-out,left .3s ease-in-out;width:0}.sidebar ul li .sidebar-link.logout-btn:hover{color:#f44336}.sidebar ul li .sidebar-link.logout-btn:hover:after{left:0;width:100%}.sidebar{align-items:center;display:flex;justify-content:space-between}.sidebar-left,.sidebar-right{display:flex;list-style:none;margin:0;padding:0}.sidebar-right .logout-btn{margin-right:30px}.confirm-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.confirm-modal{animation:fadeIn .25s ease-in-out;background:#1d1d1d;border-radius:10px;box-shadow:0 4px 20px #0000004d;padding:25px 30px;text-align:center}.confirm-modal h3{color:#fff;margin-bottom:15px}.confirm-buttons{display:flex;gap:20px;justify-content:center}.confirm-yes{background-color:#d93025;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 25px;transition:background .2s ease-in-out}.confirm-yes:hover{background-color:#b6261c}.confirm-no{background-color:#444;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 25px;transition:background .2s ease-in-out}.confirm-no:hover{background-color:#222}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.sidebar-logo{color:#fff;font-size:2rem;letter-spacing:2px;padding:1.5rem 0 1rem 1.5rem}
/*# sourceMappingURL=main.943ca959.css.map*/