*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font-family:inherit}input,textarea{border:1px solid #dbdbdb;border-radius:4px;font-family:inherit;font-size:14px;padding:8px 12px}input:focus,textarea:focus{border-color:#0095f6;outline:none}.main-layout{display:flex;flex-direction:column;min-height:100vh}.header{background-color:#fff;border-bottom:1px solid #dbdbdb;position:-webkit-sticky;position:sticky;top:0;z-index:99}.header-content{align-items:center;display:flex;height:60px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#405de6,#5b51d8,#833ab4,#c13584,#e1306c,#fd1d1d);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.nav{display:flex;gap:24px}.nav-link{border-bottom:2px solid #0000;color:#262626;font-weight:500;padding:8px 12px;transition:color .2s}.nav-link:hover{color:#0095f6}.nav-link.active{border-bottom-color:#0095f6;color:#0095f6}.nav-link.admin-link{color:#ed4956;font-weight:600}.nav-link.admin-link:hover{color:#c13840}.nav-link.admin-link.active{border-bottom-color:#ed4956;color:#ed4956}.user-menu{align-items:center;display:flex;gap:16px}.logout-btn{background-color:#efefef;border-radius:4px;color:#262626;font-size:14px;font-weight:600;padding:6px 16px;transition:background-color .2s}.logout-btn:hover{background-color:#dbdbdb}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:20px;width:100%}.mobile-nav{background-color:#fff;border-top:1px solid #dbdbdb;bottom:0;box-shadow:0 -2px 10px #0000000d;display:none;left:0;padding:8px 0;position:fixed;right:0;z-index:200}.mobile-nav-link{align-items:center;color:#8e8e8e;display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;padding:8px 4px;position:relative;transition:all .2s}.mobile-nav-link .nav-icon{stroke-width:1.5;height:24px;width:24px}.mobile-nav-link.active .nav-icon{stroke-width:2.5}.mobile-nav-link .nav-label{font-size:10px;font-weight:500;letter-spacing:.5px}.mobile-nav-link.active{color:#262626}.mobile-nav-link.active:before{background:linear-gradient(45deg,#405de6,#c13584,#fd1d1d);border-radius:2px;content:"";height:2px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:60%}.mobile-nav-link.admin-link,.mobile-nav-link.admin-link.active{color:#ed4956}.mobile-nav-link.admin-link.active:before{background:#ed4956}.desktop-nav{display:flex}@media (max-width:768px){.header-content{height:54px;padding:0 16px}.logo{font-size:20px}.desktop-nav{display:none}.mobile-nav{display:flex}.user-menu{gap:12px}.username{display:none}.logout-btn{font-size:13px;padding:6px 12px}.main-content{padding:0 0 60px}}@media (max-width:480px){.header-content{height:50px;padding:0 12px}.logo{font-size:18px}.mobile-nav{padding:6px 0}.mobile-nav-link{gap:2px;padding:6px 2px}.mobile-nav-link .nav-icon{height:22px;width:22px}.mobile-nav-link .nav-label{font-size:9px}.main-content{padding:0 0 58px}}.auth-container{align-items:center;background-color:#fafafa;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-box{background-color:#fff;border:1px solid #dbdbdb;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:400px;padding:40px;width:100%}.auth-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#405de6,#5b51d8,#833ab4,#c13584,#e1306c,#fd1d1d);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:700;margin-bottom:8px;text-align:center}.auth-subtitle{color:#8e8e8e;font-size:14px;margin-bottom:24px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-input{background-color:#fafafa;border:1px solid #dbdbdb;border-radius:4px;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.auth-input:focus{background-color:#fff;border-color:#0095f6}.auth-button{background-color:#0095f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:12px;transition:background-color .2s;width:100%}.auth-button:hover:not(:disabled){background-color:#0081d6}.auth-button:disabled{background-color:#b3d7f2;cursor:not-allowed}.auth-link{color:#262626;font-size:14px;margin-top:24px;text-align:center}.link{color:#0095f6;font-weight:600;transition:color .2s}.link:hover{color:#0081d6}.post-card{background-color:#fff;border:1px solid #dbdbdb;border-radius:8px;margin-bottom:24px;overflow:hidden}.post-header{border-bottom:1px solid #efefef;justify-content:space-between;padding:14px 16px}.post-header,.user-info{align-items:center;display:flex}.user-info{gap:12px}.profile-image{border-radius:50%;height:32px;object-fit:cover;width:32px}.username{color:#262626;font-size:14px;font-weight:600}.header-right{align-items:center;display:flex;gap:12px}.post-date{color:#8e8e8e;font-size:12px}.post-menu{position:relative}.menu-btn{align-items:center;background:none;border:none;color:#262626;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.menu-btn:hover{color:#8e8e8e}.menu-btn svg{height:20px;width:20px}.menu-dropdown{background-color:#fff;border:1px solid #dbdbdb;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:8px;min-width:120px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.menu-item{background:none;border:none;color:#262626;cursor:pointer;display:block;font-size:14px;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.menu-item:hover{background-color:#f7f7f7}.menu-item.delete{color:#ed4956}.menu-item.delete:hover{background-color:#fef1f2}.post-media-container{align-items:center;background-color:#000;cursor:grab;display:flex;height:600px;justify-content:center;overflow:hidden;position:relative;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%}@media (max-width:768px){.post-media-container{height:500px}}@media (max-width:480px){.post-media-container{height:400px}}.post-media-container:active{cursor:grabbing}.post-media-slider{display:flex;height:100%;width:100%;will-change:transform}.post-media-slider.dragging{cursor:grabbing}.post-media-slide{align-items:center;display:flex;flex-shrink:0;height:100%;justify-content:center}.post-media,.post-media-slide{background-color:#000;position:relative;width:100%}.media-content{-webkit-user-drag:none;display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:auto}.video-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.video-container video{cursor:pointer;height:auto;max-height:100%;max-width:100%;object-fit:contain;pointer-events:none;width:auto}.video-container video:not([controls]){pointer-events:auto}.video-container video[controls]{cursor:default;pointer-events:none}.mute-btn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#000000b3;border:none;border-radius:50%;bottom:16px;cursor:pointer;display:flex;height:44px;justify-content:center;pointer-events:auto;position:absolute;right:16px;transition:all .2s;width:44px;z-index:20}.mute-btn:hover{background-color:#000000d9;transform:scale(1.1)}.mute-btn:active{transform:scale(.95)}.mute-btn svg{height:24px;width:24px}.play-pause-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#0009;border-radius:50%;display:flex;height:80px;justify-content:center;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s;width:80px;z-index:10}.play-pause-overlay.show{animation:fadeOut .6s ease-out .3s forwards;opacity:1}@keyframes fadeOut{to{opacity:0}}.play-pause-overlay svg{fill:#fff;height:40px;width:40px}.video-container.paused:after{background:#0000001a;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.carousel-btn{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#0009;box-shadow:0 4px 12px #0000004d;color:#fff;height:44px;opacity:.9;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px;z-index:20}.carousel-btn:hover{background-color:#000c;box-shadow:0 6px 20px #0006;opacity:1;transform:translateY(-50%) scale(1.1)}.carousel-btn:active{transform:translateY(-50%) scale(.95);transition:all .1s}.carousel-btn svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.carousel-btn-prev{left:16px}.carousel-btn-next{right:16px}.media-counter{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;box-shadow:0 2px 8px #0003;display:flex;height:28px;justify-content:center;line-height:1;pointer-events:none;right:16px;top:calc(16px + env(safe-area-inset-top, 0));white-space:nowrap;z-index:25}@media (max-width:768px){.post-card{border-bottom:1px solid #efefef;border-left:none;border-radius:0;border-right:none;margin-bottom:8px}.post-header{padding:10px 12px}.profile-image{height:32px;width:32px}.username{font-size:14px}.post-date{font-size:11px}.carousel-btn{font-size:20px;height:32px;opacity:.6;width:32px}.carousel-btn:active{opacity:1}.carousel-btn-prev{left:12px}.carousel-btn-next{right:12px}.media-counter{border-radius:10px;font-size:12px;height:24px;padding:5px 10px;right:12px;top:calc(12px + env(safe-area-inset-top, 0))}.post-caption{padding:12px 16px}.caption-text,.caption-username{font-size:14px}.mute-btn{bottom:12px;height:40px;right:12px;width:40px}.mute-btn svg{height:22px;width:22px}.play-pause-overlay{height:70px;width:70px}.play-pause-overlay svg{height:35px;width:35px}}@media (max-width:480px){.post-card{margin-bottom:8px}.post-header{padding:10px 12px}.profile-image{height:28px;width:28px}.username{font-size:13px}.post-date{font-size:10px}.carousel-btn{font-size:18px;height:28px;width:28px}.carousel-btn-prev{left:8px}.carousel-btn-next{right:8px}.media-counter{border-radius:8px;font-size:11px;height:20px;padding:4px 8px;right:10px;top:calc(10px + env(safe-area-inset-top, 0))}.mute-btn{bottom:10px;height:36px;right:10px;width:36px}.mute-btn svg{height:20px;width:20px}.play-pause-overlay{height:60px;width:60px}.play-pause-overlay svg{height:30px;width:30px}.post-caption{padding:10px 12px}.caption-text,.caption-username{font-size:13px}}.post-hashtags{display:flex;flex-wrap:wrap;gap:8px;padding:8px 16px}.post-caption>.post-hashtags{border-top:1px solid #ffffff1a;margin-top:8px;padding:8px 0 0}.hashtag{color:#0095f6;cursor:pointer;font-size:14px;font-weight:500;transition:color .2s}.hashtag:hover{color:#00376b;text-decoration:underline}@media (max-width:768px){.post-hashtags{padding:6px 12px}.hashtag{font-size:13px}}.post-caption{font-size:14px;line-height:1.5;padding:12px 16px}.caption-username{color:#262626;font-weight:600;margin-right:8px}.caption-text{color:#262626;white-space:pre-wrap}@media (min-width:769px){.post-card{box-shadow:0 1px 3px #00000014;transition:box-shadow .2s}.post-card:hover{box-shadow:0 2px 8px #0000001f}}.lazy-post-card-wrapper{min-height:400px;width:100%}.lazy-post-card-placeholder{background-color:#fafafa;border:1px solid #dbdbdb;border-radius:8px;min-height:400px;overflow:hidden;position:relative;width:100%}.placeholder-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0,#e0e0e0 50%,#f0f0f0);background-size:200% 100%;height:100%;width:100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:768px){.lazy-post-card-wrapper{min-height:300px}.lazy-post-card-placeholder{border-left:none;border-radius:0;border-right:none;min-height:300px}}.modal-backdrop{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #efefef;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#262626;font-size:18px;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;color:#8e8e8e;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.close-btn:hover{color:#262626}.modal-form{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#262626;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group textarea{border:1px solid #dbdbdb;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.form-group textarea:focus{border-color:#0095f6;outline:none}.hashtag-input-container{border:1px solid #dbdbdb;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;min-height:44px;padding:8px;transition:border-color .2s}.hashtag-input-container:focus-within{border-color:#0095f6}.hashtag-tag{background-color:#0095f6;border-radius:16px;gap:4px;padding:6px 10px}.hashtag-remove{background:none;font-size:18px;height:16px;transition:opacity .2s;width:16px}.hashtag-remove:hover{opacity:.8}.hashtag-input{border:none;flex:1 1;min-width:120px;outline:none;padding:4px}.modal-actions{gap:12px;justify-content:flex-end;margin-top:24px}.btn-cancel,.btn-save{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.btn-cancel{background-color:#efefef;color:#262626}.btn-cancel:hover{background-color:#dbdbdb}.btn-save{background-color:#0095f6;color:#fff}.btn-save:hover:not(:disabled){background-color:#0081d6}.btn-save:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.modal-backdrop{align-items:flex-end;padding:0}.modal-content{border-radius:16px 16px 0 0;max-height:85vh;max-width:100%}.modal-header{padding:16px 20px}.modal-form{padding:20px}}.post-detail-modal-overlay{align-items:center;background-color:#000;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.post-detail-modal-overlay~* .header,body:has(.post-detail-modal-overlay) .header,body:has(.post-detail-modal-overlay) .mobile-nav{display:none!important}.post-detail-modal .post-card{border:none!important;border-radius:0!important}.post-detail-modal .post-header{border-bottom:none!important;display:none!important}.post-detail-modal{background:#000;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.post-detail-modal :not(video):not(video *),.post-detail-modal :not(video):not(video *):after,.post-detail-modal :not(video):not(video *):before{border:none!important}.modal-media-container video{pointer-events:auto!important;z-index:10}.modal-media-container video::-webkit-media-controls-current-time-display,.modal-media-container video::-webkit-media-controls-fullscreen-button,.modal-media-container video::-webkit-media-controls-mute-button,.modal-media-container video::-webkit-media-controls-panel,.modal-media-container video::-webkit-media-controls-play-button,.modal-media-container video::-webkit-media-controls-time-remaining-display,.modal-media-container video::-webkit-media-controls-timeline,.modal-media-container video::-webkit-media-controls-volume-slider{display:flex!important;pointer-events:auto!important}.show{opacity:1!important;visibility:visible!important}.hide,.show{transition:opacity .3s ease,visibility .3s ease!important}.hide{opacity:0!important;pointer-events:none!important;visibility:hidden!important}.modal-header{align-items:center;background:#0000;display:flex;justify-content:flex-start;left:0;padding:16px;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;z-index:30}.modal-header>*{pointer-events:auto}.modal-close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:300;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close-btn:hover{background:#ffffff1a;transform:scale(1.1)}.modal-vertical-slider-container{background:#000;flex:1 1;height:100%;overflow:hidden;position:relative;width:100%}.modal-vertical-slider{display:flex;flex-direction:column;height:100%;will-change:transform}.modal-post-slide{flex-shrink:0;max-height:100%;min-height:100%}.modal-media-container-inner,.modal-post-slide{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.modal-media-container-inner{background:#000}.modal-media-container{align-items:center;background:#000;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.modal-media-slider{display:flex;height:100%;width:100%;will-change:transform}.modal-media-slide{align-items:center;display:flex;flex-shrink:0;height:100%;justify-content:center;width:100%}.modal-media{-webkit-user-drag:none;background:#000;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;width:100%}.modal-video-wrapper{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.modal-video-wrapper video{height:100%;object-fit:contain;width:100%}.modal-media-slide video{background:#000}.modal-media-slide video::-webkit-media-controls-overlay-play-button{display:none}.modal-slide-indicators{display:none}.modal-slide-btn{align-items:center;background:#0000;border:none;color:#ffffffe6;cursor:pointer;display:flex;font-size:24px;font-weight:200;height:40px;justify-content:center;line-height:1;margin:0;padding:0;position:absolute;text-shadow:0 2px 8px #0009;top:50%;transform:translateY(-50%);transition:all .2s ease;width:40px;z-index:20}.modal-slide-btn:hover{color:#fff;text-shadow:0 4px 12px #000c;transform:translateY(-50%) scale(1.2)}.modal-slide-btn:active{transform:translateY(-50%) scale(1)}.modal-slide-btn-prev{left:20px}.modal-slide-btn-next{right:20px}.modal-post-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #fff3;border-radius:20px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:4px;left:50%;padding:10px 20px;position:absolute;transform:translateX(-50%);transition:all .2s ease;z-index:20}.modal-post-btn:hover{background:#fff3;transform:translateX(-50%) scale(1.05)}.modal-post-btn:active{transform:translateX(-50%) scale(.95)}.modal-post-btn span:first-child{font-size:18px}.modal-post-btn-prev{top:16px}.modal-post-btn-next{bottom:120px}.modal-sidebar{bottom:120px;gap:24px;position:absolute;right:12px;transition:opacity .3s ease,visibility .3s ease;z-index:25}.modal-sidebar,.modal-sidebar-btn{align-items:center;display:flex;flex-direction:column}.modal-sidebar-btn{background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;height:48px;justify-content:center;position:relative;transition:all .2s cubic-bezier(.25,.46,.45,.94);width:48px}.modal-sidebar-btn:hover{transform:scale(1.15)}.modal-sidebar-btn:active{transform:scale(.95)}.modal-sidebar-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));font-size:28px}.modal-sidebar-text{font-size:11px;font-weight:600;margin-top:4px;text-shadow:0 1px 2px #000000b3}.modal-sidebar-btn.info-btn.active .modal-sidebar-icon{color:#3b9bff}.modal-author-minimal{display:none}.modal-info-panel{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#121212fa;border-radius:20px 20px 0 0;bottom:0;box-shadow:0 -10px 40px #00000080;left:0;max-height:70vh;overflow-y:auto;position:absolute;right:0;touch-action:pan-y;transform:translateY(100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94);-webkit-user-select:none;user-select:none;z-index:30}.modal-info-panel.visible{transform:translateY(0)}.modal-info-header{align-items:center;display:flex;flex-shrink:0;justify-content:center;padding:12px 16px 8px;position:relative}.modal-info-handle{background:#ffffff4d;border-radius:2px;cursor:grab;height:4px;transition:background .2s ease;width:40px}.modal-info-handle:active{background:#ffffff80;cursor:grabbing}.modal-info-close-btn{align-items:center;background:#0000;border:none;color:#ffffffe6;cursor:pointer;display:flex!important;font-size:18px;font-weight:300;height:30px;justify-content:center;opacity:1;pointer-events:auto;position:absolute;right:12px;text-shadow:0 2px 4px #00000080;top:50%;transform:translateY(-50%);transition:all .2s ease;visibility:visible;width:30px;z-index:10}.modal-info-close-btn:hover{color:#fff;text-shadow:0 2px 8px #000000b3;transform:translateY(-50%) scale(1.2)}.modal-info-close-btn:active{transform:translateY(-50%) scale(1)}.modal-info-panel::-webkit-scrollbar{width:4px}.modal-info-panel::-webkit-scrollbar-track{background:#0000}.modal-info-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.modal-info-content{padding:0 20px 30px}.modal-author-row{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.modal-author-name{color:#fff;font-size:16px;font-weight:700;letter-spacing:-.3px}.modal-date-text{color:#ffffff80;font-size:12px;font-weight:400}.modal-caption-section{margin-bottom:16px}.modal-caption-text{color:#fffffff2;font-size:14px;letter-spacing:-.2px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.modal-hashtags-section{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.modal-hashtag{color:#3b9bff;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.modal-hashtag:hover{color:#5bb0ff;text-decoration:underline}.modal-actions{border-top:1px solid #ffffff0d;display:flex;gap:10px;padding-top:20px}.modal-action-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;letter-spacing:-.2px;padding:12px 20px;transition:all .2s ease}.modal-action-btn.edit{background:#3a86ff26;border:1px solid #3a86ff4d;color:#5b9fff}.modal-action-btn.edit:hover{background:#3a86ff40;transform:translateY(-2px)}.modal-action-btn.delete{background:#ed495626;border:1px solid #ed49564d;color:#ff4458}.modal-action-btn.delete:hover{background:#ed495640;transform:translateY(-2px)}.modal-action-btn:active{transform:translateY(0)}@media (max-width:1024px){.modal-sidebar{bottom:100px;gap:20px;right:10px}.modal-sidebar-btn{height:44px;width:44px}.modal-sidebar-icon{font-size:26px}}@media (max-width:768px){.modal-header{padding:12px}.modal-close-btn{font-size:18px;height:28px;width:28px}.modal-slide-indicators{top:60px}.modal-slide-indicator{height:2px;width:24px}.modal-slide-btn{font-size:20px;font-weight:200;height:35px;line-height:1;width:35px}.modal-slide-btn-prev{left:16px}.modal-slide-btn-next{right:16px}.modal-post-btn{font-size:11px;padding:8px 16px}.modal-post-btn span:first-child{font-size:16px}.modal-post-btn-next{bottom:100px}.modal-sidebar{bottom:90px;gap:18px;right:8px}.modal-sidebar-btn{height:40px;width:40px}.modal-sidebar-icon{font-size:24px}.modal-sidebar-text{font-size:10px}.modal-author-minimal{bottom:20px;left:12px}.modal-author-name-minimal{font-size:13px}.modal-date-minimal{font-size:11px}.modal-info-header{padding:10px 14px 6px}.modal-info-close-btn{font-size:16px;height:28px;right:10px;width:28px}.modal-info-content{padding:0 16px 24px}.modal-author-name{font-size:15px}.modal-caption-text,.modal-hashtag{font-size:13px}.modal-action-btn{font-size:13px;padding:11px 18px}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-zoom-indicator{animation:fadeInOut 1.5s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:20px;color:#fff;font-size:14px;font-weight:600;left:50%;opacity:.9;padding:8px 16px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:35}@keyframes fadeInOut{0%{opacity:0}20%{opacity:.9}80%{opacity:.9}to{opacity:0}}.modal-media.zoomed{cursor:grab}.modal-media.zoomed:active{cursor:grabbing}.modal-action-btn:focus-visible,.modal-close-btn:focus-visible,.modal-sidebar-btn:focus-visible{outline:2px solid #ffffff80;outline-offset:2px}@media (prefers-reduced-motion:reduce){.modal-action-btn,.modal-info-panel,.modal-media-wrapper,.modal-sidebar-btn{transition:none}}.modal-footer,.modal-info-bar,.modal-info-toggle-btn,.modal-nav-btns{display:none}.feed-container{margin:0 auto;max-width:614px;padding:20px 0}@media (min-width:769px){.feed-container{padding:24px 20px}}.feed-list{display:flex;flex-direction:column}.feed-empty,.feed-error,.feed-loading{color:#8e8e8e;font-size:16px;padding:40px 20px;text-align:center}.feed-empty p:first-child{color:#262626;font-size:18px;font-weight:600;margin-bottom:8px}.feed-end,.feed-loading-more{color:#8e8e8e;font-size:14px;padding:20px;text-align:center}@media (max-width:768px){.feed-container{max-width:100%;padding:0}.feed-list{gap:0}}.grid-item{background-color:#f0f0f0;cursor:pointer;overflow:hidden;position:relative;transition:opacity .2s}.grid-item:hover{opacity:.9}.grid-item-image{display:block;height:100%;object-fit:cover;width:100%}.video-indicator{align-items:center;background-color:#0009;border-radius:50%;display:flex;height:32px;justify-content:center;position:absolute;right:8px;top:8px;width:32px}.explore-container{min-height:100vh;padding:0 0 20px}.explore-search-section{background:#fff;border-bottom:1px solid #dbdbdb;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.search-form{display:flex;gap:8px;margin-bottom:16px}.search-input{border:1px solid #dbdbdb;border-radius:8px;flex:1 1;font-size:14px;padding:12px 16px;transition:border-color .2s}.search-input:focus{border-color:#0095f6;outline:none}.search-btn{background:linear-gradient(45deg,#405de6,#5b51d8,#833ab4,#c13584,#e1306c,#fd1d1d);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;padding:12px 20px;transition:opacity .2s}.search-btn:hover{opacity:.9}.popular-hashtags h3{color:#262626;font-size:14px;font-weight:600;margin:0 0 12px}.hashtag-chips{display:flex;flex-wrap:wrap;gap:8px}.hashtag-chip{background:#f0f0f0;border:none;border-radius:20px;color:#262626;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.hashtag-chip:hover{background:linear-gradient(45deg,#405de6,#5b51d8,#833ab4,#c13584,#e1306c,#fd1d1d);color:#fff}.explore-empty,.explore-loading{align-items:center;color:#8e8e8e;display:flex;flex-direction:column;font-size:16px;justify-content:center;min-height:50vh;padding:40px 20px;text-align:center}.explore-empty p{color:#262626;font-size:18px;font-weight:600}.scroll-trigger{height:20px}.explore-loading-more{color:#8e8e8e;font-size:14px;padding:20px;text-align:center}@media (max-width:768px){.explore-container{margin:0;padding:0 0 80px}.explore-search-section{padding:16px;position:static}.search-form{margin-bottom:12px}.search-input{font-size:13px;padding:10px 14px}.search-btn{font-size:16px;padding:10px 16px}.popular-hashtags h3{font-size:13px;margin-bottom:10px}.hashtag-chip{font-size:12px;padding:6px 12px}.masonry-column,.masonry-grid{gap:2px}}@media (max-width:480px){.explore-container{padding-bottom:70px}}.upload-container{margin:0 auto;max-width:800px;padding:20px}.upload-box{background-color:#fff;border:1px solid #dbdbdb;border-radius:8px;overflow:hidden}.upload-title{border-bottom:1px solid #dbdbdb;color:#262626;font-size:18px;font-weight:600;padding:16px 20px;text-align:center}.upload-type-tabs{background-color:#fafafa;border-bottom:1px solid #dbdbdb;display:flex}.tab-button{background:none;border:none;color:#8e8e8e;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;padding:14px 16px;position:relative;transition:all .2s}.tab-button:hover{background-color:#f0f0f0;color:#262626}.tab-button.active{color:#262626;font-weight:600}.tab-button.active:after{background:linear-gradient(45deg,#405de6,#5b51d8,#833ab4,#c13584,#e1306c,#fd1d1d);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.upload-dropzone{padding:60px 20px;text-align:center}.file-input{display:none}.file-label{align-items:center;color:#262626;cursor:pointer;display:flex;flex-direction:column;gap:16px}.file-label svg{color:#8e8e8e}.file-label p{font-size:20px;margin:0}.file-hint{color:#8e8e8e!important;font-size:14px!important}.upload-form{display:flex;flex-direction:column}.preview-container{align-items:center;background-color:#000;display:flex;height:500px;justify-content:center;padding:20px}.preview-media,.preview-media video,video.preview-media{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.preview-container-multi{background-color:#000}.main-preview{background-color:#000;height:500px;padding:20px;position:relative}.carousel-btn,.main-preview{align-items:center;display:flex;justify-content:center}.carousel-btn{background-color:#ffffffe6;border:none;border-radius:50%;color:#000;cursor:pointer;font-size:24px;height:40px;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s;width:40px;z-index:10}.carousel-btn:hover{background-color:#fff}.carousel-btn-prev{left:10px}.carousel-btn-next{right:10px}.carousel-indicators{bottom:10px;display:flex;gap:6px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.indicator{background-color:#ffffff80;border-radius:50%;cursor:pointer;height:8px;transition:background-color .2s;width:8px}.indicator.active{background-color:#fff;height:10px;width:10px}.media-counter{background-color:#000000bf;border-radius:20px;bottom:15px;color:#fff;font-size:13px;font-weight:600;padding:6px 12px;position:absolute;right:15px;-webkit-user-select:none;user-select:none;z-index:10}.thumbnails-container{background-color:#fafafa;border-top:1px solid #dbdbdb;display:flex;gap:8px;overflow-x:auto;padding:12px}.thumbnail{border:2px solid #0000;border-radius:4px;cursor:pointer;flex-shrink:0;height:80px;overflow:hidden;position:relative;transition:border-color .2s;width:80px}.thumbnail.active,.thumbnail:hover{border-color:#0095f6}.thumbnail img,.thumbnail video{height:100%;object-fit:cover;width:100%}.thumbnail-number{border-radius:10px;font-size:12px;font-weight:500;left:4px;padding:2px 6px}.remove-btn,.thumbnail-number{background-color:#000000b3;color:#fff;position:absolute;top:4px}.remove-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;line-height:1;right:4px;transition:background-color .2s;width:20px}.remove-btn:hover{background-color:#ed4956}.add-more-thumbnail{align-items:center;background-color:#f0f0f0;border:2px dashed #dbdbdb;display:flex;justify-content:center}.add-more-thumbnail:hover{background-color:#e8f5fe;border-color:#0095f6}.add-more-label{align-items:center;color:#8e8e8e;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;transition:color .2s;width:100%}.add-more-label:hover{color:#0095f6}.add-more-label svg{height:32px;margin-bottom:4px;width:32px}.add-more-label span{font-size:12px;font-weight:600}.file-count{color:#262626;font-weight:600}.upload-details{display:flex;flex-direction:column;gap:16px;padding:20px}.caption-input{border:1px solid #dbdbdb;border-radius:4px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;width:100%}.caption-input:focus{border-color:#0095f6;outline:none}.file-info{align-items:center;background-color:#fafafa;border-radius:4px;display:flex;font-size:13px;justify-content:space-between;padding:12px}.file-name{color:#262626;flex:1 1;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#8e8e8e;margin:0 0 0 12px}.error-message{background-color:#ffebee;border:1px solid #ef5350;border-radius:4px;color:#c62828;font-size:13px;padding:12px}.progress-bar{background-color:#efefef;height:32px;position:relative}.progress-fill{background:linear-gradient(90deg,#0095f6,#00a8ff)}.progress-text{color:#262626;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.button-group{display:flex;gap:12px}.btn-primary,.btn-secondary{border-radius:4px;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .2s}.btn-primary{background-color:#0095f6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0081d6}.btn-primary:disabled{background-color:#b3d7f2;cursor:not-allowed}.btn-secondary{background-color:#efefef;color:#262626}.btn-secondary:hover:not(:disabled){background-color:#dbdbdb}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.native-photo-select{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.select-photo-btn{align-items:center;background:none;border:none;border-radius:8px;color:#262626;cursor:pointer;display:flex;flex-direction:column;font-size:16px;gap:16px;padding:40px;transition:background-color .2s}.select-photo-btn:active,.select-photo-btn:hover{background:#0000000d}.select-photo-btn svg{color:#8e8e8e}.select-photo-btn p{font-size:20px;margin:0}@media (max-width:768px){.upload-container{padding:0 0 80px}.upload-box{border-left:none;border-radius:0;border-right:none}.preview-container{max-height:400px;min-height:250px}}@media (max-width:480px){.upload-container{padding-bottom:70px}}.progress-container{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:16px 0;padding:12px}.progress-bar{background-color:#e9ecef;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#405de6,#5b51d8,#833ab4,#c13584,#e1306c,#fd1d1d);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#495057;font-size:13px;font-weight:500;margin:0;text-align:center}.hashtag-section{margin:16px 0}.hashtag-input{border:1px solid #dbdbdb;border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.hashtag-input:focus{border-color:#0095f6;outline:none}.hashtag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.hashtag-tag{background:linear-gradient(45deg,#405de6,#5b51d8,#833ab4,#c13584,#e1306c,#fd1d1d);border-radius:20px;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.hashtag-remove,.hashtag-tag{align-items:center;color:#fff}.hashtag-remove{background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:18px;justify-content:center;line-height:1;padding:0;transition:background .2s;width:18px}.hashtag-remove:hover{background:#ffffff80}.processing-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.processing-spinner{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000004d;padding:40px 60px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#0095f6;height:50px;margin:0 auto 20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.processing-text{color:#262626;font-size:16px;font-weight:600;margin:0 0 8px}.processing-hint{color:#8e8e8e;font-size:14px;margin:0}.search-container{margin:0 auto;max-width:935px;min-height:100vh;padding:0 0 20px}.search-header{align-items:center;background:#fff;border-bottom:1px solid #dbdbdb;display:flex;gap:16px;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.back-btn{background:none;border:none;border-radius:8px;color:#262626;cursor:pointer;font-size:16px;padding:8px 12px;transition:background .2s}.back-btn:hover{background:#f0f0f0}.search-header h2{color:#262626;flex:1 1;font-size:24px;font-weight:600;margin:0}.result-count{color:#8e8e8e;font-size:14px}.masonry-grid{grid-gap:4px;display:grid;gap:4px}.masonry-column{display:flex;flex-direction:column;gap:4px}.search-empty{color:#8e8e8e;padding:80px 20px;text-align:center}.search-empty p{font-size:18px;margin:0}.loading{color:#8e8e8e}.error-message,.loading{padding:40px;text-align:center}.error-message{color:#ed4956}.load-more-sentinel{color:#8e8e8e;padding:20px;text-align:center}@media (max-width:768px){.search-container{padding:0 0 80px}.search-header{padding:12px 16px}.search-header h2{font-size:20px}.result-count{font-size:13px}.back-btn{font-size:14px;padding:6px 10px}.masonry-column,.masonry-grid{gap:2px}}@media (max-width:480px){.search-container{padding-bottom:70px}.search-header{padding:10px 12px}.search-header h2{font-size:18px}}.trash-container{margin:0 auto;max-width:1200px;padding:20px}.trash-header{margin-bottom:32px;text-align:center}.trash-header h1{color:#262626;font-size:28px;font-weight:700;margin:0 0 8px}.trash-header p{color:#8e8e8e;font-size:14px;margin:0 0 16px}.btn-empty-trash{background-color:#ed4956;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.btn-empty-trash:hover{background-color:#c13840;transform:scale(1.05)}.trash-empty,.trash-error,.trash-loading{padding:60px 20px;text-align:center}.trash-error button{background-color:#0095f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:16px;padding:10px 24px;transition:all .2s}.trash-error button:hover{background-color:#0081d6}.trash-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.trash-item{background-color:#fff;border:1px solid #dbdbdb;border-radius:12px;overflow:hidden;transition:all .2s}.trash-item:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.trash-item-media{aspect-ratio:1;background-color:#000;overflow:hidden;position:relative;width:100%}.trash-item-media img,.trash-item-media video{height:100%;object-fit:cover;width:100%}.trash-item-media .no-media{align-items:center;color:#8e8e8e;display:flex;font-size:14px;height:100%;justify-content:center;width:100%}.media-count{background-color:#000000b3;border-radius:16px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;position:absolute;right:12px;top:12px}.trash-item-info{padding:16px}.trash-item-user{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.trash-item-user .username{color:#262626;font-size:14px;font-weight:600}.deleted-date{color:#ed4956;font-size:12px;font-weight:500}.trash-item-caption{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#262626;display:-webkit-box;font-size:14px;line-height:1.5;margin:0 0 8px;overflow:hidden}.trash-item-hashtags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.trash-item-hashtags .hashtag{background-color:#efefef;border-radius:12px;color:#0095f6;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.trash-item-actions{display:flex;gap:8px;margin-top:12px}.btn-permanent-delete,.btn-restore{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px;transition:all .2s}.btn-restore{background-color:#0095f6;color:#fff}.btn-restore:hover:not(:disabled){background-color:#0081d6}.btn-permanent-delete{background-color:#efefef;color:#ed4956}.btn-permanent-delete:hover:not(:disabled){background-color:#fef1f2}.btn-permanent-delete:disabled,.btn-restore:disabled{cursor:not-allowed;opacity:.5}.trash-load-more{margin-top:32px;text-align:center}.trash-load-more button{background-color:#0095f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 32px;transition:all .2s}.trash-load-more button:hover:not(:disabled){background-color:#0081d6}.trash-load-more button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.trash-container{padding:16px}.trash-header h1{font-size:24px}.trash-grid{gap:16px;grid-template-columns:1fr}}
/*# sourceMappingURL=main.0cf6c801.css.map*/