@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;500;700&display=swap";body.is-mobile .app-shell-mobile{top:56px;bottom:calc(64px + env(safe-area-inset-bottom,0px));position:fixed;left:0;right:0;overflow:hidden auto}.mnav-top{display:none}body.is-mobile .mnav-top{-webkit-backdrop-filter:blur(12px);z-index:200;background:#ffffffd9;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.mnav-logo{color:#2d3436;font-size:1.1rem;font-weight:700;text-decoration:none}.mnav-user-wrap{position:relative}.mnav-user-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;gap:8px;padding:4px 10px;display:flex}.mnav-avatar{object-fit:cover;border:2px solid #6c5ce74d;border-radius:50%;flex-shrink:0;width:32px;height:32px}.mnav-avatar-placeholder{background:#6c5ce71a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;display:flex}.mnav-username{color:#2d3436;text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:.9rem;font-weight:500;overflow:hidden}.mnav-arrow{color:#b2bec3;font-size:.65rem}.mnav-dropdown{z-index:210;background:#fff;border-radius:14px;flex-direction:column;min-width:150px;margin-top:8px;padding:8px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 12px 40px #0000001f}.mnav-dropitem{text-align:left;color:#2d3436;cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%;padding:10px 14px;font-family:Outfit,sans-serif;font-size:.9rem;transition:background .15s;display:block}.mnav-dropitem:active{background:#6c5ce714}.mnav-dropdivider{background:#0000000f;height:1px;margin:4px 0}.mnav-login-btn{color:#fff;background:#6c5ce7;border-radius:20px;padding:6px 16px;font-size:.85rem;font-weight:600;text-decoration:none}.mnav-bottom{display:none}body.is-mobile .mnav-bottom{height:64px;padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(12px);z-index:200;background:#ffffffd9;border-top:1px solid #0000000f;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mnav-tab{color:#636e72;flex-direction:column;align-items:center;gap:2px;padding:6px 16px;font-size:.68rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.mnav-tab.active{color:#6c5ce7}body.is-mobile .gallery-header{padding:24px 16px 16px}body.is-mobile .gallery-header h1{font-size:2rem}body.is-mobile .filters{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;gap:10px;padding:0 4px 8px;overflow-x:auto}body.is-mobile .filter-btn{flex-shrink:0;padding:8px 20px;font-size:.85rem}body.is-mobile .gallery-container{display:none}body.is-mobile .gallery-container-mobile{align-items:flex-start;gap:10px;width:94%;margin:0 auto;padding-bottom:24px;display:flex}body.is-mobile .gallery-col{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}body.is-mobile .media-card{contain:layout style paint;margin-bottom:0;transform:none!important}body.is-mobile .media-card img,body.is-mobile .media-card video{border-radius:12px;width:100%;transition:none}body.is-mobile .media-card:hover img,body.is-mobile .media-card:hover video{transform:none}body.is-mobile .card-overlay{opacity:1;color:#fff;background:linear-gradient(#0000,#00000040);border-radius:0 0 12px 12px;width:100%;padding:20px 12px 10px;left:0;transform:translateY(0)}body.is-mobile .card-title{color:#fff;font-size:.85rem}body.is-mobile .card-tag{display:none}body.is-mobile .card-desc{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.7rem;display:block;overflow:hidden}@media (width<=768px){body.is-mobile .lightbox-content{border-radius:0;flex-direction:column;justify-content:flex-start}body.is-mobile .lightbox-media{flex:none;min-height:35vh;max-height:50vh;padding:56px 12px 8px;overflow:hidden}body.is-mobile .lightbox-media img,body.is-mobile .lightbox-media video{border-radius:8px;max-width:100%;max-height:45vh}body.is-mobile .lightbox-info{flex:1;max-width:100%;padding:12px 20px 24px;overflow-y:auto}body.is-mobile .lightbox-title{text-align:left;font-size:1.2rem}body.is-mobile .lightbox-description{margin-top:0;font-size:.88rem}body.is-mobile .lightbox-poster{margin:4px 0 8px}body.is-mobile .lightbox-poster-avatar,body.is-mobile .lightbox-poster-avatar-placeholder{width:16px;height:16px}body.is-mobile .lightbox-poster-prefix,body.is-mobile .lightbox-poster-suffix,body.is-mobile .lightbox-poster-username{font-size:.72rem}body.is-mobile .lightbox-poster-time{font-size:.7rem}body.is-mobile .close-btn{z-index:2000;color:#2d3436;-webkit-tap-highlight-color:transparent;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:2rem;display:flex;top:8px;right:12px;box-shadow:0 2px 10px #00000026}}@media (width<=480px){body.is-mobile .lightbox-content.vertical .lightbox-media{padding-top:56px}body.is-mobile .lightbox-content.vertical .lightbox-media img{max-width:90%;max-height:45vh}body.is-mobile .lightbox-content.vertical .lightbox-info{padding-top:16px}}body.is-mobile .audio-control{width:44px;height:44px;inset:auto 12px 80px auto}body.is-mobile .auth-card{margin:0 12px;max-width:100%!important;padding:32px 24px!important}body.is-mobile .upload-card{margin:0 12px;max-width:100%!important;padding:24px 20px!important}body.is-mobile .comment-section{max-height:40vh}body.is-mobile .comment-replies{margin-left:0;padding-left:12px}body.is-mobile .admin-wrapper{max-width:100%!important;margin:8px!important;padding:12px!important}body.is-mobile .admin-wrapper table{font-size:.78rem}body.is-mobile .mgmt-table th,body.is-mobile .mgmt-table td{padding:8px 6px}body.is-mobile .comment-form input{font-size:16px}:root{--primary:#6c5ce7;--accent:#a29bfe;--bg-gradient:linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);--glass-bg:#ffffffb3;--glass-border:#ffffff80;--shadow:0 8px 32px 0 #1f26871a;--text-primary:#2d3436;--text-secondary:#636e72}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{width:100%;height:100%;overflow:hidden}body{background-image:var(--bg-gradient);height:100%;color:var(--text-primary);width:100%;font-family:Outfit,sans-serif;position:relative;overflow:hidden}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.blob{filter:blur(80px);z-index:-1;pointer-events:none;border-radius:50%;animation:10s infinite alternate float;position:absolute}.blob-1{background:#ffeaa7;width:500px;height:500px;top:-10%;left:-10%}.blob-2{background:#81ecec;width:600px;height:600px;bottom:-10%;right:-10%}.blob-3{opacity:.4;background:#ff7675;width:300px;height:300px;top:40%;left:40%}@keyframes float{0%{transform:translate(0)}to{transform:translate(30px,50px)}}.gallery-header{text-align:center;padding:60px 20px 40px}.gallery-header h1{background:linear-gradient(90deg,#6c5ce7,#ff7675);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:3rem;font-weight:700}.gallery-header .subtitle{color:#636e72;margin-bottom:30px;font-size:1.1rem}.filters{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.filter-btn{background:var(--glass-bg);cursor:pointer;color:var(--text-secondary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;border:1px solid var(--glass-border);border-radius:30px;padding:10px 25px;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .3s;box-shadow:0 4px 6px #0000000d}.filter-btn:hover,.filter-btn.active{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 10px 20px #6c5ce74d}.gallery-container{column-count:4;-webkit-overflow-scrolling:touch;column-gap:25px;width:90%;max-width:1400px;margin:0 auto;padding-bottom:100px}.media-card{break-inside:avoid;cursor:pointer;box-shadow:none;transform-style:preserve-3d;perspective:1000px;contain:layout style paint;background:0 0;border-radius:0;justify-content:center;align-items:center;margin-bottom:25px;transition:transform .1s;display:flex;position:relative;overflow:visible}.media-card img,.media-card video{object-fit:cover;border-radius:15px;width:80%;height:auto;transition:transform .5s;display:block}.media-card.has-video{position:relative}.card-overlay{color:#fff;opacity:0;pointer-events:none;background:linear-gradient(#0000,#00000026);width:80%;padding:20px;transition:all .4s;position:absolute;bottom:0;left:10%;transform:translateY(20px)}.media-card:hover .card-overlay{opacity:1;transform:translateY(0)}.media-card:hover img,.media-card:hover video{transform:scale(1.05)}.card-title{font-size:1.2rem;font-weight:700}.card-desc{color:#ffffffbf;margin-top:4px;font-size:.82rem;display:none}.media-card:hover .card-desc{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.card-tag,.media-card.hide{display:none}.lightbox{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;opacity:0;pointer-events:none;-webkit-overflow-scrolling:touch;background:#fffffff2;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.lightbox.active{opacity:1;pointer-events:all}.lightbox-content{width:100%;height:100vh;box-shadow:none;background:#fffffffa;border:none;border-radius:0;flex-direction:column;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;overflow:hidden;transform:scale(.9)}.lightbox.active .lightbox-content{transform:scale(1)}.lightbox-media{background:0 0;flex:1;justify-content:center;align-items:center;min-height:0;padding:30px 20px 10px;display:flex;position:relative;overflow:hidden}.lightbox-media img{object-fit:contain;border-radius:12px;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 10px 30px #0000001a}.lightbox-media video{object-fit:contain;border-radius:12px;max-width:100%;max-height:100%;box-shadow:0 20px 60px #0003}.lightbox-info{background:linear-gradient(#fffc,#fffffff2);border-top:1px solid #ffffff80;flex-direction:column;flex:1;justify-content:flex-start;max-width:90%;margin:0 auto;padding:10px 40px 20px;display:flex}.lightbox-title{color:#2d3436;background:linear-gradient(90deg,#6c5ce7,#ff7675);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;margin-bottom:8px;font-size:1.5rem;font-weight:700}.lightbox-description{color:#636e72;font-size:1rem;line-height:1.6}.lightbox-poster{align-items:center;gap:3px;margin:4px 0 10px;display:flex}.lightbox-poster-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:18px;height:18px;margin:0 1px}.lightbox-poster-avatar-placeholder{background:#6c5ce71a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin:0 1px;font-size:.6rem;display:flex}.lightbox-poster-prefix,.lightbox-poster-suffix{color:#b2bec3;font-size:.75rem}.lightbox-poster-username{color:#636e72;font-size:.75rem;font-weight:600}.lightbox-poster-time{color:#b2bec3;font-size:.72rem}.close-btn{cursor:pointer;color:#2d3436;z-index:1001;background:0 0;border:none;font-family:inherit;font-size:2rem;line-height:1;transition:transform .3s;position:absolute;top:20px;right:20px}.close-btn:hover{color:var(--primary);transform:rotate(90deg)}@media (width>=481px){.lightbox-content.vertical .lightbox-media img{max-width:60%}.lightbox-content.horizontal .lightbox-media img{max-width:80%}}@media (width<=480px){.lightbox-content{flex-direction:column;justify-content:flex-start}.lightbox-media{flex:1.5;min-height:0;padding:50px 15px 5px;overflow:hidden}.lightbox-content.vertical .lightbox-media{padding-top:60px}.lightbox-content.vertical .lightbox-media img{max-width:80%}.lightbox-info{flex:1;padding:10px 20px 15px}.lightbox-content.vertical .lightbox-info{padding-top:40px}}.comment-section{text-align:left;flex-direction:column;max-height:50vh;margin-top:16px;display:flex}.comment-list{flex:1;padding-bottom:8px;overflow-y:auto}.comment-item{border-bottom:1px solid #0000000a;padding:8px 0}.comment-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.comment-username{color:var(--primary);font-size:.9rem;font-weight:600}.comment-time{color:#b2bec3;font-size:.75rem}.comment-body{color:#2d3436;margin-bottom:4px;font-size:.95rem;line-height:1.5}.comment-reply-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:2px 8px;font-family:inherit;font-size:.8rem}.comment-reply-btn:hover{text-decoration:underline}.comment-replies{border-left:2px solid #6c5ce726;margin-top:4px;margin-left:0;padding-left:16px}.comment-reply-item{align-items:flex-start;gap:8px;padding:6px 0;font-size:.88rem;line-height:1.6;display:flex}.comment-reply-to{color:var(--primary);font-weight:500}.comment-reply-sep{color:#b2bec3}.comment-reply-content{color:#2d3436}.comment-reply-time{color:#b2bec3;white-space:nowrap;margin-left:6px;font-size:.72rem}.comment-form{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-top:1px solid #0000000f;align-items:center;gap:8px;padding:10px 0 4px;display:flex;position:sticky;bottom:0}.comment-form input{background:#ffffffe6;border:1px solid #0000001a;border-radius:20px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:.9rem}.comment-form .btn-send{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:20px;padding:8px 18px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s}.comment-form .btn-send:disabled{opacity:.4;cursor:not-allowed}.comment-form .btn-cancel{color:#b2bec3;cursor:pointer;white-space:nowrap;background:#0000000a;border:1px solid #0000001f;border-radius:20px;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .2s}.comment-form .btn-cancel:hover{color:#636e72;background:#00000014}.audio-control{z-index:999;cursor:pointer;background:var(--glass-bg);width:50px;height:50px;box-shadow:var(--shadow);border:1px solid var(--glass-border);color:var(--primary);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;top:80px;left:20px}.mgmt-table{border-collapse:collapse;text-align:center;width:100%}.mgmt-table th{color:#636e72;white-space:nowrap;background:#00000005;padding:14px 12px;font-size:.85rem;font-weight:600}.mgmt-table td{vertical-align:middle;padding:12px 10px}@media (width<=1024px){.gallery-container{column-count:3;width:95%}}@media (width<=768px){.gallery-container{column-count:2;width:95%}.gallery-header h1{font-size:2.2rem}}@media (width<=480px){.gallery-container{column-count:1;column-gap:15px;width:98%}.media-card{margin-bottom:30px}}