@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#000;--bg-secondary:#121212;--bg-tertiary:#1a1a1a;--bg-card:#1c1c1c;--border-color:#262626;--text-primary:#f5f5f5;--text-secondary:#a8a8a8;--text-muted:#737373;--accent-blue:#0095f6;--accent-blue-hover:#1877f2;--accent-gradient:linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);--story-ring:linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);--red:#ed4956;--white:#fff;--transition:all .2s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{font-family:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1)}75%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-card) 50%, var(--bg-tertiary) 75%);background-size:468px 100%;border-radius:4px;animation:1.5s infinite shimmer}.fade-in{animation:.4s forwards fadeIn}.navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);transition:var(--transition);background-color:#000000d9;position:fixed;top:0;left:0;right:0}.imageTag{margin-right:5px}.navbar--scrolled{background-color:#000000f2}.navbar__container{justify-content:space-between;align-items:center;gap:20px;max-width:975px;height:60px;margin:0 auto;padding:0 16px;display:flex}.navbar__logo{flex-shrink:0;justify-content:center;align-items:center;display:flex}.navbar__logo-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700}.navbar__search{flex:1;max-width:280px}.navbar__search-wrapper{align-items:center;display:flex;position:relative}.navbar__search-icon{width:16px;height:16px;color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.navbar__search-input{background-color:var(--bg-tertiary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);transition:var(--transition);border-radius:10px;outline:none;padding:8px 12px 8px 38px;font-size:14px}.navbar__search-input::placeholder{color:var(--text-muted)}.navbar__search-input:focus{border-color:var(--text-muted);background-color:var(--bg-card)}.navbar__icons{flex-shrink:0;align-items:center;gap:8px;display:flex}.navbar__icon-btn{width:40px;height:40px;color:var(--text-primary);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.navbar__icon-btn:hover{background-color:var(--bg-tertiary);color:var(--white)}.navbar__icon-btn.active{color:var(--white)}.navbar__icon-btn svg{width:24px;height:24px}.navbar__icon-wrapper{position:relative}.navbar__badge{background:var(--red);color:#fff;border:2px solid var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-6px;right:-8px}.navbar__avatar-btn{border:2px solid var(--border-color);width:36px;height:36px;transition:var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.navbar__avatar-btn:hover{border-color:var(--text-primary)}.navbar__avatar{object-fit:cover;width:100%;height:100%}.navbar__mobile-toggle{width:40px;height:40px;color:var(--text-primary);justify-content:center;align-items:center;display:none}.navbar__mobile-toggle svg{width:22px;height:22px}.navbar__mobile-menu{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);flex-direction:column;padding:8px 0;display:flex}.navbar__mobile-link{color:var(--text-primary);transition:var(--transition);padding:14px 20px;font-size:15px;font-weight:500}.navbar__mobile-link:hover{background-color:var(--bg-tertiary)}@media (width<=768px){.navbar__icons{display:none}.navbar__mobile-toggle{display:flex}.navbar__search{max-width:200px}}@media (width<=480px){.navbar__search{display:none}}.stories-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;width:100%;margin-bottom:24px;padding:16px 0;position:relative;overflow:hidden}.stories__track{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;gap:16px;padding:0 50px;display:flex;overflow-x:auto}.stories__track::-webkit-scrollbar{display:none}.stories__scroll-btn{z-index:10;background:var(--bg-secondary);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-primary);transition:var(--transition);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.stories__scroll-btn:hover{background:var(--bg-tertiary);transform:translateY(-50%)scale(1.05)}.stories__scroll-btn svg{width:16px;height:16px}.stories__scroll-btn--left{left:8px}.stories__scroll-btn--right{right:8px}.story-item{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;transition:transform .2s;display:flex}.story-item:hover{transform:scale(1.05)}.story-item__ring{background:var(--story-ring);width:68px;height:68px;transition:var(--transition);border-radius:50%;padding:2px}.story-item__ring--seen{background:var(--bg-tertiary)}.story-item__ring--own{border:2px dashed var(--border-color);background:0 0}.story-item__avatar-wrap{border:3px solid var(--bg-primary);background-color:var(--bg-tertiary);border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden}.story-item__avatar{object-fit:cover;border-radius:50%;width:100%;height:100%}.story-item__add-btn{background:var(--accent-blue);border:2px solid var(--bg-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;bottom:0;right:0}.story-item__add-btn svg{width:12px;height:12px}.story-item__username{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:68px;font-size:12px;overflow:hidden}.post{background-color:var(--bg-card);border:1px solid var(--border-color);transition:var(--transition);border-radius:12px;margin-bottom:24px;overflow:hidden}.post:hover{border-color:#333}.post__header{justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.post__user{align-items:center;gap:12px;display:flex}.post__avatar-ring{width:40px;height:40px;transition:var(--transition);background:0 0;border-radius:50%;flex-shrink:0;padding:2px}.post__avatar-ring--active{background:var(--story-ring)}.post__avatar{object-fit:cover;border:2px solid var(--bg-primary);border-radius:50%;width:36px;height:36px;display:block}.post__user-info{flex-direction:column;display:flex}.post__username{color:var(--text-primary);font-size:14px;font-weight:600}.post__location{color:var(--text-secondary);font-size:12px}.post__more-btn{width:32px;height:32px;color:var(--text-primary);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.post__more-btn:hover{background:var(--bg-tertiary)}.post__more-btn svg{width:18px;height:18px}.post__image-wrapper{background-color:var(--bg-tertiary);cursor:pointer;width:100%;position:relative;overflow:hidden}.post__image{object-fit:cover;width:100%;max-height:600px;transition:transform .3s;display:block}.post__image:hover{transform:scale(1.005)}.post__heart-animation{pointer-events:none;animation:.8s forwards heartBeat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.post__heart-animation svg{filter:drop-shadow(0 0 12px #fff6);width:80px;height:80px}.post__actions{justify-content:space-between;align-items:center;padding:8px 12px 4px;display:flex}.post__actions-left{align-items:center;gap:4px;display:flex}.post__action-btn{width:40px;height:40px;color:var(--text-primary);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.post__action-btn:hover{background:var(--bg-tertiary);transform:scale(1.1)}.post__action-btn svg{width:24px;height:24px}.post__action-btn--liked{color:var(--red);animation:.4s heartBeat}.post__action-btn--saved{color:var(--text-primary)}.post__likes{color:var(--text-primary);padding:0 16px 6px;font-size:14px}.post__caption{padding:0 16px 6px;font-size:14px;line-height:1.5}.post__caption-username{color:var(--text-primary);margin-right:4px;font-weight:600}.post__caption-text{color:var(--text-primary)}.post__comments{padding:0 16px 4px}.post__view-comments{color:var(--text-muted);transition:var(--transition);margin-bottom:4px;font-size:14px;display:block}.post__view-comments:hover{color:var(--text-secondary)}.post__comment{margin-bottom:4px;font-size:14px;line-height:1.4}.post__comment-username{color:var(--text-primary);margin-right:4px;font-weight:600}.post__comment-text{color:var(--text-primary)}.post__time{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:2px 16px 10px;font-size:11px;display:block}.post__add-comment{border-top:1px solid var(--border-color);align-items:center;gap:10px;padding:12px 16px;display:flex}.post__emoji-btn{cursor:pointer;flex-shrink:0;font-size:20px;transition:transform .2s;display:inline-block}.post__emoji-btn:hover{transform:scale(1.2)}.post__comment-input{color:var(--text-primary);caret-color:var(--accent-blue);background:0 0;border:none;outline:none;flex:1;font-size:14px}.post__comment-input::placeholder{color:var(--text-muted)}.post__post-btn{color:var(--accent-blue);transition:var(--transition);flex-shrink:0;font-size:14px;font-weight:600}.post__post-btn:hover{color:var(--accent-blue-hover)}.feed{flex:1;min-width:0;max-width:614px}.feed__skeleton{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px;overflow:hidden}.feed__skeleton-header{align-items:center;gap:12px;padding:14px 16px;display:flex}.feed__skeleton-avatar{border-radius:50%;flex-shrink:0;width:40px;height:40px}.feed__skeleton-lines{flex:1}.feed__skeleton-line{border-radius:4px;height:14px}.feed__skeleton-image{border-radius:0;width:100%;height:400px}.sidebar{flex-shrink:0;width:335px;padding-top:20px}.sidebar__user{align-items:center;gap:14px;margin-bottom:24px;display:flex}.sidebar__user-avatar-link{flex-shrink:0}.sidebar__user-avatar{object-fit:cover;border:1px solid var(--border-color);border-radius:50%;width:56px;height:56px}.sidebar__user-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sidebar__user-username{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.sidebar__user-name{color:var(--text-muted);font-size:14px}.sidebar__switch-btn{color:var(--accent-blue);transition:var(--transition);flex-shrink:0;font-size:13px;font-weight:600}.sidebar__switch-btn:hover{color:var(--text-primary)}.sidebar__suggestions{margin-bottom:24px}.sidebar__suggestions-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.sidebar__suggestions-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:14px;font-weight:600}.sidebar__see-all{color:var(--text-primary);transition:var(--transition);font-size:13px;font-weight:700}.sidebar__see-all:hover{color:var(--text-secondary)}.sidebar__suggestion{transition:var(--transition);align-items:center;gap:12px;margin-bottom:14px;display:flex}.sidebar__suggestion:hover{opacity:.9}.sidebar__suggestion-avatar-link{flex-shrink:0}.sidebar__suggestion-avatar{object-fit:cover;border:1px solid var(--border-color);border-radius:50%;width:36px;height:36px}.sidebar__suggestion-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sidebar__suggestion-username{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;transition:var(--transition);font-size:13px;font-weight:600;overflow:hidden}.sidebar__suggestion-username:hover{color:var(--text-secondary)}.sidebar__suggestion-mutual{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sidebar__follow-btn{color:var(--accent-blue);transition:var(--transition);border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:13px;font-weight:700}.sidebar__follow-btn:hover{background:#0095f61a}.sidebar__follow-btn--following{color:var(--text-muted)}.sidebar__footer{margin-top:8px}.sidebar__footer-links{flex-wrap:wrap;gap:6px 10px;margin-bottom:12px;display:flex}.sidebar__footer-link{color:var(--text-muted);transition:var(--transition);font-size:12px}.sidebar__footer-link:hover{color:var(--text-secondary)}.sidebar__copyright{color:var(--text-muted);letter-spacing:.5px;font-size:11px}.auth{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth__background{pointer-events:none;z-index:0;position:fixed;inset:0}.auth__bg-circle{filter:blur(80px);opacity:.15;border-radius:50%;position:absolute}.auth__bg-circle--1{background:#dc2743;width:400px;height:400px;animation:6s ease-in-out infinite pulse;top:-100px;left:-100px}.auth__bg-circle--2{background:#bc1888;width:350px;height:350px;animation:8s ease-in-out 2s infinite pulse;bottom:-50px;right:-50px}.auth__bg-circle--3{background:#f09433;width:300px;height:300px;animation:10s ease-in-out 4s infinite pulse;top:50%;left:50%;transform:translate(-50%,-50%)}.auth__container{z-index:1;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:420px;padding:20px;display:flex;position:relative}.auth__card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);background:#1c1c1cd9;border-radius:16px;flex-direction:column;align-items:center;gap:32px;width:100%;padding:48px 36px;display:flex}.auth__logo{text-align:center;margin-bottom:8px}.auth__logo-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800}.auth__tagline{color:var(--text-muted);margin-top:6px;font-size:14px}.auth__form{flex-direction:column;gap:12px;display:flex}.auth__input{background:var(--bg-tertiary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);transition:var(--transition);border-radius:10px;outline:none;padding:12px 14px;font-size:14px}.auth__input:focus{border-color:var(--text-muted);background:var(--bg-card)}.auth__input::placeholder{color:var(--text-muted)}.auth__error{color:var(--red);text-align:center;background:#ed49561a;border:1px solid #ed495633;border-radius:8px;padding:8px;font-size:13px}.auth__forgot{text-align:right;margin-top:-4px;font-size:13px}.auth__link{color:var(--accent-blue);transition:var(--transition)}.auth__link:hover{color:var(--text-primary)}.auth__submit-btn{background:var(--accent-blue);color:#fff;width:100%;transition:var(--transition);border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:12px;font-size:15px;font-weight:700;display:flex}.auth__submit-btn:hover:not(:disabled){background:var(--accent-blue-hover);transform:translateY(-1px);box-shadow:0 4px 20px #0095f64d}.auth__submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth__spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}.auth__divider{align-items:center;gap:12px;display:flex}.auth__divider-line{background:var(--border-color);flex:1;height:1px}.auth__divider-text{color:var(--text-muted);letter-spacing:1px;font-size:13px;font-weight:600}.auth__demo-btn{background:var(--bg-tertiary);border:1.5px solid var(--border-color);width:100%;color:var(--text-primary);transition:var(--transition);border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:14px 20px;font-size:15px;font-weight:700;display:flex}.auth__demo-btn:hover{background:var(--bg-card);border-color:var(--text-secondary);transform:translateY(-1px);box-shadow:0 6px 24px #0006}.auth__toggle-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);text-align:center;width:100%;color:var(--text-secondary);background:#1c1c1cd9;border-radius:12px;padding:20px;font-size:14px}.auth__toggle-btn{color:var(--accent-blue);transition:var(--transition);font-size:14px;font-weight:700}.auth__toggle-btn:hover{color:var(--text-primary)}.auth__app{text-align:center}.auth__app-text{color:var(--text-secondary);margin-bottom:12px;font-size:14px}.auth__app-badges{justify-content:center;gap:10px;display:flex}.auth__badge{border:1px solid var(--border-color);color:var(--text-primary);transition:var(--transition);background:#1c1c1cd9;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}.auth__badge:hover{background:var(--bg-tertiary)}@media (width<=480px){.auth__card{padding:30px 20px}}.profile-page{min-height:100vh;padding-top:80px;padding-bottom:40px}.profile-page__container{max-width:935px;margin:0 auto;padding:0 16px}.profile-page__loading{flex-direction:column;align-items:center;padding-top:80px;display:flex}.profile-page__header{align-items:flex-start;gap:40px;padding:30px 0 40px;display:flex}.profile-page__avatar-wrap{background:var(--story-ring);border-radius:50%;flex-shrink:0;width:150px;height:150px;padding:3px}.profile-page__avatar{border:4px solid var(--bg-primary);object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.profile-page__info{flex-direction:column;flex:1;gap:16px;min-width:0;padding-top:8px;display:flex}.profile-page__top-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.profile-page__username{color:var(--text-primary);letter-spacing:-.3px;font-size:22px;font-weight:300}.profile-page__own-actions,.profile-page__actions{flex-wrap:wrap;gap:10px;display:flex}.profile-page__btn{transition:var(--transition);white-space:nowrap;border-radius:10px;padding:7px 16px;font-size:14px;font-weight:600}.profile-page__btn--primary{background:var(--accent-blue);color:#fff}.profile-page__btn--primary:hover{background:var(--accent-blue-hover)}.profile-page__btn--outline{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.profile-page__btn--outline:hover{background:var(--bg-card)}.profile-page__stats{gap:30px;display:flex}.profile-page__stat{color:var(--text-primary);cursor:pointer;transition:var(--transition);gap:6px;font-size:16px;display:flex}.profile-page__stat:hover{opacity:.8}.profile-page__stat strong{font-weight:700}.profile-page__stat span{color:var(--text-secondary)}.profile-page__bio{flex-direction:column;gap:4px;display:flex}.profile-page__name{font-size:14px;font-weight:700}.profile-page__bio-text{color:var(--text-secondary);white-space:pre-line;font-size:14px;line-height:1.6}.profile-page__tabs{border-top:1px solid var(--border-color);justify-content:center;gap:0;margin-bottom:2px;display:flex}.profile-page__tab{letter-spacing:1px;color:var(--text-muted);transition:var(--transition);text-transform:uppercase;border-top:1px solid #0000;align-items:center;gap:6px;margin-top:-1px;padding:14px 30px;font-size:12px;font-weight:600;display:flex}.profile-page__tab svg{width:14px;height:14px}.profile-page__tab:hover{color:var(--text-secondary)}.profile-page__tab--active{color:var(--text-primary);border-top-color:var(--text-primary)}.profile-page__grid{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.profile-page__grid-item{aspect-ratio:1;cursor:pointer;position:relative;overflow:hidden}.profile-page__grid-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.profile-page__grid-item:hover .profile-page__grid-img{transform:scale(1.05)}.profile-page__grid-overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.profile-page__grid-item:hover .profile-page__grid-overlay{opacity:1}.profile-page__grid-stats{color:#fff;gap:20px;font-size:16px;font-weight:700;display:flex}.profile-page__empty{color:var(--text-muted);flex-direction:column;align-items:center;gap:16px;padding:60px 20px;display:flex}.profile-page__empty svg{width:80px;height:80px}.profile-page__empty h3{color:var(--text-primary);font-size:22px;font-weight:300}.profile-page__empty p{font-size:14px}@media (width<=768px){.profile-page__header{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:20px 0 30px}.profile-page__avatar-wrap{width:100px;height:100px}.profile-page__stats,.profile-page__top-row{justify-content:center}.profile-page__tab{padding:14px 20px}}.explore-page{max-width:935px;min-height:100vh;margin:0 auto;padding:80px 16px 40px}.explore-page__search-wrap{margin-bottom:20px}.explore-page__search{max-width:380px;margin:0 auto;position:relative}.explore-page__search-icon{width:18px;height:18px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.explore-page__search-input{background:var(--bg-tertiary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);transition:var(--transition);border-radius:10px;outline:none;padding:12px 14px 12px 44px;font-size:15px}.explore-page__search-input:focus{border-color:var(--text-muted)}.explore-page__search-input::placeholder{color:var(--text-muted)}.explore-page__categories{scrollbar-width:none;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex;overflow-x:auto}.explore-page__categories::-webkit-scrollbar{display:none}.explore-page__category{white-space:nowrap;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);transition:var(--transition);border-radius:24px;flex-shrink:0;padding:8px 18px;font-size:14px;font-weight:500}.explore-page__category:hover{border-color:var(--text-muted);color:var(--text-primary)}.explore-page__category--active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.explore-page__grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:200px;gap:3px;display:grid}.explore-page__grid-item{cursor:pointer;background:var(--bg-tertiary);position:relative;overflow:hidden}.explore-page__grid-item--double{grid-row:span 2}.explore-page__img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.explore-page__grid-item:hover .explore-page__img{transform:scale(1.06)}.explore-page__overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.explore-page__grid-item:hover .explore-page__overlay{opacity:1}.explore-page__overlay-stats{color:#fff;gap:20px;font-size:15px;font-weight:700;display:flex}@media (width<=640px){.explore-page__grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px}}.messages{max-width:935px;height:100vh;margin:0 auto;padding-top:60px;display:flex}.messages__sidebar{border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:350px;display:flex}.messages__sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 20px 12px;display:flex}.messages__title{font-size:18px;font-weight:700}.messages__new-btn{width:32px;height:32px;color:var(--text-primary);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.messages__new-btn:hover{background:var(--bg-tertiary)}.messages__new-btn svg{width:20px;height:20px}.messages__search-wrap{padding:12px 16px}.messages__search{background:var(--bg-tertiary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:9px 14px;font-size:14px}.messages__search::placeholder{color:var(--text-muted)}.messages__chats{flex:1;overflow-y:auto}.messages__chat-item{cursor:pointer;transition:var(--transition);align-items:center;gap:14px;padding:10px 16px;display:flex}.messages__chat-item:hover,.messages__chat-item--active{background:var(--bg-tertiary)}.messages__chat-avatar-wrap{flex-shrink:0;position:relative}.messages__chat-avatar{object-fit:cover;border-radius:50%;width:56px;height:56px}.messages__online-dot{border:2px solid var(--bg-primary);background:#44c767;border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:2px}.messages__chat-info{flex:1;min-width:0}.messages__chat-top{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.messages__chat-username{color:var(--text-primary);font-size:14px;font-weight:600}.messages__chat-time{color:var(--text-muted);flex-shrink:0;font-size:12px}.messages__chat-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.messages__chat-last{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.messages__chat-last--unread{color:var(--text-primary);font-weight:600}.messages__unread-badge{background:var(--accent-blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:flex}.messages__chat{flex-direction:column;flex:1;min-width:0;display:flex}.messages__chat-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.messages__chat-header-user{align-items:center;gap:12px;display:flex}.messages__chat-header-avatar{object-fit:cover;border-radius:50%;width:44px;height:44px}.messages__chat-header-username{font-size:15px;font-weight:700}.messages__chat-header-status{color:var(--text-muted);font-size:13px}.messages__chat-header-actions{gap:8px;display:flex}.messages__icon-btn{width:36px;height:36px;color:var(--text-primary);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.messages__icon-btn:hover{background:var(--bg-tertiary)}.messages__icon-btn svg{width:22px;height:22px}.messages__body{flex-direction:column;flex:1;gap:8px;padding:20px;display:flex;overflow-y:auto}.messages__msg-row{align-items:flex-end;gap:8px;max-width:70%;display:flex}.messages__msg-row--sent{flex-direction:row-reverse;align-self:flex-end}.messages__msg-row--received{align-self:flex-start}.messages__msg-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:28px;height:28px}.messages__bubble{word-break:break-word;border-radius:22px;max-width:100%;padding:10px 16px;font-size:14px;line-height:1.4}.messages__bubble--sent{background:var(--accent-blue);color:#fff;border-bottom-right-radius:6px}.messages__bubble--received{background:var(--bg-tertiary);color:var(--text-primary);border-bottom-left-radius:6px}.messages__msg-time{color:var(--text-muted);white-space:nowrap;font-size:10px}.messages__input-bar{border-top:1px solid var(--border-color);align-items:center;gap:12px;padding:14px 20px;display:flex}.messages__emoji-btn{cursor:pointer;flex-shrink:0;font-size:22px;transition:transform .2s}.messages__emoji-btn:hover{transform:scale(1.2)}.messages__input{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);transition:var(--transition);border-radius:22px;outline:none;flex:1;padding:10px 18px;font-size:14px}.messages__input:focus{border-color:var(--text-muted)}.messages__input::placeholder{color:var(--text-muted)}.messages__send-btn{color:var(--accent-blue);transition:var(--transition);flex-shrink:0;font-size:14px;font-weight:700}.messages__send-btn:hover{color:var(--text-primary)}.messages__empty{color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex}.messages__empty svg{width:80px;height:80px}.messages__empty h3{color:var(--text-primary);font-size:22px;font-weight:300}.messages__empty p{max-width:300px;font-size:14px}@media (width<=768px){.messages__sidebar{width:100%}.messages__chat{display:none}}.notifications{min-height:100vh;padding-top:80px;padding-bottom:40px}.notifications__container{max-width:600px;margin:0 auto;padding:0 16px}.notifications__header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.notifications__title{font-size:22px;font-weight:700}.notifications__mark-read{color:var(--accent-blue);transition:var(--transition);font-size:14px;font-weight:600}.notifications__mark-read:hover{color:var(--text-primary)}.notifications__group{margin-bottom:24px}.notifications__group-title{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-bottom:12px;padding-bottom:8px;font-size:16px;font-weight:700}.notifications__item{transition:var(--transition);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:12px;display:flex}.notifications__item:hover{background:var(--bg-tertiary)}.notifications__item--unread{background:#0095f60d;border:1px solid #0095f61a}.notifications__item--unread:hover{background:#0095f614}.notifications__item-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.notifications__avatar-wrap{flex-shrink:0;position:relative}.notifications__avatar{object-fit:cover;border-radius:50%;width:48px;height:48px}.notifications__type-icon{background:var(--bg-card);border:2px solid var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:flex;position:absolute;bottom:-4px;right:-4px}.notifications__content{flex:1;min-width:0}.notifications__text{color:var(--text-primary);font-size:14px;line-height:1.4}.notifications__text strong{font-weight:700}.notifications__time{color:var(--text-muted);margin-top:2px;font-size:12px;display:block}.notifications__item-right{flex-shrink:0;margin-left:12px}.notifications__follow-btn{background:var(--accent-blue);color:#fff;transition:var(--transition);white-space:nowrap;border-radius:10px;padding:7px 14px;font-size:13px;font-weight:700}.notifications__follow-btn:hover{background:var(--accent-blue-hover)}.notifications__follow-btn--following{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.notifications__follow-btn--following:hover{background:var(--bg-card)}.notifications__post-thumb{object-fit:cover;border-radius:6px;width:48px;height:48px}.create-post{justify-content:center;align-items:center;min-height:100vh;padding-top:80px;padding-bottom:40px;display:flex}.create-post__card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:855px;margin:0 16px;overflow:hidden}.create-post__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:relative}.create-post__title{font-size:16px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.create-post__back{width:32px;height:32px;color:var(--text-primary);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.create-post__back:hover{background:var(--bg-tertiary)}.create-post__back svg{width:20px;height:20px}.create-post__next-btn,.create-post__share-btn{color:var(--accent-blue);transition:var(--transition);margin-left:auto;font-size:15px;font-weight:700}.create-post__next-btn:hover,.create-post__share-btn:hover{color:var(--accent-blue-hover)}.create-post__share-btn:disabled{opacity:.6;cursor:not-allowed}.create-post__upload{cursor:pointer;text-align:center;border:2px dashed var(--border-color);transition:var(--transition);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:16px;margin:20px;padding:80px 40px;display:flex}.create-post__upload:hover{border-color:var(--text-muted);background:var(--bg-tertiary)}.create-post__upload-icon{background:var(--bg-tertiary);width:80px;height:80px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.create-post__upload-icon svg{width:44px;height:44px}.create-post__upload h3{font-size:22px;font-weight:300}.create-post__upload p{color:var(--text-muted);font-size:14px}.create-post__upload-btn{background:var(--accent-blue);color:#fff;transition:var(--transition);border-radius:10px;margin-top:8px;padding:9px 18px;font-size:14px;font-weight:700}.create-post__upload-btn:hover{background:var(--accent-blue-hover)}.create-post__edit{flex-direction:column;display:flex}.create-post__preview-wrap{background:#000;justify-content:center;max-height:500px;display:flex;overflow:hidden}.create-post__preview-img{object-fit:contain;width:100%;max-height:500px}.create-post__filters{scrollbar-width:none;gap:12px;padding:20px;display:flex;overflow-x:auto}.create-post__filters::-webkit-scrollbar{display:none}.create-post__filter-item{cursor:pointer;transition:var(--transition);flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex}.create-post__filter-item:hover{transform:scale(1.05)}.create-post__filter-preview{width:80px;height:80px;transition:var(--transition);border:2px solid #0000;border-radius:10px;overflow:hidden}.create-post__filter-preview img{object-fit:cover;width:100%;height:100%}.create-post__filter-item--active .create-post__filter-preview{border-color:var(--accent-blue)}.create-post__filter-item span{color:var(--text-secondary);font-size:12px}.create-post__filter-item--active span{color:var(--accent-blue);font-weight:600}.create-post__caption-step{min-height:500px;display:flex}.create-post__caption-left{background:#000;justify-content:center;align-items:center;width:55%;display:flex}.create-post__caption-img{object-fit:contain;width:100%;height:100%;max-height:500px;display:block}.create-post__caption-right{border-left:1px solid var(--border-color);flex-direction:column;flex:1;padding:20px;display:flex}.create-post__user-row{align-items:center;gap:10px;margin-bottom:16px;display:flex}.create-post__caption-avatar{border-radius:50%;width:36px;height:36px}.create-post__caption-username{font-size:14px;font-weight:700}.create-post__caption-textarea{color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:200px;font-family:inherit;font-size:15px;line-height:1.6}.create-post__caption-textarea::placeholder{color:var(--text-muted)}.create-post__char-count{color:var(--text-muted);text-align:right;margin-bottom:12px;font-size:12px}.create-post__location-input{border-top:1px solid var(--border-color);color:var(--text-primary);background:0 0;border-bottom:none;border-left:none;border-right:none;outline:none;padding:14px 0;font-family:inherit;font-size:15px}.create-post__location-input::placeholder{color:var(--text-muted)}.create-post__success{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.create-post__success-icon{font-size:80px;animation:.6s heartBeat}.create-post__success h2{font-size:28px;font-weight:300}.create-post__success p{color:var(--text-muted)}@media (width<=640px){.create-post__caption-step{flex-direction:column}.create-post__caption-left{width:100%}}.edit-profile{min-height:100vh;padding-top:80px;padding-bottom:40px}.edit-profile__container{max-width:700px;margin:0 auto;padding:0 16px}.edit-profile__title{border-bottom:1px solid var(--border-color);margin-bottom:32px;padding-bottom:16px;font-size:22px;font-weight:700}.edit-profile__avatar-section{background:var(--bg-tertiary);border-radius:16px;align-items:center;gap:24px;margin-bottom:28px;padding:20px 24px;display:flex}.edit-profile__avatar{border:1px solid var(--border-color);border-radius:50%;width:56px;height:56px}.edit-profile__username{margin-bottom:4px;font-size:16px;font-weight:700}.edit-profile__change-photo{color:var(--accent-blue);transition:var(--transition);font-size:14px;font-weight:700}.edit-profile__change-photo:hover{color:var(--accent-blue-hover)}.edit-profile__form{flex-direction:column;gap:20px;display:flex}.edit-profile__field{align-items:flex-start;gap:24px;display:flex}.edit-profile__label{width:120px;color:var(--text-primary);text-align:right;flex-shrink:0;padding-top:10px;font-size:14px;font-weight:700}.edit-profile__input-wrap{flex:1;min-width:0}.edit-profile__input{background:var(--bg-tertiary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);transition:var(--transition);border-radius:10px;outline:none;padding:10px 14px;font-size:14px}.edit-profile__input:focus{border-color:var(--text-muted)}.edit-profile__input::placeholder{color:var(--text-muted)}.edit-profile__helper{color:var(--text-muted);margin-top:8px;font-size:12px;line-height:1.5}.edit-profile__textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);resize:none;transition:var(--transition);border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;line-height:1.5}.edit-profile__textarea:focus{border-color:var(--text-muted)}.edit-profile__textarea::placeholder{color:var(--text-muted)}.edit-profile__bio-count{color:var(--text-muted);text-align:right;margin-top:4px;font-size:12px}.edit-profile__select{background:var(--bg-tertiary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);cursor:pointer;border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px}.edit-profile__actions{align-items:center;gap:16px;padding-top:8px;padding-left:144px;display:flex}.edit-profile__save-btn{background:var(--accent-blue);color:#fff;transition:var(--transition);border-radius:10px;padding:9px 20px;font-size:14px;font-weight:700}.edit-profile__save-btn:hover{background:var(--accent-blue-hover)}.edit-profile__save-btn--saved{background:#44c767}.edit-profile__cancel-btn{color:var(--text-primary);transition:var(--transition);font-size:14px;font-weight:500}.edit-profile__cancel-btn:hover{color:var(--text-muted)}@media (width<=640px){.edit-profile__field{flex-direction:column;gap:6px}.edit-profile__label{text-align:left;width:auto}.edit-profile__actions{padding-left:0}}.reels-page{background:#000;min-height:100vh;padding-top:60px}.reels-page__container{flex-direction:column;gap:0;max-width:400px;margin:0 auto;display:flex}.reel-item{scroll-snap-align:start;width:100%;height:calc(100vh - 60px);min-height:600px;display:flex;position:relative;overflow:hidden}.reel-item__media{position:absolute;inset:0}.reel-item__img{object-fit:cover;width:100%;height:100%;display:block}.reel-item__overlay{background:linear-gradient(#0000 30%,#0000004d 60%,#000000d9 100%);position:absolute;inset:0}.reel-item__info{z-index:10;position:absolute;bottom:80px;left:16px;right:70px}.reel-item__user{align-items:center;gap:10px;margin-bottom:10px;display:flex}.reel-item__avatar{object-fit:cover;border:2px solid #fffc;border-radius:50%;width:36px;height:36px}.reel-item__username{color:#fff;font-size:14px;font-weight:700}.reel-item__follow-btn{color:#fff;transition:var(--transition);border:1.5px solid #fff;border-radius:8px;padding:3px 12px;font-size:13px;font-weight:700}.reel-item__follow-btn:hover{background:#ffffff26}.reel-item__caption{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.reel-item__audio{color:#fffc;font-size:13px}.reel-item__actions{z-index:10;flex-direction:column;align-items:center;gap:20px;display:flex;position:absolute;bottom:80px;right:12px}.reel-item__action-btn{color:#fff;transition:var(--transition);flex-direction:column;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.reel-item__action-btn:hover{transform:scale(1.15)}.reel-item__action-btn svg{filter:drop-shadow(0 2px 4px #00000080);width:28px;height:28px}.reel-item__action-btn--liked{animation:.4s heartBeat}@media (width<=480px){.reels-page__container{max-width:100%}}.home-page{min-height:100vh;padding-top:60px}.home-page__content{align-items:flex-start;gap:28px;max-width:975px;margin:0 auto;padding:24px 16px;display:flex}.home-page__main{flex:1;min-width:0;max-width:614px}@media (width<=935px){.home-page__content{justify-content:center}.home-page__content>aside{display:none}}@media (width<=768px){.home-page__content{padding:16px 8px}}