.gallery-container{background:#fff;max-width:600px;margin:0 auto;padding:0 0 100px}.gallery-post{aspect-ratio:4/5;background:#f0f0f0;width:100%;margin-bottom:4px;position:relative;overflow:hidden}.gallery-post-overlay-top{z-index:10;color:#fff;background:linear-gradient(#0006,#0000);justify-content:space-between;align-items:center;padding:16px;display:flex;position:absolute;top:0;left:0;right:0}.author-info{align-items:center;gap:10px;display:flex}.author-avatar{-o-object-fit:cover;object-fit:cover;border:1px solid #fff3;border-radius:50%;width:32px;height:32px}.author-name{text-shadow:0 1px 2px #0000004d;font-family:Inter,sans-serif;font-size:14px;font-weight:600}.post-time{opacity:.8;margin-left:4px;font-size:11px}.gallery-media-container{scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;width:100%;height:100%;display:flex;position:relative;overflow-x:auto}.gallery-media-container::-webkit-scrollbar{display:none}.gallery-media-item{scroll-snap-align:start;flex:0 0 100%;width:100%;height:100%}.gallery-media-item img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.gallery-post-overlay-bottom{z-index:10;color:#fff;background:linear-gradient(#0000,#0009);padding:16px;position:absolute;bottom:0;left:0;right:0}.post-tags{gap:8px;margin-bottom:8px;display:flex}.tag-badge{-webkit-backdrop-filter:blur(8px);color:#fff;background:#fff3;border-radius:100px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;text-decoration:none;display:flex}.post-caption{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.post-actions{align-items:center;gap:20px;display:flex}.action-btn{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;display:flex}.action-btn.liked svg{fill:#ff2d55;color:#ff2d55}.action-label{font-size:13px;font-weight:500}.pagination-dots{z-index:11;gap:4px;display:flex;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.dot{background:#fff6;border-radius:50%;width:6px;height:6px}.dot.active{background:#fff}.btn-create-floating{color:#fff;z-index:50;background:#005bc0;border-radius:28px;justify-content:center;align-items:center;width:56px;height:56px;text-decoration:none;display:flex;position:fixed;bottom:100px;right:20px;box-shadow:0 4px 12px #005bc04d}.bottom-sheet-overlay{z-index:100;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet-content{background:#fff;border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-height:80vh;display:flex}.sheet-handle{background:#e0e0e0;border-radius:2px;width:40px;height:4px;margin:12px auto}.sheet-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:0 20px 16px;display:flex}.sheet-title{font-size:16px;font-weight:700}.comments-list{flex:1;padding:20px;overflow-y:auto}.comment-item{gap:12px;margin-bottom:20px;display:flex}.comment-avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:36px;height:36px}.comment-body{flex:1}.comment-author{margin-bottom:2px;font-size:13px;font-weight:600}.comment-text{color:#333;font-size:14px;line-height:1.4}.comment-meta{color:#999;gap:12px;margin-top:4px;font-size:12px;display:flex}.comment-input-area{padding:16px 20px;padding-bottom:env(safe-area-inset-bottom,16px);border-top:1px solid #f0f0f0;align-items:center;gap:12px;display:flex}.comment-input{background:#f5f5f5;border:none;border-radius:20px;flex:1;padding:10px 16px;font-size:14px}.comment-submit{color:#005bc0;cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:600}.gallery-create-container{background:#f8f9fa;max-width:600px;min-height:100vh;margin:0 auto;padding-bottom:40px}.create-header{z-index:100;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.create-title{font-size:18px;font-weight:700}.btn-post{color:#fff;background:#005bc0;border-radius:20px;padding:8px 20px;font-size:14px;font-weight:600}.btn-post:disabled{color:#999;background:#e0e0e0}.upload-section{background:#fff;margin-bottom:8px;padding:20px}.image-preview-scroll{gap:12px;padding-bottom:10px;display:flex;overflow-x:auto}.preview-item{border-radius:12px;flex:0 0 120px;height:150px;position:relative;overflow:hidden}.preview-item img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.btn-remove-image{color:#fff;background:#00000080;border-radius:50%;padding:2px;position:absolute;top:4px;right:4px}.btn-add-more{color:#999;border:2px dashed #e0e0e0;border-radius:12px;flex-direction:column;flex:0 0 120px;justify-content:center;align-items:center;gap:8px;height:150px;font-size:12px;display:flex}.form-section{background:#fff;padding:20px}.caption-input{resize:none;border:none;width:100%;min-height:100px;margin-bottom:20px;font-size:16px}.caption-input:focus{outline:none}.tag-search-container{margin-bottom:16px}.tag-label{color:#666;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.search-input-wrapper{width:100%;position:relative}.search-input{background:#f5f5f5;border:none;border-radius:12px;width:100%;padding:12px 16px;font-size:14px}.search-results{z-index:50;background:#fff;border:1px solid #f0f0f0;border-radius:12px;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.search-item{cursor:pointer;align-items:center;gap:12px;padding:12px 16px;display:flex}.search-item:hover{background:#f9f9f9}.selected-tag-chip{color:#005bc0;background:#f0f7ff;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}