@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.notification-dropdown-container{position:relative}.notification-trigger{background:none;border:none;cursor:pointer;padding:8px;color:var(--text-primary, #262626);position:relative;display:flex;align-items:center;justify-content:center}.notification-trigger:hover{opacity:.7}.notification-badge{position:absolute;top:2px;right:2px;background:#ed4956;color:#fff;font-size:11px;font-weight:600;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.notification-dropdown{position:absolute;top:100%;right:0;width:400px;max-height:480px;background:var(--bg-primary, #fff);border-radius:12px;box-shadow:0 4px 12px #00000026;z-index:1000;overflow:hidden;margin-top:8px}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-color, #dbdbdb)}.notification-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #262626)}.mark-all-read-btn{background:none;border:none;color:var(--primary-color, #0095f6);font-size:13px;font-weight:600;cursor:pointer}.mark-all-read-btn:hover{color:var(--primary-color-dark, #00376b)}.notification-list{max-height:400px;overflow-y:auto}.notification-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background-color .2s;position:relative}.notification-item:hover{background:var(--bg-hover, #fafafa)}.notification-item.unread{background:#0095f60d}.notification-avatar-container{position:relative;flex-shrink:0}.notification-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.notification-type-icon{position:absolute;bottom:-2px;right:-2px;background:var(--bg-primary, #fff);border-radius:50%;padding:2px;display:flex;align-items:center;justify-content:center}.notification-icon{color:var(--text-secondary, #8e8e8e)}.notification-icon.like{color:#ed4956}.notification-icon.comment{color:var(--primary-color, #0095f6)}.notification-icon.follow{color:#5851db}.notification-icon.mention{color:#fd8d32}.notification-icon.tag{color:#58c322}.notification-content{flex:1;min-width:0}.notification-message{margin:0;font-size:14px;color:var(--text-primary, #262626);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time{font-size:12px;color:var(--text-secondary, #8e8e8e)}.notification-thumbnail{width:44px;height:44px;object-fit:cover;border-radius:4px;flex-shrink:0}.notification-unread-dot{position:absolute;right:16px;width:8px;height:8px;background:var(--primary-color, #0095f6);border-radius:50%}.no-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-secondary, #8e8e8e)}.no-notifications p{margin:16px 0 0;font-size:14px}.notification-loading{display:flex;align-items:center;justify-content:center;padding:16px}.loading-spinner{width:24px;height:24px;border:2px solid var(--border-color, #dbdbdb);border-top-color:var(--primary-color, #0095f6);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 480px){.notification-dropdown{position:fixed;top:60px;left:0;right:0;width:100%;max-height:calc(100vh - 60px);border-radius:0;margin-top:0}}@media (prefers-color-scheme: dark){.notification-dropdown{background:#262626;border:1px solid #363636}.notification-header{border-color:#363636}.notification-header h3,.notification-message{color:#f5f5f5}.notification-item:hover{background:#363636}.notification-item.unread{background:#0095f61a}.notification-type-icon{background:#262626}.notification-trigger{color:#f5f5f5}}.notification-dropdown-container.controlled{position:static}.notification-dropdown-container.controlled .notification-dropdown{position:absolute;top:0;left:0;width:400px;margin-top:0}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Toastify__toast-container{z-index:9999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.Toastify__toast{border-radius:12px;padding:16px;box-shadow:0 4px 12px #00000026;font-size:14px;min-height:64px}.Toastify__toast--success{background:linear-gradient(135deg,#00ba7c,#00a86b);color:#fff}.Toastify__toast--success .Toastify__toast-icon{color:#fff}.Toastify__toast--error{background:linear-gradient(135deg,#ed4956,#d63447);color:#fff}.Toastify__toast--error .Toastify__toast-icon{color:#fff}.Toastify__toast--info{background:linear-gradient(135deg,#0095f6,#07c);color:#fff}.Toastify__toast--info .Toastify__toast-icon{color:#fff}.Toastify__toast--warning{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.Toastify__toast--warning .Toastify__toast-icon{color:#fff}.Toastify__progress-bar{height:4px}.Toastify__progress-bar--success,.Toastify__progress-bar--error,.Toastify__progress-bar--info,.Toastify__progress-bar--warning{background:#ffffffb3}.Toastify__close-button{color:#fff;opacity:.8}.Toastify__close-button:hover{opacity:1}.Toastify__toast-body{padding:0;line-height:1.5}@keyframes toastSlideIn{0%{transform:translate3d(110%,0,0);opacity:0}to{transform:translateZ(0);opacity:1}}.Toastify__toast--top-right{animation:toastSlideIn .3s ease-out}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;right:0;margin:0}.Toastify__toast{margin-bottom:0;border-radius:0}}@media (prefers-color-scheme: dark){.Toastify__toast{background-color:#2c2c2c;color:#fff}}.photo-card{background-color:var(--ig-surface);border:1px solid var(--ig-border-color);border-radius:8px;margin:20px auto;max-width:470px;box-shadow:var(--ig-shadow-sm);overflow:hidden}.photo-card-header{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid var(--ig-border-color)}.avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;margin-right:12px}.photo-card .username{font-weight:600;font-size:14px;color:var(--ig-primary-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.photo{width:100%;display:block;object-fit:cover}.photo-card-actions{padding:10px 16px;display:flex;align-items:center;justify-content:space-between}.action-buttons-left{display:flex;align-items:center;gap:16px}.action-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;color:var(--ig-primary-text);transition:opacity .2s}.action-btn:hover:not(:disabled){opacity:.6}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn.saved{color:var(--ig-primary-text)}.action-btn svg{width:24px;height:24px}.photo-card-likes{padding:0 16px 8px;font-size:14px;color:var(--ig-primary-text)}.photo-card-shares-inline{color:var(--ig-secondary-text)}.photo-card-caption{padding:0 16px 12px;font-size:14px;color:var(--ig-primary-text);line-height:1.5}.photo-card-caption .username{font-weight:600;margin-right:6px}.photo-card-comments-count{padding:0 16px 12px;font-size:14px;color:var(--ig-secondary-text);cursor:pointer}.photo-card-comments-count:hover{color:var(--ig-primary-text)}.share-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1100;animation:shareBackdropFadeIn .2s ease}@keyframes shareBackdropFadeIn{0%{opacity:0}to{opacity:1}}.share-modal{background:var(--ig-surface);border-radius:12px;width:90%;max-width:500px;overflow:hidden;box-shadow:0 8px 32px #0000004d;animation:shareModalSlideUp .25s ease}@keyframes shareModalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--ig-border-color)}.share-modal-header h3{margin:0;font-size:16px;font-weight:600;color:var(--ig-primary-text)}.share-modal-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--ig-secondary-text);padding:4px;line-height:1;transition:color .2s}.share-modal-close:hover{color:var(--ig-primary-text)}.share-modal-body{padding:16px}.share-preview{display:flex;justify-content:center;margin-bottom:16px}.share-preview-image{max-width:100%;max-height:200px;object-fit:cover;border-radius:8px;border:1px solid var(--ig-border-color)}.share-caption-section{position:relative}.share-caption-input{width:100%;padding:12px;border:1px solid var(--ig-border-color);border-radius:8px;font-size:14px;font-family:inherit;resize:none;background:var(--ig-surface);color:var(--ig-primary-text);transition:border-color .2s;box-sizing:border-box}.share-caption-input:focus{outline:none;border-color:var(--ig-link-color)}.share-caption-input::placeholder{color:var(--ig-secondary-text)}.share-caption-count{display:block;text-align:right;font-size:12px;color:var(--ig-secondary-text);margin-top:4px}.share-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 16px;border-top:1px solid var(--ig-border-color)}.share-btn-cancel{padding:8px 20px;border:1px solid var(--ig-border-color);border-radius:8px;background:transparent;color:var(--ig-primary-text);font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.share-btn-cancel:hover{background:var(--ig-hover-bg)}.share-btn-confirm{padding:8px 20px;border:none;border-radius:8px;background:var(--ig-link-color);color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:opacity .2s}.share-btn-confirm:hover:not(:disabled){opacity:.85}.share-btn-confirm:disabled{opacity:.6;cursor:not-allowed}.share-btn-loading{display:flex;align-items:center;gap:6px}.share-spinner{animation:shareSpinRotate .8s linear infinite}@keyframes shareSpinRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.photo-card-share-count{padding:0 16px 4px;font-size:14px;color:var(--ig-primary-text)}.action-btn.shared{color:var(--ig-link-color)}.photo-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:flex-start;justify-content:center;z-index:9999;padding:20px;overflow-y:auto}.photo-modal-content{position:relative;max-width:1200px;width:100%;background:#fff;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;margin:auto 0}.modal-close-button{position:absolute;top:16px;right:16px;background:#0009;color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;z-index:10;transition:background .2s}.modal-close-button:hover{background:#000c}.photo-modal-container{display:flex;height:100%;max-height:90vh}.photo-modal-image-section{flex:1;display:flex;align-items:center;justify-content:center;background-color:#000;min-width:0}.photo-modal-image-section img{max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain}.photo-modal-details-section{width:400px;display:flex;flex-direction:column;background:#fff;border-left:1px solid #dbdbdb;max-height:90vh;overflow:hidden}.photo-modal-header{display:flex;align-items:center;padding:16px;border-bottom:1px solid #efefef;gap:12px}.photo-modal-header .user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.photo-modal-header .modal-username-link,.photo-modal-content-area .modal-username-link{font-weight:600;color:#262626;font-size:14px;text-decoration:none}.photo-modal-header .modal-username-link:hover,.photo-modal-content-area .modal-username-link:hover{text-decoration:underline}.modal-follow-btn{margin-left:auto;padding:6px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;background-color:#0095f6;color:#fff;transition:background .2s;white-space:nowrap}.modal-follow-btn:hover{background-color:#1877f2}.modal-follow-btn.following{background-color:transparent;color:#262626;border:1px solid #dbdbdb}.modal-follow-btn.following:hover{background-color:#fafafa}.modal-follow-btn:disabled{opacity:.6;cursor:default}} .photo-modal-header .username{font-weight:600;color:#262626;font-size:14px}.photo-modal-content-area{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;min-height:0}.photo-modal-content-area .comment-section{flex:1;display:flex;flex-direction:column}.photo-modal-content-area .comments-list{flex:1}.photo-modal-footer .comment-form{display:flex;align-items:center;gap:12px;padding-top:12px;margin-top:8px;border-top:1px solid #efefef}.photo-modal-footer .comment-input{flex:1;border:none;outline:none;font-size:14px;padding:8px 0;color:#262626;background:transparent}.photo-modal-footer .comment-input::placeholder{color:#8e8e8e}.photo-modal-footer .comment-submit-btn{background:none;border:none;color:#0095f6;font-weight:600;font-size:14px;cursor:pointer}.photo-modal-footer .comment-submit-btn:disabled{opacity:.3;cursor:not-allowed}.photo-modal-footer .replying-to{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:13px;color:#8e8e8e}.photo-modal-footer .replying-to strong{color:#0095f6}.photo-modal-footer .cancel-reply-btn{background:none;border:none;color:#8e8e8e;cursor:pointer;font-size:14px;padding:4px 8px}.photo-modal-caption{display:flex;gap:12px;margin-bottom:16px}.user-avatar-small{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.caption-content{flex:1;display:flex;flex-direction:column;gap:4px}.caption-content .username{font-weight:600;font-size:14px;color:#262626}.caption-text{font-size:14px;color:#262626;line-height:1.5;margin:0;word-wrap:break-word}.timestamp{font-size:12px;color:#8e8e8e;margin-top:4px}.photo-modal-comments{display:flex;flex-direction:column;gap:16px}.comment-item{display:flex;gap:12px}.comment-content{flex:1;display:flex;flex-direction:column;gap:4px}.comment-content .username{font-weight:600;font-size:14px;color:#262626}.comment-text{font-size:14px;color:#262626;line-height:1.5;margin:0;word-wrap:break-word}.no-comments{text-align:center;color:#8e8e8e;font-size:14px;padding:24px 0}.photo-modal-footer{border-top:1px solid #efefef;padding:16px}.actions-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.action-buttons{display:flex;gap:16px}.action-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;color:#262626;transition:opacity .2s}.action-btn:hover{opacity:.6}.action-btn.liked{color:#ed4956}.action-btn.saved{color:#262626}.action-btn svg{width:24px;height:24px;stroke-width:2}.likes-count{font-size:14px;font-weight:600;color:#262626;margin-bottom:8px}.shares-count-inline{font-weight:400;color:#8e8e8e}.post-date{font-size:12px;color:#8e8e8e;text-transform:uppercase;margin-bottom:8px}.photo-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag{font-size:12px;color:#0095f6;cursor:pointer;font-weight:500}.tag:hover{text-decoration:underline}.error-message{color:#ed4956;text-align:center;padding:20px}.close-button{background:#0095f6;color:#fff;border:none;padding:8px 24px;border-radius:4px;cursor:pointer;font-weight:600;margin-top:16px}.close-button:hover{background:#1877f2}@media (max-width: 1024px){.photo-modal-details-section{width:350px}}@media (max-width: 768px){.photo-modal-container{flex-direction:column}.photo-modal-image-section{max-height:50vh}.photo-modal-details-section{width:100%;max-height:50vh}.photo-modal-content{max-height:95vh}}.photo-modal-content-area::-webkit-scrollbar{width:6px}.photo-modal-content-area::-webkit-scrollbar-track{background:#fafafa}.photo-modal-content-area::-webkit-scrollbar-thumb{background:#dbdbdb;border-radius:3px}.photo-modal-content-area::-webkit-scrollbar-thumb:hover{background:#c7c7c7}.comment-form{display:flex;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #efefef}.comment-input{flex:1;border:none;outline:none;font-size:14px;padding:8px 0;color:#262626;resize:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.comment-input::placeholder{color:#8e8e8e}.comment-input:disabled{opacity:.5;cursor:not-allowed}.comment-submit-btn{background:none;border:none;color:#0095f6;font-weight:600;font-size:14px;cursor:pointer;padding:0;transition:opacity .2s}.comment-submit-btn:hover:not(:disabled){opacity:.7}.related-photos-section{border-top:1px solid var(--ig-border-color, #dbdbdb);padding:20px;background:var(--ig-surface, #fff)}.related-photos-header{margin-bottom:16px}.related-photos-header h4{font-size:14px;font-weight:600;color:var(--ig-secondary-text, #8e8e8e);margin:0}.related-photos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.related-photo-item{position:relative;aspect-ratio:1;cursor:pointer;overflow:hidden;border-radius:2px;background-color:var(--ig-hover-background, #fafafa)}.related-photo-item img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s}.related-photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.related-photo-item:hover .related-photo-overlay{opacity:1}.related-photo-stats{display:flex;align-items:center;gap:16px}.related-photo-stats span{display:flex;align-items:center;gap:4px;color:#fff;font-size:14px;font-weight:700}.related-photos-loading{display:flex;justify-content:center;padding:24px 0}@media (max-width: 735px){.related-photos-grid{grid-template-columns:repeat(3,1fr);gap:2px}.related-photo-stats span{font-size:12px;gap:2px}}[data-theme=dark] .photo-modal-content{background:#121212}[data-theme=dark] .photo-modal-details-section{background:#121212;border-left-color:#363636}[data-theme=dark] .photo-modal-header{border-bottom-color:#363636}[data-theme=dark] .photo-modal-header .username{color:#f5f5f5}[data-theme=dark] .photo-modal-content-area{background:#121212}[data-theme=dark] .caption-content .username,[data-theme=dark] .caption-text{color:#f5f5f5}[data-theme=dark] .photo-modal-footer{border-top-color:#363636}[data-theme=dark] .action-btn,[data-theme=dark] .likes-count,[data-theme=dark] .shares-count-inline{color:#f5f5f5}[data-theme=dark] .post-date{color:#a8a8a8}[data-theme=dark] .photo-modal-footer .comment-form{border-top-color:#363636}[data-theme=dark] .photo-modal-footer .comment-input{color:#f5f5f5}[data-theme=dark] .photo-modal-footer .comment-input::placeholder{color:#a8a8a8}[data-theme=dark] .photo-modal-footer .replying-to{color:#a8a8a8}.comment-section{display:flex;flex-direction:column;min-height:100%}.comments-list{flex:1;padding:12px 0}.comment-item{display:flex;gap:12px;padding:8px 0;position:relative}.comment-item.reply-item{margin-left:54px;padding-left:0}.comment-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.reply-item .comment-avatar{width:28px;height:28px}.comment-body{flex:1;min-width:0}.comment-header{line-height:1.4}.comment-username{font-weight:600;font-size:13px;margin-right:6px;color:var(--text-primary, #262626)}.comment-text{font-size:14px;color:var(--text-primary, #262626);word-break:break-word}.comment-actions{display:flex;align-items:center;gap:12px;margin-top:4px;font-size:12px;color:var(--text-secondary, #8e8e8e)}.comment-time{color:var(--text-secondary, #8e8e8e)}.comment-likes{font-weight:600}.comment-action-btn{background:none;border:none;color:var(--text-secondary, #8e8e8e);font-weight:600;cursor:pointer;padding:0;font-size:12px}.comment-action-btn:hover{color:var(--text-primary, #262626)}.comment-like-btn{background:none;border:none;cursor:pointer;padding:4px;color:var(--text-secondary, #8e8e8e);position:absolute;right:0;top:8px;opacity:.7;transition:opacity .2s}.comment-like-btn:hover{opacity:1}.comment-like-btn.liked{color:#ed4956;opacity:1}.view-replies-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-secondary, #8e8e8e);font-size:12px;font-weight:600;cursor:pointer;padding:8px 0 4px}.view-replies-btn:hover{color:var(--text-primary, #262626)}.replies-container{margin-top:8px}.no-comments{text-align:center;color:var(--text-secondary, #8e8e8e);padding:20px;font-size:14px}.replying-to{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-secondary, #fafafa);border-top:1px solid var(--border-color, #dbdbdb);font-size:13px;color:var(--text-secondary, #8e8e8e)}.replying-to strong{color:var(--primary-color, #0095f6)}.cancel-reply-btn{background:none;border:none;color:var(--text-secondary, #8e8e8e);cursor:pointer;font-size:14px;padding:4px 8px}.cancel-reply-btn:hover{color:var(--text-primary, #262626)}.comment-form{display:flex;align-items:center;gap:8px;padding:12px 0;border-top:1px solid var(--border-color, #dbdbdb)}.comment-input{flex:1;border:none;outline:none;font-size:14px;padding:8px;background:transparent;color:var(--text-primary, #262626)}.comment-input::placeholder{color:var(--text-secondary, #8e8e8e)}.comment-submit-btn{background:none;border:none;color:var(--primary-color, #0095f6);font-weight:600;font-size:14px;cursor:pointer;padding:8px}.comment-submit-btn:disabled{opacity:.3;cursor:not-allowed}.comment-submit-btn:not(:disabled):hover{color:var(--primary-color-dark, #00376b)}[data-theme=dark] .comment-username,[data-theme=dark] .comment-text{color:#f5f5f5}[data-theme=dark] .comment-actions,[data-theme=dark] .comment-time,[data-theme=dark] .comment-action-btn,[data-theme=dark] .view-replies-btn,[data-theme=dark] .no-comments{color:#a8a8a8}[data-theme=dark] .replying-to{background:#262626;border-color:#363636}[data-theme=dark] .comment-form{border-color:#363636}.suggested-users-container{position:sticky;top:30px;width:300px;padding:8px 0}.current-user-mini{display:flex;align-items:center;gap:12px;padding:8px 4px;margin-bottom:12px;text-decoration:none;border-radius:8px;transition:background-color .15s}.current-user-mini:hover{background-color:var(--ig-hover-background)}.current-user-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}.current-user-info{display:flex;flex-direction:column;min-width:0}.current-user-username{font-size:14px;font-weight:600;color:var(--ig-primary-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-user-name{font-size:12px;color:var(--ig-secondary-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggested-header{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 8px}.suggested-title{font-size:14px;font-weight:600;color:var(--ig-secondary-text)}.suggested-see-all{font-size:12px;font-weight:600;color:var(--ig-primary-text);background:none;border:none;cursor:pointer;padding:4px;transition:opacity .15s}.suggested-see-all:hover{opacity:.7}.suggested-list{display:flex;flex-direction:column;gap:2px}.suggested-user-item{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;border-radius:8px;transition:background-color .15s}.suggested-user-item:hover{background-color:var(--ig-hover-background)}.suggested-user-link{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0;flex:1}.suggested-user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.suggested-user-info{display:flex;flex-direction:column;min-width:0}.suggested-user-username{font-size:14px;font-weight:600;color:var(--ig-primary-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggested-user-reason{font-size:12px;color:var(--ig-secondary-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggested-follow-btn{font-size:12px;font-weight:600;color:#0095f6;background:none;border:none;cursor:pointer;padding:4px 8px;flex-shrink:0;transition:color .15s}.suggested-follow-btn:hover{color:#00376b}.suggested-following-label{font-size:12px;font-weight:600;color:var(--ig-secondary-text);padding:4px 8px;flex-shrink:0}.suggested-footer{padding:24px 4px 8px}.suggested-footer p{font-size:11px;color:var(--ig-tertiary-text, #c7c7c7);text-transform:uppercase;letter-spacing:.5px;margin:0}.suggested-loading{padding:4px 0}.suggested-skeleton{display:flex;flex-direction:column;gap:12px}.suggested-skeleton-item{display:flex;align-items:center;gap:12px;padding:4px}.skeleton-avatar{width:32px;height:32px;border-radius:50%;background:var(--ig-hover-background);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-text{display:flex;flex-direction:column;gap:6px;flex:1}.skeleton-line{height:10px;border-radius:4px;background:var(--ig-hover-background);animation:skeleton-pulse 1.5s ease-in-out infinite;width:60%}.skeleton-line.short{width:40%}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}@media (max-width: 999px){.suggested-users-container{display:none}}.user-result-item{display:flex;align-items:center;padding:8px 16px;cursor:pointer;text-decoration:none;color:inherit;border-radius:8px}.user-result-item:hover{background-color:#fafafa}.user-result-item .avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:12px;border:1px solid #dbdbdb}.user-result-item .user-info{display:flex;flex-direction:column}.user-result-item .username{font-weight:600;font-size:14px}.ai-inline{margin-top:4px;display:flex;flex-direction:column;gap:12px}.ai-mood-row{display:flex;align-items:center;gap:8px}.ai-mood-label{font-size:12px;font-weight:600;color:#8e8e8e;white-space:nowrap;flex-shrink:0}.ai-mood-scroll{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:2px 0}.ai-mood-scroll::-webkit-scrollbar{display:none}.ai-mood-pill{padding:5px 10px;border:1px solid #dbdbdb;border-radius:20px;background:#fff;font-size:11px;cursor:pointer;transition:all .2s ease;color:#262626;white-space:nowrap;flex-shrink:0}.ai-mood-pill:hover{border-color:#0095f6;background:#f0f8ff}.ai-mood-pill.active{background:#0095f6;color:#fff;border-color:#0095f6}.ai-suggest-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 16px;background:linear-gradient(135deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d,#f56040,#f77737,#fcaf45,#ffdc80);background-size:300% 300%;animation:gradientShift 5s ease infinite;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s ease,transform .15s ease}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.ai-suggest-btn:hover:not(:disabled){opacity:.9;transform:scale(1.01)}.ai-suggest-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.ai-spinner-sm{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;display:inline-block;animation:aiSpin .8s linear infinite}@keyframes aiSpin{to{transform:rotate(360deg)}}.ai-inline-error{color:#ed4956;font-size:12px;margin:0;padding:6px 10px;background:#fff0f0;border-radius:6px;text-align:center}.ai-caption-results{display:flex;flex-direction:column;gap:6px}.ai-caption-card{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 12px;background:#fafafa;border:1px solid #efefef;border-radius:8px;cursor:pointer;transition:all .2s ease}.ai-caption-card:hover{background:#f0f8ff;border-color:#0095f6}.ai-caption-preview{margin:0;font-size:13px;color:#262626;line-height:1.5;flex:1}.ai-apply-tag{flex-shrink:0;padding:3px 10px;background:#0095f6;color:#fff;border-radius:14px;font-size:11px;font-weight:600;margin-top:2px}.ai-section-label{display:block;font-size:12px;font-weight:600;color:#262626;margin-bottom:8px}.ai-tag-row{display:flex;flex-wrap:wrap;gap:6px}.ai-suggested-tags{padding-top:2px}.ai-tag-pill{padding:5px 10px;background:#f0f0ff;color:#5851db;border-radius:14px;font-size:12px;cursor:pointer;transition:all .2s ease;font-weight:500;border:1px solid transparent}.ai-tag-pill:hover{background:#5851db;color:#fff}.ai-tag-pill.selected{background:#5851db;color:#fff;opacity:.6;cursor:default}.ai-trending-tags{padding-top:2px}.ai-trending-pill{padding:5px 10px;background:#fff4f0;color:#e1306c;border-radius:14px;font-size:12px;cursor:pointer;transition:all .2s ease;font-weight:500;border:1px solid transparent}.ai-trending-pill:hover{background:#e1306c;color:#fff}.ai-trending-pill.selected{background:#e1306c;color:#fff;opacity:.6;cursor:default}@media (max-width: 480px){.ai-mood-row{flex-direction:column;align-items:flex-start;gap:6px}.ai-mood-scroll{width:100%}}.profile-container{max-width:935px;margin:50px auto;padding:0 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#262626}.profile-header{display:flex;margin-bottom:44px}.profile-avatar{width:150px;height:150px;min-width:150px;min-height:150px;margin-right:100px;flex-shrink:0}.avatar-wrapper{width:150px;height:150px;border-radius:50%;overflow:hidden;flex-shrink:0;cursor:pointer}.profile-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.profile-info{display:flex;flex-direction:column;justify-content:center}.profile-info-top{display:flex;align-items:center;margin-bottom:20px}.profile-info-top .username{font-size:28px;font-weight:300;margin:0 20px 0 0}.edit-profile-button{display:inline-flex;align-items:center;justify-content:center;padding:7px 16px;border-radius:8px;font-size:14px;font-weight:600;color:var(--ig-primary-text);background-color:var(--ig-button-secondary, #efefef);border:1px solid var(--ig-border-color, #dbdbdb);text-decoration:none;cursor:pointer;transition:background-color .2s;margin-right:8px}.edit-profile-button:hover{background-color:var(--ig-border-color, #dbdbdb)}.follow-button{background-color:#0095f6;color:#fff;border:1px solid transparent;border-radius:8px;padding:7px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.follow-button:hover{background-color:#1877f2}.follow-button.following{background-color:transparent;color:var(--ig-primary-text, #000);border:1px solid var(--ig-border-color, #dbdbdb)}.follow-button.following:hover{background-color:var(--ig-hover-background, #fafafa)}.message-profile-button{background-color:transparent;color:var(--ig-primary-text, #000);border:1px solid var(--ig-border-color, #dbdbdb);border-radius:8px;padding:7px 16px;font-size:14px;font-weight:600;cursor:pointer;margin-left:8px;transition:background .2s}.message-profile-button:hover{background-color:var(--ig-hover-background, #fafafa)}.profile-stats{display:flex;margin-bottom:20px}.profile-stats span{margin-right:40px;font-size:16px}.profile-stats .stat-clickable{cursor:pointer}.profile-stats .stat-clickable:hover{opacity:.6}.profile-stats strong{font-weight:600}.profile-bio .full-name{font-weight:600;margin:0}.profile-bio p{margin:0}.profile-tabs{display:flex;justify-content:center;border-top:1px solid #dbdbdb;gap:60px}.profile-tab{display:flex;align-items:center;gap:6px;padding:16px 0;background:none;border:none;border-top:1px solid transparent;margin-top:-1px;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:1px;color:#8e8e8e;transition:color .2s}.profile-tab.active{color:#262626;border-top-color:#262626}.profile-tab:hover:not(.active){color:#262626}.profile-tab svg{width:12px;height:12px}.empty-saved{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-saved h3{margin:16px 0 8px;font-size:28px;font-weight:300;color:#262626}.empty-saved p{max-width:350px;font-size:14px;color:#8e8e8e;line-height:1.5}.profile-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-top:4px}.post-item{position:relative;padding-bottom:100%;cursor:pointer;overflow:hidden}.post-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.post-item:hover img{transform:scale(1.05)}.post-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.post-item:hover .post-overlay{opacity:1}.post-stats{display:flex;gap:30px;color:#fff;font-weight:600;font-size:16px}.post-stats span{display:flex;align-items:center;gap:8px}.follow-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000a6;display:flex;align-items:center;justify-content:center;z-index:10000}.follow-modal{background:var(--ig-surface, #fff);border-radius:12px;width:400px;max-height:400px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 24px #00000026}.follow-modal-header{display:flex;align-items:center;justify-content:center;position:relative;padding:12px 16px;border-bottom:1px solid var(--ig-border-color, #dbdbdb)}.follow-modal-header h3{margin:0;font-size:16px;font-weight:600;color:var(--ig-primary-text, #262626)}.follow-modal-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:18px;cursor:pointer;color:var(--ig-primary-text, #262626);padding:4px;display:flex;align-items:center;justify-content:center}.follow-modal-close:hover{opacity:.6}.follow-modal-body{flex:1;overflow-y:auto;padding:8px 0}.follow-modal-loader{display:flex;justify-content:center;align-items:center;padding:40px 0}.follow-modal-error,.follow-modal-empty{text-align:center;padding:40px 16px;color:var(--ig-secondary-text, #8e8e8e);font-size:14px}.follow-user-item{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;transition:background .15s}.follow-user-item:hover{background:var(--ig-hover-bg, #fafafa)}.follow-user-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0;cursor:pointer}.follow-user-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}.follow-user-details{display:flex;flex-direction:column;min-width:0}.follow-user-username{font-weight:600;font-size:14px;color:var(--ig-primary-text, #262626);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follow-user-name{font-size:14px;color:var(--ig-secondary-text, #8e8e8e);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follow-toggle-btn{background-color:#0095f6;color:#fff;border:none;border-radius:8px;padding:7px 16px;font-size:14px;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .2s}.follow-toggle-btn:hover{background-color:#1877f2}.follow-toggle-btn.following{background-color:var(--ig-hover-bg, #efefef);color:var(--ig-primary-text, #262626);border:1px solid var(--ig-border-color, #dbdbdb)}.follow-toggle-btn.following:hover{background-color:#fafafa}.follow-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.follow-modal-body::-webkit-scrollbar{width:6px}.follow-modal-body::-webkit-scrollbar-track{background:transparent}.follow-modal-body::-webkit-scrollbar-thumb{background:#dbdbdb;border-radius:3px}.follow-modal-body::-webkit-scrollbar-thumb:hover{background:#c7c7c7}@media (max-width: 480px){.follow-modal{width:90vw;max-height:70vh}}:root{--ig-primary-text: #262626;--ig-secondary-text: #8e8e8e;--ig-link-color: #0095f6;--ig-error-color: #ed4956;--ig-success-color: #00ba7c;--ig-background: #fafafa;--ig-surface: #ffffff;--ig-border-color: #dbdbdb;--ig-hover-background: #f5f5f5;--ig-button-primary: #0095f6;--ig-button-primary-hover: #1877f2;--ig-button-secondary: #efefef;--ig-gradient: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);--ig-spacing-xs: 4px;--ig-spacing-sm: 8px;--ig-spacing-md: 16px;--ig-spacing-lg: 24px;--ig-spacing-xl: 32px;--ig-font-size-xs: 12px;--ig-font-size-sm: 14px;--ig-font-size-base: 16px;--ig-font-size-lg: 18px;--ig-font-size-xl: 24px;--ig-font-size-2xl: 32px;--ig-radius-sm: 4px;--ig-radius-md: 8px;--ig-radius-lg: 12px;--ig-radius-full: 50%;--ig-shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--ig-shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--ig-shadow-lg: 0 8px 25px rgba(0, 0, 0, .15)}[data-theme=dark]{--ig-primary-text: #f5f5f5;--ig-secondary-text: #a8a8a8;--ig-link-color: #0095f6;--ig-error-color: #ed4956;--ig-success-color: #00ba7c;--ig-background: #000000;--ig-surface: #000000;--ig-border-color: #262626;--ig-hover-background: #121212;--ig-button-primary: #0095f6;--ig-button-primary-hover: #1877f2;--ig-button-secondary: #363636;--ig-shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--ig-shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--ig-shadow-lg: 0 8px 25px rgba(0, 0, 0, .5)}[data-theme=light]{--ig-primary-text: #262626;--ig-secondary-text: #8e8e8e;--ig-link-color: #0095f6;--ig-error-color: #ed4956;--ig-success-color: #00ba7c;--ig-background: #fafafa;--ig-surface: #ffffff;--ig-border-color: #dbdbdb;--ig-hover-background: #f5f5f5;--ig-button-primary: #0095f6;--ig-button-primary-hover: #1877f2;--ig-button-secondary: #efefef;--ig-shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--ig-shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--ig-shadow-lg: 0 8px 25px rgba(0, 0, 0, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--ig-font-size-base);font-weight:400;line-height:1.5;color:var(--ig-primary-text);background-color:var(--ig-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:var(--ig-surface);font-size:var(--ig-font-size-base);color:var(--ig-secondary-text)}.app-layout{display:flex;min-height:100vh;background-color:var(--ig-background)}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--ig-background);padding:var(--ig-spacing-md)}.main-content{flex:1;margin-left:244px;padding:var(--ig-spacing-sm) var(--ig-spacing-lg) var(--ig-spacing-lg);overflow-y:auto;background-color:var(--ig-background);min-height:100vh}.sidebar{width:244px;background:var(--ig-surface);border-right:1px solid var(--ig-border-color);padding:var(--ig-spacing-lg) var(--ig-spacing-md);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:100}.sidebar-brand{padding:var(--ig-spacing-md) var(--ig-spacing-md) var(--ig-spacing-sm);margin-bottom:var(--ig-spacing-sm)}.sidebar-brand h2{font-family:Inter,sans-serif;font-size:var(--ig-font-size-xl);font-weight:700;color:var(--ig-primary-text);letter-spacing:-.5px;background:var(--ig-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{flex:1;padding:0}.nav-item{display:flex;align-items:center;padding:var(--ig-spacing-md);text-decoration:none;color:var(--ig-primary-text);border-radius:var(--ig-radius-lg);margin-bottom:var(--ig-spacing-xs);transition:all .2s cubic-bezier(.25,.8,.25,1);font-weight:400;font-size:var(--ig-font-size-base);position:relative}.nav-item:hover{background-color:var(--ig-hover-background);transform:translate(2px)}.nav-item.active{font-weight:600;color:var(--ig-primary-text)}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--ig-gradient);border-radius:2px}.nav-icon{margin-right:var(--ig-spacing-md);width:24px;height:24px;display:flex;align-items:center;justify-content:center}.nav-label{font-size:var(--ig-font-size-base)}.sidebar-more-wrapper{position:relative;margin-top:auto}.more-btn{width:100%;background:none;border:none;cursor:pointer;font-family:inherit;text-align:left}.more-menu{position:absolute;bottom:calc(100% + 8px);left:0;width:266px;background:var(--ig-surface);border-radius:16px;box-shadow:0 4px 24px #00000026,0 0 0 1px var(--ig-border-color);overflow:hidden;z-index:200;animation:moreMenuSlideUp .15s ease-out}@keyframes moreMenuSlideUp{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.more-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:var(--ig-font-size-sm);font-weight:400;color:var(--ig-primary-text);transition:background-color .15s ease;text-align:left}.more-menu-item:hover{background-color:var(--ig-hover-background)}.more-menu-separator{height:1px;background:var(--ig-border-color);margin:0}.theme-indicator{margin-left:auto}.theme-toggle-track{width:40px;height:22px;background:var(--ig-border-color);border-radius:11px;position:relative;transition:background-color .2s ease}.theme-toggle-track.active{background:var(--ig-button-primary)}.theme-toggle-thumb{width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.theme-toggle-track.active .theme-toggle-thumb{transform:translate(18px)}button.nav-item{font-family:inherit;font-weight:400;background:none;border:none;cursor:pointer;text-align:left;width:100%}.notification-nav-wrapper,.notification-nav-wrapper .nav-icon{position:relative}.notification-badge-sidebar{position:absolute;top:-6px;right:-6px;background:var(--ig-error-color);color:#fff;font-size:10px;font-weight:600;padding:2px 5px;border-radius:10px;min-width:16px;text-align:center;line-height:1.2}.notification-nav-wrapper .notification-dropdown-container.controlled{position:absolute;left:100%;top:0;margin-left:var(--ig-spacing-sm)}.notification-nav-wrapper .notification-dropdown-container.controlled .notification-dropdown{position:static;top:auto;right:auto}.auth-container{width:100%;max-width:360px;margin:0 auto}.auth-card{background:var(--ig-surface);padding:var(--ig-spacing-xl) var(--ig-spacing-lg);border:1px solid var(--ig-border-color);border-radius:var(--ig-radius-sm);box-shadow:var(--ig-shadow-sm);display:flex;flex-direction:column;gap:var(--ig-spacing-lg)}.auth-header{text-align:center;margin-bottom:var(--ig-spacing-sm)}.auth-header h1{font-family:Inter,sans-serif;font-size:var(--ig-font-size-2xl);font-weight:700;letter-spacing:-.5px;background:var(--ig-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;margin:0}.instagram-title{font-family:Billabong,Brush Script MT,cursive!important;font-size:3.5rem!important;font-weight:400!important;letter-spacing:.5px!important;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:var(--ig-primary-text)!important;background-clip:unset!important;color:var(--ig-primary-text)!important;margin-bottom:var(--ig-spacing-lg)!important}.success-message{background-color:#00ba7c1a;color:var(--ig-success-color);padding:var(--ig-spacing-md);border-radius:var(--ig-radius-md);border:1px solid rgba(0,186,124,.2);text-align:center;font-size:var(--ig-font-size-sm)}.auth-form{display:flex;flex-direction:column;gap:var(--ig-spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--ig-spacing-xs)}.form-group:has(>.form-input:only-child){gap:0}.form-label{font-size:var(--ig-font-size-sm);font-weight:600;color:var(--ig-secondary-text)}.form-input{width:100%;padding:var(--ig-spacing-sm) var(--ig-spacing-md);border:1px solid var(--ig-border-color);border-radius:var(--ig-radius-md);background-color:var(--ig-background);font-size:var(--ig-font-size-base);color:var(--ig-primary-text);transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:var(--ig-link-color);box-shadow:0 0 0 1px var(--ig-link-color)}.form-input::placeholder{color:#c7c7c7}.form-input.error{border-color:var(--ig-error-color)}.form-input:disabled{background-color:#efefef;cursor:not-allowed}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{padding-right:45px}.password-toggle{position:absolute;right:0;top:0;height:100%;width:45px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ig-secondary-text)}.password-toggle .w-5{width:1.25rem}.password-toggle .h-5{height:1.25rem}.error-message{color:var(--ig-error-color);font-size:var(--ig-font-size-sm);margin-top:var(--ig-spacing-xs)}.submit-error{background-color:#ed49561a;padding:var(--ig-spacing-md);border-radius:var(--ig-radius-md);text-align:center}.help-text{font-size:var(--ig-font-size-xs);color:var(--ig-secondary-text);margin-top:var(--ig-spacing-xs)}.success-text{color:var(--ig-success-color);font-weight:500}.warning-text{color:#f39c12;font-weight:500}.submit-btn{background-color:#0095f6;color:var(--ig-surface);border:none;border-radius:var(--ig-radius-md);padding:var(--ig-spacing-sm);font-size:var(--ig-font-size-sm);font-weight:600;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:var(--ig-spacing-sm);min-height:36px;margin-top:var(--ig-spacing-sm)}.submit-btn:hover:not(:disabled){background-color:#1877f2}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{animation:spin 1s linear infinite}.auth-footer{text-align:center;font-size:var(--ig-font-size-sm);color:var(--ig-primary-text);display:flex;flex-direction:column;gap:var(--ig-spacing-md)}.auth-footer p{margin:0}.or-divider{display:flex;align-items:center;text-align:center;margin:var(--ig-spacing-lg) 0;position:relative}.or-divider:before,.or-divider:after{content:"";flex:1;border-bottom:1px solid var(--ig-border-color)}.or-text{padding:0 var(--ig-spacing-md);color:var(--ig-secondary-text);font-size:var(--ig-font-size-sm);font-weight:600}.google-login-btn{width:100%;background:transparent;color:#385185;border:none;border-radius:var(--ig-radius-md);padding:var(--ig-spacing-sm);font-size:var(--ig-font-size-sm);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--ig-spacing-sm);min-height:36px;transition:opacity .2s}.google-login-btn:hover:not(:disabled){opacity:.7}.google-login-btn:disabled{opacity:.5;cursor:not-allowed}.google-icon{width:18px;height:18px}.forgot-password-link{text-align:center;margin-top:var(--ig-spacing-md);font-size:var(--ig-font-size-xs)}.auth-signup-card{background:var(--ig-surface);padding:var(--ig-spacing-lg);border:1px solid var(--ig-border-color);border-radius:var(--ig-radius-sm);text-align:center;margin-top:var(--ig-spacing-md);font-size:var(--ig-font-size-sm)}.auth-signup-card p{margin:0;color:var(--ig-primary-text)}.auth-link{color:var(--ig-link-color);font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.terms-text{font-size:var(--ig-font-size-xs);color:var(--ig-secondary-text);line-height:1.4}.password-strength{display:flex;flex-direction:column;gap:var(--ig-spacing-xs);margin-top:var(--ig-spacing-sm)}.strength-text{font-size:var(--ig-font-size-sm);font-weight:500}.strength-bar{width:100%;height:5px;background-color:#efefef;border-radius:var(--ig-radius-full);overflow:hidden}.strength-fill{height:100%;border-radius:var(--ig-radius-full);transition:width .3s ease,background-color .3s ease;width:0}.strength-weak{width:25%}.strength-fair{width:50%}.strength-good{width:75%}.strength-strong{width:100%}.forgot-password-icon,.reset-password-icon{text-align:center;padding:var(--ig-spacing-md) 0}.forgot-password-text,.reset-password-text{text-align:center;margin-bottom:var(--ig-spacing-sm)}.forgot-password-text h2,.reset-password-text h2{font-size:var(--ig-font-size-lg);font-weight:600;color:var(--ig-primary-text);margin:0 0 var(--ig-spacing-sm) 0}.forgot-password-text p,.reset-password-text p{font-size:var(--ig-font-size-sm);color:var(--ig-secondary-text);margin:0;line-height:1.5}.forgot-password-create{text-align:center}.create-account-link{font-size:var(--ig-font-size-sm);font-weight:600}.forgot-password-success,.reset-password-success,.reset-password-invalid,.reset-password-loading{text-align:center;padding:var(--ig-spacing-md) 0}.forgot-password-success .success-icon,.reset-password-success .success-icon,.reset-password-invalid .invalid-icon{margin-bottom:var(--ig-spacing-lg)}.forgot-password-success h2,.reset-password-success h2,.reset-password-invalid h2{font-size:var(--ig-font-size-lg);font-weight:600;color:var(--ig-primary-text);margin:0 0 var(--ig-spacing-sm) 0}.forgot-password-success p,.reset-password-success p,.reset-password-invalid p{font-size:var(--ig-font-size-sm);color:var(--ig-secondary-text);margin:0 0 var(--ig-spacing-sm) 0;line-height:1.5}.reset-password-loading{display:flex;flex-direction:column;align-items:center;gap:var(--ig-spacing-md)}.reset-password-loading p{font-size:var(--ig-font-size-sm);color:var(--ig-secondary-text)}.home-container{display:flex;flex-direction:row;justify-content:center;gap:28px;min-height:100vh;max-width:905px;margin:0 auto;padding:0}.feed-wrapper{margin-top:0;margin-right:64px;width:100%;max-width:470px;padding:8px 0;flex-shrink:0}.home-sidebar{margin-top:0;margin-left:16px;padding-top:4px;width:300px;flex-shrink:0}@media (max-width: 999px){.home-container{flex-direction:column;align-items:center;gap:0}.home-sidebar{display:none}.feed-wrapper{max-width:600px}}.photo-card{margin-bottom:30px}.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.error-message svg{margin-bottom:24px;opacity:.5}.error-message h3{font-size:20px;font-weight:600;color:var(--ig-primary-text);margin:0 0 8px}.error-message p{font-size:14px;color:var(--ig-secondary-text);margin:0 0 24px}.retry-btn{background-color:#0095f6;color:#fff;border:none;border-radius:8px;padding:9px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.retry-btn:hover{background-color:#1877f2}.retry-btn:active{transform:scale(.98)}.load-more-section{display:flex;justify-content:center;padding:24px 0}.load-more-btn{display:flex;align-items:center;gap:8px;background-color:transparent;color:#0095f6;border:1px solid #dbdbdb;border-radius:8px;padding:12px 32px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.load-more-btn:hover{background-color:#fafafa;border-color:#b2b2b2}.load-more-btn:active{transform:scale(.98)}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}.load-more-btn svg{width:16px;height:16px}.load-more-loader{display:flex;justify-content:center;padding:20px 0}.page-loader-container{display:flex;justify-content:center;align-items:center;min-height:300px}.empty-feed{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-feed svg{margin-bottom:24px;opacity:.3}.empty-feed h3{font-size:22px;font-weight:600;color:var(--ig-primary-text);margin:0 0 8px}.empty-feed p{font-size:14px;color:var(--ig-secondary-text);margin:0}.end-of-feed{display:flex;justify-content:center;padding:32px 20px;text-align:center}.end-of-feed p{font-size:14px;color:var(--ig-secondary-text);margin:0}.scroll-to-top{position:fixed;bottom:24px;right:24px;width:48px;height:48px;background-color:var(--ig-surface);border:1px solid var(--ig-border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;z-index:100}.scroll-to-top:hover{background-color:var(--ig-hover-background);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.scroll-to-top:active{transform:translateY(0)}.scroll-to-top svg{color:var(--ig-primary-text);width:24px;height:24px}@media (max-width: 768px){.feed-wrapper{max-width:100%;padding:16px 0}.scroll-to-top{bottom:16px;right:16px;width:44px;height:44px}.load-more-btn{width:100%;justify-content:center}}.search-explore-page{width:100%;max-width:935px;margin:0 auto;padding:20px 20px 0}.search-bar-wrapper{position:sticky;top:0;z-index:10;padding:8px 0 16px;background-color:var(--ig-background)}.search-bar{display:flex;align-items:center;background-color:var(--ig-hover-background);border:1px solid var(--ig-border-color);border-radius:8px;padding:0 16px;height:40px;transition:border-color .2s}.search-bar:focus-within{border-color:var(--ig-secondary-text)}.search-bar-icon{color:var(--ig-secondary-text);flex-shrink:0}.search-bar-input{flex:1;border:none;background:transparent;font-size:14px;color:var(--ig-primary-text);padding:0 12px;outline:none;font-family:inherit}.search-bar-input::placeholder{color:var(--ig-secondary-text)}.search-bar-clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:none;background-color:var(--ig-secondary-text);color:var(--ig-surface);cursor:pointer;flex-shrink:0;padding:0}.search-bar-clear:hover{opacity:.8}.search-results-section{background-color:var(--ig-surface);border:1px solid var(--ig-border-color);border-radius:8px;overflow:hidden}.search-status-message{display:flex;justify-content:center;align-items:center;padding:32px 20px;color:var(--ig-secondary-text);font-size:14px}.search-results-list{max-height:400px;overflow-y:auto}.explore-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:4px}.explore-grid-item{position:relative;cursor:pointer;overflow:hidden;aspect-ratio:1;background-color:var(--ig-hover-background)}.explore-grid-item img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s}.explore-grid-item-large{grid-column:span 2;grid-row:span 2}.explore-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.explore-grid-item:hover .explore-grid-overlay{opacity:1}.explore-grid-stats{display:flex;align-items:center;gap:24px}.explore-stat{display:flex;align-items:center;gap:6px;color:#fff;font-size:16px;font-weight:700}.explore-grid-loading,.explore-grid-loading-more{display:flex;justify-content:center;align-items:center;padding:40px 0}.explore-grid-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;text-align:center;color:var(--ig-secondary-text);font-size:14px}.explore-grid-retry-btn{background-color:var(--ig-button-primary);color:#fff;border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.explore-grid-retry-btn:hover{background-color:var(--ig-button-primary-hover)}.explore-grid-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.explore-grid-empty svg{margin-bottom:16px;opacity:.4}.explore-grid-empty h3{font-size:22px;font-weight:600;color:var(--ig-primary-text);margin:0 0 8px}.explore-grid-empty p{font-size:14px;color:var(--ig-secondary-text);margin:0}.explore-load-trigger{min-height:20px}@media (max-width: 735px){.search-explore-page{padding:12px 4px 0}.search-bar-wrapper{padding:4px 8px 12px}.explore-grid{gap:2px}.explore-stat{font-size:13px;gap:4px}.explore-stat svg{width:16px;height:16px}.explore-grid-stats{gap:16px}}.create-page{display:flex;flex-direction:column;max-width:500px;margin:40px auto;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;border:1px solid #dbdbdb}.create-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #efefef;font-size:16px;font-weight:600;color:#262626}.create-header h2{margin:0;font-size:1.1em;font-weight:600;color:#262626}.cancel-btn,.share-btn{background:none;border:none;padding:8px 12px;cursor:pointer;font-size:1em;font-weight:600;transition:opacity .2s ease-in-out}.cancel-btn{color:#8e8e8e}.share-btn{color:#0095f6}.share-btn:disabled{opacity:.5;cursor:not-allowed}.error-message{color:#ed4956;text-align:center;padding:10px 16px;background-color:#ffebeb;border-bottom:1px solid #f0a8ae;font-size:.9em}.image-upload-section{padding:16px;display:flex;justify-content:center;align-items:center;min-height:250px;background-color:#fafafa;border-bottom:1px solid #efefef}.image-preview-container{width:100%;max-width:400px;height:250px;border:2px dashed #dbdbdb;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;overflow:hidden;position:relative;background-color:#e0e0e0;color:#8e8e8e}.image-preview{width:100%;height:100%;object-fit:cover;display:block}.placeholder{text-align:center}.placeholder .icon{font-size:3em;font-weight:100;line-height:1;margin-bottom:10px;display:block}.placeholder p{font-size:1.1em;margin:0}.form-section{padding:16px}.caption-input,.tags-input{width:calc(100% - 20px);padding:10px;margin-bottom:15px;border:1px solid #dbdbdb;border-radius:4px;font-size:1em;resize:vertical;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.caption-input::placeholder,.tags-input::placeholder{color:#8e8e8e}.caption-input:focus,.tags-input:focus{outline:none;border-color:#a8a8a8}.edit-profile-container{max-width:935px;margin:32px auto;background-color:var(--ig-surface);border:1px solid var(--ig-border-color);border-radius:var(--ig-radius-sm);display:flex}.edit-profile-form{width:100%;padding:32px 0}.form-row{display:flex;margin:0 40px 16px;align-items:flex-start}.form-row aside{width:150px;padding-right:32px;text-align:right;margin-top:6px}.form-row label{font-size:var(--ig-font-size-base);font-weight:600;color:var(--ig-primary-text)}.form-row .input-wrapper{flex:1}.form-row input[type=text],.form-row textarea{width:100%;max-width:355px;padding:var(--ig-spacing-sm);font-size:var(--ig-font-size-base);border:1px solid var(--ig-border-color);border-radius:var(--ig-radius-sm);background-color:var(--ig-background)}.form-row textarea{resize:vertical}.form-row-avatar{align-items:center;margin-bottom:24px}.form-row-avatar .avatar-preview-wrapper{width:38px;height:38px}.form-row-avatar .avatar-preview{width:100%;height:100%;border-radius:var(--ig-radius-full);object-fit:cover}.form-row-avatar aside{align-self:center;padding-left:26px;width:188px;box-sizing:content-box}.avatar-actions{display:flex;flex-direction:column}.current-username{font-size:var(--ig-font-size-xl);font-weight:400;margin-bottom:var(--ig-spacing-xs);padding-left:var(--ig-spacing-sm)}.change-photo-button{background:none;border:none;color:var(--ig-link-color);font-weight:600;font-size:var(--ig-font-size-sm);cursor:pointer;padding:0}.submit-button{background-color:var(--ig-button-primary);color:#fff;border:none;border-radius:var(--ig-radius-md);padding:var(--ig-spacing-sm) var(--ig-spacing-md);font-weight:600;cursor:pointer;transition:background-color .2s}.submit-button:hover{background-color:var(--ig-button-primary-hover)}.submit-button:disabled{background-color:#b2dffc;cursor:not-allowed}.crop-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:1000;display:flex;align-items:center;justify-content:center}.crop-modal{background:#fff;border-radius:12px;width:480px;max-width:95vw;display:flex;flex-direction:column;overflow:hidden}.crop-modal-title{text-align:center;font-size:16px;font-weight:600;padding:16px 0;border-bottom:1px solid #dbdbdb;margin:0}.crop-container{position:relative;width:100%;height:360px;background:#000}.crop-zoom-control{display:flex;align-items:center;gap:12px;padding:14px 24px;font-size:13px;color:#555}.crop-zoom-slider{flex:1;accent-color:#0095f6}.crop-modal-actions{display:flex;border-top:1px solid #dbdbdb}.crop-btn{flex:1;padding:14px;border:none;background:none;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.crop-btn-cancel{color:#262626;border-right:1px solid #dbdbdb}.crop-btn-cancel:hover{background:#f5f5f5}.crop-btn-confirm{color:#0095f6}.crop-btn-confirm:hover{background:#e8f4fe}@media (max-width: 768px){.form-row{flex-direction:column;align-items:flex-start;margin-left:20px;margin-right:20px}.form-row aside{text-align:left;width:auto;margin-bottom:8px;margin-top:0}.form-row-avatar{flex-direction:row;align-items:center}.form-row-avatar aside{display:none}.form-row-avatar .avatar-preview-wrapper{margin-right:16px}}.messages-container{display:flex;height:calc(100vh - 32px);max-height:calc(100vh - 32px);max-width:935px;margin:0 auto;border:1px solid var(--ig-border-color);border-radius:4px;overflow:hidden;background:var(--ig-surface)}.conversations-panel{width:350px;min-width:350px;border-right:1px solid var(--ig-border-color);display:flex;flex-direction:column;background:var(--ig-surface)}.conversations-header{padding:20px 20px 12px;border-bottom:1px solid var(--ig-border-color)}.conversations-header h2{font-size:20px;font-weight:700;color:var(--ig-primary-text);margin:0}.conversations-search{padding:8px 16px;border-bottom:1px solid var(--ig-border-color)}.search-input-wrapper{display:flex;align-items:center;gap:12px;background:var(--ig-hover-background);border-radius:8px;padding:8px 16px}.search-input-wrapper svg{color:var(--ig-secondary-text);flex-shrink:0}.search-input-wrapper input{border:none;background:transparent;outline:none;width:100%;font-size:14px;color:var(--ig-primary-text)}.search-input-wrapper input::placeholder{color:var(--ig-secondary-text)}.conversations-list{flex:1;overflow-y:auto;scrollbar-width:thin}.conversations-loading,.no-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--ig-secondary-text)}.no-conversations p{font-size:14px;font-weight:600;color:var(--ig-primary-text);margin-bottom:4px}.no-conversations span{font-size:13px;color:var(--ig-secondary-text)}.conversation-item{display:flex;align-items:center;gap:12px;padding:8px 20px;cursor:pointer;transition:background-color .15s}.conversation-item:hover,.conversation-item.active{background:var(--ig-hover-background)}.conversation-avatar{position:relative;flex-shrink:0}.conversation-avatar img{width:56px;height:56px;border-radius:50%;object-fit:cover}.avatar-placeholder{width:56px;height:56px;border-radius:50%;background:var(--ig-button-secondary);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:var(--ig-primary-text)}.avatar-placeholder.small{width:44px;height:44px;font-size:16px}.avatar-placeholder.large{width:96px;height:96px;font-size:36px}.avatar-placeholder.tiny{width:28px;height:28px;font-size:12px}.online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;background:#00ba7c;border:2px solid var(--ig-surface)}.online-indicator.small{width:10px;height:10px;bottom:1px;right:1px}.conversation-info{flex:1;min-width:0}.conversation-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.conversation-name{font-size:14px;font-weight:400;color:var(--ig-primary-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item.unread .conversation-name{font-weight:600}.conversation-time{font-size:12px;color:var(--ig-secondary-text);flex-shrink:0;margin-left:8px}.conversation-preview{display:flex;align-items:center;justify-content:space-between;gap:8px}.conversation-preview span{font-size:14px;color:var(--ig-secondary-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-preview span.bold{color:var(--ig-primary-text);font-weight:600}.typing-indicator-text{font-size:14px;color:var(--ig-link-color)!important;font-style:italic}.unread-badge{background:var(--ig-link-color);color:#fff!important;font-size:12px!important;font-weight:600!important;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px;flex-shrink:0}.conversation-item{position:relative}.conversation-options-btn{background:none;border:none;cursor:pointer;color:var(--ig-secondary-text);padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .15s;flex-shrink:0}.conversation-item:hover .conversation-options-btn,.conversation-options-btn:focus{opacity:1}.conversation-options-btn:hover{background:var(--ig-border-color);color:var(--ig-primary-text)}.conversation-menu-wrapper{position:relative;flex-shrink:0}.conversation-dropdown{position:absolute;right:0;top:calc(100% + 4px);background:var(--ig-surface);border:1px solid var(--ig-border-color);border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:100;min-width:200px;overflow:hidden;padding:4px 0}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;border:none;cursor:pointer;font-size:14px;color:var(--ig-primary-text);text-align:left;transition:background .1s}.dropdown-item:hover{background:var(--ig-hover-background)}.dropdown-item.danger{color:#ed4956}.muted-icon{font-size:11px;margin-left:4px;opacity:.7}.emoji-wrapper{position:relative;flex-shrink:0}.emoji-toggle-btn{background:none;border:none;cursor:pointer;color:var(--ig-secondary-text);padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.emoji-toggle-btn:hover{color:var(--ig-primary-text);background:var(--ig-hover-background)}.emoji-picker-container{position:absolute;bottom:calc(100% + 8px);left:0;z-index:200;box-shadow:0 4px 24px #0000002e;border-radius:12px;overflow:hidden}.EmojiPickerReact{--epr-bg-color: var(--ig-surface) !important;--epr-category-label-bg-color: var(--ig-surface) !important;--epr-text-color: var(--ig-primary-text) !important;--epr-hover-bg-color: var(--ig-hover-background) !important;--epr-search-input-bg-color: var(--ig-hover-background) !important;--epr-picker-border-radius: 12px !important;border:1px solid var(--ig-border-color)!important}[data-theme=dark] .EmojiPickerReact{--epr-bg-color: var(--ig-surface) !important;--epr-category-label-bg-color: var(--ig-surface) !important;--epr-text-color: var(--ig-primary-text) !important;--epr-hover-bg-color: var(--ig-hover-background) !important;--epr-search-input-bg-color: var(--ig-hover-background) !important}.chat-panel{flex:1;display:flex;flex-direction:column;background:var(--ig-surface)}.chat-header{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--ig-border-color);min-height:60px}.back-button{display:none;background:none;border:none;cursor:pointer;color:var(--ig-primary-text);padding:4px}.chat-header-user{display:flex;align-items:center;gap:12px}.chat-header-avatar{position:relative}.chat-header-avatar img{width:44px;height:44px;border-radius:50%;object-fit:cover}.chat-header-info{display:flex;flex-direction:column}.chat-header-name{font-size:16px;font-weight:600;color:var(--ig-primary-text)}.chat-header-status{font-size:12px;color:var(--ig-secondary-text)}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin}.messages-loading{display:flex;align-items:center;justify-content:center;height:100%}.no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:var(--ig-secondary-text)}.no-messages-avatar img{width:96px;height:96px;border-radius:50%;object-fit:cover;margin-bottom:8px}.no-messages h3{font-size:20px;font-weight:600;color:var(--ig-primary-text);margin:0}.no-messages p{font-size:14px;color:var(--ig-secondary-text);margin:0}.message-wrapper{display:flex;align-items:flex-end;gap:8px;max-width:65%;margin-bottom:2px}.message-wrapper.sent{align-self:flex-end;flex-direction:row-reverse}.message-wrapper.received{align-self:flex-start}.message-avatar{flex-shrink:0}.message-avatar img{width:28px;height:28px;border-radius:50%;object-fit:cover}.message-bubble{padding:8px 12px;border-radius:18px;max-width:100%;word-wrap:break-word}.message-bubble.sent{background:var(--ig-link-color);color:#fff;border-bottom-right-radius:4px}.message-bubble.received{background:var(--ig-hover-background);color:var(--ig-primary-text);border:1px solid var(--ig-border-color);border-bottom-left-radius:4px}.message-bubble p{margin:0;font-size:14px;line-height:1.4}.message-time{font-size:11px;opacity:.7;margin-top:2px;display:block;text-align:right}.message-bubble.received .message-time{color:var(--ig-secondary-text);opacity:1}.read-status{font-size:11px}.chat-input{display:flex;align-items:center;gap:12px;padding:12px 20px;border-top:1px solid var(--ig-border-color);background:var(--ig-surface)}.chat-input input{flex:1;border:1px solid var(--ig-border-color);border-radius:22px;padding:10px 16px;font-size:14px;background:transparent;color:var(--ig-primary-text);outline:none;transition:border-color .2s}.chat-input input:focus{border-color:var(--ig-secondary-text)}.chat-input input::placeholder{color:var(--ig-secondary-text)}.send-button{background:none;border:none;cursor:pointer;color:var(--ig-secondary-text);padding:8px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.send-button.active{color:var(--ig-link-color)}.send-button:hover:not(:disabled){background:var(--ig-hover-background)}.send-button:disabled{cursor:default;opacity:.5}.no-chat-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:var(--ig-secondary-text)}.no-chat-icon{width:96px;height:96px;border-radius:50%;border:3px solid var(--ig-primary-text);display:flex;align-items:center;justify-content:center;color:var(--ig-primary-text)}.no-chat-selected h2{font-size:20px;font-weight:300;color:var(--ig-primary-text);margin:0}.no-chat-selected p{font-size:14px;color:var(--ig-secondary-text);margin:0}.loading-spinner{width:24px;height:24px;border:2px solid var(--ig-border-color);border-top-color:var(--ig-primary-text);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.messages-container{border:none;border-radius:0;height:100vh;max-height:100vh}.conversations-panel{width:100%;min-width:100%}.conversations-panel.mobile-hidden,.chat-panel{display:none}.chat-panel.mobile-visible{display:flex;position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;background:var(--ig-surface)}.back-button{display:flex}.message-wrapper{max-width:80%}.emoji-picker-container{left:50%;transform:translate(-50%)}.EmojiPickerReact{width:300px!important;height:350px!important}}@media (min-width: 769px) and (max-width: 999px){.conversations-panel{width:300px;min-width:300px}}