@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";
@keyframes pop{0%{opacity:.9;transform:scale(.6)translateY(0)}to{opacity:0;transform:scale(1.1)translateY(-30px)}}.wink-modal-fly{will-change:transform,opacity;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;transform:rotate(var(--rot,0deg))scale(var(--scale,1));animation:wink-fly var(--dur,1.45s)cubic-bezier(.22,1,.36,1)forwards;filter:drop-shadow(0 8px 6px #00000040);position:absolute}@keyframes wink-fly{0%{transform:rotate(var(--rot,0deg))scale(var(--scale,1))translateY(0);opacity:.75}12%{opacity:1}85%{opacity:.95}to{transform:rotate(calc(var(--rot) + 28deg))scale(calc(var(--scale)*.42))translateY(118vh);opacity:0}}.wink-glass{animation:.38s cubic-bezier(.2,.95,.25,1) both wink-glass-pop}@keyframes wink-glass-pop{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif}.login-page{background:linear-gradient(135deg,#f3f4f8 0%,#eaeef5 50%,#f0f2f8 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex;position:relative;overflow-x:hidden}.background-container{z-index:1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.blob{filter:blur(40px);opacity:.6;border-radius:40% 60% 70% 30%/40% 50% 60%;position:absolute}.blob-1{background:linear-gradient(135deg,#3f2a8a 0%,#6d4bff 100%);width:200px;height:200px;animation:8s ease-in-out infinite float;top:-50px;left:-50px}.blob-2{background:linear-gradient(135deg,#3fa7ff 0%,#5ddcff 100%);width:175px;height:175px;animation:10s ease-in-out infinite reverse float;bottom:-25px;right:-25px}.circle{opacity:.15;border:2px solid;border-radius:50%;position:absolute}.circle-1{border-color:#6d4bff;width:150px;height:150px;top:10%;right:5%}.circle-2{border-color:#5ddcff;width:125px;height:125px;bottom:10%;left:8%}@keyframes float{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(15px)translate(10px)}}.login-wrapper{z-index:10;grid-template-columns:1fr 1fr;gap:40px;width:100%;max-width:1000px;margin:0 auto;display:grid;position:relative}.brand-section{justify-content:center;align-items:center;display:flex}.brand-content{text-align:center;animation:.8s ease-out slideInLeft}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.brand-logo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border:2px solid #6d4bff33;border-radius:20px;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 15px;transition:all .4s;display:flex;box-shadow:0 8px 32px #6d4bff26}.brand-logo:hover{transform:translateY(-5px);box-shadow:0 12px 40px #6d4bff40}.brand-logo-img{width:auto;max-width:260px;height:auto;min-height:60px;max-height:120px;box-shadow:none;background:0 0;border:none;padding:0}.brand-logo-img img{object-fit:contain;vertical-align:middle;width:100%;height:auto;min-height:48px;max-height:120px;display:block}.brand-tagline-below{margin-top:8px;margin-bottom:25px}.logo-text{color:#fff;font-size:24px;font-weight:800}.brand-title{background:linear-gradient(135deg,#3f2a8a 0%,#6d4bff 100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin-bottom:5px;font-size:28px;font-weight:800}.brand-tagline{color:#5a6b7d;letter-spacing:.5px;margin-bottom:25px;font-size:10px;font-weight:500}.marketing-section{text-align:left;flex-direction:column;gap:10px;margin-top:20px;display:flex}.marketing-line{color:#4a5568;font-size:9px;font-weight:500;line-height:1.4}.marketing-line .highlight{background:linear-gradient(135deg,#6d4bff 0%,#3fa7ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.login-card-wrapper{justify-content:center;align-items:center;animation:.8s ease-out slideInRight;display:flex}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:14px;width:100%;max-width:320px;padding:25px 20px;transition:all .4s;box-shadow:0 20px 60px #00000026}.login-card:hover{box-shadow:0 30px 80px #0003}.card-header{text-align:center;margin-bottom:18px}.card-title{color:#1a202c;margin-bottom:4px;font-size:16px;font-weight:700}.card-subtitle{color:#718096;font-size:7px;font-weight:500}.error-message{color:#991b1b;background:#ef44441a;border-left:3px solid #ef4444;border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 10px;font-size:7px;font-weight:600;animation:.3s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.error-icon{font-size:10px}.login-form{flex-direction:column;gap:10px;display:flex}.form-group{flex-direction:column;gap:5px;display:flex}.form-label{color:#2d3748;text-transform:uppercase;letter-spacing:.3px;font-size:7px;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#cbd5e0;pointer-events:none;width:12px;height:12px;transition:color .3s;position:absolute;left:10px}.form-input{color:#1a202c;background:#fff9;border:2px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:8px 10px 8px 30px;font-family:Poppins,sans-serif;font-size:8px;transition:all .3s}.form-input::placeholder{color:#a0aec0}.form-input:focus{background:#fffffff2;border-color:#6d4bff;box-shadow:0 0 0 4px #6d4bff1a}.form-input:disabled{opacity:.6;cursor:not-allowed;background:#f7fafc}.forgot-password-link{color:#3fa7ff;text-align:right;margin-top:4px;font-size:7px;font-weight:600;text-decoration:none;transition:all .3s}.forgot-password-link:hover{color:#2a7dd8;text-decoration:underline}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3f2a8a 0%,#6d4bff 100%);border:none;border-radius:20px;width:100%;margin-top:5px;padding:8px 12px;font-family:Poppins,sans-serif;font-size:8px;font-weight:700;transition:all .4s;box-shadow:0 10px 30px #6d4bff4d}.login-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 15px 40px #6d4bff66}.login-button:disabled{opacity:.6;cursor:not-allowed}.divider{text-align:center;margin:12px 0;position:relative}.divider:before{content:"";background:linear-gradient(90deg,#0000,#e2e8f0,#0000);height:1px;position:absolute;top:50%;left:0;right:0}.divider span{color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;background:#fffc;padding:0 8px;font-size:7px;font-weight:600;position:relative}.google-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3fa7ff 0%,#5ddcff 100%);border:none;border-radius:20px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 12px;font-family:Poppins,sans-serif;font-size:8px;font-weight:700;transition:all .4s;display:flex;box-shadow:0 10px 30px #3fa7ff4d}.google-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 15px 40px #3fa7ff66}.google-button:disabled{opacity:.6;cursor:not-allowed}.google-icon{width:12px;height:12px}.signup-section{text-align:center;margin-top:15px}.signup-text{color:#4a5568;font-size:7px}.signup-link{color:#3fa7ff;font-weight:700;text-decoration:none;transition:all .3s}.signup-link:hover{color:#2a7dd8;text-decoration:underline}@media (max-width:900px){.login-wrapper{grid-template-columns:1fr;gap:20px}.brand-section{display:none}.login-card{max-width:100%}}@media (max-width:600px){.login-page{padding:20px 15px}.login-card{max-width:100%;padding:20px 15px}}@media (max-width:400px){.login-page{padding:20px 12px}.login-card{border-radius:12px;padding:18px 12px}}
.feed-wrapper{z-index:10;width:100%;max-width:1200px;padding-top:calc(var(--vk-nav-h,72px) + 12px);margin:0 auto;padding-bottom:40px;position:relative}.glass-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #ffffff59;border-radius:16px;box-shadow:0 18px 50px #0000001f}.feed-grid{grid-template-columns:260px 1fr 260px;align-items:start;gap:18px;display:grid}.feed-header{margin-bottom:14px}.feed-title{background:linear-gradient(135deg,#3f2a8a 0%,#6d4bff 60%,#3fa7ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800}.feed-subtitle{color:#5a6b7d;margin-top:4px;font-size:12px;font-weight:500}.sidebar-sticky{top:calc(var(--vk-nav-h,72px) - 4px);position:sticky}.sidebar-title{color:#111827;margin-bottom:12px;font-size:14px;font-weight:800}.vk-spinner{border:4px solid #94a3b88c;border-top-color:#6d4bff;border-radius:999px;width:48px;height:48px;margin:0 auto 14px;animation:1s linear infinite vk-spin}@keyframes vk-spin{to{transform:rotate(360deg)}}.vk-btn-primary{color:#fff;background:linear-gradient(135deg,#3f2a8a,#6d4bff,#3fa7ff);border-radius:999px;padding:10px 16px;font-size:12px;font-weight:900;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.vk-btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 30px #6d4bff59}.vk-empty-state{text-align:center;padding:26px}.vk-empty-state .vk-empty-icon{margin-bottom:8px;font-size:44px}.vk-empty-state .vk-empty-title{color:#111827;font-weight:900}.vk-empty-state .vk-empty-subtitle{color:#64748b;margin-top:6px;font-size:12px}.vk-alert{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #ffffff59;border-radius:16px;align-items:flex-start;gap:10px;margin-top:14px;padding:14px;display:flex;box-shadow:0 18px 50px #0000001f}.vk-alert-error{border-left:4px solid #ef4444}.vk-alert-error .vk-alert-title{color:#7f1d1d;font-weight:900}.vk-alert-error .vk-alert-message{color:#991b1b;margin-top:4px;font-size:12px}.vk-alert-success{border-left:4px solid #22c55e}.vk-alert-success .vk-alert-title{color:#166534;font-weight:900}.vk-alert-success .vk-alert-message{color:#15803d;margin-top:4px;font-size:12px}.vk-back-link{color:#64748b;font-size:12px;font-weight:700;text-decoration:none;transition:color .2s}.vk-back-link:hover{color:#6d4bff}@media (max-width:1100px){.feed-grid{grid-template-columns:240px 1fr}.feed-grid .right-col{display:none}}@media (max-width:900px){.feed-grid{grid-template-columns:1fr}.feed-grid .left-col{display:none}}
.feed-wrapper{z-index:10;width:100%;max-width:1200px;margin:0 auto;position:relative}.feed-grid{grid-template-columns:260px 1fr 260px;align-items:start;gap:18px;display:grid}.glass-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #ffffff59;border-radius:16px;box-shadow:0 18px 50px #0000001f}.sidebar-sticky{top:calc(var(--vk-nav-h) - 4px);position:sticky}.feed-header{margin-bottom:14px}.feed-title{background:linear-gradient(135deg,#3f2a8a 0%,#6d4bff 60%,#3fa7ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800}.feed-subtitle{color:#5a6b7d;margin-top:4px;font-size:12px;font-weight:500}.feed-tabs{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.feed-tab{color:#475569;cursor:pointer;background:#ffffff9e;border:1px solid #94a3b84d;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;transition:all .2s}.feed-tab:hover:not(:disabled){border-color:#6d4bff61;transform:translateY(-1px)}.feed-tab.is-active{color:#fff;background:linear-gradient(135deg,#3f2a8a 0%,#6d4bff 60%,#3fa7ff 100%);border-color:#0000;box-shadow:0 10px 24px #6d4bff47}.feed-tab:disabled{opacity:.6;cursor:not-allowed}.create-post{cursor:pointer;border-radius:16px;padding:14px;transition:transform .25s,box-shadow .25s,border-color .25s}.create-post:hover{border-color:#6d4bff59;transform:translateY(-1px);box-shadow:0 22px 60px #00000024}.avatar-dot{background:linear-gradient(135deg,#3f2a8a 0%,#6d4bff 60%,#3fa7ff 100%);border-radius:999px;width:42px;height:42px}.post-card{border-radius:16px;padding:16px;transition:transform .25s,box-shadow .25s,border-color .25s}.post-card:hover{border-color:#3fa7ff40;transform:translateY(-1px);box-shadow:0 24px 70px #00000029}.post-meta{align-items:center;gap:12px;margin-bottom:10px;display:flex}.post-user{color:#1a202c;font-size:13px;font-weight:800}.post-date{color:#7a8796;margin-top:2px;font-size:11px}.post-content{color:#1f2937;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-size:13px;line-height:1.55}.vk-post-link{color:#4f46e5;text-underline-offset:2px;font-weight:600;text-decoration:underline}.vk-post-link:hover{color:#4338ca}.post-avatar-img{object-fit:cover;border:1px solid #94a3b859;border-radius:999px;flex-shrink:0;width:42px;height:42px}.post-user-link{color:inherit;text-decoration:none}.post-user-link:hover{text-decoration:underline}.post-img{object-fit:cover;border-radius:14px;width:100%;max-height:420px;margin-top:12px}.post-actions{border-top:1px solid #94a3b840;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding-top:12px;display:flex}.post-actions>*{flex:0 auto}.post-actions .comment-toggle-wrapper{display:contents}.post-actions .comment-toggle-panel{flex-basis:100%;order:10;width:100%}.action-btn,.like-button,.post-actions .action-btn{box-sizing:border-box;color:#475569;cursor:pointer;background:#ffffff8c;border:1px solid #94a3b833;border-radius:12px;min-width:100px;min-height:40px;padding:10px 14px;font-size:12px;font-weight:700;transition:all .2s}.post-actions .action-btn,.post-actions .like-button{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.action-btn:hover,.like-button:hover:not(:disabled),.post-actions .action-btn:hover{border-color:#6d4bff59;transform:translateY(-1px);box-shadow:0 10px 26px #6d4bff24}.like-button.liked{color:#dc2626;border-color:#dc26264d}.like-button:disabled{opacity:.7;cursor:not-allowed}.sidebar-title{color:#111827;margin-bottom:12px;font-size:14px;font-weight:800}.tag-item{background:#ffffff8c;border:1px solid #94a3b838;border-radius:12px;padding:10px;text-decoration:none;transition:all .2s;display:block}.tag-item:hover{border-color:#3fa7ff59;transform:translateY(-1px);box-shadow:0 10px 26px #3fa7ff1f}.tag-name{color:#3f2a8a;font-size:12px;font-weight:800}.tag-count{color:#64748b;margin-top:2px;font-size:11px}@media (max-width:1100px){.feed-grid{grid-template-columns:240px 1fr}.right-col{display:none}}@media (max-width:900px){.feed-grid{grid-template-columns:1fr}.left-col,.right-col{display:block}.feed-grid>main{order:1}.feed-grid>.left-col{order:2}.feed-grid>.right-col{order:3}.sidebar-sticky{position:static}.left-col,.right-col{margin-top:12px}}.mobile-create-fab{display:none}@media (max-width:768px){.mobile-create-fab{right:14px;bottom:calc(var(--vk-mobile-dock-h) + 14px + env(safe-area-inset-bottom,0px));z-index:47;color:#fff;background:linear-gradient(135deg,#3f2a8a 0%,#6d4bff 60%,#3fa7ff 100%);border:1px solid #ffffff59;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 16px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex;position:fixed;box-shadow:0 14px 34px #3f2a8a59}}
.login-page{background:0 0}.feed-wrapper{z-index:10;background:0 0;width:100%;max-width:1200px;margin:0 auto;padding:20px;position:relative}.friends-container{z-index:10;width:100%;margin:0 auto;padding:20px 20px 40px;position:relative}.friends-header{border-bottom:2px solid #fff3;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:20px;display:flex}.friends-title{background:linear-gradient(135deg,#3f2a8a 0%,#6d4bff 60%,#3fa7ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:32px;font-weight:900}.friends-subtitle{color:#64748b;margin:0;font-size:14px}.friends-back{color:#475569;background:#fff9;border:1px solid #94a3b838;border-radius:12px;padding:10px 16px;font-size:12px;font-weight:900;text-decoration:none;transition:all .2s}.friends-back:hover{border-color:#6d4bff59;transform:translateY(-2px);box-shadow:0 10px 26px #6d4bff24}.search-section{margin-bottom:24px}.search-input{color:#111827;background:#ffffffb3;border:2px solid #94a3b84d;border-radius:12px;outline:none;width:100%;max-width:500px;padding:12px 16px;font-family:Poppins,sans-serif;font-size:13px;transition:all .2s}.search-input:focus{background:#ffffffe6;border-color:#6d4bff;box-shadow:0 0 0 4px #6d4bff1a}.alert{border-left:4px solid;border-radius:12px;gap:12px;margin-bottom:16px;padding:14px;font-size:12px;display:flex}.alert-error{color:#991b1b;background:#ef44441a;border-left-color:#ef4444}.alert-success{color:#166534;background:#22c55e1a;border-left-color:#22c55e}.alert span{flex-shrink:0;font-size:18px}.friends-tabs{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.tab-button{color:#475569;cursor:pointer;background:#fff9;border:2px solid #94a3b84d;border-radius:12px;padding:12px 16px;font-size:12px;font-weight:900;transition:all .2s}.tab-button:hover{border-color:#6d4bff59}.tab-button.active{color:#fff;background:linear-gradient(135deg,#3f2a8a,#6d4bff,#3fa7ff);border-color:#0000}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 20px 60px #0000001a}.friends-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.friend-card{gap:12px;padding:20px;transition:all .2s;display:grid}.friend-card:hover{transform:translateY(-8px);box-shadow:0 30px 80px #00000026}.friend-avatar{background:linear-gradient(135deg,#3f2a8a 0%,#6d4bff 60%,#3fa7ff 100%);border-radius:12px;width:100%;height:120px}.friend-info{gap:6px;display:grid}.friend-name{color:#111827;font-size:14px;font-weight:900}.friend-username{color:#64748b;font-size:12px;font-weight:700}.friend-bio{color:#475569;margin:0;font-size:12px;line-height:1.4}.friend-actions{border-top:1px solid #94a3b840;grid-template-columns:1fr 1fr;gap:10px;padding-top:12px;display:grid}.friend-btn{cursor:pointer;text-align:center;border:none;border-radius:10px;padding:10px 12px;font-size:12px;font-weight:900;text-decoration:none;transition:all .2s;display:block}.friend-btn-primary{color:#fff;background:linear-gradient(135deg,#3f2a8a,#6d4bff,#3fa7ff)}.friend-btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}.friend-btn-secondary{color:#475569;background:#fff9;border:1px solid #94a3b838}.friend-btn-secondary:hover:not(:disabled){border-color:#3fa7ff59;transform:translateY(-2px)}.friend-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:900px){.friends-container{padding:calc(var(--vk-nav-h,72px) + 10px)15px 30px}.friends-header{flex-direction:column;align-items:flex-start;gap:14px}.friends-title{font-size:26px}.friends-tabs{grid-template-columns:1fr}}@media (max-width:600px){.friends-grid{grid-template-columns:1fr}.friends-title{font-size:22px}.search-input{max-width:100%}}
.communities-container{z-index:10;width:100%;max-width:1200px;margin:0 auto;padding:40px 20px;position:relative}.communities-header{text-align:center;margin-bottom:40px;animation:.6s ease-out slideInDown}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000001a}.header-title{background:linear-gradient(135deg,#3f2a8a 0%,#6d4bff 60%,#3fa7ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:42px;font-weight:900}.header-subtitle{color:#5a6b7d;margin:0;font-size:16px}.search-section{margin-bottom:30px;animation:.6s ease-out .1s both slideInUp}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1a202c;background:#fffc;border:2px solid #94a3b84d;border-radius:16px;outline:none;width:100%;max-width:500px;margin:0 auto;padding:14px 20px;font-family:Poppins,sans-serif;font-size:14px;transition:all .3s;display:block}.search-input:focus{background:#fffffff2;border-color:#6d4bff;box-shadow:0 0 0 4px #6d4bff1a}.search-input::placeholder{color:#a0aec0}.tabs-section{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:30px;display:flex}.tab-button{color:#475569;cursor:pointer;background:#fff9;border:2px solid #94a3b84d;border-radius:999px;padding:10px 20px;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;transition:all .3s}.tab-button:hover{border-color:#6d4bff59;box-shadow:0 10px 26px #6d4bff24}.tab-button.active{color:#fff;background:linear-gradient(135deg,#3f2a8a,#6d4bff,#3fa7ff);border-color:#0000}.loading-state{flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.spinner{border:4px solid #94a3b84d;border-top-color:#6d4bff;border-radius:50%;width:60px;height:60px;margin-bottom:20px;animation:1s linear infinite spin}.spinner-small{border:2px solid #94a3b84d;border-top-color:#fff;border-radius:50%;width:12px;height:12px;margin-right:6px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{color:#5a6b7d;font-size:14px;font-weight:700}.empty-state{background:#ffffff80;border:1px solid #ffffff4d;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.empty-state h3{color:#111827;margin:12px 0;font-size:22px}.empty-state p{color:#5a6b7d;margin:0;font-size:13px}.communities-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:24px;animation:.6s ease-out fadeIn;display:grid}@media (max-width:640px){.communities-grid{grid-template-columns:1fr;gap:16px}.communities-container{padding:24px 12px 48px}.header-title{font-size:28px!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.community-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:2px solid;border-radius:16px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000001a}.community-card:hover{transform:translateY(-8px);box-shadow:0 30px 80px #00000026}.community-header{justify-content:center;align-items:center;height:100px;display:flex;position:relative}.community-icon{filter:drop-shadow(0 4px 6px #0000001a);font-size:48px}.community-body{flex-direction:column;flex-grow:1;padding:20px;display:flex}.community-name{color:#111827;margin:0 0 10px;font-size:18px;font-weight:900}.community-description{color:#475569;flex-grow:1;margin:0 0 15px;font-size:13px;line-height:1.6}.community-stats{align-items:center;gap:12px;margin-bottom:15px;display:flex}.stat{color:#64748b;font-size:12px;font-weight:700}.community-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3f2a8a,#6d4bff,#3fa7ff);border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-family:Poppins,sans-serif;font-size:13px;font-weight:900;transition:all .3s;display:flex}.community-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 30px #6d4bff4d}.community-button:disabled{opacity:.7;cursor:not-allowed}.community-button.joined{color:#166534;background:#22c55e33;border:1px solid #22c55e80}.community-button.joined:hover:not(:disabled){background:#22c55e4d}.view-link{text-align:center;color:#3fa7ff;background:#3fa7ff1a;border:1px solid #3fa7ff4d;border-radius:8px;margin-top:10px;padding:8px;font-size:12px;font-weight:700;text-decoration:none;transition:all .3s;display:block}.view-link:hover{background:#3fa7ff33;border-color:#3fa7ff80}@media (max-width:900px){.communities-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.communities-container{padding:30px 15px}.header-content{padding:30px 20px}.header-title{font-size:32px}.header-subtitle{font-size:14px}}@media (max-width:600px){.communities-grid{grid-template-columns:1fr}.communities-container{padding:20px 12px}.header-title{font-size:26px}.header-subtitle{font-size:12px}.tabs-section{gap:8px}.tab-button{padding:8px 14px;font-size:12px}.search-input{max-width:100%;padding:12px 16px;font-size:13px}}
.msg-page-root{justify-content:flex-start;align-items:flex-start;padding:10px 14px 14px;overflow-y:auto}.feed-wrapper.messages-page{padding-top:calc(var(--vk-nav-h,72px) + 8px);padding-bottom:12px}.messages-page{min-height:calc(100vh - var(--vk-nav-h,72px) - 20px);height:calc(100vh - var(--vk-nav-h,72px) - 20px);max-height:calc(100vh - var(--vk-nav-h,72px) - 20px);grid-template-rows:1fr;grid-template-columns:320px 1fr 260px;align-items:stretch;gap:18px;display:grid;overflow:hidden}@supports (height:100dvh){.messages-page{min-height:calc(100dvh - var(--vk-nav-h,72px) - 20px);height:calc(100dvh - var(--vk-nav-h,72px) - 20px);max-height:calc(100dvh - var(--vk-nav-h,72px) - 20px)}}@media (max-width:1024px){.messages-page{height:auto;max-height:none;min-height:calc(100vh - var(--vk-nav-h,72px) - 20px);grid-template-rows:auto 1fr;grid-template-columns:1fr;overflow:visible}.messages-page.with-chat .msg-sidebar-right{display:none}}@media (max-width:640px){.messages-page{grid-template-columns:1fr}.msg-sidebar-left{min-width:100%}}.msg-sidebar-left{flex-direction:column;min-height:0;display:flex;overflow:hidden}.msg-sidebar-left.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #fff3;padding:0;overflow:hidden}.msg-sidebar-left-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px;display:flex}.msg-sidebar-left-title{color:#1e293b;font-size:20px;font-weight:800}.msg-conv-filters{border-bottom:1px solid #e2e8f0;gap:4px;padding:8px 16px;display:flex}.msg-conv-filters button{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 12px;font-size:12px}.msg-conv-filters button.active{background:var(--msg-accent,#6366f1);color:#fff;border-color:#0000}.msg-conversation-list{flex:1;min-height:0;overflow-y:auto}.msg-conversation-item{cursor:pointer;color:inherit;border-bottom:1px solid #f1f5f9;border-left:2px solid #0000;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;transition:background .15s,box-shadow .15s,border-color .15s;display:flex}.msg-conversation-item:hover{background:#fff3}.msg-conversation-item.active{background:#ffffff38;border-left-color:#ec4899;box-shadow:inset 0 0 0 1px #ec489940,0 0 18px #ec489929}.msg-conversation-avatar{object-fit:cover;background:#e2e8f0;border-radius:50%;flex-shrink:0;width:48px;height:48px}.msg-conversation-avatar-wrap{position:relative}.msg-conversation-status-dot{background:#94a3b8;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:2px}.msg-conversation-status-dot.online{background:#22c55e}.msg-conversation-status-dot.away{background:#eab308}.msg-conversation-status-dot.busy{background:#ef4444}.msg-conversation-body{flex:1;min-width:0}.msg-conversation-name{color:#1e293b;margin-bottom:2px;font-size:15px;font-weight:700}.msg-conversation-preview{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.msg-conversation-meta{text-align:right;flex-shrink:0}.msg-conversation-time{color:#94a3b8;font-size:12px}.msg-conversation-unread{color:#fff;text-align:center;background:#6366f1;border-radius:10px;min-width:20px;height:20px;margin-top:4px;padding:0 6px;font-size:11px;font-weight:800;line-height:20px;display:inline-block}.msg-main{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.msg-chat-shell{flex-direction:column;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.msg-main:not(.glass-card){background:#fff;box-shadow:0 0 0 1px #e2e8f0}.msg-chat-header{z-index:3;background:#ffffffeb;border-bottom:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex;position:relative}.msg-chat-header-avatar{object-fit:cover;background:#e2e8f0;border-radius:50%;width:40px;height:40px}.msg-chat-header-info{flex:1;min-width:0}.msg-chat-header-name{color:#1e293b;font-size:16px;font-weight:700}.msg-chat-header-profile-link{color:inherit;text-decoration:none}.msg-chat-header-profile-link:hover{color:#4f46e5;text-decoration:underline}.msg-chat-header-avatar-link{outline-offset:2px;border-radius:50%;flex-shrink:0;text-decoration:none}.msg-chat-header-avatar-link:hover .msg-chat-header-avatar,.msg-chat-header-avatar-link:focus-visible .msg-chat-header-avatar{box-shadow:0 0 0 2px #c7d2fe}.msg-chat-header-status{color:#64748b;font-size:12px}.msg-chat-header-actions{flex-shrink:0}.msg-search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;width:160px;padding:6px 12px;font-size:13px}.msg-search-input:focus{border-color:#6366f1;outline:none}.msg-blocked-notice{text-align:center;color:#b91c1c;background:#fef2f2;border-top:1px solid #fecaca;padding:16px;font-size:14px}.msg-messages-area{overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:8px;min-height:0;padding:16px;display:flex;overflow-y:auto}.msg-message-row{align-items:flex-end;gap:10px;max-width:min(100%,640px);display:flex}.msg-message-row.own{flex-direction:row-reverse;align-self:flex-end}.msg-message-row.other{align-self:flex-start}.msg-message-row .msg-message-bubble{flex:auto;min-width:0;max-width:100%}.msg-message-avatar-wrap{flex-shrink:0}.msg-message-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px;display:block}.msg-message-avatar-fallback{color:#64748b;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:flex}.msg-message-bubble{word-wrap:break-word;overflow-wrap:anywhere;word-break:break-word;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #fff3;border-radius:18px;max-width:75%;padding:10px 38px 10px 14px;font-size:14px;line-height:1.45;position:relative}.msg-message-content{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.msg-message-bubble.sent{color:#fff;background:#ffffff1a;border-bottom-right-radius:4px;align-self:flex-end}.msg-message-bubble.received{color:#1e293b;background:#ffffff1a;border-bottom-left-radius:4px;align-self:flex-start}.msg-message-bubble.deleted{opacity:.8;font-style:italic}.msg-message-bubble-system{color:#64748b;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;max-width:100%;margin-inline:auto;padding:4px 0 2px;background:0 0!important;align-self:center!important}.msg-message-bubble-system .msg-message-meta{justify-content:center}.msg-message-bubble-system .msg-message-actions-wrap{display:none}.msg-system-event{justify-content:center;display:flex}.msg-system-event-content{color:#9d174d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff52;border:1px solid #ec48993d;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.msg-system-event-dot{color:#9d174d80}.msg-system-event-label{color:#9d174dbf;font-size:11px}.msg-message-actions-wrap{z-index:2;position:absolute;top:6px;right:8px}.msg-message-menu-trigger{width:28px;height:28px;color:inherit;cursor:pointer;opacity:.75;background:#0000001f;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:flex}.msg-message-bubble.sent .msg-message-menu-trigger{color:#fff;background:#ffffff38}.msg-message-menu-trigger:hover,.msg-message-menu-trigger:focus-visible{opacity:1;outline-offset:1px;outline:2px solid #6366f180}.msg-message-menu{color:#1e293b;z-index:10;background:#fff;border-radius:12px;min-width:160px;margin-top:4px;padding:6px 0;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #0f172a2e,0 0 0 1px #0f172a0f}.msg-message-menu-item{text-align:left;cursor:pointer;color:#334155;background:0 0;border:none;width:100%;padding:10px 14px;font-size:14px;display:block}.msg-message-menu-item:hover{background:#f1f5f9}.msg-message-menu-item-danger{color:#b91c1c}.msg-message-menu-item-danger:hover{background:#fef2f2}.msg-message-reply-preview{background:#00000014;border-left:3px solid #0003;border-radius:10px;margin-bottom:8px;padding:8px 10px;font-size:12px}.msg-message-reactions{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.msg-message-reaction{cursor:pointer;background:#0000000f;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;display:inline-flex}.msg-message-meta{justify-content:flex-end;align-items:center;gap:6px;margin-top:4px;display:flex}.msg-message-time{opacity:.85;font-size:11px}.msg-message-read-status{opacity:.9;font-size:12px}.msg-reply-preview{background:#f1f5f9;border-radius:10px;align-items:center;margin-bottom:8px;padding:8px 12px;font-size:13px;display:flex}.msg-reply-label{color:#64748b;flex-shrink:0;margin-right:6px}.msg-reply-text{text-overflow:ellipsis;white-space:nowrap;color:#475569;flex:1;min-width:0;overflow:hidden}.msg-input-area{z-index:3;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;position:sticky;bottom:0}.msg-composer-popover-host{z-index:2147482600;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;pointer-events:auto;border-radius:12px;max-height:min(56vh,520px);position:fixed;overflow:hidden;box-shadow:0 20px 36px #0f172a38}.msg-composer-popover{z-index:25;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:12px;max-height:min(56vh,520px);position:absolute;bottom:calc(100% + 8px);left:10px;right:10px;overflow:hidden;box-shadow:0 20px 36px #0f172a38}.msg-input-row{align-items:flex-end;gap:8px;display:flex}.msg-input-field{resize:none;border:2px solid #e2e8f0;border-radius:22px;flex:1;min-height:44px;max-height:120px;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.msg-input-field:focus{border-color:#6366f1;outline:none}.msg-input-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.msg-btn-icon{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:transform .2s,background-color .2s,color .2s;display:flex}.msg-btn-icon:hover{color:#6366f1;background:#e2e8f0;transform:scale(1.1)}.msg-btn-send{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:transform .15s,box-shadow .15s;display:flex}.msg-btn-send:hover{transform:scale(1.05);box-shadow:0 4px 12px #6366f166}.msg-typing-indicator{color:#64748b;align-self:flex-start;padding:8px 14px;font-size:13px;font-style:italic}.msg-sidebar-right:not(.glass-card){background:#ffffff1a;border-left:1px solid #fff3}.msg-sidebar-right{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #fff3;flex-direction:column;gap:16px;padding:16px;display:flex;overflow-y:auto}.msg-online-title{color:#1e293b;margin-bottom:8px;font-size:14px;font-weight:700}.msg-online-list{flex-direction:column;gap:6px;display:flex}.msg-online-item{cursor:pointer;color:inherit;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;text-decoration:none;transition:background .15s;display:flex}.msg-online-item:hover{background:#f1f5f9}.msg-nudge-shake{animation:.5s msg-nudge-shake}.msg-nudge-glow{animation:.8s msg-nudge-glow}@keyframes msg-nudge-glow{0%{box-shadow:0 0 #fbbf2400}30%{box-shadow:0 0 0 2px #fbbf24cc,0 0 28px #f9731640}to{box-shadow:0 0 #fbbf2400}}@keyframes msg-nudge-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.msg-nudge-toast{color:#92400e;background:linear-gradient(90deg,#fff7edf7,#fef3c7f7);border:1px solid #f59e0b;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;line-height:1;animation:.22s msg-nudge-toast-in;display:inline-flex;box-shadow:0 8px 24px #92400e33}.msg-nudge-toast-queue{background:#ffffffd9;border:1px solid #f59e0b;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:800}@keyframes msg-nudge-toast-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.msg-empty-state{color:#64748b;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.msg-empty-state-icon{opacity:.6;margin-bottom:16px;font-size:48px}.msg-theme-default{--msg-bg:#f1f5f9;--msg-accent:#6366f1;--msg-sent:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);--msg-received:#f1f5f9}.msg-theme-classic{--msg-bg:#e3f2fd;--msg-accent:#1976d2;--msg-sent:linear-gradient(135deg,#1976d2,#42a5f5);--msg-received:#bbdefb}.msg-theme-dark{--msg-bg:#1e293b;--msg-accent:#818cf8;--msg-sent:#4a4e69;--msg-received:#16213e}.msg-theme-classic-msn{--msg-bg:#e3f2fd;--msg-accent:#1976d2;--msg-sent:linear-gradient(135deg,#1976d2,#42a5f5);--msg-received:#bbdefb}.msg-theme-orkut{--msg-bg:#e8eaf6;--msg-accent:#3f51b5;--msg-sent:linear-gradient(135deg,#3f51b5,#5c6bc0);--msg-received:#c5cae9}.msg-theme-pink-glitter{--msg-bg:#fce4ec;--msg-accent:#c2185b;--msg-sent:linear-gradient(135deg,#c2185b,#e91e63);--msg-received:#f8bbd9}.msg-theme-soft-pastel,.msg-theme-pastel{--msg-bg:#f3e5f5;--msg-accent:#7b1fa2;--msg-sent:linear-gradient(135deg,#7b1fa2,#ab47bc);--msg-received:#e1bee7}.msg-theme-dark-sadcore{--msg-bg:#1a1a2e;--msg-accent:#a5b4fc;--msg-sent:#4a4e69;--msg-received:#16213e}.msg-theme-neon-retro{--msg-bg:#0d0221;--msg-accent:#ff2a6d;--msg-sent:linear-gradient(135deg,#ff2a6d,#05d9e8);--msg-received:#1b4965}.msg-theme-dreamy-purple{--msg-bg:#2d1b4e;--msg-accent:#c77dff;--msg-sent:linear-gradient(135deg,#9d4edd,#c77dff);--msg-received:#5a189a}.msg-theme-tumblr-pink{--msg-bg:#0f0f0f;--msg-accent:#ff6b9d;--msg-sent:#ff6b9d;--msg-received:#2d2d2d}.msg-theme-glitter-angel{--msg-bg:#fff5f7;--msg-accent:#db2777;--msg-sent:linear-gradient(135deg,#ffb3c6,#ffc2d4);--msg-received:#ffe4ec}.msg-theme-indie-blue{--msg-bg:#e0f7fa;--msg-accent:#00838f;--msg-sent:linear-gradient(135deg,#00838f,#00acc1);--msg-received:#b2ebf2}.feed-wrapper.messages-page[class*=msg-theme-]{background-color:var(--msg-bg);transition:background-color .2s}.feed-wrapper.messages-page:not(.msg-theme-default) .glass-card{background:color-mix(in srgb,var(--msg-bg)42%,white 58%);border-color:color-mix(in srgb,var(--msg-bg)55%,#cbd5e1 45%)}.feed-wrapper.messages-page:is(.msg-theme-dark,.msg-theme-dark-sadcore,.msg-theme-neon-retro,.msg-theme-dreamy-purple,.msg-theme-tumblr-pink) .glass-card{color:#e2e8f0;background:#0f172ad1;border-color:#94a3b838;box-shadow:0 18px 50px #00000059}.feed-wrapper.messages-page:is(.msg-theme-dark,.msg-theme-dark-sadcore,.msg-theme-neon-retro,.msg-theme-dreamy-purple,.msg-theme-tumblr-pink) .msg-sidebar-left-title,.feed-wrapper.messages-page:is(.msg-theme-dark,.msg-theme-dark-sadcore,.msg-theme-neon-retro,.msg-theme-dreamy-purple,.msg-theme-tumblr-pink) .msg-conversation-name,.feed-wrapper.messages-page:is(.msg-theme-dark,.msg-theme-dark-sadcore,.msg-theme-neon-retro,.msg-theme-dreamy-purple,.msg-theme-tumblr-pink) .msg-chat-header-name{color:#f1f5f9}.feed-wrapper.messages-page:is(.msg-theme-dark,.msg-theme-dark-sadcore,.msg-theme-neon-retro,.msg-theme-dreamy-purple,.msg-theme-tumblr-pink) .msg-conversation-preview,.feed-wrapper.messages-page:is(.msg-theme-dark,.msg-theme-dark-sadcore,.msg-theme-neon-retro,.msg-theme-dreamy-purple,.msg-theme-tumblr-pink) .msg-conversation-time,.feed-wrapper.messages-page:is(.msg-theme-dark,.msg-theme-dark-sadcore,.msg-theme-neon-retro,.msg-theme-dreamy-purple,.msg-theme-tumblr-pink) .msg-chat-header-status,.feed-wrapper.messages-page:is(.msg-theme-dark,.msg-theme-dark-sadcore,.msg-theme-neon-retro,.msg-theme-dreamy-purple,.msg-theme-tumblr-pink) .msg-chat-header-now-playing{color:#94a3b8}.feed-wrapper.messages-page:is(.msg-theme-dark,.msg-theme-dark-sadcore,.msg-theme-neon-retro,.msg-theme-dreamy-purple,.msg-theme-tumblr-pink) .msg-conversation-item:hover{background:#ffffff0f}.feed-wrapper.messages-page:is(.msg-theme-dark,.msg-theme-dark-sadcore,.msg-theme-neon-retro,.msg-theme-dreamy-purple,.msg-theme-tumblr-pink) .msg-conversation-item.active{border-left-color:var(--msg-accent,#818cf8);background:#6366f147}.feed-wrapper.messages-page:is(.msg-theme-dark,.msg-theme-dark-sadcore,.msg-theme-neon-retro,.msg-theme-dreamy-purple,.msg-theme-tumblr-pink) .msg-chat-header{border-bottom-color:#94a3b838}.feed-wrapper.messages-page:is(.msg-theme-dark,.msg-theme-dark-sadcore,.msg-theme-neon-retro,.msg-theme-dreamy-purple,.msg-theme-tumblr-pink) .msg-messages-area{background:#0000001f}.msg-message-bubble.sent{background:var(--msg-sent,#ffffff1a)}.msg-message-bubble.received{background:var(--msg-received,#ffffff1a)}.msg-status-bar{background:var(--msg-bg);border-radius:12px;margin-bottom:12px;padding:12px}.msg-status-bar-title{color:#475569;margin-bottom:8px;font-size:13px;font-weight:700}.msg-status-options{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.msg-status-option{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;transition:all .2s;display:inline-flex}.msg-status-option:hover{border-color:var(--msg-accent,#6366f1);background:#f8fafc}.msg-status-option.active{border-color:var(--msg-accent,#6366f1);color:#4338ca;background:#e0e7ff}.msg-status-option-emoji{font-size:14px}.msg-mood-row{align-items:center;gap:8px;display:flex}.msg-mood-input{border:1px solid #e2e8f0;border-radius:10px;flex:1;padding:8px 12px;font-size:13px}.msg-btn-save-mood{background:var(--msg-accent,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.msg-mood-suggestions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.msg-mood-suggestion-chip{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:4px 10px;font-size:12px}.msg-now-playing-bar{background:var(--msg-bg);border-radius:12px;margin-bottom:12px;padding:12px}.msg-now-playing-bar-title{color:#475569;margin-bottom:8px;font-size:13px;font-weight:700}.msg-now-playing-display{cursor:pointer;text-align:left;background:#fff;border:1px dashed #cbd5e1;border-radius:10px;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:13px;display:flex}.msg-now-playing-display:hover{border-color:var(--msg-accent,#6366f1)}.msg-now-playing-icon{font-size:16px}.msg-now-playing-value{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.msg-now-playing-placeholder{color:#94a3b8}.msg-now-playing-input{border:1px solid #e2e8f0;border-radius:8px;width:100%;margin-bottom:8px;padding:8px 12px;font-size:13px}.msg-now-playing-actions{gap:8px;display:flex}.msg-btn-now-playing-save{background:var(--msg-accent,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:6px 12px;font-size:12px}.msg-btn-now-playing-clear{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 12px;font-size:12px}.msg-now-playing-compact{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.msg-now-playing-input-inline{border:1px solid #e2e8f0;border-radius:8px;flex:1;min-width:120px;padding:6px 10px;font-size:12px}.msg-now-playing-text{cursor:pointer;color:#64748b;text-align:left;background:0 0;border:none;padding:4px 0;font-size:12px}.msg-activity-ticker{background:var(--msg-bg);border-radius:12px;margin-bottom:12px;padding:12px}.msg-activity-ticker-title{color:#475569;margin-bottom:8px;font-size:13px;font-weight:700}.msg-activity-ticker-list{max-height:180px;margin:0;padding:0;list-style:none;overflow-y:auto}.msg-activity-ticker-item{color:#475569;border-bottom:1px solid #0000000f;padding:6px 0;font-size:12px}.msg-activity-ticker-name{color:#1e293b;font-weight:600}.msg-activity-ticker-label{color:#64748b}.msg-activity-ticker-time{color:#94a3b8;margin-left:4px;font-size:11px}.msg-activity-ticker-empty{color:#94a3b8;padding:8px 0;font-size:12px}.msg-activity-ticker-loading{color:#94a3b8;font-size:12px}.msg-theme-picker{margin-bottom:12px}.msg-theme-picker-title{color:#475569;margin-bottom:8px;font-size:13px;font-weight:700}.msg-theme-swatches{flex-wrap:wrap;gap:8px;display:flex}.msg-theme-swatch{cursor:pointer;background:var(--swatch-bg,#f1f5f9);border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;gap:2px;width:36px;height:36px;padding:0;transition:transform .2s;display:flex}.msg-theme-swatch:hover{transform:scale(1.1)}.msg-theme-swatch.active{border-color:#1e293b;box-shadow:0 0 0 2px #fff}.msg-theme-swatch-bubble{border-radius:4px;width:6px;height:10px}.msg-theme-swatch-bubble.sent{background:var(--swatch-sent,#6366f1)}.msg-theme-swatch-bubble.received{background:#e2e8f0}.msg-theme-picker-compact{align-items:center;gap:8px;display:flex}.msg-theme-select{border:1px solid #e2e8f0;border-radius:8px;padding:6px 10px;font-size:12px}.msg-wink-overlay{z-index:9999;pointer-events:none;justify-content:center;align-items:center;animation:2s ease-out forwards msg-wink-fade;display:flex;position:fixed;inset:0}.msg-wink-overlay[data-reduced-motion=true]{animation-duration:.5s}.msg-wink-content{text-align:center;padding:24px}.msg-wink-sender{color:#64748b;margin-bottom:8px;font-size:14px;display:block}.msg-wink-emoji{font-size:64px;animation:.6s msg-wink-pulse}.msg-wink-sparkles .msg-wink-emoji{filter:drop-shadow(0 0 20px #ffd70099)}@keyframes msg-wink-fade{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}@keyframes msg-wink-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.msg-retro-popup{z-index:1000;animation:.3s msg-popup-in;position:fixed;top:80px;right:24px}.msg-retro-popup-inner{background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);border:2px solid #e2e8f0;border-radius:16px;min-width:220px;padding:16px 20px;position:relative;box-shadow:0 10px 40px #00000026}.msg-retro-popup-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;width:24px;height:24px;font-size:18px;line-height:1;position:absolute;top:8px;right:8px}.msg-retro-popup-icon{margin-bottom:4px;font-size:28px}.msg-retro-popup-title{color:#1e293b;font-size:14px;font-weight:700}.msg-retro-popup-message{color:#64748b;margin-top:4px;font-size:12px}@keyframes msg-popup-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.msg-sound-settings{background:var(--msg-bg);border-radius:12px;margin-bottom:12px;padding:12px}.msg-sound-settings-title{color:#475569;margin-bottom:4px;font-size:13px;font-weight:700}.msg-sound-settings-desc{color:#64748b;margin-bottom:8px;font-size:11px}.msg-sound-toggle{cursor:pointer;align-items:center;gap:8px;display:flex}.msg-sound-toggle input{display:none}.msg-sound-toggle-slider{background:#cbd5e1;border-radius:10px;width:36px;height:20px;transition:background .2s;position:relative}.msg-sound-toggle-slider:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.msg-sound-toggle input:checked+.msg-sound-toggle-slider{background:var(--msg-accent,#6366f1)}.msg-sound-toggle input:checked+.msg-sound-toggle-slider:after{transform:translate(16px)}.msg-sound-toggle-label{color:#475569;font-size:12px}.msg-sound-settings-compact{cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.msg-room-presence-card{color:inherit;border-radius:12px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;text-decoration:none;transition:background .15s;display:flex}.msg-room-presence-card:hover{background:#f1f5f9}.msg-room-presence-avatar-wrap{flex-shrink:0;position:relative}.msg-room-presence-avatar{object-fit:cover;background:#e2e8f0;border-radius:50%;width:44px;height:44px}.msg-room-presence-avatar-placeholder{color:#64748b;justify-content:center;align-items:center;font-size:18px;display:flex}.msg-room-presence-dot{border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.msg-room-presence-dot.online{background:#22c55e}.msg-room-presence-dot.away{background:#eab308}.msg-room-presence-dot.busy{background:#ef4444}.msg-room-presence-dot.chatting{background:#6366f1}.msg-room-presence-dot.listening{background:#ec4899}.msg-room-presence-info{flex:1;min-width:0}.msg-room-presence-name{color:#1e293b;font-size:14px;font-weight:600}.msg-room-presence-mood{color:#64748b;font-size:12px}.msg-room-presence-now-playing{color:#6366f1;margin-top:2px;font-size:11px}.msg-profile-aesthetic-card{background:var(--msg-bg);text-align:center;border-radius:12px;margin-bottom:12px;padding:16px}.msg-profile-aesthetic-title{color:#475569;margin-bottom:12px;font-size:13px;font-weight:700}.msg-profile-aesthetic-avatar-wrap{margin-bottom:8px}.msg-profile-aesthetic-frame{border-radius:50%;padding:4px;display:inline-flex}.msg-profile-aesthetic-frame.frame-none{padding:0}.msg-profile-aesthetic-frame.frame-heart{box-shadow:0 0 0 3px #f472b6}.msg-profile-aesthetic-frame.frame-sparkle{box-shadow:0 0 12px #ffd70080}.msg-profile-aesthetic-frame.frame-neon{box-shadow:0 0 8px var(--msg-accent,#6366f1)}.msg-profile-aesthetic-avatar{object-fit:cover;border-radius:50%;width:64px;height:64px}.msg-profile-aesthetic-avatar.placeholder{color:#64748b;background:#e2e8f0;justify-content:center;align-items:center;font-size:24px;display:flex}.msg-profile-aesthetic-name{color:#1e293b;margin-bottom:4px;font-size:14px;font-weight:700}.msg-profile-aesthetic-vibe{border:1px solid #e2e8f0;border-radius:8px;width:100%;margin-top:6px;padding:6px 10px;font-size:12px}.msg-profile-aesthetic-vibe-display{color:#64748b;margin-top:4px;font-size:12px;font-style:italic}.msg-profile-aesthetic-options{text-align:left;margin-top:12px}.msg-profile-aesthetic-option-label{color:#64748b;margin-bottom:4px;font-size:11px;display:block}.msg-profile-aesthetic-frame-chips{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.msg-profile-frame-chip{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:4px 10px;font-size:11px}.msg-profile-frame-chip.active{border-color:var(--msg-accent,#6366f1);background:#e0e7ff}.msg-profile-accent-picker{cursor:pointer;border:none;border-radius:8px;width:32px;height:32px;padding:0}.msg-friend-energy-chips{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.msg-friend-energy-chip{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:4px 10px;font-size:12px;transition:all .2s}.msg-friend-energy-chip:hover{border-color:var(--msg-accent,#6366f1);background:#f8fafc}.msg-mobile-actions-panel{transform-origin:100% 100%;animation:.14s ease-out msg-mobile-actions-in}@keyframes msg-mobile-actions-in{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.msg-waiting-for-you{color:#92400e;text-align:center;background:linear-gradient(90deg,#fef3c7,#fde68a);border-radius:12px;margin-bottom:8px;padding:10px 14px;font-size:13px;font-weight:600}.msg-chat-header-now-playing{color:#6366f1;margin-top:2px;font-size:11px}.msg-call-chip{letter-spacing:.02em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;flex-shrink:0;align-items:center;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex}.msg-call-chip-ringing{color:#b45309;background:#fffbeb;border-color:#fde68a}.msg-call-chip-connecting{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.msg-call-chip-active{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.msg-call-chip-missed{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.msg-call-chip-failed{color:#991b1b;background:#fef2f2;border-color:#fecaca}.msg-call-chip-idle{color:#64748b;background:#f8fafc;border-color:#e2e8f0}@keyframes msg-call-modal-ring-pulse{0%,to{opacity:.75}50%{opacity:1}}.msg-call-modal-ringing{animation:1.6s ease-in-out infinite msg-call-modal-ring-pulse}@media (prefers-reduced-motion:reduce){.msg-nudge-shake,.msg-nudge-glow,.msg-nudge-toast{animation:none!important}.msg-wink-overlay{animation-duration:.4s!important}.msg-wink-emoji,.msg-retro-popup,.msg-call-modal-ringing{animation:none!important}}@media (max-width:1024px){.messages-page.with-chat{min-height:calc(100vh - var(--vk-nav-h,72px) - 20px);height:calc(100vh - var(--vk-nav-h,72px) - 20px);max-height:calc(100vh - var(--vk-nav-h,72px) - 20px);grid-template-rows:1fr;grid-template-columns:1fr;overflow:hidden}@supports (height:100dvh){.messages-page.with-chat{min-height:calc(100dvh - var(--vk-nav-h,72px) - 20px);height:calc(100dvh - var(--vk-nav-h,72px) - 20px);max-height:calc(100dvh - var(--vk-nav-h,72px) - 20px)}}.messages-page.with-chat .msg-sidebar-left,.messages-page.with-chat .msg-sidebar-right{display:none}.messages-page.with-chat .msg-main{height:100%;min-height:0}}@media (max-width:640px){.msg-chat-header{gap:10px;padding:10px 12px}.msg-chat-header-actions{justify-content:flex-end;max-width:48%}.msg-search-input{width:min(128px,42vw);min-width:0}.msg-message-bubble{max-width:88%}.msg-now-playing-input-inline{min-width:0}.msg-retro-popup{top:calc(var(--vk-nav-h,72px) + 10px);left:10px;right:10px}.msg-retro-popup-inner{width:100%;min-width:0}.msg-messages-area{gap:10px;padding:12px}.msg-input-area{padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.msg-composer-popover{max-height:min(60vh,480px);left:8px;right:8px}.msg-composer-popover-host{max-height:min(60vh,480px)}.msg-friend-energy-chips{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}}@media (max-width:1024px){.messages-page.with-chat .msg-input-area{bottom:calc(var(--vk-mobile-dock-h,72px) + env(safe-area-inset-bottom,0px))}}
:root{--orkut-blue:#2f6fed;--orkut-blue-light:#5aa5ff;--orkut-blue-dark:#1a4fa0;--orkut-gray:#666;--orkut-gray-light:#999;--orkut-gray-lighter:#ccc;--orkut-border:#ccc;--orkut-bg:#f5f5f5;--orkut-white:#fff}.glass-card{margin-bottom:1.5rem}.card-header{background:linear-gradient(90deg,var(--orkut-blue)0%,var(--orkut-blue-light)100%);color:var(--orkut-white);border-bottom:1px solid var(--orkut-border);border-radius:4px 4px 0 0;margin:0;padding:8px 12px;font-size:13px;font-weight:700}.card-title{color:var(--orkut-blue-dark);margin:0 0 4px;padding:0;font-size:14px;font-weight:700}.card-subtitle{color:var(--orkut-gray-light);margin:0;padding:0;font-size:11px}.card-body{padding:12px}.card-footer{border-top:1px solid var(--orkut-border);background:var(--orkut-bg);text-align:center;color:var(--orkut-gray-light);padding:8px 12px;font-size:11px}.notif-list{flex-direction:column;gap:0;display:flex}.notif-item{border-bottom:1px solid var(--orkut-bg);gap:8px;padding:10px 12px;transition:background .2s;display:flex;position:relative}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--orkut-bg)}.notif-item.unread{background:#e3f2fd}.notif-left{flex-shrink:0;align-items:flex-start;display:flex;position:relative}.notif-icon{background:linear-gradient(135deg,var(--orkut-blue)0%,var(--orkut-blue-light)100%);width:40px;height:40px;color:var(--orkut-white);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.notif-text{flex-direction:column;flex:1;gap:2px;display:flex}.notif-message{color:var(--orkut-gray);margin:0;padding:0;font-size:12px;line-height:1.4}.notif-message strong{color:var(--orkut-blue-dark);font-weight:700}.notif-meta{color:var(--orkut-gray-light);margin:0;padding:0;font-size:10px}.notif-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.badge-unread{background:#ff6b6b;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block;position:absolute;top:10px;left:0}.friend-requests-list{flex-direction:column;gap:0;display:flex}.friend-request-item{border-bottom:1px solid var(--orkut-bg);grid-template-columns:50px 1fr auto;align-items:center;gap:12px;padding:12px;transition:background .2s;display:grid}.friend-request-item:last-child{border-bottom:none}.friend-request-item:hover{background:var(--orkut-bg)}.fr-avatar{background:linear-gradient(135deg,var(--orkut-blue),var(--orkut-blue-light));color:#fff;cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:18px;font-weight:700;text-decoration:none;display:flex;overflow:hidden}.fr-avatar img{object-fit:cover;width:100%;height:100%}.fr-info{flex-direction:column;gap:2px;display:flex}.fr-name{color:var(--orkut-blue-dark);cursor:pointer;font-size:12px;font-weight:700;text-decoration:none;transition:color .2s}.fr-name:hover{color:var(--orkut-blue)}.fr-username{color:var(--orkut-gray-light);margin:0;padding:0;font-size:11px}.fr-time{color:var(--orkut-gray-light);margin:0;padding:0;font-size:10px}.fr-actions{flex-shrink:0;gap:6px;display:flex}.filter-list{flex-direction:column;gap:0;display:flex}.filter-item{border-bottom:1px solid var(--orkut-bg);cursor:pointer;color:var(--orkut-gray);padding:10px 12px;font-size:12px;transition:all .2s}.filter-item:last-child{border-bottom:none}.filter-item:hover{background:var(--orkut-bg);color:var(--orkut-blue)}.filter-item.active{color:var(--orkut-blue);border-left:3px solid var(--orkut-blue);background:#e3f2fd;padding-left:9px;font-weight:700}.orkut-btn{border:1px solid var(--orkut-border);background:var(--orkut-bg);color:var(--orkut-gray);cursor:pointer;border-radius:3px;padding:6px 10px;font-family:Verdana,Arial,sans-serif;font-size:10px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.orkut-btn:hover:not(:disabled){color:var(--orkut-gray-light);background:#efefef}.orkut-btn-small{padding:4px 8px;font-size:9px}.orkut-btn-primary{color:var(--orkut-white);border-color:var(--orkut-blue-dark);background:linear-gradient(#2f6fed 0%,#1a4fa0 100%)}.orkut-btn-primary:hover:not(:disabled){background:linear-gradient(#1a4fa0 0%,#0f2f5c 100%)}.orkut-btn-primary:disabled{opacity:.6;cursor:not-allowed}.orkut-btn-accept{color:#fff;background:#4caf50;border-color:#45a049}.orkut-btn-accept:hover:not(:disabled){background:#45a049}.orkut-btn-reject{color:#fff;background:#f44336;border-color:#da190b}.orkut-btn-reject:hover:not(:disabled){background:#da190b}.orkut-btn:disabled{opacity:.6;cursor:not-allowed}.empty-state{text-align:center;color:var(--orkut-gray-light);padding:40px 20px;font-size:12px}.empty-state p{margin:0 0 12px}.spinner{border:3px solid var(--orkut-border);border-top-color:var(--orkut-blue);border-radius:50%;width:40px;height:40px;margin:40px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.feed-grid{grid-template-columns:280px 1fr 280px;gap:1rem;display:grid}.sidebar-sticky{position:sticky;top:1rem}@media (max-width:1100px){.right-col{display:none}.feed-grid{grid-template-columns:280px 1fr}}@media (max-width:900px){.left-col{display:none}.feed-grid{grid-template-columns:1fr}}@media (max-width:640px){.feed-grid{grid-template-columns:1fr;gap:.75rem}.card-header{padding:6px 10px;font-size:12px}.card-body{padding:10px}.notif-item{padding:8px 10px}.notif-icon{width:36px;height:36px;font-size:16px}.friend-request-item{grid-template-columns:45px 1fr}.fr-actions{grid-column:1/-1;margin-top:8px}.fr-actions .orkut-btn{flex:1}.filter-item{padding:8px 10px;font-size:11px}.orkut-btn{padding:4px 8px;font-size:9px}}
.settings-page{background:linear-gradient(135deg,#e6f0ff 0%,#f5f5f5 100%);min-height:100vh;padding:2rem 1rem}.settings-container{max-width:800px;margin:0 auto}.settings-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.settings-header h1{color:#333;margin:0;font-size:28px;font-weight:700}.settings-back-link{color:#3b5998;font-size:14px;font-weight:700;text-decoration:none;transition:color .2s}.settings-back-link:hover{color:#2d4373;text-decoration:underline}.settings-tabs{border-bottom:2px solid #c9d0da;gap:0;margin-bottom:2rem;display:flex}.tab-btn{color:#666;cursor:pointer;background:#f0f2f5;border:1px solid #c9d0da;border-bottom:none;margin-right:-1px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s}.tab-btn:hover{color:#3b5998;background:#fff}.tab-btn.active{color:#3b5998;background:#fff;border:1px solid #c9d0da;border-bottom:2px solid #fff}.alert{border-radius:4px;margin-bottom:1.5rem;padding:12px 16px;font-size:14px;font-weight:700}.alert-error{color:#c62828;background:#ffebee;border:1px solid #f44336}.alert-success{color:#2e7d32;background:#e8f5e9;border:1px solid #4caf50}.settings-content{background:#fff;border:1px solid #c9d0da;border-radius:4px;padding:2rem;box-shadow:0 2px 4px #0000001a}.tab-content h2{color:#3b5998;border-bottom:2px solid #f0f2f5;margin:0 0 1.5rem;padding-bottom:1rem;font-size:20px;font-weight:700}.setting-item{background:#f0f2f5;border-radius:4px;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:1rem;padding:1.5rem;display:flex}.setting-info h3{color:#333;margin:0 0 .5rem;font-size:16px;font-weight:700}.setting-info p{color:#666;margin:0;font-size:13px}.toggle-switch{cursor:pointer;flex-shrink:0;align-items:center;display:flex;position:relative}.toggle-switch input{display:none}.toggle-slider{background-color:#ccc;border-radius:24px;width:50px;height:24px;transition:background-color .3s;display:inline-block;position:relative}.toggle-slider:after{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:2px;left:2px}.toggle-switch input:checked+.toggle-slider{background-color:#4caf50}.toggle-switch input:checked+.toggle-slider:after{transform:translate(26px)}.toggle-switch input:disabled+.toggle-slider{opacity:.6;cursor:not-allowed}.notification-info{background:#e3f2fd;border-left:4px solid #3b5998;border-radius:4px;margin-top:1.5rem;padding:1.5rem}.notification-info h3{color:#3b5998;margin:0 0 1rem;font-size:16px;font-weight:700}.notification-info ul{margin:0;padding:0;list-style:none}.notification-info li{color:#333;padding:.5rem 0;font-size:13px}.settings-section{margin-bottom:2rem}.settings-section h3{color:#3b5998;border-bottom:1px solid #f0f2f5;margin:0 0 1rem;padding-bottom:.5rem;font-size:16px;font-weight:700}.settings-form{background:#f0f2f5;border-radius:4px;padding:1.5rem}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:1.5rem}.form-group label{color:#333;margin-bottom:.5rem;font-size:13px;font-weight:700;display:block}.form-group input{box-sizing:border-box;border:1px solid #c9d0da;border-radius:4px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.form-group input:focus{border-color:#3b5998;outline:none;box-shadow:0 0 0 3px #3b59981a}.form-group input:disabled{cursor:not-allowed;background:#e0e0e0}.btn{cursor:pointer;border:none;border-radius:4px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s}.btn-primary{color:#fff;background:#3b5998}.btn-primary:hover:not(:disabled){background:#2d4373}.btn-secondary{color:#3b5998;background:#fff;border:2px solid #3b5998}.btn-secondary:hover:not(:disabled){background:#d4e2f3}.btn:disabled{opacity:.6;cursor:not-allowed}.account-info{background:#f0f2f5;border-radius:4px;padding:1.5rem}.info-row{border-bottom:1px solid #c9d0da;justify-content:space-between;padding:.75rem 0;font-size:13px;display:flex}.info-row:last-child{border-bottom:none}.info-row span:first-child{color:#333;font-weight:700}.info-value{color:#666;word-break:break-all}.danger-zone{background:#ffebee;border:2px solid #f44336;border-radius:4px;margin-top:2rem;padding:1.5rem}.danger-zone h3{color:#c62828;border-bottom-color:#ffcdd2}.spinner{border:4px solid #3b599833;border-top-color:#3b5998;border-radius:50%;width:40px;height:40px;margin:0 auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:600px){.settings-container{padding:0}.settings-header{flex-direction:column;align-items:flex-start;gap:1rem}.settings-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab-btn{white-space:nowrap;padding:10px 15px;font-size:12px}.settings-content{padding:1rem}.setting-item{flex-direction:column;align-items:flex-start;gap:1rem}.form-group input{font-size:16px}}
.search-wrapper{z-index:10;width:100%;max-width:1200px;margin:0 auto;position:relative}.search-grid{grid-template-columns:260px 1fr 260px;align-items:start;gap:18px;display:grid}.glass-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #ffffff59;border-radius:16px;box-shadow:0 18px 50px #0000001f}.sidebar-sticky{top:calc(var(--vk-nav-h) - 4px);position:sticky}.section-title{color:#111827;margin-bottom:12px;font-size:14px;font-weight:900}.page-title{background:linear-gradient(135deg,#3f2a8a 0%,#6d4bff 60%,#3fa7ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:900}.page-subtitle{color:#5a6b7d;margin-top:4px;font-size:12px;font-weight:500}.search-box{padding:14px}.search-input{background:#ffffffa6;border:2px solid #e2e8f0e6;border-radius:14px;outline:none;width:100%;padding:12px 14px;font-family:Poppins,sans-serif;font-size:13px;transition:all .25s}.search-input:focus{background:#fffffff2;border-color:#6d4bff;box-shadow:0 0 0 5px #6d4bff1f}.results-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.user-card{border-radius:16px;padding:14px;transition:transform .25s,box-shadow .25s,border-color .25s}.user-card:hover{border-color:#6d4bff47;transform:translateY(-1px);box-shadow:0 22px 60px #00000024}.user-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.user-left{flex:1;align-items:center;gap:12px;text-decoration:none;display:flex}.user-avatar{background:linear-gradient(135deg,#3f2a8a 0%,#6d4bff 60%,#3fa7ff 100%);border-radius:999px;flex-shrink:0;width:52px;height:52px}.user-name{color:#111827;font-size:13px;font-weight:900;line-height:1.2}.user-username{color:#64748b;margin-top:2px;font-size:12px}.user-bio{color:#334155;margin-top:10px;font-size:12px;line-height:1.45}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:14px;padding:10px 12px;font-size:12px;font-weight:900;transition:all .2s}.btn-follow{color:#fff;background:linear-gradient(135deg,#3f2a8a,#6d4bff,#3fa7ff);box-shadow:0 10px 26px #6d4bff38}.btn-follow:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-following{color:#475569;background:#ffffff8c;border-color:#94a3b840}.btn-following:hover{border-color:#6d4bff59;box-shadow:0 10px 26px #6d4bff1f}.notice{text-align:center;color:#64748b;border-radius:16px;padding:16px;font-size:12px;font-weight:700}@media (max-width:1100px){.search-grid{grid-template-columns:240px 1fr}.right-col{display:none}}@media (max-width:900px){.search-grid{grid-template-columns:1fr}.left-col{display:none}.results-grid{grid-template-columns:1fr}}
.login-page{background:0 0}.background-container{z-index:0;position:fixed;inset:0;overflow:hidden}.blob{opacity:.3;filter:blur(60px);border-radius:50%;position:absolute}.blob-1{background:#6d4bff;width:400px;height:400px;animation:8s ease-in-out infinite float;top:-100px;left:-100px}.blob-2{background:#3fa7ff;width:350px;height:350px;animation:10s ease-in-out 1s infinite float;bottom:-100px;right:-100px}.circle{opacity:.2;filter:blur(40px);border-radius:50%;position:absolute}.circle-1{background:#3f2a8a;width:300px;height:300px;animation:12s ease-in-out 2s infinite float;top:50%;left:20%}.circle-2{background:#6d4bff;width:250px;height:250px;animation:11s ease-in-out 1.5s infinite float;bottom:10%;right:15%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(30px)}}.feed-wrapper{z-index:10;background:0 0;width:100%;max-width:1200px;margin:0 auto;padding:20px;position:relative}.create-post-container{z-index:10;width:100%;max-width:1200px;margin:0 auto;padding:20px 20px 40px;position:relative}.create-post-header{border-bottom:2px solid #fff3;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:20px;display:flex}.create-post-title{background:linear-gradient(135deg,#3f2a8a 0%,#6d4bff 60%,#3fa7ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:32px;font-weight:900}.create-post-subtitle{color:#64748b;margin:0;font-size:14px}.create-post-back{color:#475569;background:#fff9;border:1px solid #94a3b838;border-radius:12px;padding:10px 16px;font-size:12px;font-weight:900;text-decoration:none;transition:all .2s}.create-post-back:hover{border-color:#6d4bff59;transform:translateY(-2px);box-shadow:0 10px 26px #6d4bff24}.create-post-grid{grid-template-columns:1fr 320px;gap:20px;display:grid}.create-post-main{grid-column:1}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 20px 60px #0000001a}.create-post-form{gap:20px;padding:24px;display:grid}.alert{border-left:4px solid;border-radius:12px;gap:12px;padding:14px;display:flex}.alert-error{background:#ef44441a;border-left-color:#ef4444}.alert-success{background:#22c55e1a;border-left-color:#22c55e}.alert-icon{flex-shrink:0;font-size:20px}.alert-title{color:#111827;font-size:13px;font-weight:900}.alert-message{color:#475569;margin-top:4px;font-size:12px}.form-group{gap:10px;display:grid}.form-label{color:#1f2937;text-transform:uppercase;letter-spacing:.3px;font-size:13px;font-weight:900}.form-textarea{color:#111827;resize:vertical;background:#ffffffb3;border:2px solid #94a3b84d;border-radius:12px;outline:none;width:100%;padding:14px;font-family:Poppins,sans-serif;font-size:14px;transition:all .2s}.form-textarea:focus{background:#ffffffe6;border-color:#6d4bff;box-shadow:0 0 0 4px #6d4bff1a}.form-textarea:disabled{opacity:.6;cursor:not-allowed}.form-input{color:#111827;background:#ffffffb3;border:2px solid #94a3b84d;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-family:Poppins,sans-serif;font-size:13px;transition:all .2s}.form-input:focus{background:#ffffffe6;border-color:#6d4bff;box-shadow:0 0 0 4px #6d4bff1a}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-hint{color:#64748b;font-size:11px;font-weight:700}.char-counter{background:#6d4bff14;border-radius:8px;gap:6px;padding:8px 12px;display:grid}.counter-info{color:#475569;justify-content:space-between;font-size:11px;font-weight:700;display:flex}.word-count{color:#64748b}.counter-bar{background:#94a3b840;border-radius:999px;height:6px;overflow:hidden}.counter-fill{background:linear-gradient(90deg,#3f2a8a,#6d4bff);border-radius:999px;height:100%;transition:all .3s}.counter-fill.warning{background:linear-gradient(90deg,#f97316,#fb923c)}.image-upload-area{text-align:center;background:#ffffff4d;border:2px dashed #94a3b84d;border-radius:12px;padding:20px;transition:all .2s}.image-upload-area:hover{background:#6d4bff0d;border-color:#6d4bff}.upload-button{color:#3fa7ff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:8px;margin:0 auto 8px;font-size:13px;font-weight:900;transition:all .2s;display:flex}.upload-button:hover:not(:disabled){color:#2f88d9}.upload-button:disabled{opacity:.6;cursor:not-allowed}.spinner-small{border:2px solid #3fa7ff4d;border-top-color:#3fa7ff;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.upload-hint{color:#64748b;font-size:11px;font-weight:700}.preview-toggle{color:#3fa7ff;cursor:pointer;background:#3fa7ff1a;border:1px solid #3fa7ff4d;border-radius:12px;padding:12px 16px;font-size:12px;font-weight:900;transition:all .2s}.preview-toggle:hover{background:#3fa7ff33;border-color:#3fa7ff80}.form-actions{border-top:1px solid #94a3b840;grid-template-columns:1fr 1fr;gap:12px;padding-top:12px;display:grid}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:900;text-decoration:none;transition:all .2s;display:flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#3f2a8a,#6d4bff,#3fa7ff)}.btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 30px #6d4bff4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:#475569;background:#fff9;border:1px solid #94a3b838}.btn-secondary:hover{border-color:#3fa7ff59;transform:translateY(-2px)}.create-post-preview{height:fit-content;top:calc(var(--vk-nav-h) + 14px);grid-column:2;position:sticky}.preview-card{max-height:calc(100vh - 140px);padding:18px;overflow-y:auto}.preview-title{color:#111827;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:900}.preview-content{gap:14px;display:grid}.preview-post{background:#ffffff80;border:1px solid #94a3b840;border-radius:12px;padding:12px}.preview-meta{align-items:center;gap:10px;margin-bottom:10px;display:flex}.preview-avatar{background:linear-gradient(135deg,#3f2a8a 0%,#6d4bff 60%,#3fa7ff 100%);border-radius:50%;width:36px;height:36px}.preview-name{color:#111827;font-size:12px;font-weight:900}.preview-date{color:#64748b;font-size:11px}.preview-text{color:#1f2937;white-space:pre-wrap;word-wrap:break-word;min-height:40px;margin-bottom:10px;font-family:Poppins,sans-serif;font-size:12px;line-height:1.6}.preview-image-container{margin-bottom:10px}.preview-image{object-fit:cover;border:1px solid #94a3b840;border-radius:10px;width:100%;max-height:250px}.preview-actions{border-top:1px solid #94a3b840;grid-template-columns:1fr 1fr 1fr;gap:8px;padding-top:10px;display:grid}.preview-actions button{color:#3fa7ff;cursor:pointer;background:#3fa7ff1a;border:1px solid #3fa7ff33;border-radius:8px;padding:8px;font-size:11px;font-weight:700;transition:all .2s}.preview-actions button:hover{background:#3fa7ff33;border-color:#3fa7ff66}@media (max-width:1100px){.create-post-grid{grid-template-columns:1fr}.create-post-preview{grid-column:1;position:static}}@media (max-width:900px){.create-post-header{flex-direction:column;align-items:flex-start;gap:14px}.create-post-title{font-size:26px}.create-post-form{padding:16px}.form-actions{grid-template-columns:1fr}}@media (max-width:600px){.create-post-container{padding:calc(var(--vk-nav-h,72px) + 10px)12px 30px}.create-post-title{font-size:22px}.create-post-form{padding:14px}.form-textarea{padding:12px;font-size:13px}}
.login-page{background:0 0}:root{--orkut-blue:#2f6fed;--orkut-blue-2:#5aa5ff;--orkut-border:#d6e1ff;--orkut-border-2:#c8d6ff;--orkut-text:#1f2937;--orkut-muted:#6b7280;--orkut-card:#fff;--orkut-soft:#f7faff}.feed-wrapper{z-index:10;background:0 0;width:100%;max-width:1200px;margin:0 auto;position:relative}.feed-grid{grid-template-columns:260px 1fr 260px;align-items:start;gap:18px;display:grid}.left-col,.right-col{min-width:0}.sidebar-sticky{top:calc(var(--vk-nav-h) - 4px);position:sticky}@media (max-width:1100px){.feed-grid{grid-template-columns:240px 1fr}.right-col{display:none}}@media (max-width:720px){.feed-grid{grid-template-columns:1fr}.left-col,.right-col{display:block}.feed-grid>.left-col{order:1}.feed-grid>main{order:2}.feed-grid>.right-col{order:3}.sidebar-sticky{position:static}.left-col,.right-col{margin-top:12px}}.glass-card{background:var(--orkut-card);border:1px solid var(--orkut-border);border-radius:10px;box-shadow:0 10px 24px #2f6fed14}.card-header{border-bottom:1px solid var(--orkut-border);background:linear-gradient(#fff,#f6f9ff);border-radius:10px 10px 0 0;padding:10px 12px}.card-title{color:var(--orkut-text);align-items:center;gap:8px;font-size:13px;font-weight:900;display:flex}.card-subtitle{color:var(--orkut-muted);margin-top:3px;font-size:11px;font-weight:600}.profile-topbar{background:linear-gradient(135deg,var(--orkut-blue),var(--orkut-blue-2));border-radius:10px 10px 0 0;height:86px;position:relative;overflow:hidden}.profile-topbar img{object-fit:cover;width:100%;height:100%;display:block}.profile-body{padding:12px}.profile-avatar-wrap{width:fit-content;max-width:100%;margin:0 auto;position:relative}.profile-avatar-file-input{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.profile-avatar-change{background:linear-gradient(135deg,var(--orkut-blue),var(--orkut-blue-2));color:#fff;cursor:pointer;border:2px solid #fff;border-radius:999px;place-items:center;width:30px;height:30px;padding:0;font-size:13px;line-height:1;display:grid;position:absolute;bottom:2px;right:2px;box-shadow:0 4px 12px #0000002e}.profile-avatar-change:disabled{opacity:.55;cursor:not-allowed}.profile-avatar{color:#335aa6;background:#e8efff;border:3px solid #fff;border-radius:12px;place-items:center;width:96px;height:96px;margin-top:-42px;font-weight:900;display:grid;overflow:hidden;box-shadow:0 10px 18px #0000001f}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-name{color:var(--orkut-text);margin-top:10px;font-size:15px;font-weight:900}.profile-username{color:var(--orkut-muted);margin-top:2px;font-size:12px;font-weight:700}.profile-username-empty{opacity:.9;font-style:italic;font-weight:600}.profile-meta{color:#374151;gap:6px;margin-top:10px;font-size:12px;display:grid}.profile-meta b{color:#1f2937;font-weight:900}.profile-bio{color:#374151;white-space:pre-wrap;margin-top:10px;font-size:12px;line-height:1.45}.completion{border:1px solid var(--orkut-border);background:var(--orkut-soft);border-radius:10px;margin-top:12px;padding:10px}.completion-top{color:#335aa6;justify-content:space-between;align-items:center;font-size:12px;font-weight:900;display:flex}.completion-bar{border:1px solid var(--orkut-border);background:#edf2ff;border-radius:999px;height:10px;margin-top:8px;overflow:hidden}.completion-fill{background:linear-gradient(135deg,var(--orkut-blue),var(--orkut-blue-2));border-radius:999px;height:100%}.ratings{gap:10px;margin-top:12px;display:grid}.rating-row{grid-template-columns:1fr 105px;align-items:center;gap:10px;display:grid}.rating-label{color:#374151;align-items:center;gap:6px;font-size:12px;font-weight:900;display:flex}.rating-bar{border:1px solid var(--orkut-border);background:#edf2ff;border-radius:999px;height:10px;overflow:hidden}.rating-fill{background:linear-gradient(135deg,var(--orkut-blue),var(--orkut-blue-2));border-radius:999px;height:100%}.mini-stats{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:12px;display:grid}.mini-stat{text-align:center;border:1px solid var(--orkut-border);background:var(--orkut-soft);border-radius:10px;padding:10px 8px}.mini-stat-num{color:var(--orkut-text);font-size:14px;font-weight:900}.mini-stat-label{color:var(--orkut-muted);margin-top:2px;font-size:11px;font-weight:700}.btn{cursor:pointer;text-align:center;border:1px solid #0000;border-radius:10px;width:100%;padding:9px 10px;font-size:12px;font-weight:900;text-decoration:none;transition:all .2s;display:inline-block}.btn:disabled{opacity:.65;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--orkut-blue),var(--orkut-blue-2));color:#fff;box-shadow:0 10px 18px #2f6fed2e}.btn-primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.btn-soft{background:var(--orkut-soft);color:#335aa6;border-color:var(--orkut-border-2)}.btn-soft:hover:not(:disabled){background:#edf4ff;transform:translateY(-1px)}.btn-danger{color:#9f1239;background:#fff1f2;border-color:#fecdd3}.btn-danger:hover:not(:disabled){background:#ffe4e6;transform:translateY(-1px)}.center-header{padding:12px}.page-title{color:var(--orkut-blue);font-size:18px;font-weight:900}.page-subtitle{color:var(--orkut-muted);margin-top:4px;font-size:12px;font-weight:600}.tabs{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tab{border:1px solid var(--orkut-border);background:var(--orkut-soft);color:#335aa6;cursor:pointer;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900;transition:all .2s}.tab:hover{background:#edf4ff;transform:translateY(-1px)}.tab[aria-selected=true]{background:linear-gradient(135deg,var(--orkut-blue),var(--orkut-blue-2));color:#fff;border-color:#0000;box-shadow:0 10px 18px #2f6fed29}.profile-mobile-quick-stats,.profile-mobile-actions{display:none}.notice{border:1px solid;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:12px;font-weight:800}.notice-error{color:#9f1239;background:#fff1f2;border-color:#fecdd3}.notice-success{color:#166534;background:#ecfdf5;border-color:#bbf7d0}.vk-input{border:1px solid var(--orkut-border-2);background:#fff;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:Poppins,sans-serif;font-size:13px}.vk-input:focus{border-color:var(--orkut-blue);box-shadow:0 0 0 4px #2f6fed1f}.vk-textarea{resize:none;min-height:120px}.post-card{border:1px solid var(--orkut-border);background:#fff;border-radius:10px;padding:12px}.post-meta{align-items:center;gap:10px;margin-bottom:10px;display:flex}.avatar-dot{background:linear-gradient(135deg,var(--orkut-blue),var(--orkut-blue-2));color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:grid}.post-user{color:var(--orkut-text);font-size:12px;font-weight:900}.post-date{color:var(--orkut-muted);margin-top:2px;font-size:11px;font-weight:600}.post-content{color:#111827;white-space:pre-wrap;font-size:13px;line-height:1.55}.post-img{object-fit:cover;border:1px solid var(--orkut-border);border-radius:10px;width:100%;max-height:420px;margin-top:10px}.post-actions{border-top:1px solid var(--orkut-border);gap:10px;margin-top:12px;padding-top:10px;display:flex}.action-btn{background:var(--orkut-soft);border:1px solid var(--orkut-border);color:#335aa6;cursor:pointer;border-radius:10px;flex:1;padding:9px 10px;font-size:12px;font-weight:800;transition:all .2s}.action-btn:hover:not(:disabled){background:#edf4ff;transform:translateY(-1px)}.grid-avatars{grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;display:grid}.mini-avatar{aspect-ratio:1;border:1px solid var(--orkut-border);background:var(--orkut-soft);color:#335aa6;border-radius:8px;place-items:center;width:100%;font-size:12px;font-weight:900;display:grid;overflow:hidden}.mini-avatar img{object-fit:cover;width:100%;height:100%}.small-link{border-top:1px solid var(--orkut-border);color:var(--orkut-blue);padding:10px 12px;font-size:12px;font-weight:900;text-decoration:none;display:block}.small-link:hover{background:var(--orkut-soft)}.modal-overlay{z-index:60;background:#0f172a8c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--orkut-border);background:#fff;border-radius:14px;width:100%;max-width:520px;overflow:hidden;box-shadow:0 30px 80px #00000040}.modal-body{padding:12px}.modal-actions{border-top:1px solid var(--orkut-border);background:#fbfdff;grid-template-columns:1fr 1fr;gap:10px;padding:12px;display:grid}.photo-lightbox-overlay{z-index:70;cursor:zoom-out;background:#0f172ad1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.photo-lightbox-inner{cursor:default;max-width:min(96vw,1100px);max-height:92vh;position:relative}.photo-lightbox-inner img{object-fit:contain;border-radius:12px;width:auto;max-width:100%;height:auto;max-height:92vh;display:block;box-shadow:0 24px 64px #00000073}.photo-lightbox-close{background:var(--orkut-blue);color:#fff;cursor:pointer;border:2px solid #fff;border-radius:999px;place-items:center;width:40px;height:40px;font-size:20px;font-weight:900;line-height:1;display:grid;position:absolute;top:-12px;right:-12px;box-shadow:0 8px 24px #0000004d}.profile-song-audio{width:100%;max-height:48px;margin-top:10px}.range-row{gap:8px;margin-top:10px;display:grid}.range-top{color:#374151;justify-content:space-between;align-items:center;font-size:12px;font-weight:900;display:flex}.vk-range{width:100%}@media (max-width:720px){.feed-wrapper{padding-top:6px}.left-col{margin-top:0}.left-col .glass-card{border-radius:12px}.profile-body{padding:14px}.profile-avatar{border-radius:14px;width:104px;height:104px;margin-top:-46px}.profile-name{font-size:16px}.mini-stats{gap:8px}.center-header{top:calc(var(--vk-nav-h) + 6px);z-index:8;margin-top:10px;position:sticky;box-shadow:0 12px 24px #2f6fed1f}.tabs{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{flex:none;min-height:40px;padding:10px 12px}.profile-mobile-quick-stats{scrollbar-width:none;gap:8px;margin-top:10px;display:flex;overflow-x:auto}.profile-mobile-quick-stats::-webkit-scrollbar{display:none}.profile-mobile-stat-chip{border:1px solid var(--orkut-border);background:var(--orkut-soft);color:#335aa6;border-radius:999px;flex:none;padding:6px 10px;font-size:11px;font-weight:800}.profile-mobile-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.profile-mobile-actions .btn{min-height:40px;padding:9px 10px}}
.friend-list-item{cursor:pointer;background:#fff;border:1px solid #ccc;border-left:3px solid #2f6fed;border-radius:4px;align-items:center;gap:12px;margin-bottom:12px;padding:12px;transition:all .2s;display:flex}.friend-list-item:hover{background:#f5f5f5;transform:translate(4px)}.friend-avatar{color:#fff;background:linear-gradient(135deg,#2f6fed,#5aa5ff);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:18px;font-weight:700;display:flex;overflow:hidden}.friend-avatar img{object-fit:cover;width:100%;height:100%}.friend-info{flex:1;min-width:0}.friend-name{color:#333;margin:0;font-size:14px;font-weight:700}.friend-username{color:#999;margin:2px 0 0;font-size:12px}.friend-arrow{color:#2f6fed;font-size:16px;font-weight:700}.pagination{background:#fff;border:1px solid #ccc;border-radius:4px;justify-content:center;align-items:center;gap:12px;margin-top:30px;padding:20px;display:flex}.page-btn{color:#2f6fed;cursor:pointer;background:#fff;border:1px solid #2f6fed;border-radius:4px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .2s}.page-btn:hover:not(:disabled){color:#fff;background:#2f6fed}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{color:#666;font-size:12px;font-weight:700}@media (max-width:768px){.friend-list-item{padding:10px}.friend-avatar{width:45px;height:45px;font-size:16px}.friend-name{font-size:13px}.friend-username{font-size:11px}.pagination{flex-direction:column;gap:10px}.page-btn{width:100%}}
.music-card{background:linear-gradient(145deg,#fffffff2 0%,#f8fafcfa 100%);border:1px solid #e2e8f0cc;border-radius:16px;padding:16px;box-shadow:0 4px 20px #6366f114}.music-card-title{text-transform:uppercase;letter-spacing:.05em;color:#6366f1;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.music-profile-song{align-items:flex-start;gap:14px;display:flex}.music-profile-song-cover{object-fit:cover;background:linear-gradient(135deg,#e0e7ff 0%,#f3e8ff 100%);border-radius:10px;flex-shrink:0;width:72px;height:72px}.music-profile-song-cover-placeholder{background:linear-gradient(135deg,#e0e7ff 0%,#f3e8ff 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:28px;display:flex}.music-profile-song-info{flex:1;min-width:0}.music-profile-song-track{color:#1e293b;margin-bottom:2px;font-size:16px;font-weight:700}.music-profile-song-artist{color:#64748b;margin-bottom:6px;font-size:14px}.music-profile-song-mood{color:#4f46e5;background:#6366f11f;border-radius:20px;margin-bottom:6px;padding:2px 10px;font-size:12px;display:inline-block}.music-profile-song-lyric{color:#64748b;font-size:12px;font-style:italic;line-height:1.4}.music-now-playing-line{color:#475569;align-items:center;gap:8px;font-size:13px;display:flex}.music-now-playing-line .icon{font-size:16px}.music-editor-row{margin-bottom:12px}.music-editor-row label{color:#475569;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.music-editor-input{border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:8px 12px;font-size:14px}.music-editor-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 2px #6366f133}.music-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600}.music-btn-primary:hover{opacity:.95}.music-fav-item{background:#f8fafc;border-radius:12px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;display:flex}.music-fav-item-cover{object-fit:cover;background:#e2e8f0;border-radius:8px;width:40px;height:40px}.music-fav-item-info{flex:1;min-width:0}.music-fav-item-title{color:#1e293b;font-size:14px;font-weight:600}.music-fav-item-artist{color:#64748b;font-size:12px}.music-activity-item{color:#475569;border-bottom:1px solid #f1f5f9;padding:8px 0;font-size:13px}.music-reaction-bar{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.music-reaction-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:4px 10px;font-size:12px;transition:all .2s}.music-reaction-btn:hover{background:#f5f3ff;border-color:#6366f1}.music-reaction-btn.active{color:#4338ca;background:#e0e7ff;border-color:#6366f1}.music-mini-badge{color:#4f46e5;text-overflow:ellipsis;white-space:nowrap;background:#6366f11a;border-radius:20px;align-items:center;gap:6px;max-width:200px;padding:4px 10px;font-size:12px;display:inline-flex;overflow:hidden}.music-empty{text-align:center;color:#94a3b8;padding:24px 16px;font-size:14px}
:root{--vk-nav-h:72px;--vk-nav-h-mobile:64px}@media (max-width:768px){:root{--vk-nav-h:var(--vk-nav-h-mobile)}}.vk-navbar{z-index:50;height:var(--vk-nav-h);background:#fff;border-bottom:1px solid #d6e1ff;position:sticky;top:0;box-shadow:0 2px 12px #2f6fed14}.vk-nav-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1280px;height:100%;margin:0 auto;padding:0 16px;display:flex}.vk-logo{flex-shrink:0;align-items:center;gap:8px;text-decoration:none;transition:opacity .2s;display:inline-flex}.vk-logo:hover{opacity:.9}.vk-logo-img{object-fit:contain;object-position:left center;width:auto;max-width:160px;height:44px;display:block}@media (max-width:768px){.vk-logo-img{max-width:130px;height:38px}}.vk-search-wrap{flex:1;max-width:360px;display:none}@media (min-width:769px){.vk-search-wrap{display:block}}.vk-search{color:#1f2937;background:#f7faff;border:1px solid #d6e1ff;border-radius:10px;width:100%;padding:10px 14px 10px 36px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.vk-search::placeholder{color:#6b7280}.vk-search:focus{border-color:#2f6fed;outline:none;box-shadow:0 0 0 3px #2f6fed26}.vk-search-box{position:relative}.vk-search-icon{color:#6b7280;pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.vk-links{align-items:center;gap:4px;display:none}@media (min-width:769px){.vk-links{display:flex}}.vk-icon-btn{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.vk-icon-btn:hover{color:#2f6fed;background:#f7faff}.vk-icon-btn svg{flex-shrink:0;width:20px;height:20px}.vk-icon-btn-bell{position:relative}.vk-badge{color:#fff;background:#ef4444;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.vk-user-wrap{flex-shrink:0;position:relative}.vk-avatar{object-fit:cover;background:linear-gradient(135deg,#2f6fed,#5aa5ff);border-radius:50%;width:40px;height:40px;display:block}.vk-avatar-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2f6fed,#5aa5ff);border:2px solid #d6e1ff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:700;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.vk-avatar-btn:hover{border-color:#2f6fed;box-shadow:0 0 0 3px #2f6fed33}.vk-dropdown{z-index:60;background:#fff;border:1px solid #d6e1ff;border-radius:12px;min-width:180px;padding:6px 0;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 30px #0000001f}.vk-dropdown-item{color:#1f2937;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .2s;display:block}.vk-dropdown-item:hover{background:#f7faff}.vk-dropdown-item.logout{color:#dc2626}.vk-login-btn{color:#fff;background:linear-gradient(135deg,#2f6fed,#5aa5ff);border-radius:10px;align-items:center;padding:8px 16px;font-size:.9rem;font-weight:600;text-decoration:none;transition:opacity .2s,box-shadow .2s;display:inline-flex}.vk-login-btn:hover{opacity:.95;box-shadow:0 4px 12px #2f6fed4d}.vk-nav-skeleton{align-items:center;gap:16px;width:100%;display:flex}.vk-skeleton-logo{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%) 0 0/200% 100%;border-radius:6px;width:100px;height:24px;animation:1.2s ease-in-out infinite vk-skeleton}.vk-skeleton-spinner{border:2px solid #d6e1ff;border-top-color:#2f6fed;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite vk-spin}@keyframes vk-skeleton{to{background-position:200% 0}}@keyframes vk-spin{to{transform:rotate(360deg)}}.vk-mobile-btn{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,color .2s;display:flex}@media (min-width:769px){.vk-mobile-btn{display:none}}.vk-mobile-btn:hover,.vk-mobile-btn[aria-expanded=true]{color:#2f6fed;background:#f7faff}.vk-mobile-btn svg{width:24px;height:24px}.vk-mobile-panel{top:var(--vk-nav-h);left:0;right:0;bottom:calc(72px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:45;background:#fffffffa;padding:24px;display:none;position:fixed;overflow-y:auto}.vk-mobile-panel.is-open{display:block}@media (min-width:769px){.vk-mobile-panel{display:none!important}}.vk-mobile-panel .vk-search-wrap{max-width:100%;margin-bottom:24px;display:block}.vk-mobile-panel .vk-links{flex-direction:column;gap:4px;margin-bottom:24px;display:flex}.vk-mobile-panel .vk-icon-btn{justify-content:flex-start;width:100%;padding:12px 16px}.vk-mobile-panel .vk-user-wrap{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.vk-mobile-panel .vk-dropdown{box-shadow:none;border:none;padding:0;position:static}.vk-mobile-dock{display:none}@media (max-width:768px){.vk-mobile-dock{z-index:46;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-top:1px solid #d6e1ff;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #2f6fed1f}.vk-mobile-dock-btn{color:#4b5563;cursor:pointer;background:#f7faff;border:1px solid #d6e1ff;border-radius:12px;justify-content:center;align-items:center;min-height:44px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.vk-mobile-dock-btn.is-active{color:#fff;background:#2f6fed;border-color:#2f6fed}.vk-mobile-dock-badge{top:2px;right:2px}}