.header-instagram{position:fixed;top:0;left:0;right:0;height:60px;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;z-index:1000;transition:all .3s ease}.header-left{flex:1 1;display:flex;justify-content:flex-start}.header-center{flex:1 1;display:flex;justify-content:center}.header-right{flex:1 1;display:flex;justify-content:flex-end;gap:.5rem}.logo{font-size:1.5rem;font-weight:700;color:#000;margin:0;cursor:pointer;transition:all .3s ease;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo:hover{transform:scale(1.05)}.search-icon-container{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(0,0,0,.05);border-radius:25px;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.search-icon-container:hover{background:rgba(0,0,0,.1);border-color:#e0e0e0;transform:translateY(-1px)}.search-icon{font-size:1.2rem}.search-text{font-size:.9rem;font-weight:500;color:#333}.header-btn{width:40px;height:40px;border:none;border-radius:50%;background:rgba(0,0,0,.05);cursor:pointer;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#333}.header-btn:hover{background:rgba(0,0,0,.1);transform:scale(1.1)}.auth-btn{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);color:#fff}.auth-btn:hover{background:linear-gradient(45deg,#ff5252,#26a69a);box-shadow:0 4px 12px hsla(0,100%,71%,.3)}.menu-btn:hover{background:rgba(0,0,0,.15)}.header-instagram.scrolled{background:hsla(0,0%,100%,.98);box-shadow:0 2px 20px rgba(0,0,0,.1);height:55px}@media (max-width:768px){.header-instagram{padding:0 .5rem;height:55px}.logo{font-size:1.3rem}.search-text{display:none}.search-icon-container{padding:.5rem}.header-btn{width:35px;height:35px;font-size:1rem}}@media (max-width:480px){.header-instagram{padding:0 .25rem}.logo{font-size:1.1rem}.header-center{flex:0.5 1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.search-icon-container:active{animation:pulse .3s ease}.header-btn:focus,.search-icon-container:focus{outline:2px solid #4ecdc4;outline-offset:2px}.logo:focus{outline:2px solid #ff6b6b;outline-offset:4px;border-radius:4px}.feed{overflow:hidden;background:#000;touch-action:pan-y}.feed,.feed-post{height:100vh;width:100%;position:relative}.feed-post{display:flex;align-items:center;justify-content:center}.post-image{width:100%;height:100%;object-fit:cover}.post-image,.post-overlay{position:absolute;top:0;left:0}.post-overlay{right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,.3) 0,transparent 20%,transparent 80%,rgba(0,0,0,.6));display:flex;flex-direction:column;justify-content:space-between;padding:2rem}.post-timer{position:absolute;top:1rem;right:1rem;background:rgba(0,0,0,.7);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);z-index:10}.post-content{color:#fff;text-align:center;margin-bottom:4rem;z-index:10}.post-title{font-size:2rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.post-description{font-size:1.1rem;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.5);line-height:1.5}.posts-progress{display:flex;justify-content:center;gap:.5rem;margin-top:2rem;z-index:10}.progress-dot{width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.4);cursor:pointer;transition:all .3s ease}.progress-dot.active{background:#fff;transform:scale(1.2)}.progress-dot:hover{background:hsla(0,0%,100%,.8)}.feed-loading{height:100vh;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#666;background:#f5f5f5}.feed-loading:after{content:"...";animation:dots 1.5s steps(4) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.navigation-hint{position:absolute;bottom:2rem;left:0;right:0;text-align:center;z-index:10}.hint-text{color:hsla(0,0%,100%,.7);font-size:.9rem;background:rgba(0,0,0,.5);padding:.5rem 1rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInOut 3s ease-in-out infinite;border:1px solid hsla(0,0%,100%,.1)}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}@media (max-width:768px){.post-title{font-size:1.5rem}.post-description{font-size:1rem}.post-overlay{padding:1rem}.navigation-hint{bottom:1rem}.hint-text,.post-timer{font-size:.8rem;padding:.4rem .8rem}.post-timer{top:.5rem;right:.5rem}}@media (max-width:480px){.post-title{font-size:1.3rem}.post-description{font-size:.9rem}.posts-progress{gap:.3rem}.progress-dot{width:6px;height:6px}}@keyframes fadeIn{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.feed-post{animation:fadeIn .5s ease-in-out}.feed{-webkit-overflow-scrolling:touch}.feed-loading{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:500}.post-timer{transition:all .3s ease}.post-timer:hover{background:rgba(0,0,0,.9);transform:scale(1.05)}.progress-dot:focus{outline:2px solid #fff;outline-offset:2px}@media (prefers-color-scheme:dark){.feed-loading{background:#1a1a1a;color:#e0e0e0}}.feed-post{will-change:transform,opacity}.post-image{will-change:transform}.feed{scroll-behavior:smooth}.feed,.post-description,.post-title{-webkit-user-select:none;-moz-user-select:none;user-select:none}