@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.sidebar{width:250px;height:100vh;height:100dvh;position:fixed;top:0;left:0;display:flex;flex-direction:column;padding:28px 17px 18px;background:linear-gradient(180deg,#10101c,#0d0d18);border-right:1px solid rgba(151,132,255,.12);z-index:50;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#34304c transparent}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-thumb{background:#34304c;border-radius:10px}.sidebar-top{padding:0 10px;margin-bottom:37px}.sidebar-brand{display:flex;flex-direction:column;gap:5px;text-decoration:none;width:fit-content}.brand-name{color:#fff;font-size:31px;font-weight:900;letter-spacing:-1.8px;line-height:1}.brand-dot{color:#9270ff;text-shadow:0 0 16px rgba(146,112,255,.65)}.brand-caption{color:#77758e;font-size:9px;font-weight:700;letter-spacing:2.1px}.sidebar-links{display:flex;flex-direction:column;gap:6px}.sidebar-section-label{color:#66657c;font-size:10px;font-weight:800;letter-spacing:1.8px;padding:0 13px;margin:0 0 10px}.sidebar-link{position:relative;display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:11px;color:#9998ad;text-decoration:none;font-size:14px;font-weight:500;transition:background .2s ease,color .2s ease,transform .2s ease}.sidebar-icon{flex-shrink:0;transition:transform .2s ease}.sidebar-link:hover{background:#8965ff17;color:#fff;transform:translate(2px)}.sidebar-link:hover .sidebar-icon{transform:scale(1.08)}.sidebar-link.active{background:linear-gradient(100deg,#8965ff38,#5d53be1a);color:#b49aff;font-weight:700;box-shadow:inset 0 0 0 1px #997aff1f}.sidebar-link.active:before{content:"";position:absolute;left:0;top:25%;height:50%;width:3px;border-radius:0 5px 5px 0;background:#a17cff;box-shadow:0 0 12px #a17cffb3}.sidebar-bottom{margin-top:auto;padding-top:25px}.sidebar-premium{display:flex;align-items:center;gap:11px;padding:14px 11px;margin:0 2px 18px;border:1px solid rgba(153,122,255,.2);border-radius:13px;background:linear-gradient(135deg,#714fdc2e,#36306921)}.premium-icon{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;color:#c2aaff;background:#9370ff2b}.premium-content strong{display:block;color:#e2d9ff;font-size:12px;font-weight:750}.premium-content p{margin:4px 0 0;color:#8d89a9;font-size:10px;line-height:1.4}.sidebar-footer{padding:14px 10px 5px;border-top:1px solid rgba(151,132,255,.1);color:#aaa8bd;font-size:12px}.sidebar-footer p{margin:0 0 6px;font-weight:600}.sidebar-footer small{color:#66657c;font-size:10px}@media(max-width:900px){.sidebar{display:none}}.mobile-nav{display:none}@media(max-width:900px){.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:100;display:flex;justify-content:space-around;align-items:center;min-height:68px;padding:8px 5px;padding-bottom:max(8px,env(safe-area-inset-bottom));background:#11111d;border-top:1px solid #29293b}.mobile-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:54px;padding:7px 5px;border-radius:10px;color:#9292a5;text-decoration:none;font-size:10px;transition:color .2s,background .2s}.mobile-nav-link.active{color:#a98aff;background:#292044}}.app-layout{min-height:100vh;min-height:100dvh;width:100%;background:#0b0b14;color:#fff}.app-main{min-height:100vh;min-height:100dvh;width:calc(100% - 250px);margin-left:250px;padding:28px 30px 45px;color:#fff;box-sizing:border-box}@media(min-width:1500px){.app-main{padding-left:38px;padding-right:38px}}@media(max-width:1100px){.app-main{padding:24px 20px 40px}}@media(max-width:900px){.app-main{width:100%;margin-left:0;padding:18px 14px 95px}}@media(max-width:480px){.app-main{padding:14px 12px 90px}}.media-picker{padding:16px;margin:12px 0;background:#171522;border:1px solid #302b40;border-radius:14px}.media-picker-label{display:inline-flex;padding:10px 14px;color:#e8e6f0;background:#29233b;border-radius:9px;cursor:pointer;font-size:14px}.media-picker-label input{display:none}.media-picker-selection{margin-top:14px;color:#c9c3d8;font-size:13px;overflow-wrap:anywhere}.media-picker-selection button{padding:10px 16px;margin-top:8px;color:#fff;background:#7655d9;border:0;border-radius:9px;cursor:pointer}.media-picker-selection button:disabled{opacity:.6;cursor:wait}.media-picker-error{color:#ff8585;font-size:13px}.create-post{width:100%;padding:22px;margin-bottom:22px;background:linear-gradient(145deg,#201b31fa,#13111efa);border:1px solid #302944;border-radius:20px;box-sizing:border-box;box-shadow:0 12px 35px #00000029}.create-post-heading{display:flex;align-items:center;gap:12px;margin-bottom:19px}.create-post-heading-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#c4a7ff;background:linear-gradient(135deg,#8557f53b,#306fff2b);border:1px solid rgba(157,119,255,.25);border-radius:12px}.create-post-heading h3{margin:0;color:#f7f3ff;font-size:16px;font-weight:700}.create-post-heading p{margin:4px 0 0;color:#9992aa;font-size:12px}.create-post-editor{padding:15px;background:#0a091294;border:1px solid #332b46;border-radius:14px;transition:border-color .2s ease}.create-post-editor:focus-within{border-color:#9068f5;box-shadow:0 0 0 3px #9068f517}.create-post textarea{display:block;width:100%;min-height:105px;padding:0;resize:vertical;color:#f4f0ff;background:transparent;border:none;outline:none;font-family:inherit;font-size:15px;line-height:1.7;box-sizing:border-box}.create-post textarea::placeholder{color:#777184}.create-post-counter{display:flex;justify-content:flex-end;margin-top:9px;color:#777184;font-size:11px}.create-post-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:16px}.create-post-media-label{display:flex;align-items:center;gap:9px;color:#b7a5e9;font-size:13px;font-weight:600}.create-post-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.create-post-preview-item{position:relative;min-width:0;overflow:hidden;background:#0d0b14;border:1px solid #39304e;border-radius:12px}.create-post-preview-item img,.create-post-preview-item video{display:block;width:100%;max-height:250px;min-height:130px;object-fit:cover;background:#0d0b14}.create-post-preview-type{position:absolute;top:9px;left:9px;padding:5px 8px;color:#fff;background:#0c0a14c7;border:1px solid rgba(255,255,255,.12);border-radius:6px;font-size:9px;font-weight:700;letter-spacing:.6px}.create-post-divider{height:1px;margin:19px 0 15px;background:linear-gradient(90deg,transparent,#393047,transparent)}.create-post-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.create-post-visibility{display:flex;align-items:center;gap:8px;padding:9px 11px;color:#bba6ff;background:#211c30;border:1px solid #393047;border-radius:10px}.create-post-visibility select{max-width:120px;color:#e8e1fa;background:transparent;border:none;outline:none;font-family:inherit;font-size:12px;cursor:pointer}.create-post-visibility select option{color:#fff;background:#171522}.create-post-submit{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:125px;padding:11px 19px;color:#fff;background:linear-gradient(110deg,#8054ed,#536df5);border:none;border-radius:10px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 5px 17px #6f53e733;transition:transform .2s ease,filter .2s ease}.create-post-submit:hover:not(:disabled){filter:brightness(1.13);transform:translateY(-1px)}.create-post-submit:disabled{opacity:.65;cursor:not-allowed}.create-post-button-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:createPostSpin .7s linear infinite}@keyframes createPostSpin{to{transform:rotate(360deg)}}.create-post-error{margin:13px 0 0;padding:10px 12px;color:#faa;background:#ff4b4b14;border:1px solid rgba(255,100,100,.2);border-radius:9px;font-size:12px}@media(max-width:600px){.create-post{padding:16px;border-radius:16px}.create-post-heading{margin-bottom:15px}.create-post textarea{min-height:90px;font-size:14px}.create-post-tools{align-items:flex-start;flex-direction:column}.create-post-preview{grid-template-columns:1fr}.create-post-preview-item img,.create-post-preview-item video{max-height:280px}.create-post-footer{align-items:stretch}.create-post-visibility,.create-post-submit{flex:1}.create-post-submit{min-width:0;padding:11px 12px}}@media(max-width:360px){.create-post-footer{flex-direction:column}.create-post-visibility{justify-content:center}}.like-button{display:inline-flex;align-items:center;gap:7px;border:none;background:transparent;color:#9292a5;cursor:pointer}.like-button.liked{color:#ff5d83}.like-button:disabled{opacity:.5;cursor:wait}.comment-section{margin-top:16px;padding-top:16px;border-top:1px solid #303044}.comment-section h3{color:#fff;font-size:16px}.comment-section form{display:flex;gap:9px;margin-bottom:15px}.comment-section input{flex:1;min-width:0;padding:12px;border:1px solid #35354a;border-radius:9px;background:#10101b;color:#fff}.comment-section form button{padding:10px 13px;border:none;border-radius:9px;background:#7955ed;color:#fff;cursor:pointer}.comment-item{padding:12px 0;border-bottom:1px solid #29293b}.comment-item strong{color:#b69aff;font-size:13px}.comment-item p{margin-bottom:0;color:#dddde8;font-size:14px;overflow-wrap:anywhere}.comment-error{color:#ff8797}.media-display{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px;overflow:hidden;border-radius:12px}.media-display-item{width:100%;max-height:620px;background:#0d0b13;overflow:hidden}.media-display-item img,.media-display-item video{display:block;width:100%;max-height:620px;object-fit:contain}.media-display-message{color:#aaa5b8;font-size:13px;padding:8px 0}.post-card{width:100%;margin-bottom:20px;padding:20px;color:#f5f2ff;background:linear-gradient(145deg,#191625,#13121d);border:1px solid #302941;border-radius:18px;box-sizing:border-box;box-shadow:0 10px 30px #00000021;transition:border-color .2s ease}.post-card:hover{border-color:#44365e}.post-card-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.post-card-profile{display:flex;align-items:center;gap:11px;min-width:0;color:inherit;text-decoration:none}.post-card-avatar,.post-card-avatar-placeholder{width:46px;height:46px;flex-shrink:0;border-radius:50%}.post-card-avatar{object-fit:cover;border:2px solid #7956d9;background:#211b30}.post-card-avatar-placeholder{display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#7953df,#3869d9);font-size:17px;font-weight:700}.post-card-author-info{display:flex;flex-direction:column;gap:4px;min-width:0}.post-card-author-info strong{overflow:hidden;color:#f6f1ff;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.post-card-author-info span{color:#9690a7;font-size:12px}.post-card-profile:hover .post-card-author-info strong{color:#b99aff}.post-card-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.post-card-visibility{display:flex;align-items:center;gap:5px;color:#b6a1ed;font-size:11px}.post-card-time{color:#777185;font-size:11px}.post-card-content{margin:0 0 16px;color:#e8e4f0;font-size:14px;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap}.post-card-media{width:100%;margin-top:13px;overflow:hidden;border:1px solid #302941;border-radius:14px;background:#0c0b12}.post-card-media img,.post-card-media video{max-width:100%}.post-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:17px;padding:14px 0;border-top:1px solid #302941;border-bottom:1px solid #302941}.post-card-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:5px 0;color:#aaa3b9;background:transparent;border:none;font-family:inherit;font-size:12px;text-decoration:none;cursor:pointer;transition:color .2s ease}.post-card-action:hover{color:#b99aff}.post-card-actions a{text-decoration:none}.post-card-comments{padding-top:13px}.post-card a{color:inherit}@media(max-width:600px){.post-card{padding:14px;margin-bottom:15px;border-radius:15px}.post-card-header{gap:8px}.post-card-avatar,.post-card-avatar-placeholder{width:40px;height:40px}.post-card-author-info strong{font-size:13px}.post-card-visibility,.post-card-time{font-size:10px}.post-card-content{font-size:13px}.post-card-actions{justify-content:space-between;gap:8px}.post-card-action{gap:5px;font-size:11px}}@media(max-width:380px){.post-card-header-right{gap:4px}.post-card-visibility span{display:none}.post-card-actions{gap:5px}}.stories-section{width:100%;box-sizing:border-box;margin:0 0 24px;padding:19px;overflow:hidden;background:linear-gradient(145deg,#171625,#12121e);border:1px solid rgba(151,132,255,.14);border-radius:17px}.stories-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:19px}.stories-heading h2{margin:0;color:#fff;font-size:17px;font-weight:750}.stories-heading p{margin:5px 0 0;color:#85859c;font-size:11px}.stories-live-label{color:#9f86ed;font-size:9px;font-weight:800;letter-spacing:1.2px}.stories-list{display:flex;align-items:flex-start;gap:19px;width:100%;overflow-x:auto;overflow-y:hidden;padding:3px 2px 10px;scrollbar-width:thin;scrollbar-color:#39314f transparent;-webkit-overflow-scrolling:touch}.stories-list::-webkit-scrollbar{height:4px}.stories-list::-webkit-scrollbar-thumb{background:#39314f;border-radius:10px}.story-item{display:flex;flex-direction:column;align-items:center;gap:9px;flex:0 0 67px;min-width:67px;padding:0;border:none;background:transparent;color:#c4c4d2;cursor:default}.story-username{width:100%;overflow:hidden;color:#c4c1d3;font-size:11px;font-weight:550;text-align:center;text-overflow:ellipsis;white-space:nowrap}.story-avatar{width:65px;height:65px;flex-shrink:0;display:grid;place-items:center;padding:3px;border-radius:50%;background:linear-gradient(135deg,#a66aff,#6450ec,#398cff);box-shadow:0 0 15px #845bff21}.story-avatar-inner{width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border:3px solid #171625;border-radius:50%;background:#292044}.story-avatar img{width:100%;height:100%;object-fit:cover}.story-fallback{display:grid;place-items:center;width:100%;height:100%;color:#d8caff;font-size:23px;font-weight:800;background:linear-gradient(135deg,#46316f,#252449)}.create-story{cursor:not-allowed;opacity:.9}.create-story-avatar{position:relative;background:#39314f;box-shadow:none}.create-story .story-avatar-inner{background:#1e1b30;border:2px dashed #70609c}.story-plus{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#d0baff;background:#8f6aff33}.stories-loading{display:flex;align-items:center;gap:9px;min-height:65px;color:#9993b1;font-size:11px}.stories-loading svg{animation:stories-spin 1s linear infinite}@keyframes stories-spin{to{transform:rotate(360deg)}}.stories-empty{display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:65px;color:#aaa4bd;font-size:11px}.stories-empty small{color:#747188;font-size:10px}@media(max-width:600px){.stories-section{padding:15px 13px;margin-bottom:19px;border-radius:15px}.stories-heading{margin-bottom:15px}.stories-heading h2{font-size:16px}.stories-live-label{font-size:8px}.stories-list{gap:15px}.story-item{flex-basis:62px;min-width:62px}.story-avatar{width:60px;height:60px}.story-username{font-size:10px}}.home-page{width:100%;max-width:1450px;margin:0 auto}.home-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.home-eyebrow{display:block;color:#9477ef;font-size:10px;font-weight:800;letter-spacing:1.8px}.home-heading h1{margin:9px 0 0;color:#fff;font-size:29px;font-weight:800;letter-spacing:-1px}.home-heading h1 span{color:#ad91ff}.home-heading p{margin:8px 0 0;color:#9292a5;font-size:13px}.home-explore-button{display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 15px;border:1px solid rgba(151,119,255,.25);border-radius:11px;color:#c4afff;background:#8263e11a;text-decoration:none;font-size:13px;font-weight:700;transition:.2s ease}.home-explore-button:hover{background:#8263e133;border-color:#9477ef}.home-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:26px}.home-main-column{min-width:0}.home-right-column{display:flex;flex-direction:column;gap:19px;position:sticky;top:25px}.home-section-heading{margin-bottom:14px}.home-section-heading h2,.home-feed-heading h2{margin:0;color:#fff;font-size:19px;font-weight:750}.home-section-heading p{margin:5px 0 0;color:#85859b;font-size:12px}.home-stories-section{margin-bottom:27px}.home-composer-section{margin-bottom:29px}.home-feed-section{margin-top:27px}.home-feed-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.home-feed-heading h2{margin-top:7px;font-size:21px}.home-post-count{padding:6px 10px;border:1px solid #302b46;border-radius:20px;color:#aaa0d1;background:#171523;font-size:11px}.home-feed{display:flex;flex-direction:column;gap:19px}.home-loading{display:flex;flex-direction:column;align-items:center;gap:13px;padding:45px 15px;color:#9292a5;font-size:13px}.home-loader{width:25px;height:25px;border:3px solid #302a47;border-top-color:#a58aff;border-radius:50%;animation:home-spin .8s linear infinite}@keyframes home-spin{to{transform:rotate(360deg)}}.home-error{padding:15px;margin:20px 0;border:1px solid #713b48;border-radius:12px;background:#291820;color:#ff9eaa;overflow-wrap:anywhere}.home-error strong{font-size:13px}.home-error p{margin:6px 0 0;font-size:12px}.empty-feed{margin-top:15px;padding:45px 20px;text-align:center;background:#141421;border:1px solid #29293b;border-radius:16px}.empty-feed-icon{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 15px;border-radius:15px;color:#b59cff;background:#916eff21}.empty-feed h2{margin:0;color:#fff;font-size:19px}.empty-feed p{max-width:300px;margin:9px auto 0;color:#9292a5;font-size:13px;line-height:1.6}.home-discovery-card{padding:19px 16px;background:linear-gradient(145deg,#171625,#12121e);border:1px solid #2b2940;border-radius:16px}.discovery-card-heading{display:flex;align-items:center;gap:11px;padding-bottom:17px;border-bottom:1px solid rgba(151,132,255,.12)}.discovery-heading-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;color:#c0a9ff;background:#8f6aff26}.discovery-card-heading h2{margin:0;color:#fff;font-size:14px}.discovery-card-heading p{margin:5px 0 0;color:#85859b;font-size:10px}.discovery-links{display:flex;flex-direction:column;padding-top:8px}.discovery-link{display:flex;align-items:center;gap:10px;padding:12px 5px;border-radius:9px;color:inherit;text-decoration:none;transition:background .2s ease}.discovery-link:hover{background:#916eff17}.discovery-link-icon{width:34px;height:34px;display:grid;flex-shrink:0;place-items:center;border-radius:10px;color:#a991ef;background:#916eff1c}.discovery-link-text{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.discovery-link-text strong{color:#e9e6f5;font-size:12px}.discovery-link-text span{color:#85859b;font-size:10px}.discovery-arrow{flex-shrink:0;color:#77718f}.home-premium-card{position:relative;overflow:hidden;padding:20px 18px;border:1px solid rgba(151,119,255,.25);border-radius:16px;background:linear-gradient(145deg,#292044,#171426 75%)}.home-premium-card:after{content:"";position:absolute;width:140px;height:140px;right:-65px;top:-65px;border-radius:50%;background:#9971ff26;filter:blur(4px);pointer-events:none}.premium-card-icon{width:39px;height:39px;display:grid;place-items:center;margin-bottom:17px;border-radius:12px;color:#d0bcff;background:#a685ff2b}.home-premium-card h2{margin:10px 0;color:#fff;font-size:21px;line-height:1.3}.home-premium-card p{margin:0;color:#aaa2c4;font-size:11px;line-height:1.7}.premium-card-link{display:inline-flex;align-items:center;gap:7px;margin-top:17px;color:#c6adff;text-decoration:none;font-size:12px;font-weight:700}.premium-card-link:hover{color:#fff}.home-right-footer{padding:5px 8px;color:#77758d}.home-right-footer span{color:#aaa0d1;font-size:12px;font-weight:900;letter-spacing:1px}.home-right-footer p{margin:5px 0;font-size:10px}.home-right-footer small{font-size:9px}@media(max-width:1150px){.home-dashboard-grid{grid-template-columns:minmax(0,1fr) 250px;gap:18px}}@media(max-width:1000px){.home-dashboard-grid{grid-template-columns:minmax(0,1fr)}.home-right-column{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.home-right-footer{grid-column:1 / -1}}@media(max-width:600px){.home-header{align-items:flex-start}.home-heading h1{font-size:22px}.home-heading p{font-size:11px}.home-explore-button{padding:9px;gap:5px}.home-explore-button span{display:none}.home-right-column{grid-template-columns:minmax(0,1fr)}.home-right-footer{grid-column:auto}.home-feed-heading h2{font-size:19px}}.explore-page{width:100%;max-width:850px;margin:0 auto}.explore-page h1{color:#fff;font-size:28px}.explore-page>p{color:#9292a5}.explore-search{display:flex;align-items:center;gap:12px;margin:25px 0;padding:12px 15px;background:#171725;border:1px solid #303044;border-radius:12px;color:#9292a5}.explore-search input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:#fff;font:inherit}.explore-search button{padding:9px 16px;border:none;border-radius:8px;background:#7955ed;color:#fff;cursor:pointer}.explore-users{display:flex;flex-direction:column;gap:12px}.explore-user{display:flex;align-items:center;gap:15px;padding:17px;background:#171725;border:1px solid #29293b;border-radius:12px}.explore-avatar{width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;overflow:hidden;border-radius:50%;background:#7955ed;color:#fff;font-weight:700}.explore-avatar img{width:100%;height:100%;object-fit:cover}.explore-user strong,.explore-user span{display:block}.explore-user strong{color:#fff}.explore-user span,.explore-user p{color:#9292a5;font-size:13px}.explore-user p{margin-bottom:0}.explore-error{color:#ff8797}.follow-button{padding:10px 22px;border:none;border-radius:9px;background:#7955ed;color:#fff;font-weight:700;cursor:pointer}.follow-button.following,.follow-button.requested{border:1px solid #45455c;background:#223;color:#d5d5e2}.follow-button:disabled{opacity:.55;cursor:wait}.profile-page{width:100%;max-width:850px;margin:0 auto;padding:24px;color:#f5f5f7}.profile-header{display:flex;align-items:center;gap:28px;padding:28px 0;border-bottom:1px solid #292936}.profile-avatar{width:110px;height:110px;border-radius:50%;object-fit:cover;background:#242432}.profile-info{flex:1}.profile-info h1{margin:0 0 8px;font-size:26px}.profile-info p{color:#a5a5b5;margin:8px 0;line-height:1.5}.profile-stats{display:flex;gap:28px;margin-top:18px}.profile-stats strong{color:#fff}.profile-stats span{color:#a5a5b5}.profile-actions{display:flex;gap:10px;margin-top:18px}.profile-actions button{border:0;border-radius:9px;padding:10px 18px;background:#7548e8;color:#fff;font-weight:600;cursor:pointer}.profile-actions button:hover{background:#875df4}.profile-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:24px}.profile-posts>*{min-width:0}.profile-message{padding:40px 15px;text-align:center;color:#a5a5b5}@media(max-width:600px){.profile-page{padding:15px}.profile-header{gap:16px;align-items:flex-start}.profile-avatar{width:78px;height:78px}.profile-info h1{font-size:20px}.profile-stats{gap:14px;flex-wrap:wrap}.profile-posts{grid-template-columns:repeat(2,minmax(0,1fr))}}.settings-page{width:100%;max-width:800px;margin:0 auto;padding:28px;color:#fff}.settings-page>p{color:#a3a3b8}.settings-section{margin-top:24px;padding:22px;background:#151522;border:1px solid #29293b;border-radius:14px}.settings-section h2{margin:0 0 10px;font-size:18px}.settings-section p{color:#a3a3b8;line-height:1.6}.settings-danger-button{margin-top:12px;padding:11px 18px;color:#fff;background:#a8324a;border:none;border-radius:9px;cursor:pointer;font-weight:600}.settings-danger-button:hover{background:#c43b57}.settings-danger-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.settings-page{padding:16px}.settings-section{padding:17px}}.notifications-page{width:100%;max-width:850px;margin:0 auto}.notifications-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.notifications-header h1{margin-bottom:6px;color:#fff;font-size:28px}.notifications-header p{color:#9292a5}.notifications-header button{display:flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid #35354a;border-radius:9px;background:#171725;color:#c4c4d2;cursor:pointer}.notification-list{display:flex;flex-direction:column;gap:10px}.notification-item{display:flex;align-items:flex-start;gap:14px;padding:17px;border:1px solid #29293b;border-radius:12px;background:#171725;color:#9292a5}.notification-item.unread{border-color:#7955ed;background:#201a35}.notification-item p{margin:0 0 7px;color:#eeeef5;overflow-wrap:anywhere}.notification-item small{color:#85859c}.notifications-empty{padding:45px;text-align:center;color:#9292a5}.notification-error{color:#ff8797}@media(max-width:550px){.notifications-header{align-items:flex-start;flex-direction:column}}.messages-page{width:100%;max-width:1100px;margin:0 auto;padding:25px;color:#fff}.messages-header p{color:#a3a3b8}.messages-layout{display:grid;grid-template-columns:320px 1fr;min-height:550px;margin-top:24px;overflow:hidden;background:#151522;border:1px solid #29293b;border-radius:16px}.messages-sidebar{padding:20px;border-right:1px solid #29293b}.messages-sidebar h2{font-size:18px}.messages-empty{margin-top:25px;color:#9292a8;text-align:center}.messages-chat{display:grid;place-items:center;padding:25px}.messages-welcome{max-width:350px;text-align:center}.messages-welcome-icon{display:grid;place-items:center;width:65px;height:65px;margin:0 auto 18px;color:#c4b5fd;background:#30204e;border-radius:50%;font-size:30px}.messages-welcome p{color:#a3a3b8;line-height:1.6}@media(max-width:650px){.messages-page{padding:15px}.messages-layout{grid-template-columns:1fr;min-height:450px}.messages-sidebar{border-right:none;border-bottom:1px solid #29293b}.messages-chat{min-height:300px}}.reels-page{width:100%;max-width:1000px;margin:0 auto;padding:25px;color:#fff}.reels-page header p{color:#a3a3b8}.reels-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:480px;margin-top:25px;padding:30px;text-align:center;background:#151522;border:1px solid #29293b;border-radius:16px}.reels-icon{display:grid;place-items:center;width:75px;height:75px;color:#fff;background:#7545dc;border-radius:50%;font-size:30px}.reels-empty h2{margin-top:22px}.reels-empty p{max-width:350px;color:#a3a3b8;line-height:1.6}@media(max-width:600px){.reels-page{padding:16px}.reels-empty{min-height:400px}}.trending-page{width:100%;max-width:850px;margin:0 auto;padding:26px;color:#fff}.trending-page header p{color:#a3a3b8}.trending-section{margin-top:28px}.trending-section h2{margin-bottom:15px;font-size:19px}.trending-empty{padding:25px;background:#151522;border:1px solid #29293b;border-radius:14px}.trending-symbol{display:grid;place-items:center;width:48px;height:48px;color:#fff;background:#7545dc;border-radius:12px;font-size:27px;font-weight:700}.trending-empty h3{margin:16px 0 8px}.trending-empty p{color:#a3a3b8;line-height:1.6}@media(max-width:600px){.trending-page{padding:16px}.trending-empty{padding:18px}}.bookmarks-page{width:100%;max-width:850px;margin:0 auto}.bookmarks-page h1{color:#fff;font-size:28px}.bookmarks-page>p{color:#9292a5}.bookmarks-list{display:flex;flex-direction:column;gap:20px;margin-top:25px}.bookmark-error{color:#ff8797}.calls-page{width:100%;max-width:850px;margin:0 auto;padding:26px;color:#fff}.calls-page header p{color:#a3a3b8}.calls-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;margin-top:25px;padding:30px;text-align:center;background:#151522;border:1px solid #29293b;border-radius:16px}.calls-icon{display:grid;place-items:center;width:72px;height:72px;color:#c4b5fd;background:#30204e;border-radius:50%;font-size:32px}.calls-content h2{margin-top:20px}.calls-content>p{max-width:380px;color:#a3a3b8;line-height:1.6}.calls-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:20px 0}.calls-actions button{padding:12px 18px;color:#fff;background:#7545dc;border:none;border-radius:10px;opacity:.5;cursor:not-allowed}.calls-content small{color:#9292a8}@media(max-width:600px){.calls-page{padding:16px}.calls-actions{flex-direction:column;width:100%}.calls-actions button{width:100%}}.avatar-uploader{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:18px 0}.avatar-uploader-preview{width:96px;height:96px;border-radius:50%;object-fit:cover;border:2px solid #7655d9}.avatar-uploader input{max-width:100%;color:#c9c3d8}.avatar-uploader button{padding:10px 16px;color:#fff;background:#7655d9;border:none;border-radius:9px;cursor:pointer}.avatar-uploader button:disabled{opacity:.6;cursor:wait}.avatar-uploader-error{color:#ff8585;font-size:13px}.edit-profile-page{width:min(100% - 32px,680px);margin:35px auto;color:var(--text-primary, #f5f5f5)}.edit-profile-page h1{font-size:28px;margin-bottom:28px}.edit-profile-avatar,.edit-profile-form{background:#171722;border:1px solid #292938;border-radius:16px;padding:22px;margin-bottom:20px}.edit-profile-avatar h2{font-size:18px;margin:0 0 20px}.edit-profile-form{display:flex;flex-direction:column;gap:20px}.edit-profile-form>label:not(.edit-profile-privacy){display:flex;flex-direction:column;gap:9px;font-size:14px;font-weight:600}.edit-profile-form input:not([type=checkbox]),.edit-profile-form textarea{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #353547;border-radius:10px;background:#10101a;color:#fff;font:inherit;outline:none}.edit-profile-form input:focus,.edit-profile-form textarea:focus{border-color:#9875ff}.edit-profile-form textarea{resize:vertical;min-height:100px}.edit-profile-privacy{display:flex;align-items:center;gap:10px;font-size:14px}.edit-profile-privacy input{width:17px;height:17px;accent-color:#9875ff}.edit-profile-form button{padding:13px 18px;border:0;border-radius:10px;background:#7955e8;color:#fff;font-size:15px;font-weight:700;cursor:pointer}.edit-profile-form button:hover{background:#8b6af0}.edit-profile-form button:disabled{opacity:.6;cursor:not-allowed}.edit-profile-form p{margin:0;color:#b9a4ff;font-size:14px;overflow-wrap:anywhere}@media(max-width:600px){.edit-profile-page{margin:22px auto}.edit-profile-page h1{font-size:24px}.edit-profile-avatar,.edit-profile-form{padding:17px}}.report-page{width:min(760px,100%);margin:0 auto;padding:32px 24px}.report-page header{margin-bottom:28px}.report-page h1{font-size:28px;margin-bottom:8px}.report-page header p,.report-notice{color:#9292a5;line-height:1.6}.report-card{background:#171725;border:1px solid #29293b;border-radius:16px;padding:24px}.report-card h2{margin:0 0 22px;font-size:20px}.report-card form{display:flex;flex-direction:column;gap:20px}.report-card label{display:flex;flex-direction:column;gap:9px;color:#e8e8f0;font-weight:600}.report-card select,.report-card textarea{width:100%;padding:13px;border:1px solid #35354a;border-radius:9px;background:#10101b;color:#fff;font:inherit}.report-card textarea{resize:vertical}.report-card button{padding:13px 20px;border:0;border-radius:9px;background:#7955ed;color:#fff;font-weight:700;cursor:pointer}.report-card button:disabled{opacity:.45;cursor:not-allowed}.report-notice{margin-top:20px;font-size:13px}@media(max-width:600px){.report-page{padding:24px 16px}.report-card{padding:18px}}.about-page{max-width:850px;margin:0 auto;padding:32px 24px;color:#f5f5f7}.about-hero{padding:40px 28px;border:1px solid #29293a;border-radius:18px;background:linear-gradient(135deg,#171329,#111827);text-align:center}.about-hero h1{margin:0 0 14px;font-size:36px;font-weight:800}.about-hero p{max-width:600px;margin:0 auto;color:#b5b5c5;line-height:1.7}.about-section{margin-top:28px;padding:24px;border:1px solid #29293a;border-radius:14px;background:#15151f}.about-section h2{margin-top:0;font-size:21px}.about-section p{color:#b5b5c5;line-height:1.8}.about-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.about-feature{padding:18px;border:1px solid #29293a;border-radius:12px;background:#191925}.about-feature h3{margin:0 0 8px;font-size:16px}.about-feature p{margin:0;font-size:14px}@media(max-width:600px){.about-page{padding:18px 14px}.about-hero{padding:28px 18px}.about-hero h1{font-size:28px}.about-features{grid-template-columns:1fr}}.guidelines-page{width:100%;max-width:900px;margin:0 auto;padding:28px;color:#fff}.guidelines-page header p{max-width:650px;color:#a3a3b8;line-height:1.7}.guidelines-list{display:grid;gap:15px;margin-top:30px}.guideline-card{display:flex;align-items:flex-start;gap:18px;padding:21px;background:#151522;border:1px solid #29293b;border-radius:14px}.guideline-number{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;color:#c4b5fd;background:#30204e;border-radius:11px;font-weight:700}.guideline-card h2{margin:3px 0 9px;font-size:17px}.guideline-card p{margin:0;color:#a3a3b8;line-height:1.7}.guidelines-footer{margin-top:25px;padding:18px;color:#a3a3b8;background:#151522;border-radius:12px;line-height:1.6}@media(max-width:600px){.guidelines-page{padding:16px}.guideline-card{gap:13px;padding:16px}.guideline-number{width:36px;height:36px}}.follow-requests-page{max-width:750px;margin:0 auto}.follow-requests-page h1{color:#fff;margin-bottom:25px}.follow-request{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px;padding:18px;border:1px solid #29293b;border-radius:12px;background:#171725;color:#eeeef5}.follow-request div{display:flex;gap:8px}.follow-request button{padding:9px 13px;border:none;border-radius:8px;background:#7955ed;color:#fff;cursor:pointer}.follow-request button:last-child{background:#303044}@media(max-width:500px){.follow-request{align-items:flex-start;flex-direction:column}}.post-details-page{width:100%;max-width:720px;margin:0 auto;padding:24px 16px 48px}.post-details-back{display:inline-block;margin-bottom:18px;color:#b7a4ff;text-decoration:none;font-size:14px}.post-details-back:hover{color:#fff}.post-details-message{max-width:600px;margin:70px auto;padding:28px;text-align:center;color:#e8e6f0;background:#171522;border:1px solid #302b40;border-radius:16px}.post-details-message p{color:#aaa5b8;line-height:1.6}.post-details-message a{display:inline-block;margin-top:12px;color:#b7a4ff}.post-details-comments{margin-top:20px}.not-found-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:85vh;padding:25px;color:#fff;text-align:center}.not-found-code{color:#a78bfa;font-size:clamp(80px,15vw,150px);font-weight:800;line-height:1;letter-spacing:-8px}.not-found-page h1{margin:20px 0 10px;font-size:30px}.not-found-page p{max-width:380px;color:#a3a3b8;line-height:1.6}.not-found-page a{display:inline-block;margin-top:22px;padding:13px 22px;color:#fff;background:#7545dc;border-radius:10px;text-decoration:none;font-weight:600}.not-found-page a:hover{background:#895cf0}@media(max-width:600px){.not-found-code{letter-spacing:-4px}.not-found-page h1{font-size:24px}}#root{min-height:100vh}.app-container{width:100%;min-height:100vh}.loading-screen{min-height:100vh;display:grid;place-items:center;color:var(--text)}.error-message{color:#f77;padding:12px;border-radius:8px;background:#ff50501a}:root{font-family:Inter,sans-serif;color:#f5f5f7;background:#09090f;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #09090f;--surface: #12121b;--surface-hover: #1a1a26;--border: #272735;--text: #f5f5f7;--muted: #9292a3;--accent: #8b5cf6;--accent-hover: #7543e8;--danger: #f87171}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.6;cursor:not-allowed}.app-loading{min-height:100vh;display:grid;place-items:center;color:var(--muted);font-size:18px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0%,#39216b55,transparent 45%),var(--bg)}.auth-card{width:100%;max-width:430px;padding:38px;background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:0 25px 80px #0005}.auth-logo,.home-logo{font-size:30px;font-weight:800;letter-spacing:4px;color:#a78bfa}.auth-tagline,.auth-description{color:var(--muted);font-size:14px}.auth-card h1{margin-top:34px;font-size:27px}.auth-card form{display:flex;flex-direction:column;gap:12px;margin-top:25px}.auth-card label{font-size:13px;font-weight:600}.auth-card input{width:100%;padding:14px;color:var(--text);background:#0c0c14;border:1px solid var(--border);border-radius:10px;outline:none}.auth-card input:focus{border-color:var(--accent)}.auth-card button,.feed-heading button,.signout-button{padding:13px 18px;color:#fff;background:var(--accent);border:0;border-radius:10px;font-weight:600}.auth-card button:hover,.feed-heading button:hover,.signout-button:hover{background:var(--accent-hover)}.auth-error,.feed-error{color:var(--danger);font-size:13px}.auth-success{color:#86efac;font-size:13px}.auth-switch{margin-top:25px;color:var(--muted);text-align:center;font-size:13px}.auth-switch a{color:#a78bfa;font-weight:600}.home-header{min-height:75px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#101019;border-bottom:1px solid var(--border)}.home-logo{font-size:25px}.home-navigation{display:flex;gap:25px;color:var(--muted);font-size:14px}.home-navigation a:hover{color:#fff}.feed-container{width:min(100% - 32px,760px);margin:45px auto}.feed-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}.feed-heading h1{margin-bottom:5px;font-size:28px}.feed-heading p,.feed-message,.empty-feed p{color:var(--muted);font-size:14px}.post-list{display:grid;gap:18px}.post-card{padding:23px;background:var(--surface);border:1px solid var(--border);border-radius:17px}.post-author{display:flex;align-items:center;gap:12px}.post-avatar{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#39216b;color:#d8caff;font-weight:700}.post-author strong,.post-author span{display:block}.post-author span{margin-top:4px;color:var(--muted);font-size:12px}.post-body{margin:22px 0;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.post-footer{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px}.empty-feed{padding:55px 20px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:17px}@media(max-width:650px){.home-header{padding:16px;flex-wrap:wrap}.home-navigation{width:100%;order:3;overflow-x:auto;padding-bottom:5px;gap:20px}.home-navigation a{white-space:nowrap}.feed-container{margin-top:25px}.auth-card{padding:27px 22px}.feed-heading h1{font-size:23px}}