@import url(https://fonts.googleapis.com/css?family=Montserrat:400,800);body{background-color:#f5f5f5}.main-content{margin-top:20px}@media(max-width:768px){.main-content{margin-top:15px}}.enter-wrapper-app{justify-content:center;width:100%}.enter-page,.enter-wrapper-app{align-items:center;display:flex}.enter-page{flex-direction:column;padding-top:40px}.welcome-box{margin-bottom:20px;text-align:center}.welcome-box h1{color:#222;font-size:32px;font-weight:700}.welcome-box h1 .brand-name{color:#5a67d8;font-size:32px}.welcome-box .welcome-logo{height:auto;margin-bottom:15px;width:120px}.profile-container .profile-content .profile-image .status-dot{content:""}.profile-container .profile-content .profile-info .profile-name .usernameSpan{font-weight:500}.profile-container .profile-content .profile-info .connections .chip{-webkit-tap-highlight-color:rgba(0,0,0,0)}.profile-container .customPanel{background:linear-gradient(180deg,#ffffff8c,#0000 70%);background:linear-gradient(180deg,var(--bg-elev),#0000 70%);display:flex;justify-content:center;padding:18px 18px 22px}@media(max-width:720px){.profile-container{border-radius:16px}.profile-container .cover-image{height:200px}.profile-container .profile-content{grid-template-columns:1fr;padding-top:52px}.profile-container .profile-content .profile-image{left:50%;transform:translateX(-50%)}.profile-container .profile-content .profile-image:hover{transform:translateX(-50%) translateY(-1px)}.profile-container .profile-content .profile-info{margin-left:0;margin-top:60px;text-align:center}.profile-container .profile-content .profile-info .connections{justify-content:center}}.custom-panel{align-items:center;display:flex;flex-direction:column;max-width:600px;width:100%}.custom-panel .tabs{display:flex;justify-content:space-around;padding-bottom:5px}.custom-panel .tabs .tab{background:none;border:none;color:#757254;cursor:pointer;font-size:16px;font-weight:700;outline:none;padding:10px 15px}.custom-panel .tabs .tab:focus{outline:none}.custom-panel .tabs .tab.active{color:#fc8a32}.about-card{background-color:#b6b3ad;border-radius:8px;box-sizing:border-box;font-family:Arial,sans-serif;margin-top:30px;max-width:560px;min-width:0;overflow-wrap:anywhere;padding:15px;width:100%;word-break:break-word}.about-card p{color:#666;font-size:1em;margin:5px 0}.about-card .details{font-size:.9em;margin-top:15px}.about-card .details .label{color:#333;font-weight:700;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.my-posts-wrapper{display:flex;justify-content:center;overflow-x:hidden;width:100%}.my-posts-wrapper .my-posts-container{display:flex;flex-direction:column;gap:20px;max-width:600px;padding:20px;width:100%}.my-posts-wrapper .my-posts-container .post-card{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;gap:10px;max-width:100%;padding:15px}.my-posts-wrapper .my-posts-container .post-card .post-header{align-items:center;display:flex;gap:10px;min-width:0}.my-posts-wrapper .my-posts-container .post-card .post-header .avatar{border-radius:50%;flex:0 0 auto;height:40px;width:40px}.my-posts-wrapper .my-posts-container .post-card .post-header h3{font-size:16px;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-posts-wrapper .my-posts-container .post-card .post-title{font-size:20px;font-weight:700;-webkit-hyphens:auto;hyphens:auto;margin:10px 0 6px;overflow-wrap:anywhere;text-align:center;white-space:pre-wrap;word-break:break-word}.my-posts-wrapper .my-posts-container .post-card .post-content{display:flex;flex-direction:column;gap:10px}.my-posts-wrapper .my-posts-container .post-card .post-content .post-image,.my-posts-wrapper .my-posts-container .post-card .post-content .post-video{border-radius:5px;display:block;height:auto;max-width:100%;width:100%}.my-posts-wrapper .my-posts-container .post-card .post-content .post-video{aspect-ratio:16/9}.my-posts-wrapper .my-posts-container .post-card .post-content .description{overflow-wrap:anywhere;width:100%;word-break:break-word}.my-posts-wrapper .my-posts-container .post-card .post-content .description .post-description{color:#333;font-size:16px;margin-bottom:10px;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.my-posts-wrapper .my-posts-container .post-card .post-footer{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-top:10px}.my-posts-wrapper .my-posts-container .post-card .post-footer .like-button{align-items:center;background:none;border:none;color:gray;cursor:pointer;display:flex;font-size:14px;gap:5px;transition:transform .2s ease-in-out}.my-posts-wrapper .my-posts-container .post-card .post-footer .like-button:hover{transform:scale(1.1)}.my-posts-wrapper .my-posts-container .post-card .post-footer .delete-button{background:#463c69;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;padding:8px 10px;transition:transform .2s ease-in-out}.my-posts-wrapper .my-posts-container .post-card .post-footer .delete-button:hover{background:darkred;transform:scale(1.05)}.my-posts-wrapper .my-posts-container .no-posts{color:#999;font-size:16px;text-align:center}@media(max-width:480px){.my-posts-container{gap:12px;padding:12px}.my-posts-container .post-card{gap:8px;padding:12px}.delete-button{width:90px}.my-posts-container .post-header .avatar{height:32px;width:32px}.my-posts-container .post-header h3{font-size:14px}.my-posts-container .post-title{font-size:18px}.my-posts-container .post-content .post-description{font-size:14px}.my-posts-container .post-footer{font-size:13px}.my-posts-container .post-footer .like-button{font-size:16px}.my-posts-container .post-footer .delete-button{font-size:12px;padding:8px 10px}}.like-window-wrapper{display:inline-block;position:relative}.like-window-wrapper .like-window{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #00000026;display:flex;left:0;max-height:40px;overflow-x:auto;padding:4px 8px;position:absolute;top:-70%;z-index:10}.like-window-wrapper .like-window::-webkit-scrollbar{display:none}.like-window-wrapper .like-window .avatars{align-items:center;display:flex;gap:5px}.like-window-wrapper .like-window .avatars img{border:1px solid #ccc;border-radius:50%;cursor:pointer;height:30px;object-fit:cover;width:30px}.like-window-wrapper .like-window .avatars .more{color:#666;font-size:14px;margin-left:5px}.like-window-wrapper .like-window .error{color:red;font-size:12px}.newpost{display:flex;justify-content:center;padding:16px;width:100%}.newpost .newpost-card{background:#fff;border-radius:12px;box-shadow:0 6px 16px #0000000f;max-width:560px;padding:20px;width:100%}.newpost .newpost-header{margin-bottom:10px;text-align:center}.newpost .newpost-header h2{color:#111827;font-size:22px;font-weight:700;margin:0 0 6px}.newpost .newpost-header p{color:#6b7280;font-size:14px;margin:0}.newpost .newpost-status{grid-gap:8px;display:grid;gap:8px;margin:10px 0 0}.newpost .newpost-alert{border-radius:10px;font-size:14px;padding:10px 12px;text-align:center}.newpost .newpost-alert--error{background:#ffe2e2;border:1px solid #ffc9c9;color:#d11a2a}.newpost .newpost-alert--success{background:#e6ffed;border:1px solid #c7f5d8;color:#0a7a2f}.newpost .newpost-form{grid-gap:12px;display:grid;gap:12px;margin-top:14px}.newpost .newpost-field{grid-gap:6px;display:grid;gap:6px}.newpost .newpost-label{color:#374151;font-size:13px;font-weight:600}.newpost .newpost-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;outline:none;padding:10px 12px;transition:border-color .15s ease;width:100%}.newpost .newpost-input:focus{background:#eef5ff;border-color:#3b82f6}.newpost .newpost-textarea{line-height:1.5;min-height:110px;resize:vertical}.newpost .newpost-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:640px){.newpost .newpost-grid{grid-template-columns:1fr 1fr}}.newpost .newpost-file{position:relative}.newpost .newpost-file input[type=file]{inset:0;opacity:0;pointer-events:none;position:absolute}.newpost .newpost-file .newpost-file-btn{align-items:center;background:#eef2ff;border:1px dashed #c7d2fe;border-radius:10px;color:#1f2937;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;justify-content:center;padding:10px 12px;transition:transform .15s ease,background .2s ease;width:100%}.newpost .newpost-file .newpost-file-btn:hover{background:#e0e7ff;transform:translateY(-1px)}.newpost .newpost-preview{grid-gap:12px;display:grid;gap:12px;margin-top:6px}.newpost .newpost-preview .newpost-preview-card{background:#fafafa;border:1px solid #f0f0f0;border-radius:12px;padding:10px}.newpost .newpost-preview .newpost-preview-card h4{color:#374151;font-size:14px;margin:0 0 8px;text-align:center}.newpost .newpost-preview .newpost-preview-card .newpost-preview-iframe,.newpost .newpost-preview .newpost-preview-card .newpost-preview-img{border-radius:10px;max-height:420px;object-fit:contain;width:100%}.newpost .newpost-preview .newpost-preview-card .newpost-preview-iframe{border:0;height:320px}.newpost .newpost-actions{display:flex;justify-content:center;margin-top:4px}.newpost .newpost-btn{background:#4c8ff5;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;padding:10px 18px;transition:transform .15s ease,background .2s ease}.newpost .newpost-btn:hover{background:#0e6af5;transform:translateY(-1px)}.newpost .newpost-btn:disabled{background:#cbd5e1;cursor:not-allowed;transform:none}.newpost-card{display:flex;flex-direction:column;overflow:hidden}.newpost-preview-iframe{aspect-ratio:16/9;height:auto}.newpost-preview-img{height:auto}.newpost-fieldError{color:#d11a2a;font-size:12px;margin:4px 0 0}.flwng-window-wrapper{display:inline-block;position:relative}.flwng-window-wrapper .flwng-window{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #00000026;display:flex;left:0;max-height:40px;overflow-x:auto;padding:4px 8px;position:absolute;top:100%;white-space:nowrap;z-index:9999}.flwng-window-wrapper .flwng-window::-webkit-scrollbar{display:none}.flwng-window-wrapper .flwng-window .avatars{align-items:center;display:flex;gap:5px;margin:0}.flwng-window-wrapper .flwng-window .avatars img{border:1px solid #ccc;border-radius:50%;cursor:pointer;height:30px;object-fit:cover;width:30px}.flwng-window-wrapper .flwng-window .avatars .more{color:#666;font-size:14px;margin-left:5px}.flwng-window-wrapper .flwng-window .empty{color:#888;font-size:13px}.flwrs-window-wrapper{display:inline-block;position:relative}.flwrs-window-wrapper .flwrs-window{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #00000026;display:flex;left:0;max-height:40px;overflow-x:auto;padding:4px 8px;position:absolute;top:100%;white-space:nowrap;z-index:9999}.flwrs-window-wrapper .flwrs-window::-webkit-scrollbar{display:none}.flwrs-window-wrapper .flwrs-window .avatars{align-items:center;display:flex;gap:5px;margin:0}.flwrs-window-wrapper .flwrs-window .avatars img{border:1px solid #ccc;border-radius:50%;cursor:pointer;height:30px;object-fit:cover;width:30px}.flwrs-window-wrapper .flwrs-window .avatars .more{color:#666;font-size:14px;margin-left:5px}.flwrs-window-wrapper .flwrs-window .empty{color:#888;font-size:13px}.header{animation:gradientBG 15s ease infinite;background:linear-gradient(-45deg,#b1b7bd,#eff2f6,#fff,#a7b8d6);background-size:400% 400%;height:80px;padding:12px 0;width:100%}.header .header-container{align-items:center;display:flex;justify-content:space-between;padding:0 10px;width:100%}@media(min-width:769px){.header .header-container{margin:0 auto;max-width:1200px;padding:0 20px}}.header .logo{-webkit-text-fill-color:#0000;animation:lightSweep 5s linear infinite;background:linear-gradient(300deg,gray,gray 45%,#fff 50%,gray 55%,gray);-webkit-background-clip:text;background-size:500% 100%;display:inline-block;font-size:25px;font-weight:700}.header .desktop-search,.header .search-container{display:flex;flex:1 1;justify-content:center}.header .desktop-search .search-input,.header .search-container .search-input{border:1px solid #ccc;border-radius:4px;outline:none;padding:8px;width:300px}.header .right-section{align-items:center;display:flex;font-weight:700;gap:16px}.header .right-section .money{color:#33b649;font-size:16px}.header .nav-link{color:#555;font-size:16px;text-decoration:none}.header .nav-link:hover{color:#fc8a32}.header .profile-link{align-items:center;display:flex}.header .profile-link .profile-img{border:2px solid #ccc;border-radius:50%;height:40px;width:40px}.header .mobile-icons{display:none;gap:30px}.header .mobile-icons .icon{cursor:pointer;font-size:25px}.header .mobile-icons .icon:hover{color:#fc8a32}.header .mobile-menu,.header .mobile-search{display:none}@media(max-width:768px){.header .desktop-only,.header .desktop-search{display:none}.header .mobile-icons{display:flex}.header .mobile-search{background:#fff;box-shadow:0 2px 8px #0000001a;display:block;left:0;padding:10px 20px;position:absolute;right:0;top:80px;z-index:10}.header .mobile-menu{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;gap:10px;padding:10px;position:absolute;right:20px;top:80px;z-index:11}.header .mobile-menu .money{color:#33b649;font-weight:700}.header .header-container{max-width:none;padding:0 10px;width:100%}}@keyframes lightSweep{0%{background-position:0 0}to{background-position:100% 0}}.search-container{align-items:center;display:flex;position:relative}.search-container .search-input{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:8px;width:200px}.search-container .search-btn{background-color:#2d9cdb;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:5px;padding:8px}.search-container .search-results{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 6px #0000001a;left:0;list-style:none;max-height:200px;overflow-y:auto;padding:0;position:absolute;top:100%;width:100%;z-index:1000}.search-container .search-results::-webkit-scrollbar{display:none}.search-container .search-results li{align-items:center;cursor:pointer;display:flex;padding:8px;transition:background .2s}.search-container .search-results li:hover{background:#f0f0f0}.search-container .search-results li img{border-radius:50%;height:30px;margin-right:10px;width:30px}.logout-modal-backdrop{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.logout-modal{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000004d;padding:20px 30px;text-align:center}.logout-modal h3{margin-bottom:20px}.logout-modal .buttons{display:flex;gap:20px;justify-content:center}.logout-modal button{border:none;border-radius:6px;cursor:pointer;font-weight:700;padding:8px 16px}.logout-modal button.confirm{background-color:#e91e63;color:#fff}.logout-modal button.cancel{background-color:#ccc;color:#000}*{box-sizing:border-box}body{font-family:Montserrat,sans-serif;height:100vh;margin:-20px 0 50px}.container{background-color:#fff;border-radius:10px;box-shadow:0 14px 28px #00000040;margin:20px auto;max-width:768px;min-height:480px;overflow:hidden;position:relative;transition:all .6s ease-in-out;width:100%}.container.right-panel-active .sign-in-container{transform:translateX(100%)}.container.right-panel-active .sign-up-container{animation:show .6s;opacity:1;transform:translateX(100%);z-index:5}.container.right-panel-active .overlay-container{transform:translateX(-100%)}.container.right-panel-active .overlay{transform:translateX(50%)}.container.right-panel-active .overlay-left{transform:translateX(0)}.container.right-panel-active .overlay-right{transform:translateX(20%)}.form-container{height:100%;position:absolute;top:0;transition:all .6s ease-in-out}.form-container.sign-in-container{left:0;width:50%;z-index:2}.form-container.sign-up-container{left:0;opacity:0;width:50%;z-index:1}.overlay-container{left:50%;overflow:hidden;position:absolute;top:0;width:50%;z-index:100}.overlay,.overlay-container{height:100%;transition:transform .6s ease-in-out}.overlay{background:linear-gradient(90deg,#a15a51,#628799);background-position:0 0;background-repeat:no-repeat;background-size:cover;color:#fff;left:-100%;transform:translateX(0);width:200%}.overlay-panel{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 40px;position:absolute;text-align:center;top:0;transform:translateX(0);transition:transform .6s ease-in-out;width:50%}.overlay-panel.overlay-left{transform:translateX(-20%)}.overlay-panel.overlay-right{right:0;transform:translateX(0)}.social-container{margin:20px 0}.social-container a{align-items:center;border-radius:50%;display:inline-flex;justify-content:center;margin:0 5px}.social-container .social img,.social-container a{height:40px;width:40px}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}h1{font-size:31px;font-weight:700;margin:0}h2{text-align:center}p{font-size:14px;font-weight:100;letter-spacing:.5px;line-height:20px;margin:20px 0 30px}span{font-size:12px}a{color:#333;font-size:14px;margin:15px 0;text-decoration:none}button{background-color:#c7d9fa;border:1px solid #c7d9fa;border-radius:20px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:1px;padding:12px 45px;text-transform:uppercase;transition:transform 80ms ease-in}button:hover{background-color:#a6c1f2;color:#fff}button:active{transform:scale(.95)}button:focus{outline:none}button.ghost{background-color:#0000;border-color:#fff}button.ghost:hover{background-color:#a6c1f2;color:#fff}form{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 50px;text-align:center}input{background-color:#eee;border:none;border-radius:20px;margin:8px 0;padding:12px 15px;width:100%}@media(max-width:600px){form{padding:0 20px}button,input{max-width:280px;width:100%}input{font-size:14px;padding:12px 15px}button{padding:12px 0}}.show-password-checkbox{align-items:center;justify-content:space-between;margin-bottom:10px;margin-top:-4px}.show-password-checkbox input[type=checkbox]{cursor:pointer;height:16px;width:16px}.show-password-checkbox span{cursor:pointer}.forgot-password-link{color:#00000080;cursor:pointer;font-size:12px;transition:color .2s}.forgot-password-link:hover{color:#217dbb;text-decoration:underline}:root{--bg-card:#ffffffb3;--bg-elev:#ffffff8c;--text-primary:#0f172a;--text-secondary:#475569;--accent:#8b5cf6;--accent-strong:#7c3aed;--chip-bg:#8b5cf61f;--chip-border:#7c3aed40;--ring:#7c3aed59;--shadow:0 8px 30px #02061714;--radius-lg:20px;--radius-xl:28px;--danger:#ef4444;--danger-strong:#dc2626;--primary:var(--accent);--primary-strong:var(--accent-strong)}@media(prefers-color-scheme:dark){:root{--bg-card:#0f172ab3;--bg-elev:#0f172a8c;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--chip-bg:#8b5cf62e;--chip-border:#8b5cf659;--shadow:0 12px 40px #02061773}}.profile-container{animation:float-in .42s ease-out both;backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);background:#ffffffb3;background:var(--bg-card);border:1px solid #7c3aed14;border-radius:28px;border-radius:var(--radius-xl);box-shadow:0 8px 30px #02061714;box-shadow:var(--shadow);display:flex;flex-direction:column;margin:24px auto 0;max-width:900px;overflow:hidden;width:100%}@keyframes float-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.profile-container .cover-image{height:260px;overflow:hidden;position:relative}.profile-container .cover-image img{display:block;filter:saturate(105%);height:100%;object-fit:cover;transform:scale(1.02);width:100%}.profile-container .cover-image .cover-gradient{background:radial-gradient(1200px 300px at 50% 0,#7c3aed40,#0000 60%),linear-gradient(180deg,#0000 40%,#0000002e);inset:0;pointer-events:none;position:absolute}.profile-container .profile-content{grid-gap:16px;align-items:center;background:#ffffff8c;background:var(--bg-elev);display:grid;gap:16px;grid-template-columns:auto 1fr;padding:18px 18px 22px;position:relative}.profile-container .profile-content .profile-image{background:linear-gradient(180deg,#ffffff4d,#fff0);border:4px solid #ffffffe6;border-radius:999px;box-shadow:0 8px 24px #02061740;height:104px;left:18px;overflow:hidden;position:absolute;top:-52px;transition:transform .2s ease,box-shadow .2s ease;width:104px}.profile-container .profile-content .profile-image .skeleton-avatar,.profile-container .profile-content .profile-image img{border-radius:999px;display:block;height:100%;object-fit:cover;width:100%}.profile-container .profile-content .profile-image:hover{box-shadow:0 12px 30px #02061747,0 0 0 6px #7c3aed59;box-shadow:0 12px 30px #02061747,0 0 0 6px var(--ring);transform:translateY(-1px)}.profile-container .profile-content .profile-image .status-dot{background:#22c55e;border:3px solid #fff;border-radius:999px;bottom:6px;box-shadow:0 2px 6px #22c55e73;height:14px;position:absolute;right:6px;width:14px}.profile-container .profile-content .profile-info{color:#0f172a;color:var(--text-primary);margin-left:130px;min-height:84px}.profile-container .profile-content .profile-info .profile-name{align-items:baseline;display:flex;font-size:clamp(20px,3.2vw,28px);font-weight:800;gap:10px;letter-spacing:.2px}.profile-container .profile-content .profile-info .profile-name .usernameSpan{color:#475569;color:var(--text-secondary);font-size:clamp(14px,2.5vw,16px);font-weight:600}.profile-container .profile-content .profile-info .connections{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.profile-container .profile-content .profile-info .connections .chip{--pad-y:10px;--pad-x:14px;align-items:center;background:#8b5cf61f;background:var(--chip-bg);border:1px solid #7c3aed40;border:1px solid var(--chip-border);border-radius:999px;box-shadow:inset 0 -1px 0 #ffffff14;cursor:pointer;display:inline-flex;gap:10px;padding:var(--pad-y) var(--pad-x);transition:transform .12s ease,background .2s ease,border-color .2s ease;-webkit-user-select:none;user-select:none}.profile-container .profile-content .profile-info .connections .chip .chip-label{color:#475569;color:var(--text-secondary);font-size:14px;font-weight:600}.profile-container .profile-content .profile-info .connections .chip .chip-number{color:#7c3aed;color:var(--accent-strong);font-size:15px;font-weight:800}.profile-container .profile-content .profile-info .connections .chip:hover{border-color:#7c3aed99;transform:translateY(-1px)}.profile-container .profile-content .profile-info .connections .chip:active{transform:translateY(0)}.profile-container .profile-content .profile-info .action-row{align-items:center;display:flex;gap:10px;margin-top:14px}.profile-container .profile-content .profile-info .action-row .follow-status{color:#22c55e;font-size:14px;font-weight:800}.profile-container .profile-content .profile-info .age-wrapper{margin-top:14px}.profile-container .profile-content .profile-info .age-wrapper .age{color:#475569;color:var(--text-secondary);font-size:15px;font-weight:700}.profile-container .profile-content .profile-info .age-wrapper .status-age{color:#475569;color:var(--text-secondary);font-size:15px;font-weight:700;margin-top:10px}.profile-container .profile-content .profile-info .age-wrapper .status-age span{color:#e05a0c;font-weight:800;margin-left:6px}.profile-container .profile-content .profile-info .bio-details{background:#94a3b814;border:1px solid #94a3b82e;border-radius:14px;margin-top:16px;padding:14px}.profile-container .profile-content .profile-info .bio-details .bio-title{color:#475569;color:var(--text-secondary);font-size:14px;font-weight:800;letter-spacing:.4px;margin-bottom:8px}.profile-container .profile-content .profile-info .bio-details .bio-text{color:#0f172a;color:var(--text-primary);font-size:15px;line-height:1.5;white-space:pre-wrap}.profile-container .profile-content .profile-info .skeleton-group{grid-gap:10px;display:grid;gap:10px}.profile-container .profile-content .profile-info .skeleton{animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#94a3b82e 25%,#94a3b859 37%,#94a3b82e 63%);background-size:400% 100%;border-radius:10px}.profile-container .profile-content .profile-info .skeleton-title{height:20px;width:60%}.profile-container .profile-content .profile-info .skeleton-row{height:14px;width:40%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.profile-container .user-posts-wrap{background:linear-gradient(180deg,#ffffff8c,#0000 70%);background:linear-gradient(180deg,var(--bg-elev),#0000 70%);padding:18px}.btn{-webkit-tap-highlight-color:rgba(0,0,0,0);appearance:none;border:1px solid #0000;border-radius:10px;box-shadow:0 4px 16px #02061714;cursor:pointer;font-size:14px;font-weight:800;padding:10px 14px;transition:transform .12s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;-webkit-user-select:none;user-select:none}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(180deg,#8b5cf6,#7c3aed);background:linear-gradient(180deg,var(--primary),var(--primary-strong));border-color:#7c3aed40;color:#fff}.btn-danger{background:linear-gradient(180deg,#ef4444,#dc2626);background:linear-gradient(180deg,var(--danger),var(--danger-strong));border-color:#ef444440;color:#fff}.btn-ghost{background:#0000;border-color:#94a3b859;color:#0f172a;color:var(--text-primary)}.skeleton-avatar{animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#94a3b82e 25%,#94a3b859 37%,#94a3b82e 63%);background-size:400% 100%}.alert{background:#ef44441f;border:1px solid #ef444440;border-radius:12px;color:#b91c1c;font-weight:700;margin:16px auto;max-width:900px;padding:14px 16px}@media(max-width:720px){.profile-container{border-radius:16px}.profile-container .cover-image{height:200px}.profile-container .profile-content{grid-template-columns:1fr;padding-top:52px}.profile-container .profile-content .profile-image{left:50%;transform:translateX(-50%)}.profile-container .profile-content .profile-image:hover{transform:translateX(-50%) translateY(-1px)}.profile-container .profile-content .profile-info{margin-left:0;margin-top:60px;text-align:center}.profile-container .profile-content .profile-info .connections{justify-content:center}.profile-container .profile-content .profile-info .action-row{flex-wrap:wrap;justify-content:center}}@media(prefers-reduced-motion:reduce){.profile-container,.profile-container .profile-content .profile-image,.profile-container .profile-content .profile-info .skeleton{animation:none!important;transition:none!important}}.user-posts-wrapper{display:flex;justify-content:center;overflow-x:hidden;width:100%}.user-posts-wrapper .user-posts-container{display:flex;flex-direction:column;gap:16px;max-width:600px;padding:16px;width:100%}.user-posts-wrapper .user-posts-container .post-card{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:15px}.user-posts-wrapper .user-posts-container .post-card .post-header{align-items:center;display:flex;gap:10px;min-width:0}.user-posts-wrapper .user-posts-container .post-card .post-header .avatar{border-radius:50%;flex:0 0 auto;height:40px;object-fit:cover;width:40px}.user-posts-wrapper .user-posts-container .post-card .post-header h3{font-size:16px;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-posts-wrapper .user-posts-container .post-card .post-title{font-size:20px;font-weight:700;-webkit-hyphens:auto;hyphens:auto;margin:8px 0 4px;overflow-wrap:anywhere;text-align:center;white-space:pre-wrap;word-break:break-word}.user-posts-wrapper .user-posts-container .post-card .post-content{display:flex;flex-direction:column;gap:10px;min-width:0}.user-posts-wrapper .user-posts-container .post-card .post-content .post-image,.user-posts-wrapper .user-posts-container .post-card .post-content .post-video{border-radius:5px;display:block;height:auto;max-width:100%;width:100%}.user-posts-wrapper .user-posts-container .post-card .post-content .post-video{aspect-ratio:16/9}.user-posts-wrapper .user-posts-container .post-card .post-content .description{min-width:0;width:100%}.user-posts-wrapper .user-posts-container .post-card .post-content .description .post-description{color:#333;font-size:16px;margin:0 0 6px;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.user-posts-wrapper .user-posts-container .post-card .post-footer{align-items:center;color:gray;display:flex;flex-wrap:wrap;font-size:14px;gap:12px;justify-content:space-between;padding-top:8px}@keyframes flash{0%{opacity:1;transform:scale(1)}25%{opacity:.8;transform:scale(1.3)}50%{opacity:.6;transform:scale(1.5)}75%{opacity:.8;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.user-posts-wrapper .user-posts-container .post-card .post-footer .like-button{align-items:center;background:none;border:none;color:gray;cursor:pointer;display:flex;font-size:14px;gap:5px;transition:transform .2s ease-in-out}.user-posts-wrapper .user-posts-container .post-card .post-footer .like-button:hover{transform:scale(1.1)}.user-posts-wrapper .user-posts-container .post-card .post-footer .like-button.flash{animation:flash .4s ease-in-out}.user-posts-wrapper .user-posts-container .post-card .post-footer .delete-button{background:#463c69;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;padding:8px 10px;transition:transform .2s ease-in-out}.user-posts-wrapper .user-posts-container .post-card .post-footer .delete-button:hover{background:darkred;transform:scale(1.05)}.user-posts-wrapper .user-posts-container .no-posts{color:#999;font-size:16px;text-align:center}.error,.loading{color:red;font-size:18px;text-align:center}.liked{color:red}@media(max-width:768px){.user-posts-container{gap:12px;max-width:100%;padding:12px}.user-posts-container .post-card{padding:12px}.user-posts-container .post-card .post-header .avatar{height:36px;width:36px}.user-posts-container .post-card .post-header h3{font-size:14px}.user-posts-container .post-card .post-title{font-size:18px}.user-posts-container .post-card .post-content .post-description{font-size:14px}.user-posts-container .post-card .post-footer .like-button{font-size:16px}.user-posts-container .post-card .post-footer .delete-button{font-size:12px;padding:8px 10px}}@media(max-width:480px){.user-posts-container{padding:10px}.user-posts-container .post-card .post-title{font-size:17px}.user-posts-container .post-card .post-content .post-description{font-size:13.5px}}.profile-editor{background:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:20px auto 0;max-width:900px;padding:20px;width:100%}.profile-editor h2{color:#000292}.profile-editor h2,.profile-editor h3{font-size:30px;margin-bottom:20px;text-align:center}.profile-editor h3{color:#f32501}.profile-editor form{display:flex;flex-direction:column}.profile-editor form label{font-weight:700;margin-top:10px}.profile-editor form input,.profile-editor form textarea{border:1px solid #ccc;border-radius:5px;margin-top:5px;max-width:500px;padding:8px;width:100%}.profile-editor form button{background:#313a91;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:10px;transition:background .3s}.profile-editor form button:hover{background:#0056b3}.profile-editor form .error{color:red;margin-top:10px;text-align:center}.profile-editor hr{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);border:0;height:1px;margin:24px 0}.profile-editor .delete-account-btn-div{display:flex;justify-content:flex-end}.profile-editor .delete-account-btn{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;line-height:1;padding:10px 14px;transition:transform .06s ease,box-shadow .2s ease,background .2s ease}.profile-editor .delete-account-btn:hover{background:#fecaca;box-shadow:0 4px 14px #991b1b26;transform:translateY(-1px)}.profile-editor .delete-account-btn:active{transform:translateY(0)}.profile-editor .delete-account-btn:focus-visible{outline:2px solid #ef4444;outline-offset:2px}.avatar-upload{align-items:center;display:flex;gap:15px;margin-top:5px}.avatar-upload input[type=file]{display:none}.avatar-upload .upload-button{background:#c7d9fa;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:8px 15px;transition:background .3s}.avatar-upload .upload-button:hover{background:#a6c1f2}.avatar-upload .avatar-preview{border:2px solid #ccc;border-radius:50%;height:42px;object-fit:cover;width:42px}.modal-overlay{z-index:1000}.modal{background:#fff;border-radius:16px;box-shadow:0 8px 24px #0003;max-width:400px;padding:2rem;text-align:center;width:90%}.modal p{color:#333;font-size:1.1rem;margin-bottom:1.5rem}.modal.danger{animation:modal-wiggle .35s ease both;border:1px solid #fecaca;box-shadow:0 10px 28px #991b1b2e;position:relative}.modal.danger h3{color:#991b1b;font-size:1.25rem;margin:0 0 .75rem}.modal.danger p{color:#4b5563}.modal.danger:before{content:"😢";filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));font-size:28px;left:-18px;position:absolute;top:-18px}.ok-button{background:#007bff;border:none;border-radius:8px;color:#222020;cursor:pointer;font-size:1rem;padding:.6rem 1.2rem;transition:background-color .2s ease}.ok-button:hover{background:#0056b3}.modal-actions{display:flex;gap:10px;justify-content:center;margin-top:1rem}.modal-actions .cancel-button,.modal-actions .danger-button{border:1px solid #0000;border-radius:8px;cursor:pointer;font-weight:700;min-width:140px;padding:10px 14px;transition:transform .06s ease,box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.modal-actions .cancel-button:active,.modal-actions .danger-button:active{transform:translateY(0)}.modal-actions .cancel-button:focus-visible,.modal-actions .danger-button:focus-visible{outline:2px solid #1f2937;outline-offset:2px}.modal-actions .cancel-button{background:#f3f4f6;border-color:#e5e7eb;color:#374151}.modal-actions .cancel-button:hover{background:#e5e7eb;box-shadow:0 4px 12px #1f29371f;transform:translateY(-1px)}.modal-actions .danger-button{background:#ef4444;border-color:#dc2626;color:#fff}.modal-actions .danger-button:hover{background:#dc2626;box-shadow:0 6px 16px #dc262640;transform:translateY(-1px)}.show-password-checkbox{display:flex;justify-content:flex-end;margin:-4px 0 10px;width:100%}.show-password-checkbox label{align-items:center;color:#444;display:flex;font-size:13px;gap:6px}.show-password-checkbox label input[type=checkbox]{accent-color:#4a90e2;cursor:pointer;height:16px;width:16px}.show-password-checkbox label span{cursor:pointer}@keyframes modal-wiggle{0%,to{transform:translateX(0)}20%{transform:translateX(-2px)}40%{transform:translateX(2px)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}}@media(max-width:768px){.profile-editor{padding:15px;width:95%}.profile-editor h2,.profile-editor h3{font-size:22px}.profile-editor form input,.profile-editor form textarea{font-size:14px;max-width:100%}.profile-editor form button{font-size:14px}.profile-editor .delete-account-btn-div{justify-content:center;margin-top:16px}.profile-editor .delete-account-btn{align-self:center;margin:16px 0 0;max-width:320px;min-height:42px;padding-left:16px;padding-right:16px;width:100%}.avatar-upload{gap:10px}.avatar-upload .upload-button{font-size:13px;padding:6px 12px}.avatar-upload .avatar-preview{height:36px;width:36px}.modal-actions{align-items:center;flex-direction:column-reverse;justify-content:center}.modal-actions .cancel-button,.modal-actions .danger-button{max-width:90vw;min-width:180px;width:auto}}@media(min-width:769px){.profile-editor .delete-account-btn-div{justify-content:flex-end}}.transactions-container{background-color:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:20px auto;padding:20px;width:400px}.transactions-container h2{color:#b9c95f;margin-bottom:20px;text-align:center}.transactions-container .transaction-form{display:flex;flex-direction:column;position:relative}.transactions-container .transaction-form .hidden{display:none}.transactions-container .transaction-form label{font-weight:700;margin-top:10px}.transactions-container .transaction-form input{border:1px solid #ccc;border-radius:5px;margin-top:5px;padding:8px;width:100%}.transactions-container .transaction-form button{background-color:#313a91;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:10px;transition:background .3s}.transactions-container .transaction-form button:hover{background-color:#0056b3}.transactions-container .transaction-form .error{color:red;margin-top:10px;text-align:center}.transactions-container .transaction-form .success{color:green;margin-top:10px;text-align:center}.user-search-results{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 6px #0000001a;display:block;left:0;list-style:none;max-height:200px;overflow-y:auto;padding:0;top:100%;width:100%;z-index:1000}.user-search-results li{align-items:center;cursor:pointer;display:flex;padding:8px;transition:background .2s}.user-search-results li:hover{background:#f0f0f0}.user-search-results li img{border-radius:50%;height:30px;margin-right:10px;width:30px}.transactionsList{background-color:#f9f9f9;border:1px solid #ccc;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-top:20px;max-height:400px;overflow-y:auto;padding:15px}.transactionsList .listTransactions{list-style:none;margin:0;padding:0}.transactionsList .listTransactions .list{background-color:#fff;border-bottom:1px solid #ddd;border-radius:5px;margin-bottom:8px;padding:12px;transition:background .3s}.transactionsList .listTransactions .list:last-child{border-bottom:none}.transactionsList .listTransactions .list:hover{background-color:#f0f0f0}.transactionsList .listTransactions .list p{color:#333;font-size:14px;margin:5px 0}.transactionsList .listTransactions .list p.font-bold{color:#000;font-size:16px;font-weight:700}.transactionsList .listTransactions .list p.text-gray-700{color:#555}.transactionsList .listTransactions .list p.text-gray-600{color:#777}.transactionsList .listTransactions .list p.text-gray-500{color:#999}.transactionsList .no-transactions{color:#888;font-size:16px;padding:20px;text-align:center}.page-wrapper{background-color:#f5f5f5;box-sizing:border-box;display:flex;justify-content:center;padding:0 10px;width:100%}.main{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 2fr 1fr;max-width:1200px;width:100%}@media(max-width:1024px){.main{grid-template-columns:1fr 2fr}.main .right{display:none}}@media(max-width:768px){.main{grid-template-columns:1fr}.main .left{display:none}.main .center,.main .right{max-width:100%;overflow-x:hidden;width:100%}}.main .center,.main .left,.main .right{align-items:center;display:flex;flex-direction:column;width:100%}.main .center,.main .right{gap:20px;max-width:275px}.main .center{max-width:100%;width:100%}.mobile-only{display:none}@media(max-width:768px){.mobile-only{display:block;overflow-x:auto;width:100%}.desktop-only{display:none}}.desktop-only{display:block}@media(max-width:768px){.desktop-only{display:none}}.mini-profile{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;box-sizing:border-box;color:#333;font-family:Arial,sans-serif;max-width:400px;overflow:hidden;width:100%}.mini-profile__header{position:relative;text-align:center}.mini-profile__header .mini-profile__cover{border-top-left-radius:10px;border-top-right-radius:10px;height:80px;object-fit:cover;width:100%}.mini-profile__header .mini-profile__avatar{border:3px solid #fff;border-radius:50%;height:70px;margin-top:-35px;width:70px}.mini-profile__content{padding:10px;text-align:center}.mini-profile__content .mini-profile__name{font-size:18px;font-weight:700;margin:5px 0}.mini-profile__content .mini-profile__position{color:#666;font-size:12px}.mini-profile__content .mini-profile__quote{color:#555;font-size:12px;font-style:italic;margin-top:8px}.mini-profile__stats{background:#f9f9f9;border-bottom:1px solid #eee;border-top:1px solid #eee;display:flex;justify-content:space-around;padding:10px 0}.mini-profile__stats div{text-align:center}.mini-profile__stats div .stat-number{display:block;font-size:14px;font-weight:700}.mini-profile__stats div .stat-label{color:#777;font-size:12px}.mini-profile__menu-toggle{background:#f9f9f9;border-bottom:1px solid #eee;border-top:1px solid #eee;cursor:pointer;display:none;font-size:16px;font-weight:700;padding:10px;text-align:center;transition:background .3s}.mini-profile__menu-toggle:hover{background:#eee}.mini-profile__menu{align-items:center;display:flex;flex-direction:column;list-style:none;margin:0;padding:10px}.mini-profile__menu.hidden{display:none}.mini-profile__menu.show{display:flex}.mini-profile__menu li{cursor:pointer;font-size:14px;padding:8px;text-align:center;transition:.3s;width:100%}.mini-profile__menu li:hover{background:#f0f0f0;color:red}.mini-profile__menu .transactions:before{content:"💵 "}.mini-profile__menu .transactions:hover:before{content:"💸 "}.mini-profile__menu .Settings:before{content:"⚙️ "}.mini-profile__menu .Settings:hover:before{content:"🛠️ "}.mini-profile__menu .Calendar:before{content:"📅 "}.mini-profile__menu .Calendar:hover:before{content:"📆 "}.mini-profile__menu .tournament:before{content:"🥇 "}.mini-profile__menu .tournament:hover:before{content:"⚔️ "}.mini-profile__menu .Message:before{content:"🗨️ "}.mini-profile__menu .Message:hover:before{content:"🗯️ "}.mini-profile__menu .exit:before{content:"😊 "}.mini-profile__menu .exit:hover:before{content:"🥲 "}.mini-profile__footer{background:#f7f7f7;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:1px solid #ddd;padding:10px;text-align:center}.mini-profile__footer .mini-profile__view-profile{color:#0073e6;font-size:14px;font-weight:700;text-decoration:none;transition:.3s}.mini-profile__footer .mini-profile__view-profile:hover{text-decoration:underline}.admin{cursor:pointer;font-size:14px;transition:.3s}@media(min-width:769px){.mini-profile__menu-toggle{display:none}.mini-profile__menu{display:flex!important}}@media(max-width:768px){.mini-profile{max-width:100%;overflow-x:hidden;padding:0 10px;width:100%}.mini-profile__menu-toggle{display:block}.mini-profile__content,.mini-profile__footer,.mini-profile__menu,.mini-profile__stats{max-width:100%;overflow-x:hidden;width:100%}.mini-profile__menu{align-items:center;flex-direction:column}.mini-profile__menu li{text-align:center;width:100%}}.mini-new-post{align-items:stretch;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000000f;display:flex;flex-direction:column;gap:12px;max-width:560px;overflow-x:hidden;padding:20px;width:100%}.mnp-status{grid-gap:8px;display:grid;gap:8px;width:100%}.mnp-alert{border-radius:10px;font-size:14px;overflow-wrap:anywhere;padding:10px 12px;text-align:center}.mnp-alert.mnp-alert--error{background:#ffe2e2;border:1px solid #ffc9c9;color:#d11a2a}.mnp-alert.mnp-alert--success{background:#e6ffed;border:1px solid #c7f5d8;color:#0a7a2f}.post-content{display:flex;flex:1 1 auto;flex-direction:column;gap:10px;min-width:0}.post-content .post-input,.post-content textarea.post-input{background-color:#f0f2f5;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;display:block;font-size:14px;max-width:100%;outline:none;padding:10px;transition:border .2s;width:500px}.post-content .post-input:focus,.post-content textarea.post-input:focus{background-color:#e8f0ff;border-color:#06f}.post-content textarea.post-input{max-height:200px;min-height:60px;resize:vertical}.actions-wrapper{display:flex;justify-content:space-between}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions .btn{background-color:#f0f2f5;border:none;border-radius:6px;cursor:pointer;font-size:13px;padding:8px 14px;transition:background-color .2s ease}.actions .btn.photo{background-color:#ffeaa7}.actions .btn.photo:hover{background-color:#f5d15c;opacity:.9}.actions .btn.video{background-color:#fab1a0}.actions .btn.video:hover{background-color:#f88f77;opacity:.9}.actions .btn.publish{background-color:#4c8ff5}.actions .btn.publish:hover{background-color:#0e6af5;opacity:.9}.err p,.mnp-fieldError{color:#d11a2a;font-size:12px;margin:0}.preview{display:flex;flex-direction:column;gap:20px;margin-top:20px;width:100%}.preview .image-preview,.preview .video-preview{background:#fafafa;border-radius:10px;box-shadow:0 1px 3px #0000000d;padding:10px;width:100%}.preview h4{color:#333;font-size:14px;margin-bottom:10px;text-align:center}.preview iframe,.preview img{border-radius:10px;max-height:400px;object-fit:contain;width:100%}.preview .video-preview iframe{aspect-ratio:16/9;border:0;height:auto}.modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.modal-overlay .modal{animation:fadeIn .3s ease;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0003;max-width:400px;padding:20px;width:90%}.modal h3,.modal input{margin-bottom:10px}.modal input{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:8px;width:100%}.modal button{background-color:#06f;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px}.custom-upload{align-items:center;display:flex;justify-content:center;margin-bottom:15px}.custom-upload .upload-button,.ok-button{border:none;border-radius:12px;cursor:pointer;font-size:14px;padding:10px 20px;text-align:center;transition:background-color .3s;width:140px}.custom-upload .upload-button{background-color:#4cc0f5;color:#fff}.custom-upload .upload-button:hover{background-color:#2a6edc}.ok-button{background-color:#e0e0e0;font-weight:700;margin:0 auto}.ok-button:hover{background-color:#ccc}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.post-content .post-input,.post-content textarea.post-input{background-color:#f0f2f5;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;display:block;font-size:14px;max-width:100%;outline:none;padding:10px;transition:border .2s;width:300px}.mini-new-post{padding:12px}.actions,.actions-wrapper{justify-content:center}.actions{gap:10px}}.feed-posts{display:flex;justify-content:center;overflow-x:hidden;width:100%}.feed-posts .posts-container{display:flex;flex-direction:column;gap:16px;max-width:600px;padding:16px;width:100%}.feed-posts .posts-container .post-card{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden}.feed-posts .posts-container .post-card .post-header{align-items:center;display:flex;gap:10px;min-width:0;padding:10px}.feed-posts .posts-container .post-card .post-header .avatar{border-radius:50%;cursor:pointer;flex:0 0 auto;height:48px;object-fit:cover;width:48px}.feed-posts .posts-container .post-card .post-header h3{font-size:16px;font-weight:600;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-posts .posts-container .post-card .post-title{font-size:20px;font-weight:700;-webkit-hyphens:auto;hyphens:auto;margin:10px;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.feed-posts .posts-container .post-card .post-content{display:flex;flex-direction:column;gap:10px;padding:0 10px 10px}.feed-posts .posts-container .post-card .post-content .post-image,.feed-posts .posts-container .post-card .post-content .post-video{border-radius:5px;display:block;height:auto;max-width:100%;width:100%}.feed-posts .posts-container .post-card .post-content .post-video{aspect-ratio:16/9}.feed-posts .posts-container .post-card .post-content .post-description{color:#333;font-size:16px;margin:4px 0 0;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.feed-posts .posts-container .post-card .comments-section{align-items:stretch;border-top:1px solid #eee;display:flex;flex-direction:column;margin-top:6px;padding:10px;width:100%}.feed-posts .posts-container .post-card .comments-section>button{align-self:center;background-color:#f0bbbb;border:none;border-radius:8px;box-shadow:0 2px 5px #0000001a;color:#333;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:10px;padding:8px 16px;transition:all .3s ease}.feed-posts .posts-container .post-card .comments-section .comment-item{align-items:flex-start;box-sizing:border-box;display:flex;gap:8px;margin-bottom:10px;width:100%}.feed-posts .posts-container .post-card .comments-section .comment-item .comment-avatar{border-radius:50%;flex:0 0 auto;height:30px;object-fit:cover;width:30px}.feed-posts .posts-container .post-card .comments-section .comment-item div{background:#f5f5f5;border-radius:6px;box-sizing:border-box;flex:1 1;font-size:13px;line-height:1.4;overflow-wrap:anywhere;padding:6px 10px;white-space:pre-wrap;word-break:break-word}.feed-posts .posts-container .post-card .comments-section .comment-item div .comment-delete-button{all:unset;color:#999;cursor:pointer;font-size:12px;margin-left:6px;transition:color .2s}.feed-posts .posts-container .post-card .comments-section .comment-item div .comment-delete-button:hover{color:#d11a2a}.feed-posts .posts-container .post-card .comments-section .comment-form{display:flex;flex-direction:column;gap:6px;margin-top:10px;width:100%}.feed-posts .posts-container .post-card .comments-section .comment-form textarea{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:14px;max-height:120px;overflow-y:auto;padding:10px;resize:vertical;white-space:pre-wrap}.feed-posts .posts-container .post-card .comments-section .comment-form .button-send{align-self:center;background-color:#6c91b8;border:none;border-radius:8px;color:#fff;cursor:pointer;margin:10px;padding:8px 12px;transition:background-color .2s;width:90px}.feed-posts .posts-container .post-card .comments-section .comment-form .button-send:hover{background-color:#5995d6}.feed-posts .posts-container .post-card .posts-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:10px}.feed-posts .posts-container .post-card .posts-actions .posts-likeBtn{align-items:center;background:none;border:none;color:gray;cursor:pointer;display:flex;font-size:14px;gap:5px;transition:transform .2s ease-in-out}.feed-posts .posts-container .post-card .posts-actions .posts-likeBtn:hover{transform:scale(1.1)}.feed-posts .posts-container .post-card .posts-actions .posts-likeBtn.is-flashing{animation:posts-flash .4s ease-in-out}.feed-posts .posts-container .post-card .posts-actions .posts-deleteBtn{background:#463c69;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;padding:8px 10px;transition:transform .2s ease-in-out}.feed-posts .posts-container .post-card .posts-actions .posts-deleteBtn:hover{background:darkred;transform:scale(1.05)}@keyframes posts-flash{0%{opacity:1;transform:scale(1)}25%{opacity:.8;transform:scale(1.3)}50%{opacity:.6;transform:scale(1.5)}75%{opacity:.8;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.feed-posts .posts-container .error,.feed-posts .posts-container .loading{color:red;font-size:18px;text-align:center}.feed-posts .posts-container .liked{color:red}@media(max-width:768px){.feed-posts .posts-container{gap:12px;max-width:100%;padding:12px}.feed-posts .posts-container .post-card{border-radius:10px}.feed-posts .posts-container .post-card .post-header .avatar{height:40px;width:40px}.feed-posts .posts-container .post-card .post-header h3{font-size:14px}.feed-posts .posts-container .post-card .post-title{font-size:18px}.feed-posts .posts-container .post-card .post-content .post-description{font-size:14px}.feed-posts .posts-container .post-card .posts-actions .posts-likeBtn{font-size:16px}.feed-posts .posts-container .post-card .posts-actions .posts-deleteBtn{font-size:12px;padding:8px 10px}.feed-posts .posts-container .post-card .comments-section>button{font-size:13px;padding:8px 14px}.feed-posts .posts-container .post-card .comments-section .comment-form textarea,.feed-posts .posts-container .post-card .comments-section .comment-item div{font-size:13px}}@media(max-width:480px){.feed-posts .posts-container{gap:10px;padding:10px}.feed-posts .posts-container .post-card .post-title{font-size:17px}.feed-posts .posts-container .post-card .post-content .post-description{font-size:13.5px}.feed-posts .posts-container .posts-deleteBtn{width:90px}}.mini-all-users{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:300px;max-width:275px;overflow:hidden;padding:15px;width:100%}.mini-all-users .mini-all-users-list{flex-grow:1;overflow-y:auto}.mini-all-users .mini-all-users-list::-webkit-scrollbar{display:none}.mini-all-users .mini-all-user-item{align-items:center;border-bottom:1px solid #eee;display:flex;padding:10px 0}.mini-all-users .mini-all-user-item .mini-all-user-avatar{border:2px solid #ddd;border-radius:50%;height:48px;margin-right:12px;object-fit:cover;width:48px}.mini-all-users .mini-all-user-item .mini-all-user-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.mini-all-users .mini-all-user-item .mini-all-user-info .mini-all-user-text{display:flex;flex-direction:column}.mini-all-users .mini-all-user-item .mini-all-user-info .mini-all-user-text .mini-all-user-fullName{color:#000;cursor:pointer;font-size:14px;font-weight:600}.mini-all-users .mini-all-user-item .mini-all-user-info .mini-all-user-text .mini-all-user-name{color:#666;font-size:12px}.mini-all-users .mini-all-user-item .mini-all-user-info .mini-all-follow-button-wrapper{margin-left:auto}.mini-all-users .mini-all-user-item .mini-all-user-info .mini-all-follow-button-wrapper .circle-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;margin-right:10px;padding:0;transition:background-color .3s ease;width:32px}.mini-all-users .mini-all-user-item .mini-all-user-info .mini-all-follow-button-wrapper .circle-button.not-following{background-color:#fab9a9;color:#000}.mini-all-users .mini-all-user-item .mini-all-user-info .mini-all-follow-button-wrapper .circle-button.following,.mini-all-users .mini-all-user-item .mini-all-user-info .mini-all-follow-button-wrapper .circle-button.not-following:hover{background-color:#9ae9c8;color:#fff}.mini-all-users .mini-all-user-item .mini-all-user-info .mini-all-follow-button-wrapper .circle-button.following:hover{background-color:#fab9a9;color:#000}.mini-all-users .mini-all-user-item .mini-all-user-info .mini-all-follow-button-wrapper .circle-button span{font-size:18px}@media(max-width:768px){.mini-all-users{max-height:110px;max-width:100%;padding:10px}.mini-all-users .mini-all-users-list{display:flex;flex-direction:row;gap:12px;overflow-x:auto;overflow-y:hidden;padding-bottom:6px;scroll-snap-type:x mandatory}.mini-all-users .mini-all-users-list::-webkit-scrollbar{height:4px}.mini-all-users .mini-all-user-item{align-items:center;border-bottom:none;border-right:1px solid #eee;flex:0 0 auto;flex-direction:column;max-width:120px;min-width:110px;padding:4px}.mini-all-users .mini-all-user-item .mini-all-user-avatar{border-radius:50%;flex-shrink:0;height:48px;min-height:48px;min-width:48px;object-fit:cover;width:48px}.mini-all-users .mini-all-user-item .mini-all-user-info{align-items:center;flex-direction:column}.mini-all-users .mini-all-user-item .mini-all-user-info .mini-all-user-text{align-items:center;text-align:center}.mini-all-users .mini-all-user-item .mini-all-user-info .mini-all-user-text .mini-all-user-fullName{font-size:13px}.mini-all-users .mini-all-user-item .mini-all-user-info .mini-all-user-text .mini-all-user-name{font-size:11px}.mini-all-users .mini-all-user-item .mini-all-user-info .mini-all-follow-button-wrapper{display:none!important}}.weather-widget{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;font-family:Arial,sans-serif;max-width:275px;min-height:185px;padding:10px;text-align:center;width:100%}.weather-widget .city-input{background-color:#fff9;border:1px solid #87cefa;border-radius:5px;color:#333;font-size:13px;margin-bottom:6px;padding:6px;width:100%}.weather-widget .city-input:focus{background:#fff;border-color:#00bcd4;outline:none}.weather-widget .weather-info{margin-top:6px;text-align:center;width:100%}.weather-widget .weather-info h2{color:#00796b;font-size:17px;margin-bottom:6px}.weather-widget .weather-info p{color:#333;font-size:13px;margin:2px 0}@media(max-width:768px){.weather-widget{display:none}}.news-widget{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;font-family:Arial,sans-serif;max-width:275px;padding:15px;text-align:center;width:100%}.news-widget .news-carousel{text-align:left;width:100%}.news-widget .news-carousel .news-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;overflow:hidden;padding:0;transition:all .3s ease}.news-widget .news-carousel .news-item.slide-left{animation:slideLeft 2s ease-in-out}.news-widget .news-carousel .news-item .news-full-image{flex-shrink:0;height:180px;object-fit:cover;width:100%}.news-widget .news-carousel .news-item .news-title{padding:10px;text-align:left;width:100%}.news-widget .news-carousel .news-item .news-title h3{color:#e65100;cursor:pointer;font-size:16px;line-height:1.4;margin:0}.news-widget .error{color:#e57373;font-size:14px;margin-top:10px}@keyframes slideLeft{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}@media(max-width:768px){.news-widget{display:none}}.footer{background-color:#292626;border-radius:10px;border-top:1px solid #333;color:#ccc;font-family:Arial,sans-serif;font-size:14px;margin-top:5px;padding:16px 8px;text-align:center;width:100%}.footer .footer-content{margin:0 auto;max-width:900px}.footer p{margin:4px 0}.footer .footer-links{margin-top:8px}.footer .footer-links a{color:#888;margin:5px;text-decoration:none;transition:color .2s}.footer .footer-links a:hover{color:#fff}.button-up{align-items:center;background-color:#313a91;border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 10px #0003;color:#fff;cursor:pointer;display:flex;font-size:22px;height:48px;justify-content:center;opacity:0;pointer-events:none;position:fixed;right:20px;transition:all .3s ease;width:48px;z-index:1000}.button-up.visible{opacity:1;pointer-events:auto}.button-up:hover{background-color:#232c77;transform:scale(1.1)}@media(max-width:768px){.button-up{bottom:20px;font-size:18px;height:40px;right:15px;width:40px}}*{font-family:PT Sans Caption,sans-serif,arial,Times New Roman}.error .clip .shadow{height:180px}.error .clip:nth-of-type(2) .shadow{width:130px}.error .clip:first-of-type .shadow,.error .clip:nth-of-type(3) .shadow{width:250px}.error .digit{font-size:120px;font-weight:700;height:150px;line-height:150px;width:150px}.error .msg,.error h2{font-size:32px}.error .msg{height:80px;left:30%;line-height:80px;top:-190px;width:80px}.error span.triangle{border-bottom:15px solid #0000;border-left:20px solid #535353;border-top:15px solid #0000;right:0;top:70%}.error{animation:gradientBG 15s ease infinite;background:linear-gradient(-45deg,#b1b7bd,#eff2f6,#fff,#a7b8d6);background-size:400% 400%;min-height:100vh}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.error .container-error-404{height:250px;margin-top:10%;padding-top:40px;position:relative}.error .container-error-404 .clip{display:inline-block;transform:skew(-45deg)}.error .clip .shadow{overflow:hidden}.error .clip:nth-of-type(2) .shadow{box-shadow:inset 20px 0 20px -15px #969696cc,20px 0 20px -15px #969696cc;overflow:hidden;position:relative}.error .clip:first-of-type .shadow:after,.error .clip:nth-of-type(3) .shadow:after{background:linear-gradient(90deg,#0000,#adadadcc,#0000);border-radius:50%;bottom:0;content:"";height:100%;position:absolute;right:-8px;width:10px;z-index:9999}.error .clip:nth-of-type(3) .shadow:after{left:-8px}.error .digit{background:#07b3f9;border-radius:50%;color:#fff;display:inline-block;position:relative;top:8%;transform:skew(45deg)}.error .clip:nth-of-type(2) .digit{left:-10%}.error .clip:first-of-type .digit{right:-20%}.error .clip:nth-of-type(3) .digit{left:-20%}.error h2{color:#a2a2a2;font-weight:700;padding-bottom:20px}.error .msg{background:#535353;border-radius:50%;color:#a2a2a2;display:block;font-style:italic;position:relative;z-index:9999}.error .triangle{content:"";height:0;position:absolute;transform:rotate(45deg);width:0;z-index:999}@media(max-width:767px){.error .clip .shadow{height:100px}.error .clip:nth-of-type(2) .shadow{width:80px}.error .clip:first-of-type .shadow,.error .clip:nth-of-type(3) .shadow{width:100px}.error .digit{font-size:52px;height:80px;line-height:80px;width:80px}.error h2{font-size:24px}.error .msg{font-size:18px;height:40px;left:15%;line-height:40px;top:-110px;width:40px}.error span.triangle{border-bottom:8px solid #0000;border-left:10px solid #535353;border-top:8px solid #0000;right:-3%;top:70%}.error .container-error-404{height:150px}}.overlay{position:relative;z-index:20}.ground-color{background:#fff}.item-bg-color{background:#eaeaea}.padding-top{padding-top:10px}.padding-bottom,.padding-vertical{padding-bottom:10px}.padding-vertical{padding-top:10px}.padding-horizontal{padding-left:10px;padding-right:10px}.padding-all{padding:10px}.no-padding-left{padding-left:0}.no-padding-right{padding-right:0}.no-vertical-padding{padding-bottom:0;padding-top:0}.no-horizontal-padding{padding-left:0;padding-right:0}.no-padding{padding:0}.margin-top{margin-top:10px}.margin-bottom{margin-bottom:10px}.margin-right{margin-right:10px}.margin-left{margin-left:10px}.margin-horizontal{margin-left:10px;margin-right:10px}.margin-vertical{margin-bottom:10px;margin-top:10px}.margin-all{margin:10px}.no-margin{margin:0}.no-vertical-margin{margin-bottom:0;margin-top:0}.no-horizontal-margin{margin-left:0;margin-right:0}.inside-col-shrink{margin:0 20px}hr{border-top:1px dashed #999;margin:0;padding:0}.followers-window{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;height:300px;max-width:565px;overflow:hidden;padding:15px;width:100%}.followers-window h3{color:blue;font-size:16px;font-weight:700;margin-bottom:10px;text-align:center}.followers-window .followers-list{flex-grow:1;max-height:100%;overflow-y:auto}.followers-window .followers-list::-webkit-scrollbar{display:none}.followers-window .follower-item{align-items:center;border-bottom:1px solid #eee;display:flex;padding:10px 0}.followers-window .follower-item .follower-avatar{border:2px solid #ddd;border-radius:50%;height:48px;margin-right:12px;object-fit:cover;width:48px}.followers-window .follower-item .follower-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.followers-window .follower-item .follower-info .follower-text{display:flex;flex-direction:column}.followers-window .follower-item .follower-info .follower-text .follower-fullName{color:#000;cursor:pointer;font-size:14px;font-weight:600}.followers-window .follower-item .follower-info .follower-text .follower-name{color:#666;font-size:12px}.followers-window .follower-item .follower-info .follow-button-wrapper{margin-left:auto}.followers-window .follower-item .follower-info .follow-button-wrapper .circle-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;margin-right:10px;padding:0;transition:background-color .3s ease;width:32px}.followers-window .follower-item .follower-info .follow-button-wrapper .circle-button.not-following{background-color:#fab9a9;color:#000}.followers-window .follower-item .follower-info .follow-button-wrapper .circle-button.following,.followers-window .follower-item .follower-info .follow-button-wrapper .circle-button.not-following:hover{background-color:#9ae9c8;color:#fff}.followers-window .follower-item .follower-info .follow-button-wrapper .circle-button.following:hover{background-color:#fab9a9;color:#000}.followers-window .follower-item .follower-info .follow-button-wrapper .circle-button span{font-size:18px}section{display:flex;justify-content:center;margin-top:20px}.following-window{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;height:300px;max-width:565px;overflow:hidden;padding:15px;width:100%}.following-window h3{color:blue;font-size:16px;font-weight:700;margin-bottom:10px;text-align:center}.following-window .following-list{flex-grow:1;max-height:100%;overflow-y:auto}.following-window .following-list::-webkit-scrollbar{display:none}.following-window .following-item{align-items:center;border-bottom:1px solid #eee;display:flex;padding:10px 0}.following-window .following-item .following-avatar{border:2px solid #ddd;border-radius:50%;height:48px;margin-right:12px;object-fit:cover;width:48px}.following-window .following-item .following-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.following-window .following-item .following-info .following-text{display:flex;flex-direction:column}.following-window .following-item .following-info .following-text .following-fullName{color:#000;cursor:pointer;font-size:14px;font-weight:600}.following-window .following-item .following-info .following-text .following-name{color:#666;font-size:12px}.following-window .following-item .following-info .follow-button-wrapper{margin-left:auto}.following-window .following-item .following-info .follow-button-wrapper .circle-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;margin-right:10px;padding:0;transition:background-color .3s ease;width:32px}.following-window .following-item .following-info .follow-button-wrapper .circle-button.not-following{background-color:#fab9a9;color:#000}.following-window .following-item .following-info .follow-button-wrapper .circle-button.following,.following-window .following-item .following-info .follow-button-wrapper .circle-button.not-following:hover{background-color:#9ae9c8;color:#fff}.following-window .following-item .following-info .follow-button-wrapper .circle-button.following:hover{background-color:#fab9a9;color:#000}.following-window .following-item .following-info .follow-button-wrapper .circle-button span{font-size:18px}.message-container{background:#0f172a;border-radius:16px;box-shadow:0 8px 24px #0006;color:#e5e7eb;margin:20px auto;max-width:880px;padding:16px}.message-container h2{border-bottom:1px solid #ffffff14;font-size:20px;font-weight:600;margin-bottom:14px;padding-bottom:8px}.conversation-list{list-style:none;margin:0;padding:0}.conversation-list li{align-items:center;border-bottom:1px solid #ffffff0f;cursor:pointer;display:flex;gap:14px;padding:12px;transition:background .2s}.avatar{border:1px solid #ffffff14;border-radius:50%;flex-shrink:0;height:50px;object-fit:cover;width:50px}.text-block{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.text-block strong{font-size:15px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-block p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#94a3b8;display:-webkit-box;font-size:14px;margin:0;overflow:hidden;word-break:break-word}.text-block small{color:#64748b;font-size:12px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-btn{background:#0000;border:none;color:#94a3b8;cursor:pointer;flex-shrink:0;font-size:18px;margin-left:8px;padding:4px 8px;transition:color .2s}.delete-btn:hover{color:#ef4444}.unread-count{background:#ef4444;border-radius:12px;color:#fff;font-size:12px;margin-left:6px;padding:2px 6px}@media(max-width:768px){.message-container{border-radius:0;margin:0;max-width:100%;padding:12px}.message-container h2{font-size:18px;margin-bottom:10px;padding-bottom:8px}.conversation-list li{gap:12px;padding:10px 8px}.avatar{height:44px;width:44px}.text-block{min-width:0}.text-block strong{font-size:14px}.text-block p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:13px;overflow:hidden;word-break:break-word}.text-block small{font-size:11px}.delete-btn{flex-shrink:0;font-size:18px;padding:4px 6px}}@media(max-width:480px){.message-container{padding:10px 8px}.conversation-list li{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:40px 1fr auto;padding:10px 6px}.avatar{height:40px;width:40px}.text-block strong{font-size:13px}.text-block p,.text-block strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-block p{display:block;font-size:12.5px;margin-top:2px}.text-block small{display:none}.delete-btn{font-size:16px;margin-left:6px;padding:2px 6px}}@media(max-width:360px){.conversation-list li{gap:8px;grid-template-columns:36px 1fr auto;padding:8px 4px}.avatar{height:36px;width:36px}.text-block strong{font-size:12.5px}.text-block p{font-size:12px}}.chat-container{background:#0f172a;border-radius:16px;box-shadow:0 8px 24px #0006;color:#e5e7eb;display:flex;flex-direction:column;height:80vh;margin:20px auto;max-width:880px;overflow-x:hidden;padding:16px}.chat-container h2{align-items:center;border-bottom:1px solid #ffffff14;display:flex;font-size:18px;font-weight:600;gap:10px;margin-bottom:10px;padding-bottom:10px}.chat-avatar{border:1px solid #ffffff14;border-radius:50%;height:50px;object-fit:cover;width:50px}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-x:hidden;overflow-y:auto;padding:10px 8px 10px 0;scrollbar-color:#94a3b866 #0000;scrollbar-width:thin}.chat-message{display:flex;width:100%}.chat-message.sent{justify-content:flex-end}.chat-message.received{justify-content:flex-start}.bubble{word-wrap:break-word;border-radius:14px;box-shadow:0 4px 14px #00000040;font-size:14px;max-width:70%;overflow-wrap:anywhere;padding:10px 14px;position:relative;white-space:pre-wrap}.chat-message.sent .bubble{background:linear-gradient(180deg,#0ea5e9,#0284c7);border-bottom-right-radius:4px;color:#f0f9ff;padding-right:44px}.chat-message.received .bubble{background:#1e293b;border-bottom-left-radius:4px;color:#e5e7eb}.sender-name{color:#94a3b8;font-size:12px;font-weight:600;margin-bottom:4px}.timestamp{color:#94a3b8;font-size:10px;margin-top:4px;text-align:right}.chat-input{border-top:1px solid #ffffff14;display:flex;gap:10px;padding-top:10px}.chat-input input{background:#1e293b;border:1px solid #334155;border-radius:8px;color:#e5e7eb;flex:1 1;font-size:14px;padding:10px}.chat-input input:focus{border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e940;outline:none}.chat-input button{background:linear-gradient(180deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .2s}.chat-input button:hover{background:linear-gradient(180deg,#2563eb,#1d4ed8)}.delete-msg-button{aspect-ratio:1/1;background:#fdd;block-size:28px;border:1px solid #f5c2c2;border-radius:999px;box-sizing:border-box;color:#d10000;cursor:pointer;display:grid;font-size:14px;inline-size:28px;line-height:1;opacity:0;padding:0;place-items:center;position:absolute;right:6px;top:6px;transition:opacity .15s ease,background .2s ease;z-index:3}.chat-message.sent .bubble:focus-within .delete-msg-button,.chat-message.sent .bubble:hover .delete-msg-button{opacity:1}.delete-msg-button:hover{background:#ffbfbf}@media(max-width:480px){.chat-container h2{font-size:16px;gap:8px;margin-bottom:8px;padding-bottom:8px}.chat-avatar{height:44px;width:44px}.chat-messages{gap:8px;padding-bottom:calc(70px + env(safe-area-inset-bottom))}.bubble{font-size:14px;max-width:88%;padding:10px 12px}.chat-input{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr auto}.chat-input input{font-size:16px;min-height:52px}.chat-input button{padding:12px 14px;white-space:nowrap}}@media(max-width:360px){.chat-avatar{height:40px;width:40px}.bubble{max-width:92%}.chat-input button{padding:10px 12px}}@media(max-width:768px),(pointer:coarse){.chat-message.sent .delete-msg-button{opacity:1}}.calendar-matrix{background:#fff;border-radius:12px;box-shadow:0 0 12px #0000001a;margin:2rem auto;max-width:1000px;padding:1rem}.calendar-matrix h2{font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.calendar-matrix table{border-collapse:collapse;table-layout:fixed;width:100%}.calendar-matrix table td,.calendar-matrix table th{border:1px solid #ddd;cursor:pointer;font-size:.8rem;height:30px;padding:.4rem;text-align:center;width:30px}.calendar-matrix table th{background-color:#f0f0f0;font-weight:700}.calendar-matrix table .month-name{background-color:#f9f9f9;cursor:default;font-weight:700;padding-left:.5rem;text-align:left;white-space:nowrap}.calendar-matrix table .weekend{background-color:#649edd;pointer-events:none}.calendar-matrix table .holiday{background-color:#05f73e}.calendar-matrix table .sick{background-color:#f5061a}.calendar-matrix table .unpaid{background-color:#440785}.calendar-matrix table .empty{background-color:#e3e700}.calendar-matrix table td:hover:not(.weekend):not(.holiday):not(.month-name){box-shadow:0 0 3px #0000004d}.confirm-email-container{align-items:center;background:linear-gradient(135deg,#e8edf3,#f7f9fc);display:flex;font-family:Montserrat,sans-serif;justify-content:center;min-height:100vh;padding:20px}.confirm-form{background:#fff;border-radius:12px;box-shadow:0 8px 20px #0000001a;max-width:400px;padding:30px 25px;text-align:center;width:100%}.confirm-form h2{color:#333;margin-bottom:20px}.confirm-form .notice{color:#666;font-size:14px;margin-bottom:15px}.confirm-form input{border:1px solid #ccc;border-radius:8px;font-size:16px;margin-bottom:15px;outline:none;padding:12px;transition:border .3s ease;width:100%}.confirm-form input:focus{border-color:#007bff}.confirm-form button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px;transition:background .3s ease;width:100%}.confirm-form button:hover{background-color:#0056b3}.confirm-form .message{color:#333;font-weight:700;margin-top:15px}@media(max-width:480px){.confirm-form{border-radius:10px;padding:20px 15px}.confirm-form h2{font-size:20px}.confirm-form button,.confirm-form input{font-size:14px}}.tournament-menu{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:10px}.tournament-menu .menu-button{background-color:#444;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px;transition:.2s}.tournament-menu .menu-button.active{background-color:#0af;font-weight:700}.tournament-menu .menu-button:hover{background-color:#07a}.rules-container{background-color:#1f1f1f;border-radius:12px;box-shadow:0 0 12px #0000004d;color:#f0f0f0;font-family:Segoe UI,sans-serif;margin:2rem auto;max-width:800px;padding:1.5rem}.rules-container h2{font-size:1.8rem;margin-bottom:1rem;text-align:center}.rules-container select{background-color:#2c2c2c;border:1px solid #444;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin:0 auto 1.5rem;padding:.5rem 1rem}.rules-container select:hover{background-color:#3a3a3a}.rules-container pre{background-color:#292929;border:1px solid #333;border-radius:8px;font-size:1rem;line-height:1.6;padding:1rem;white-space:pre-wrap}.tournament-list{background-color:#1f1f1f;border-radius:12px;color:#fff;margin:2rem auto;max-width:800px;padding:1rem}.tournament-list h2,.tournament-list h3{margin-bottom:1rem;text-align:center}.tournament-list .participant-list,.tournament-list .user-list{display:flex;flex-direction:column;gap:12px}.tournament-list .user-row{align-items:center;background-color:#292929;border-radius:10px;display:flex;gap:15px;padding:10px}.tournament-list .user-row img{border-radius:50%;height:50px;object-fit:cover;width:50px}.tournament-list .user-row div{flex:1 1}.tournament-list .user-row button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px;text-align:center;transition:.2s;width:70px}.tournament-list .user-row button:hover{background-color:#005bb5}.tournament-wrapper{background:#0e0e0e;color:#fff;overflow-x:auto;padding:30px;text-align:center}.tournament-header{display:flex;justify-content:center;margin-top:20px}.reset-btn{background:#f44;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px}.grid{align-items:flex-start;gap:60px;justify-content:center;min-width:1000px;padding-top:20px}.grid,.round{display:flex;position:relative}.round{align-items:center;flex-direction:column;min-width:200px}.round h4{margin-bottom:20px}.match,.round h4{text-align:center}.match{background:#1b1b1b;border:2px solid lime;border-radius:10px;box-shadow:0 0 10px rgba(0,255,0,.667);display:flex;flex-direction:column;gap:12px;height:auto;justify-content:center;margin-bottom:80px;min-height:110px;padding:16px;position:relative;width:250px}.round:nth-child(2){margin-top:160px}.round:nth-child(3){margin-top:230px}.team{align-items:center;display:flex;flex-direction:column;gap:16px;margin-bottom:12px}.team select{background:#1a1a1a;border:1px solid lime;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:6px 10px}.user-info{align-items:center;display:flex;gap:8px;justify-content:space-between;width:100%}.user-info .avatar{border-radius:50%;flex-shrink:0;height:30px;object-fit:cover;width:30px}.user-info .username{flex-grow:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.score-input-mini{background:#111;border:1px solid lime;border-radius:4px;color:#fff;padding:2px}.score-display-mini,.score-input-mini{font-weight:700;margin-left:8px;min-width:30px;text-align:center;width:30px}.score-display-mini{color:lime}.tbd{color:#888;font-style:italic}.datetime-wrapper{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.match-date-input,.match-time-input{background:#111;border:1px solid lime;border-radius:4px;color:#fff;font-size:12px;max-width:100px;padding:3px 6px;text-align:center;width:100%}.winner-checkbox{align-items:center;display:flex;gap:5px;margin-left:8px}.winner-checkbox input[type=checkbox]{accent-color:gold;cursor:pointer}.winner-checkbox span{color:gold;cursor:pointer;font-size:16px}.user-info.winner{border:2px solid gold;border-radius:8px;padding:2px 6px}.winner-mark{color:gold;font-size:1.2rem;margin-left:5px}.match-date-text{color:#8baf27;font-size:13px;margin-top:10px}.match-details-container{background-color:#1f1f1f;border-radius:12px;color:#fff;font-family:Segoe UI,sans-serif;margin:0 auto;max-width:900px;padding:10px}.match-details-container .round-section{margin-bottom:40px;padding:10px}.match-details-container .round-section p{text-align:center}.match-details-container .round-section h2{color:#fff;font-size:28px;margin-bottom:20px;text-align:center}@media(max-width:768px){.match-details-container .round-section h2{font-size:20px}}.match-details-container .round-section .match-row{align-items:center;background:#292929;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}@media(max-width:768px){.match-details-container .round-section .match-row{padding:10px}}.match-details-container .round-section .match-center{flex:1 1;min-width:150px;text-align:center}.match-details-container .round-section .match-center .score-display{font-size:80px;font-weight:700}@media(max-width:768px){.match-details-container .round-section .match-center .score-display{font-size:48px}}@media(max-width:480px){.match-details-container .round-section .match-center .score-display{font-size:36px}}.match-details-container .round-section .match-center .match-date{color:#aaa;font-size:14px;margin-top:6px}@media(max-width:768px){.match-details-container .round-section .match-center .match-date{font-size:12px}}.match-details-container .player-card{text-align:center;width:180px}.match-details-container .player-card .match-details-avatar{aspect-ratio:1/1;background:#333;border-radius:8px;height:auto;max-width:150px;object-fit:cover;width:100%}@media(max-width:768px){.match-details-container .player-card .match-details-avatar{max-width:100px}}@media(max-width:480px){.match-details-container .player-card .match-details-avatar{max-width:80px}}.match-details-container .player-card .username{font-size:20px;margin-top:10px}@media(max-width:768px){.match-details-container .player-card .username{font-size:16px}}@media(max-width:480px){.match-details-container .player-card .username{font-size:14px}}.match-wrapper{margin-bottom:30px}.map-select-row{display:flex;gap:10px;justify-content:space-between;margin-top:10px;padding:0 10px}@media(max-width:768px){.map-select-row{gap:5px;padding:0 5px}}.map-select-wrapper{flex:1 1}.map-select{background:#1f1f1f;border:1px solid #444;border-radius:6px;color:#fff;font-size:16px;padding:8px;width:100%}@media(max-width:768px){.map-select{font-size:14px;padding:6px}}@media(max-width:480px){.map-select{font-size:12px;padding:5px}}.map-name{align-items:center;background:#292929;border-radius:6px;color:#fff;display:flex;font-size:16px;height:100%;justify-content:center;padding:8px;text-align:center}.draw{--pad:clamp(12px,2vw,20px);--gap:clamp(8px,1.6vw,16px);--radius:16px;--slot-min-h:clamp(96px,18vw,120px);--chip-img:42px;--chip-img-sm:32px;--chip-radius:12px;background:#161616;border-radius:var(--radius);box-shadow:0 10px 30px #00000059;color:#fff;margin:2rem auto;max-width:1000px;padding:1rem 1.2rem}.draw .draw__hdr{align-items:center;display:flex;gap:var(--gap);justify-content:space-between}.draw .draw__hdr h2{font-size:clamp(1.05rem,1.6vw,1.4rem);margin:0}.draw .draw__hdr .stats{display:flex;flex-wrap:wrap;gap:8px}.draw .draw__hdr .stats span{background:#232323;border-radius:8px;font-size:.92rem;padding:6px 10px}.draw .stage{grid-gap:var(--gap);display:grid;gap:var(--gap);grid-template-columns:1.2fr 1fr;margin-top:14px}@media(max-width:1024px){.draw .stage{grid-template-columns:1fr 1fr}}@media(max-width:820px){.draw .stage{grid-template-columns:1fr}}.draw .stage .pool,.draw .stage .slots{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:14px;padding:var(--pad)}.draw .stage .pool__grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));max-height:clamp(220px,50vh,360px);overflow:auto;padding:10px}@media(max-width:900px){.draw .stage .pool__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media(max-width:640px){.draw .stage .pool__grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media(max-width:420px){.draw .stage .pool__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.draw .stage .slotRow{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}@media(max-width:560px){.draw .stage .slotRow{grid-template-columns:1fr}}.draw .stage .slot{align-items:center;background:#222;border:1px dashed #3a3a3a;border-radius:12px;display:flex;justify-content:center;min-height:var(--slot-min-h);text-align:center}.draw .stage .slot.slot--filled{border-color:#4a8cf7;border-style:solid;box-shadow:inset 0 6px 18px #4a8cf726}.draw .stage .admin,.draw .stage .controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.draw .stage .btn{background:#232323;border:1px solid #3a3a3a;border-radius:10px;color:#fff;cursor:pointer;font-size:clamp(.95rem,1.6vw,1rem);padding:10px 14px;transition:transform .04s ease,background .2s ease,border .2s ease}.draw .stage .btn:hover{background:#2a2a2a}.draw .stage .btn:active{transform:translateY(1px)}.draw .stage .btn:disabled{cursor:not-allowed;opacity:.5}.draw .stage .btn.btn--primary{background:linear-gradient(180deg,#4a8cf7,#2c6fe0);border-color:#2c6fe0}.draw .stage .btn.btn--ghost{background:#0000}.draw .stage .btn.btn--success{background:linear-gradient(180deg,#36c26a,#25a356);border-color:#25a356}.draw .stage .btn.btn--danger{background:linear-gradient(180deg,#d65858,#b43d3d);border-color:#b43d3d}@media(max-width:560px){.draw .stage .btn{flex:1 1 100%}}.draw .stage .empty{border:1px dashed #3a3a3a;border-radius:10px;opacity:.7;padding:14px;text-align:center}.draw .pairs{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:14px;display:flex;flex-direction:column;margin-top:16px;padding:var(--pad)}.draw .pairs__header{margin:0 0 10px;text-align:center}.draw .pairs__header h3{font-size:clamp(1rem,1.6vw,1.2rem);font-weight:700;letter-spacing:.2px;margin:0}.draw .pairs__list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}@media(max-width:780px){.draw .pairs__list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media(max-width:520px){.draw .pairs__list{grid-template-columns:1fr}}.draw .pairs__empty{border:1px dashed #3a3a3a;border-radius:10px;margin-top:4px;opacity:.8;padding:14px;text-align:center}.draw .pairCard{background:#222;border:1px solid #333;border-radius:12px;padding:10px}.draw .pairCard .pairCard__num{font-size:.9rem;margin-bottom:8px;opacity:.8}.draw .pairCard .pairCard__vs{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr auto 1fr}.draw .pairCard .pairCard__vs .vs{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:8px;font-weight:800;padding:4px 8px}.chip{align-items:center;background:#292929;border:1px solid #3a3a3a;border-radius:var(--chip-radius);display:flex;gap:10px;min-width:0;padding:8px 10px;position:relative}.chip img{border-radius:50%;height:var(--chip-img);object-fit:cover;width:var(--chip-img)}.chip.chip--sm{padding:6px 8px}.chip.chip--sm img{height:var(--chip-img-sm);width:var(--chip-img-sm)}.chip .chip__txt{min-width:0}.chip .chip__txt strong{display:block;font-size:.95rem}.chip .chip__txt span{display:block;font-size:.8rem;opacity:.8}.chip .chip__txt span,.chip .chip__txt strong{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:420px){.chip .chip__txt strong{font-size:.9rem}.chip .chip__txt span{display:none}}.chip--highlight{transform:translateY(-1px)}.chip--highlight:after{background:conic-gradient(from 0deg,#ff3d71,#ffa000,#00e096,#36c,#7d5fff,#ff3d71);border-radius:14px;content:"";inset:-3px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:3px;position:absolute;z-index:-1}@supports selector(::-webkit-scrollbar){.pool__grid::-webkit-scrollbar{height:10px;width:10px}.pool__grid::-webkit-scrollbar-thumb{background:#2f2f2f;border-radius:10px}.pool__grid::-webkit-scrollbar-track{background:#1b1b1b}}.admin-table{margin-top:1rem;width:100%}.admin-table h2{color:#fff;margin-bottom:1.5rem;text-align:center}.admin-table table{background-color:#1f1f1f;border-collapse:collapse;border-radius:10px;box-shadow:0 0 10px #0000004d;overflow:hidden;width:100%}.admin-table table td,.admin-table table th{border-bottom:1px solid #333;color:#fff;padding:12px 8px;text-align:left}.admin-table table thead{background-color:#292929}.admin-table table thead th{color:#ccc;font-size:.95rem;font-weight:700}.admin-table table td:nth-child(2),.admin-table table th:nth-child(2){max-width:300px;white-space:normal;word-break:break-word}.admin-table table tbody tr{transition:background-color .2s}.admin-table table tbody tr:hover{background-color:#2e2e2e}.admin-table table button{background-color:#e53935;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:6px 12px;transition:background-color .2s}.admin-table table button:hover{background-color:#c62828}@media(max-width:768px){.admin-table table,.admin-table tbody,.admin-table td,.admin-table th,.admin-table thead,.admin-table tr{display:block}.admin-table thead{display:none}.admin-table tbody tr{background-color:#292929;border-radius:10px;margin-bottom:1rem;padding:.5rem}.admin-table td{border:none;padding:10px;position:relative}.admin-table td:before{color:#888;content:attr(data-label);font-size:.85rem;font-weight:700;left:10px;position:absolute;top:10px}}.admin-panel{background-color:#1f1f1f;border-radius:12px;box-shadow:0 0 15px #0006;color:#fff;margin:2rem auto;max-width:900px;padding:1.5rem}.admin-panel h1{color:#fff;font-size:2rem;margin-bottom:2rem;text-align:center}.admin-panel .admin-tabs{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.admin-panel .admin-tabs button{background-color:#292929;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.8rem;padding:4px 8px;transition:background-color .2s,transform .2s}.admin-panel .admin-tabs button.active{background-color:#007bff}.admin-panel .admin-tabs button:hover{background-color:#005bb5;transform:scale(1.05)}.admin-panel .admin-content{background-color:#292929;border-radius:10px;overflow-x:auto;padding:1rem}.forgot-container{background:#f9f9f9;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:100px auto;max-width:400px;padding:30px;text-align:center}.forgot-container h2{margin-bottom:10px}.forgot-container p{color:#555;font-size:14px;margin-bottom:20px}.forgot-container input{border:1px solid #ccc;border-radius:8px;font-size:14px;margin-bottom:15px;padding:12px 15px;width:100%}.forgot-container button{background-color:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:12px;width:100%}.forgot-container button:hover{background-color:#357dc0}.forgot-container .error{color:red;font-size:13px;margin-bottom:10px}.forgot-container .success{color:green;font-size:13px;margin-bottom:10px}.reset-container{background:#fdfdfd;border-radius:12px;box-shadow:0 4px 20px #00000014;margin:100px auto;max-width:400px;padding:30px;text-align:center}.reset-container h2{margin-bottom:10px}.reset-container p{color:#444;font-size:14px;margin-bottom:20px}.reset-container input{border:1px solid #ccc;border-radius:8px;font-size:14px;margin-bottom:15px;padding:12px 15px;width:100%}.reset-container .show-password{display:flex;font-size:13px;justify-content:flex-end;margin-bottom:10px}.reset-container .show-password label{color:#444;display:flex;gap:6px}.reset-container .show-password input{width:auto}.reset-container .error{color:red;font-size:13px;margin-bottom:10px}.reset-container .success{color:green;font-size:13px;margin-bottom:10px}.reset-container button{background-color:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:12px;width:100%}.reset-container button:hover{background-color:#357dc0}.terms{background:#1e1e1e;border-radius:10px;color:#ccc;line-height:1.6;margin:40px auto;max-width:800px;padding:20px}.terms h1,.terms h2{color:#fff;margin-bottom:10px;text-align:center}.terms h1{font-size:40px}.terms ul{margin:10px 0;padding-left:20px}.terms a{color:#9ecbff;text-decoration:none}.terms a:hover{text-decoration:underline}.terms .footer-note{color:#aaa;font-size:14px;margin-top:20px}.privacy{background:#202020;border-radius:10px;color:#ddd;line-height:1.6;margin:40px auto;max-width:800px;padding:20px}.privacy h1,.privacy h2{color:#fff;margin-bottom:10px;text-align:center}.privacy h1{font-size:40px}.privacy ul{margin:10px 0;padding-left:20px}.privacy a{color:#9ecbff;text-decoration:none}.privacy a:hover{text-decoration:underline}.privacy .footer-note{color:#aaa;font-size:14px;margin-top:20px}.contact{margin:40px auto;max-width:900px;padding:0 16px}.contact-card{grid-gap:20px;align-items:start;background:#1f1f1f;border:1px solid #2b2b2b;border-radius:16px;box-shadow:0 6px 24px #00000040;color:#ddd;display:grid;gap:20px;grid-template-columns:180px 1fr;padding:24px}.avatar-wrap{background:#111;border:2px solid #333;border-radius:12px;box-shadow:0 8px 18px #0000004d;height:180px;overflow:hidden;width:180px}.avatar-wrap img{display:block;height:100%;object-fit:cover;width:100%}.identity h1{color:#fff;font-size:28px;line-height:1.2;margin:0 0 8px}.identity .name{color:#f0f0f0;font-size:18px;margin:0}.identity .username{color:#9a9a9a;font-size:14px;margin:4px 0 0}.contact-list{grid-gap:10px;display:grid;gap:10px;grid-column:1/-1;list-style:none;margin:8px 0 0;padding:0}.contact-list li{align-items:center;background:#232323;border:1px solid #2e2e2e;border-radius:10px;display:grid;grid-template-columns:160px 1fr;padding:10px 12px}.contact-list li span{color:#bdbdbd;font-size:14px}.contact-list li a,.contact-list li p{color:#cfdfff;font-size:15px;margin:0;text-decoration:none;word-break:break-word}.contact-list li a:hover,.contact-list li p:hover{text-decoration:underline}@media(max-width:640px){.contact-card{grid-template-columns:1fr;text-align:center}.avatar-wrap{margin:0 auto}.contact-list li{grid-template-columns:1fr;text-align:left}}
/*# sourceMappingURL=main.4ab00348.css.map*/